/* Shalvata Platform 6.3 — Signature Experience
   Premium interaction and visual system. No auth/business logic lives here. */
:root{
  --jx-bg:#f4f7f8;
  --jx-bg-soft:#f8fafb;
  --jx-surface:#ffffff;
  --jx-surface-2:rgba(255,255,255,.82);
  --jx-ink:#10242d;
  --jx-muted:#647983;
  --jx-faint:#8ea0a8;
  --jx-line:#e2e9ec;
  --jx-line-strong:#d3dfe3;
  --jx-brand:#06a6be;
  --jx-brand-2:#15bfd0;
  --jx-brand-deep:#08758a;
  --jx-gold:#c79a35;
  --jx-green:#0f9b67;
  --jx-red:#d34b40;
  --jx-amber:#c9871a;
  --jx-navy:#0d1d25;
  --jx-shadow-1:0 1px 2px rgba(9,32,42,.04),0 8px 24px rgba(9,32,42,.06);
  --jx-shadow-2:0 16px 48px rgba(9,32,42,.11),0 2px 10px rgba(9,32,42,.05);
  --jx-shadow-float:0 24px 70px rgba(9,32,42,.16),0 6px 20px rgba(9,32,42,.08);
  --jx-radius-xs:10px;
  --jx-radius-sm:14px;
  --jx-radius-md:19px;
  --jx-radius-lg:26px;
  --jx-radius-xl:34px;
  --jx-ease:cubic-bezier(.2,.8,.2,1);
  --jx-spring:cubic-bezier(.16,1,.3,1);
}

html{background:var(--jx-bg);scroll-behavior:smooth}
body.jx-signature{
  color:var(--jx-ink);
  background:
    radial-gradient(circle at 92% -10%,rgba(4,181,205,.11),transparent 36%),
    radial-gradient(circle at -8% 24%,rgba(199,154,53,.07),transparent 30%),
    linear-gradient(180deg,#f9fbfc 0,#f3f6f7 48%,#f8fafb 100%);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  min-height:100dvh;
}
body.jx-signature::before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.34;
  background-image:linear-gradient(rgba(10,51,65,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(10,51,65,.025) 1px,transparent 1px);
  background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 72%);
}
body.jx-signature::after{
  content:"";position:fixed;width:46vw;height:46vw;max-width:720px;max-height:720px;left:-19vw;bottom:-23vw;z-index:-1;pointer-events:none;border-radius:50%;
  background:radial-gradient(circle,rgba(8,166,190,.065),rgba(8,166,190,0) 70%);filter:blur(6px)
}
body.jx-signature *{box-sizing:border-box}
body.jx-signature :focus-visible{outline:3px solid rgba(6,166,190,.22)!important;outline-offset:3px!important}
body.jx-signature ::selection{background:rgba(6,166,190,.16);color:var(--jx-ink)}
body.jx-signature button,body.jx-signature a,body.jx-signature input,body.jx-signature select,body.jx-signature textarea{font:inherit}
body.jx-signature button,body.jx-signature a{touch-action:manipulation}
body.jx-signature button:not(:disabled),body.jx-signature [role="button"],body.jx-signature a{transition:transform .18s var(--jx-ease),box-shadow .22s var(--jx-ease),background-color .22s var(--jx-ease),border-color .22s var(--jx-ease),color .22s var(--jx-ease),opacity .22s var(--jx-ease)}
body.jx-signature button:not(:disabled):active,body.jx-signature [role="button"]:active{transform:scale(.975)}
body.jx-signature button:disabled{opacity:.5;cursor:not-allowed}

/* top route progress */
#jx-route-progress{position:fixed;z-index:99999;top:0;right:0;height:3px;width:0;background:linear-gradient(90deg,var(--jx-brand),#42d8e5,var(--jx-gold));box-shadow:0 0 18px rgba(5,185,207,.55);transition:width .34s var(--jx-ease),opacity .3s ease;pointer-events:none}
body.jx-routing #jx-route-progress{width:72%}
body.jx-route-done #jx-route-progress{width:100%;opacity:0}

/* interaction ink */
.jx-ripple{position:absolute!important;inset:auto!important;width:12px;height:12px;border-radius:999px;background:currentColor;opacity:.13;pointer-events:none;transform:translate(-50%,-50%) scale(0);animation:jx-ripple .62s ease-out forwards}
.jx-interactive{position:relative;overflow:hidden;isolation:isolate}
@keyframes jx-ripple{to{transform:translate(-50%,-50%) scale(18);opacity:0}}

/* universal shells/cards */
body.jx-signature .panel,body.jx-signature .card,body.jx-signature .section-card,body.jx-signature .fleet-card,body.jx-signature .community-card,body.jx-signature .season-panel,body.jx-signature .upgrade-panel,body.jx-signature .ad-billing-panel,body.jx-signature .merchant-card{
  border:1px solid var(--jx-line)!important;
  background:var(--jx-surface-2)!important;
  backdrop-filter:blur(22px) saturate(1.14);
  -webkit-backdrop-filter:blur(22px) saturate(1.14);
  box-shadow:var(--jx-shadow-1)!important;
}
body.jx-signature .panel:hover,body.jx-signature .card:hover,body.jx-signature .fleet-card:hover{border-color:#d7e3e7!important}
body.jx-signature h1,body.jx-signature h2,body.jx-signature h3{color:var(--jx-ink);letter-spacing:-.035em;text-wrap:balance}
body.jx-signature p{color:var(--jx-muted)}
body.jx-signature small{color:var(--jx-faint)}

/* buttons */
body.jx-signature .primary,body.jx-signature .btn-primary,body.jx-signature button.primary,body.jx-signature .fleet-button.primary{
  border:0!important;color:#fff!important;font-weight:850!important;letter-spacing:-.01em!important;
  background:linear-gradient(135deg,#049ab3 0%,#10b8c8 58%,#26c8d2 100%)!important;
  box-shadow:0 11px 24px rgba(6,166,190,.22),inset 0 1px rgba(255,255,255,.2)!important;
}
body.jx-signature .primary:not(:disabled):hover,body.jx-signature .btn-primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 15px 32px rgba(6,166,190,.26),inset 0 1px rgba(255,255,255,.25)!important}
body.jx-signature .secondary,body.jx-signature button.secondary,body.jx-signature .fleet-button:not(.primary){
  background:#fff!important;color:#24414c!important;border:1px solid var(--jx-line-strong)!important;font-weight:780!important;box-shadow:0 2px 8px rgba(14,44,55,.04)!important
}
body.jx-signature .secondary:not(:disabled):hover{border-color:#c4d6dc!important;background:#fafdfe!important;transform:translateY(-1px)}

/* fields */
body.jx-signature input:not([type="checkbox"]):not([type="radio"]),body.jx-signature textarea,body.jx-signature select{
  background:#fff!important;color:var(--jx-ink)!important;border:1px solid #dce6e9!important;border-radius:14px!important;box-shadow:0 1px 2px rgba(14,44,55,.025)!important;min-height:48px;transition:border-color .2s,box-shadow .2s,background .2s!important
}
body.jx-signature textarea{padding-block:12px!important}
body.jx-signature input:focus,body.jx-signature textarea:focus,body.jx-signature select:focus{border-color:rgba(6,166,190,.7)!important;box-shadow:0 0 0 4px rgba(6,166,190,.09)!important;background:#fff!important}
body.jx-signature input::placeholder,body.jx-signature textarea::placeholder{color:#9aaab0}

/* modal / bottom sheet */
body.jx-signature dialog,body.jx-signature .sheet,body.jx-signature .modal{border:1px solid rgba(210,223,228,.9)!important;background:rgba(255,255,255,.96)!important;box-shadow:var(--jx-shadow-float)!important;backdrop-filter:blur(28px) saturate(1.18)}
body.jx-signature dialog::backdrop{background:rgba(6,20,27,.42);backdrop-filter:blur(6px)}

/* CUSTOMER ORDER EXPERIENCE */
body.jx-signature[data-jx-page="customer"]{background:#f5f7f8;padding-bottom:env(safe-area-inset-bottom)}
body.jx-signature[data-jx-page="customer"] .app-shell{max-width:760px;margin:0 auto;min-height:100dvh;background:linear-gradient(180deg,#f8fbfc 0,#f5f7f8 56%,#f7f9fa 100%);box-shadow:0 0 0 1px rgba(226,234,237,.65),0 18px 80px rgba(15,45,56,.08)}
body.jx-signature[data-jx-page="customer"] .app-topbar{
  position:sticky!important;top:0!important;z-index:50!important;margin:0!important;padding:max(12px,env(safe-area-inset-top)) 18px 12px!important;
  background:rgba(249,252,253,.86)!important;border-bottom:1px solid rgba(219,230,234,.8)!important;backdrop-filter:blur(24px) saturate(1.35)!important;-webkit-backdrop-filter:blur(24px) saturate(1.35)!important;box-shadow:0 6px 22px rgba(14,42,53,.035)!important
}
body.jx-signature[data-jx-page="customer"] .app-topbar .brand{gap:10px!important}
body.jx-signature[data-jx-page="customer"] .app-topbar .brand img{width:42px!important;height:42px!important;border-radius:13px!important;padding:4px;background:#fff;border:1px solid #e0e8eb;box-shadow:0 3px 14px rgba(12,41,52,.08)}
body.jx-signature[data-jx-page="customer"] .app-topbar .brand b{font-size:14px!important;font-weight:900!important;letter-spacing:-.02em}
body.jx-signature[data-jx-page="customer"] .app-topbar .brand span{font-size:10.5px!important;color:#6c8189!important;font-weight:650}
body.jx-signature[data-jx-page="customer"] .avatar-button,body.jx-signature[data-jx-page="customer"] .icon-button{width:42px!important;height:42px!important;border-radius:14px!important;border:1px solid #dde7ea!important;background:#fff!important;box-shadow:0 4px 14px rgba(15,45,55,.055)!important}
body.jx-signature[data-jx-page="customer"] .view-stack{padding:18px 16px 112px!important}
body.jx-signature[data-jx-page="customer"] .order-delivery-strip{border:1px solid #dfe8eb!important;background:rgba(255,255,255,.9)!important;border-radius:17px!important;padding:12px 14px!important;box-shadow:0 5px 18px rgba(11,42,53,.045)!important;margin-bottom:14px!important}
body.jx-signature[data-jx-page="customer"] .order-delivery-strip span{font-size:10px!important;color:#83949b!important;font-weight:750}
body.jx-signature[data-jx-page="customer"] .order-delivery-strip strong{font-size:13px!important;color:#1a3540!important}
body.jx-signature[data-jx-page="customer"] .order-delivery-strip button{border:0!important;background:#e8f8fa!important;color:#087f93!important;border-radius:11px!important;padding:8px 11px!important;font-size:11px!important;font-weight:850!important}
body.jx-signature[data-jx-page="customer"] .home-hero{position:relative!important;overflow:hidden!important;border-radius:30px!important;padding:28px 25px!important;min-height:210px!important;background:linear-gradient(145deg,#0f2730 0%,#123843 50%,#075c6e 100%)!important;box-shadow:0 22px 50px rgba(12,52,65,.2)!important;border:1px solid rgba(255,255,255,.08)!important;color:#fff!important}
body.jx-signature[data-jx-page="customer"] .home-hero::before{content:"";position:absolute;inset:-80px -30% auto auto;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(44,211,226,.34),rgba(44,211,226,0) 68%)}
body.jx-signature[data-jx-page="customer"] .home-hero::after{content:"";position:absolute;inset:auto -80px -150px auto;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(199,154,53,.2),transparent 68%)}
body.jx-signature[data-jx-page="customer"] .home-hero>div:first-child{position:relative;z-index:2;max-width:72%}
body.jx-signature[data-jx-page="customer"] .home-hero h1{color:#fff!important;font-size:clamp(31px,8vw,48px)!important;line-height:1.02!important;margin:10px 0 10px!important;letter-spacing:-.055em!important}
body.jx-signature[data-jx-page="customer"] .home-hero p{color:rgba(236,248,250,.75)!important;line-height:1.55!important;font-size:13px!important;margin:0!important}
body.jx-signature[data-jx-page="customer"] .hero-kicker{display:inline-flex!important;align-items:center!important;gap:7px!important;color:#b8f5f8!important;font-size:10px!important;font-weight:850!important;letter-spacing:.04em!important;text-transform:uppercase}
body.jx-signature[data-jx-page="customer"] .hero-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:#47e2c1;box-shadow:0 0 0 5px rgba(71,226,193,.11)}
body.jx-signature[data-jx-page="customer"] .hero-logo{position:absolute!important;left:18px!important;bottom:16px!important;opacity:.98;z-index:2}
body.jx-signature[data-jx-page="customer"] .hero-logo img{width:88px!important;height:88px!important;filter:drop-shadow(0 14px 18px rgba(0,0,0,.25))}
body.jx-signature[data-jx-page="customer"] .order-home-search{position:relative!important;margin:-22px 16px 18px!important;z-index:4!important;display:flex!important;gap:8px!important;padding:7px!important;border-radius:19px!important;background:rgba(255,255,255,.96)!important;border:1px solid #e0e8ea!important;box-shadow:0 16px 32px rgba(14,45,56,.12)!important}
body.jx-signature[data-jx-page="customer"] .order-home-search input{border:0!important;box-shadow:none!important;min-height:46px!important;background:transparent!important;padding-inline:13px!important}
body.jx-signature[data-jx-page="customer"] .order-home-search button{width:46px!important;border:0!important;border-radius:14px!important;background:linear-gradient(135deg,var(--jx-brand),var(--jx-brand-2))!important;color:#fff!important;font-size:18px!important}
body.jx-signature[data-jx-page="customer"] .quick-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;margin:14px 0 22px!important}
body.jx-signature[data-jx-page="customer"] .quick-grid button{min-height:116px!important;border:1px solid #e1e9ec!important;border-radius:20px!important;background:#fff!important;box-shadow:0 6px 18px rgba(14,45,56,.045)!important;padding:15px 12px!important;text-align:right!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:space-between!important}
body.jx-signature[data-jx-page="customer"] .quick-grid button:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(14,45,56,.085)!important}
body.jx-signature[data-jx-page="customer"] .quick-grid b{font-size:13px!important;color:#1c3741!important}
body.jx-signature[data-jx-page="customer"] .quick-grid small{font-size:10px!important;line-height:1.35!important}
body.jx-signature[data-jx-page="customer"] .section-card{border-radius:25px!important;padding:18px!important;margin-block:15px!important}
body.jx-signature[data-jx-page="customer"] .section-title h2{font-size:21px!important;margin:2px 0!important}
body.jx-signature[data-jx-page="customer"] .section-title span{font-size:10px!important;color:#6d838c!important;font-weight:800!important}
body.jx-signature[data-jx-page="customer"] .horizontal-products{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(184px,44%)!important;overflow-x:auto!important;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;gap:12px!important;padding:2px 1px 8px!important;scrollbar-width:none}
body.jx-signature[data-jx-page="customer"] .horizontal-products::-webkit-scrollbar{display:none}
body.jx-signature[data-jx-page="customer"] .product-card{scroll-snap-align:start;overflow:hidden!important;border-radius:22px!important;border:1px solid #e0e8eb!important;background:#fff!important;box-shadow:0 5px 18px rgba(13,43,54,.055)!important;min-width:0!important}
body.jx-signature[data-jx-page="customer"] .product-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(13,43,54,.1)!important;border-color:#d2e2e6!important}
body.jx-signature[data-jx-page="customer"] .product-media{position:relative!important;aspect-ratio:1.12/1!important;background:linear-gradient(135deg,#eef3f4,#f8fafb)!important;overflow:hidden!important}
body.jx-signature[data-jx-page="customer"] .product-media img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .45s var(--jx-ease),filter .3s!important}
body.jx-signature[data-jx-page="customer"] .product-card:hover .product-media img{transform:scale(1.045)}
body.jx-signature[data-jx-page="customer"] .product-add-fab{position:absolute!important;left:10px!important;bottom:10px!important;width:40px!important;height:40px!important;border-radius:13px!important;border:1px solid rgba(255,255,255,.65)!important;background:rgba(255,255,255,.95)!important;color:#0b8498!important;font-size:24px!important;font-weight:500!important;box-shadow:0 8px 22px rgba(9,40,52,.17)!important;backdrop-filter:blur(12px)!important}
body.jx-signature[data-jx-page="customer"] .product-add-fab:hover{background:var(--jx-brand)!important;color:#fff!important;transform:translateY(-1px) scale(1.03)}
body.jx-signature[data-jx-page="customer"] .product-body{padding:14px 14px 15px!important}
body.jx-signature[data-jx-page="customer"] .product-body h3{font-size:14px!important;margin:0 0 5px!important;line-height:1.25!important}
body.jx-signature[data-jx-page="customer"] .product-body p{font-size:10.5px!important;line-height:1.45!important;min-height:30px;margin:0 0 10px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.jx-signature[data-jx-page="customer"] .product-meta{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
body.jx-signature[data-jx-page="customer"] .product-meta .price{font-size:15px!important;font-weight:900!important;color:#122c36!important}
body.jx-signature[data-jx-page="customer"] .availability{font-size:9px!important;font-weight:800!important;padding:5px 7px!important;border-radius:999px!important;background:#edf7f2!important;color:#11845b!important}
body.jx-signature[data-jx-page="customer"] .product-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
body.jx-signature[data-jx-page="customer"] .chips{display:flex!important;gap:8px!important;overflow-x:auto!important;scrollbar-width:none;padding:2px 0 10px!important;position:sticky;top:67px;z-index:20;background:linear-gradient(#f5f7f8 70%,rgba(245,247,248,0))}
body.jx-signature[data-jx-page="customer"] .chips::-webkit-scrollbar{display:none}
body.jx-signature[data-jx-page="customer"] .chips button{white-space:nowrap;border:1px solid #dce6e9!important;background:#fff!important;color:#5e747d!important;border-radius:999px!important;padding:9px 13px!important;font-size:11px!important;font-weight:800!important}
body.jx-signature[data-jx-page="customer"] .chips button.active{background:#102b35!important;color:#fff!important;border-color:#102b35!important;box-shadow:0 7px 18px rgba(12,42,53,.14)!important}
body.jx-signature[data-jx-page="customer"] .search-box{position:relative!important;margin:12px 0!important}
body.jx-signature[data-jx-page="customer"] .search-box input{height:52px!important;border-radius:17px!important;padding-inline:44px 14px!important;background:#fff!important;box-shadow:0 5px 17px rgba(14,45,56,.045)!important}
body.jx-signature[data-jx-page="customer"] .search-box span{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:17px;height:17px;border:2px solid #6d8189;border-radius:50%;z-index:2}
body.jx-signature[data-jx-page="customer"] .search-box span::after{content:"";position:absolute;width:6px;height:2px;background:#6d8189;transform:rotate(45deg);left:-4px;bottom:-2px;border-radius:2px}
body.jx-signature[data-jx-page="customer"] .cart-bar{position:fixed!important;right:50%!important;transform:translateX(50%)!important;bottom:calc(78px + env(safe-area-inset-bottom))!important;width:min(690px,calc(100% - 24px))!important;z-index:65!important;padding:0!important;background:none!important;box-shadow:none!important}
body.jx-signature[data-jx-page="customer"] .cart-bar button{width:100%!important;min-height:60px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:19px!important;background:linear-gradient(135deg,#102a34,#0c4d5a)!important;color:#fff!important;box-shadow:0 18px 38px rgba(8,40,51,.26)!important;padding:9px 14px!important;display:grid!important;grid-template-columns:1fr auto auto!important;align-items:center!important;gap:13px!important}
body.jx-signature[data-jx-page="customer"] .cart-bar span{font-size:11px!important;text-align:right}.cart-bar strong{font-size:16px!important}.cart-bar em{font-style:normal!important;background:#fff!important;color:#0d5362!important;border-radius:12px!important;padding:9px 12px!important;font-size:11px!important;font-weight:900!important}
body.jx-signature[data-jx-page="customer"] .bottom-nav{position:fixed!important;z-index:60!important;right:50%!important;transform:translateX(50%)!important;bottom:0!important;width:min(760px,100%)!important;min-height:68px!important;padding:8px 14px max(8px,env(safe-area-inset-bottom))!important;background:rgba(250,252,253,.92)!important;border-top:1px solid rgba(215,227,231,.9)!important;backdrop-filter:blur(24px) saturate(1.4)!important;box-shadow:0 -10px 30px rgba(17,45,55,.055)!important}
body.jx-signature[data-jx-page="customer"] .bottom-nav button{position:relative!important;border:0!important;background:transparent!important;color:#7c9098!important;border-radius:14px!important;min-height:49px!important;font-size:10px!important;font-weight:750!important}
body.jx-signature[data-jx-page="customer"] .bottom-nav button.active{color:#087f92!important;background:#e9f8fa!important}
body.jx-signature[data-jx-page="customer"] .bottom-nav button.active::before{content:"";position:absolute;top:4px;right:50%;transform:translateX(50%);width:24px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--jx-brand),var(--jx-brand-2))}
body.jx-signature[data-jx-page="customer"] .sheet-backdrop{background:rgba(7,24,31,.43)!important;backdrop-filter:blur(8px)!important}
body.jx-signature[data-jx-page="customer"] .sheet{border-radius:30px 30px 0 0!important;padding:22px 18px max(24px,env(safe-area-inset-bottom))!important;max-width:760px!important;margin-inline:auto!important;border:1px solid #dce6e9!important;box-shadow:0 -22px 70px rgba(7,28,37,.22)!important}
body.jx-signature[data-jx-page="customer"] .sheet::before{content:"";display:block;width:42px;height:4px;border-radius:999px;background:#d8e1e4;margin:-9px auto 17px}
body.jx-signature[data-jx-page="customer"] .sheet-close{width:38px!important;height:38px!important;border-radius:13px!important;border:1px solid #e0e8eb!important;background:#f8fafb!important;color:#516b75!important}
body.jx-signature[data-jx-page="customer"] .qty-control{background:#f2f6f7!important;border:1px solid #e1e9eb!important;border-radius:16px!important;padding:5px!important;display:grid!important;grid-template-columns:44px 1fr 44px!important;align-items:center!important}
body.jx-signature[data-jx-page="customer"] .qty-control button{width:44px!important;height:44px!important;border:0!important;border-radius:12px!important;background:#fff!important;color:#0d8093!important;box-shadow:0 2px 7px rgba(12,42,53,.05)!important;font-size:20px!important}
body.jx-signature[data-jx-page="customer"] .checkout-screen{background:rgba(244,247,248,.98)!important;backdrop-filter:blur(16px)!important}
body.jx-signature[data-jx-page="customer"] .checkout-shell{max-width:760px!important;margin:0 auto!important;background:#f7f9fa!important;min-height:100dvh!important;box-shadow:0 0 0 1px #e0e8eb!important}
body.jx-signature[data-jx-page="customer"] .checkout-head{position:sticky!important;top:0!important;z-index:10!important;padding:max(14px,env(safe-area-inset-top)) 16px 13px!important;background:rgba(249,251,252,.92)!important;border-bottom:1px solid #e1e9eb!important;backdrop-filter:blur(22px)!important}
body.jx-signature[data-jx-page="customer"] .checkout-progress{height:3px!important;background:#e7edef!important}.checkout-progress i{background:linear-gradient(90deg,var(--jx-brand),#2dd3d8)!important;box-shadow:0 0 12px rgba(6,166,190,.35)!important;transition:width .45s var(--jx-spring)!important}
body.jx-signature[data-jx-page="customer"] .checkout-body{padding:26px 18px 150px!important}
body.jx-signature[data-jx-page="customer"] .checkout-body h1{font-size:34px!important;margin:7px 0 9px!important;line-height:1.05!important}
body.jx-signature[data-jx-page="customer"] .checkout-list,body.jx-signature[data-jx-page="customer"] .review-block,body.jx-signature[data-jx-page="customer"] .checkout-fields{margin-top:20px!important}
body.jx-signature[data-jx-page="customer"] .checkout-item,body.jx-signature[data-jx-page="customer"] .review-row,body.jx-signature[data-jx-page="customer"] .availability-row{border:1px solid #e1e9eb!important;background:#fff!important;border-radius:16px!important;padding:14px!important;margin-bottom:8px!important;box-shadow:0 3px 12px rgba(13,43,54,.035)!important}
body.jx-signature[data-jx-page="customer"] .checkout-fields label{display:grid!important;gap:7px!important;color:#4b626c!important;font-size:11px!important;font-weight:800!important;margin-bottom:12px!important}
body.jx-signature[data-jx-page="customer"] .checkout-footer{position:fixed!important;right:50%!important;transform:translateX(50%)!important;bottom:0!important;width:min(760px,100%)!important;padding:12px 16px max(12px,env(safe-area-inset-bottom))!important;background:rgba(250,252,253,.94)!important;border-top:1px solid #e0e8eb!important;backdrop-filter:blur(24px)!important;box-shadow:0 -12px 34px rgba(14,44,55,.07)!important}
body.jx-signature[data-jx-page="customer"] .checkout-footer .primary{width:100%!important;min-height:56px!important;border-radius:17px!important;font-size:14px!important}
body.jx-signature[data-jx-page="customer"] .checkout-success{padding-top:8vh!important;text-align:center!important}.checkout-success .success-mark{width:78px!important;height:78px!important;border-radius:24px!important;background:linear-gradient(145deg,#e8fbf4,#d7f6eb)!important;border:1px solid #c7eddf!important;box-shadow:0 14px 34px rgba(12,139,93,.15)!important;margin:0 auto 22px!important;position:relative!important}.checkout-success .success-mark::before{content:"";position:absolute;width:26px;height:13px;border-left:4px solid #119765;border-bottom:4px solid #119765;transform:rotate(-45deg);top:27px;left:24px}
body.jx-signature[data-jx-page="customer"] .order-card{border-radius:20px!important;border:1px solid #e0e8eb!important;background:#fff!important;box-shadow:0 5px 18px rgba(13,43,54,.045)!important;padding:16px!important;margin-bottom:10px!important}

/* VERIFICATION / AUTH — fintech grade visual system */
body.jx-signature[data-jx-page="verification"],body.jx-signature[data-jx-page="secure-entry"],body.jx-signature[data-jx-page="device-link"],body.jx-signature[data-jx-page="security-setup"]{background:linear-gradient(180deg,#f7fafb 0,#f1f6f7 100%)!important}
body.jx-signature .gate-brand-header{background:rgba(250,252,253,.87)!important;border-bottom:1px solid rgba(218,230,233,.85)!important;backdrop-filter:blur(24px) saturate(1.3)!important;box-shadow:0 7px 24px rgba(14,44,55,.035)!important}
body.jx-signature .gate-card,body.jx-signature .splash-shell{border-radius:32px!important;border:1px solid #dde7ea!important;background:rgba(255,255,255,.94)!important;box-shadow:0 24px 70px rgba(14,44,55,.1),inset 0 1px rgba(255,255,255,.85)!important;backdrop-filter:blur(28px)!important}
body.jx-signature .premium-step-header{display:grid!important;gap:10px!important;border-bottom:1px solid #e8edef!important;padding-bottom:18px!important;margin-bottom:22px!important}
body.jx-signature .step-meter{height:5px!important;background:#edf2f3!important;border-radius:999px!important;overflow:hidden!important}.step-meter i{height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,var(--jx-brand),#46d5dd)!important;box-shadow:0 0 15px rgba(6,166,190,.28)!important}
body.jx-signature .verification-intro h1,body.jx-signature .device-card h1{font-size:clamp(31px,7vw,46px)!important;line-height:1.04!important;margin:8px 0 10px!important}
body.jx-signature .verification-journey{gap:8px!important}.verification-journey .journey-card{border-radius:18px!important;border:1px solid #e1e9eb!important;background:#f8fafb!important;box-shadow:none!important;min-height:96px!important;transition:all .28s var(--jx-ease)!important}.verification-journey .journey-card.active{background:linear-gradient(145deg,#eefbfc,#f8feff)!important;border-color:#bce9ef!important;box-shadow:0 8px 24px rgba(6,166,190,.09)!important;transform:translateY(-1px)}.verification-journey .journey-card[data-state="done"]{background:#f0faf5!important;border-color:#cfe9dc!important}
body.jx-signature .verification-action{border-radius:22px!important;background:#fbfcfd!important;border:1px solid #e1e9eb!important;padding:21px!important;box-shadow:0 6px 24px rgba(14,44,55,.045)!important}
body.jx-signature .premium-file{min-height:132px!important;border:1.5px dashed #cbdde2!important;border-radius:19px!important;background:linear-gradient(180deg,#f9fcfd,#f4f8f9)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;text-align:center!important;gap:7px!important;transition:border-color .2s,background .2s,transform .2s!important}.premium-file:hover{border-color:#8fd2dc!important;background:#f3fbfc!important;transform:translateY(-1px)}
body.jx-signature .camera-frame{position:relative!important;border-radius:27px!important;overflow:hidden!important;background:radial-gradient(circle at 50% 42%,#244953,#0d252e 70%)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 18px 42px rgba(12,37,47,.16)!important;min-height:360px!important}
body.jx-signature .camera-frame::before{content:"";position:absolute;inset:10%;border:1px solid rgba(91,230,237,.38);border-radius:44% 44% 40% 40% / 38% 38% 48% 48%;box-shadow:0 0 0 999px rgba(6,18,24,.3);z-index:3;pointer-events:none}
body.jx-signature .camera-frame::after{content:"";position:absolute;right:12%;left:12%;height:1px;top:24%;z-index:4;background:linear-gradient(90deg,transparent,#51e4ed,transparent);box-shadow:0 0 12px #51e4ed;animation:jx-face-scan 2.6s ease-in-out infinite;pointer-events:none}
@keyframes jx-face-scan{0%,100%{top:24%;opacity:.3}50%{top:76%;opacity:1}}
body.jx-signature .waiting-orbit{filter:drop-shadow(0 12px 24px rgba(6,166,190,.14))}.waiting-orbit i{border-color:#ccebef!important;border-top-color:var(--jx-brand)!important;animation:jx-spin 1.15s linear infinite!important}
body.jx-signature .manager-queue-card{border-radius:18px!important;border:1px solid #e1e9eb!important;background:#f8fafb!important;padding:16px!important}.live-status{color:#13785a!important;font-weight:750!important}.live-status span{background:#2bc18b!important;box-shadow:0 0 0 5px rgba(43,193,139,.1)!important}
body.jx-signature .device-security-note{background:linear-gradient(145deg,#f5fafb,#f8fcfd)!important;border:1px solid #dce8eb!important;border-radius:20px!important;padding:17px!important}.secure-list span{background:#f4f8f9!important;border:1px solid #e0e8eb!important;border-radius:14px!important}

/* Liveness component */
body.jx-signature .liveness-shell,body.jx-signature [class*="liveness-"]{--live-accent:#22c4d2}
body.jx-signature .liveness-shell{border-radius:25px!important;border:1px solid #dfe9eb!important;background:#fff!important;box-shadow:0 12px 34px rgba(14,44,55,.07)!important;overflow:hidden!important}
body.jx-signature .liveness-camera,body.jx-signature .liveness-stage{background:radial-gradient(circle at center,#1b4651,#0b222b 70%)!important}

/* SaaS / operational surfaces */
body.jx-signature[data-jx-page="ops"],body.jx-signature[data-jx-page="admin"],body.jx-signature[data-jx-page="seller"],body.jx-signature[data-jx-page="fleet"]{--jx-bg:#f2f5f6;background:#f2f5f6!important}
body.jx-signature .saas-shell,body.jx-signature .fleet-shell,body.jx-signature .enterprise-shell,body.jx-signature .settings-shell{max-width:1500px!important}
body.jx-signature .saas-sidebar{background:linear-gradient(180deg,#0d2029,#112b35 60%,#0f2630)!important;border-left:1px solid rgba(255,255,255,.05)!important;box-shadow:12px 0 40px rgba(8,31,40,.08)!important}
body.jx-signature .saas-sidebar a,body.jx-signature .saas-sidebar button{border-radius:12px!important;color:rgba(235,247,249,.72)!important}.saas-sidebar .active{background:rgba(77,217,227,.12)!important;color:#fff!important;box-shadow:inset -3px 0 #42d4df!important}
body.jx-signature .saas-topbar,body.jx-signature .fleet-top,body.jx-signature .enterprise-topbar{background:rgba(248,250,251,.88)!important;border-bottom:1px solid #dee7ea!important;backdrop-filter:blur(22px) saturate(1.3)!important;box-shadow:0 5px 20px rgba(14,44,55,.035)!important}
body.jx-signature .metric-card,body.jx-signature .stat,body.jx-signature [class*="kpi"]{border:1px solid #e0e8eb!important;background:#fff!important;border-radius:20px!important;box-shadow:0 6px 22px rgba(14,44,55,.05)!important}
body.jx-signature table{border-collapse:separate!important;border-spacing:0!important;background:#fff!important;border:1px solid #e2e9ec!important;border-radius:18px!important;overflow:hidden!important;box-shadow:0 5px 20px rgba(14,44,55,.035)!important}
body.jx-signature table th{background:#f6f8f9!important;color:#60747c!important;font-size:10px!important;text-transform:none!important;font-weight:850!important;border-bottom:1px solid #e1e8eb!important}
body.jx-signature table td{border-bottom:1px solid #edf1f2!important;color:#2a424c!important}body.jx-signature table tr:last-child td{border-bottom:0!important}body.jx-signature tbody tr:hover td{background:#fbfdfe!important}
body.jx-signature .tabs{background:#e9eff1!important;padding:4px!important;border-radius:14px!important;gap:3px!important}.tabs button{border-radius:10px!important;border:0!important;background:transparent!important;color:#647982!important;font-weight:800!important}.tabs button.active{background:#fff!important;color:#17343f!important;box-shadow:0 3px 10px rgba(14,44,55,.07)!important}

/* status / badges */
body.jx-signature [class*="status"],body.jx-signature [class*="badge"]{font-variant-numeric:tabular-nums}
.jx-security-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#eef9f5;border:1px solid #d5eee3;color:#0f7652;font-size:10px;font-weight:850;white-space:nowrap}.jx-security-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:#2fc18c;box-shadow:0 0 0 4px rgba(47,193,140,.11)}

/* animated entrance, but restrained */
.jx-reveal{animation:jx-reveal .46s var(--jx-spring) both}
@keyframes jx-reveal{from{opacity:0;transform:translateY(10px) scale(.994)}to{opacity:1;transform:none}}
@keyframes jx-spin{to{transform:rotate(360deg)}}

/* mobile fidelity */
@media(max-width:760px){
  body.jx-signature[data-jx-page="customer"] .app-shell{box-shadow:none!important;border:0!important}
  body.jx-signature[data-jx-page="customer"] .view-stack{padding-inline:12px!important}
  body.jx-signature[data-jx-page="customer"] .home-hero{border-radius:26px!important;padding:24px 20px!important;min-height:195px!important}
  body.jx-signature[data-jx-page="customer"] .home-hero>div:first-child{max-width:76%}
  body.jx-signature[data-jx-page="customer"] .hero-logo img{width:72px!important;height:72px!important}
  body.jx-signature[data-jx-page="customer"] .order-home-search{margin-inline:10px!important}
  body.jx-signature[data-jx-page="customer"] .quick-grid{gap:8px!important}.quick-grid button{min-height:104px!important;padding:12px 10px!important}
  body.jx-signature[data-jx-page="customer"] .horizontal-products{grid-auto-columns:72%!important}
  body.jx-signature[data-jx-page="customer"] .product-grid{gap:9px!important}.product-body{padding:12px!important}.product-add-fab{width:38px!important;height:38px!important}
  body.jx-signature .gate-card,body.jx-signature .splash-shell{width:calc(100% - 20px)!important;border-radius:27px!important;padding:21px 17px!important}
  body.jx-signature .verification-journey{grid-template-columns:repeat(3,minmax(0,1fr))!important}.verification-journey .journey-card{min-height:86px!important;padding:10px 8px!important}.verification-journey .journey-icon{transform:scale(.86)}
  body.jx-signature .camera-frame{min-height:330px!important;border-radius:23px!important}
  body.jx-signature .jx-security-pill span{display:none}
  body.jx-signature table{display:block!important;overflow-x:auto!important;white-space:nowrap!important}
}

@media(max-width:390px){
  body.jx-signature[data-jx-page="customer"] .product-grid{grid-template-columns:1fr 1fr!important}.product-body h3{font-size:12.5px!important}.product-body p{font-size:9.5px!important}.product-meta .price{font-size:13px!important}
  body.jx-signature[data-jx-page="customer"] .quick-grid button small{display:none}
}

@media(prefers-reduced-motion:reduce){
  body.jx-signature *,body.jx-signature *::before,body.jx-signature *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
}

/* Light operational workspace — resolves the old dark SaaS skin into a cleaner enterprise/order OS */
body.jx-signature.saas-product{
  --saas-bg:#f2f5f6!important;--saas-bg-soft:#f6f8f9!important;--saas-surface:#ffffff!important;--saas-surface-2:#fbfcfd!important;--saas-surface-3:#f3f7f8!important;
  --saas-border:#e0e8eb!important;--saas-border-strong:#d1dfe3!important;--saas-text:#10242d!important;--saas-muted:#657b84!important;--saas-subtle:#8a9ca4!important;
  --saas-primary:#079db5!important;--saas-primary-2:#16bccb!important;--saas-cyan:#20c6d2!important;--saas-gold:#c79a35!important;--saas-success:#19a873!important;
  background:linear-gradient(180deg,#f8fafb,#f2f5f6 55%,#f7f9fa)!important;color:var(--jx-ink)!important
}
body.jx-signature.saas-product::before{background:radial-gradient(circle at 85% 0,rgba(12,183,203,.08),transparent 35%),radial-gradient(circle at 15% 10%,rgba(199,154,53,.05),transparent 28%)!important;opacity:1!important}
body.jx-signature.saas-product .workspace{background:transparent!important;color:var(--jx-ink)!important}
body.jx-signature.saas-product .topbar,body.jx-signature.saas-product .work-top,body.jx-signature.saas-product .upgrade-top{background:rgba(249,251,252,.9)!important;border-bottom:1px solid #dde7ea!important;color:var(--jx-ink)!important;box-shadow:0 5px 20px rgba(14,44,55,.035)!important}
body.jx-signature.saas-product .topbar h1,body.jx-signature.saas-product .work-top strong,body.jx-signature.saas-product .upgrade-top strong{color:var(--jx-ink)!important}
body.jx-signature.saas-product .eyebrow,body.jx-signature.saas-product .work-eyebrow,body.jx-signature.saas-product .upgrade-kicker{color:#0b8194!important}
body.jx-signature.saas-product .view{background:transparent!important}
body.jx-signature.saas-product .panel,body.jx-signature.saas-product .stat-card,body.jx-signature.saas-product .upgrade-panel,body.jx-signature.saas-product .upgrade-group,body.jx-signature.saas-product .work-panel,body.jx-signature.saas-product .work-card,body.jx-signature.saas-product .work-ticket,body.jx-signature.saas-product [class*="-panel"],body.jx-signature.saas-product [class*="-card"]{background:#fff!important;border-color:#e0e8eb!important;color:var(--jx-ink)!important;box-shadow:0 7px 24px rgba(14,44,55,.05)!important}
body.jx-signature.saas-product .hero-panel,body.jx-signature.saas-product .work-hero,body.jx-signature.saas-product .upgrade-hero{background:linear-gradient(145deg,#fff,#f5fbfc)!important;border:1px solid #dce8eb!important;box-shadow:0 12px 38px rgba(14,44,55,.065)!important;color:var(--jx-ink)!important}
body.jx-signature.saas-product .hero-panel h2,body.jx-signature.saas-product .work-hero h1,body.jx-signature.saas-product .upgrade-hero h1,body.jx-signature.saas-product .panel-head h2,body.jx-signature.saas-product .panel-head h3{color:var(--jx-ink)!important}
body.jx-signature.saas-product .hero-panel p,body.jx-signature.saas-product .work-hero p,body.jx-signature.saas-product .upgrade-hero p,body.jx-signature.saas-product .panel-head p{color:var(--jx-muted)!important}
body.jx-signature.saas-product .stat-card strong,body.jx-signature.saas-product .saas-kpi strong{color:var(--jx-ink)!important}
body.jx-signature.saas-product .stat-card span,body.jx-signature.saas-product .stat-card small,body.jx-signature.saas-product .saas-kpi span,body.jx-signature.saas-product .saas-kpi small{color:var(--jx-muted)!important}
body.jx-signature.saas-product .saas-kpi{background:linear-gradient(145deg,#fff,#f8fbfc)!important;border-color:#e0e8eb!important;box-shadow:0 6px 22px rgba(14,44,55,.045)!important}
body.jx-signature.saas-product .saas-kpi::after{background:rgba(6,166,190,.065)!important}
body.jx-signature.saas-product .work-launch{background:linear-gradient(145deg,#fff,#f8fafb)!important;border-color:#e0e8eb!important;box-shadow:0 5px 18px rgba(14,44,55,.04)!important}
body.jx-signature.saas-product .work-launch:hover{background:#fff!important;border-color:#c7dce1!important;box-shadow:0 13px 30px rgba(14,44,55,.085)!important}
body.jx-signature.saas-product .work-launch strong{color:var(--jx-ink)!important}.work-launch p{color:var(--jx-muted)!important}.work-launch-link{color:#087f93!important}.work-launch-number{color:#9aabb1!important}
body.jx-signature.saas-product .upgrade-group{background:#fff!important;border-radius:19px!important}.upgrade-row:hover{background:#f3fafb!important}.upgrade-row .row-icon{background:#eaf8fa!important;color:#087f93!important}.upgrade-row small{color:var(--jx-muted)!important}.upgrade-row .chevron{color:#8fa0a7!important}
body.jx-signature.saas-product .data-table,body.jx-signature.saas-product .table-wrap{background:#fff!important;border-color:#e1e8eb!important;color:var(--jx-ink)!important}.data-table th{background:#f6f8f9!important;color:#647982!important;border-color:#e3e9eb!important}.data-table td{color:#304852!important;border-color:#edf1f2!important}.data-table tbody tr:hover{background:#f9fcfd!important}.cell-title{color:#17343f!important}.cell-sub{color:#778a92!important}
body.jx-signature.saas-product input,body.jx-signature.saas-product select,body.jx-signature.saas-product textarea{background:#fff!important;color:var(--jx-ink)!important;border-color:#d9e4e7!important}.saas-product input::placeholder,.saas-product textarea::placeholder{color:#9aabb1!important}
body.jx-signature.saas-product .btn,body.jx-signature.saas-product .upgrade-button,body.jx-signature.saas-product .work-button{background:#fff!important;color:#29434d!important;border-color:#d7e2e5!important;box-shadow:0 2px 8px rgba(14,44,55,.035)!important}.saas-product .btn:hover,.saas-product .upgrade-button:hover,.saas-product .work-button:hover{background:#f7fbfc!important;border-color:#c5dbe0!important;color:#183842!important}
body.jx-signature.saas-product .btn-primary,body.jx-signature.saas-product .upgrade-button.primary,body.jx-signature.saas-product .work-button.primary{background:linear-gradient(135deg,#049ab3,#15bccb)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 10px 26px rgba(6,166,190,.2)!important}
body.jx-signature.saas-product .connection-pill{background:#fff!important;color:#667b84!important;border-color:#dce6e9!important}
body.jx-signature.saas-product .saas-dashboard-chip{background:#fff!important;color:#637982!important;border-color:#dfe7e9!important}
body.jx-signature.saas-product .saas-utility-dock{background:rgba(255,255,255,.93)!important;border-color:#dbe5e8!important;box-shadow:0 14px 42px rgba(14,44,55,.1)!important}.saas-utility-dock a,.saas-utility-dock button{color:#647a83!important}.saas-utility-dock a:hover,.saas-utility-dock button:hover{background:#eaf8fa!important;color:#087f93!important}
/* command palette intentionally remains deep contrast as a focused layer */
body.jx-signature.saas-product .saas-command-overlay{background:rgba(9,25,32,.38)!important}.saas-command-palette{background:rgba(14,35,44,.98)!important;border-color:rgba(255,255,255,.11)!important;color:#f7fbfc!important}.saas-command-palette input{color:#fff!important;background:transparent!important}.saas-command-item{color:#eef8fa!important}.saas-command-item:hover,.saas-command-item.active{background:rgba(39,199,213,.11)!important}.saas-command-icon{background:rgba(39,199,213,.12)!important;color:#79e2e8!important}