/* Shalvata Platform 6.5 — Commerce OS / Visual Precision
   Presentation only. Authorization and server state remain authoritative. */
:root{
  --x65-bg:#f4f6f8;
  --x65-bg-2:#eef2f5;
  --x65-surface:#ffffff;
  --x65-surface-glass:rgba(255,255,255,.86);
  --x65-ink:#111820;
  --x65-ink-2:#29333d;
  --x65-muted:#6b7782;
  --x65-soft:#8e99a3;
  --x65-line:#e2e8ec;
  --x65-line-strong:#d4dde3;
  --x65-brand:#08a8cb;
  --x65-brand-2:#15bdd8;
  --x65-brand-deep:#067e9c;
  --x65-brand-soft:#e9f9fc;
  --x65-green:#16a56b;
  --x65-green-soft:#eaf8f1;
  --x65-orange:#e79a28;
  --x65-orange-soft:#fff5e7;
  --x65-red:#d94f5c;
  --x65-red-soft:#fff0f2;
  --x65-violet:#7b61ff;
  --x65-navy:#0f1f2c;
  --x65-navy-2:#142b3b;
  --x65-gold:#d7aa45;
  --x65-r10:10px;
  --x65-r14:14px;
  --x65-r18:18px;
  --x65-r22:22px;
  --x65-r28:28px;
  --x65-r34:34px;
  --x65-shadow-1:0 1px 2px rgba(16,32,43,.035),0 5px 16px rgba(16,32,43,.045);
  --x65-shadow-2:0 10px 30px rgba(16,32,43,.075),0 2px 8px rgba(16,32,43,.04);
  --x65-shadow-3:0 26px 70px rgba(14,39,54,.14),0 6px 20px rgba(14,39,54,.07);
  --x65-ease:cubic-bezier(.22,.8,.24,1);
  --x65-spring:cubic-bezier(.2,1.2,.32,1);
}

html{background:var(--x65-bg);scrollbar-color:#c9d2d8 transparent}
body.x65{
  background:var(--x65-bg)!important;
  color:var(--x65-ink)!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"Noto Sans Hebrew",sans-serif!important;
  letter-spacing:-.012em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.x65 *{box-sizing:border-box}
body.x65 [hidden]{display:none!important}
body.x65 button,body.x65 input,body.x65 select,body.x65 textarea{font:inherit}
body.x65 button,body.x65 a{touch-action:manipulation}
body.x65 :focus-visible{outline:3px solid rgba(8,168,203,.32)!important;outline-offset:3px!important}
body.x65 ::selection{background:#c7f1f8;color:#0c3340}

/* Ambient shell — subtle, never decorative enough to hurt readability */
body.x65::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-4;
  background:
    radial-gradient(700px 420px at 92% -90px,rgba(8,168,203,.08),transparent 68%),
    radial-gradient(540px 340px at -80px 78%,rgba(123,97,255,.035),transparent 70%),
    linear-gradient(180deg,#f8fafb 0,#f4f6f8 48%,#eff3f6 100%);
}
body.x65::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;opacity:.44;
  background-image:linear-gradient(rgba(23,50,64,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(23,50,64,.018) 1px,transparent 1px);
  background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 70%);
}

/* Universal surface rules */
body.x65 .panel,body.x65 .card,body.x65 .section-card,body.x65 .community-card,body.x65 .fleet-card,body.x65 .season-panel,body.x65 .ad-billing-panel,body.x65 .settings-card,body.x65 .settings-group,body.x65 .security-card,body.x65 .work-card{
  background:var(--x65-surface)!important;border:1px solid var(--x65-line)!important;border-radius:var(--x65-r22)!important;box-shadow:var(--x65-shadow-1)!important;
}
body.x65 .panel:hover,body.x65 .card:hover,body.x65 .section-card:hover,body.x65 .fleet-card:hover,body.x65 .settings-card:hover{border-color:#d7e1e7!important}
body.x65 .panel,body.x65 .card,body.x65 .section-card,body.x65 .fleet-card{transition:border-color .18s ease,box-shadow .18s ease,transform .18s var(--x65-ease)}

body.x65 h1,body.x65 h2,body.x65 h3,body.x65 strong{letter-spacing:-.035em}
body.x65 h1{font-weight:860}
body.x65 h2{font-weight:820}
body.x65 p{color:var(--x65-muted);line-height:1.65}
body.x65 small{color:var(--x65-muted)}

/* Controls */
body.x65 button,body.x65 .btn,body.x65 .fleet-button,body.x65 .community-button,body.x65 .community-secondary{
  min-height:42px;border-radius:13px;border:1px solid transparent;font-weight:780;letter-spacing:-.02em;
  transition:transform .14s var(--x65-spring),box-shadow .16s ease,background .16s ease,border-color .16s ease,opacity .16s ease;
}
body.x65 button:active:not(:disabled),body.x65 .btn:active:not(:disabled),body.x65 .fleet-button:active:not(:disabled){transform:scale(.965)}
body.x65 .btn:not(.ghost):not(.secondary),body.x65 .btn.primary,body.x65 .fleet-button.primary,body.x65 .community-button{
  background:linear-gradient(180deg,#13b4d4 0%,#079abe 100%)!important;color:#fff!important;border-color:#078dac!important;box-shadow:0 8px 20px rgba(8,168,203,.18)!important;
}
body.x65 .btn.secondary,body.x65 .secondary,body.x65 .fleet-button:not(.primary){background:#f3f7f9!important;color:#25343d!important;border-color:#dce5ea!important}
body.x65 .btn.ghost,body.x65 .ghost{background:#fff!important;color:#43515b!important;border-color:#dde5e9!important}
body.x65 .btn.danger,body.x65 .danger{background:var(--x65-red-soft)!important;color:#a92f3a!important;border-color:#f1cfd3!important}

body.x65 input,body.x65 select,body.x65 textarea,body.x65 .field{
  min-height:46px;border-radius:14px!important;border:1px solid var(--x65-line-strong)!important;background:#fbfcfd!important;color:var(--x65-ink)!important;box-shadow:inset 0 1px 1px rgba(18,38,48,.02)!important;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
body.x65 textarea{padding-top:12px}
body.x65 input:hover,body.x65 select:hover,body.x65 textarea:hover{border-color:#c6d2d9!important;background:#fff!important}
body.x65 input:focus,body.x65 select:focus,body.x65 textarea:focus{border-color:rgba(8,168,203,.7)!important;box-shadow:0 0 0 4px rgba(8,168,203,.09)!important;background:#fff!important;outline:0!important}
body.x65 label{font-weight:730;color:#394751}

/* Status vocabulary */
body.x65 .badge,body.x65 .status-pill,body.x65 [class*="status-"]{font-weight:800;letter-spacing:-.015em}
body.x65 .badge.ok,body.x65 .badge.success{background:var(--x65-green-soft)!important;color:#08784b!important;border-color:#ccebdc!important}
body.x65 .badge.warn,body.x65 .badge.warning{background:var(--x65-orange-soft)!important;color:#9a6206!important;border-color:#f2dfba!important}
body.x65 .badge.danger,body.x65 .badge.error{background:var(--x65-red-soft)!important;color:#a72e3a!important;border-color:#efcfd4!important}

/* Data tables */
body.x65 table{border-collapse:separate!important;border-spacing:0!important;width:100%!important;background:#fff!important;border:1px solid var(--x65-line)!important;border-radius:18px!important;overflow:hidden!important}
body.x65 thead th{position:sticky;top:0;z-index:2;background:#f7f9fa!important;color:#69757e!important;font-size:11px!important;font-weight:820!important;text-transform:none!important;border-bottom:1px solid var(--x65-line)!important;padding:12px 14px!important}
body.x65 tbody td{padding:14px!important;border-bottom:1px solid #edf1f3!important;color:#26333c!important}
body.x65 tbody tr:last-child td{border-bottom:0!important}
body.x65 tbody tr{transition:background .14s ease}
body.x65 tbody tr:hover{background:#fafcfd!important}
body.x65 .table-wrap{border-radius:18px;overflow:auto;scrollbar-width:thin}

/* ------------------------------------------------------------------
   CUSTOMER — compact commerce app, not a website
   ------------------------------------------------------------------ */
body.x65[data-x65-page="customer"]{background:#f3f5f7!important}
body.x65[data-x65-page="customer"]::after{display:none}
body.x65[data-x65-page="customer"] .app-shell{width:min(100%,590px)!important;max-width:590px!important;margin:0 auto!important;background:#f4f6f8!important;min-height:100dvh!important;box-shadow:0 0 0 1px rgba(17,32,42,.035),0 0 70px rgba(17,32,42,.055)!important;padding-bottom:max(108px,calc(86px + env(safe-area-inset-bottom)))!important}
body.x65[data-x65-page="customer"] .app-topbar{
  position:sticky!important;top:0!important;z-index:110!important;min-height:72px!important;padding:max(10px,env(safe-area-inset-top)) 14px 10px!important;
  display:grid!important;grid-template-columns:46px minmax(0,1fr) 46px!important;align-items:center!important;gap:10px!important;
  background:rgba(255,255,255,.9)!important;border:0!important;border-bottom:1px solid rgba(219,226,231,.78)!important;backdrop-filter:blur(24px) saturate(145%)!important;-webkit-backdrop-filter:blur(24px) saturate(145%)!important;
}
body.x65[data-x65-page="customer"] .app-topbar .brand{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;min-width:0!important}
body.x65[data-x65-page="customer"] .app-topbar .brand b{font-size:15px!important;font-weight:850!important;color:#142029!important;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.x65[data-x65-page="customer"] .app-topbar .brand span{font-size:10px!important;font-weight:750!important;color:#71808a!important}
body.x65[data-x65-page="customer"] .avatar-button,body.x65[data-x65-page="customer"] .icon-button{width:44px!important;height:44px!important;border-radius:16px!important;background:#fff!important;border:1px solid #dfe7eb!important;box-shadow:0 4px 12px rgba(24,42,54,.04)!important}
body.x65[data-x65-page="customer"] .view-stack{padding:0 14px 28px!important}

body.x65[data-x65-page="customer"] .order-delivery-strip{
  margin:12px 0 8px!important;padding:12px 13px!important;border-radius:18px!important;background:#fff!important;border:1px solid #e1e7eb!important;box-shadow:var(--x65-shadow-1)!important;
}
body.x65[data-x65-page="customer"] .order-delivery-strip span{font-size:9px!important;letter-spacing:.01em!important;text-transform:uppercase!important;color:#8a959d!important}
body.x65[data-x65-page="customer"] .order-delivery-strip strong{font-size:14px!important;font-weight:820!important;color:#202c34!important}
body.x65[data-x65-page="customer"] .order-delivery-strip button{background:var(--x65-brand-soft)!important;color:var(--x65-brand-deep)!important;border:0!important;border-radius:999px!important;min-height:34px!important;padding:7px 11px!important;font-size:11px!important}

body.x65[data-x65-page="customer"] .home-hero{
  min-height:190px!important;margin:10px 0 16px!important;padding:26px 22px!important;border-radius:30px!important;overflow:hidden!important;position:relative!important;
  background:linear-gradient(135deg,#0c2838 0%,#075c73 48%,#08a8cb 100%)!important;color:#fff!important;border:0!important;box-shadow:0 24px 54px rgba(7,77,98,.20)!important;
}
body.x65[data-x65-page="customer"] .home-hero::before{content:""!important;position:absolute!important;width:250px!important;height:250px!important;border-radius:50%!important;left:-80px!important;top:-115px!important;background:rgba(255,255,255,.10)!important;box-shadow:125px 96px 0 rgba(255,255,255,.045)!important}
body.x65[data-x65-page="customer"] .home-hero::after{content:""!important;position:absolute!important;inset:auto -55px -80px auto!important;width:190px!important;height:190px!important;border-radius:44px!important;transform:rotate(28deg)!important;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.02))!important;border:1px solid rgba(255,255,255,.08)!important}
body.x65[data-x65-page="customer"] .home-hero>*{position:relative;z-index:2}
body.x65[data-x65-page="customer"] .home-hero h1,body.x65[data-x65-page="customer"] .home-hero h2{font-size:clamp(29px,7.7vw,39px)!important;line-height:1.03!important;font-weight:900!important;letter-spacing:-1.5px!important;color:#fff!important;margin:0 0 10px!important;max-width:84%!important}
body.x65[data-x65-page="customer"] .home-hero p{font-size:13px!important;color:rgba(255,255,255,.79)!important;max-width:75%!important;margin:0!important;line-height:1.55!important}

body.x65[data-x65-page="customer"] .search-box,body.x65[data-x65-page="customer"] .catalog-search{position:sticky!important;top:82px!important;z-index:50!important;background:rgba(244,246,248,.9)!important;backdrop-filter:blur(16px)!important;padding:7px 0 9px!important;margin:0!important}
body.x65[data-x65-page="customer"] .search-box input,body.x65[data-x65-page="customer"] .catalog-search input{height:48px!important;border-radius:16px!important;background:#fff!important;border-color:#dde5e9!important;padding-inline:44px 15px!important;box-shadow:0 6px 18px rgba(26,44,55,.04)!important}

body.x65[data-x65-page="customer"] .category-strip,body.x65[data-x65-page="customer"] .category-row,body.x65[data-x65-page="customer"] .catalog-chips{display:flex!important;gap:8px!important;overflow-x:auto!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important;padding:4px 1px 10px!important;margin-inline:-1px!important}
body.x65[data-x65-page="customer"] .category-strip::-webkit-scrollbar,body.x65[data-x65-page="customer"] .category-row::-webkit-scrollbar{display:none}
body.x65[data-x65-page="customer"] .category-strip button,body.x65[data-x65-page="customer"] .category-row button,body.x65[data-x65-page="customer"] .catalog-chip{scroll-snap-align:start!important;flex:0 0 auto!important;min-height:38px!important;border-radius:999px!important;padding:8px 14px!important;background:#fff!important;color:#4c5963!important;border:1px solid #dfe6ea!important;box-shadow:none!important;font-size:12px!important;font-weight:800!important}
body.x65[data-x65-page="customer"] .category-strip button.active,body.x65[data-x65-page="customer"] .category-row button.active,body.x65[data-x65-page="customer"] .catalog-chip.active{background:#102632!important;border-color:#102632!important;color:#fff!important}

body.x65[data-x65-page="customer"] .product-grid,body.x65[data-x65-page="customer"] .catalog-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
body.x65[data-x65-page="customer"] .product-card,body.x65[data-x65-page="customer"] .catalog-card{
  position:relative!important;overflow:hidden!important;border-radius:22px!important;background:#fff!important;border:1px solid #e0e7eb!important;box-shadow:0 8px 22px rgba(16,36,48,.055)!important;padding:0!important;min-width:0!important;transition:transform .18s var(--x65-spring),box-shadow .18s ease,border-color .18s ease!important;
}
body.x65[data-x65-page="customer"] .product-card:active,body.x65[data-x65-page="customer"] .catalog-card:active{transform:scale(.976)!important}
body.x65[data-x65-page="customer"] .product-card img,body.x65[data-x65-page="customer"] .catalog-card img,body.x65[data-x65-page="customer"] .product-media{width:100%!important;aspect-ratio:1.08/1!important;object-fit:cover!important;background:#edf1f3!important;border-radius:0!important}
body.x65[data-x65-page="customer"] .product-card .product-copy,body.x65[data-x65-page="customer"] .catalog-card .product-copy,body.x65[data-x65-page="customer"] .product-card>div:not(.product-media){padding:12px 12px 14px!important}
body.x65[data-x65-page="customer"] .product-card h3,body.x65[data-x65-page="customer"] .catalog-card h3{font-size:14px!important;font-weight:850!important;line-height:1.25!important;color:#1a2730!important;margin:0 0 5px!important}
body.x65[data-x65-page="customer"] .product-card p,body.x65[data-x65-page="customer"] .catalog-card p{font-size:11px!important;line-height:1.45!important;color:#7b8790!important;margin:0 0 9px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
body.x65[data-x65-page="customer"] .price,body.x65[data-x65-page="customer"] .product-price{font-size:15px!important;font-weight:900!important;color:#111c24!important;letter-spacing:-.04em!important}
body.x65[data-x65-page="customer"] .add-button,body.x65[data-x65-page="customer"] .product-add,body.x65[data-x65-page="customer"] [data-add]{width:38px!important;height:38px!important;min-height:38px!important;border-radius:14px!important;padding:0!important;background:#0f2734!important;color:#fff!important;border:0!important;box-shadow:0 9px 19px rgba(15,39,52,.18)!important}

/* floating cart / bottom nav */
body.x65[data-x65-page="customer"] .cart-bar,body.x65[data-x65-page="customer"] .floating-cart,body.x65[data-x65-page="customer"] #cart-fab{
  position:fixed!important;z-index:140!important;left:50%!important;transform:translateX(-50%)!important;bottom:max(82px,calc(68px + env(safe-area-inset-bottom)))!important;width:min(540px,calc(100% - 26px))!important;min-height:58px!important;border-radius:19px!important;background:#102632!important;color:#fff!important;border:1px solid rgba(255,255,255,.07)!important;box-shadow:0 20px 44px rgba(8,28,40,.25)!important;padding:9px 12px!important;
}
body.x65[data-x65-page="customer"] .bottom-nav,body.x65[data-x65-page="customer"] .app-bottom-nav{
  position:fixed!important;z-index:130!important;left:50%!important;transform:translateX(-50%)!important;bottom:0!important;width:min(590px,100%)!important;min-height:72px!important;padding:8px 10px max(8px,env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.94)!important;border-top:1px solid rgba(218,226,231,.88)!important;backdrop-filter:blur(22px) saturate(145%)!important;box-shadow:0 -10px 30px rgba(18,39,51,.06)!important;
}
body.x65[data-x65-page="customer"] .bottom-nav button,body.x65[data-x65-page="customer"] .bottom-nav a,body.x65[data-x65-page="customer"] .app-bottom-nav button,body.x65[data-x65-page="customer"] .app-bottom-nav a{min-height:52px!important;border:0!important;background:transparent!important;border-radius:16px!important;color:#7d8991!important;font-size:10px!important;font-weight:760!important;box-shadow:none!important}
body.x65[data-x65-page="customer"] .bottom-nav .active,body.x65[data-x65-page="customer"] .app-bottom-nav .active{background:#eef8fa!important;color:#087f9e!important}

/* product sheet / checkout */
body.x65[data-x65-page="customer"] dialog,body.x65[data-x65-page="customer"] .sheet,body.x65[data-x65-page="customer"] .product-sheet{border:0!important;border-radius:30px 30px 0 0!important;background:#fff!important;box-shadow:0 -28px 70px rgba(12,30,42,.22)!important}
body.x65[data-x65-page="customer"] .checkout-card,body.x65[data-x65-page="customer"] .checkout-shell{border-radius:28px!important;border:1px solid #e0e7eb!important;background:#fff!important;box-shadow:var(--x65-shadow-2)!important}
body.x65[data-x65-page="customer"] .checkout-step,body.x65[data-x65-page="customer"] .checkout-progress{border-radius:999px!important}

/* ------------------------------------------------------------------
   VERIFICATION — fintech-grade calm and focused
   ------------------------------------------------------------------ */
body.x65[data-x65-page="verification"],body.x65[data-x65-page="secure-entry"],body.x65[data-x65-page="device-link"],body.x65[data-x65-page="security-setup"]{
  background:#f5f7f9!important;color:#142029!important;
}
body.x65[data-x65-page="verification"]::after,body.x65[data-x65-page="secure-entry"]::after,body.x65[data-x65-page="device-link"]::after,body.x65[data-x65-page="security-setup"]::after{opacity:.18}
body.x65 .vx-stage-dock{top:max(10px,env(safe-area-inset-top))!important;width:min(680px,calc(100% - 22px))!important;padding:10px 12px!important;border-radius:18px!important;background:rgba(255,255,255,.90)!important;border:1px solid rgba(211,222,228,.88)!important;box-shadow:0 12px 36px rgba(16,38,52,.08)!important}
body.x65 .vx-stage-dock__mark{background:#102632!important;border-radius:12px!important}
body.x65 .vx-stage-dock__meter{height:5px!important;background:#e9eef1!important}
body.x65 .vx-stage-dock__meter i{background:linear-gradient(90deg,#08a8cb,#36cadf)!important}
body.x65 .gate-card,body.x65 .splash-shell,body.x65 .security-setup-card,body.x65 .device-link-card{
  border-radius:32px!important;background:rgba(255,255,255,.97)!important;border:1px solid #dfe7eb!important;box-shadow:0 28px 80px rgba(15,39,52,.11),0 4px 18px rgba(15,39,52,.04)!important;padding:clamp(24px,5vw,44px)!important;
}
body.x65 .gate-card::before,body.x65 .splash-shell::before{height:4px!important;background:linear-gradient(90deg,#08a8cb 0,#28c6dc 58%,#a4e8ef 100%)!important}
body.x65 .gate-card h1,body.x65 .gate-card h2,body.x65 .splash-shell h1{color:#111d25!important;letter-spacing:-1.3px!important}
body.x65 .gate-eyebrow,body.x65 .splash-eyebrow{background:#eef9fb!important;color:#087f9e!important;border:1px solid #d8f0f4!important}
body.x65 .step-meter{height:7px!important;background:#edf1f3!important}
body.x65 .step-meter i{background:linear-gradient(90deg,#08a8cb,#3fc9dc)!important;box-shadow:0 0 18px rgba(8,168,203,.24)!important}

/* camera / liveness */
body.x65 .liveness-shell,body.x65 .liveness-camera,body.x65 .verification-camera{border-radius:30px!important;background:#0d171e!important;overflow:hidden!important;border:1px solid #263a45!important;box-shadow:0 30px 70px rgba(4,18,27,.28)!important}
body.x65 .liveness-shell::before,body.x65 .verification-camera::before{content:"";position:absolute;inset:10%;border:2px solid rgba(122,232,242,.78);border-radius:48% 48% 44% 44%;box-shadow:0 0 0 999px rgba(5,14,20,.22),0 0 28px rgba(36,211,225,.18);pointer-events:none;z-index:5}
body.x65 .liveness-shell::after,body.x65 .verification-camera::after{content:"";position:absolute;z-index:6;left:15%;right:15%;height:2px;top:25%;background:linear-gradient(90deg,transparent,#5be0ec,transparent);filter:drop-shadow(0 0 6px #3ad6e4);animation:x65-scan 2.35s ease-in-out infinite;pointer-events:none}
@keyframes x65-scan{0%,100%{transform:translateY(-12px);opacity:.2}50%{transform:translateY(175px);opacity:1}}
body.x65 .liveness-instruction,body.x65 .verification-instruction{border-radius:18px!important;background:rgba(13,25,33,.84)!important;color:#fff!important;backdrop-filter:blur(14px)!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 14px 32px rgba(0,0,0,.18)!important}

/* ------------------------------------------------------------------
   ADMIN / OWNER / MERCHANT — commerce operations OS
   ------------------------------------------------------------------ */
body.x65[data-x65-page="admin"],body.x65[data-x65-page="ops"],body.x65[data-x65-page="seller"],body.x65[data-x65-page="finance"],body.x65[data-x65-page="fleet"]{background:#f2f5f7!important}
body.x65[data-x65-page="admin"] .app-shell,body.x65[data-x65-page="ops"] .app-shell,body.x65[data-x65-page="seller"] .app-shell,body.x65[data-x65-page="finance"] .app-shell,body.x65[data-x65-page="fleet"] .app-shell{background:#f2f5f7!important}
body.x65 .sidebar{background:#0f1f2c!important;color:#e7eef2!important;border-inline-end:1px solid rgba(255,255,255,.06)!important;box-shadow:none!important}
body.x65 .sidebar::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(400px 260px at 120% -10%,rgba(8,168,203,.16),transparent 65%),linear-gradient(180deg,rgba(255,255,255,.015),transparent 22%)}
body.x65 .sidebar-brand strong{color:#fff!important;font-weight:860!important;font-size:14px!important}
body.x65 .sidebar-brand small{color:#8195a1!important}
body.x65 .nav-item{border:1px solid transparent!important;color:#9fb0ba!important;border-radius:13px!important;min-height:44px!important;font-weight:700!important}
body.x65 .nav-item:hover{background:rgba(255,255,255,.045)!important;color:#fff!important}
body.x65 .nav-item.active{background:linear-gradient(90deg,rgba(8,168,203,.20),rgba(8,168,203,.07))!important;color:#fff!important;border-color:rgba(49,196,225,.13)!important;box-shadow:inset 3px 0 0 #24c6dc!important}
body.x65 .nav-icon{background:rgba(255,255,255,.055)!important;color:#b8d9e1!important;border-radius:10px!important}
body.x65 .nav-item.active .nav-icon{background:rgba(39,204,225,.16)!important;color:#7ce7f1!important}
body.x65 .saas-workspace-card{background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.07)!important;border-radius:16px!important}
body.x65 .saas-workspace-icon{background:linear-gradient(145deg,#08a8cb,#0a7b96)!important;box-shadow:0 8px 20px rgba(8,168,203,.20)!important}

body.x65 .topbar,body.x65 .top,body.x65 .fleet-top,body.x65 .community-top,body.x65 .season-top{
  background:rgba(255,255,255,.90)!important;border-bottom:1px solid rgba(215,225,231,.86)!important;backdrop-filter:blur(24px) saturate(140%)!important;box-shadow:0 5px 20px rgba(18,37,49,.035)!important;
}
body.x65 main{color:var(--x65-ink)}
body.x65 .page-title h1,body.x65 .top h1,body.x65 main h1{color:#142029!important;font-weight:900!important;letter-spacing:-1px!important}
body.x65 .page-title p,body.x65 .top p{color:#74818b!important}

body.x65 .metric-card,body.x65 .kpi-card,body.x65 .metric{
  border-radius:20px!important;background:#fff!important;border:1px solid #dde6eb!important;box-shadow:0 8px 24px rgba(19,39,52,.05)!important;padding:17px!important;position:relative!important;overflow:hidden!important;
}
body.x65 .metric-card::after,body.x65 .kpi-card::after,body.x65 .metric::after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,#08a8cb,#70dce9);opacity:.75}
body.x65 .metric-card strong,body.x65 .kpi-card strong,body.x65 .metric strong{font-size:clamp(24px,3vw,34px)!important;color:#111d25!important;font-weight:900!important;letter-spacing:-1.3px!important}
body.x65 .metric-card span,body.x65 .kpi-card span,body.x65 .metric span{color:#7b8790!important;font-size:11px!important;font-weight:760!important}

body.x65 .panel{padding:18px!important}
body.x65 .panel-head{padding-bottom:12px!important;margin-bottom:12px!important;border-bottom:1px solid #edf1f3!important;align-items:center!important}
body.x65 .panel-head h2{font-size:16px!important;color:#1b2831!important}
body.x65 .grid{gap:12px!important}
body.x65 .two{gap:14px!important}
body.x65 .form-grid{gap:12px!important}

/* legacy enterprise shell */
body.x65 .app>.side,body.x65 .side{background:#0f1f2c!important;color:#e8f0f3!important;border-inline-end:1px solid rgba(255,255,255,.06)!important;box-shadow:none!important}
body.x65 .side nav button{border-radius:12px!important;color:#99aeb9!important;background:transparent!important;border:1px solid transparent!important;min-height:42px!important}
body.x65 .side nav button:hover,body.x65 .side nav button.active{background:rgba(8,168,203,.12)!important;color:#fff!important;border-color:rgba(67,207,229,.10)!important}
body.x65 .side-foot{color:#67808e!important;border-top-color:rgba(255,255,255,.06)!important}
body.x65 .scope{gap:8px!important}

/* settings — iOS clarity without copying */
body.x65[data-x65-page="admin"] .settings-group,body.x65 .settings-group{overflow:hidden!important;padding:0!important;border-radius:22px!important}
body.x65 .settings-row,body.x65 .setting-row{min-height:62px!important;padding:11px 14px!important;background:#fff!important;border-bottom:1px solid #edf1f3!important;display:flex!important;align-items:center!important;gap:12px!important}
body.x65 .settings-row:last-child,body.x65 .setting-row:last-child{border-bottom:0!important}
body.x65 .settings-row:hover,body.x65 .setting-row:hover{background:#fbfcfd!important}
body.x65 .settings-row h3,body.x65 .setting-row h3{margin:0!important;font-size:13px!important;font-weight:820!important;color:#1a2730!important}
body.x65 .settings-row p,body.x65 .setting-row p{margin:2px 0 0!important;font-size:11px!important;color:#7a8790!important}

/* Fleet / Telegram — operational density */
body.x65[data-x65-page="fleet"] .fleet-shell{max-width:1360px!important}
body.x65[data-x65-page="fleet"] .fleet-privacy-hero,body.x65[data-x65-page="fleet"] .fleet-hero{border-radius:28px!important;background:linear-gradient(135deg,#0f2533,#123c4f 58%,#087e9c)!important;color:#fff!important;border:0!important;box-shadow:0 24px 54px rgba(11,53,70,.16)!important;overflow:hidden!important;position:relative!important}
body.x65[data-x65-page="fleet"] .fleet-privacy-hero p,body.x65[data-x65-page="fleet"] .fleet-hero p{color:rgba(255,255,255,.72)!important}
body.x65[data-x65-page="fleet"] .fleet-card{box-shadow:0 8px 24px rgba(18,39,51,.045)!important}

/* Dialogs / sheets */
body.x65 dialog{border:1px solid #dce5ea!important;border-radius:26px!important;background:#fff!important;color:#17232c!important;box-shadow:0 34px 90px rgba(10,30,42,.24)!important;padding:0!important;overflow:hidden!important}
body.x65 dialog::backdrop{background:rgba(10,24,33,.38)!important;backdrop-filter:blur(7px)!important}
body.x65 dialog header{padding:17px 18px!important;border-bottom:1px solid #e7ecef!important;background:#fbfcfd!important}
body.x65 dialog form,body.x65 dialog .dialog-body{padding:18px!important}

/* Empty states */
body.x65 .px-empty,body.x65 .empty{border:1px dashed #d8e1e6!important;border-radius:20px!important;background:#fafcfd!important;color:#829099!important;padding:28px 20px!important;text-align:center!important}

/* Interactive polish */
body.x65 [data-x65-reveal]{opacity:0;transform:translateY(8px);transition:opacity .42s var(--x65-ease),transform .42s var(--x65-ease)}
body.x65 [data-x65-reveal].x65-visible{opacity:1;transform:none}
body.x65 .x65-ripple{position:absolute;border-radius:50%;pointer-events:none;background:rgba(255,255,255,.34);transform:translate(-50%,-50%) scale(0);animation:x65-ripple .5s ease-out forwards}
@keyframes x65-ripple{to{transform:translate(-50%,-50%) scale(4.5);opacity:0}}
#x65-progress{position:fixed;z-index:999999;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,#08a8cb,#55d9e8);box-shadow:0 0 15px rgba(8,168,203,.45);transition:width .26s ease,opacity .25s ease;pointer-events:none}
body.x65.x65-loading #x65-progress{width:72%;opacity:1}body.x65.x65-loaded #x65-progress{width:100%;opacity:0}
.x65-network{position:fixed;z-index:99998;left:50%;transform:translateX(-50%) translateY(-18px);top:max(10px,env(safe-area-inset-top));padding:7px 11px;border-radius:999px;background:#17262f;color:#fff;font-size:11px;font-weight:800;box-shadow:0 10px 30px rgba(0,0,0,.16);opacity:0;pointer-events:none;transition:.22s var(--x65-ease)}
body[data-network="offline"] .x65-network{opacity:1;transform:translateX(-50%) translateY(0)}

/* responsive */
@media(max-width:980px){
  body.x65 .app-shell{grid-template-columns:1fr!important}
  body.x65 .sidebar{border-inline-end:0!important}
  body.x65 .two{grid-template-columns:1fr!important}
  body.x65 .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  body.x65{font-size:14px}
  body.x65 .panel{padding:15px!important;border-radius:20px!important}
  body.x65 .grid{grid-template-columns:1fr!important}
  body.x65 .top,body.x65 .topbar{padding-inline:14px!important}
  body.x65 .scope{display:flex!important;overflow-x:auto!important;scrollbar-width:none!important}
  body.x65 .scope .field{min-width:170px!important}
  body.x65[data-x65-page="customer"] .view-stack{padding-inline:12px!important}
  body.x65[data-x65-page="customer"] .home-hero{border-radius:26px!important;min-height:176px!important;padding:22px 18px!important}
  body.x65[data-x65-page="customer"] .product-grid,body.x65[data-x65-page="customer"] .catalog-grid{gap:9px!important}
  body.x65[data-x65-page="customer"] .product-card,body.x65[data-x65-page="customer"] .catalog-card{border-radius:19px!important}
  body.x65 .gate-card,body.x65 .splash-shell{border-radius:26px!important;padding:22px!important}
}
@media(max-width:390px){
  body.x65[data-x65-page="customer"] .product-grid,body.x65[data-x65-page="customer"] .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.x65[data-x65-page="customer"] .product-card h3,body.x65[data-x65-page="customer"] .catalog-card h3{font-size:13px!important}
  body.x65[data-x65-page="customer"] .home-hero h1,body.x65[data-x65-page="customer"] .home-hero h2{font-size:29px!important}
}
@media(prefers-reduced-motion:reduce){
  body.x65 *,body.x65 *::before,body.x65 *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
}