:root{color-scheme:dark}html{scroll-behavior:smooth;background:#020617}body{background:radial-gradient(circle at 15% 8%,rgba(16,185,129,.18),transparent 34rem),radial-gradient(circle at 78% 12%,rgba(59,130,246,.14),transparent 32rem),radial-gradient(circle at 50% 90%,rgba(168,85,247,.10),transparent 34rem),linear-gradient(180deg,#020617 0%,#07111f 45%,#020617 100%);background-attachment:fixed}body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(2,6,23,.12),rgba(2,6,23,.72));}body.is-booting{overflow:hidden;touch-action:none}html:not(.dark){background:#f8fafc}html:not(.dark) body{background:radial-gradient(circle at 18% 6%,rgba(16,185,129,.12),transparent 32rem),radial-gradient(circle at 82% 12%,rgba(59,130,246,.10),transparent 30rem),linear-gradient(180deg,#f8fafc 0%,#eef6f4 52%,#f8fafc 100%);background-attachment:fixed;color:#0f172a}.glass,.soft-card{background:linear-gradient(180deg,rgba(15,23,42,.88),rgba(15,23,42,.68));border:1px solid rgba(148,163,184,.16);backdrop-filter:blur(18px)}html:not(.dark) .glass,html:not(.dark) .soft-card{background:rgba(255,255,255,.86);border-color:rgba(15,23,42,.08);color:#0f172a}.enterprise-footer{background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(2,6,23,.8));border:1px solid rgba(148,163,184,.14);backdrop-filter:blur(18px)}.footer-title{font-weight:900;color:#fff;margin-bottom:.85rem}.enterprise-footer a{display:block;color:#94a3b8;margin:.55rem 0;cursor:pointer;transition:.2s}.enterprise-footer a:hover{color:#6ee7b7}.route-active{background:rgba(16,185,129,.16);color:#6ee7b7}.fade-in{animation:fadeIn .28s ease both}.slide-up{animation:slideUp .26s ease both}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.field{width:100%;padding:1rem;border-radius:1rem;background:rgba(2,6,23,.48);border:1px solid rgba(255,255,255,.10);outline:none;color:inherit;transition:.2s}.field:focus{border-color:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.1)}html:not(.dark) .field{background:rgba(248,250,252,.9);border-color:rgba(15,23,42,.1)}.btn-primary{width:100%;padding:1rem;border-radius:1rem;background:#34d399;color:#020617;font-weight:900;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:.2s}.btn-primary:hover{background:#6ee7b7;transform:translateY(-1px)}#toastHost>*{pointer-events:auto}.toast-card{box-shadow:0 24px 80px rgba(2,6,23,.38)}.status-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .75rem;border-radius:999px;font-size:.72rem;font-weight:900}.status-pending{background:rgba(251,191,36,.14);color:#fbbf24}.status-processing{background:rgba(96,165,250,.14);color:#93c5fd}.status-success{background:rgba(52,211,153,.14);color:#6ee7b7}.status-failed{background:rgba(251,113,133,.14);color:#fda4af}.preloader-bg{background:radial-gradient(circle at 20% 20%,rgba(16,185,129,.25),transparent 28rem),radial-gradient(circle at 80% 20%,rgba(59,130,246,.2),transparent 26rem),radial-gradient(circle at 50% 85%,rgba(168,85,247,.16),transparent 30rem)}.preloader-bar{width:35%;animation:loadingBar 1.45s ease-in-out infinite}.preloader-hide{animation:preloaderOut .45s ease forwards}@keyframes loadingBar{0%{transform:translateX(-120%);width:35%}55%{width:70%}100%{transform:translateX(310%);width:35%}}@keyframes preloaderOut{to{opacity:0;visibility:hidden;transform:scale(1.01)}}.animate-float{animation:float 2.2s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(max-width:768px){.soft-card,.enterprise-footer{border-radius:1.35rem}.field{padding:.9rem}.footer-title{margin-top:.5rem}#toastHost{bottom:calc(1rem + env(safe-area-inset-bottom));}.toast-card{border-radius:1.25rem;padding:.9rem}}


/* Light mode enterprise polish: keep the same UI style, but make every text/icon readable and premium. */
html:not(.dark){color-scheme:light;background:#f8fafc}
html:not(.dark) body::before{background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(241,245,249,.76));}
html:not(.dark) .text-slate-100,
html:not(.dark) .text-white{color:#0f172a!important}
html:not(.dark) .text-slate-200,
html:not(.dark) .text-slate-300{color:#334155!important}
html:not(.dark) .text-slate-400{color:#475569!important}
html:not(.dark) .text-slate-500{color:#64748b!important}
html:not(.dark) .text-emerald-100,
html:not(.dark) .text-emerald-200,
html:not(.dark) .text-emerald-300{color:#059669!important}
html:not(.dark) .text-blue-100,
html:not(.dark) .text-blue-200,
html:not(.dark) .text-blue-300{color:#2563eb!important}
html:not(.dark) .text-cyan-300{color:#0891b2!important}
html:not(.dark) .text-violet-300{color:#7c3aed!important}
html:not(.dark) .text-amber-300{color:#d97706!important}
html:not(.dark) .text-rose-100,
html:not(.dark) .text-rose-200,
html:not(.dark) .text-rose-300{color:#e11d48!important}
html:not(.dark) .bg-slate-950\/76{background:rgba(255,255,255,.82)!important}
html:not(.dark) .bg-slate-950{background:#ffffff!important}
html:not(.dark) .border-white\/10{border-color:rgba(15,23,42,.09)!important}
html:not(.dark) .border-white\/15{border-color:rgba(15,23,42,.12)!important}
html:not(.dark) .bg-white\/5{background:rgba(15,23,42,.045)!important}
html:not(.dark) .bg-white\/10{background:rgba(15,23,42,.07)!important}
html:not(.dark) .hover\:bg-white\/10:hover{background:rgba(15,23,42,.08)!important}
html:not(.dark) .hover\:bg-white\/15:hover{background:rgba(15,23,42,.11)!important}
html:not(.dark) .route-active{background:rgba(16,185,129,.12);color:#047857}
html:not(.dark) header{box-shadow:0 16px 60px rgba(15,23,42,.06)}
html:not(.dark) .enterprise-footer{background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(240,253,250,.78));border-color:rgba(15,23,42,.08);color:#0f172a;box-shadow:0 28px 90px rgba(15,23,42,.08)}
html:not(.dark) .footer-title{color:#0f172a}
html:not(.dark) .enterprise-footer a{color:#475569}
html:not(.dark) .enterprise-footer a:hover{color:#047857}
html:not(.dark) .toast-card{box-shadow:0 24px 80px rgba(15,23,42,.16)}
html:not(.dark) .toast-card.text-emerald-100{color:#065f46!important}
html:not(.dark) .toast-card.text-rose-100{color:#9f1239!important}
html:not(.dark) .toast-card.text-blue-100{color:#1d4ed8!important}
html:not(.dark) #mobileDrawer aside{background:#ffffff!important;border-color:rgba(15,23,42,.1)!important;color:#0f172a;box-shadow:-24px 0 80px rgba(15,23,42,.16)}
html:not(.dark) #mobileDrawer .absolute.inset-0{background:rgba(15,23,42,.45)!important}
html:not(.dark) .preloader-bg{background:radial-gradient(circle at 20% 20%,rgba(16,185,129,.16),transparent 28rem),radial-gradient(circle at 80% 20%,rgba(59,130,246,.12),transparent 26rem),linear-gradient(180deg,#f8fafc,#eef6f4)}
html:not(.dark) .preloader-bg .bg-white\/\[\.06\]{background:rgba(255,255,255,.72)!important;border-color:rgba(15,23,42,.1)!important;color:#0f172a}
html:not(.dark) .status-pending{background:rgba(217,119,6,.12);color:#92400e}
html:not(.dark) .status-processing{background:rgba(37,99,235,.12);color:#1d4ed8}
html:not(.dark) .status-success{background:rgba(5,150,105,.12);color:#047857}
html:not(.dark) .status-failed{background:rgba(225,29,72,.12);color:#be123c}
.cart-selected{border-color:rgba(52,211,153,.55)!important;background:linear-gradient(135deg,rgba(16,185,129,.16),rgba(15,23,42,.72))!important;box-shadow:0 18px 70px rgba(16,185,129,.12)}
html:not(.dark) .cart-selected{background:linear-gradient(135deg,rgba(16,185,129,.12),rgba(255,255,255,.94))!important;box-shadow:0 18px 60px rgba(15,23,42,.08)}
.cart-check{cursor:pointer}.nav-link{white-space:nowrap}.nav-link.route-active{box-shadow:inset 0 0 0 1px rgba(16,185,129,.22)}
html:not(.dark) #mobileDrawer aside{background:#f8fafc;border-color:rgba(15,23,42,.1)}
@media(max-width:420px){#toastHost{left:.75rem;right:.75rem}.toast-card{font-size:.9rem}header [data-setting="brandSubtitle"]{display:none}}
.social-pill{display:inline-flex!important;align-items:center;gap:.45rem;margin:0!important;padding:.58rem .78rem;border-radius:1rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-weight:900;font-size:.78rem;color:#cbd5e1!important;transition:.2s}.social-pill:hover{transform:translateY(-1px);border-color:rgba(52,211,153,.38);color:#6ee7b7!important;background:rgba(16,185,129,.1)}html:not(.dark) .social-pill{background:rgba(15,23,42,.045);border-color:rgba(15,23,42,.09);color:#334155!important}html:not(.dark) .social-pill:hover{color:#047857!important;background:rgba(16,185,129,.1)}

/* Final production responsive polish */
*,*::before,*::after{box-sizing:border-box}.min-w-0{min-width:0}.break-anywhere{overflow-wrap:anywhere;word-break:break-word}
.admin-shell,.admin-body,.admin-body *{min-width:0}.admin-shell{width:100%;max-width:100%;overflow:hidden}.admin-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.admin-tabs::-webkit-scrollbar{display:none}.admin-body .soft-card{max-width:100%;overflow:hidden}.admin-body form{width:100%;max-width:100%;min-width:0}.admin-body .field{max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis}.admin-body textarea.field{overflow:auto;white-space:pre-wrap;word-break:break-word}.admin-body select.field{white-space:normal}.admin-body .btn-primary{min-width:0}.admin-body .status-pill{white-space:nowrap}.admin-body [class*="grid-cols-["]{max-width:100%}
.fallback-media{background:radial-gradient(circle at 26% 18%,rgba(255,255,255,.24),transparent 1.3rem),linear-gradient(135deg,rgba(16,185,129,.24),rgba(14,165,233,.17)),rgba(15,23,42,.72);border:1px solid rgba(52,211,153,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 18px 50px rgba(2,6,23,.18)}.fallback-media span{font-weight:1000;letter-spacing:-.08em;font-size:clamp(1rem,4vw,1.55rem);color:#a7f3d0;text-shadow:0 10px 30px rgba(16,185,129,.28)}html:not(.dark) .fallback-media{background:radial-gradient(circle at 26% 18%,rgba(255,255,255,.82),transparent 1.3rem),linear-gradient(135deg,rgba(16,185,129,.15),rgba(14,165,233,.10)),rgba(255,255,255,.88);border-color:rgba(5,150,105,.16);box-shadow:0 18px 50px rgba(15,23,42,.08)}html:not(.dark) .fallback-media span{color:#047857;text-shadow:none}
.scroll-up-btn{position:fixed;right:clamp(1rem,2.4vw,1.75rem);bottom:calc(1.25rem + env(safe-area-inset-bottom));z-index:80;height:3.45rem;width:3.45rem;border-radius:1.35rem;display:grid;place-items:center;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,rgba(15,23,42,.82),rgba(2,6,23,.66));color:#d1fae5;font-weight:900;border:1px solid rgba(148,163,184,.24);box-shadow:0 22px 80px rgba(2,6,23,.42),0 0 0 1px rgba(255,255,255,.04) inset,0 0 38px rgba(16,185,129,.18);backdrop-filter:blur(20px) saturate(150%);opacity:0;pointer-events:none;transform:translate3d(0,16px,0) scale(.92);transition:opacity .24s ease,transform .24s ease,border-color .24s ease,box-shadow .24s ease,color .24s ease}.scroll-up-btn::before{content:"";position:absolute;inset:1px;border-radius:inherit;background:radial-gradient(circle at 32% 20%,rgba(110,231,183,.42),transparent 34%),linear-gradient(135deg,rgba(16,185,129,.18),rgba(14,165,233,.08));opacity:.95;z-index:-1}.scroll-up-btn::after{content:"";position:absolute;inset:auto 22% .48rem 22%;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,#6ee7b7,transparent);opacity:.9}.scroll-up-btn.show{opacity:1;pointer-events:auto;transform:translate3d(0,0,0) scale(1)}.scroll-up-btn:hover{transform:translate3d(0,-3px,0) scale(1.035);border-color:rgba(110,231,183,.58);color:#ecfeff;box-shadow:0 28px 90px rgba(2,6,23,.52),0 0 52px rgba(16,185,129,.28),0 0 0 1px rgba(255,255,255,.06) inset}.scroll-up-btn:active{transform:translate3d(0,0,0) scale(.98)}.scroll-up-btn i{font-size:1.38rem;filter:drop-shadow(0 8px 18px rgba(16,185,129,.28))}html:not(.dark) .scroll-up-btn{background:rgba(255,255,255,.82);color:#047857;border-color:rgba(15,23,42,.1);box-shadow:0 22px 70px rgba(15,23,42,.16),0 0 0 1px rgba(255,255,255,.8) inset}html:not(.dark) .scroll-up-btn::before{background:radial-gradient(circle at 32% 20%,rgba(16,185,129,.2),transparent 34%),linear-gradient(135deg,rgba(236,253,245,.92),rgba(239,246,255,.82))}
@media(max-width:768px){#app{max-width:100vw;overflow:hidden}.admin-shell{padding-bottom:1rem}.admin-tabs{margin-left:-.25rem;margin-right:-.25rem;padding-left:.25rem;padding-right:.25rem}.admin-tabs button{font-size:.78rem;padding:.68rem .86rem;border-radius:1rem}.admin-body{overflow:hidden}.admin-body .soft-card{border-radius:1.25rem!important;padding:1rem!important}.admin-body .grid{grid-template-columns:minmax(0,1fr)!important}.admin-body .flex{min-width:0}.admin-body .field{font-size:16px;padding:.86rem;border-radius:.9rem}.admin-body .btn-primary{padding:.9rem;border-radius:.95rem}.admin-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.admin-body [class*="max-w-"]{max-width:100%!important}.admin-body [class*="w-auto"]{width:100%!important}.admin-body .status-pill{font-size:.66rem;padding:.34rem .55rem}.scroll-up-btn{right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));height:3.15rem;width:3.15rem;border-radius:1.15rem}}
@media(max-width:420px){.admin-body .soft-card{padding:.9rem!important}.admin-body .text-3xl{font-size:1.55rem}.admin-body .text-2xl{font-size:1.35rem}.fallback-media span{font-size:1.05rem}.scroll-up-btn{right:.85rem;height:3rem;width:3rem;border-radius:1.05rem}}

/* Final checkout/cart + mobile auth production audit */
.cart-actions{align-items:center}.cart-actions button{min-width:0;white-space:nowrap}.cart-row{width:100%;max-width:100%;overflow:hidden;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.cart-row h3,.cart-row p,.cart-row b{max-width:100%;overflow-wrap:anywhere}.cart-row .fallback-media,.cart-row img{flex-shrink:0}.auth-page{width:100%;max-width:100%}.auth-card{width:100%;max-width:100%;overflow:hidden}.auth-card .field{font-size:16px}.auth-card button{min-width:0}.soft-card h1,.soft-card h2,.soft-card h3,.soft-card p,.enterprise-footer p,.enterprise-footer a,.nav-link{overflow-wrap:anywhere}.btn-primary,.soft-card button{min-width:0}.btn-primary{white-space:normal;text-align:center}.field{width:100%;min-width:0}.route-active,.nav-link{max-width:100%}
@media(max-width:1024px){aside.sticky{position:static!important}.lg\:grid-cols-\[1fr_380px\]{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:768px){.auth-page{display:block}.auth-card{border-radius:1.35rem!important;padding:1.05rem!important;margin-top:.25rem}.auth-card .text-2xl{font-size:1.35rem}.auth-card .field{padding:.95rem;border-radius:1rem}.auth-card .btn-primary{padding:.95rem;border-radius:1rem}.cart-actions{display:grid!important;grid-template-columns:minmax(0,1fr);gap:.6rem}.cart-actions button{width:100%;justify-content:center;white-space:normal}.cart-row{padding:1rem!important;border-radius:1.25rem!important;gap:.75rem!important}.cart-row .h-14.w-14{height:3rem!important;width:3rem!important;border-radius:1rem!important}.cart-row button[aria-label="Hapus produk"]{height:2.8rem;width:2.8rem;border-radius:1rem}.cart-row h3{font-size:.98rem;line-height:1.35}.cart-row p{line-height:1.35}.soft-card.rounded-\[2rem\]{border-radius:1.35rem!important}.grid[class*="lg:grid-cols"]{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:420px){main,#app{padding-left:.85rem!important;padding-right:.85rem!important}.auth-card{padding:.95rem!important}.cart-row{align-items:flex-start!important}.cart-row label{padding-top:.35rem}.cart-row .text-xl{font-size:1.05rem}.text-4xl{font-size:2rem}.text-3xl{font-size:1.7rem}.text-2xl{font-size:1.35rem}.btn-primary{font-size:.94rem}.field{font-size:16px}}

.product-icon-fallback{background:linear-gradient(135deg,rgba(16,185,129,.18),rgba(14,165,233,.12));border:1px solid rgba(52,211,153,.22);color:#6ee7b7;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}html:not(.dark) .product-icon-fallback{background:linear-gradient(135deg,rgba(16,185,129,.12),rgba(14,165,233,.08));border-color:rgba(5,150,105,.14);color:#047857}
.admin-body select[multiple].field{min-height:7.5rem;white-space:normal}.admin-body input[type=file].field{padding:.75rem}

/* Final quantity checkout/payment polish */
.qty-control{border:1px solid rgba(148,163,184,.16);min-width:9rem}.qty-control-sm{min-width:8.25rem}.qty-btn{height:2.15rem;width:2.15rem;border-radius:.85rem;display:grid;place-items:center;background:rgba(255,255,255,.06);color:#6ee7b7;font-weight:900;transition:.18s}.qty-btn:hover:not(:disabled){background:#34d399;color:#020617}.qty-btn:disabled{opacity:.4;cursor:not-allowed}.qty-input{width:3.15rem;background:transparent;border:0;outline:0;text-align:center;font-weight:900;color:inherit}.qty-input::-webkit-inner-spin-button,.qty-input::-webkit-outer-spin-button{opacity:0}.payment-card{background:rgba(255,255,255,.04);border:1px solid rgba(148,163,184,.16);transition:.2s;min-width:0}.payment-card:hover{border-color:rgba(52,211,153,.42);transform:translateY(-1px)}.payment-selected{border-color:rgba(52,211,153,.7)!important;background:linear-gradient(135deg,rgba(16,185,129,.18),rgba(15,23,42,.68))!important;box-shadow:0 20px 70px rgba(16,185,129,.12)}html:not(.dark) .payment-card{background:rgba(255,255,255,.78);border-color:rgba(15,23,42,.09)}html:not(.dark) .payment-selected{background:linear-gradient(135deg,rgba(16,185,129,.13),rgba(255,255,255,.96))!important;box-shadow:0 18px 58px rgba(15,23,42,.08)}
@media(max-width:768px){.qty-control{width:100%;min-width:0;justify-content:space-between}.qty-control-sm{width:auto;min-width:7.65rem}.payment-card{padding:1rem!important}.sticky.top-28{position:static!important}.cart-row{cursor:pointer}.cart-row .qty-control{width:auto}}
@media(max-width:420px){.cart-row{display:grid!important;grid-template-columns:auto 3rem minmax(0,1fr) auto;align-items:start!important}.cart-row .qty-control-sm{grid-column:auto}.qty-input{width:2.6rem}.payment-card b{font-size:.95rem}}
.product-pick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.65rem;max-height:22rem;overflow:auto;padding:.15rem}.product-pick-card{position:relative;display:flex;align-items:center;gap:.75rem;padding:.78rem;border-radius:1.15rem;background:rgba(255,255,255,.045);border:1px solid rgba(148,163,184,.14);cursor:pointer;transition:.18s;min-width:0}.product-pick-card:hover{border-color:rgba(52,211,153,.42);background:rgba(16,185,129,.075)}.product-pick-card input{position:absolute;opacity:0;pointer-events:none}.product-pick-card span{display:block;min-width:0}.product-pick-card b{display:block;font-size:.86rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-pick-card small{display:block;color:#94a3b8;font-size:.72rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-pick-card .pick-check{margin-left:auto;color:#475569;font-size:1.2rem;transition:.18s;flex-shrink:0}.product-pick-card.is-selected{border-color:rgba(52,211,153,.75);background:linear-gradient(135deg,rgba(16,185,129,.16),rgba(14,165,233,.08));box-shadow:0 18px 45px rgba(16,185,129,.08)}.product-pick-card.is-selected .pick-check{color:#34d399}.product-pick-card.is-selected b{color:#a7f3d0}html:not(.dark) .product-pick-card{background:rgba(255,255,255,.84);border-color:rgba(15,23,42,.09)}html:not(.dark) .product-pick-card:hover{background:rgba(236,253,245,.92);border-color:rgba(5,150,105,.32)}html:not(.dark) .product-pick-card.is-selected{background:linear-gradient(135deg,rgba(16,185,129,.12),rgba(14,165,233,.06));border-color:rgba(5,150,105,.42)}html:not(.dark) .product-pick-card.is-selected b{color:#047857}@media(max-width:520px){.product-pick-grid{grid-template-columns:minmax(0,1fr);max-height:20rem}.product-pick-card{padding:.72rem;border-radius:1rem}.product-pick-card b{white-space:normal}.product-pick-card small{white-space:normal}}
.product-picker-wrap{display:grid;gap:.75rem}.product-picker-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}.product-picker-toolbar button{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem .8rem;border-radius:1rem;background:rgba(255,255,255,.055);border:1px solid rgba(148,163,184,.16);font-size:.78rem;font-weight:900;color:#cbd5e1;transition:.18s}.product-picker-toolbar button:hover{background:rgba(16,185,129,.12);border-color:rgba(52,211,153,.35);color:#a7f3d0}.product-picker-toolbar small{color:#64748b;font-size:.72rem;font-weight:800}.selected-products-box{border:1px solid rgba(52,211,153,.2);background:linear-gradient(135deg,rgba(16,185,129,.11),rgba(14,165,233,.04));border-radius:1.25rem;padding:.85rem;display:grid;gap:.55rem}.selected-products-box.is-empty{background:rgba(255,255,255,.035);border-color:rgba(148,163,184,.14)}.selected-products-box p{font-size:.78rem;font-weight:950;color:#a7f3d0;display:flex;align-items:center;gap:.35rem}.selected-products-box.is-empty p{color:#94a3b8}.selected-products-box div{display:flex;flex-wrap:wrap;gap:.4rem}.selected-products-box span{font-size:.7rem;font-weight:900;color:#d1fae5;background:rgba(16,185,129,.16);border:1px solid rgba(52,211,153,.22);padding:.32rem .52rem;border-radius:999px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html:not(.dark) .product-picker-toolbar button{background:rgba(255,255,255,.86);border-color:rgba(15,23,42,.09);color:#334155}html:not(.dark) .product-picker-toolbar button:hover{background:rgba(236,253,245,.95);color:#047857}html:not(.dark) .selected-products-box{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(14,165,233,.05));border-color:rgba(5,150,105,.22)}html:not(.dark) .selected-products-box p{color:#047857}html:not(.dark) .selected-products-box.is-empty p{color:#64748b}html:not(.dark) .selected-products-box span{background:rgba(16,185,129,.1);border-color:rgba(5,150,105,.18);color:#065f46}@media(max-width:520px){.product-picker-toolbar{align-items:stretch}.product-picker-toolbar button{flex:1;justify-content:center}.selected-products-box span{white-space:normal}}

/* Product picker search polish for flash sale/voucher admin forms */
.product-picker-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.72rem .85rem;border-radius:1.25rem;background:rgba(255,255,255,.055);border:1px solid rgba(148,163,184,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.product-picker-search i{color:#34d399;font-size:1.1rem}.product-picker-search input{min-width:0;width:100%;background:transparent;border:0;outline:0;color:#e2e8f0;font-size:.88rem;font-weight:800}.product-picker-search input::placeholder{color:#64748b}.product-picker-search span{font-size:.68rem;font-weight:950;color:#94a3b8;background:rgba(148,163,184,.12);border:1px solid rgba(148,163,184,.16);padding:.28rem .5rem;border-radius:999px;white-space:nowrap}.product-picker-empty{padding:.9rem;border-radius:1.1rem;background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.16);color:#fcd34d;font-size:.8rem;font-weight:900}.product-picker-empty i{margin-right:.35rem}html:not(.dark) .product-picker-search{background:rgba(255,255,255,.9);border-color:rgba(15,23,42,.09)}html:not(.dark) .product-picker-search input{color:#0f172a}html:not(.dark) .product-picker-search span{color:#475569;background:rgba(15,23,42,.05);border-color:rgba(15,23,42,.08)}html:not(.dark) .product-picker-empty{background:rgba(251,191,36,.12);border-color:rgba(217,119,6,.18);color:#92400e}@media(max-width:520px){.product-picker-search{grid-template-columns:auto minmax(0,1fr);}.product-picker-search span{grid-column:1/-1;justify-self:start}}


/* Checkout navigation polish */
.checkout-back-btn{display:inline-flex;align-items:center;gap:.65rem;padding:.62rem .9rem .62rem .68rem;border-radius:1.25rem;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid rgba(148,163,184,.18);color:#dbeafe;font-size:.9rem;font-weight:950;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease;max-width:100%}.checkout-back-btn:hover{transform:translateX(-2px);border-color:rgba(52,211,153,.38);background:linear-gradient(135deg,rgba(16,185,129,.14),rgba(14,165,233,.06));color:#a7f3d0}.checkout-back-icon{height:2.1rem;width:2.1rem;border-radius:.95rem;display:grid;place-items:center;background:rgba(16,185,129,.14);color:#6ee7b7;border:1px solid rgba(52,211,153,.18);flex:0 0 auto}.checkout-back-btn span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html:not(.dark) .checkout-back-btn{background:rgba(255,255,255,.86);border-color:rgba(15,23,42,.09);color:#0f172a}html:not(.dark) .checkout-back-btn:hover{background:rgba(236,253,245,.92);color:#047857}@media(max-width:520px){.checkout-back-btn{width:100%;justify-content:flex-start;border-radius:1.1rem}.checkout-back-btn span:last-child{white-space:normal}}


/* Enterprise footer v2 */
.footer-enterprise-v2{box-shadow:0 30px 120px rgba(2,6,23,.38),inset 0 1px 0 rgba(255,255,255,.06)}
.footer-orb{position:absolute;border-radius:999px;filter:blur(48px);pointer-events:none;opacity:.75}.footer-orb-a{right:-6rem;top:-6rem;width:18rem;height:18rem;background:rgba(52,211,153,.16)}.footer-orb-b{left:-7rem;bottom:-7rem;width:20rem;height:20rem;background:rgba(59,130,246,.12)}
.footer-hero-panel,.footer-contact-panel,.footer-column-card{background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.055)}
.footer-metric-card{min-width:0;border-radius:1.25rem;padding:1rem;background:rgba(2,6,23,.30);border:1px solid rgba(148,163,184,.12)}.footer-metric-card i{display:inline-grid;place-items:center;height:2.15rem;width:2.15rem;border-radius:.9rem;background:rgba(16,185,129,.12);color:#6ee7b7;font-size:1.1rem}.footer-metric-card b{display:block;margin-top:.7rem;font-weight:950;color:#f8fafc}.footer-metric-card span{display:block;margin-top:.25rem;color:#94a3b8;font-size:.78rem;line-height:1.55}
.footer-contact-row{display:flex;align-items:center;gap:.65rem;padding:.75rem .85rem;border-radius:1rem;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.075);color:#cbd5e1;overflow:hidden}.footer-contact-row i{color:#6ee7b7;font-size:1.1rem}.footer-contact-row span{min-width:0;overflow-wrap:anywhere}
.footer-column-card{border-radius:1.5rem;padding:1.15rem}.footer-column-card .footer-title{display:flex;align-items:center;gap:.55rem;margin-bottom:1rem}.footer-column-card .footer-title i{color:#6ee7b7}.footer-column-card a{padding:.42rem 0;border-bottom:1px solid transparent}.footer-column-card a:hover{border-bottom-color:rgba(110,231,183,.16);transform:translateX(2px)}
.footer-compliance-grid p{display:flex;align-items:center;gap:.55rem;min-width:0;padding:.82rem .95rem;border-radius:1.1rem;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.075);font-size:.8rem;font-weight:800;color:#cbd5e1}.footer-compliance-grid i{color:#6ee7b7;font-size:1.05rem}.footer-compliance-grid span{min-width:0;overflow-wrap:anywhere}
.footer-bottom-bar{border-top:1px solid rgba(255,255,255,.10);padding-top:1.2rem;color:#64748b;font-size:.78rem;font-weight:800}.footer-bottom-bar p{max-width:44rem;line-height:1.65}
html:not(.dark) .footer-hero-panel,html:not(.dark) .footer-contact-panel,html:not(.dark) .footer-column-card{background:rgba(255,255,255,.72);border-color:rgba(15,23,42,.075);box-shadow:0 18px 55px rgba(15,23,42,.055)}html:not(.dark) .footer-metric-card,html:not(.dark) .footer-contact-row,html:not(.dark) .footer-compliance-grid p{background:rgba(15,23,42,.035);border-color:rgba(15,23,42,.075);color:#334155}html:not(.dark) .footer-metric-card b{color:#0f172a}html:not(.dark) .footer-metric-card span{color:#64748b}html:not(.dark) .footer-bottom-bar{border-color:rgba(15,23,42,.08);color:#64748b}
@media(max-width:640px){.footer-enterprise-v2{border-radius:1.5rem!important}.footer-hero-panel,.footer-contact-panel{border-radius:1.35rem}.footer-column-card{border-radius:1.25rem}.footer-metric-card{padding:.9rem}.footer-bottom-bar{font-size:.72rem}}

.process-filter-btn{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);color:rgb(203 213 225);border-radius:1rem;padding:.72rem 1rem;font-size:.82rem;font-weight:900;transition:all .22s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.process-filter-btn:hover{border-color:rgba(52,211,153,.45);background:rgba(16,185,129,.08);transform:translateY(-1px)}
.process-filter-btn.is-active{background:linear-gradient(135deg,#34d399,#22d3ee);border-color:rgba(110,231,183,.9);color:#020617;box-shadow:0 18px 45px rgba(16,185,129,.18)}
.process-badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.32rem .62rem;font-size:.68rem;font-weight:900;letter-spacing:.01em;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);color:rgb(203 213 225)}
.process-badge-sm{font-size:.62rem;padding:.24rem .5rem}.process-auto{background:rgba(16,185,129,.12);border-color:rgba(52,211,153,.22);color:rgb(167 243 208)}.process-managed{background:rgba(34,211,238,.12);border-color:rgba(34,211,238,.24);color:rgb(165 243 252)}
.target-required-glow{box-shadow:0 0 0 1px rgba(34,211,238,.15),0 22px 70px rgba(34,211,238,.08)}
.provider-card-managed{border-color:rgba(34,211,238,.18)}
.source-badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.3rem .58rem;font-size:.66rem;font-weight:950;border:1px solid rgba(255,255,255,.1);white-space:nowrap}.source-flowix{background:rgba(56,189,248,.13);border-color:rgba(56,189,248,.26);color:#7dd3fc}.source-stock{background:rgba(168,85,247,.12);border-color:rgba(168,85,247,.24);color:#d8b4fe}.source-managed{background:rgba(34,211,238,.12);border-color:rgba(34,211,238,.24);color:#a5f3fc}.source-popular{background:rgba(251,191,36,.14);border-color:rgba(251,191,36,.24);color:#fde68a}.provider-card-flowix{border-color:rgba(56,189,248,.20)}html:not(.dark) .source-flowix{background:rgba(14,165,233,.1);border-color:rgba(14,165,233,.2);color:#0369a1}html:not(.dark) .source-stock{background:rgba(126,34,206,.09);border-color:rgba(126,34,206,.18);color:#6b21a8}html:not(.dark) .source-managed{background:rgba(8,145,178,.09);border-color:rgba(8,145,178,.18);color:#0e7490}html:not(.dark) .source-popular{background:rgba(217,119,6,.11);border-color:rgba(217,119,6,.18);color:#92400e}

/* Marketplace customer filter controls */
.marketplace-control-panel{display:grid;gap:.9rem;width:100%;max-width:100%;min-width:0;padding:clamp(.78rem,1.8vw,1.05rem);border-radius:clamp(1.35rem,2.4vw,2rem);background:linear-gradient(180deg,rgba(15,23,42,.80),rgba(15,23,42,.54));border:1px solid rgba(148,163,184,.16);box-shadow:0 24px 80px rgba(2,6,23,.22),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(18px);overflow:hidden}
.market-control-block{min-width:0;width:100%;padding:clamp(.72rem,1.55vw,.9rem);border-radius:clamp(1.05rem,2vw,1.45rem);background:rgba(255,255,255,.045);border:1px solid rgba(148,163,184,.13);overflow:hidden}
.market-control-primary{background:linear-gradient(135deg,rgba(16,185,129,.12),rgba(34,211,238,.08));border-color:rgba(52,211,153,.22)}
.market-control-title{display:flex;align-items:center;gap:.45rem;margin-bottom:.62rem;color:#cbd5e1;font-size:.68rem;font-weight:950;text-transform:uppercase;letter-spacing:.14em;line-height:1.2}.market-control-title i{color:#34d399;font-size:1rem}
.market-filter-scroll{display:flex;align-items:center;gap:.55rem;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding:.08rem .02rem .14rem;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none}.market-filter-scroll::-webkit-scrollbar{display:none;width:0;height:0}.market-filter-scroll::before,.market-filter-scroll::after{display:none!important;content:none!important}.market-filter-scroll .process-filter-btn{flex:0 0 auto;scroll-snap-align:start;max-width:82vw}
.market-search-shell{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.72rem;width:100%;min-width:0;padding:clamp(.78rem,1.7vw,.98rem) clamp(.86rem,2vw,1.05rem);border-radius:clamp(1.08rem,2vw,1.45rem);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid rgba(148,163,184,.16);transition:.22s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden}
.market-search-shell:focus-within{border-color:rgba(52,211,153,.65);box-shadow:0 18px 55px rgba(16,185,129,.12),0 0 0 4px rgba(52,211,153,.09)}.market-search-shell>i{color:#34d399;font-size:1.22rem;flex:0 0 auto}.market-search-shell input{min-width:0;width:100%;background:transparent;border:0;outline:0;color:#e2e8f0;font-weight:850;font-size:clamp(.88rem,2.6vw,.96rem)}.market-search-shell input::placeholder{color:#94a3b8}.market-search-shell span{font-size:.64rem;font-weight:950;color:#cbd5e1;background:rgba(148,163,184,.12);border:1px solid rgba(148,163,184,.14);padding:.3rem .55rem;border-radius:999px;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}
.market-sort-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,240px);gap:.85rem;align-items:center;min-width:0;width:100%;padding:clamp(.78rem,1.8vw,1rem);border-radius:clamp(1.08rem,2vw,1.45rem);background:linear-gradient(135deg,rgba(34,211,238,.08),rgba(16,185,129,.06));border:1px solid rgba(148,163,184,.15);overflow:hidden}.market-sort-card p{min-width:0}.market-sort-card p:first-child{color:#cbd5e1}.market-sort-card p:last-child{color:#94a3b8}
.market-sort-select{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.58rem;width:100%;min-width:0;padding:.76rem .84rem;border-radius:1.05rem;background:rgba(2,6,23,.42);border:1px solid rgba(148,163,184,.16);transition:.22s ease}.market-sort-select:focus-within{border-color:rgba(52,211,153,.6);box-shadow:0 0 0 4px rgba(52,211,153,.08)}.market-sort-select i{color:#34d399;flex:0 0 auto}.market-sort-select select{width:100%;min-width:0;background:transparent;border:0;outline:0;color:#e2e8f0;font-weight:950;appearance:none}.market-sort-select select option{background:#0f172a;color:#e2e8f0}
html:not(.dark) .marketplace-control-panel{background:rgba(255,255,255,.90);border-color:rgba(15,23,42,.09);box-shadow:0 24px 80px rgba(15,23,42,.08);color:#0f172a}html:not(.dark) .market-control-block,html:not(.dark) .market-search-shell,html:not(.dark) .market-sort-card{background:rgba(255,255,255,.82);border-color:rgba(15,23,42,.10);color:#0f172a}html:not(.dark) .market-control-primary{background:linear-gradient(135deg,rgba(16,185,129,.13),rgba(14,165,233,.08));border-color:rgba(5,150,105,.20)}html:not(.dark) .market-control-title{color:#334155}html:not(.dark) .market-control-title i{color:#047857}html:not(.dark) .market-search-shell input,html:not(.dark) .market-sort-select select{color:#0f172a}html:not(.dark) .market-search-shell input::placeholder{color:#64748b}html:not(.dark) .market-sort-select{background:rgba(248,250,252,.92);border-color:rgba(15,23,42,.11)}html:not(.dark) .market-sort-select i,html:not(.dark) .market-search-shell>i{color:#047857}html:not(.dark) .market-search-shell span{color:#334155;background:rgba(15,23,42,.055);border-color:rgba(15,23,42,.09)}html:not(.dark) .market-sort-card p:first-child{color:#334155}html:not(.dark) .market-sort-card p:last-child{color:#64748b}
html:not(.dark) .process-filter-btn{background:rgba(255,255,255,.82);border-color:rgba(15,23,42,.10);color:#334155;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}html:not(.dark) .process-filter-btn:hover{background:rgba(236,253,245,.95);border-color:rgba(5,150,105,.28);color:#047857}html:not(.dark) .process-filter-btn.is-active{background:linear-gradient(135deg,#10b981,#06b6d4);border-color:rgba(5,150,105,.38);color:#ffffff;box-shadow:0 16px 42px rgba(5,150,105,.18)}
@media(max-width:900px){.market-sort-card{grid-template-columns:1fr}.market-sort-select{max-width:100%}}
@media(max-width:640px){.marketplace-control-panel{border-radius:1.35rem;padding:.7rem;gap:.68rem}.market-control-block,.market-search-shell,.market-sort-card{border-radius:1.08rem}.market-control-title{font-size:.62rem;letter-spacing:.11em}.market-search-shell{grid-template-columns:auto minmax(0,1fr);gap:.55rem}.market-search-shell span{display:none}.market-filter-scroll{gap:.45rem;margin-inline:-.18rem;padding-inline:.18rem}.market-filter-scroll .process-filter-btn{max-width:76vw}.process-filter-btn{padding:.66rem .82rem;font-size:.76rem;border-radius:.92rem}.process-filter-btn i{font-size:.96rem}.market-sort-card{gap:.65rem}.market-sort-select{padding:.72rem .78rem}.market-sort-card p:last-child{font-size:.72rem;line-height:1.35}}
@media(max-width:380px){.marketplace-control-panel{padding:.58rem}.process-filter-btn{padding:.62rem .72rem;font-size:.72rem}.market-search-shell input{font-size:16px}.market-filter-scroll .process-filter-btn{max-width:72vw}}
/* Orders history responsive enterprise UI */
.orders-hero{position:relative}.orders-hero::after{content:"";position:absolute;right:-4rem;top:-4rem;width:13rem;height:13rem;border-radius:999px;background:radial-gradient(circle,rgba(16,185,129,.18),transparent 68%);pointer-events:none}.orders-mode-pill{max-width:100%;overflow-wrap:anywhere}.orders-search-shell{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;width:100%;padding:.72rem;border-radius:1.35rem;background:rgba(255,255,255,.055);border:1px solid rgba(148,163,184,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.orders-search-shell>i{font-size:1.25rem;color:#34d399;margin-left:.25rem}.orders-search-shell input{width:100%;min-width:0;background:transparent;border:0;outline:0;color:#e2e8f0;font-weight:850;padding:.55rem .1rem}.orders-search-shell input::placeholder{color:#94a3b8}.orders-search-shell button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border-radius:1rem;background:#34d399;color:#020617;font-weight:950;padding:.78rem 1.05rem;white-space:nowrap;transition:.2s}.orders-search-shell button:hover{background:#6ee7b7;transform:translateY(-1px)}.order-card{transition:border-color .2s ease,transform .2s ease}.order-card:hover{border-color:rgba(52,211,153,.28);transform:translateY(-1px)}.order-id-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0}.order-copy-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;flex-shrink:0;border-radius:.95rem;padding:.58rem .78rem;background:rgba(255,255,255,.06);border:1px solid rgba(148,163,184,.15);color:#cbd5e1;font-size:.75rem;font-weight:950;transition:.2s}.order-copy-btn:hover{background:rgba(16,185,129,.12);border-color:rgba(52,211,153,.36);color:#a7f3d0}.order-email-notice{display:flex;align-items:flex-start;gap:.6rem;border-radius:1.2rem;padding:.9rem 1rem;background:rgba(16,185,129,.08);border:1px solid rgba(52,211,153,.18);color:#a7f3d0;font-size:.78rem;font-weight:850;line-height:1.55}.order-email-notice i{font-size:1.05rem;margin-top:.05rem;flex-shrink:0}html:not(.dark) .orders-search-shell{background:rgba(255,255,255,.84);border-color:rgba(15,23,42,.1);box-shadow:0 16px 50px rgba(15,23,42,.055),inset 0 1px 0 rgba(255,255,255,.8)}html:not(.dark) .orders-search-shell input{color:#0f172a}html:not(.dark) .orders-search-shell input::placeholder{color:#64748b}html:not(.dark) .orders-search-shell>i{color:#047857}html:not(.dark) .orders-mode-pill{background:rgba(15,23,42,.04);border-color:rgba(15,23,42,.09);color:#334155}html:not(.dark) .order-copy-btn{background:rgba(15,23,42,.04);border-color:rgba(15,23,42,.09);color:#334155}html:not(.dark) .order-copy-btn:hover{background:rgba(236,253,245,.92);border-color:rgba(5,150,105,.22);color:#047857}html:not(.dark) .order-email-notice{background:rgba(236,253,245,.82);border-color:rgba(5,150,105,.18);color:#047857}html:not(.dark) .process-badge{background:rgba(15,23,42,.045);border-color:rgba(15,23,42,.09);color:#334155}html:not(.dark) .process-auto{background:rgba(16,185,129,.10);border-color:rgba(5,150,105,.18);color:#047857}html:not(.dark) .process-managed{background:rgba(8,145,178,.10);border-color:rgba(8,145,178,.18);color:#0e7490}
@media(max-width:640px){.orders-search-shell{grid-template-columns:auto minmax(0,1fr);gap:.55rem;padding:.68rem}.orders-search-shell button{grid-column:1/-1;width:100%;padding:.82rem}.order-id-row{align-items:flex-start;flex-direction:column}.order-copy-btn{width:100%}.order-email-notice{border-radius:1rem}.orders-hero{border-radius:1.35rem!important;padding:1rem!important}}

/* Desktop responsive refinement: hero, marketplace, product modes, split-scroll checkout/cart, support, payment, admin settings. */
.home-hero{min-height:auto}.hero-title{max-width:15.5ch;text-wrap:balance}.home-hero .soft-card{min-width:0}@media(min-width:1024px){.home-hero{align-items:center}.hero-title{font-size:clamp(3rem,4.6vw,4.45rem)!important;line-height:1.02!important}.home-hero p[data-setting="heroDescription"]{font-size:1.05rem;line-height:1.75}}@media(min-width:1440px){.hero-title{font-size:clamp(3.45rem,4.25vw,4.8rem)!important}}@media(max-width:640px){.hero-title{max-width:100%;line-height:1.05!important}}

.marketplace-hero-layout{position:relative}.marketplace-copy{min-width:0}.marketplace-copy h1{text-wrap:balance}.marketplace-sticky-controls{position:sticky;top:5.8rem;z-index:30}.marketplace-control-panel{max-width:100%}.provider-grid{align-items:stretch}@media(min-width:1280px){.marketplace-control-panel{max-height:calc(100vh - 7rem);overflow:auto;scrollbar-width:thin}.marketplace-control-panel::-webkit-scrollbar{width:.45rem}.marketplace-control-panel::-webkit-scrollbar-thumb{background:rgba(148,163,184,.25);border-radius:999px}.market-sort-card{grid-template-columns:minmax(0,1fr) minmax(160px,210px)}}@media(max-width:1279px){.marketplace-sticky-controls{top:4.85rem}.marketplace-control-panel{position:sticky;z-index:28}.marketplace-hero-layout{gap:1.25rem}}@media(max-width:768px){.marketplace-sticky-controls{top:4.35rem;margin-inline:-.25rem;border-radius:1.3rem}.marketplace-copy h1{font-size:2.2rem;line-height:1.05}.marketplace-control-panel{box-shadow:0 16px 58px rgba(2,6,23,.26)}}

.product-page-shell{min-width:0}.product-page-head{min-width:0}.product-view-panel{width:100%;max-width:100%}.product-view-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.product-view-btn{display:flex;align-items:center;justify-content:center;gap:.42rem;min-width:0;border-radius:1rem;padding:.75rem .85rem;border:1px solid rgba(148,163,184,.14);background:rgba(255,255,255,.045);color:#cbd5e1;font-size:.82rem;font-weight:950;transition:.2s}.product-view-btn i{font-size:1.05rem;color:#34d399}.product-view-btn small{display:none;color:inherit;opacity:.68;font-size:.62rem;font-weight:900}.product-view-btn.is-active{background:linear-gradient(135deg,#34d399,#22d3ee);color:#020617;border-color:rgba(110,231,183,.8);box-shadow:0 16px 45px rgba(16,185,129,.16)}.product-view-btn.is-active i{color:#020617}.product-grid{display:grid;gap:1rem}.product-grid-comfort{grid-template-columns:repeat(1,minmax(0,1fr))}.product-card{position:relative;overflow:hidden;border-radius:1.75rem;padding:1.15rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.product-card:hover{border-color:rgba(52,211,153,.32);transform:translateY(-1px)}.product-card-main{display:flex;align-items:center;gap:1rem}.product-card-media{flex:0 0 auto}.product-card-info{min-width:0}.product-card-badges{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.45rem}.product-card-title{font-size:1.05rem;line-height:1.25;font-weight:950;overflow-wrap:anywhere}.product-stock-text{font-size:.82rem;color:#94a3b8;margin-top:.2rem}.product-card-actions{display:flex;align-items:center;gap:.7rem;min-width:17rem}.product-action-buttons{display:flex;gap:.55rem;min-width:0}.product-cart-btn,.product-order-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border-radius:1rem;padding:.78rem 1rem;font-weight:950;white-space:nowrap;transition:.18s}.product-cart-btn{background:rgba(255,255,255,.055);border:1px solid rgba(148,163,184,.14);color:#e2e8f0}.product-cart-btn:hover:not(:disabled){border-color:rgba(52,211,153,.38);color:#a7f3d0}.product-order-btn{background:#34d399;color:#020617}.product-order-btn:hover:not(:disabled){background:#6ee7b7}.product-detail-desc{margin-top:.65rem;color:#94a3b8;font-size:.86rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-detail-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.product-detail-meta span{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(148,163,184,.12);padding:.38rem .65rem;color:#cbd5e1;font-size:.72rem;font-weight:900}.product-grid-compact{grid-template-columns:repeat(1,minmax(0,1fr))}.product-card-compact{padding:.85rem 1rem;border-radius:1.35rem;grid-template-columns:minmax(0,1fr) auto}.product-card-compact .product-card-main{gap:.78rem}.product-card-compact .product-card-badges{margin-bottom:.25rem;gap:.35rem}.product-card-compact .product-card-title{font-size:.95rem}.product-card-compact .product-stock-text{display:none}.product-card-compact .productPriceBlock,.product-card-compact .product-card-info .mt-1{font-size:.82rem}.product-card-compact .product-card-actions{min-width:15.5rem}.product-card-compact .product-cart-btn span{display:none}.product-card-detailed{align-items:stretch;grid-template-columns:minmax(0,1fr) minmax(15.5rem,auto);padding:1.35rem}.product-card-detailed .product-card-main{align-items:flex-start}.product-card-detailed .product-card-title{font-size:1.2rem}.product-grid-detailed{grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:900px){.product-view-panel{width:auto;min-width:25rem}.product-view-btn small{display:inline}.product-grid-comfort{grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid-detailed{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card:not(.product-card-detailed){grid-template-columns:minmax(0,1fr);align-content:space-between}.product-card:not(.product-card-detailed) .product-card-actions{width:100%;min-width:0;justify-content:space-between}.product-card:not(.product-card-detailed) .product-action-buttons{flex:1}.product-card:not(.product-card-detailed) .product-cart-btn,.product-card:not(.product-card-detailed) .product-order-btn{flex:1}.product-card-compact{gap:.75rem}.product-card-compact .product-card-actions{flex-wrap:wrap}.product-card-compact .product-qty-control{flex:1;min-width:8.6rem}}@media(min-width:1280px){.product-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.product-grid-comfort{grid-template-columns:repeat(3,minmax(0,1fr))}.product-grid-detailed{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card-compact .product-card-main{min-height:5.25rem}.product-card-comfort .product-card-main{min-height:6.1rem}}@media(max-width:899px){.product-card{grid-template-columns:1fr}.product-card-actions{min-width:0;width:100%;flex-direction:column;align-items:stretch}.product-action-buttons{width:100%}.product-cart-btn,.product-order-btn{flex:1}.product-view-btn{padding:.72rem .5rem}.product-view-btn span{font-size:.78rem}.product-card-main{align-items:flex-start}.product-card-detailed{grid-template-columns:1fr}}html:not(.dark) .product-view-btn{background:rgba(255,255,255,.82);border-color:rgba(15,23,42,.09);color:#334155}html:not(.dark) .product-view-btn i{color:#047857}html:not(.dark) .product-view-btn.is-active{color:#fff;background:linear-gradient(135deg,#10b981,#06b6d4)}html:not(.dark) .product-view-btn.is-active i{color:#fff}html:not(.dark) .product-cart-btn{background:rgba(15,23,42,.045);border-color:rgba(15,23,42,.09);color:#334155}html:not(.dark) .product-detail-meta span{background:rgba(15,23,42,.045);border-color:rgba(15,23,42,.09);color:#334155}

@media(min-width:1024px){.split-scroll-layout{align-items:start}.split-scroll-pane{max-height:calc(100vh - 7.2rem);overflow:auto;min-width:0;padding-right:.25rem;scrollbar-width:thin}.split-scroll-products{padding-right:.35rem}.split-scroll-summary{top:5.8rem!important}.split-scroll-pane::-webkit-scrollbar{width:.45rem}.split-scroll-pane::-webkit-scrollbar-thumb{background:rgba(148,163,184,.24);border-radius:999px}.checkout-split-layout .split-scroll-products{max-height:calc(100vh - 7.2rem)}.checkout-split-layout .split-scroll-summary{max-height:calc(100vh - 7.2rem)}}@media(max-width:1023px){.split-scroll-pane{max-height:none;overflow:visible}.split-scroll-summary{position:static!important}}

.support-page-grid{min-width:0}.support-channels-grid{align-items:stretch}.support-channel-card{min-width:0}.support-channel-card h3,.support-channel-card p{overflow-wrap:anywhere}@media(min-width:1024px) and (max-width:1279px){.support-page-grid{grid-template-columns:1fr}.support-channels-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.support-channels-grid{grid-template-columns:1fr}.support-channel-card{min-height:auto}}

.payment-page-shell{min-width:0}.payment-main-grid{min-width:0}.payment-qris-box{width:100%;max-width:260px;justify-self:center}.payment-qris-box .ph-qr-code{font-size:clamp(7rem,14vw,11rem)!important}.payment-total-grid>*{min-width:0}.payment-transaction-row{min-width:0}@media(max-width:1023px){.payment-qris-grid{grid-template-columns:1fr}.payment-qris-box{max-width:220px}.payment-page-shell .btn-primary{width:100%}}@media(max-width:640px){.payment-page-shell h1{font-size:2.2rem}.payment-total-grid{grid-template-columns:1fr}.payment-qris-box{max-width:190px;border-radius:1.5rem}.payment-qris-box .ph-qr-code{font-size:7rem!important}}

.admin-body .field{overflow:visible!important;text-overflow:clip!important;white-space:normal}.admin-body input.field{white-space:nowrap;text-overflow:clip}.admin-body textarea.field{resize:vertical;min-height:6rem}.admin-body label{min-width:0}.admin-body form.soft-card{overflow:visible}.admin-body .soft-card{overflow:visible}.admin-body [data-plan-editor],.admin-body [data-margin-row]{min-width:0}.admin-body input,.admin-body textarea,.admin-body select{min-width:0;max-width:100%}@media(max-width:1023px){.admin-body>div.grid{grid-template-columns:1fr!important}.admin-body aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.admin-body aside.space-y-4>*+*{margin-top:0!important}}@media(max-width:640px){.admin-body aside{grid-template-columns:1fr}.admin-body .grid.md\:grid-cols-2,.admin-body .grid.xl\:grid-cols-2,.admin-body .grid.xl\:grid-cols-3{grid-template-columns:1fr!important}.admin-body [data-margin-row]{grid-template-columns:1fr!important}.admin-body [data-margin-row] span{display:block}.admin-body input.field,.admin-body textarea.field{font-size:16px!important}}

/* Focused revision: responsive hero + marketplace floating controls */
.home-hero{min-height:auto;align-items:center}.home-hero .hero-title{max-width:13.5ch;text-wrap:balance}.home-hero .hero-description{text-wrap:pretty}@media(min-width:1024px){.home-hero{gap:clamp(2rem,5vw,4.5rem)}.home-hero .hero-title{font-size:clamp(3rem,4.35vw,3.85rem)!important;line-height:1.04!important}.home-hero .hero-description{max-width:42rem}}@media(min-width:1280px){.home-hero .hero-title{max-width:14.5ch}}@media(max-width:640px){.home-hero .hero-title{max-width:100%;font-size:clamp(2.15rem,10.5vw,2.65rem)!important;line-height:1.06!important}}
.marketplace-hero-layout{position:relative;min-width:0}.marketplace-copy h1{text-wrap:balance}.marketplace-copy p[data-setting="marketplaceDescription"]{text-wrap:pretty}.marketplace-sticky-controls{position:relative;z-index:20}.market-floating-bar{position:fixed;left:50%;top:calc(4.85rem + env(safe-area-inset-top));z-index:70;width:min(1120px,calc(100vw - 1.5rem));transform:translate3d(-50%,-18px,0) scale(.98);opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease;filter:drop-shadow(0 22px 70px rgba(2,6,23,.42))}.market-floating-bar.is-visible{opacity:1;pointer-events:auto;transform:translate3d(-50%,0,0) scale(1)}.market-floating-inner{display:flex;align-items:center;gap:.55rem;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding:.58rem;border-radius:1.35rem;background:linear-gradient(135deg,rgba(15,23,42,.90),rgba(15,23,42,.70));border:1px solid rgba(148,163,184,.18);backdrop-filter:blur(22px) saturate(150%);scrollbar-width:none;-webkit-overflow-scrolling:touch}.market-floating-inner::-webkit-scrollbar{display:none}.market-floating-action,.market-floating-chip,.market-floating-sort{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:.42rem;min-height:2.62rem;padding:.72rem .88rem;border-radius:1rem;background:rgba(255,255,255,.07);border:1px solid rgba(148,163,184,.16);color:#cbd5e1;font-size:.78rem;font-weight:950;white-space:nowrap;transition:.18s ease}.market-floating-action:hover,.market-floating-chip:hover,.market-floating-sort:hover{border-color:rgba(52,211,153,.36);color:#d1fae5;background:rgba(16,185,129,.11)}.market-floating-chip.is-active,.market-floating-action.is-active{background:linear-gradient(135deg,#34d399,#22d3ee);border-color:rgba(52,211,153,.52);color:#020617;box-shadow:0 12px 35px rgba(16,185,129,.18)}.market-floating-group{display:flex;align-items:center;gap:.45rem;flex:0 0 auto}.market-floating-sort{display:grid;grid-template-columns:auto minmax(8rem,1fr);padding:.68rem .75rem}.market-floating-sort i{color:#34d399}.market-floating-sort select{appearance:none;background:transparent;border:0;outline:0;color:inherit;font-weight:950;min-width:7.6rem}.market-floating-sort option{background:#0f172a;color:#e2e8f0}.market-floating-search-box{display:none;align-items:center;gap:.5rem;flex:0 0 clamp(13rem,28vw,22rem);min-height:2.62rem;padding:.62rem .82rem;border-radius:1rem;background:rgba(2,6,23,.54);border:1px solid rgba(52,211,153,.25);color:#d1fae5}.market-floating-search-box i{color:#34d399}.market-floating-search-box input{width:100%;min-width:0;background:transparent;border:0;outline:0;color:#e2e8f0;font-size:16px;font-weight:850}.market-floating-bar.search-open .market-floating-search-box,.market-floating-search-box.is-open{display:flex}.market-floating-bar.search-open .market-floating-search-btn{display:none}html:not(.dark) .market-floating-inner{background:rgba(255,255,255,.92);border-color:rgba(15,23,42,.10);box-shadow:0 24px 70px rgba(15,23,42,.12)}html:not(.dark) .market-floating-action,html:not(.dark) .market-floating-chip,html:not(.dark) .market-floating-sort{background:rgba(248,250,252,.88);border-color:rgba(15,23,42,.10);color:#334155}html:not(.dark) .market-floating-chip.is-active,html:not(.dark) .market-floating-action.is-active{color:#ffffff;background:linear-gradient(135deg,#10b981,#06b6d4)}html:not(.dark) .market-floating-search-box{background:rgba(248,250,252,.96);border-color:rgba(5,150,105,.22);color:#0f172a}html:not(.dark) .market-floating-search-box input,html:not(.dark) .market-floating-sort select{color:#0f172a}html:not(.dark) .market-floating-sort option{background:#ffffff;color:#0f172a}@media(min-width:1280px){.marketplace-hero-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(420px,520px);align-items:start}.marketplace-control-panel{width:100%!important}.market-control-block{padding:.82rem}.market-sort-card{grid-template-columns:minmax(0,1fr) minmax(160px,210px)}}@media(max-width:1024px){.market-floating-bar{top:calc(4.55rem + env(safe-area-inset-top));width:min(100vw - 1rem,780px)}.market-floating-inner{padding:.5rem;border-radius:1.15rem}.market-floating-action,.market-floating-chip,.market-floating-sort{min-height:2.48rem;padding:.66rem .76rem;font-size:.74rem;border-radius:.9rem}.market-floating-group .market-floating-chip span{max-width:8rem;overflow:hidden;text-overflow:ellipsis}}@media(max-width:640px){.marketplace-copy h1{font-size:clamp(2rem,10vw,2.65rem)!important;line-height:1.06}.marketplace-copy p[data-setting="marketplaceDescription"]{font-size:.95rem;line-height:1.65}.market-floating-bar{top:calc(4.15rem + env(safe-area-inset-top));width:calc(100vw - .75rem)}.market-floating-inner{gap:.42rem;padding:.42rem;border-radius:1rem}.market-floating-action,.market-floating-chip,.market-floating-sort{min-height:2.34rem;padding:.58rem .68rem;font-size:.71rem}.market-floating-action span,.market-floating-chip span{max-width:6.6rem;overflow:hidden;text-overflow:ellipsis}.market-floating-search-box{flex-basis:min(15rem,72vw);min-height:2.34rem;padding:.54rem .68rem}.market-floating-sort{grid-template-columns:auto minmax(6.8rem,1fr)}.market-floating-sort select{min-width:6.5rem}.market-control-block,.market-search-shell,.market-sort-card{box-shadow:none}}

/* Final focused correction: keep mobile hero stable, reduce desktop hero only, and contain marketplace controls. */
.home-hero .hero-title{max-width:100%;text-wrap:balance}
@media(min-width:1024px){
  .home-hero .hero-title{font-size:clamp(2.55rem,3.15vw,3.25rem)!important;line-height:1.08!important;max-width:19.5ch!important}
  .home-hero{gap:clamp(2rem,4vw,4rem)}
}
@media(min-width:1440px){
  .home-hero .hero-title{font-size:clamp(2.8rem,2.8vw,3.45rem)!important;max-width:20ch!important}
}
@media(max-width:1023px){
  .home-hero .hero-title{max-width:100%!important}
}
@media(max-width:640px){
  .home-hero .hero-title{font-size:2.25rem!important;line-height:1.06!important}
}

.marketplace-control-panel{overflow:hidden!important;contain:paint;isolation:isolate}
.market-control-block,.market-search-shell,.market-sort-card{max-width:100%;min-width:0;overflow:hidden}
.market-filter-scroll{width:100%;max-width:100%;min-width:0;overflow-x:auto!important;overflow-y:hidden!important;display:flex;flex-wrap:nowrap;clip-path:inset(0 round 1rem)}
.market-filter-scroll .process-filter-btn{flex:0 0 auto;max-width:min(82vw,22rem);min-width:0}
.market-filter-scroll .process-filter-btn span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}
@media(max-width:640px){
  .marketplace-control-panel{position:relative!important;margin-inline:0!important;border-radius:1.25rem!important}
  .market-filter-scroll{margin-inline:0!important;padding-inline:.05rem!important;clip-path:inset(0 round .9rem)}
  .market-filter-scroll .process-filter-btn{max-width:min(72vw,18rem)}
  .market-floating-bar{top:calc(5.15rem + env(safe-area-inset-top))!important;width:calc(100vw - 1rem)!important}
  .market-floating-inner{max-width:100%;overflow-x:auto!important}
}
@media(max-width:380px){
  .market-floating-bar{top:calc(5rem + env(safe-area-inset-top))!important;width:calc(100vw - .8rem)!important}
}

/* Emergency marketplace containment fix: the full filter panel must stay in the normal document flow on every device. Only the compact floating bar may follow the scroll. */
.marketplace-sticky-controls,
.marketplace-control-panel{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  z-index:1!important;
  transform:none!important;
}
.marketplace-hero-layout{
  overflow:visible!important;
  isolation:auto!important;
}
.marketplace-control-panel{
  max-height:none!important;
  overflow:hidden!important;
  contain:none!important;
}
.market-control-block,
.market-search-shell,
.market-sort-card{
  position:relative!important;
  z-index:1!important;
}
.market-filter-scroll{
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  flex-wrap:nowrap!important;
}
#providerGrid{
  position:relative!important;
  z-index:0!important;
  clear:both!important;
}
.market-floating-bar{
  z-index:90!important;
}
@media(min-width:1024px){
  .home-hero .hero-title{
    font-size:clamp(2.15rem,2.45vw,2.85rem)!important;
    line-height:1.1!important;
    max-width:24ch!important;
  }
  .home-hero .hero-description{
    max-width:40rem!important;
  }
  .marketplace-hero-layout{
    align-items:start!important;
  }
}
@media(max-width:1279px){
  .marketplace-control-panel{
    position:relative!important;
    top:auto!important;
  }
}
@media(max-width:640px){
  .marketplace-sticky-controls,
  .marketplace-control-panel{
    position:relative!important;
    top:auto!important;
    z-index:1!important;
  }
  .marketplace-hero-layout{
    overflow:visible!important;
  }
  .market-floating-bar{
    top:calc(5.35rem + env(safe-area-inset-top))!important;
    width:calc(100vw - 1rem)!important;
  }
}
@media(max-width:380px){
  .market-floating-bar{
    top:calc(5.25rem + env(safe-area-inset-top))!important;
  }
}

/* Marketplace final containment v3: compact right panel, invisible internal scroll, and stable floating bar. */
@media (min-width:1280px){
  .marketplace-hero-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(340px,430px)!important;
    gap:clamp(1.25rem,2vw,2rem)!important;
    align-items:start!important;
  }
  .marketplace-copy{max-width:44rem!important;min-width:0!important;}
  .marketplace-control-panel{
    width:100%!important;
    max-width:430px!important;
    max-height:clamp(18rem,52vh,27rem)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
    overscroll-behavior:contain!important;
    padding:.82rem!important;
    gap:.7rem!important;
    border-radius:1.45rem!important;
  }
  .marketplace-control-panel::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}
  .market-control-block,
  .market-search-shell,
  .market-sort-card{border-radius:1.1rem!important;padding:.72rem!important;}
  .market-control-title{font-size:.61rem!important;letter-spacing:.12em!important;margin-bottom:.48rem!important;}
  .market-search-shell{grid-template-columns:auto minmax(0,1fr)!important;gap:.56rem!important;}
  .market-search-shell span{display:none!important;}
  .market-search-shell input{font-size:.86rem!important;}
  .market-sort-card{grid-template-columns:1fr!important;gap:.55rem!important;}
  .market-sort-card p:last-child{font-size:.7rem!important;line-height:1.35!important;}
  .market-sort-select{padding:.64rem .72rem!important;border-radius:.92rem!important;}
  .market-filter-scroll{gap:.42rem!important;padding-bottom:.06rem!important;}
  .market-filter-scroll .process-filter-btn{padding:.58rem .72rem!important;font-size:.72rem!important;border-radius:.88rem!important;max-width:15.5rem!important;}
}
@media (min-width:1536px){
  .marketplace-hero-layout{grid-template-columns:minmax(0,1fr) minmax(360px,450px)!important;}
  .marketplace-control-panel{max-width:450px!important;}
}
@media (max-width:1279px){
  .marketplace-control-panel{
    max-height:none!important;
    overflow:visible!important;
  }
}
@media (max-width:640px){
  .marketplace-control-panel{
    overflow:hidden!important;
  }
  .market-floating-bar{
    left:.65rem!important;
    right:.65rem!important;
    width:auto!important;
    max-width:none!important;
    transform:translate3d(0,-18px,0) scale(.98)!important;
  }
  .market-floating-bar.is-visible{
    transform:translate3d(0,0,0) scale(1)!important;
  }
  .market-floating-inner{
    width:100%!important;
    max-width:100%!important;
    padding:.5rem!important;
    gap:.46rem!important;
  }
  .market-floating-action,
  .market-floating-chip,
  .market-floating-sort{
    min-height:2.42rem!important;
    padding:.62rem .74rem!important;
    font-size:.74rem!important;
    border-radius:.92rem!important;
  }
  .market-floating-group{gap:.42rem!important;}
  .market-floating-sort{grid-template-columns:auto minmax(5.8rem,1fr)!important;}
  .market-floating-sort select{min-width:5.8rem!important;}
}
@media (max-width:380px){
  .market-floating-bar{left:.5rem!important;right:.5rem!important;}
  .market-floating-action,
  .market-floating-chip,
  .market-floating-sort{padding:.58rem .64rem!important;font-size:.7rem!important;}
}

/* Support page responsive enterprise polish */
.support-page-shell,.support-hero,.support-layout-grid,.support-hero-grid,.support-channels-grid{min-width:0}.support-hero{position:relative;background:linear-gradient(135deg,rgba(15,23,42,.72),rgba(14,165,233,.07),rgba(16,185,129,.06));border:1px solid rgba(148,163,184,.14)}.support-hero::before{content:"";position:absolute;inset:-35% -16% auto auto;width:28rem;height:28rem;border-radius:999px;background:radial-gradient(circle,rgba(34,211,238,.18),transparent 68%);pointer-events:none}.support-hero::after{content:"";position:absolute;left:-8rem;bottom:-12rem;width:24rem;height:24rem;border-radius:999px;background:radial-gradient(circle,rgba(16,185,129,.13),transparent 68%);pointer-events:none}.support-hero>*{position:relative;z-index:1}.support-title{text-wrap:balance;max-width:13ch}.support-description{text-wrap:pretty}.support-meta-card,.support-mini-card{min-width:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.support-channel-card{position:relative;overflow:hidden;border:1px solid rgba(148,163,184,.14);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));box-shadow:0 22px 70px rgba(2,6,23,.18),inset 0 1px 0 rgba(255,255,255,.05);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.support-channel-card::before{content:"";position:absolute;right:-4rem;top:-4rem;width:9rem;height:9rem;border-radius:999px;background:radial-gradient(circle,var(--support-glow,rgba(52,211,153,.16)),transparent 70%);pointer-events:none}.support-channel-card:hover{transform:translateY(-2px);border-color:var(--support-border,rgba(52,211,153,.32));box-shadow:0 26px 80px rgba(2,6,23,.25),inset 0 1px 0 rgba(255,255,255,.07)}.support-channel-card>*{position:relative;z-index:1}.support-channel-icon{background:var(--support-soft,rgba(52,211,153,.14));color:var(--support-color,#6ee7b7)}.support-channel-value{color:var(--support-color,#6ee7b7);font-size:clamp(.95rem,1.2vw,1.08rem)}.support-channel-action{background:rgba(255,255,255,.06);border:1px solid rgba(148,163,184,.14);color:#e2e8f0}.support-channel-action:hover{background:var(--support-color,#34d399);border-color:transparent;color:#020617}.support-tone-emerald{--support-color:#6ee7b7;--support-soft:rgba(16,185,129,.14);--support-glow:rgba(16,185,129,.18);--support-border:rgba(16,185,129,.36)}.support-tone-cyan{--support-color:#67e8f9;--support-soft:rgba(6,182,212,.14);--support-glow:rgba(6,182,212,.18);--support-border:rgba(6,182,212,.36)}.support-tone-sky{--support-color:#7dd3fc;--support-soft:rgba(14,165,233,.14);--support-glow:rgba(14,165,233,.18);--support-border:rgba(14,165,233,.36)}.support-tone-violet{--support-color:#c4b5fd;--support-soft:rgba(139,92,246,.14);--support-glow:rgba(139,92,246,.18);--support-border:rgba(139,92,246,.36)}.support-side-panel{background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));border:1px solid rgba(148,163,184,.14)}html:not(.dark) .support-hero{background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(236,253,245,.78),rgba(240,249,255,.76));border-color:rgba(15,23,42,.08)}html:not(.dark) .support-meta-card,html:not(.dark) .support-mini-card{background:rgba(255,255,255,.72);border-color:rgba(15,23,42,.08)}html:not(.dark) .support-channel-card,html:not(.dark) .support-side-panel{background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(248,250,252,.82));border-color:rgba(15,23,42,.09);box-shadow:0 20px 60px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.85)}html:not(.dark) .support-channel-action{background:rgba(15,23,42,.045);border-color:rgba(15,23,42,.09);color:#0f172a}
@media(max-width:1279px){.support-layout-grid{grid-template-columns:1fr}.support-side-panel{position:relative!important;top:auto!important}.support-title{max-width:18ch}.support-channels-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1280px) and (max-width:1535px){.support-channels-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.support-channel-card{min-height:220px}}
@media(min-width:1536px){.support-channels-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.support-channel-card{min-height:238px}}
@media(max-width:767px){.support-page-shell{gap:1rem}.support-hero{border-radius:1.45rem!important;padding:1rem!important}.support-hero-grid{grid-template-columns:1fr}.support-title{font-size:clamp(2rem,9vw,2.65rem);line-height:1.06;max-width:100%}.support-description{font-size:.95rem;line-height:1.65}.support-meta-grid{grid-template-columns:1fr}.support-priority-card{border-radius:1.35rem!important;padding:1rem!important}.support-channels-grid{grid-template-columns:1fr}.support-channel-card{border-radius:1.35rem!important;min-height:auto;padding:1rem!important}.support-channel-action{width:100%}.support-side-panel{border-radius:1.35rem!important;padding:1rem!important}.support-mini-card,.support-meta-card{border-radius:1rem!important}}
@media(max-width:380px){.support-title{font-size:2rem}.support-channel-value{font-size:.9rem}.support-channel-card h3{font-size:1.05rem}.support-hero .inline-flex{letter-spacing:.12em}}

/* Deposit responsive split layout refinement */
.deposit-page-shell{min-width:0}.deposit-page-shell>*{min-width:0}.deposit-form-pane,.deposit-summary-pane{min-width:0}.deposit-hero-card,.deposit-form-card,.deposit-history-card,.deposit-balance-card,.deposit-login-card{min-width:0}.deposit-hero-card,.deposit-balance-card{position:relative}.deposit-hero-card::before,.deposit-balance-card::before{content:"";position:absolute;inset:-45% -20% auto auto;width:22rem;height:22rem;border-radius:999px;background:radial-gradient(circle,rgba(34,211,238,.16),transparent 68%);pointer-events:none}.deposit-hero-card::after,.deposit-balance-card::after{content:"";position:absolute;left:-7rem;bottom:-9rem;width:18rem;height:18rem;border-radius:999px;background:radial-gradient(circle,rgba(16,185,129,.14),transparent 68%);pointer-events:none}.deposit-hero-card>* ,.deposit-balance-card>*{position:relative;z-index:1}.deposit-hero-icon{box-shadow:0 18px 60px rgba(16,185,129,.12)}.deposit-form-card .field{font-size:16px}.deposit-info-card{min-width:0}.deposit-balance-value{line-height:1.05}.deposit-balance-meta>*{min-width:0}.deposit-history-list{min-width:0}.deposit-history-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;min-width:0}.deposit-history-row>*{min-width:0}.deposit-history-status{display:flex;justify-content:flex-end;align-items:flex-start;shrink:0}.deposit-history-card .empty-state,.deposit-history-card [class*="empty"]{min-width:0}@media(min-width:1024px){.deposit-split-layout{align-items:start}.deposit-split-layout .split-scroll-pane{max-height:calc(100vh - 7.2rem);overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.24) transparent;padding-bottom:.35rem}.deposit-split-layout .split-scroll-products{padding-right:.45rem}.deposit-split-layout .split-scroll-summary{max-height:calc(100vh - 7.2rem);padding-right:.45rem}.deposit-split-layout .split-scroll-pane::-webkit-scrollbar{width:.42rem}.deposit-split-layout .split-scroll-pane::-webkit-scrollbar-track{background:transparent}.deposit-split-layout .split-scroll-pane::-webkit-scrollbar-thumb{background:rgba(148,163,184,.22);border-radius:999px}.deposit-split-layout .split-scroll-pane:hover::-webkit-scrollbar-thumb{background:rgba(148,163,184,.34)}}@media(min-width:1280px){.deposit-split-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}@media(max-width:1023px){.deposit-page-shell{gap:1.25rem}.deposit-split-layout .split-scroll-pane{max-height:none;overflow:visible;padding-right:0}.deposit-summary-pane{position:static!important;top:auto!important}.deposit-hero-card,.deposit-form-card,.deposit-history-card,.deposit-balance-card,.deposit-login-card{border-radius:1.55rem!important}.deposit-history-row{gap:.85rem}}@media(max-width:640px){.deposit-page-shell{gap:1rem}.deposit-hero-card,.deposit-form-card,.deposit-history-card,.deposit-balance-card,.deposit-login-card{padding:1rem!important}.deposit-hero-card h1{font-size:2rem;line-height:1.08}.deposit-form-card h2,.deposit-history-card h2{font-size:1.35rem}.deposit-history-row{flex-direction:column}.deposit-history-status{justify-content:flex-start}.deposit-balance-meta{grid-template-columns:1fr}.deposit-info-card{border-radius:1.25rem!important;padding:1rem!important}.deposit-form-card .btn-primary{width:100%}}html:not(.dark) .deposit-hero-card,html:not(.dark) .deposit-form-card,html:not(.dark) .deposit-history-card,html:not(.dark) .deposit-balance-card,html:not(.dark) .deposit-login-card{background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(248,250,252,.84));border-color:rgba(15,23,42,.08)}html:not(.dark) .deposit-balance-meta>div{background:rgba(15,23,42,.04);border-color:rgba(15,23,42,.08)}

/* Admin action buttons: prevent flat/gepeng buttons on delete and clear-image flows */
.admin-danger-action,.admin-ghost-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.48rem!important;min-height:3.05rem!important;width:100%;padding:.82rem 1rem!important;border-radius:1rem!important;font-size:.88rem!important;font-weight:950!important;line-height:1.2!important;text-align:center!important;white-space:normal!important;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease!important}
.admin-danger-action{background:linear-gradient(135deg,rgba(244,63,94,.18),rgba(239,68,68,.10))!important;border:1px solid rgba(251,113,133,.24)!important;color:#fda4af!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045)}
.admin-danger-action:hover{transform:translateY(-1px);border-color:rgba(251,113,133,.44)!important;background:linear-gradient(135deg,rgba(244,63,94,.26),rgba(239,68,68,.14))!important;color:#fecdd3!important}
.admin-ghost-action{background:linear-gradient(135deg,rgba(148,163,184,.12),rgba(255,255,255,.045))!important;border:1px solid rgba(148,163,184,.18)!important;color:#dbeafe!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.admin-ghost-action:hover{transform:translateY(-1px);border-color:rgba(52,211,153,.35)!important;background:linear-gradient(135deg,rgba(16,185,129,.13),rgba(14,165,233,.07))!important;color:#a7f3d0!important}
.admin-upload-action{min-height:3.05rem!important;line-height:1.2!important;white-space:normal!important}
html:not(.dark) .admin-danger-action{background:linear-gradient(135deg,rgba(225,29,72,.10),rgba(248,113,113,.07))!important;border-color:rgba(225,29,72,.18)!important;color:#be123c!important}
html:not(.dark) .admin-danger-action:hover{background:linear-gradient(135deg,rgba(225,29,72,.14),rgba(248,113,113,.10))!important;border-color:rgba(225,29,72,.28)!important;color:#9f1239!important}
html:not(.dark) .admin-ghost-action{background:rgba(255,255,255,.86)!important;border-color:rgba(15,23,42,.10)!important;color:#334155!important}
html:not(.dark) .admin-ghost-action:hover{background:rgba(236,253,245,.94)!important;border-color:rgba(5,150,105,.24)!important;color:#047857!important}
.product-pick-card .pick-source{display:inline-flex;align-items:center;justify-content:center;max-width:7rem;min-height:1.45rem;padding:.24rem .48rem;border-radius:999px;font-size:.58rem;font-style:normal;font-weight:950;white-space:nowrap;border:1px solid rgba(148,163,184,.16);background:rgba(148,163,184,.10);color:#cbd5e1;flex:0 0 auto}.product-pick-card .pick-source.flowix{background:rgba(56,189,248,.13);border-color:rgba(56,189,248,.26);color:#7dd3fc}.product-pick-card .pick-source.managed{background:rgba(34,211,238,.12);border-color:rgba(34,211,238,.24);color:#a5f3fc}.product-pick-card .pick-source.internal_stock{background:rgba(168,85,247,.12);border-color:rgba(168,85,247,.24);color:#d8b4fe}.product-pick-flowix{border-color:rgba(56,189,248,.18)}.product-pick-managed{border-color:rgba(34,211,238,.18)}
html:not(.dark) .product-pick-card .pick-source.flowix{background:rgba(14,165,233,.10);border-color:rgba(14,165,233,.20);color:#0369a1}html:not(.dark) .product-pick-card .pick-source.managed{background:rgba(8,145,178,.09);border-color:rgba(8,145,178,.18);color:#0e7490}html:not(.dark) .product-pick-card .pick-source.internal_stock{background:rgba(126,34,206,.09);border-color:rgba(126,34,206,.18);color:#6b21a8}
@media(max-width:520px){.admin-danger-action,.admin-ghost-action,.admin-upload-action{min-height:3.15rem!important}.product-pick-card .pick-source{order:4;max-width:100%;margin-left:calc(2.75rem + .75rem)}}

/* UI/UX audit revision: stable icon buttons, checkout visuals, and sticky admin section switcher. */
.ph{line-height:1!important;vertical-align:middle}.btn-primary i,.admin-tab-btn i,.admin-danger-action i,.admin-ghost-action i,.admin-upload-action i,.product-cart-btn i,.qty-btn i,.cart-remove-btn i,.checkout-remove-btn i{display:inline-flex;align-items:center;justify-content:center;line-height:1!important;flex:0 0 auto}.admin-shell{overflow:visible!important}.admin-body{overflow:visible!important}.admin-sticky-switcher{position:sticky;top:calc(5.15rem + env(safe-area-inset-top));z-index:75;padding:.55rem;border-radius:1.45rem;background:linear-gradient(135deg,rgba(15,23,42,.88),rgba(15,23,42,.68));border:1px solid rgba(148,163,184,.18);box-shadow:0 24px 80px rgba(2,6,23,.32),inset 0 1px 0 rgba(255,255,255,.045);backdrop-filter:blur(22px) saturate(150%)}.admin-sticky-switcher::before{content:"";position:absolute;inset:-.75rem 0 auto 0;height:.75rem;pointer-events:none;background:linear-gradient(180deg,rgba(2,6,23,.52),transparent);border-radius:999px}.admin-sticky-switcher .admin-tabs{display:flex!important;align-items:center!important;gap:.55rem!important;overflow-x:auto!important;overflow-y:hidden!important;padding:.08rem!important;margin:0!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}.admin-sticky-switcher .admin-tabs::-webkit-scrollbar{display:none}.admin-tab-btn{flex:0 0 auto;min-height:2.72rem;display:inline-flex;align-items:center;justify-content:center;gap:.48rem;padding:.72rem 1rem;border-radius:1.05rem;background:rgba(255,255,255,.055);border:1px solid rgba(148,163,184,.16);color:#cbd5e1;font-size:.84rem;font-weight:950;line-height:1.1;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.admin-tab-btn i{font-size:1.08rem}.admin-tab-btn:hover{transform:translateY(-1px);border-color:rgba(52,211,153,.38);background:rgba(16,185,129,.10);color:#d1fae5}.admin-tab-btn.is-active,.admin-tab-btn.route-active{background:linear-gradient(135deg,#34d399,#22d3ee)!important;color:#020617!important;border-color:rgba(52,211,153,.55)!important;box-shadow:0 14px 42px rgba(16,185,129,.18),inset 0 1px 0 rgba(255,255,255,.18)}.admin-tab-btn.is-active i,.admin-tab-btn.route-active i{color:#020617!important}.checkout-section-icon,.checkout-payment-icon,.cart-remove-btn,.checkout-remove-btn{aspect-ratio:1/1;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto;line-height:1!important}.checkout-section-icon{width:3.05rem;height:3.05rem;border-radius:1.1rem;background:linear-gradient(135deg,rgba(16,185,129,.20),rgba(34,211,238,.10));border:1px solid rgba(52,211,153,.24);color:#6ee7b7;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 50px rgba(16,185,129,.08)}.checkout-section-icon i{font-size:1.62rem}.checkout-payment-icon{width:3.05rem;height:3.05rem;margin-bottom:.8rem;border-radius:1.1rem;border:1px solid rgba(148,163,184,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.055)}.checkout-payment-icon i{font-size:1.58rem}.checkout-payment-icon-emerald{background:rgba(16,185,129,.15);color:#6ee7b7;border-color:rgba(52,211,153,.22)}.checkout-payment-icon-blue{background:rgba(59,130,246,.14);color:#93c5fd;border-color:rgba(96,165,250,.22)}.payment-card{min-height:10.25rem;display:flex;flex-direction:column;align-items:flex-start}.cart-remove-btn,.checkout-remove-btn{width:2.85rem;height:2.85rem;min-width:2.85rem;min-height:2.85rem;border-radius:1.05rem;background:linear-gradient(135deg,rgba(244,63,94,.18),rgba(239,68,68,.10));border:1px solid rgba(251,113,133,.22);color:#fda4af;box-shadow:inset 0 1px 0 rgba(255,255,255,.045);transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.cart-remove-btn i,.checkout-remove-btn i{font-size:1.16rem}.cart-remove-btn:hover,.checkout-remove-btn:hover{transform:translateY(-1px);border-color:rgba(251,113,133,.45);background:linear-gradient(135deg,rgba(244,63,94,.26),rgba(239,68,68,.14));color:#fecdd3}.checkout-row{min-width:0}.checkout-row .qty-control{flex:0 0 auto}.checkout-row .qty-btn,.cart-row .qty-btn{min-width:2.15rem;min-height:2.15rem}.product-cart-btn{min-height:2.85rem!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.48rem!important}.product-cart-btn i{font-size:1.05rem}.admin-upload-card{position:relative;overflow:hidden!important;background:linear-gradient(145deg,rgba(15,23,42,.90),rgba(15,23,42,.62))!important}.admin-upload-card::before{content:"";position:absolute;right:-4rem;top:-4rem;width:10rem;height:10rem;border-radius:999px;background:radial-gradient(circle,rgba(52,211,153,.16),transparent 70%);pointer-events:none}.admin-upload-card>*{position:relative;z-index:1}.admin-upload-badge{display:inline-flex;align-items:center;justify-content:center;gap:.36rem;min-height:2.05rem;padding:.48rem .68rem;border-radius:.8rem;background:rgba(16,185,129,.10);border:1px solid rgba(52,211,153,.20);color:#6ee7b7;font-size:.72rem;font-weight:950;white-space:nowrap}.admin-upload-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.admin-upload-action,.admin-ghost-action{min-height:3.2rem!important;border-radius:1.05rem!important;padding:.86rem 1rem!important;white-space:normal!important}.admin-upload-action{width:100%!important}.admin-upload-action span,.admin-ghost-action span{display:inline-block;min-width:0;overflow-wrap:anywhere}.admin-ghost-action{background:linear-gradient(135deg,rgba(148,163,184,.12),rgba(255,255,255,.045))!important;border:1px solid rgba(148,163,184,.20)!important;color:#cbd5e1!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.admin-ghost-action:hover{transform:translateY(-1px);border-color:rgba(52,211,153,.34)!important;background:linear-gradient(135deg,rgba(16,185,129,.14),rgba(34,211,238,.07))!important;color:#d1fae5!important}html:not(.dark) .admin-sticky-switcher{background:rgba(255,255,255,.92);border-color:rgba(15,23,42,.10);box-shadow:0 24px 70px rgba(15,23,42,.12),inset 0 1px 0 rgba(255,255,255,.8)}html:not(.dark) .admin-sticky-switcher::before{background:linear-gradient(180deg,rgba(248,250,252,.82),transparent)}html:not(.dark) .admin-tab-btn{background:rgba(248,250,252,.88);border-color:rgba(15,23,42,.10);color:#334155}html:not(.dark) .admin-tab-btn:hover{background:rgba(16,185,129,.10);color:#047857}html:not(.dark) .admin-tab-btn.is-active,html:not(.dark) .admin-tab-btn.route-active{color:#ffffff!important;background:linear-gradient(135deg,#10b981,#06b6d4)!important}html:not(.dark) .admin-tab-btn.is-active i,html:not(.dark) .admin-tab-btn.route-active i{color:#ffffff!important}html:not(.dark) .checkout-section-icon{background:linear-gradient(135deg,rgba(16,185,129,.13),rgba(14,165,233,.08));border-color:rgba(5,150,105,.16);color:#047857;box-shadow:0 14px 42px rgba(15,23,42,.06)}html:not(.dark) .checkout-payment-icon-emerald{background:rgba(16,185,129,.11);color:#047857;border-color:rgba(5,150,105,.16)}html:not(.dark) .checkout-payment-icon-blue{background:rgba(37,99,235,.10);color:#1d4ed8;border-color:rgba(37,99,235,.14)}html:not(.dark) .cart-remove-btn,html:not(.dark) .checkout-remove-btn{background:linear-gradient(135deg,rgba(225,29,72,.10),rgba(248,113,113,.07));border-color:rgba(225,29,72,.16);color:#be123c}html:not(.dark) .admin-upload-card{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(248,250,252,.82))!important}html:not(.dark) .admin-upload-badge{background:rgba(5,150,105,.09);border-color:rgba(5,150,105,.14);color:#047857}html:not(.dark) .admin-ghost-action{background:rgba(15,23,42,.045)!important;border-color:rgba(15,23,42,.10)!important;color:#334155!important}html:not(.dark) .admin-ghost-action:hover{background:rgba(16,185,129,.10)!important;border-color:rgba(5,150,105,.22)!important;color:#047857!important}
@media(max-width:1023px){.admin-sticky-switcher{top:calc(4.75rem + env(safe-area-inset-top));border-radius:1.25rem}.admin-tab-btn{min-height:2.58rem;padding:.66rem .82rem;font-size:.78rem}.admin-tab-btn span{max-width:8.8rem;overflow:hidden;text-overflow:ellipsis}.checkout-row{grid-template-columns:1fr!important}.checkout-row>div:last-of-type{width:100%;justify-content:space-between}.payment-card{min-height:auto}}
@media(max-width:640px){.admin-shell{overflow:visible!important}.admin-body{overflow:visible!important}.admin-sticky-switcher{top:calc(4.45rem + env(safe-area-inset-top));margin-left:-.15rem;margin-right:-.15rem;padding:.42rem;border-radius:1.08rem}.admin-sticky-switcher .admin-tabs{gap:.42rem!important}.admin-tab-btn{min-height:2.45rem;padding:.6rem .7rem;border-radius:.88rem;font-size:.72rem}.admin-tab-btn i{font-size:1rem}.checkout-section-icon,.checkout-payment-icon{width:2.72rem;height:2.72rem;border-radius:1rem}.checkout-section-icon i,.checkout-payment-icon i{font-size:1.38rem}.cart-remove-btn,.checkout-remove-btn{width:2.65rem;height:2.65rem;min-width:2.65rem;min-height:2.65rem;border-radius:.95rem}.checkout-row .qty-control-sm{min-width:7.7rem}.admin-upload-actions{grid-template-columns:1fr}.admin-upload-action,.admin-ghost-action{min-height:3.1rem!important}.payment-card{padding:1rem!important}}
@media(max-width:420px){.admin-tab-btn span{max-width:6.5rem}.checkout-row .flex.items-center.justify-between{gap:.6rem}.checkout-row .min-w-\[90px\]{min-width:4.7rem!important}.cart-remove-btn,.checkout-remove-btn{width:2.5rem;height:2.5rem;min-width:2.5rem;min-height:2.5rem}.cart-remove-btn i,.checkout-remove-btn i{font-size:1.05rem}}


/* Final fix: admin section switcher must remain visible on every scroll container/device. */
.admin-shell{
  overflow:visible!important;
  padding-top:clamp(4.2rem,6vw,4.95rem)!important;
}
.admin-shell .admin-sticky-switcher{
  position:fixed!important;
  top:calc(5.05rem + env(safe-area-inset-top))!important;
  left:max(1rem,calc((100vw - 1180px)/2 + 1rem))!important;
  right:max(1rem,calc((100vw - 1180px)/2 + 1rem))!important;
  width:auto!important;
  max-width:none!important;
  z-index:999!important;
  margin:0!important;
  transform:translateZ(0)!important;
  will-change:transform;
}
.admin-shell .admin-sticky-switcher .admin-tabs{
  min-width:0!important;
  max-width:100%!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain!important;
  scroll-snap-type:x proximity;
  touch-action:pan-x!important;
}
.admin-shell .admin-tab-btn{
  scroll-snap-align:start;
  min-width:max-content!important;
}
.admin-shell .admin-sticky-switcher + .admin-body{
  padding-top:.35rem!important;
}
.admin-shell .admin-sticky-switcher::after{
  content:"Geser untuk menu lainnya";
  position:absolute;
  right:.8rem;
  bottom:-1.45rem;
  padding:.28rem .52rem;
  border-radius:999px;
  background:rgba(15,23,42,.72);
  border:1px solid rgba(148,163,184,.16);
  color:#94a3b8;
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.01em;
  pointer-events:none;
}
html:not(.dark) .admin-shell .admin-sticky-switcher::after{
  background:rgba(255,255,255,.92);
  border-color:rgba(15,23,42,.09);
  color:#64748b;
}
@media(max-width:1023px){
  .admin-shell{padding-top:4.55rem!important;}
  .admin-shell .admin-sticky-switcher{
    top:calc(4.62rem + env(safe-area-inset-top))!important;
    left:.75rem!important;
    right:.75rem!important;
  }
}
@media(max-width:640px){
  .admin-shell{padding-top:4.25rem!important;}
  .admin-shell .admin-sticky-switcher{
    top:calc(4.18rem + env(safe-area-inset-top))!important;
    left:.5rem!important;
    right:.5rem!important;
    padding:.4rem!important;
  }
  .admin-shell .admin-sticky-switcher::after{display:none!important;}
  .admin-shell .admin-tab-btn{
    min-height:2.48rem!important;
    padding:.62rem .72rem!important;
  }
}
@media(max-width:380px){
  .admin-shell .admin-tab-btn span{max-width:5.8rem!important;}
  .admin-shell .admin-tab-btn{gap:.36rem!important;padding:.58rem .62rem!important;}
}

/* Emergency UI fix: admin floating tabs spacing must breathe on every device. */
.admin-shell{
  padding-top:clamp(5.15rem,7vw,5.9rem)!important;
}
.admin-shell .admin-sticky-switcher{
  position:fixed!important;
  top:calc(5.45rem + env(safe-area-inset-top))!important;
  left:max(1.5rem,calc((100vw - 1180px)/2 + 1.5rem))!important;
  right:max(1.5rem,calc((100vw - 1180px)/2 + 1.5rem))!important;
  width:auto!important;
  max-width:none!important;
  padding:.62rem!important;
  border-radius:1.55rem!important;
  z-index:999!important;
}
.admin-shell .admin-sticky-switcher .admin-tabs{
  gap:.62rem!important;
  padding:.06rem!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  max-width:100%!important;
}
.admin-shell .admin-tab-btn{
  min-height:2.72rem!important;
  padding:.72rem 1.05rem!important;
  border-radius:1.08rem!important;
}
@media(max-width:1023px){
  .admin-shell{padding-top:5.35rem!important;}
  .admin-shell .admin-sticky-switcher{
    top:calc(5.05rem + env(safe-area-inset-top))!important;
    left:1.15rem!important;
    right:1.15rem!important;
    padding:.55rem!important;
    border-radius:1.35rem!important;
  }
  .admin-shell .admin-sticky-switcher .admin-tabs{gap:.52rem!important;}
  .admin-shell .admin-tab-btn{
    min-height:2.62rem!important;
    padding:.66rem .92rem!important;
    border-radius:1rem!important;
  }
}
@media(max-width:640px){
  .admin-shell{padding-top:5.15rem!important;}
  .admin-shell .admin-sticky-switcher{
    top:calc(4.92rem + env(safe-area-inset-top))!important;
    left:1rem!important;
    right:1rem!important;
    padding:.48rem!important;
    border-radius:1.24rem!important;
  }
  .admin-shell .admin-sticky-switcher .admin-tabs{
    gap:.48rem!important;
    padding:.03rem!important;
  }
  .admin-shell .admin-tab-btn{
    min-height:2.56rem!important;
    padding:.64rem .82rem!important;
    border-radius:.98rem!important;
    font-size:.76rem!important;
  }
  .admin-shell .admin-tab-btn span{max-width:7.4rem!important;}
}
@media(max-width:420px){
  .admin-shell .admin-sticky-switcher{
    left:.9rem!important;
    right:.9rem!important;
  }
  .admin-shell .admin-tab-btn{
    padding:.62rem .76rem!important;
    gap:.4rem!important;
  }
  .admin-shell .admin-tab-btn span{max-width:6.5rem!important;}
}
@media(max-width:360px){
  .admin-shell .admin-sticky-switcher{
    left:.8rem!important;
    right:.8rem!important;
  }
  .admin-shell .admin-tab-btn span{max-width:5.9rem!important;}
}

/* Refund Claim Center */
.claim-page-shell{align-items:start}.claim-hero-card,.claim-panel-card{border-color:rgba(16,185,129,.18)!important}.claim-hero-card{min-height:390px;background:linear-gradient(135deg,rgba(15,23,42,.94),rgba(6,78,59,.55),rgba(8,47,73,.45))!important}.claim-orb{position:absolute;border-radius:999px;filter:blur(34px);pointer-events:none;opacity:.55}.claim-orb-a{width:220px;height:220px;right:-70px;top:-70px;background:rgba(34,211,238,.32)}.claim-orb-b{width:260px;height:260px;left:-90px;bottom:-100px;background:rgba(16,185,129,.26)}.claim-feature-grid{position:relative;z-index:2}.claim-mini-card{display:flex;min-width:0;flex-direction:column;gap:.35rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);border-radius:1.35rem;padding:1rem;backdrop-filter:blur(16px)}.claim-mini-card i{font-size:1.55rem;color:rgb(110,231,183)}.claim-mini-card b{font-size:.92rem;font-weight:900;color:rgb(241,245,249)}.claim-mini-card span{font-size:.76rem;line-height:1.45;color:rgb(148,163,184)}.claim-panel-card{background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(15,23,42,.84))!important}.claim-state-card,.claim-summary-card,.claim-auth-card{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);border-radius:1.45rem;padding:1rem;display:flex;gap:.9rem;align-items:flex-start;min-width:0}.claim-state-card>i{height:2.75rem;width:2.75rem;border-radius:1rem;display:grid;place-items:center;flex:0 0 auto;background:rgba(16,185,129,.12);color:rgb(110,231,183);font-size:1.45rem}.claim-state-card h3{font-weight:900;color:rgb(241,245,249)}.claim-state-card p{font-size:.82rem;line-height:1.55;color:rgb(148,163,184);margin-top:.2rem}.claim-state-card.is-error>i{background:rgba(244,63,94,.13);color:rgb(253,164,175)}.claim-summary-card{align-items:center}.claim-summary-card.is-ready{border-color:rgba(16,185,129,.28);background:linear-gradient(135deg,rgba(16,185,129,.13),rgba(34,211,238,.07))}.claim-summary-card.is-used{border-color:rgba(148,163,184,.22)}.claim-summary-card.is-error{border-color:rgba(244,63,94,.25);background:rgba(244,63,94,.08)}.claim-summary-icon{height:3.25rem;width:3.25rem;border-radius:1.2rem;display:grid;place-items:center;flex:0 0 auto;background:rgba(16,185,129,.15);color:rgb(110,231,183);font-size:1.8rem}.claim-auth-card{align-items:center;justify-content:space-between;flex-wrap:wrap}.claim-auth-card.is-login{border-color:rgba(16,185,129,.25);background:rgba(16,185,129,.09)}.order-claim-notice{display:flex;align-items:center;justify-content:space-between;gap:.9rem;flex-wrap:wrap;border:1px solid rgba(16,185,129,.22);background:rgba(16,185,129,.09);border-radius:1.25rem;padding:.9rem 1rem;color:rgb(209,250,229)}.order-claim-notice>div{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;min-width:0;font-size:.82rem;font-weight:800}.order-claim-notice i{font-size:1.15rem;color:rgb(110,231,183)}.order-claim-notice b{color:rgb(110,231,183);word-break:break-all}.order-claim-notice small{display:block;width:100%;color:rgb(148,163,184);font-weight:700;margin-left:1.7rem}.order-claim-notice button{min-height:2.65rem;border-radius:1rem;background:rgb(52,211,153);color:rgb(2,6,23);padding:.7rem 1rem;font-size:.78rem;font-weight:950;white-space:nowrap}.order-claim-notice.is-claimed{border-color:rgba(148,163,184,.18);background:rgba(148,163,184,.08);color:rgb(203,213,225)}
@media(max-width:1023px){.claim-panel-card{position:relative!important;top:auto!important}.claim-hero-card{min-height:auto}.claim-page-shell{grid-template-columns:1fr}}
@media(max-width:640px){.claim-hero-card,.claim-panel-card{border-radius:1.7rem!important;padding:1.25rem!important}.claim-mini-card{border-radius:1.15rem;padding:.9rem}.claim-auth-card{align-items:stretch}.claim-auth-card>div{width:100%}.order-claim-notice{align-items:stretch}.order-claim-notice button{width:100%}.order-claim-notice small{margin-left:0}}

.seo-toggle{
  display:flex;
  align-items:center;
  gap:.75rem;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.035);
  border-radius:1rem;
  padding:.85rem 1rem;
  font-size:.8rem;
  font-weight:900;
  color:rgb(203 213 225);
}
.seo-toggle input{
  accent-color:#10b981;
  width:1rem;
  height:1rem;
  flex:0 0 auto;
}

/* Revision: admin provider filters must stay responsive without scroll reset. */
.admin-provider-filter-bar{
  position:sticky;
  top:calc(9.25rem + env(safe-area-inset-top));
  z-index:45;
  overflow:hidden;
  backdrop-filter:blur(18px) saturate(140%);
}
.admin-provider-filter-row{
  display:flex;
  align-items:center;
  gap:.5rem;
  overflow-x:auto;
  overflow-y:hidden;
  padding:.08rem .02rem .2rem;
  max-width:100%;
  min-width:0;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
}
.admin-provider-filter-row::-webkit-scrollbar{display:none;width:0;height:0}
.admin-provider-filter-row .process-filter-btn{flex:0 0 auto;max-width:min(18rem,78vw);overflow:hidden;text-overflow:ellipsis}
html:not(.dark) .admin-provider-filter-bar{background:rgba(255,255,255,.92)!important;border-color:rgba(15,23,42,.10)!important}
@media(max-width:1023px){
  .admin-provider-filter-bar{top:calc(8.65rem + env(safe-area-inset-top));border-radius:1.45rem!important;padding:.9rem!important}
  .admin-provider-filter-row{gap:.45rem;margin-inline:-.1rem;padding-inline:.1rem}
}
@media(max-width:640px){
  .admin-provider-filter-bar{top:calc(8.15rem + env(safe-area-inset-top));border-radius:1.2rem!important;padding:.72rem!important}
  .admin-provider-filter-row .process-filter-btn{max-width:72vw;padding:.62rem .74rem!important;font-size:.72rem!important;border-radius:.88rem!important}
}
@media(max-width:420px){
  .admin-provider-filter-bar{top:calc(7.95rem + env(safe-area-inset-top));margin-inline:-.1rem}
  .admin-provider-filter-row .process-filter-btn{max-width:68vw}
}

/* Revision v3: admin action responsiveness, hidden Flowix provider recovery, and order reorder controls. */
.admin-action-btn,
.admin-inline-action,
.order-repeat-btn,
.order-copy-btn,
.reorder-secondary{
  min-height:3rem!important;
  min-width:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.5rem!important;
  white-space:normal!important;
  text-align:center!important;
  line-height:1.2!important;
  overflow-wrap:anywhere!important;
}
.admin-action-btn{width:100%!important;border-radius:1.05rem!important;padding:.88rem 1rem!important;}
.admin-provider-card .btn-primary,
.admin-provider-card button,
.admin-body button{
  flex-shrink:0;
}
.admin-checkline{
  display:flex;
  align-items:flex-start;
  gap:.65rem;
  width:100%;
  min-width:0;
  border:1px solid rgba(148,163,184,.14);
  background:rgba(255,255,255,.04);
  border-radius:1rem;
  padding:.85rem .95rem;
  color:rgb(203 213 225);
  font-size:.84rem;
  font-weight:850;
  line-height:1.35;
}
.admin-checkline input{margin-top:.12rem;flex:0 0 auto;}
.admin-checkline span{min-width:0;overflow-wrap:anywhere;}
.hidden-provider-card{position:relative;overflow:hidden!important;}
.hidden-provider-card::before{content:"";position:absolute;right:-4rem;top:-4rem;width:11rem;height:11rem;border-radius:999px;background:radial-gradient(circle,rgba(251,191,36,.16),transparent 70%);pointer-events:none;}
.hidden-provider-card>*{position:relative;z-index:1;}
.hidden-provider-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;}
.hidden-provider-item{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:.85rem;border:1px solid rgba(148,163,184,.14);background:rgba(255,255,255,.045);border-radius:1.25rem;padding:.85rem;}
.admin-inline-action{border-radius:1rem;background:rgba(16,185,129,.14);border:1px solid rgba(52,211,153,.24);color:rgb(167 243 208);font-size:.78rem;font-weight:950;padding:.72rem .9rem;}
.admin-inline-action:hover{background:rgba(16,185,129,.22);border-color:rgba(52,211,153,.46);transform:translateY(-1px);}
.order-id-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.85rem;flex-wrap:wrap;}
.order-actions-inline{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;flex-wrap:wrap;min-width:0;}
.order-repeat-btn{border-radius:1rem;background:rgba(16,185,129,.14);border:1px solid rgba(52,211,153,.24);color:rgb(167 243 208);font-size:.76rem;font-weight:950;padding:.68rem .85rem;}
.order-repeat-btn:hover{background:rgba(16,185,129,.23);border-color:rgba(52,211,153,.45);transform:translateY(-1px);}
.reorder-modal{max-height:min(88vh,720px);overflow:auto;}
.reorder-secondary{width:100%!important;border-radius:1.05rem!important;}
html:not(.dark) .admin-checkline,
html:not(.dark) .hidden-provider-item{background:rgba(248,250,252,.82);border-color:rgba(15,23,42,.10);color:#334155;}
html:not(.dark) .admin-inline-action,
html:not(.dark) .order-repeat-btn{background:rgba(16,185,129,.10);border-color:rgba(5,150,105,.20);color:#047857;}
@media(max-width:768px){
  .hidden-provider-list{grid-template-columns:minmax(0,1fr);}
  .hidden-provider-item{align-items:stretch;flex-direction:column;}
  .admin-inline-action{width:100%;}
  .order-id-row{align-items:stretch;}
  .order-actions-inline{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
  .order-copy-btn,.order-repeat-btn{width:100%;}
}
@media(max-width:420px){
  .order-actions-inline{grid-template-columns:minmax(0,1fr);}
  .admin-action-btn,.admin-inline-action,.order-repeat-btn,.order-copy-btn,.reorder-secondary{font-size:.78rem!important;padding:.78rem .8rem!important;}
}

/* Revision v4: provider managed buttons, continue-payment CTA, and modern action loading. */
.admin-provider-action-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.65rem;
  align-items:stretch;
  width:100%;
  min-width:0;
}
.admin-provider-save-btn,
.managed-override-badge,
.admin-danger-action,
.order-pay-continue-btn{
  min-height:3.15rem!important;
  min-width:0!important;
  width:100%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.5rem!important;
  padding:.85rem .95rem!important;
  border-radius:1.05rem!important;
  line-height:1.18!important;
  white-space:normal!important;
  text-align:center!important;
  overflow-wrap:anywhere!important;
}
.admin-provider-save-btn span,
.managed-override-badge span,
.admin-danger-action span,
.order-pay-continue-btn span{min-width:0;overflow-wrap:anywhere;}
.managed-override-badge{
  background:linear-gradient(135deg,rgba(168,85,247,.14),rgba(34,211,238,.08));
  border:1px solid rgba(168,85,247,.22);
  color:#ddd6fe;
  font-size:.78rem;
  font-weight:950;
}
.order-pay-continue-btn{
  background:linear-gradient(135deg,rgba(59,130,246,.18),rgba(34,211,238,.10));
  border:1px solid rgba(96,165,250,.26);
  color:#bfdbfe;
  font-size:.76rem;
  font-weight:950;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.order-pay-continue-btn:hover{transform:translateY(-1px);border-color:rgba(96,165,250,.52);background:linear-gradient(135deg,rgba(59,130,246,.28),rgba(34,211,238,.16));}
.admin-loading-card{
  width:min(92vw,26rem);
  display:flex;
  align-items:center;
  gap:1rem;
  border:1px solid rgba(52,211,153,.22)!important;
  box-shadow:0 30px 90px rgba(2,6,23,.45);
}
button.is-loading{cursor:wait!important;opacity:.84;transform:none!important;}
button.is-loading i{flex:0 0 auto;}
html:not(.dark) .managed-override-badge{background:rgba(124,58,237,.08);border-color:rgba(124,58,237,.16);color:#6d28d9;}
html:not(.dark) .order-pay-continue-btn{background:rgba(37,99,235,.10);border-color:rgba(37,99,235,.17);color:#1d4ed8;}
@media(max-width:640px){
  .admin-provider-action-grid{grid-template-columns:minmax(0,1fr);}
  .admin-provider-save-btn,.managed-override-badge,.admin-danger-action,.order-pay-continue-btn{min-height:3.05rem!important;font-size:.78rem!important;}
  .order-actions-inline{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:520px){
  .order-actions-inline{grid-template-columns:minmax(0,1fr)!important;}
}

/* Revision v5: QRIS cancel controls, deposit rows in orders, and route scroll restoration polish. */
.order-cancel-payment-btn{
  min-height:3.15rem!important;
  min-width:0!important;
  width:100%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.5rem!important;
  padding:.85rem .95rem!important;
  border-radius:1.05rem!important;
  line-height:1.18!important;
  white-space:normal!important;
  text-align:center!important;
  overflow-wrap:anywhere!important;
  background:linear-gradient(135deg,rgba(244,63,94,.16),rgba(251,113,133,.08));
  border:1px solid rgba(251,113,133,.25);
  color:#fecdd3;
  font-size:.76rem;
  font-weight:950;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.order-cancel-payment-btn:hover{transform:translateY(-1px);border-color:rgba(251,113,133,.52);background:linear-gradient(135deg,rgba(244,63,94,.26),rgba(251,113,133,.14));}
.order-cancel-payment-btn span{min-width:0;overflow-wrap:anywhere;}
.deposit-order-card{border-color:rgba(52,211,153,.18)!important;background:linear-gradient(180deg,rgba(16,185,129,.06),rgba(15,23,42,.58));}
.deposit-order-card .source-badge{max-width:100%;}
html:not(.dark) .order-cancel-payment-btn{background:rgba(225,29,72,.08);border-color:rgba(225,29,72,.16);color:#be123c;}
html:not(.dark) .deposit-order-card{background:linear-gradient(180deg,rgba(16,185,129,.08),rgba(255,255,255,.88));border-color:rgba(5,150,105,.14)!important;}
@media(max-width:640px){
  .admin-provider-save-btn,.managed-override-badge,.admin-danger-action,.order-pay-continue-btn,.order-cancel-payment-btn{min-height:3.05rem!important;font-size:.78rem!important;}
  .order-actions-inline{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:520px){
  .order-actions-inline{grid-template-columns:minmax(0,1fr)!important;}
}

/* Revision v6: silent deposit refresh + provider-name disambiguation helper. */
.deposit-history-row{
  transition:border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.deposit-history-row[data-deposit-status="pending"],
.deposit-history-row[data-deposit-status="processing"]{
  border-color:rgba(59,130,246,.18)!important;
}
.featured-provider-guide{overflow:hidden;}
.featured-provider-chip-list{
  display:flex;
  gap:.55rem;
  overflow-x:auto;
  padding:.15rem .05rem .35rem;
  scrollbar-width:thin;
}
.featured-provider-chip-list button{
  min-height:2.6rem;
  max-width:min(420px,82vw);
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  border:1px solid rgba(255,255,255,.11);
  background:rgba(255,255,255,.045);
  border-radius:999px;
  padding:.65rem .9rem;
  color:var(--text);
  font-size:.72rem;
  font-weight:900;
  line-height:1.15;
  text-align:left;
}
.featured-provider-chip-list button span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.featured-provider-chip-list button i{color:#34d399;flex:0 0 auto;}
.featured-provider-chip-list button:hover{border-color:rgba(52,211,153,.38);background:rgba(52,211,153,.08);}
html:not(.dark) .featured-provider-chip-list button{background:rgba(15,23,42,.035);border-color:rgba(15,23,42,.10);}
@media(max-width:640px){
  .featured-provider-chip-list button{max-width:76vw;font-size:.68rem;padding:.62rem .78rem;}
}

/* Revision v7: account dropdown, balance mutation page, and web-push controls. */
.account-dropdown{z-index:60;}
.account-dropdown-trigger{min-height:3rem;}
.account-dropdown-menu{
  position:absolute;
  right:0;
  top:calc(100% + .75rem);
  min-width:15.5rem;
  padding:.65rem;
  border-radius:1.35rem;
  background:rgba(15,23,42,.94);
  border:1px solid rgba(255,255,255,.11);
  box-shadow:0 24px 80px rgba(2,6,23,.45);
  backdrop-filter:blur(18px);
}
.account-dropdown-menu button{
  width:100%;
  display:flex;
  align-items:center;
  gap:.65rem;
  padding:.82rem .95rem;
  border-radius:1rem;
  font-weight:900;
  color:var(--text);
  text-align:left;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.account-dropdown-menu button:hover{background:rgba(52,211,153,.10);transform:translateX(2px);}
.account-dropdown-menu button i{color:#34d399;font-size:1.15rem;}
.account-dropdown-menu button.danger{color:#fda4af;}
.account-dropdown-menu button.danger i{color:#fb7185;}
.mobile-account-dropdown button{justify-content:flex-start;}
.mutation-stat{
  min-height:8rem;
  border-radius:1.55rem;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));
  padding:1.15rem;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:.85rem;
}
.mutation-stat span{font-size:.78rem;font-weight:950;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;}
.mutation-stat b{font-size:clamp(1.35rem,2.2vw,2rem);font-weight:1000;line-height:1.05;overflow-wrap:anywhere;}
.mutation-stat small{font-size:.76rem;color:#64748b;font-weight:800;}
.mutation-row{
  display:flex;
  align-items:center;
  gap:1rem;
  padding:1rem;
  border-radius:1.55rem;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg,rgba(15,23,42,.70),rgba(15,23,42,.46));
  box-shadow:0 12px 40px rgba(2,6,23,.18);
}
.mutation-row-icon{
  width:3.1rem;
  height:3.1rem;
  border-radius:1.1rem;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  font-size:1.45rem;
}
.mutation-row-icon.credit{background:rgba(52,211,153,.13);color:#34d399;border:1px solid rgba(52,211,153,.20);}
.mutation-row-icon.debit{background:rgba(251,113,133,.12);color:#fb7185;border:1px solid rgba(251,113,133,.20);}
.mutation-badge{
  display:inline-flex;
  align-items:center;
  padding:.28rem .55rem;
  border-radius:999px;
  background:rgba(148,163,184,.12);
  color:#cbd5e1;
  font-size:.68rem;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.035em;
}
html:not(.dark) .account-dropdown-menu{background:rgba(255,255,255,.96);border-color:rgba(15,23,42,.10);box-shadow:0 24px 80px rgba(15,23,42,.16);}
html:not(.dark) .mutation-stat{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(248,250,252,.82));border-color:rgba(15,23,42,.08);}
html:not(.dark) .mutation-row{background:rgba(255,255,255,.84);border-color:rgba(15,23,42,.08);box-shadow:0 12px 30px rgba(15,23,42,.07);}
html:not(.dark) .mutation-badge{background:rgba(15,23,42,.06);color:#475569;}
@media(max-width:760px){
  .mutation-row{align-items:flex-start;gap:.85rem;}
  .mutation-row .text-right{width:100%;text-align:left;margin-left:0;}
  .mutation-row{flex-wrap:wrap;}
  .mutation-row-icon{width:2.8rem;height:2.8rem;border-radius:1rem;}
}
@media print{
  nav,.no-print,#toast,#preloader,#scrollTopBtn{display:none!important;}
  body{background:#fff!important;color:#0f172a!important;}
  .soft-card,.mutation-row,.mutation-stat{box-shadow:none!important;background:#fff!important;color:#0f172a!important;border-color:#cbd5e1!important;}
}

/* Revision v7: QRIS visibility safety + desktop payment/deposit polish. */
.payment-qris-active-card{overflow:hidden;position:relative;}
.payment-qris-active-card::before{content:"";position:absolute;inset:-35% auto auto -12%;width:22rem;height:22rem;border-radius:999px;background:radial-gradient(circle,rgba(16,185,129,.13),transparent 70%);pointer-events:none;}
.payment-qris-active-card>*{position:relative;z-index:1;}
.payment-qris-frame{min-width:0;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border-radius:2rem;padding:1rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);}
.payment-qris-frame img,.payment-qris-frame .payment-qris-box{max-width:320px;width:100%;}
.payment-qris-frame img{border-radius:1.6rem;box-shadow:0 24px 80px rgba(2,6,23,.28);}
.payment-qris-frame .payment-qris-box{max-width:320px;}
@media(min-width:1280px){.payment-qris-frame{padding:1.25rem}.payment-qris-frame img,.payment-qris-frame .payment-qris-box{max-width:340px}.payment-page-shell{padding-bottom:1rem}}
@media(max-width:1023px){.payment-qris-frame{padding:.85rem;border-radius:1.6rem}.payment-qris-frame img,.payment-qris-frame .payment-qris-box{max-width:240px}}
.deposit-history-actions-only{max-width:100%;}
.deposit-history-actions-only .order-pay-continue-btn,.deposit-history-actions-only .order-cancel-payment-btn{width:100%;}


/* Revision v8: payment top action containment + zoom-safe home hero. */
.payment-page-shell{width:100%;max-width:min(72rem,100%);overflow-x:hidden;}
.payment-page-shell > .flex:first-child{min-width:0;}
.payment-page-shell > .flex:first-child > div{min-width:0;}
.payment-history-top-btn,
.payment-page-shell > .flex:first-child .btn-primary{
  width:auto!important;
  max-width:100%;
  min-height:3.05rem;
  padding:.86rem 1.08rem!important;
  border-radius:1rem!important;
  white-space:nowrap!important;
  flex:0 1 auto!important;
}
.payment-history-top-btn span,
.payment-page-shell > .flex:first-child .btn-primary span{min-width:0;overflow:hidden;text-overflow:ellipsis;}
.payment-page-shell #paymentMain .btn-primary{min-width:0;}
.payment-page-shell #paymentMain .grid{min-width:0;}
@media(max-width:767px){
  .payment-history-top-btn,
  .payment-page-shell > .flex:first-child .btn-primary{width:100%!important;justify-content:center;white-space:normal!important;}
}
@media(max-width:420px){
  .payment-page-shell > .flex:first-child{gap:.85rem!important;}
  .payment-page-shell h1{font-size:1.95rem!important;line-height:1.08!important;}
}
.home-hero{min-width:0;overflow:visible;}
.home-hero-copy,.home-stats-panel,.home-stats-grid{min-width:0;}
.home-hero .hero-title{overflow-wrap:normal;word-break:normal;hyphens:none;}
.home-hero-actions button{display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.15;min-width:0;}
@media(min-width:1024px){
  .home-hero{
    grid-template-columns:minmax(0,.98fr) minmax(340px,.82fr)!important;
    gap:clamp(1.35rem,2.6vw,3rem)!important;
  }
  .home-hero-copy{max-width:46rem;}
  .home-hero .hero-title{
    font-size:clamp(2.05rem,2.28vw,2.72rem)!important;
    line-height:1.095!important;
    max-width:27ch!important;
    letter-spacing:-.035em!important;
  }
  .home-hero .hero-description{
    font-size:clamp(.88rem,1.05vw,.98rem)!important;
    line-height:1.62!important;
    max-width:39rem!important;
  }
  .home-hero-copy.space-y-7 > :not([hidden]) ~ :not([hidden]){margin-top:1.12rem!important;}
  .home-hero-actions{gap:.75rem!important;flex-wrap:wrap;}
  .home-hero-actions button{padding:.9rem 1.15rem!important;border-radius:1rem!important;}
  .home-stats-panel{padding:1rem!important;border-radius:1.55rem!important;}
  .home-stats-grid{gap:.8rem!important;}
  .home-stats-grid .soft-card{padding:1rem!important;border-radius:1.25rem!important;}
  .home-stats-grid .soft-card .h-11.w-11{height:2.4rem!important;width:2.4rem!important;border-radius:.95rem!important;margin-bottom:.72rem!important;}
  .home-stats-grid .soft-card .text-2xl{font-size:1.35rem!important;line-height:1.08!important;}
  .home-stats-grid .soft-card .text-sm{font-size:.78rem!important;line-height:1.25!important;}
  .home-stats-grid .soft-card .text-xs{font-size:.68rem!important;line-height:1.32!important;margin-top:.5rem!important;}
}
@media(min-width:1024px) and (max-width:1399px){
  .home-hero{
    grid-template-columns:minmax(0,.92fr) minmax(310px,.78fr)!important;
    gap:clamp(1rem,2vw,2.2rem)!important;
  }
  .home-hero .hero-title{
    font-size:clamp(1.85rem,2.12vw,2.38rem)!important;
    line-height:1.1!important;
    max-width:28ch!important;
  }
  .home-hero .hero-description{
    font-size:.86rem!important;
    line-height:1.52!important;
    max-width:36rem!important;
  }
  .home-hero-copy.space-y-7 > :not([hidden]) ~ :not([hidden]){margin-top:.92rem!important;}
  .home-hero .inline-flex.rounded-full{padding:.42rem .78rem!important;font-size:.72rem!important;}
  .home-hero-actions button{padding:.78rem 1rem!important;font-size:.86rem!important;}
  .home-stats-panel{padding:.82rem!important;}
  .home-stats-grid{gap:.65rem!important;}
  .home-stats-grid .soft-card{padding:.82rem!important;}
}
@media(min-width:1024px) and (max-height:820px){
  main#app{padding-top:1.15rem!important;padding-bottom:1.15rem!important;}
  .home-hero{
    align-items:center!important;
    min-height:calc(100vh - 8.5rem);
  }
  .home-hero .hero-title{
    font-size:clamp(1.72rem,2vw,2.24rem)!important;
    line-height:1.09!important;
    max-width:29ch!important;
  }
  .home-hero .hero-description{font-size:.82rem!important;line-height:1.48!important;}
  .home-hero-copy.space-y-7 > :not([hidden]) ~ :not([hidden]){margin-top:.78rem!important;}
  .home-hero-actions button{padding:.72rem .92rem!important;}
  .home-stats-grid .soft-card{padding:.72rem!important;}
  .home-stats-grid .soft-card .h-11.w-11{height:2.1rem!important;width:2.1rem!important;margin-bottom:.55rem!important;}
  .home-stats-grid .soft-card .text-2xl{font-size:1.16rem!important;}
  .home-stats-grid .soft-card .text-xs{margin-top:.38rem!important;}
}
@media(max-width:1023px){
  .home-hero{grid-template-columns:1fr!important;gap:1.5rem!important;}
  .home-stats-panel{padding:1rem!important;}
}
@media(max-width:640px){
  .home-hero .hero-title{font-size:clamp(2rem,9.2vw,2.45rem)!important;line-height:1.07!important;}
  .home-hero .hero-description{font-size:.94rem!important;line-height:1.6!important;}
  .home-hero-actions button{width:100%;padding:.95rem 1rem!important;}
  .home-stats-grid{gap:.7rem!important;}
  .home-stats-grid .soft-card{padding:.9rem!important;border-radius:1.15rem!important;}
}