/* EcomTrade24 Pay · Meridian Design System R11
   Warm ivory / deep ink / cobalt / copper. Single layer for public, partner and operations.
   No API, payment, auth or routing logic. Scoped only to opt-in et24-light / et24-checkout body.
*/
:root { --et24-canvas:#faf9f6;--et24-paper:#ffffff;--et24-soft:#f2f5f8;--et24-ink:#172c42;--et24-muted:#52677b;--et24-stroke:#d9e2ea;--et24-primary:#244b87;--et24-primary-pressed:#193967;--et24-warm:#bd794b;--et24-success:#15694f;--et24-danger:#a12f47;--et24-shadow:0 13px 40px rgba(23,44,66,.055); }
body.et24-light,body.et24-checkout {color:var(--et24-ink)!important;background:var(--et24-canvas)!important;font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;line-height:1.5;color-scheme:light;}
body.et24-light :is(h1,h2,h3,h4,h5),body.et24-checkout :is(h1,h2,h3) {letter-spacing:-.028em;text-wrap:balance;}
body.et24-light :is(a,button,input,textarea,select,summary):focus-visible,body.et24-checkout :is(a,button,input,textarea,select):focus-visible {outline:3px solid #7ba8ef!important;outline-offset:3px!important;}
body.et24-light a,body.et24-checkout a {transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s;}
body.et24-light :is(button,a)[disabled] {cursor:not-allowed;opacity:.6;}
body.et24-light :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]),select,textarea),body.et24-checkout :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]),select,textarea){max-width:100%;background:#fff!important;color:var(--et24-ink)!important;border-color:#aebfce!important;accent-color:var(--et24-primary);min-height:42px;}
body.et24-light :is(input,select,textarea)::placeholder {color:#77889a!important;}
body.et24-light :is(label,small) {line-height:1.5;}
body.et24-light :is(pre,code):not([class*="bg-"]){color:#284a74;}
body.et24-light pre{overflow-x:auto;max-width:100%;}
/* Translate legacy dark palettes into consistent light surfaces — matched against whole Tailwind tokens. */
body.et24-light :is([class~="bg-slate-950"],[class~="bg-slate-900"],[class~="bg-slate-800"],[class~="bg-gray-950"],[class~="bg-gray-900"],[class~="bg-black"],[class*="bg-slate-950/"],[class*="bg-slate-900/"],[class*="bg-slate-800/"],[class*="bg-gray-950/"],[class*="bg-gray-900/"]):not(.et24-preserve-dark):not(.admin-sidebar):not(.merchant-sidebar):not(.reseller-sidebar):not(#aSidebarOverlay):not(#mSidebarOverlay):not(#rSidebarOverlay):not([class*="bg-slate-950/50"]#aSidebarOverlay):not([class*="bg-slate-950/50"]#mSidebarOverlay):not([class*="bg-slate-950/50"]#rSidebarOverlay){background-color:var(--et24-paper)!important;color:var(--et24-ink)!important;border-color:var(--et24-stroke)!important;}
body.et24-light :is([class*="from-slate-950"],[class*="from-slate-900"],[class*="to-slate-950"],[class*="via-slate-900"]):not(.et24-preserve-dark){background-image:linear-gradient(110deg,#fff 2%,#f3f7fc 56%,#fdf8f2 100%)!important;background-color:#fff!important;color:var(--et24-ink)!important;border-color:var(--et24-stroke)!important;}
body.et24-light :is(.text-white,.text-slate-50,.text-slate-100,.text-slate-200,.text-slate-300,.text-gray-100,.text-gray-200,.text-gray-300):not(.et24-preserve-dark){color:var(--et24-ink)!important;}
body.et24-light :is(.text-slate-400,.text-slate-500,.text-slate-600,.text-gray-400,.text-gray-500,.text-gray-600){color:var(--et24-muted)!important;}
body.et24-light :is(.border-slate-950,.border-slate-900,.border-slate-800,.border-slate-700,.border-gray-900,.border-gray-800,.border-gray-700),body.et24-light :is([class*="border-slate-800/"],[class*="border-slate-900/"]){border-color:var(--et24-stroke)!important;}
body.et24-light :is(.text-emerald-100,.text-emerald-200,.text-emerald-300,.text-emerald-400){color:var(--et24-success)!important;}
body.et24-light :is(.text-sky-100,.text-sky-200,.text-sky-300,.text-cyan-200,.text-cyan-300){color:#22558d!important;}
body.et24-light :is(.text-amber-100,.text-amber-200,.text-amber-300){color:#8b5419!important;}
body.et24-light :is(.text-rose-100,.text-rose-200,.text-rose-300){color:var(--et24-danger)!important;}
body.et24-light :is([class*="bg-emerald-950/"],[class*="bg-emerald-900/"],[class*="bg-emerald-500/10"],[class*="bg-emerald-500/20"]){background:#ecf8f1!important;color:var(--et24-success)!important;}
body.et24-light :is([class*="bg-rose-950/"],[class*="bg-rose-900/"]){background:#fff2f4!important;color:var(--et24-danger)!important;}
body.et24-light :is([class*="bg-amber-950/"],[class*="bg-amber-900/"]){background:#fff7e8!important;color:#8b5419!important;}
body.et24-light :is([class*="bg-sky-950/"],[class*="bg-sky-900/"]){background:#eff5ff!important;color:#22558d!important;}
body.et24-light :is(.bg-emerald-500,.bg-emerald-600,.bg-sky-500,.bg-blue-600,.bg-slate-950):is(a,button,[role="button"]),body.et24-light :is(a,button)[class*="bg-emerald-500"],body.et24-light :is(a,button)[class*="bg-emerald-400"],body.et24-light :is(a,button)[class*="bg-slate-900"]{background:var(--et24-primary)!important;color:white!important;border-color:var(--et24-primary)!important;box-shadow:0 6px 13px rgba(36,75,135,.14);}
body.et24-light :is(a,button)[class*="bg-emerald-500"] :is(span,svg),body.et24-light :is(a,button)[class*="bg-slate-900"] :is(span,svg){color:#fff!important;}
body.et24-light :is(a,button)[class*="bg-emerald-500"]:hover,body.et24-light :is(a,button)[class*="bg-slate-900"]:hover{background:var(--et24-primary-pressed)!important;color:white!important;}
body.et24-light a[class*="border-slate-700"]:hover,body.et24-light button[class*="border-slate-700"]:hover{background:var(--et24-soft)!important;}
/* Public marketing: open editorial structure, minimal boxing, light navigation & confident typography */
body.et24-light > header,body.et24-light > footer{background:var(--et24-paper)!important;color:var(--et24-ink);border-color:var(--et24-stroke)!important;}
body.et24-light > header{box-shadow:0 3px 21px rgba(16,42,69,.055);}
body.et24-light > header>div:first-child{background:#edf2f7!important;border-color:var(--et24-stroke)!important;}
body.et24-light > header .text-emerald-300{color:var(--et24-primary)!important;}
body.et24-light > header nav a:hover{background:#eaf0f7!important;color:var(--et24-primary)!important;}
body.et24-light > header summary,body.et24-light > header [class*="shadow-2xl"]{border-color:var(--et24-stroke)!important;}
body.et24-light > main:not(.et24-checkout-main){max-width:1240px;}
body.et24-light > main h1,body.et24-light > main h2,body.et24-light > main section>h2{color:var(--et24-ink);}
body.et24-light > main h1:not(.et24-ui-title){font-family:Georgia,"Times New Roman",serif;font-weight:650;letter-spacing:-.047em;line-height:1.05;}
body.et24-light > main h2:not([class*="text-xs"]){letter-spacing:-.025em;}
body.et24-light > main :is(section,article) :is(.shadow-2xl,.shadow-xl){box-shadow:var(--et24-shadow)!important;}
body.et24-light > main :is(article,section) [class*="border-slate-"]{border-color:var(--et24-stroke)!important;}
body.et24-light > footer{border-top:1px solid var(--et24-stroke)!important;}
body.et24-light > footer>section{background:#f2f5f9!important;border-color:var(--et24-stroke)!important;}
body.et24-light > footer .text-slate-400,body.et24-light > footer .text-slate-500{color:var(--et24-muted)!important;}
body.et24-light > footer a:hover{color:var(--et24-primary)!important;}
/* The original image path may be absent in customer deployments; new SVG is shipped in this release. */
.et24-brandmark{display:block;width:auto;height:56px;max-width:200px;object-fit:contain;}
/* Partner workspace navigation across affiliate pages */
.et24-partnerbar{background:#fff;border-bottom:1px solid var(--et24-stroke);}
.et24-partnerbar-inner{max-width:1240px;margin:auto;padding:12px 20px;display:flex;gap:15px;align-items:center;flex-wrap:wrap;}
.et24-partnerbar strong{color:var(--et24-primary);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;margin-right:auto;}
.et24-partnerbar a{font-size:.875rem;font-weight:650;color:var(--et24-muted);padding:8px 10px;border-radius:9px;text-decoration:none;}
.et24-partnerbar a:hover,.et24-partnerbar a[aria-current="page"]{background:#eef4fd;color:var(--et24-primary);}
/* Operations: same light experience for admin, merchant and reseller — no navy sidebar. */
body.et24-light .admin-shell,body.et24-light .merchant-shell,body.et24-light .reseller-shell{background:var(--et24-canvas)!important;color:var(--et24-ink)!important;}
body.et24-light .admin-sidebar,body.et24-light .merchant-sidebar,body.et24-light .reseller-sidebar{background:#fff!important;color:var(--et24-ink)!important;border-right:1px solid var(--et24-stroke)!important;}
body.et24-light .admin-sidebar :is([class*="text-white"],.text-white,.text-white\/90,.text-white\/55),body.et24-light .merchant-sidebar :is([class*="text-white"],.text-white),body.et24-light .reseller-sidebar :is([class*="text-white"],.text-white){color:var(--et24-ink)!important;}
body.et24-light :is(.admin-sidebar,.merchant-sidebar,.reseller-sidebar) [class*="border-white/"]{border-color:var(--et24-stroke)!important;}
body.et24-light :is(.admin-sidebar,.merchant-sidebar,.reseller-sidebar) [class*="bg-white/"]{background:var(--et24-soft)!important;}
body.et24-light :is(.admin-sidebar,.merchant-sidebar,.reseller-sidebar) [class*="text-white/"]{color:var(--et24-muted)!important;}
body.et24-light :is(.admin-nav-link,.merchant-nav-link,.reseller-nav-link){color:var(--et24-muted)!important;background:transparent!important;border-radius:10px!important;padding:11px 12px!important;}
body.et24-light :is(.admin-nav-link,.merchant-nav-link,.reseller-nav-link):hover{background:#eef3f8!important;color:var(--et24-primary)!important;}
body.et24-light :is(.admin-nav-link,.merchant-nav-link,.reseller-nav-link).is-active{background:#e8eff9!important;color:#1b4579!important;box-shadow:inset 3px 0 0 var(--et24-primary)!important;}
body.et24-light :is(.admin-nav-badge,.merchant-nav-badge,.reseller-nav-badge){color:#355b91!important;}
body.et24-light .merchant-nav-desc{color:#697e90!important;}
body.et24-light :is(.admin-card,.merchant-card,.merchant-stat,.reseller-card){background:#fff!important;border:1px solid var(--et24-stroke)!important;border-radius:15px!important;box-shadow:var(--et24-shadow)!important;}
body.et24-light :is(.admin-card-soft,.merchant-card-soft){background:#f6f8fa!important;border:1px solid var(--et24-stroke)!important;border-radius:13px!important;}
body.et24-light :is(.admin-content,.reseller-content,.merchant-shell main){color:var(--et24-ink)!important;min-width:0;}
body.et24-light :is(.admin-content,.reseller-content,.merchant-shell main) :is(h1,h2,h3,h4){color:var(--et24-ink)!important;}
body.et24-light :is(.admin-content,.reseller-content,.merchant-shell main) :is(th){color:var(--et24-ink)!important;font-weight:650;}
body.et24-light :is(.admin-content,.reseller-content,.merchant-shell main) table{max-width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--et24-stroke)!important;border-radius:12px;}
body.et24-light :is(.admin-content,.reseller-content,.merchant-shell main) thead{background:#eff3f8!important;color:var(--et24-ink)!important;}
body.et24-light :is(.admin-content,.reseller-content,.merchant-shell main) tbody tr:hover{background:#f6f8fc!important;}
body.et24-light :is(.admin-content,.reseller-content,.merchant-shell main) :is(input,select,textarea){color:var(--et24-ink)!important;background:#fff!important;border-color:#aebfce!important;}
body.et24-light :is(.admin-content,.reseller-content,.merchant-shell main) :is(button,a)[class*="bg-slate-900"],body.et24-light :is(.admin-content,.reseller-content,.merchant-shell main) :is(button,a)[class*="bg-emerald-500"]{background:var(--et24-primary)!important;color:#fff!important;}
body.et24-light :is(.admin-content,.reseller-content,.merchant-shell main) :is(button,a)[class*="bg-slate-900"] :is(span,svg),body.et24-light :is(.admin-content,.reseller-content,.merchant-shell main) :is(button,a)[class*="bg-emerald-500"] :is(span,svg){color:#fff!important;}
body.et24-light .merchant-progress-fill{background:linear-gradient(90deg,#244b87,#6d9bd5)!important;}
/* Checkout intentionally conservative: style forms and overall shell, do not touch gateway/processor behavior. */
body.et24-checkout :is(h1,h2){color:var(--et24-ink)!important;}
body.et24-checkout :is(.text-white,.text-slate-100,.text-slate-200,.text-slate-300){color:var(--et24-ink)!important;}
body.et24-checkout :is(.text-slate-400,.text-slate-500){color:var(--et24-muted)!important;}
body.et24-checkout :is([class*="bg-slate-950"],[class*="bg-slate-900"]){background:#fff!important;border-color:var(--et24-stroke)!important;}
body.et24-checkout :is(.border-slate-800,.border-slate-700){border-color:var(--et24-stroke)!important;}
body.et24-checkout :is(button,[type="submit"])[class*="bg-emerald"]{background:var(--et24-primary)!important;color:white!important;}
body.et24-checkout :is([class*="bg-rose-950/"]){background:#fff1f3!important;}
body.et24-checkout :is([class*="text-rose-100"],[class*="text-rose-200"]){color:var(--et24-danger)!important;}
/* Distinctive editorial homepage and deliberately restrained panel system */
body.et24-light > main.w-full{max-width:none!important;}
body.et24-light .e24-grid-bg{background-image:linear-gradient(120deg,#f9fafc 0%,#f4f7fa 49%,#fcf5ee 100%)!important;}
body.et24-light .e24-orb{opacity:.055!important;filter:blur(90px);}
body.et24-light .e24-glass{background:linear-gradient(155deg,rgba(255,255,255,.99),#eef3fa)!important;border-color:#d4dfeb!important;box-shadow:0 29px 78px rgba(30,62,99,.12)!important;}
body.et24-light .e24-border-glow:before{background:linear-gradient(130deg,#8daed3,#e8b98c,#dce5f0)!important;}
body.et24-light .e24-spotlight{background:linear-gradient(180deg,#fff,#f6f8fb)!important;}
body.et24-light .e24-method{background:white!important;border-color:var(--et24-stroke)!important;box-shadow:0 2px 7px rgba(16,47,78,.04)!important;color:var(--et24-ink)!important;}
body.et24-light .e24-method:hover{background:#edf4fe!important;border-color:#aac4df!important;}
body.et24-light .e24-method small{color:var(--et24-muted)!important;}
body.et24-light .e24-card{background:white!important;box-shadow:none!important;border-color:var(--et24-stroke)!important;}
body.et24-light .e24-card:hover{background:white!important;box-shadow:var(--et24-shadow)!important;border-color:#b4c7df!important;}
body.et24-light .e24-icon{background:#e9f0fa!important;color:var(--et24-primary)!important;border-color:#dae6f6!important;}
body.et24-light .e24-check{background:#e3f3eb!important;color:#176b4f!important;}
body.et24-light .e24-logo-usdc{border-color:#759cc8!important;color:#285a91!important;}
body.et24-light .e24-logo-usdt{border-color:#56b09c!important;color:#277865!important;}
body.et24-light .e24-logo-revolut{color:#192b42!important;}
body.et24-light .e24-logo-mc+span{color:#192b42!important;}
body.et24-light .e24-logo-google+span{color:#192b42!important;}
body.et24-light .e24-logo-btc{color:#0e2336!important;}
body.et24-light [class*="bg-clip-text"].text-transparent{background-image:linear-gradient(95deg,#244b87,#5182b7)!important;color:transparent!important;-webkit-text-fill-color:transparent!important;}
body.et24-light .e24-shine{box-shadow:0 12px 26px rgba(36,75,135,.18)!important;}
body.et24-light .e24-shine:after{animation:none!important;}
body.et24-light .e24-stat-number{font-family:Georgia,"Times New Roman",serif;font-weight:700;}
body.et24-light .e24-integration-logo{background:#edf3fb!important;color:#244b87!important;border-color:#d3e0ec!important;}
body.et24-light .e24-dashboard-grid{background-image:radial-gradient(circle at 1px 1px,rgba(36,75,135,.09) 1px,transparent 0)!important;}
/* Documentation keeps code snippets readable, but not navy panels everywhere. */
body.et24-light.et24-docs :is(pre,pre code){background:#142a41!important;color:#f2f6ff!important;border-color:#304762!important;}
body.et24-light.et24-docs pre *{color:#f2f6ff!important;}
body.et24-light.et24-docs >main{max-width:none!important;}
body.et24-light.et24-docs main .bg-gradient-to-br{background-image:linear-gradient(125deg,#fff,#edf4fb)!important;}
body.et24-light.et24-docs main [class*="bg-red-950/"]{background:#fff2f4!important;}
body.et24-light.et24-docs main [class*="text-red-100"]{color:#8c2741!important;}
/* On mobile, large data tables scroll in their own lane rather than stretching the page. */
/* Readable sizes & motion */
@media (max-width:767px){
 body.et24-light > main{padding-top:24px;padding-bottom:36px;}
 body.et24-light :is(.admin-content,.reseller-content){padding-left:16px!important;padding-right:16px!important;}
 body.et24-light :is(.admin-content,.reseller-content,.merchant-shell main) :is(table){display:block;overflow-x:auto;max-width:calc(100vw - 34px);-webkit-overflow-scrolling:touch;}
 body.et24-light :is(.admin-content,.reseller-content,.merchant-shell main) :is(th,td){white-space:nowrap;}
 body.et24-light :is(.admin-content,.reseller-content,.merchant-shell main) :is(button,a)[class*="px-"]{min-height:40px;}
 .et24-partnerbar-inner{gap:4px;padding:10px 13px;}.et24-partnerbar strong{width:100%;}
 body.et24-light > footer>div{gap:22px!important;}
 body.et24-light > main h1{font-size:clamp(2rem,8vw,3rem);}
}
@media (prefers-reduced-motion:reduce){body.et24-light *,body.et24-checkout *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;}}
