/* Shalvata Platform 6.0 — Order Experience
   Customer + merchant operations. Motion is functional, not decorative. */
:root{
  --order-blue:#09a9d1;
  --order-blue-deep:#0785a8;
  --order-blue-soft:#e8f8fc;
  --order-navy:#11202a;
  --order-ink:#172027;
  --order-muted:#687780;
  --order-line:#e8edf0;
  --order-bg:#f4f6f8;
  --order-card:#fff;
  --order-green:#19a66a;
  --order-green-soft:#eaf8f1;
  --order-red:#d9495b;
  --order-red-soft:#fff0f2;
  --order-amber:#d68d16;
  --order-gold:#d3a63c;
  --order-radius:22px;
  --order-shadow:0 10px 30px rgba(20,42,54,.08);
  --order-shadow-strong:0 20px 50px rgba(20,42,54,.15);
  --order-ease:cubic-bezier(.2,.8,.2,1);
}

html{background:var(--order-bg)}
body{background:var(--order-bg)!important;color:var(--order-ink)}
body.order-motion-ready *{scroll-behavior:smooth}

/* ---------------- CUSTOMER APP ---------------- */
body[data-screen="app"],body[data-screen="checkout"]{background:var(--order-bg)!important}
body[data-screen="app"] .ambient,body[data-screen="checkout"] .ambient{display:none!important}
body[data-screen="app"] .gate-brand-header,body[data-screen="checkout"] .gate-brand-header{display:none!important}
body[data-screen="app"] .app-shell{max-width:560px;margin:0 auto;background:var(--order-bg)!important;min-height:100dvh;padding-bottom:104px;box-shadow:0 0 0 1px rgba(17,32,42,.04)}
body[data-screen="app"] .app-topbar{position:sticky;top:0;z-index:80;min-height:72px;padding:10px 14px;background:rgba(255,255,255,.94)!important;border-bottom:1px solid rgba(232,237,240,.9);backdrop-filter:blur(18px) saturate(1.35);display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:10px}
body[data-screen="app"] .app-topbar .brand{min-width:0;display:flex;align-items:center;gap:10px;justify-content:center;text-align:center}
body[data-screen="app"] .app-topbar .brand>img{display:none}
body[data-screen="app"] .app-topbar .brand>div{min-width:0}
body[data-screen="app"] .app-topbar .brand b{display:block;font-size:15px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--order-ink)}
body[data-screen="app"] .app-topbar .brand span{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:2px;font-size:11px;font-weight:700;color:var(--order-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-screen="app"] .app-topbar .brand span:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--order-green);box-shadow:0 0 0 4px var(--order-green-soft)}
body[data-screen="app"] .avatar-button,body[data-screen="app"] .icon-button{width:42px;height:42px;border-radius:14px;background:#fff;border:1px solid var(--order-line);box-shadow:none;display:grid;place-items:center;transition:transform .16s var(--order-ease),background .16s,border-color .16s}
body[data-screen="app"] .avatar-button:active,body[data-screen="app"] .icon-button:active{transform:scale(.94);background:#f8fafb}
body[data-screen="app"] .view-stack{padding:0 14px 24px}
body[data-screen="app"] .app-view{animation:order-view-in .28s var(--order-ease)}

.order-delivery-strip{margin:12px 0 4px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:#fff;border:1px solid var(--order-line);border-radius:18px;box-shadow:0 6px 18px rgba(20,42,54,.04)}
.order-delivery-strip>div{min-width:0}.order-delivery-strip span{display:block;font-size:10px;font-weight:800;color:var(--order-muted);margin-bottom:3px}.order-delivery-strip strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-delivery-strip button{border:0;background:var(--order-blue-soft);color:var(--order-blue-deep);font:inherit;font-weight:800;font-size:12px;border-radius:999px;padding:9px 12px;cursor:pointer}

body[data-screen="app"] .home-hero{position:relative;overflow:hidden;min-height:168px;margin:12px 0 16px;padding:23px 20px;border-radius:26px;background:linear-gradient(138deg,#0ca9d1 0%,#0788ad 72%,#08789a 100%)!important;border:0!important;color:#fff!important;box-shadow:0 16px 34px rgba(8,143,178,.22);display:flex;align-items:flex-end}
body[data-screen="app"] .home-hero:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;left:-85px;top:-110px;background:rgba(255,255,255,.10);box-shadow:82px 86px 0 rgba(255,255,255,.05)}
body[data-screen="app"] .home-hero>div:first-child{position:relative;z-index:1;max-width:78%}
body[data-screen="app"] .home-hero .hero-kicker{display:inline-flex;align-items:center;gap:6px;margin-bottom:7px;color:rgba(255,255,255,.82);font-size:10px;font-weight:850;letter-spacing:0}
body[data-screen="app"] .home-hero .hero-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:#fff;opacity:.9}
body[data-screen="app"] .home-hero h1{margin:0;color:#fff;font-size:30px;line-height:1.03;letter-spacing:-.045em;font-weight:900}
body[data-screen="app"] .home-hero p{color:rgba(255,255,255,.82);font-size:13px;line-height:1.55;margin:8px 0 0}
body[data-screen="app"] .hero-logo{position:absolute;left:16px;bottom:16px;width:72px;height:72px;background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.2)!important;backdrop-filter:blur(8px);border-radius:24px;display:grid;place-items:center;transform:rotate(-4deg)}
body[data-screen="app"] .hero-logo img{width:54px;height:54px;object-fit:contain}

.order-home-search{position:relative;margin:0 0 16px}
.order-home-search input{width:100%;min-height:54px;border:0;border-radius:17px;background:#fff;box-shadow:0 7px 22px rgba(20,42,54,.06);padding:0 47px 0 44px;font:inherit;font-size:14px;color:var(--order-ink);outline:1px solid var(--order-line);transition:outline-color .18s,box-shadow .18s,transform .18s}
.order-home-search input:focus{outline-color:#8fd8e8;box-shadow:0 10px 28px rgba(9,169,209,.12)}
.order-home-search:before{content:"";position:absolute;right:18px;top:18px;width:15px;height:15px;border:2px solid #778891;border-radius:50%;z-index:2}.order-home-search:after{content:"";position:absolute;right:31px;top:31px;width:7px;height:2px;background:#778891;transform:rotate(45deg);border-radius:2px;z-index:2}
.order-home-search button{position:absolute;left:8px;top:8px;width:38px;height:38px;border:0;border-radius:12px;background:var(--order-blue-soft);color:var(--order-blue-deep);font:inherit;font-weight:900;cursor:pointer}

body[data-screen="app"] .community-entry-links{display:none}
body[data-screen="app"] .quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 20px}
body[data-screen="app"] .quick-grid button{min-width:0;padding:14px 9px;border:1px solid var(--order-line);border-radius:18px;background:#fff!important;box-shadow:none!important;text-align:center;transition:transform .16s var(--order-ease),box-shadow .16s,border-color .16s}
body[data-screen="app"] .quick-grid button:active{transform:scale(.96)}
body[data-screen="app"] .quick-grid button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(20,42,54,.07)!important;border-color:#c9e8ef}
body[data-screen="app"] .quick-grid b{display:block;font-size:12px;margin-top:7px;color:var(--order-ink)}
body[data-screen="app"] .quick-grid small{display:none}
body[data-screen="app"] .quick-icon{width:42px;height:42px;border-radius:14px;background:var(--order-blue-soft)!important;margin:auto;display:grid;place-items:center}
body[data-screen="app"] .quick-icon:before{filter:none!important}

body[data-screen="app"] .section-card{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0 0 18px}
body[data-screen="app"] .section-title{margin-bottom:11px;align-items:end}
body[data-screen="app"] .section-title span{font-size:11px;font-weight:800;color:var(--order-muted)}
body[data-screen="app"] .section-title h2{margin:2px 0 0;font-size:22px;letter-spacing:-.035em;color:var(--order-ink)}
body[data-screen="app"] .link-button{border:0;background:transparent;color:var(--order-blue-deep);font:inherit;font-size:12px;font-weight:850;padding:8px;cursor:pointer}

body[data-screen="app"] .horizontal-products{display:grid!important;grid-auto-flow:column;grid-auto-columns:72%;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;gap:12px;padding:2px 1px 8px;scrollbar-width:none}
body[data-screen="app"] .horizontal-products::-webkit-scrollbar{display:none}
body[data-screen="app"] .horizontal-products .product-card{scroll-snap-align:start}
body[data-screen="app"] .product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body[data-screen="app"] .product-card{position:relative;overflow:hidden;background:#fff!important;border:1px solid var(--order-line)!important;border-radius:20px!important;box-shadow:none!important;cursor:pointer;transform:translateZ(0);transition:transform .18s var(--order-ease),box-shadow .18s,border-color .18s}
body[data-screen="app"] .product-card:hover{transform:translateY(-3px)!important;box-shadow:0 12px 26px rgba(20,42,54,.10)!important;border-color:#cae7ed!important}
body[data-screen="app"] .product-card:active{transform:scale(.98)!important}
body[data-screen="app"] .product-media{aspect-ratio:1.16/1;background:#edf2f4!important;overflow:hidden;position:relative}
body[data-screen="app"] .product-media img{width:100%;height:100%;object-fit:cover;transition:transform .42s var(--order-ease)}
body[data-screen="app"] .product-card:hover .product-media img{transform:scale(1.035)}
body[data-screen="app"] .product-media .badge{position:absolute;right:9px;top:9px;z-index:2;background:rgba(255,255,255,.94)!important;color:var(--order-ink)!important;border:0!important;border-radius:999px;padding:6px 8px;font-size:9px;font-weight:850;box-shadow:0 4px 10px rgba(20,42,54,.08)}
body[data-screen="app"] .product-body{padding:12px 12px 13px}
body[data-screen="app"] .product-body h3{margin:0;font-size:14px;line-height:1.28;color:var(--order-ink);font-weight:850;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body[data-screen="app"] .product-body p{margin:5px 0 10px;font-size:11px;color:var(--order-muted);line-height:1.45;min-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-screen="app"] .product-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}
body[data-screen="app"] .price{font-size:15px;font-weight:900;color:var(--order-ink)}
body[data-screen="app"] .availability{font-size:9px!important;padding:5px 7px!important;border-radius:999px!important;font-weight:850!important;background:#f2f5f6!important;color:#64747c!important}
body[data-screen="app"] .availability.IN_STOCK,body[data-screen="app"] .availability.AVAILABLE{background:var(--order-green-soft)!important;color:#137a4d!important}
body[data-screen="app"] .product-add-fab{position:absolute;left:10px;bottom:10px;width:34px;height:34px;border-radius:11px;border:0;background:#fff;color:var(--order-blue-deep);font-size:22px;line-height:1;display:grid;place-items:center;box-shadow:0 5px 14px rgba(20,42,54,.16);cursor:pointer;transition:transform .2s var(--order-ease),background .2s var(--order-ease),color .2s var(--order-ease)}
body[data-screen="app"] .product-card:hover .product-add-fab{transform:scale(1.08)}
body[data-screen="app"] .product-add-fab:hover{background:var(--order-blue);color:#fff;transform:scale(1.08)}
body[data-screen="app"] .product-add-fab:active{transform:scale(.9)}
body[data-screen="app"] .product-add-fab:disabled{opacity:.45;cursor:not-allowed;transform:none}

body[data-screen="app"] .support-card{padding:18px;border:1px solid #d7edf3!important;background:linear-gradient(135deg,#f1fbfd,#fff)!important;border-radius:22px!important;box-shadow:none!important;display:flex;align-items:center;gap:12px}
body[data-screen="app"] .support-card h2{font-size:18px;margin:3px 0}.support-card p{font-size:11px!important}.support-card .secondary{white-space:nowrap}

body[data-screen="app"] .page-head{position:sticky;top:72px;z-index:50;margin:0 -14px;padding:14px;background:rgba(244,246,248,.96);backdrop-filter:blur(12px);display:flex;align-items:end;justify-content:space-between;gap:10px}
body[data-screen="app"] .page-head span{font-size:10px;font-weight:800;color:var(--order-muted)}
body[data-screen="app"] .page-head h1{font-size:27px;margin:2px 0 0;letter-spacing:-.045em;color:var(--order-ink)}
body[data-screen="app"] .search-box{position:sticky;top:145px;z-index:49;margin:0 0 9px;background:#fff!important;border:1px solid var(--order-line)!important;border-radius:16px!important;min-height:52px!important;box-shadow:0 5px 16px rgba(20,42,54,.04)}
body[data-screen="app"] .search-box input{font-size:14px}
body[data-screen="app"] .chips{position:sticky;top:207px;z-index:48;display:flex;gap:8px;overflow-x:auto;margin:0 -14px 14px;padding:5px 14px 10px;background:linear-gradient(var(--order-bg) 72%,rgba(244,246,248,0));scrollbar-width:none}
body[data-screen="app"] .chips::-webkit-scrollbar{display:none}
body[data-screen="app"] .chips button{flex:0 0 auto;min-height:36px!important;padding:0 13px!important;border-radius:999px!important;border:1px solid var(--order-line)!important;background:#fff!important;color:#52626b!important;font-size:11px!important;font-weight:800!important}
body[data-screen="app"] .chips button.active{background:var(--order-navy)!important;color:#fff!important;border-color:var(--order-navy)!important}

body[data-screen="app"] .cart-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:78px;z-index:120;width:min(532px,calc(100% - 28px));padding:0;background:transparent}
body[data-screen="app"] .cart-bar[hidden]{display:none!important}
body[data-screen="app"] .cart-bar button{width:100%;min-height:58px;border:0;border-radius:18px;background:var(--order-blue)!important;color:#fff;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:8px 12px;box-shadow:0 14px 32px rgba(8,148,184,.30)!important;font:inherit;cursor:pointer;transition:transform .16s var(--order-ease),box-shadow .16s}
body[data-screen="app"] .cart-bar button:active{transform:scale(.98)}
body[data-screen="app"] .cart-bar span{justify-self:start;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:850}
body[data-screen="app"] .cart-bar span b{display:grid;place-items:center;min-width:27px;height:27px;border-radius:9px;background:#fff;color:var(--order-blue-deep)!important}
body[data-screen="app"] .cart-bar strong{font-size:14px;color:#fff;font-weight:900}
body[data-screen="app"] .cart-bar em{justify-self:end;font-style:normal;font-size:12px;font-weight:900;color:#fff!important}
body[data-screen="app"] .cart-bar.order-cart-pulse button{animation:order-cart-pulse .44s var(--order-ease)}

body[data-screen="app"] .bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;z-index:100;width:min(560px,100%);height:72px;padding:7px 9px calc(7px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96)!important;border-top:1px solid var(--order-line);box-shadow:0 -10px 30px rgba(20,42,54,.05)!important;backdrop-filter:blur(18px);display:grid;grid-template-columns:repeat(4,1fr)}
body[data-screen="app"] .bottom-nav button{position:relative;border:0;background:transparent;color:#829099;display:grid;place-items:center;align-content:center;gap:4px;font:inherit;font-size:9px;font-weight:750;cursor:pointer;transition:color .18s,transform .18s}
body[data-screen="app"] .bottom-nav button:active{transform:scale(.93)}
body[data-screen="app"] .bottom-nav button.active{color:var(--order-blue-deep)!important}
body[data-screen="app"] .bottom-nav button.active:before{content:"";position:absolute;top:-7px;width:26px;height:3px;border-radius:0 0 6px 6px;background:var(--order-blue)}

/* product and cart sheets */
body .sheet-backdrop{background:rgba(17,32,42,.34)!important;backdrop-filter:blur(8px)}
body .sheet{border-radius:30px 30px 0 0!important;background:#fff!important;box-shadow:0 -22px 60px rgba(17,32,42,.19)!important;padding:12px 16px calc(20px + env(safe-area-inset-bottom))!important;animation:order-sheet-up .34s var(--order-ease)}
body .sheet:before{content:"";display:block;width:42px;height:5px;border-radius:999px;background:#d9e0e3;margin:0 auto 12px}
body .sheet-close{position:absolute;left:16px;top:17px;z-index:10;width:36px;height:36px;border:0;border-radius:12px;background:#f1f4f5!important;color:var(--order-ink)!important;font-size:22px;cursor:pointer}
body .product-sheet h2{font-size:27px;letter-spacing:-.04em;margin:5px 0 9px}.product-sheet>div>p{color:var(--order-muted);font-size:13px;line-height:1.55}.product-sheet-price{display:flex;align-items:center;justify-content:space-between;margin:17px 0}.product-sheet-price strong{font-size:24px;font-weight:900}.qty-control{display:grid!important;grid-template-columns:46px 60px 46px;justify-content:center;align-items:center;gap:6px;margin:18px 0}.qty-control button{width:46px;height:46px;border-radius:14px!important;border:1px solid var(--order-line)!important;background:#f7fafb!important;color:var(--order-ink)!important;font-size:24px}.qty-control b{font-size:18px;text-align:center}
body .cart-sheet header{padding:8px 4px 14px}.cart-sheet header span{font-size:11px;font-weight:800;color:var(--order-muted)}.cart-sheet header h2{font-size:26px;margin:2px 0}.cart-item{display:grid!important;grid-template-columns:minmax(0,1fr) auto 36px;align-items:center;gap:10px;padding:13px 4px;border-bottom:1px solid var(--order-line)}.cart-item b{font-size:14px}.cart-item p{font-size:11px;color:var(--order-muted);margin:4px 0 0}.cart-item strong{font-size:13px}.cart-item button{width:34px;height:34px;border-radius:11px;border:0;background:#f3f5f6;color:#74828a;font-size:20px}

/* Checkout: focused, fast, one action at a time */
body[data-screen="checkout"] .checkout-screen{background:var(--order-bg)!important}
body[data-screen="checkout"] .checkout-shell{width:min(560px,100%);min-height:var(--dp-viewport-h,100dvh);margin:auto;background:var(--order-bg);display:grid;grid-template-rows:auto auto 1fr auto}
body[data-screen="checkout"] .checkout-head{position:sticky;top:0;z-index:40;padding:12px 14px;background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--order-line);backdrop-filter:blur(16px);display:grid;grid-template-columns:40px 1fr 48px;align-items:center;gap:10px}
body[data-screen="checkout"] .checkout-head>div{text-align:center}.checkout-head span{display:block;font-size:10px;color:var(--order-muted);font-weight:800}.checkout-head b{display:block;font-size:13px;margin-top:2px}.checkout-head .back-button{width:40px;height:40px;border:0;border-radius:13px;background:#f1f4f5;position:relative}.checkout-head .back-button:before{content:"";position:absolute;left:14px;top:13px;width:10px;height:10px;border-left:2px solid var(--order-ink);border-bottom:2px solid var(--order-ink);transform:rotate(45deg)}.checkout-head .close-text{border:0;background:transparent;color:var(--order-muted);font:inherit;font-size:11px;font-weight:800}
body[data-screen="checkout"] .checkout-progress{height:4px;background:#e8edef}.checkout-progress i{display:block;height:100%;background:var(--order-blue);border-radius:0 999px 999px 0;transition:width .32s var(--order-ease)}
body[data-screen="checkout"] .checkout-body{padding:26px 16px 130px;animation:order-view-in .25s var(--order-ease)}.checkout-body>.gate-eyebrow{font-size:10px;color:var(--order-blue-deep);font-weight:900;letter-spacing:0}.checkout-body>h1{font-size:30px;letter-spacing:-.045em;margin:4px 0 8px}.checkout-body>p{font-size:13px;color:var(--order-muted);line-height:1.55;margin:0 0 22px}
body[data-screen="checkout"] .checkout-list{display:grid;gap:10px}.checkout-item,.availability-row,.review-row{background:#fff!important;border:1px solid var(--order-line)!important;border-radius:17px!important;padding:14px!important;box-shadow:none!important}.checkout-item{display:flex;align-items:center;justify-content:space-between}.checkout-item small{display:block;color:var(--order-muted);margin-top:3px}.checkout-fields{display:grid;gap:13px}.checkout-fields label{display:grid;gap:7px;font-size:11px;font-weight:850;color:#4f5f67}.checkout-fields input,.checkout-fields textarea{width:100%;min-height:52px;border:1px solid var(--order-line)!important;background:#fff!important;border-radius:16px!important;padding:12px 14px;font:inherit;color:var(--order-ink);outline:0;transition:border-color .18s,box-shadow .18s}.checkout-fields textarea{min-height:92px;resize:vertical}.checkout-fields input:focus,.checkout-fields textarea:focus{border-color:#8dd6e6!important;box-shadow:0 0 0 4px rgba(9,169,209,.08)}
body[data-screen="checkout"] .checkout-footer{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:min(560px,100%);z-index:70;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top,#fff 74%,rgba(255,255,255,.9));border-top:1px solid var(--order-line)}
body[data-screen="checkout"] .checkout-footer .primary{width:100%;min-height:56px;border-radius:17px!important;font-size:14px;font-weight:900;box-shadow:0 10px 24px rgba(9,169,209,.20)}
.review-block{display:grid;gap:9px}.review-row{display:flex!important;align-items:center;justify-content:space-between}.review-row span{font-size:11px;color:var(--order-muted)}.review-row b{font-size:13px}.consent-box{display:grid;grid-template-columns:20px 1fr;align-items:start;gap:10px;margin-top:15px;background:#fff;border:1px solid var(--order-line);border-radius:17px;padding:14px}.consent-box input{width:19px;height:19px;accent-color:var(--order-blue)}.consent-box label{font-size:11px;color:var(--order-muted);line-height:1.5}
.checkout-success{display:grid;justify-items:center;text-align:center;padding:34px 8px}.checkout-success .success-mark{width:86px;height:86px;border-radius:50%;background:var(--order-green-soft);position:relative;margin-bottom:18px;animation:order-success-pop .52s var(--order-ease)}.checkout-success .success-mark:before{content:"";position:absolute;width:26px;height:14px;border-left:5px solid var(--order-green);border-bottom:5px solid var(--order-green);transform:rotate(-45deg);left:29px;top:31px}.checkout-success strong{margin-top:12px;font-size:18px;color:var(--order-blue-deep)}

/* Orders timeline */
body[data-screen="app"] .orders-list{display:grid;gap:12px}
body[data-screen="app"] .order-card{background:#fff!important;border:1px solid var(--order-line)!important;border-radius:20px!important;padding:15px!important;box-shadow:none!important;transition:transform .18s,box-shadow .18s}
body[data-screen="app"] .order-card:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(20,42,54,.06)!important}.order-card header{display:flex;align-items:center;justify-content:space-between}.order-card h3{font-size:17px;margin:12px 0}.order-card footer{display:flex;justify-content:space-between;align-items:end;gap:10px}.order-card footer p{font-size:11px;color:var(--order-muted);margin:0}.order-card footer strong{font-size:15px}.order-status{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:850;border-radius:999px;padding:7px 9px;background:#f3f5f6;color:#61717a}.order-status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.order-status.APPROVED{background:var(--order-green-soft);color:#137a4d}.order-status.PENDING_MANAGER{background:#fff7e9;color:#a46a0a}.order-status.REJECTED,.order-status.CANCELLED{background:var(--order-red-soft);color:#ba3447}

/* ---------------- SELLER / MERCHANT OPERATIONS ---------------- */
body.seller-page{background:#f4f6f8!important}
body.seller-page .seller-shell{background:#f4f6f8!important}
body.seller-page .seller-side{background:#fff!important;border-left:1px solid var(--order-line)!important;box-shadow:none!important}
body.seller-page .side-brand{padding:20px 16px 15px!important;border-bottom:1px solid var(--order-line)}
body.seller-page .side-brand img{width:42px;height:42px}
body.seller-page .tenant-pill{background:var(--order-blue-soft)!important;border:0!important;border-radius:16px!important;color:var(--order-ink)!important;margin:13px!important;padding:13px!important}
body.seller-page .tenant-pill span,body.seller-page .tenant-pill small{color:#5f7a86!important}
body.seller-page .side-link{border-radius:13px!important;min-height:44px!important;color:#53636b!important;font-weight:750!important;transition:background .16s,color .16s,transform .16s}
body.seller-page .side-link:hover{background:#f5f8f9!important;transform:translateX(-2px)}
body.seller-page .side-link.active{background:var(--order-navy)!important;color:#fff!important;box-shadow:0 8px 20px rgba(17,32,42,.12)}
body.seller-page .seller-head{background:rgba(255,255,255,.95)!important;border-bottom:1px solid var(--order-line)!important;backdrop-filter:blur(16px);box-shadow:none!important}
body.seller-page .search-wrap{background:#f2f5f6!important;border:1px solid transparent!important;border-radius:14px!important}
body.seller-page .seller-content{padding:22px!important}
body.seller-page .seller-title{margin-bottom:18px!important}.seller-title>div>span{color:var(--order-blue-deep)!important;font-size:10px!important;font-weight:900!important}.seller-title h1{font-size:28px!important;letter-spacing:-.04em!important}.seller-title p{font-size:12px!important;color:var(--order-muted)!important}
body.seller-page .kpi-grid{gap:11px!important}.seller-page .kpi{background:#fff!important;border:1px solid var(--order-line)!important;border-radius:18px!important;box-shadow:none!important;padding:17px!important}.seller-page .kpi strong{font-size:27px!important;letter-spacing:-.04em}.seller-page .kpi-icon{background:var(--order-blue-soft)!important;color:var(--order-blue-deep)!important;border-radius:12px!important}
body.seller-page .panel{background:#fff!important;border:1px solid var(--order-line)!important;border-radius:20px!important;box-shadow:none!important}.seller-page .panel-head h2{font-size:18px!important}.seller-page .panel-head p{font-size:11px!important;color:var(--order-muted)!important}
body.seller-page .order-board{gap:10px!important}.seller-page .order-column{background:#f6f8f9!important;border:1px solid #edf1f2!important;border-radius:18px!important;padding:10px!important}.seller-page .order-column>h3{font-size:12px!important;color:#53636b!important}.seller-page .order-column>h3 span{background:#fff!important;color:var(--order-ink)!important;border:1px solid var(--order-line);min-width:26px;height:26px;border-radius:9px;display:inline-grid;place-items:center}
body.seller-page .order-mini{background:#fff!important;border:1px solid var(--order-line)!important;border-radius:17px!important;padding:13px!important;box-shadow:none!important;transition:transform .16s var(--order-ease),box-shadow .16s,border-color .16s}.seller-page .order-mini:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(20,42,54,.08)!important;border-color:#cce7ed!important}.seller-page .order-mini[data-priority="new"]{animation:order-new-highlight 2.2s ease-out 1}
body.seller-page .order-actions button{min-height:38px!important;border-radius:12px!important;font-weight:850!important}.seller-page .order-actions .accept,.seller-page .order-actions .next{background:var(--order-blue)!important;color:#fff!important;border:0!important}.seller-page .order-actions .cancel{background:var(--order-red-soft)!important;color:var(--order-red)!important}.seller-page .ghost-action{background:#f3f6f7!important;color:#475861!important}
body.seller-page .money-box{background:#f7f9fa!important;border:1px solid #edf1f2!important;border-radius:12px!important}.seller-page .money-box.net{background:var(--order-green-soft)!important;color:#137a4d!important;border-color:#d5eee1!important}.seller-page .payment-badge{border-radius:10px!important;background:#f5f7f8!important}
body.seller-page .status-tabs{position:sticky;top:74px;z-index:20;padding:7px 0 10px;background:#f4f6f8;display:flex;overflow-x:auto;gap:7px;scrollbar-width:none}.seller-page .status-tabs button{flex:0 0 auto;min-height:38px;border-radius:999px!important;border:1px solid var(--order-line)!important;background:#fff!important;font-weight:800!important;font-size:11px!important}.seller-page .status-tabs button:hover{border-color:#a9dce7!important}.seller-page .wide-order{animation:order-view-in .22s var(--order-ease)}
body.seller-page .btn.primary{background:var(--order-blue)!important;color:#fff!important;border-color:var(--order-blue)!important}.seller-page .btn{border-radius:13px!important;min-height:43px!important}.seller-page .toast{border-radius:14px!important;background:var(--order-navy)!important;color:#fff!important;box-shadow:var(--order-shadow-strong)!important}

.order-live-strip{display:flex;align-items:center;gap:8px;padding:10px 12px;margin-bottom:14px;border-radius:14px;background:#fff;border:1px solid var(--order-line);font-size:11px;font-weight:800;color:#4d5e66}.order-live-strip i{width:8px;height:8px;border-radius:50%;background:var(--order-green);box-shadow:0 0 0 5px var(--order-green-soft);animation:order-live 1.8s ease-in-out infinite}.order-live-strip strong{margin-inline-start:auto;color:var(--order-blue-deep)}

/* ---------------- OWNER / OPERATIONS HOME ---------------- */
body.work-page.saas-product{background:#f4f6f8!important;color:var(--order-ink)!important}
body.work-page .work-top{background:#fff!important;border-bottom:1px solid var(--order-line)!important;box-shadow:none!important}
body.work-page .work-shell{max-width:1260px!important}
body.work-page .work-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#10232d,#163846 75%,#0d6f8b)!important;border:0!important;border-radius:28px!important;color:#fff!important;box-shadow:0 20px 46px rgba(17,32,42,.15)!important}
body.work-page .work-hero:after{content:"";position:absolute;left:-80px;top:-100px;width:330px;height:330px;border-radius:50%;background:rgba(255,255,255,.05);box-shadow:110px 110px 0 rgba(255,255,255,.035)}
body.work-page .work-hero>*{position:relative;z-index:2}.work-page .work-hero h1{color:#fff!important;font-size:clamp(34px,5vw,54px)!important;letter-spacing:-.05em!important}.work-page .work-hero p{color:rgba(255,255,255,.72)!important;font-size:14px!important;max-width:650px}.work-page .work-eyebrow{color:#7ee2f4!important;letter-spacing:0!important;font-weight:900!important}.work-page .work-button.primary{background:var(--order-blue)!important;color:#fff!important;box-shadow:0 12px 28px rgba(9,169,209,.25)!important}
body.work-page .saas-dashboard-kpis{gap:12px!important}.work-page .saas-kpi{background:#fff!important;border:1px solid var(--order-line)!important;border-radius:20px!important;box-shadow:none!important}.work-page .saas-kpi strong{color:var(--order-ink)!important;font-size:30px!important}.work-page .saas-kpi span{color:var(--order-muted)!important}.work-page .work-next{background:#fff!important;border:1px solid var(--order-line)!important;border-radius:20px!important;box-shadow:none!important}.work-page .work-toolbar input{background:#fff!important;border:1px solid var(--order-line)!important;border-radius:16px!important;min-height:52px!important}.work-page .work-section h2{font-size:17px!important;color:#42535c!important}.work-page .work-launch-grid{gap:12px!important}.work-page .work-launch{background:#fff!important;border:1px solid var(--order-line)!important;border-radius:20px!important;box-shadow:none!important;transition:transform .18s,box-shadow .18s,border-color .18s}.work-page .work-launch:hover{transform:translateY(-3px)!important;box-shadow:0 12px 26px rgba(20,42,54,.08)!important;border-color:#c8e7ed!important}.work-page .work-launch-number{color:#8ca0a9!important}.work-page .work-launch-link{color:var(--order-blue-deep)!important}

/* Generic operational motion */
.order-action-busy{position:relative;pointer-events:none;opacity:.82!important}.order-action-busy:after{content:"";width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;margin-inline-start:8px;vertical-align:-3px;animation:order-spin .75s linear infinite}
.order-ripple{position:absolute;border-radius:50%;pointer-events:none;background:currentColor;opacity:.12;transform:translate(-50%,-50%) scale(0);animation:order-ripple .55s ease-out forwards}
.order-toast-success{background:#12382b!important}.order-toast-error{background:#481e26!important}

@keyframes order-view-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes order-sheet-up{from{transform:translateY(100%);opacity:.4}to{transform:none;opacity:1}}
@keyframes order-cart-pulse{0%{transform:scale(1)}45%{transform:scale(1.025)}100%{transform:scale(1)}}
@keyframes order-success-pop{0%{transform:scale(.45);opacity:0}65%{transform:scale(1.08);opacity:1}100%{transform:scale(1)}}
@keyframes order-ripple{to{transform:translate(-50%,-50%) scale(4);opacity:0}}
@keyframes order-spin{to{transform:rotate(360deg)}}
@keyframes order-live{50%{box-shadow:0 0 0 9px rgba(25,166,106,0)}}
@keyframes order-new-highlight{0%,32%{box-shadow:0 0 0 4px rgba(9,169,209,.18),0 12px 28px rgba(9,169,209,.14)}100%{box-shadow:none}}

@media(min-width:780px){
 body[data-screen="app"] .app-shell{max-width:980px;padding-bottom:36px}
 body[data-screen="app"] .view-stack{padding:0 22px 28px}
 body[data-screen="app"] .bottom-nav{position:sticky;bottom:0;width:100%;max-width:none;border-radius:20px 20px 0 0}
 body[data-screen="app"] .cart-bar{width:min(560px,calc(100% - 40px));bottom:90px}
 body[data-screen="app"] .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 body[data-screen="app"] .horizontal-products{grid-auto-columns:28%}
 body[data-screen="app"] .quick-grid{grid-template-columns:repeat(3,180px);justify-content:start}
 body[data-screen="app"] .home-hero{min-height:210px;padding:30px}.home-hero>div:first-child{max-width:62%}
 body[data-screen="app"] .home-hero h1{font-size:40px}.hero-logo{width:92px!important;height:92px!important;left:28px!important;bottom:26px!important}
 body[data-screen="app"] .page-head{top:72px}.search-box{top:145px!important}.chips{top:207px!important}
 body[data-screen="checkout"] .checkout-shell{max-width:640px;border-left:1px solid var(--order-line);border-right:1px solid var(--order-line)}
 body[data-screen="checkout"] .checkout-footer{width:min(640px,100%)}
}

@media(max-width:430px){
 body[data-screen="app"] .view-stack{padding-inline:12px}.order-delivery-strip{margin-top:9px}.home-hero{min-height:155px!important;padding:20px 17px!important}.home-hero h1{font-size:27px!important}.home-hero p{font-size:11px!important}.hero-logo{width:64px!important;height:64px!important}.hero-logo img{width:48px!important;height:48px!important}.quick-grid{gap:8px!important}.product-grid{gap:9px!important}.product-body{padding:10px!important}.product-body h3{font-size:13px!important}.product-add-fab{width:31px!important;height:31px!important}.cart-bar{bottom:76px!important}.bottom-nav{height:68px!important}
 body.seller-page .seller-content{padding:14px!important}.seller-page .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.seller-page .order-board{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory}.seller-page .order-column{flex:0 0 86%;scroll-snap-align:start}.seller-page .seller-title h1{font-size:24px!important}
}

@media(prefers-reduced-motion:reduce){
 *,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}
body.seller-page .order-progress-rail{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:10px 0 9px}body.seller-page .order-progress-rail i{height:4px;border-radius:999px;background:#e7ecef;transition:background .25s var(--order-ease),transform .25s var(--order-ease)}body.seller-page .order-progress-rail i.done{background:var(--order-blue)}body.seller-page .order-progress-rail.cancelled i{background:#f0d7dc}body.seller-page .stage2-order:hover .order-progress-rail i.done{transform:scaleY(1.35)}

/* ---------------- POS: fast order taking ---------------- */
body.pos-page{background:#f4f6f8!important}
body.pos-page .app-shell{background:#f4f6f8!important}
body.pos-page .sidebar{background:#fff!important;border:1px solid var(--order-line)!important;box-shadow:none!important}
body.pos-page .topbar{background:#fff!important;border:1px solid var(--order-line)!important;box-shadow:none!important;border-radius:18px!important}
body.pos-page .panel,body.pos-page .stat-card{background:#fff!important;border:1px solid var(--order-line)!important;box-shadow:none!important;border-radius:20px!important}
body.pos-page .pos-product-card{background:#fff!important;border:1px solid var(--order-line)!important;border-radius:18px!important;box-shadow:none!important;transition:transform .16s var(--order-ease),box-shadow .16s,border-color .16s}
body.pos-page .pos-product-card:hover{transform:translateY(-3px)!important;border-color:#c9e7ed!important;box-shadow:0 10px 24px rgba(20,42,54,.08)!important}
body.pos-page .pos-product-card:active{transform:scale(.98)!important}
body.pos-page .pos-product-image{background:#eef3f5!important}
body.pos-page .pos-add-btn{background:var(--order-blue)!important;color:#fff!important;border-color:var(--order-blue)!important;min-height:39px!important;border-radius:12px!important;font-weight:850!important}
body.pos-page .pos-category{background:#fff!important;border-color:var(--order-line)!important;color:#5b6c75!important;font-weight:800!important}.pos-page .pos-category.active{background:var(--order-navy)!important;color:#fff!important;border-color:var(--order-navy)!important}
body.pos-page .pos-cart-panel{border-top:4px solid var(--order-blue)!important}
body.pos-page .pos-cart-item{transition:background .16s;border-radius:12px;padding-inline:7px!important}.pos-page .pos-cart-item:hover{background:#f7fafb}
body.pos-page .pos-cart-actions .btn{min-height:48px!important;border-radius:14px!important}.pos-page .btn.primary,.pos-page .btn:not(.ghost):not(.secondary):not(.danger){background:var(--order-blue);color:#fff;border-color:var(--order-blue)}
body.pos-page .pos-totals .grand{font-size:24px!important;font-weight:900!important}
body.pos-page .toast{background:var(--order-navy)!important;color:#fff!important;border-radius:14px!important}

/* ---------------- COURIER: delivery-first mobile UX ---------------- */
body:has(.courier-wrap){background:#f4f6f8!important;color:var(--order-ink)}
body .courier-wrap{width:min(720px,100% - 24px)!important;margin:0 auto!important;padding:12px 0 90px!important}
body .courier-head{position:sticky;top:0;z-index:40;background:rgba(244,246,248,.94)!important;backdrop-filter:blur(14px);padding:8px 0 10px!important}
body .courier-brand{background:#fff!important;border:1px solid var(--order-line)!important;border-radius:18px!important;padding:10px 12px!important;box-shadow:none!important}
body .courier-title{margin:18px 2px 14px!important}.courier-title span{color:var(--order-blue-deep)!important;font-weight:900!important;font-size:10px!important}.courier-title h1{font-size:30px!important;letter-spacing:-.045em!important}.courier-title p{font-size:12px!important;color:var(--order-muted)!important;line-height:1.55!important}
body .privacy-box{background:var(--order-blue-soft)!important;border:0!important;border-radius:17px!important;color:#245362!important;padding:14px!important}
body .job-list{display:grid!important;gap:12px!important;margin-top:14px!important}
body .job-card{background:#fff!important;border:1px solid var(--order-line)!important;border-radius:20px!important;box-shadow:none!important;padding:15px!important;transition:transform .17s var(--order-ease),box-shadow .17s,border-color .17s}
body .job-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(20,42,54,.07)!important}.job-card.active{border-color:#9bdbe9!important;box-shadow:0 0 0 3px rgba(9,169,209,.07)!important}.job-head h3{font-size:19px!important}.job-status{border-radius:999px!important;background:#f2f5f6!important;color:#53636b!important;font-weight:850!important}.job-card.active .job-status{background:var(--order-blue-soft)!important;color:var(--order-blue-deep)!important}.job-grid{gap:8px!important}.job-cell{background:#f7f9fa!important;border:1px solid #edf1f2!important;border-radius:13px!important;padding:10px!important}.job-cell span{font-size:9px!important;color:var(--order-muted)!important}.job-cell b{font-size:12px!important}.job-actions{gap:8px!important}.job-actions .btn{min-height:45px!important;border-radius:13px!important;font-weight:850!important}.job-actions .primary{background:var(--order-blue)!important;border-color:var(--order-blue)!important}.delivery-card{background:#f7fbfc!important;border:1px solid #d7edf2!important;border-radius:16px!important}.delivery-line{font-size:13px!important}.courier-wrap .toast{background:var(--order-navy)!important;color:#fff!important;border-radius:14px!important}

/* ---------------- ENTERPRISE ORDER CONTROL ---------------- */
body:not(.seller-page):not(.pos-page):has(.shell>.side){background:#f4f6f8!important;color:var(--order-ink)}
body:has(.shell>.side) .shell{background:#f4f6f8!important;gap:14px!important;padding:14px!important}
body:has(.shell>.side) .side{background:#fff!important;border:1px solid var(--order-line)!important;border-radius:22px!important;box-shadow:none!important;overflow:hidden}
body:has(.shell>.side) .top{background:#fff!important;border:1px solid var(--order-line)!important;border-radius:20px!important;box-shadow:none!important;margin-bottom:14px!important}
body:has(.shell>.side) .panel{background:#fff!important;border:1px solid var(--order-line)!important;border-radius:20px!important;box-shadow:none!important}
body:has(.shell>.side) .nav button{border-radius:12px!important;font-weight:750!important;color:#56666e!important}.shell>.side .nav button.active{background:var(--order-navy)!important;color:#fff!important}.shell>.side .nav button:hover{background:#f3f6f7!important}.shell>.side .nav button.active:hover{background:var(--order-navy)!important}
body:has(.shell>.side) .btn{border-radius:13px!important;min-height:42px!important;font-weight:800!important}.shell .btn:not(.ghost):not(.secondary){background:var(--order-blue)!important;border-color:var(--order-blue)!important;color:#fff!important}.shell .field,.shell input,.shell select,.shell textarea{border-radius:13px!important;border-color:var(--order-line)!important;background:#fff!important}.shell .content{animation:order-view-in .22s var(--order-ease)}
body.courier-page{background:#f4f6f8!important;color:var(--order-ink)}

/* ---------------- SYSTEM-WIDE ORDER OPERATIONS SHELL ----------------
   Internal management should feel like a live ordering product, not a generic admin theme. */
body.saas-product{
  --saas-bg:var(--order-bg)!important;
  --saas-surface:#fff!important;
  --saas-surface-2:#f8fafb!important;
  --saas-border:var(--order-line)!important;
  --saas-border-strong:#dbe4e8!important;
  --saas-text:var(--order-ink)!important;
  --saas-muted:var(--order-muted)!important;
  --saas-subtle:#8a98a0!important;
  --saas-primary:var(--order-blue)!important;
  background:var(--order-bg)!important;
  color:var(--order-ink)!important;
}
body.saas-product:before,body.saas-product:after{opacity:.18!important;filter:saturate(.6)!important}
body.saas-product .sidebar,
body.saas-product .seller-side{
  background:rgba(255,255,255,.96)!important;
  border-color:var(--order-line)!important;
  box-shadow:none!important;
  backdrop-filter:blur(20px)!important;
}
body.saas-product .sidebar-brand,
body.saas-product .side-brand{border-color:var(--order-line)!important}
body.saas-product .sidebar-brand strong,
body.saas-product .side-brand strong{color:var(--order-ink)!important}
body.saas-product .sidebar-brand small,
body.saas-product .side-brand small{color:var(--order-muted)!important}
body.saas-product .nav-section-label,
body.saas-product .side-label{color:#91a0a8!important;font-weight:850!important;letter-spacing:.04em!important}
body.saas-product .nav-item,
body.saas-product .side-link{color:#52636d!important;border-radius:13px!important;transition:background .16s var(--order-ease),color .16s,transform .16s var(--order-ease)!important}
body.saas-product .nav-item:hover,
body.saas-product .side-link:hover{background:#f2f7f9!important;color:var(--order-ink)!important;transform:translateX(-2px)}
body.saas-product .nav-item.active,
body.saas-product .side-link.active{background:var(--order-blue-soft)!important;color:var(--order-blue-deep)!important;box-shadow:inset -3px 0 var(--order-blue)!important}
body.saas-product .topbar,
body.saas-product .seller-head,
body.saas-product .fin-top,
body.saas-product .risk-top,
body.saas-product .pos-top{
  background:rgba(255,255,255,.94)!important;
  border-color:var(--order-line)!important;
  box-shadow:none!important;
  backdrop-filter:blur(20px) saturate(1.2)!important;
}
body.saas-product .topbar-title,
body.saas-product .seller-head h1,
body.saas-product .fin-title h1,
body.saas-product .risk-title h1{color:var(--order-ink)!important}
body.saas-product .saas-page-context b{color:var(--order-blue-deep)!important}
body.saas-product .saas-page-context span{color:var(--order-muted)!important}
body.saas-product .connection-pill,
body.saas-product .tenant-pill{background:#fff!important;border-color:var(--order-line)!important;color:var(--order-muted)!important;box-shadow:none!important}
body.saas-product .connection-pill:before,
body.saas-product .tenant-pill:before{background:var(--order-green)!important}
body.saas-product .view,
body.saas-product .content,
body.saas-product .seller-content,
body.saas-product .fin-content,
body.saas-product .risk-content{background:transparent!important;color:var(--order-ink)!important}
body.saas-product .card,
body.saas-product .panel,
body.saas-product .work-panel,
body.saas-product .settings-group,
body.saas-product .saas-kpi,
body.saas-product .kpi,
body.saas-product .fin-panel,
body.saas-product .fin-kpi,
body.saas-product .risk-list,
body.saas-product .risk-stat,
body.saas-product .report,
body.saas-product .review-detail,
body.saas-product .pos-panel,
body.saas-product .pos-stat,
body.saas-product .ticket,
body.saas-product .register-card,
body.saas-product .order-focus,
body.saas-product .product-chip,
body.saas-product .job-card,
body.saas-product .delivery-card{
  background:#fff!important;
  border-color:var(--order-line)!important;
  color:var(--order-ink)!important;
  box-shadow:0 5px 18px rgba(20,42,54,.045)!important;
}
body.saas-product .saas-kpi{border-radius:18px!important;position:relative;overflow:hidden}
body.saas-product .saas-kpi:after{content:"";position:absolute;right:0;left:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--order-blue),#75d6e8);opacity:.9}
body.saas-product .saas-kpi strong,
body.saas-product .kpi strong{color:var(--order-ink)!important}
body.saas-product .saas-kpi span,
body.saas-product .saas-kpi small,
body.saas-product .kpi span,
body.saas-product .kpi small{color:var(--order-muted)!important}
body.saas-product .quick-card{background:#fff!important;border-color:var(--order-line)!important;color:var(--order-ink)!important;box-shadow:0 5px 18px rgba(20,42,54,.04)!important}
body.saas-product .quick-card:hover{background:#fff!important;border-color:#bde3ec!important;box-shadow:0 10px 28px rgba(20,42,54,.08)!important}
body.saas-product .quick-card strong{color:var(--order-ink)!important}
body.saas-product .quick-card span{color:var(--order-muted)!important}
body.saas-product table{background:#fff!important;border-color:var(--order-line)!important;color:var(--order-ink)!important}
body.saas-product thead th{background:#f7fafb!important;color:#667780!important;border-color:var(--order-line)!important;font-size:10px!important;font-weight:850!important}
body.saas-product tbody td{border-color:#edf1f3!important;color:var(--order-ink)!important}
body.saas-product tbody tr{transition:background .15s var(--order-ease)}
body.saas-product tbody tr:hover{background:#f7fbfc!important}
body.saas-product input,
body.saas-product select,
body.saas-product textarea{
  background:#fff!important;
  border-color:#dce5e9!important;
  color:var(--order-ink)!important;
  box-shadow:none!important;
}
body.saas-product input:focus,
body.saas-product select:focus,
body.saas-product textarea:focus{border-color:#8fd7e7!important;box-shadow:0 0 0 3px rgba(9,169,209,.09)!important;outline:0!important}
body.saas-product .btn,
body.saas-product button,
body.saas-product .work-button{transition:transform .15s var(--order-ease),box-shadow .15s,background .15s,border-color .15s!important}
body.saas-product .btn:active,
body.saas-product button:active,
body.saas-product .work-button:active{transform:scale(.97)}
body.saas-product .btn-primary,
body.saas-product .primary,
body.saas-product button.primary,
body.saas-product .work-button.primary{background:var(--order-blue)!important;border-color:var(--order-blue)!important;color:#fff!important;box-shadow:0 7px 18px rgba(9,169,209,.18)!important}
body.saas-product .btn-primary:hover,
body.saas-product .primary:hover,
body.saas-product button.primary:hover,
body.saas-product .work-button.primary:hover{background:var(--order-blue-deep)!important;border-color:var(--order-blue-deep)!important;box-shadow:0 9px 24px rgba(9,169,209,.23)!important}
body.saas-product .btn-secondary,
body.saas-product .secondary,
body.saas-product button.secondary{background:#fff!important;border-color:var(--order-line)!important;color:#52636d!important}
body.saas-product .badge{background:#f3f7f8!important;border-color:var(--order-line)!important;color:#586a73!important}
body.saas-product .badge.success,
body.saas-product .badge.active{background:var(--order-green-soft)!important;border-color:#caeddd!important;color:#16835a!important}
body.saas-product .badge.warning{background:#fff7e8!important;border-color:#f1dfba!important;color:#a86a0d!important}
body.saas-product .badge.danger,
body.saas-product .badge.blocked{background:var(--order-red-soft)!important;border-color:#f1ced4!important;color:#b63548!important}
body.saas-product .saas-command-overlay{background:rgba(15,28,35,.38)!important;backdrop-filter:blur(8px)!important}
body.saas-product .saas-command-palette{background:#fff!important;border-color:var(--order-line)!important;box-shadow:0 28px 80px rgba(20,42,54,.22)!important;color:var(--order-ink)!important}
body.saas-product .saas-command-input{background:#f7fafb!important;border-color:var(--order-line)!important;color:var(--order-ink)!important}
body.saas-product .saas-command-item{color:var(--order-ink)!important}
body.saas-product .saas-command-item:hover,
body.saas-product .saas-command-item.active{background:var(--order-blue-soft)!important}
body.saas-product .saas-command-icon{background:var(--order-blue-soft)!important;color:var(--order-blue-deep)!important}
body.saas-product .saas-command-item small,
body.saas-product .saas-command-item em{color:var(--order-muted)!important}
body.saas-product .saas-utility-dock{background:rgba(255,255,255,.94)!important;border-color:var(--order-line)!important;box-shadow:0 10px 32px rgba(20,42,54,.12)!important}
body.saas-product .saas-utility-dock a,
body.saas-product .saas-utility-dock button{color:#5d6e77!important}
body.saas-product .saas-utility-dock a:hover,
body.saas-product .saas-utility-dock button:hover{background:var(--order-blue-soft)!important;color:var(--order-blue-deep)!important}
body.saas-product .toast{background:var(--order-navy)!important;color:#fff!important;border:0!important;border-radius:14px!important;box-shadow:0 14px 35px rgba(17,32,42,.2)!important}

@media(max-width:780px){
 body.saas-product .sidebar{box-shadow:-20px 0 55px rgba(20,42,54,.16)!important}
 body.saas-product .saas-utility-dock{border-radius:18px!important}
 body.saas-product .view{padding-inline:12px!important}
 body.saas-product .saas-dashboard-kpis{gap:9px!important}
}