/* Shalvata Platform 6.9 — Ultra Signature Interface
   Presentation layer only. Authorization, identity, pricing and order state remain server-side. */
:root{
  --je69-navy:#10284d;
  --je69-navy-2:#173a69;
  --je69-navy-3:#224e86;
  --je69-gold:#b8893e;
  --je69-gold-2:#d5b36d;
  --je69-gold-soft:#fbf4e6;
  --je69-ink:#18253a;
  --je69-ink-2:#3e4d62;
  --je69-muted:#7b8797;
  --je69-canvas:#f4f3ef;
  --je69-paper:#fffdfa;
  --je69-white:#fff;
  --je69-line:#e8e3d9;
  --je69-line-2:#dfe6ef;
  --je69-green:#188f63;
  --je69-amber:#c8811a;
  --je69-red:#d24f5d;
  --je69-blue:#2367b1;
  --je69-shadow-1:0 3px 12px rgba(24,37,58,.045),0 1px 2px rgba(24,37,58,.025);
  --je69-shadow-2:0 12px 34px rgba(24,37,58,.075),0 3px 8px rgba(24,37,58,.035);
  --je69-shadow-3:0 28px 72px rgba(24,37,58,.13),0 8px 22px rgba(24,37,58,.05);
  --je69-r-sm:14px;
  --je69-r:20px;
  --je69-r-lg:28px;
  --je69-r-xl:36px;
  --je69-ease:cubic-bezier(.2,.8,.2,1);
}

html{background:var(--je69-canvas);color:var(--je69-ink)}
body.je69-interface{font-family:Inter,"Noto Sans Hebrew","Heebo",Arial,sans-serif!important;background:var(--je69-canvas)!important;color:var(--je69-ink)!important;letter-spacing:-.014em!important}
body.je69-interface::before{content:"";position:fixed;inset:0;z-index:-20;pointer-events:none;background:
  radial-gradient(circle at 100% 0,rgba(194,150,69,.10),transparent 24%),
  radial-gradient(circle at 0 12%,rgba(35,103,177,.065),transparent 22%),
  linear-gradient(180deg,#faf9f6 0,#f4f3ef 48%,#f1f0ec 100%)}
body.je69-interface::after{content:"";position:fixed;inset:0;z-index:-19;pointer-events:none;opacity:.22;background-image:url('/assets/brand/empire-geometry.svg');background-size:760px auto;background-position:-260px -220px;background-repeat:no-repeat;filter:saturate(.6)}
body.je69-interface *{box-sizing:border-box}
body.je69-interface button,body.je69-interface a,body.je69-interface input,body.je69-interface select,body.je69-interface textarea{font:inherit}
body.je69-interface button,body.je69-interface a{transition:transform .18s var(--je69-ease),box-shadow .18s var(--je69-ease),background .18s var(--je69-ease),border-color .18s var(--je69-ease),color .18s var(--je69-ease),opacity .18s var(--je69-ease)}
body.je69-interface button:active,body.je69-interface a:active{transform:scale(.985)}
body.je69-interface :focus-visible{outline:0!important;box-shadow:0 0 0 4px rgba(35,103,177,.13)!important}
body.je69-interface ::selection{background:#e5effb;color:var(--je69-navy)}

/* ---------- Global motion & feedback ---------- */
.je69-route-progress{position:fixed;z-index:10000;top:0;right:0;left:0;height:3px;pointer-events:none;opacity:0;transform:scaleX(.08);transform-origin:right center;background:linear-gradient(90deg,transparent 0,var(--je69-blue) 35%,var(--je69-gold-2) 68%,transparent 100%);background-size:240% 100%;transition:opacity .16s,transform .28s var(--je69-ease)}
.je69-route-progress.active{opacity:1;transform:scaleX(.82);animation:je69-route 1.05s linear infinite}
@keyframes je69-route{to{background-position:-240% 0}}
.je69-ripple{position:absolute;pointer-events:none;border-radius:999px;background:rgba(255,255,255,.38);transform:translate(-50%,-50%) scale(0);animation:je69-ripple .52s ease-out forwards}
@keyframes je69-ripple{to{opacity:0;transform:translate(-50%,-50%) scale(7)}}
.je69-enter{animation:je69-enter .38s var(--je69-ease) both}
@keyframes je69-enter{from{opacity:.12;transform:translateY(10px) scale(.992)}to{opacity:1;transform:none}}

/* =========================================================
   CUSTOMER ORDER APP — premium mobile commerce experience
   ========================================================= */
body.je69-interface:has(#app.app-shell){background:#e9e7e1!important}
#app.app-shell{position:relative!important;max-width:620px!important;min-height:100svh!important;margin:0 auto!important;padding-bottom:calc(112px + env(safe-area-inset-bottom))!important;overflow:clip!important;background:linear-gradient(180deg,#fffefa 0,#fff 31%,#fbfaf6 100%)!important;border-inline:1px solid rgba(18,40,77,.035)!important;box-shadow:0 0 0 1px rgba(18,40,77,.02),0 28px 110px rgba(18,40,77,.10)!important}
#app.app-shell::before{content:"";position:absolute;z-index:0;top:-190px;right:-170px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(207,173,104,.16),transparent 67%);pointer-events:none}
#app .app-topbar{position:sticky!important;top:0!important;z-index:90!important;min-height:76px!important;padding:max(13px,env(safe-area-inset-top)) 18px 12px!important;background:rgba(255,254,250,.88)!important;border-bottom:1px solid rgba(18,40,77,.055)!important;backdrop-filter:blur(28px) saturate(165%)!important;-webkit-backdrop-filter:blur(28px) saturate(165%)!important;box-shadow:none!important}
#app .app-topbar.je69-scrolled{box-shadow:0 10px 30px rgba(18,40,77,.07)!important}
#app .app-topbar .brand{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important}
#app .app-topbar .brand>img{width:38px!important;height:38px!important;filter:drop-shadow(0 7px 13px rgba(184,137,62,.18))}
#app .app-topbar .brand b{font-size:15px!important;font-weight:950!important;color:var(--je69-navy)!important;letter-spacing:-.025em!important}
#app .app-topbar .brand span{font-size:9px!important;font-weight:780!important;color:var(--je69-muted)!important;letter-spacing:.03em!important}
#app .avatar-button,#app .icon-button{width:43px!important;height:43px!important;border:1px solid #ebe6dc!important;border-radius:15px!important;background:rgba(255,255,255,.92)!important;box-shadow:var(--je69-shadow-1)!important}
#app .avatar-button:hover,#app .icon-button:hover{transform:translateY(-1px);border-color:#ddd4c5!important;box-shadow:var(--je69-shadow-2)!important}
#app .view-stack{position:relative!important;z-index:1!important;padding:0 16px 34px!important}
#app .app-view{animation:je69-enter .4s var(--je69-ease) both}

#app .order-delivery-strip{position:relative!important;margin:14px 0 13px!important;min-height:62px!important;padding:13px 14px 13px 61px!important;border:1px solid #e8e2d7!important;border-radius:21px!important;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(252,248,240,.94))!important;box-shadow:var(--je69-shadow-1)!important;overflow:hidden!important}
#app .order-delivery-strip::before{content:""!important;position:absolute!important;left:13px!important;top:50%!important;transform:translateY(-50%)!important;width:38px!important;height:38px!important;border-radius:14px!important;background:linear-gradient(145deg,#edf4fd,#f9fbff)!important;border:1px solid #dfe9f6!important}
#app .order-delivery-strip::after{content:"";position:absolute;left:23px;top:50%;transform:translateY(-52%);width:18px;height:18px;background:var(--je69-blue);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a7 7 0 0 0-7 7c0 5.3 7 13 7 13s7-7.7 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5Z'/%3E%3C/svg%3E") center/contain no-repeat}
#app .order-delivery-strip span{color:#8a94a2!important;font-size:9px!important;font-weight:800!important}
#app .order-delivery-strip strong{margin-top:3px!important;color:var(--je69-ink)!important;font-size:13.5px!important;font-weight:950!important}
#app .order-delivery-strip button{border:0!important;background:transparent!important;color:var(--je69-blue)!important;font-size:10.5px!important;font-weight:950!important;padding:9px 7px!important}

#app .home-hero{position:relative!important;isolation:isolate;min-height:255px!important;margin:0 0 15px!important;padding:29px 23px 25px!important;overflow:hidden!important;border:1px solid rgba(218,190,132,.13)!important;border-radius:34px!important;background:
 linear-gradient(112deg,rgba(8,24,44,.96),rgba(15,54,95,.96) 55%,rgba(36,64,95,.94)),
 url('/assets/brand/empire-geometry.svg') center/cover!important;color:#fff!important;box-shadow:0 30px 64px rgba(16,40,77,.22)!important;display:flex!important;align-items:flex-end!important}
#app .home-hero::before{content:""!important;position:absolute!important;z-index:-1!important;inset:0!important;background:radial-gradient(circle at 22% 15%,rgba(219,183,111,.34),transparent 22%),radial-gradient(circle at 90% 90%,rgba(255,255,255,.10),transparent 30%),linear-gradient(130deg,transparent 35%,rgba(255,255,255,.035) 36%,transparent 37%)!important}
#app .home-hero::after{content:"SHALVATA PLATFORM"!important;position:absolute!important;left:22px!important;top:20px!important;color:#e5c889!important;font-size:8.5px!important;font-weight:950!important;letter-spacing:.22em!important;opacity:.9!important}
#app .home-hero>div:first-child{max-width:83%!important}
#app .home-hero .hero-kicker{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:7px 11px!important;border:1px solid rgba(231,207,159,.24)!important;border-radius:999px!important;background:rgba(255,255,255,.065)!important;color:#f0d79d!important;font-size:9px!important;font-weight:900!important;backdrop-filter:blur(12px)!important}
#app .home-hero h1{margin:14px 0 8px!important;color:#fff!important;font-size:34px!important;line-height:1.01!important;font-weight:950!important;letter-spacing:-.062em!important;text-wrap:balance}
#app .home-hero p{max-width:340px!important;margin:0!important;color:rgba(255,255,255,.72)!important;font-size:11.5px!important;line-height:1.7!important}
#app .home-hero .hero-logo{position:absolute!important;left:18px!important;bottom:17px!important;width:76px!important;height:76px!important;opacity:.75!important;filter:drop-shadow(0 15px 24px rgba(0,0,0,.24))}
#app .je69-hero-proof{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
#app .je69-hero-proof span{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.09);color:#e7ebf1;font-size:8.5px;font-weight:780}
#app .je69-hero-proof span::before{content:"";width:5px;height:5px;border-radius:50%;background:#d5b36d;box-shadow:0 0 0 3px rgba(213,179,109,.11)}

#app .order-home-search,#app .search-box{position:relative!important;margin:13px 0 15px!important;overflow:hidden!important;border:1px solid #e6e1d7!important;border-radius:20px!important;background:#fff!important;box-shadow:0 8px 24px rgba(24,37,58,.045)!important}
#app .order-home-search:focus-within,#app .search-box:focus-within{border-color:#b8cae0!important;box-shadow:0 0 0 4px rgba(35,103,177,.08),0 12px 28px rgba(24,37,58,.06)!important}
#app .order-home-search input,#app .search-box input{height:58px!important;padding:0 18px!important;border:0!important;background:transparent!important;color:var(--je69-ink)!important;font-size:13px!important;font-weight:650!important}
#app .order-home-search input::placeholder,#app .search-box input::placeholder{color:#9aa4b1!important}
#app .order-home-search button{width:48px!important;height:48px!important;margin:5px!important;border:0!important;border-radius:16px!important;background:linear-gradient(145deg,var(--je69-navy-2),var(--je69-navy-3))!important;color:#fff!important;box-shadow:0 8px 18px rgba(23,58,105,.20)!important}

#app .je66-category-rail{gap:9px!important;padding:2px 1px 12px!important;scroll-snap-type:x mandatory!important}
#app .je66-category{gap:7px!important;color:#5d6b7e!important;font-size:9.5px!important;font-weight:880!important;scroll-snap-align:start!important}
#app .je66-category i{width:52px!important;height:52px!important;border:1px solid #ebe4d8!important;border-radius:18px!important;background:linear-gradient(180deg,#fff,#fcfaf5)!important;box-shadow:0 6px 18px rgba(24,37,58,.045)!important}
#app .je66-category.active{color:var(--je69-gold)!important}
#app .je66-category.active i{border-color:#dfc898!important;background:linear-gradient(145deg,#fffaf0,#fff)!important;box-shadow:0 10px 25px rgba(184,137,62,.14)!important}

#app .section-card{margin:22px 0!important}
#app .section-title{margin-bottom:12px!important;align-items:flex-end!important}
#app .section-title span{color:#9b7635!important;font-size:8.5px!important;font-weight:950!important;letter-spacing:.14em!important}
#app .section-title h2{margin:4px 0 0!important;color:var(--je69-ink)!important;font-size:22px!important;line-height:1.1!important;font-weight:950!important;letter-spacing:-.045em!important}
#app .section-title a,#app .section-title button{color:var(--je69-blue)!important;font-size:9.5px!important;font-weight:900!important}

#app .horizontal-products{grid-auto-columns:minmax(194px,61%)!important;gap:12px!important;padding:3px 1px 14px!important}
#app .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding-bottom:20px!important}
#app .product-card{position:relative!important;overflow:hidden!important;border:1px solid #eae4da!important;border-radius:24px!important;background:#fff!important;box-shadow:var(--je69-shadow-1)!important;transform:translateZ(0)!important}
#app .product-card::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.48)}
#app .product-card:hover{transform:translateY(-4px)!important;border-color:#ddd3c3!important;box-shadow:var(--je69-shadow-2)!important}
#app .product-media{position:relative!important;aspect-ratio:1.26!important;overflow:hidden!important;background:linear-gradient(145deg,#f1eee7,#faf8f3)!important}
#app .product-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(8,18,32,.20) 100%);pointer-events:none}
#app .product-media img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .48s var(--je69-ease),filter .48s var(--je69-ease)!important}
#app .product-card:hover .product-media img{transform:scale(1.045)!important;filter:saturate(1.03)}
#app .product-card .product-body,#app .product-card .product-content{padding:13px 13px 14px!important}
#app .product-card h3,#app .product-card strong{color:var(--je69-ink)!important;font-size:13px!important;line-height:1.35!important;font-weight:930!important;letter-spacing:-.025em!important}
#app .product-card p,#app .product-card small{color:#7f8b9b!important;line-height:1.55!important}
#app .product-add-fab{left:10px!important;bottom:10px!important;width:41px!important;height:41px!important;border:1px solid rgba(255,255,255,.6)!important;border-radius:14px!important;background:linear-gradient(145deg,#d6b66e,#b88a3e)!important;color:#fff!important;box-shadow:0 10px 22px rgba(153,108,35,.27)!important;font-size:20px!important;z-index:3!important}
#app .product-add-fab:hover{transform:translateY(-2px) scale(1.02)!important}

#app .je66-trust-strip{grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin:22px 0 16px!important}
#app .je66-trust-strip article{padding:13px 9px!important;border:1px solid #e8e2d8!important;border-radius:18px!important;background:linear-gradient(180deg,#fff,#fcfaf6)!important;box-shadow:var(--je69-shadow-1)!important}
#app .je66-trust-strip b{font-size:9.5px!important;color:var(--je69-ink)!important}
#app .je66-trust-strip small{font-size:8px!important;color:#8d97a5!important}

#app .orders-list{gap:11px!important}
#app .order-card,#app .orders-list>article{border:1px solid #e8e3da!important;border-radius:22px!important;background:#fff!important;box-shadow:var(--je69-shadow-1)!important;overflow:hidden!important}
#app .order-card:hover,#app .orders-list>article:hover{transform:translateY(-2px)!important;box-shadow:var(--je69-shadow-2)!important}

#app .cart-bar{position:fixed!important;z-index:110!important;left:50%!important;right:auto!important;bottom:calc(86px + env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;width:min(560px,calc(100% - 28px))!important;background:transparent!important;padding:0!important}
#app .cart-bar button{width:100%!important;min-height:62px!important;padding:8px 11px 8px 18px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:21px!important;background:linear-gradient(135deg,#102d58,#1d5a9d)!important;color:#fff!important;box-shadow:0 22px 44px rgba(16,45,88,.30)!important;backdrop-filter:blur(16px)!important}
#app .cart-bar button::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.08),transparent 34%)}
#app .cart-bar span b{display:inline-grid!important;place-items:center!important;width:24px!important;height:24px!important;margin-inline-end:6px!important;border-radius:8px!important;background:#fff!important;color:var(--je69-navy)!important}
#app .cart-bar strong{font-size:15px!important;font-weight:950!important}
#app .cart-bar em{font-style:normal!important;color:#efdcae!important;font-size:10.5px!important;font-weight:900!important}

#app .bottom-nav{position:fixed!important;z-index:100!important;left:50%!important;right:auto!important;bottom:0!important;transform:translateX(-50%)!important;width:min(620px,100%)!important;min-height:78px!important;padding:7px 14px calc(9px + env(safe-area-inset-bottom))!important;border-top:1px solid rgba(24,37,58,.055)!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(28px) saturate(170%)!important;-webkit-backdrop-filter:blur(28px) saturate(170%)!important;box-shadow:0 -14px 34px rgba(24,37,58,.065)!important}
#app .bottom-nav button{position:relative!important;min-height:54px!important;border-radius:16px!important;color:#8b95a3!important;font-size:9px!important;font-weight:870!important}
#app .bottom-nav button.active{background:linear-gradient(180deg,#eff4fb,#fff)!important;color:var(--je69-blue)!important}
#app .bottom-nav button.active::after{content:"";position:absolute;top:-7px;left:50%;transform:translateX(-50%);width:24px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--je69-gold),#e1c178)}

.sheet-backdrop{background:rgba(12,26,45,.45)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}
.sheet{border:1px solid rgba(255,255,255,.7)!important;border-radius:30px 30px 0 0!important;background:linear-gradient(180deg,#fff,#fbfaf7)!important;box-shadow:0 -26px 80px rgba(12,26,45,.20)!important}
.sheet::before{content:"";display:block;width:42px;height:4px;margin:8px auto 10px;border-radius:999px;background:#d8dbe0}
.sheet-close{width:38px!important;height:38px!important;border:1px solid #e9e5dd!important;border-radius:13px!important;background:#fff!important;color:#516074!important;box-shadow:var(--je69-shadow-1)!important}

.checkout-screen{background:linear-gradient(180deg,#f9f8f5,#f1f0ec)!important}
.checkout-shell{max-width:620px!important;min-height:100svh!important;margin:auto!important;background:#fff!important;box-shadow:0 0 90px rgba(24,37,58,.10)!important}
.checkout-head{position:sticky!important;top:0!important;z-index:20!important;padding:max(15px,env(safe-area-inset-top)) 18px 13px!important;background:rgba(255,255,255,.93)!important;border-bottom:1px solid #ece8e0!important;backdrop-filter:blur(24px)!important}
.checkout-progress{height:4px!important;background:#eff1f4!important}
.checkout-progress i{background:linear-gradient(90deg,var(--je69-blue),var(--je69-gold-2))!important;box-shadow:0 0 16px rgba(35,103,177,.16)!important}
.checkout-body{padding:22px 18px 120px!important}
.checkout-footer{position:sticky!important;bottom:0!important;padding:12px 18px calc(12px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.94)!important;border-top:1px solid #ebe7de!important;backdrop-filter:blur(24px)!important;box-shadow:0 -16px 34px rgba(24,37,58,.06)!important}

/* =========================================================
   VERIFICATION & SECURITY — fintech-grade visual flow
   ========================================================= */
body.je69-interface:has(.gate-screen),body.je69-interface:has(.sec-shell),body.je69-interface.je66-auth-center{background:linear-gradient(180deg,#fbfaf7,#f1efe9)!important}
.gate-shell,.sec-shell,.auth-center-shell{position:relative!important;max-width:1120px!important;margin:0 auto!important;padding:clamp(18px,3vw,42px)!important}
.gate-card,.splash-shell,.verification-action,.sec-card,.auth-card,.je66-auth-card{border:1px solid #e6e0d6!important;border-radius:28px!important;background:rgba(255,255,255,.96)!important;box-shadow:var(--je69-shadow-2)!important}
.verification-intro{position:relative!important;padding:22px 24px!important;border:1px solid #e5dfd4!important;border-radius:27px!important;background:linear-gradient(135deg,#fff 0,#fbf7ef 100%)!important;overflow:hidden!important}
.verification-intro::after{content:"";position:absolute;left:-55px;top:-55px;width:165px;height:165px;border-radius:50%;background:radial-gradient(circle,rgba(184,137,62,.13),transparent 68%)}
.verification-intro h1{font-size:clamp(27px,4vw,38px)!important;line-height:1.03!important;font-weight:950!important;letter-spacing:-.055em!important;color:var(--je69-navy)!important}
.verification-intro p{max-width:660px!important;color:#738094!important;line-height:1.75!important}
.verification-journey{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin:17px 0 20px!important}
.journey-card{position:relative!important;min-height:92px!important;padding:15px!important;border:1px solid #e7e2d8!important;border-radius:20px!important;background:#fff!important;box-shadow:var(--je69-shadow-1)!important;overflow:hidden!important}
.journey-card[data-state="active"],.journey-card.active{border-color:#c6d7ea!important;background:linear-gradient(145deg,#f4f8fd,#fff)!important;box-shadow:0 11px 28px rgba(35,103,177,.08)!important}
.journey-card[data-state="done"]{border-color:#cee7dc!important;background:linear-gradient(145deg,#f2fbf6,#fff)!important}
.journey-card span{color:#a28a5b!important;font-size:8px!important;font-weight:950!important;letter-spacing:.1em!important}
.journey-card b{display:block!important;margin-top:4px!important;color:var(--je69-ink)!important;font-size:13px!important;font-weight:930!important}
.journey-card small{color:#8b95a3!important;font-size:9px!important}
.verification-action{padding:24px!important}
.verification-action h2{font-size:23px!important;font-weight:950!important;letter-spacing:-.04em!important;color:var(--je69-ink)!important}
.verification-action>p{color:#7b8797!important;line-height:1.7!important}
.camera-frame,.liveness-camera,.face-camera{position:relative!important;overflow:hidden!important;border:1px solid #dce4ef!important;border-radius:28px!important;background:radial-gradient(circle at 50% 45%,#1b3757 0,#0e223b 72%)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 16px 34px rgba(16,40,77,.16)!important}
.camera-frame::after,.liveness-camera::after,.face-camera::after{content:"";position:absolute;inset:14px;border:1px solid rgba(229,202,147,.33);border-radius:999px;pointer-events:none;box-shadow:0 0 0 999px rgba(3,12,24,.08)}
.face-ring{border-color:#d7b268!important;box-shadow:0 0 0 10px rgba(215,178,104,.06),0 0 38px rgba(215,178,104,.14)!important}
.premium-form input,.premium-form select,.premium-form textarea,.sec-form input,.sec-form select,.sec-form textarea{border:1px solid #e3ded5!important;border-radius:16px!important;background:#fff!important;color:var(--je69-ink)!important;box-shadow:inset 0 1px 1px rgba(24,37,58,.02)!important}
.premium-form input:focus,.premium-form select:focus,.premium-form textarea:focus,.sec-form input:focus,.sec-form select:focus,.sec-form textarea:focus{border-color:#b8cbe1!important;box-shadow:0 0 0 4px rgba(35,103,177,.08)!important}
.primary,.btn-primary,.verification-action .primary,.sec-primary{border:0!important;border-radius:16px!important;background:linear-gradient(135deg,#123b72,#205f9f)!important;color:#fff!important;font-weight:930!important;box-shadow:0 11px 24px rgba(18,59,114,.20)!important}
.secondary,.btn-secondary,.verification-action .secondary,.sec-secondary{border:1px solid #e0dbd2!important;border-radius:16px!important;background:#fff!important;color:#46576d!important;font-weight:880!important;box-shadow:var(--je69-shadow-1)!important}

/* =========================================================
   OWNER / MERCHANT COMMERCE OPERATING SYSTEM
   ========================================================= */
.saas-admin-shell,.app-shell.saas-admin-shell{display:grid!important;grid-template-columns:minmax(0,1fr) 286px!important;min-height:100svh!important;background:#f2f3f5!important}
.sidebar{position:sticky!important;top:0!important;grid-column:2!important;grid-row:1!important;height:100svh!important;padding:18px 14px!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,#0d1d32 0,#0a1728 100%)!important;color:#fff!important;box-shadow:-12px 0 40px rgba(9,22,39,.10)!important;overflow:auto!important}
.sidebar::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 85% 0,rgba(205,164,82,.12),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.018),transparent 35%)}
.sidebar-brand{position:relative!important;z-index:1!important;margin:0 2px 22px!important;padding:10px 9px 17px!important;border-bottom:1px solid rgba(255,255,255,.075)!important}
.sidebar-brand .brand-mark{width:48px!important;height:48px!important;border:1px solid rgba(225,197,139,.18)!important;border-radius:16px!important;background:rgba(255,255,255,.055)!important}
.sidebar-brand strong{font-size:15px!important;color:#fff!important;font-weight:930!important}
.sidebar-brand small{font-size:8px!important;color:#aeb9c7!important;letter-spacing:.13em!important}
.nav-list{position:relative!important;z-index:1!important;display:grid!important;gap:5px!important}
.nav-list a,.nav-list button,.nav-item{position:relative!important;min-height:43px!important;padding:0 13px!important;border:1px solid transparent!important;border-radius:13px!important;background:transparent!important;color:#aeb9c7!important;font-size:11px!important;font-weight:820!important;text-align:right!important}
.nav-list a:hover,.nav-list button:hover,.nav-item:hover{background:rgba(255,255,255,.055)!important;color:#fff!important}
.nav-list .active,.nav-list [aria-current="page"]{border-color:rgba(223,190,122,.13)!important;background:linear-gradient(90deg,rgba(196,154,75,.16),rgba(255,255,255,.045))!important;color:#fff!important;box-shadow:inset -3px 0 0 #caa354!important}
.sidebar-footer{position:relative!important;z-index:1!important;margin-top:auto!important;padding-top:14px!important;border-top:1px solid rgba(255,255,255,.07)!important}
.sidebar .btn-secondary,.sidebar .btn-ghost{border-color:rgba(255,255,255,.08)!important;background:rgba(255,255,255,.045)!important;color:#d7dde6!important;box-shadow:none!important}
.workspace{grid-column:1!important;grid-row:1!important;min-width:0!important;background:linear-gradient(180deg,#f6f7f8,#f0f1f3)!important}
.topbar{position:sticky!important;top:0!important;z-index:100!important;min-height:76px!important;padding:12px 22px!important;border:0!important;border-bottom:1px solid #e3e6ea!important;border-radius:0!important;background:rgba(250,251,252,.92)!important;backdrop-filter:blur(24px) saturate(160%)!important;-webkit-backdrop-filter:blur(24px) saturate(160%)!important;box-shadow:none!important}
.topbar.je69-scrolled{box-shadow:0 10px 30px rgba(18,40,77,.06)!important}
.topbar .eyebrow{font-size:7.5px!important;font-weight:950!important;color:#9a793c!important;letter-spacing:.16em!important}
.topbar h1{margin-top:3px!important;font-size:21px!important;line-height:1.05!important;font-weight:950!important;letter-spacing:-.045em!important;color:#17263b!important}
.saas-command-button{min-width:250px!important;height:42px!important;border:1px solid #dfe4ea!important;border-radius:14px!important;background:#fff!important;color:#6f7c8d!important;box-shadow:var(--je69-shadow-1)!important}
.saas-command-button:hover{border-color:#cfd7e2!important;box-shadow:var(--je69-shadow-2)!important}
.connection-pill{height:39px!important;padding:0 12px!important;border:1px solid #dfe5e2!important;border-radius:999px!important;background:#fff!important;color:#657386!important;font-size:9px!important;font-weight:850!important;box-shadow:var(--je69-shadow-1)!important}
.view{padding:18px 22px 36px!important;max-width:1560px!important;width:100%!important;margin:0 auto!important}

.je66-dashboard{display:grid!important;gap:14px!important}
.je66-dashboard-hero{position:relative!important;overflow:hidden!important;min-height:156px!important;padding:25px 27px!important;border:1px solid #e2e5e9!important;border-radius:28px!important;background:linear-gradient(117deg,#fff 0,#fbfbfa 55%,#f5efe2 100%)!important;box-shadow:var(--je69-shadow-1)!important}
.je66-dashboard-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55)),url('/assets/brand/empire-geometry.svg') left -80px center/390px auto no-repeat;opacity:.35}
.je66-dashboard-hero::after{content:"";position:absolute;left:-55px;top:-75px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(191,148,67,.14),transparent 68%)}
.je66-dashboard-hero>div{position:relative;z-index:2}
.je66-dashboard-hero span{font-size:8px!important;font-weight:950!important;color:#9a7431!important;letter-spacing:.17em!important}
.je66-dashboard-hero h2{margin:7px 0 5px!important;font-size:32px!important;line-height:1.03!important;font-weight:950!important;letter-spacing:-.058em!important;color:#17263b!important}
.je66-dashboard-hero p{max-width:600px!important;font-size:10.5px!important;color:#768395!important;line-height:1.6!important}
.je66-dashboard-actions{display:flex!important;gap:7px!important;align-items:center!important}
.je66-dashboard-actions a{min-height:39px!important;padding:0 13px!important;display:inline-flex!important;align-items:center!important;border:1px solid #e0ddd6!important;border-radius:13px!important;background:#fff!important;color:#44566c!important;font-size:9.5px!important;font-weight:900!important;box-shadow:var(--je69-shadow-1)!important}
.je66-dashboard-actions a:first-child{border:0!important;background:linear-gradient(135deg,#123b72,#205f9f)!important;color:#fff!important;box-shadow:0 10px 22px rgba(18,59,114,.18)!important}
.je66-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}
.je66-kpi{position:relative!important;overflow:hidden!important;min-height:138px!important;padding:18px!important;border:1px solid #e4e6e9!important;border-radius:21px!important;background:#fff!important;box-shadow:var(--je69-shadow-1)!important}
.je66-kpi::before{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#d4b06a,#1f65ab)}
.je66-kpi::after{content:"";position:absolute;left:-24px;top:-27px;width:94px;height:94px;border-radius:50%;background:radial-gradient(circle,var(--kpi-tint,#f3f5f7),transparent 68%);opacity:.95}
.je66-kpi span{font-size:8.5px!important;font-weight:900!important;color:#7e8998!important;letter-spacing:.03em!important}
.je66-kpi strong{display:block!important;margin:13px 0 6px!important;font-size:27px!important;line-height:1!important;font-weight:950!important;color:#17263b!important;letter-spacing:-.05em!important;font-variant-numeric:tabular-nums!important}
.je66-kpi small{font-size:8.7px!important;line-height:1.45!important;color:#929baa!important}
.je66-dashboard-grid,.je66-bottom-grid{gap:12px!important}
.je66-card{overflow:hidden!important;border:1px solid #e2e5e9!important;border-radius:22px!important;background:#fff!important;box-shadow:var(--je69-shadow-1)!important}
.je66-card:hover{box-shadow:var(--je69-shadow-2)!important}
.je66-card-head{padding:17px 18px 13px!important;border-bottom:1px solid #edf0f3!important;background:linear-gradient(180deg,#fff,#fdfdfc)!important}
.je66-card-head h3{font-size:15px!important;font-weight:950!important;color:#17263b!important;letter-spacing:-.025em!important}
.je66-card-head p{margin-top:3px!important;font-size:8.8px!important;color:#8a95a4!important}
.je66-card-head a{font-size:9px!important;font-weight:900!important;color:var(--je69-blue)!important}
.je66-order-tabs{padding:11px 12px!important;background:#f8f9fa!important;border-bottom:1px solid #e9ecef!important}
.je66-order-tabs span{min-width:66px!important;padding:8px 9px!important;border:1px solid #e1e5ea!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important}
.je66-order-tabs b{font-size:13px!important;color:#1b2a40!important}
.je66-table-wrap{overflow:auto!important}
.je66-table{border-collapse:separate!important;border-spacing:0!important}
.je66-table th{position:sticky!important;top:0!important;background:#f7f8fa!important;color:#8a95a4!important;font-size:8px!important;font-weight:950!important;letter-spacing:.06em!important}
.je66-table td{border-color:#edf0f2!important;color:#46566b!important;font-size:9.5px!important}
.je66-table tbody tr{transition:background .15s ease,transform .15s ease}
.je66-table tbody tr:hover{background:#fafbfd!important}
.je66-state{padding:5px 8px!important;border-radius:999px!important;font-size:8px!important;font-weight:900!important}
.je66-map-canvas{border-radius:19px!important;background:#f0eee8!important;box-shadow:inset 0 0 0 1px #e5e1d7!important}
.je66-mini-row,.je66-courier{border-color:#edf0f2!important}
.je66-avatar{box-shadow:inset 0 0 0 1px rgba(24,37,58,.05)!important}

/* module surfaces */
.work-page,.upgrade-page,.fleet-page,.commerce-page,.finance-page,.risk-page,.pos-page,.courier-page{background:linear-gradient(180deg,#f7f8f9,#f1f2f4)!important}
.work-top,.upgrade-top,.fleet-top{border-bottom:1px solid #e2e6ea!important;background:rgba(251,252,253,.92)!important;backdrop-filter:blur(22px)!important;box-shadow:none!important}
.work-shell,.upgrade-shell,.fleet-shell,.commerce-shell{max-width:1500px!important;margin:0 auto!important;padding:24px clamp(16px,3vw,32px) 44px!important}
.work-hero,.upgrade-hero,.fleet-hero{position:relative!important;overflow:hidden!important;border:1px solid #e2e5e9!important;border-radius:28px!important;background:linear-gradient(120deg,#fff,#fbfaf7 64%,#f4ecdd)!important;box-shadow:var(--je69-shadow-1)!important}
.work-hero::after,.upgrade-hero::after,.fleet-hero::after{content:"";position:absolute;left:-55px;top:-65px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(184,137,62,.12),transparent 70%);pointer-events:none}

/* iOS-like settings groups */
.upgrade-grid{gap:18px!important}
.upgrade-section,.settings-group,.upgrade-card{overflow:hidden!important;border:1px solid #e1e4e8!important;border-radius:22px!important;background:#fff!important;box-shadow:var(--je69-shadow-1)!important}
.upgrade-section h2,.settings-group h2{font-size:13px!important;color:#1c2b40!important;font-weight:950!important}
.upgrade-item,.settings-row{min-height:58px!important;border-bottom:1px solid #edf0f2!important;background:#fff!important}
.upgrade-item:last-child,.settings-row:last-child{border-bottom:0!important}
.upgrade-item:hover,.settings-row:hover{background:#fafbfd!important}

/* generic controls */
body.je69-interface input,body.je69-interface select,body.je69-interface textarea{border-color:#e0e3e8!important;border-radius:14px!important;background:#fff!important;color:#1f2d42!important}
body.je69-interface input:focus,body.je69-interface select:focus,body.je69-interface textarea:focus{border-color:#b9cbe0!important;box-shadow:0 0 0 4px rgba(35,103,177,.075)!important}
body.je69-interface .panel,body.je69-interface .card{border-color:#e2e5e9!important;box-shadow:var(--je69-shadow-1)!important}
body.je69-interface .toast{border:1px solid rgba(255,255,255,.16)!important;border-radius:16px!important;background:rgba(15,33,56,.94)!important;color:#fff!important;box-shadow:0 18px 48px rgba(10,23,40,.24)!important;backdrop-filter:blur(18px)!important}

/* responsive */
@media(max-width:1180px){
  .saas-admin-shell,.app-shell.saas-admin-shell{grid-template-columns:minmax(0,1fr) 250px!important}
  .je66-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .saas-command-button{min-width:210px!important}
}
@media(max-width:860px){
  .saas-admin-shell,.app-shell.saas-admin-shell{display:block!important}
  .sidebar{position:fixed!important;right:0!important;top:0!important;z-index:400!important;width:min(300px,86vw)!important;height:100svh!important;transform:translateX(105%)!important;transition:transform .26s var(--je69-ease)!important}
  .sidebar.open,.sidebar[data-open="true"]{transform:none!important}
  .workspace{min-height:100svh!important}
  .topbar{padding:10px 14px!important}
  .saas-command-button{display:none!important}
  .view{padding:14px 13px 30px!important}
  .je66-dashboard-grid,.je66-bottom-grid{grid-template-columns:1fr!important}
  .je66-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .je66-dashboard-hero{min-height:145px!important;padding:21px!important}
  .je66-dashboard-hero h2{font-size:28px!important}
  .verification-journey{grid-template-columns:1fr!important}
}
@media(max-width:600px){
  body.je69-interface:has(#app.app-shell){background:#fff!important}
  #app.app-shell{width:100%!important;max-width:none!important;border:0!important;box-shadow:none!important}
  #app .view-stack{padding-inline:13px!important}
  #app .home-hero{min-height:230px!important;border-radius:28px!important;padding:25px 19px 22px!important}
  #app .home-hero h1{font-size:29px!important}
  #app .home-hero p{font-size:10.5px!important}
  #app .horizontal-products{grid-auto-columns:minmax(184px,66%)!important}
  #app .product-grid{gap:9px!important}
  #app .product-card{border-radius:20px!important}
  #app .product-card .product-body,#app .product-card .product-content{padding:10px!important}
  #app .product-card h3,#app .product-card strong{font-size:11.5px!important}
  #app .je66-trust-strip{gap:6px!important}
  #app .je66-trust-strip article{padding:10px 6px!important}
  #app .je66-trust-strip small{display:none!important}
  .gate-shell,.sec-shell,.auth-center-shell{padding:14px!important}
  .verification-intro,.verification-action{padding:18px!important;border-radius:23px!important}
  .verification-intro h1{font-size:28px!important}
  .je66-kpi-grid{grid-template-columns:1fr 1fr!important}
  .je66-kpi{min-height:118px!important;padding:14px!important}
  .je66-kpi strong{font-size:22px!important}
  .je66-dashboard-hero{border-radius:22px!important;padding:18px!important}
  .je66-dashboard-actions{margin-top:10px!important;flex-wrap:wrap!important}
  .work-shell,.upgrade-shell,.fleet-shell,.commerce-shell{padding:16px 12px 34px!important}
}
@media(max-width:390px){
  #app .product-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  #app .product-media{aspect-ratio:1.14!important}
  #app .bottom-nav{padding-inline:7px!important}
  .je66-kpi-grid{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){
  body.je69-interface *,body.je69-interface *::before,body.je69-interface *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
}