/* Shalvata Platform — Premium Design System 2026
   Additive visual layer only: no business logic, permissions, auth or API behavior changes. */
:root{
  --je-navy-950:#06131a;
  --je-navy-900:#0a1b24;
  --je-navy-850:#0d2530;
  --je-navy-800:#12313e;
  --je-ink:#102934;
  --je-muted:#687c84;
  --je-subtle:#8a9aa0;
  --je-canvas:#f4f7f6;
  --je-canvas-warm:#f6f3ed;
  --je-surface:#ffffff;
  --je-surface-soft:#f9fbfb;
  --je-line:#dfe8e9;
  --je-line-strong:#cddadc;
  --je-cyan:#049fbd;
  --je-cyan-strong:#057e98;
  --je-cyan-soft:#e5f8fb;
  --je-gold:#bd9141;
  --je-gold-soft:#f8f0df;
  --je-green:#187554;
  --je-red:#b6424f;
  --je-amber:#9a6a17;
  --je-r8:8px;
  --je-r12:12px;
  --je-r16:16px;
  --je-r20:20px;
  --je-r24:24px;
  --je-r28:28px;
  --je-shadow-xs:0 1px 2px rgba(9,31,40,.04);
  --je-shadow-sm:0 8px 24px rgba(9,31,40,.06);
  --je-shadow-md:0 18px 52px rgba(9,31,40,.09);
  --je-shadow-lg:0 32px 90px rgba(5,24,32,.16);
  --je-ring:0 0 0 4px rgba(4,159,189,.13);
  --je-ease:cubic-bezier(.2,.75,.25,1);
  --empire-accent:var(--je-cyan);
  --empire-accent-strong:var(--je-cyan-strong);
  --empire-tint:var(--je-cyan-soft);
  --empire-ink:var(--je-ink);
  --empire-muted:var(--je-muted);
  --empire-surface:var(--je-surface);
  --empire-canvas:var(--je-canvas);
  --empire-border:var(--je-line);
  --empire-shadow:var(--je-shadow-sm);
  --bg:var(--je-canvas);
  --bg2:#eef3f2;
  --panel:var(--je-surface);
  --panel2:var(--je-surface-soft);
  --line:var(--je-line);
  --line-strong:var(--je-line-strong);
  --text:var(--je-ink);
  --muted:var(--je-muted);
  --subtle:var(--je-subtle);
  --orange:var(--je-cyan);
  --orange2:var(--je-cyan-strong);
  --teal:var(--je-cyan);
  --shadow:var(--je-shadow-sm);
  --radius:var(--je-r20);
  --radius-sm:var(--je-r12);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans Hebrew",Arial,sans-serif;
}

html{background:var(--je-canvas);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body{background:
  radial-gradient(circle at 92% -8%,rgba(4,159,189,.085),transparent 27rem),
  radial-gradient(circle at 4% 92%,rgba(189,145,65,.055),transparent 30rem),
  var(--je-canvas);color:var(--je-ink)}
body::selection,::selection{background:#bdebf3;color:#06232d}
*{scrollbar-width:thin;scrollbar-color:#bfd0d4 transparent}
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-thumb{background:#bfd0d4;border-radius:999px}
*::-webkit-scrollbar-track{background:transparent}
:focus-visible{outline:none!important;box-shadow:var(--je-ring)!important}
button,input,select,textarea{letter-spacing:normal}
input,select,textarea{transition:border-color .18s var(--je-ease),box-shadow .18s var(--je-ease),background .18s var(--je-ease)}
input:focus,select:focus,textarea:focus{border-color:#7bc8d7!important;box-shadow:var(--je-ring)!important}

/* Shared premium controls */
.btn,.primary,.secondary,button,a.button{transition:transform .18s var(--je-ease),box-shadow .18s var(--je-ease),border-color .18s var(--je-ease),background .18s var(--je-ease)}
.btn:hover:not(:disabled),.primary:hover:not(:disabled),button:hover:not(:disabled){transform:translateY(-1px)}
.btn:active:not(:disabled),.primary:active:not(:disabled),button:active:not(:disabled){transform:translateY(0) scale(.99)}
.btn-primary,.primary{background:linear-gradient(135deg,#10b4d0 0%,#0586a1 100%)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 10px 24px rgba(4,159,189,.20)!important}
.btn-primary:hover,.primary:hover{box-shadow:0 14px 30px rgba(4,159,189,.27)!important}
.btn-secondary,.secondary{background:#fff!important;color:#31505b!important;border-color:var(--je-line-strong)!important;box-shadow:var(--je-shadow-xs)}
.btn-danger{background:#fff5f5!important;color:var(--je-red)!important;border-color:#efd2d6!important}
.badge{font-weight:760;letter-spacing:0}

/* Owner / staff application */
.auth-screen{background:
  radial-gradient(circle at 72% 18%,rgba(4,159,189,.15),transparent 25rem),
  linear-gradient(145deg,#07161e,#0a222c 60%,#0b2c35)}
.login-card.glass{background:rgba(255,255,255,.975)!important;border:1px solid rgba(255,255,255,.9)!important;box-shadow:0 34px 110px rgba(0,18,26,.36)!important;color:var(--je-ink);backdrop-filter:blur(22px)}
.login-card .brand-mark{background:linear-gradient(145deg,#e8fbfe,#f9f1df)!important;border-color:#cae8ed!important;box-shadow:inset 0 0 0 1px #fff,0 10px 24px rgba(4,159,189,.10)}
.login-card .field input,.login-card .field select,.login-card .field textarea{background:#fbfdfd!important;color:var(--je-ink)!important;border-color:var(--je-line)!important}
.login-card details{border:1px solid var(--je-line);border-radius:var(--je-r16);padding:12px 14px;background:#f8fbfb}
.login-card .login-meta{color:#71868e}
.app-shell{grid-template-columns:272px minmax(0,1fr);gap:18px;padding:18px;max-width:1900px;margin:auto}
.sidebar.glass{background:linear-gradient(180deg,#081b24 0%,#0a2530 58%,#09202a 100%)!important;border:1px solid #173845!important;box-shadow:0 24px 70px rgba(4,22,30,.22)!important;color:#eef8fa;padding:18px}
.sidebar .sidebar-brand{border-color:#ffffff18!important}
.sidebar .sidebar-brand strong,.sidebar .mini-user strong{color:#f5fbfc}
.sidebar .sidebar-brand small,.sidebar .mini-user span{color:#9ab1ba}
.sidebar .nav-list{gap:7px}
.sidebar .nav-item{color:#aec0c7!important;border-radius:var(--je-r12);min-height:48px;padding-inline:14px}
.sidebar .nav-item:hover{background:#ffffff0b!important;color:#fff!important}
.sidebar .nav-item.active{background:linear-gradient(90deg,rgba(4,159,189,.24),rgba(4,159,189,.09))!important;border-color:#3ab7ce44!important;color:#fff!important;box-shadow:inset 3px 0 0 #38c3da}
.sidebar .nav-icon{border-color:#ffffff18!important;background:#ffffff08;color:#5ed0e3!important}
.sidebar .sidebar-footer{border-color:#ffffff18!important}
.sidebar .btn-ghost{color:#c7d6db!important;border-color:#ffffff1d!important}
.topbar.glass{background:rgba(255,255,255,.90)!important;border:1px solid rgba(222,233,235,.9)!important;box-shadow:0 12px 42px rgba(11,42,52,.075)!important;backdrop-filter:blur(22px);top:18px;border-radius:var(--je-r20)}
.topbar h1{font-weight:820;letter-spacing:-.03em;color:#0d2934}
.connection-pill{background:#f7faf9!important;border-color:var(--je-line)!important;color:#647b84!important}
.view{padding-top:22px}
.hero-panel{background:linear-gradient(135deg,#0b2a35 0%,#0b3541 58%,#0c4652 100%)!important;color:#fff;border-color:#1e5360!important;box-shadow:0 18px 48px rgba(5,31,40,.14);padding:28px!important;border-radius:var(--je-r24)!important;position:relative;overflow:hidden}
.hero-panel::after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;inset:auto -70px -140px auto;background:radial-gradient(circle,rgba(189,145,65,.19),transparent 68%);pointer-events:none}
.hero-panel p{color:#c1d1d6!important}.hero-panel .eyebrow{color:#72d3e4!important}.hero-panel h2{font-weight:850;letter-spacing:-.025em}
.stat-card,.panel{background:rgba(255,255,255,.96)!important;border-color:var(--je-line)!important;box-shadow:var(--je-shadow-sm)!important;border-radius:var(--je-r20)!important}
.stat-card{position:relative;overflow:hidden;padding:20px!important}
.stat-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--je-cyan),var(--je-gold));opacity:.85}
.stat-card strong{font-weight:850;color:#102e39}
.panel-head h2,.panel-head h3{font-weight:820;letter-spacing:-.015em}
.table-wrap{border-color:var(--je-line)!important;background:#fff;border-radius:var(--je-r16)!important;box-shadow:var(--je-shadow-xs)}
.data-table th{background:#f5f8f8!important;color:#6e8188!important;font-weight:780!important;text-transform:none!important;letter-spacing:0!important}
.data-table tbody tr:hover{background:#f6fbfc!important}
.modal{background:#fff!important;color:var(--je-ink)!important;border-color:var(--je-line)!important;box-shadow:var(--je-shadow-lg)!important;border-radius:var(--je-r24)!important}
.modal-backdrop{background:rgba(3,19,26,.68)!important;backdrop-filter:blur(9px)}
.empire-workspace-links{margin-top:22px;gap:9px}
.empire-workspace-links a{background:rgba(255,255,255,.88)!important;border-color:var(--je-line)!important;box-shadow:var(--je-shadow-xs);font-weight:650}
.empire-workspace-links a:hover{background:#eefafd!important;box-shadow:var(--je-shadow-sm)}

/* Marketplace */
.marketplace-app{background:
  radial-gradient(circle at 90% 0%,rgba(4,159,189,.095),transparent 28rem),
  linear-gradient(180deg,#f7faf9 0%,#f2f6f5 55%,#f7f4ef 100%)!important;color:var(--je-ink)}
.marketplace-app .site-header{background:rgba(250,252,251,.88)!important;border-bottom:1px solid rgba(216,228,230,.92)!important;backdrop-filter:blur(20px) saturate(150%);box-shadow:0 8px 30px rgba(11,42,52,.045)}
.marketplace-app .header-inner{max-width:1480px!important;padding-inline:clamp(14px,3vw,34px)!important}
.marketplace-app .brand-lockup{font-weight:850!important;color:#0b2b36!important}
.marketplace-app .brand-lockup img{filter:drop-shadow(0 7px 14px rgba(5,112,133,.12))}
.marketplace-app .desktop-nav{background:#eef5f5;border:1px solid #dce8e9;border-radius:999px;padding:4px!important;gap:3px!important}
.marketplace-app .desktop-nav button,.marketplace-app .desktop-nav a{border-radius:999px!important;padding:9px 14px!important}
.marketplace-app .desktop-nav button.active{background:#fff!important;color:#087f98!important;box-shadow:0 3px 10px rgba(13,54,66,.08)}
.marketplace-app .global-search{background:#fff!important;border:1px solid var(--je-line)!important;border-radius:999px!important;box-shadow:0 5px 18px rgba(10,45,56,.05)!important}
.marketplace-app .global-search:focus-within{border-color:#83d0de!important;box-shadow:var(--je-ring)!important}
.marketplace-app .content{max-width:1480px!important;padding-inline:clamp(14px,3vw,34px)!important}
.marketplace-app .welcome-row h1{font-size:clamp(28px,4vw,44px)!important;font-weight:880!important;letter-spacing:-.045em!important;color:#0d2b36}
.marketplace-app .category-rail{gap:10px!important;padding-block:6px 10px}
.marketplace-app .category{background:rgba(255,255,255,.88)!important;border:1px solid var(--je-line)!important;border-radius:999px!important;box-shadow:var(--je-shadow-xs);min-height:44px!important}
.marketplace-app .category.active{background:#082a35!important;color:#fff!important;border-color:#082a35!important;box-shadow:0 10px 22px rgba(6,37,47,.16)}
.marketplace-app .discover-banner{border-radius:30px!important;background:
  radial-gradient(circle at 16% 25%,rgba(54,197,220,.22),transparent 19rem),
  radial-gradient(circle at 86% 82%,rgba(189,145,65,.19),transparent 17rem),
  linear-gradient(125deg,#071d27,#0b3441 58%,#0b4653)!important;border:1px solid #1a5361!important;box-shadow:0 24px 70px rgba(6,34,44,.18)!important;min-height:240px!important;overflow:hidden;position:relative}
.marketplace-app .discover-banner::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 58%,rgba(255,255,255,.035) 58% 59%,transparent 59% 100%);pointer-events:none}
.marketplace-app .discover-banner h2{font-size:clamp(28px,4vw,46px)!important;font-weight:900!important;letter-spacing:-.045em!important;color:#fff!important}
.marketplace-app .discover-banner p{color:#c4d7dc!important;font-size:15px!important}
.marketplace-app .discover-banner .empire-ultra-eyebrow{color:#74d9e8!important;font-weight:800}
.marketplace-app .discover-banner .btn.primary{background:linear-gradient(135deg,#d4ad62,#b78635)!important;box-shadow:0 10px 26px rgba(189,145,65,.20)!important;color:#10262e!important}
.marketplace-app .section{margin-top:34px!important}
.marketplace-app .section-head h2{font-size:clamp(20px,2.4vw,28px)!important;font-weight:850!important;letter-spacing:-.025em!important}
.marketplace-app .store-grid,.marketplace-app .rail{gap:16px!important}
.marketplace-app .store-card,.marketplace-app .product-card,.marketplace-app .promo-card,.marketplace-app .history-card,.marketplace-app .account-card,.marketplace-app .loyalty-card{border:1px solid var(--je-line)!important;border-radius:var(--je-r20)!important;background:rgba(255,255,255,.96)!important;box-shadow:0 10px 28px rgba(10,42,52,.055)!important;overflow:hidden;transition:transform .22s var(--je-ease),box-shadow .22s var(--je-ease),border-color .22s var(--je-ease)}
.marketplace-app .store-card:hover,.marketplace-app .product-card:hover,.marketplace-app .promo-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(8,39,49,.11)!important;border-color:#c7e3e7!important}
.marketplace-app .store-cover,.marketplace-app .product-media{background:#eaf1f1!important}
.marketplace-app .rating{background:#fff8e8!important;color:#7a5714!important;border-color:#efdba7!important}
.marketplace-app .sale-badge{background:#0b2e38!important;color:#fff!important}
.marketplace-app .price{font-weight:850!important;color:#0d303a!important}
.marketplace-app .mobile-nav{background:rgba(255,255,255,.94)!important;border:1px solid #dbe6e8!important;box-shadow:0 -8px 28px rgba(9,36,45,.09)!important;backdrop-filter:blur(20px);border-radius:20px 20px 0 0!important}
.marketplace-app .mobile-nav button.active{color:#057f98!important}
.marketplace-app .cart-dock{background:#092b35!important;color:#fff!important;border:1px solid #174b57!important;box-shadow:0 18px 42px rgba(7,36,45,.24)!important}
.marketplace-app .drawer{background:#fff!important;border-color:var(--je-line)!important;box-shadow:-28px 0 70px rgba(6,31,40,.16)!important}
.marketplace-app .search-panel{background:linear-gradient(180deg,#fff,#f7fbfb)!important;border:1px solid var(--je-line)!important;box-shadow:var(--je-shadow-sm)!important}
.marketplace-app .search-chip,.marketplace-app .search-chips button{border-radius:999px!important}

/* Welcome */
.welcome-page{background:
  radial-gradient(circle at 78% 13%,rgba(4,159,189,.12),transparent 27rem),
  radial-gradient(circle at 15% 88%,rgba(189,145,65,.08),transparent 25rem),
  #fbfcfb!important;color:var(--je-ink)!important}
.welcome-page .site-header{position:sticky;top:0;z-index:20;background:rgba(251,252,251,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(225,233,234,.8)}
.welcome-nav{max-width:1320px!important}
.welcome-brand{color:#0c2c36!important;font-weight:900!important}
.welcome-nav nav a{color:#47616b!important;transition:color .18s var(--je-ease)}
.welcome-nav nav a:hover{color:#057f98!important}
.welcome-hero{max-width:1320px!important;min-height:680px!important}
.welcome-eyebrow{color:#057f98!important;font-weight:850!important}
.welcome-copy h1{font-size:clamp(46px,6.3vw,82px)!important;line-height:1.01!important;letter-spacing:-.055em!important;color:#092934!important;font-weight:900!important}
.welcome-copy h1 em{background:linear-gradient(120deg,#06a4c2,#087f98 55%,#b78b3e);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.welcome-lead{font-size:clamp(17px,1.6vw,21px)!important;color:#617981!important;max-width:520px!important}
.welcome-primary{background:linear-gradient(135deg,#0aa8c5,#057f98)!important;color:#fff!important;box-shadow:0 14px 32px rgba(4,159,189,.20)!important;border-radius:var(--je-r16)!important}
.welcome-secondary{background:#fff!important;border-color:#cfdee1!important;color:#17687a!important;border-radius:var(--je-r16)!important;box-shadow:var(--je-shadow-xs)}
.welcome-art{height:540px!important}
.welcome-orbit{background:radial-gradient(circle at 42% 42%,#f5fdfd,#e7f8fa 47%,#eff3ed 72%,#fbfcfb)!important;box-shadow:inset 0 0 0 1px #e3eeee}
.welcome-orbit:after{border-color:#acd9e1!important}
.welcome-phone{border-color:#092b36!important;border-width:8px!important;box-shadow:28px 32px 70px rgba(7,66,78,.20)!important;border-radius:40px!important}
.welcome-phone:before{background:#092b36!important}
.welcome-float{border-color:#e0eaeb!important;box-shadow:0 18px 44px rgba(11,56,67,.11)!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(14px)}
.welcome-steps article>span{background:#082b36!important;color:#fff!important;box-shadow:0 8px 20px rgba(6,42,52,.14)}
.welcome-bottom>div{background:rgba(255,255,255,.82)!important;border-color:#e0e9ea!important;box-shadow:var(--je-shadow-sm)!important}

/* Customer app */
.app-topbar{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(18px);border-bottom-color:var(--je-line)!important}
.customer-app .home-hero,.home-hero{background:
  radial-gradient(circle at 12% 16%,rgba(76,207,226,.19),transparent 14rem),
  linear-gradient(135deg,#07242f,#0a3d49)!important;color:#fff!important;border:1px solid #16525e!important;box-shadow:0 18px 52px rgba(6,39,48,.17)!important;border-radius:var(--je-r24)!important}
.home-hero .hero-kicker{color:#6fd6e5!important}
.section-card,.profile-card,.verification-card,.journey-card,.support-card,.device-card,.order-card{border-radius:var(--je-r20)!important;border-color:var(--je-line)!important;background:rgba(255,255,255,.96)!important;box-shadow:var(--je-shadow-sm)!important}
.product-card{border-radius:var(--je-r18,var(--je-r20))!important;border-color:var(--je-line)!important;box-shadow:0 10px 28px rgba(11,46,56,.055)!important}
.bottom-nav{background:rgba(255,255,255,.95)!important;backdrop-filter:blur(20px);border-top:1px solid var(--je-line)!important;box-shadow:0 -8px 26px rgba(8,36,45,.075)!important}
.bottom-nav button.active{color:var(--je-cyan-strong)!important}
.gate-screen{background:
  radial-gradient(circle at 76% 18%,rgba(4,159,189,.17),transparent 22rem),
  linear-gradient(150deg,#071821,#0a2a35)!important}
.gate-card{background:rgba(255,255,255,.97)!important;border:1px solid #ffffff!important;box-shadow:0 34px 95px rgba(1,18,25,.35)!important;border-radius:var(--je-r28)!important}
.checkout-shell,.checkout-screen{background:#fff!important;border-color:var(--je-line)!important;box-shadow:var(--je-shadow-lg)!important;border-radius:var(--je-r24)!important}
.verification-badge-card[data-status="APPROVED"]{background:linear-gradient(135deg,#effbf5,#fbf7e9)!important;border-color:#bfdcca!important;box-shadow:0 10px 28px rgba(24,117,84,.07)}

/* Seller workspace */
.seller-page{background:
  radial-gradient(circle at 84% 0%,rgba(4,159,189,.08),transparent 28rem),
  #f3f6f5!important;color:var(--je-ink)!important}
.seller-side{background:linear-gradient(180deg,#071a23,#0a2630)!important;border-color:#153845!important;box-shadow:0 24px 72px rgba(5,28,37,.20)!important}
.seller-side .side-link{color:#afc1c8!important}
.seller-side .side-link:hover{background:#ffffff0a!important;color:#fff!important}
.seller-side .side-link.active{background:linear-gradient(90deg,rgba(4,159,189,.22),rgba(4,159,189,.07))!important;color:#fff!important;border-color:#38c2db33!important}
.seller-head{background:rgba(255,255,255,.90)!important;border-color:var(--je-line)!important;backdrop-filter:blur(18px);box-shadow:0 10px 34px rgba(7,38,48,.055)!important}
.seller-page .panel,.seller-page .kpi,.seller-page .finance-card,.seller-page .performance-card,.seller-page .trust-card,.seller-page .version-card{background:#fff!important;border-color:var(--je-line)!important;box-shadow:var(--je-shadow-sm)!important;border-radius:var(--je-r20)!important}
.seller-page .kpi strong{color:#0c303a!important;font-weight:880!important}
.seller-page .seller-product{background:#fff!important;border-color:var(--je-line)!important;border-radius:var(--je-r18,var(--je-r20))!important;box-shadow:var(--je-shadow-xs)}
.seller-mobile-nav{background:rgba(255,255,255,.95)!important;backdrop-filter:blur(18px);border-color:var(--je-line)!important;box-shadow:0 -8px 26px rgba(7,36,45,.08)!important}

/* Hierarchy */
.hier-top{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(18px);border-bottom-color:var(--je-line)!important;box-shadow:0 8px 28px rgba(8,38,48,.05)}
.hier-shell{max-width:1520px!important}
.hier-toolbar h1{font-size:clamp(28px,3vw,40px)!important;font-weight:880!important;letter-spacing:-.035em}
.hier-tree-card,.hier-panel{border-radius:var(--je-r24)!important;border-color:var(--je-line)!important;box-shadow:var(--je-shadow-sm)!important;background:rgba(255,255,255,.97)!important}
.hier-tree-card{padding:22px!important}
.hier-row{gap:8px!important}
.hier-label{border-radius:var(--je-r14,var(--je-r16))!important;border:1px solid #e5edef!important;background:#f8fbfb!important;padding:12px 14px!important;min-height:58px;transition:.18s var(--je-ease)}
.hier-label:hover,.hier-label:focus-visible{background:#eef9fb!important;border-color:#aadce5!important;transform:translateX(-2px)}
.hier-node.member .hier-label{background:#fff!important}
.hier-node.team>.hier-row>.hier-label{background:linear-gradient(90deg,#f8fbfb,#f4faf8)!important}
.avatar{background:linear-gradient(145deg,#dff6fa,#f8f0de)!important;color:#087d96!important;border:1px solid #cce8ed}
.hier-panel{padding:22px!important;top:98px!important}
.hier-modal{background:rgba(4,22,29,.62)!important;backdrop-filter:blur(10px)}
.hier-modal-card{border-radius:var(--je-r24)!important;box-shadow:var(--je-shadow-lg)!important}

/* Telegram publishing: premium command-center dark */
body:has(.pub-layout){background:
  radial-gradient(circle at 85% 0%,rgba(4,159,189,.16),transparent 30rem),
  radial-gradient(circle at 6% 92%,rgba(189,145,65,.10),transparent 26rem),
  #061218!important;color:#edf7f9!important}
.pub-top{background:rgba(7,25,33,.88)!important;border-color:#21404a!important;box-shadow:0 12px 40px rgba(0,0,0,.18);padding-block:22px!important}
.pub-top h1{font-weight:880!important;letter-spacing:-.035em!important}
.pub-top p{color:#9fb4bc!important}.pub-top .eyebrow{color:#6dd4e4!important}
.pub-layout{max-width:1720px;margin:auto;gap:20px!important}
.pub-layout .panel{background:linear-gradient(180deg,rgba(13,38,48,.92),rgba(8,28,36,.96))!important;border:1px solid #1b4855!important;border-radius:var(--je-r24)!important;box-shadow:0 24px 65px rgba(0,0,0,.25)!important}
.pub-layout .panel h2{font-weight:830;letter-spacing:-.02em}
.pub-layout input,.pub-layout select,.pub-layout textarea,dialog input,dialog select{background:#071a22!important;border-color:#254853!important;color:#edf7f9!important}
.pub-layout .target{background:#09212a!important;border-color:#24434d!important}
.pub-layout .target:hover{border-color:#397080!important;background:#0b2731!important}
.pub-layout .target.active{outline:none!important;border-color:#39b7cc!important;background:linear-gradient(90deg,#0a313d,#0a252e)!important;box-shadow:inset 3px 0 0 #41c4db}
.pub-layout .selected{background:#0a222b!important;border-color:#24505d!important}
.pub-layout .history article{background:#081c24!important;border-color:#1f3d47!important}
.pub-layout .primary{background:linear-gradient(135deg,#15b2cc,#087e98)!important}
.pub-layout .badge.active{background:#153f34!important;color:#8ae2b5!important}.pub-layout .badge.pin_failed,.pub-layout .badge.failed{background:#4a2228!important;color:#ff9ca5!important}

/* Video call */
.video-call-screen,.vc-agent-shell{background:linear-gradient(145deg,#06141b,#0a2630)!important;color:#eef7f9!important;border-radius:var(--je-r24)!important}
.video-call-stage,.vc-agent-call .video-call-stage{background:#020b0f!important;border:1px solid #21444f!important;border-radius:var(--je-r24)!important;box-shadow:0 24px 70px rgba(0,0,0,.32)!important;overflow:hidden}
.video-call-stage video{background:#020b0f}
.remote-placeholder{background:radial-gradient(circle at 50% 38%,#123642,#061218 68%)!important;color:#a9c0c8!important}
.call-controls{background:rgba(4,20,27,.72)!important;backdrop-filter:blur(16px);border:1px solid #244650!important;border-radius:999px!important;padding:8px!important;box-shadow:0 14px 34px rgba(0,0,0,.28)}
.call-controls button{border-radius:999px!important;min-width:48px;min-height:48px}
.conn-badge{background:#09262f!important;border-color:#28525e!important;color:#b9d5dc!important}
.vc-queue-row{border-radius:var(--je-r16)!important;background:#0b2731!important;border-color:#244b57!important}
.vc-agent-notes{background:#071a22!important;color:#eef7f9!important;border-color:#244b57!important}

/* Liveness */
.liveness-capture{color:var(--je-ink)!important;gap:16px!important}
.liveness-capture .camera-frame{max-width:400px!important;border:8px solid #fff;box-shadow:0 22px 65px rgba(8,47,58,.18),0 0 0 1px #cde1e4;background:#061218!important}
.liveness-capture .camera-frame::after{content:"";position:absolute;inset:6%;border-radius:50%;border:2px solid rgba(90,215,232,.72);box-shadow:0 0 0 1px rgba(255,255,255,.14),inset 0 0 34px rgba(47,189,211,.08);pointer-events:none}
.liveness-capture #lv-overlay{background:linear-gradient(180deg,rgba(4,18,24,.78),rgba(4,18,24,.62))!important;backdrop-filter:blur(2px)}
.liveness-capture .face-ring{border-color:#64d4e5!important;border-style:solid!important;box-shadow:0 0 28px rgba(62,198,220,.22)}
.liveness-capture .liveness-quality{border-radius:999px!important;padding:10px 14px!important}
.liveness-capture .secondary{background:linear-gradient(135deg,#11b1cc,#07819b)!important;box-shadow:0 10px 24px rgba(4,159,189,.18)}
.verification-badge-card[data-status="APPROVED"]{background:linear-gradient(135deg,#eefbf5,#fbf6e8)!important;border-color:#bfddca!important}

/* Generic legacy pages that use simple header/main/section markup */
body>header:not(.site-header):not(.topbar):not(.pub-top):not(.hier-top):not(.app-topbar):not(.seller-head){background:rgba(255,255,255,.90);backdrop-filter:blur(18px);border-bottom:1px solid var(--je-line);box-shadow:0 8px 28px rgba(8,38,48,.045)}
body>main>section{border-radius:var(--je-r20)}
dialog{box-shadow:var(--je-shadow-lg)!important}
dialog::backdrop{background:rgba(4,20,27,.64)!important;backdrop-filter:blur(8px)}

/* Responsive */
@media(max-width:1100px){
  .app-shell{grid-template-columns:238px minmax(0,1fr);padding:12px;gap:12px}
  .marketplace-app .discover-banner{min-height:220px!important}
}
@media(max-width:820px){
  body{background:var(--je-canvas)}
  .app-shell{display:block!important;padding:0!important}
  .topbar.glass{top:0!important;border-radius:0 0 18px 18px!important;border-inline:0!important}
  .marketplace-app .site-header{background:rgba(250,252,251,.96)!important}
  .marketplace-app .content{padding-inline:14px!important}
  .marketplace-app .discover-banner{border-radius:22px!important;min-height:210px!important;padding:22px!important}
  .marketplace-app .discover-banner h2{font-size:30px!important}
  .welcome-hero{min-height:auto!important}
  .welcome-copy h1{font-size:clamp(44px,13vw,64px)!important}
  .pub-layout .panel{border-radius:20px!important}
  .hier-tree-card{padding:12px!important}
}
@media(max-width:560px){
  .welcome-page .site-header{position:relative}
  .welcome-hero{padding-inline:20px!important}
  .welcome-copy h1{letter-spacing:-.045em!important}
  .welcome-actions{grid-template-columns:1fr!important}
  .welcome-primary,.welcome-secondary{width:100%}
  .marketplace-app .store-card,.marketplace-app .product-card{border-radius:18px!important}
  .marketplace-app .section{margin-top:28px!important}
  .call-controls{border-radius:18px!important;flex-wrap:wrap}
  .liveness-capture .camera-frame{max-width:min(86vw,360px)!important}
}
@media(prefers-reduced-motion:reduce){
  .btn,.primary,.secondary,button,.store-card,.product-card,.promo-card,.hier-label{transition:none!important}
  .store-card:hover,.product-card:hover,.promo-card:hover,.hier-label:hover{transform:none!important}
}

/* Owner form/readability corrections */
.app-shell .field input,.app-shell .field select,.app-shell .field textarea,.app-shell .toolbar input,.app-shell .toolbar select,.app-shell .inline-input,.modal .field input,.modal .field select,.modal .field textarea{background:#fbfdfd!important;color:var(--je-ink)!important;border-color:var(--je-line)!important}
.app-shell .btn:not(.btn-primary):not(.btn-danger):not(.btn-teal),.modal .btn:not(.btn-primary):not(.btn-danger):not(.btn-teal){background:#fff!important;color:#31505b!important;border-color:var(--je-line-strong)!important}
.app-shell .icon-btn,.topbar .icon-btn{background:#fff!important;color:#31505b!important;border-color:var(--je-line)!important}
.app-shell .panel,.app-shell .stat-card{color:var(--je-ink)}
.app-shell .badge{background:#f7faf9!important}

/* POS */
.pos-page{background:radial-gradient(circle at 85% 0%,rgba(4,159,189,.075),transparent 26rem),#f3f6f5!important}
.pos-top{background:rgba(255,255,255,.91)!important;border-bottom-color:var(--je-line)!important;backdrop-filter:blur(20px);box-shadow:0 8px 30px rgba(8,38,48,.045)}
.pos-login-card,.pos-panel,.pos-stat,.order-focus{border-color:var(--je-line)!important;box-shadow:var(--je-shadow-sm)!important}
.pos-login-card,.pos-panel,.order-focus{border-radius:var(--je-r24)!important}
.pos-stat{border-radius:var(--je-r20)!important}.pos-stat:after{background:linear-gradient(90deg,var(--je-cyan),var(--je-gold))!important}
.pos-search input{background:#fff!important;border-color:var(--je-line)!important}
.ticket{border-color:var(--je-line)!important;border-radius:var(--je-r16)!important;box-shadow:var(--je-shadow-xs)!important}
.ticket:hover,.ticket.selected{border-color:#9ad9e4!important;box-shadow:0 12px 28px rgba(8,50,61,.09)!important}
.register-card{background:linear-gradient(140deg,#071c25,#0b3541)!important;box-shadow:0 18px 48px rgba(6,34,44,.16)}
.register-card:after{background:linear-gradient(90deg,var(--je-cyan),var(--je-gold))!important}

/* Finance */
.fin-shell{max-width:1580px!important}
.fin-top{background:rgba(255,255,255,.92)!important;border-color:var(--je-line)!important;box-shadow:var(--je-shadow-sm)!important;backdrop-filter:blur(20px)}
.fin-top:before{background:linear-gradient(90deg,var(--je-cyan),var(--je-gold))!important}
.fin-title h1{font-size:clamp(30px,3vw,42px)!important;font-weight:880!important;letter-spacing:-.035em}.fin-title span{color:var(--je-cyan-strong)!important}
.fin-kpi,.fin-panel{border-color:var(--je-line)!important;border-radius:var(--je-r20)!important;box-shadow:var(--je-shadow-sm)!important}
.fin-kpi:after{background:linear-gradient(90deg,var(--je-cyan),var(--je-gold))!important}
.fin-tabs button.active{background:#082b36!important;border-color:#082b36!important}
.statement,.ledger,.debt,.dispute{border-color:var(--je-line)!important;border-radius:var(--je-r16)!important;background:#fbfdfd!important}
.finance-warning{background:linear-gradient(135deg,#fff9ed,#fff)!important;border-color:#eedcad!important}

/* Risk */
.risk-shell{max-width:1520px!important}
.risk-top{background:rgba(255,255,255,.94)!important;border-color:var(--je-line)!important;box-shadow:var(--je-shadow-sm)!important}
.risk-top:before{background:linear-gradient(90deg,var(--je-cyan),var(--je-gold))!important}
.risk-title h1{font-size:clamp(29px,3vw,40px)!important;font-weight:880!important;letter-spacing:-.03em}.risk-title span{color:var(--je-cyan-strong)!important}
.risk-stat,.risk-panel,.report{border-color:var(--je-line)!important;box-shadow:var(--je-shadow-sm)!important}.risk-stat,.risk-panel{border-radius:var(--je-r20)!important}.report{border-radius:var(--je-r16)!important}
.report:hover,.report.active{border-color:#a5dce5!important;box-shadow:0 12px 30px rgba(8,47,58,.085)!important}
.privacy-warning{background:linear-gradient(135deg,#071c25,#0b3541)!important}

/* Courier */
.courier-head{background:rgba(244,247,246,.92)!important}
.courier-brand,.job-card,.empty{border-color:var(--je-line)!important;box-shadow:var(--je-shadow-sm)!important}.courier-brand,.job-card,.empty{border-radius:var(--je-r24)!important}
.courier-brand:before{background:linear-gradient(90deg,var(--je-cyan),var(--je-gold))!important}.courier-title span{color:var(--je-cyan-strong)!important}.courier-title h1{font-weight:880!important;letter-spacing:-.025em}
.job-card.active:after{background:linear-gradient(180deg,var(--je-cyan),var(--je-gold))!important}.privacy-box{background:linear-gradient(140deg,#071c25,#0b3541)!important}

/* Wallet */
.wallet-head,.bonus-card,.wallet-panel{border-color:var(--je-line)!important;box-shadow:var(--je-shadow-sm)!important}.wallet-head{border-radius:var(--je-r24)!important}.wallet-head:before{background:linear-gradient(90deg,var(--je-cyan),var(--je-gold))!important}
.hero-wallet{background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.18),transparent 30%),radial-gradient(circle at 85% 86%,rgba(189,145,65,.24),transparent 28%),linear-gradient(135deg,#071e28,#0a3c49 65%,#0a5662)!important;box-shadow:0 24px 65px rgba(5,39,50,.22)!important;border:1px solid #1b5360!important}
.hero-wallet h1{font-weight:900!important;letter-spacing:-.04em}.bonus-card,.wallet-panel{border-radius:var(--je-r20)!important}

/* Approval / verification / enterprise generic centers */
.manager-approval .hero,.hero{border-color:var(--je-line)}
body:has(.queue) .hero{background:linear-gradient(135deg,#fff 0,#f9fcfc 58%,#eaf9fb 100%)!important;box-shadow:var(--je-shadow-sm)!important}
body:has(.queue) .hero h1{color:#0a2a35!important}.stat,.approval-card,.detail-card,.decision-box,.scope-card,.vault-strip{border-color:var(--je-line)!important;box-shadow:var(--je-shadow-xs)!important}
.approval-card{border-radius:var(--je-r20)!important}.tabs button.active{background:#082b36!important;color:#fff!important;border-color:#082b36!important}
body:has(#app-panel) section{border-color:var(--je-line)!important;box-shadow:var(--je-shadow-sm);background:rgba(255,255,255,.96)!important}
body:has(#app-panel) #app-panel{box-shadow:none!important;background:transparent!important}
body:has(#app-panel) h1{font-size:clamp(30px,3.5vw,42px)!important;font-weight:880!important;letter-spacing:-.035em}
body:has(#app-panel) header{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(18px)}
body:has(#app-panel) input:not([type=checkbox]),body:has(#app-panel) select{border-color:var(--je-line-strong)!important;background:#fbfdfd!important}

/* Generic enterprise-center visual grammar */
.shell .side{background:linear-gradient(180deg,#071a23,#0a2630)!important;border-color:#153845!important;color:#eef8fa}
.shell .side .nav button{color:#adc0c8!important}.shell .side .nav button.active{background:linear-gradient(90deg,rgba(4,159,189,.22),rgba(4,159,189,.07))!important;color:#fff!important}
.shell main .metric,.shell main .panel{border-color:var(--je-line)!important;box-shadow:var(--je-shadow-sm)!important;border-radius:var(--je-r20)!important}

/* Visibility gates take precedence over responsive layout. Server authorization is independent. */
.app-shell[hidden], .screen[hidden], .app-view[hidden]{display:none!important}