/* HP TCG v4.33 — shared storefront and workspace presentation */
:root{--bg:#090b0e;--panel:#12161c;--panel2:#191e26;--panel-2:#191e26;--line:#2b333e;--text:#f1f3f6;--muted:#a5adba;--gold:#e0b969;--gold2:#b18840;--shadow:0 12px 36px #00000024;--radius:20px;color-scheme:dark}
body{font-size:16px;line-height:1.6;background:var(--bg);-webkit-font-smoothing:antialiased}
h1,h2,h3{line-height:1.3;letter-spacing:-.02em;text-wrap:balance}p{line-height:1.75}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}button:disabled{opacity:.45;cursor:not-allowed}
:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:1px}
.wrap{width:min(1200px,calc(100% - 64px))}
.section{padding:48px 0}.section-title{margin-bottom:24px}.section-title h2{font-size:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 18px;border-radius:12px;font-size:14px;font-weight:700;line-height:1.5;transition:background .16s,border-color .16s,box-shadow .16s}
.btn.gold{background:linear-gradient(120deg,#e8c985,#ce9f48);color:#171208;border:1px solid #e4bd70;box-shadow:0 3px 12px #d4aa5214}
.btn.gold:hover:not(:disabled){background:#edcd88;box-shadow:0 4px 18px #d4aa5226}.btn.ghost:hover{background:#ffffff08;border-color:#626b77}
.btn.small{font-size:14px;min-height:40px;padding:8px 12px}.btn.danger{background:#301b20;color:#ffb0b0;border-color:#68373e}
input,select,textarea,.input{font-size:16px;min-height:46px;padding:11px 13px;background:#0e1218;border-color:#384251;border-radius:10px;line-height:1.5}
input::placeholder,textarea::placeholder{color:#8993a3;opacity:1}.field{margin:0}.field label{font-size:14px;font-weight:600;margin-bottom:8px;color:#d7dde7}
.form-grid{gap:20px}.modal-body>.field,.member-auth-card>.field{margin:18px 0}.modal-body>.form-grid+.field{margin-top:20px}
input[type=checkbox]{min-height:0;width:18px;height:18px;flex:0 0 18px}.checkbox-line{line-height:1.65;font-size:14px;align-items:center}
small{line-height:1.5}.notice,.checkout-help,.preview-banner{font-size:14px;line-height:1.75;padding:14px 16px;border-radius:12px}
.price,.kpi strong,.finance-card strong,.member-admin-kpis strong,.compact-order-money,.sumrow b,.weekly-person-kpis strong{font-variant-numeric:tabular-nums;letter-spacing:-.02em}

/* Storefront */
.topbar{background:#090b0eee;border-bottom-color:#252b34;backdrop-filter:blur(20px)}
.nav{height:80px;gap:32px}.brand-with-logo{gap:12px}.brand-with-logo>img{width:44px;height:44px}.brand-with-logo>span{font-size:20px}.brand-with-logo small{font-size:12px;letter-spacing:.12em;margin-top:6px}
.navlinks{gap:28px}.navlinks a{font-size:15px}.header-icons{border:0;gap:6px;align-items:center}
.header-icon-btn{width:44px;height:44px;border:1px solid transparent;border-radius:12px;background:transparent}.header-icon-btn:hover{background:#1a2028;border-color:var(--line)}
.icon-badge{font-size:11px;min-width:20px;height:20px;top:0;right:-2px}
.announcement{background:#17150f;border-bottom:1px solid #3b3322;padding:12px 0;font-size:14px}.announcement .wrap{flex-wrap:wrap;gap:6px 12px}.announce-dot{box-shadow:none;background:var(--gold);flex:0 0 6px}.announcement b{white-space:nowrap}
.hero{padding:54px 0 46px}.hero:before{background:radial-gradient(ellipse,rgba(212,170,82,.055),transparent 70%);inset:0 0 0 50%;height:auto}
.hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:56px}.hero h1{font-size:clamp(38px,4.5vw,62px);line-height:1.25;letter-spacing:-.035em;margin:16px 0 24px}
.eyebrow{font-size:12px;letter-spacing:.16em}.hero-actions{margin-top:24px;gap:12px}.hero-actions .btn{min-width:136px}
.hero-brand-visual{width:min(100%,350px);justify-self:end;border-radius:24px;border-color:#3a3b3d;box-shadow:0 18px 50px #0005}
.hero-brand-visual:after{box-shadow:inset 0 0 0 1px #e0b9690d}.hero-brand-visual img{object-fit:contain}
.store-catalog{padding-top:24px;scroll-margin-top:96px}.store-filter-row{display:flex;width:max-content;max-width:100%;gap:6px;padding:6px;margin:0 0 26px;border:1px solid var(--line);border-radius:15px;background:#10141a}
.store-filter{flex:0 1 auto;min-width:112px;min-height:46px;padding:9px 22px;border:1px solid transparent;border-radius:10px;background:transparent;gap:0;align-items:center;box-shadow:none}
.store-filter span{font-size:15px}.store-filter small{display:none}.store-filter.active{background:#e0b969;border-color:#e0b969;color:#16120a;box-shadow:none}
.product-grid{gap:28px;align-items:stretch}.product-card{display:flex;flex-direction:column;border-radius:22px;background:var(--panel);box-shadow:none;transition:border-color .18s,box-shadow .18s}
.product-card:hover{border-color:#6b5937;box-shadow:0 12px 30px #0003}.product-media{width:100%;height:auto;aspect-ratio:4/3;padding:24px;background:#0e1116;border-bottom:1px solid #262d37}
.product-media img{object-fit:contain;width:100%;height:100%;border-radius:10px}.product-card:hover .product-media img{transform:none}
.status-pill{top:16px;left:16px;font-size:12px;font-weight:600;padding:6px 11px;background:#0a0c10ed;backdrop-filter:blur(8px)}
.product-card-refined .product-body{padding:24px;display:flex;flex-direction:column;flex:1}
.product-title-row{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:start;justify-content:space-between}.product-title-row>div{min-width:0}.product-title-row h3{font-size:22px;margin:6px 0 0;overflow-wrap:anywhere}
.product-code{font-size:12px;letter-spacing:.14em;color:var(--muted)}.product-card-refined .price{font-size:28px;font-weight:750;line-height:1.3;margin-top:22px}
.delivery-line{padding:14px 0;margin:6px 0 0;font-size:14px;line-height:1.65;align-items:flex-start}.delivery-line b{font-weight:500;color:#c1c9d5}.delivery-icon{display:none}
.sales-plan-options{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-top:4px}.sales-plan-option{padding:15px;border-radius:12px;background:#0e1218;gap:5px;min-width:0}
.sales-plan-option.active{border-color:var(--gold);background:#e0b9690c;box-shadow:inset 3px 0 var(--gold)}.sales-plan-option small{font-size:14px;color:#d6dce6}.sales-plan-option b{font-size:21px}.sales-plan-option span{font-size:12px}
.tier-price-hint{margin:12px 0 0;display:flex;flex-wrap:wrap;gap:8px;font-size:14px}.tier-price-hint span{padding:8px 12px;background:#1c222b;border:1px solid var(--line);border-radius:9px}
.product-actions{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;margin-top:auto;padding-top:22px}.product-actions .btn{width:100%;min-height:48px}
.qtyrow{display:flex}.qtybox{grid-template-columns:44px 42px 44px;min-width:130px;flex-basis:130px;border-radius:11px}.qtybox button{width:44px;height:46px;font-weight:500;background:#1a2028}.qtybox b{min-width:42px;font-size:16px}
.announcement-grid{gap:16px}.announcement-card{padding:22px;border-radius:16px;background:var(--panel);border-color:var(--line)}.announcement-card h3{font-size:20px}.announcement-card p{font-size:16px}.announcement-card small{font-size:12px}
.feature-grid{gap:16px}.feature{padding:24px;border-radius:16px;background:#11151b}.feature b{font-size:17px;margin-top:16px}.feature p,.feature-link{font-size:14px}.feature-action{display:flex;flex-direction:column;align-items:flex-start}.feature-link{margin-top:auto;padding-top:20px}.feature .icon{font-size:24px;line-height:1.3}.feature-action:hover{background:#191e26}
footer{font-size:14px;padding:30px 0 36px;background:#080a0d}

/* Checkout and member pages */
.overlay{padding:24px!important;background:#05070bc7;backdrop-filter:blur(6px)}
.modal{border-radius:22px;background:#12161c;max-height:calc(100dvh - 48px);box-shadow:0 25px 100px #0008}
.modal-head{padding:18px 24px;background:#12161c;border-color:var(--line)}.modal-head h3{font-size:21px}.modal-head .close{background:#1e252f;font-size:24px;border:1px solid #343d49;border-radius:12px}
.modal-body{padding:24px}.modal .actions-row{padding-top:18px;gap:12px}.modal .actions-row .btn{min-height:48px}
#cartLines .cart-line{grid-template-columns:80px minmax(0,1fr) auto;gap:16px;padding:20px 0;align-items:start}
#cartLines .thumb,#cartLines .thumb img{width:80px;height:80px;min-width:0}#cartLines .thumb{border:1px solid var(--line);border-radius:12px;background:#0b0f14;padding:4px}#cartLines .thumb img{object-fit:contain}
.line-title{font-size:16px;line-height:1.6}.line-meta{font-size:14px;line-height:1.5}.cart-qty-controls{gap:8px;margin-top:12px}.cart-qty-controls button{width:40px;height:40px;border-radius:9px}.cart-qty-controls b{min-width:24px}#cartLines [data-remove]{margin-left:8px;color:#c9a9a9;min-height:40px}
.sumrow{gap:18px;line-height:1.6;padding:12px 0}.sumrow>span:first-child{min-width:0;overflow-wrap:anywhere}.sumrow>b{flex-shrink:0}.sumrow.total{font-size:23px;padding-top:18px;margin-top:12px}
.transfer-info-card{background:#e0b96908;border-color:#685331;border-radius:16px;padding:18px}.transfer-info-row{gap:14px}.transfer-info-row b{font-size:16px}.copy-helper-btn{min-height:40px;font-size:14px}
.confirm-customer,.detail-grid{gap:16px}.detail-grid>div{min-width:0}.detail-grid b{overflow-wrap:anywhere}.detail-grid small{font-size:12px}
.member-page-section{padding:40px 0 64px}.member-dashboard{gap:28px}.member-auth-layout{grid-template-columns:minmax(0,1fr) minmax(0,500px);gap:64px;min-height:560px}
.member-auth-card,.member-form-card{padding:28px;border-radius:20px;background:var(--panel)}.member-auth-copy h2{font-size:42px;line-height:1.3}.member-auth-copy p{font-size:16px}
.member-auth-tabs{border:1px solid var(--line);gap:6px;padding:6px}.member-auth-tab{min-height:46px;font-size:15px}.member-auth-tab.active{background:#e0b969;color:#171208}.member-forgot-btn{font-size:14px;min-height:44px}
.member-account-nav{top:104px;border-radius:18px;background:var(--panel)}.member-account-menu button,.member-account-menu a{font-size:15px;min-height:48px;font-weight:600}.member-account-menu button.active{background:#e0b96913;color:var(--gold)}
.member-account-summary{padding:20px}.member-account-summary strong{font-size:17px}.member-account-summary small,.member-account-summary span{font-size:12px}
.member-home-stats>div,.member-mini-kpis>div{padding:20px;border-radius:16px}.member-home-stats strong{font-size:28px}.member-home-card{border-radius:16px;padding:20px;min-height:108px}.member-home-card b{font-size:18px}.member-home-card small{font-size:12px}
.member-order-list{gap:18px}.member-order-card{padding:24px;border-radius:18px}.member-order-top strong{font-size:16px;overflow-wrap:anywhere}.member-order-top small,.member-order-date{font-size:12px}.member-order-items div{font-size:15px;padding:10px 0}.member-order-items span{min-width:0;overflow-wrap:anywhere}.member-order-items b{white-space:nowrap}
.member-order-footer{flex-wrap:wrap;gap:16px}.member-order-total{flex-wrap:wrap}.member-order-total span{font-size:14px}.timeline-step small{font-size:12px;max-width:none;line-height:1.6}.member-order-timeline{gap:6px;margin:22px 0}.timeline-node{width:24px;height:24px}.timeline-step:not(:last-child):after{top:12px}

/* Back office */
.admin-body{background:#0b0e13}.admin-main{padding:32px 32px 72px;max-width:1720px;width:100%;margin:0 auto}.admin-top{margin-bottom:28px;gap:20px}.admin-top h1{font-size:30px;margin-top:4px}.admin-title-row{gap:14px}
.sidebar{background:#10141a;border-right:1px solid #252d37}.side-nav button{font-size:15px;font-weight:550;min-height:48px;margin:4px 0;padding:12px;border-radius:10px}.side-nav button.active{background:#e0b96912;color:#f2cf85;box-shadow:inset 3px 0 #d9b465}.side-nav button:hover{background:#1b222c}
.business-user-card{margin:8px 0 20px;padding:16px;border-radius:14px;background:#181e27}.business-user-card span{font-size:14px}.sidebar-bottom{padding:24px 0 8px;gap:10px}
.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:14px}.kpi,.finance-card,.member-admin-kpis>div{background:#141a22;border:1px solid #303b48;border-radius:16px;padding:20px;min-width:0}
.kpi:first-child{border-color:#75603c;background:#211e17}.kpi strong,.finance-card strong,.member-admin-kpis strong{font-size:clamp(23px,2vw,30px);font-weight:700;line-height:1.35;overflow-wrap:anywhere;margin-top:10px}
.kpi small,.finance-card small,.member-admin-kpis small{font-size:14px;line-height:1.6;color:#b3bcc9;font-weight:500}
.member-admin-kpis,.finance-cards{gap:14px;margin:20px 0}.cashflow-kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.panel-box{padding:24px;border-radius:18px;background:#121821;border-color:#2c3541;min-width:0}.panel-box h3{font-size:19px;margin-bottom:18px}.panel-head p,.section-toolbar p{font-size:14px;line-height:1.75;color:var(--muted)}
.dashboard-grid,.split{gap:20px}.top-gap{margin-top:20px}.section-toolbar{gap:20px;flex-wrap:wrap;align-items:center;margin-bottom:20px}.section-toolbar h2{font-size:24px;margin:0}.section-toolbar h3{margin:0}.section-toolbar>div{min-width:0}
.admin-quick-grid{gap:14px;margin:20px 0}.admin-quick-card{background:#141a22;border-color:#303b48;padding:20px;border-radius:16px;min-height:112px}.admin-quick-card b{font-size:17px}.admin-quick-card small{font-size:13px;line-height:1.65;color:#a5adba}
.task{padding:15px 0;font-size:15px}.task span{font-size:14px}.task b{font-size:16px}.chart-box{height:260px;padding-top:10px}.chart-labels{font-size:12px}.health-item{padding:18px;border-radius:12px}.health-item small{font-size:14px}.health-item strong{font-size:25px}
.order-toolbar{gap:16px;margin-bottom:20px}.order-filter-chips{gap:8px;max-width:100%}.order-filter-chips button{min-height:42px;font-size:14px;padding:8px 15px;border-radius:10px;white-space:nowrap}.order-filter-chips button.active{color:#f6d794;background:#e0b96914;border-color:#ac8a4e}
.compact-orders-panel{padding:16px}.compact-order-list{gap:14px}.compact-order-list>.compact-order-row{padding:20px!important;border:1px solid #303a47;border-radius:14px;background:#111720}.compact-order-list>.compact-order-row:last-child{border-bottom:1px solid #303a47}.compact-order-list>.compact-order-row:hover{background:#171e28}
.compact-order-idline{flex-wrap:wrap;gap:10px;align-items:start}.compact-order-idline>b{flex:1 1 150px;white-space:normal;overflow-wrap:anywhere}.compact-detail-chip{font-family:inherit;font-size:14px;line-height:1.5;font-weight:600;min-height:40px;padding:8px 12px;border-color:#75603b;color:#f0ca80;-webkit-text-fill-color:#f0ca80}
.compact-order-main small,.compact-order-customer small,.compact-order-items small{font-size:12px;line-height:1.6;white-space:normal;overflow-wrap:anywhere;margin-top:6px}.compact-order-money{font-size:18px}.compact-order-owner{font-size:14px}.compact-order-status:before{content:'訂單狀態';display:block;color:var(--muted);font-size:12px;margin-bottom:8px}
.compact-order-list:not(.business-order-compact) .compact-order-payment{gap:12px}.compact-order-list:not(.business-order-compact) .compact-order-row select{min-height:46px;font-size:15px;padding:10px 12px;border-radius:10px}
.pill,.status{font-size:12px;font-weight:600;padding:6px 10px;line-height:1.5}.pill.green{background:#1c3930;color:#9bdfc1}.pill.yellow{background:#3c321d;color:#f1cd78}.pill.red{background:#422329;color:#f6adb0}
.table-wrap{border-radius:14px;border-color:#303b48;scrollbar-color:#596575 #111720}.table th{font-size:13px;font-weight:600;letter-spacing:0;background:#19212b;color:#b7c1ce;padding:14px 16px}.table td{font-size:14px;padding:16px;line-height:1.65}.table tbody tr:hover{background:#ffffff04}.table td small{font-size:12px}.table td select{font-size:14px;min-height:44px}
.member-admin-card{padding:20px;border-radius:16px;background:#141a22;margin-bottom:14px}.member-admin-card-grid{gap:16px}.member-admin-card-grid small{font-size:12px}.member-admin-card-grid span{font-size:15px}.member-admin-card-head small{font-size:12px}
.all-weekly-grid{gap:20px}.weekly-person-card{padding:24px;border-radius:18px;background:#141a22;border-color:#303b48}.weekly-person-head h3{font-size:25px}.weekly-person-kpis{gap:16px}.weekly-person-kpis small{font-size:13px}.weekly-person-kpis strong{font-size:22px}.weekly-settlement-control{gap:12px;flex-wrap:wrap;font-size:14px}
.week-picker{gap:8px;flex-wrap:wrap}.week-picker .input{font-size:16px;min-height:46px}.week-picker .btn{min-height:46px}.cashflow-picker{display:flex;flex-wrap:wrap}
.cashflow-entry-row{gap:16px;padding:18px 0}.cashflow-entry-main b{font-size:16px}.cashflow-entry-main small,.cashflow-entry-note{font-size:13px}.cashflow-entry-row>strong{font-size:20px}.cashflow-pending-card{padding:18px 0;gap:12px;grid-template-columns:minmax(0,1fr) minmax(100px,132px) minmax(140px,160px)}.cashflow-pending-card small{font-size:12px}.cashflow-order-controls{gap:10px}
.business-bar-label small,.weekly-preview-row small{font-size:12px}.business-bar>strong{font-size:15px}.weekly-preview-row{gap:14px;padding:14px 0}.business-bar-track{height:8px}
.business-sale-form{max-width:940px;margin-inline:auto}.self-sale-item-row{padding:16px;border-radius:14px;gap:14px;background:#0f151d}.self-sale-items{gap:14px}.self-sale-items-head{margin-bottom:16px}.self-sale-summary{padding:20px;border-color:#6b5736;background:#211f19}.self-sale-summary strong{font-size:30px}.self-sale-item-summary{font-size:14px}.self-sale-top-grid{gap:20px}
.sales-plan-card{background:#0f151d;border-radius:16px;padding:20px}.sales-plan-head b{font-size:20px}.plan-tier-box{min-width:0}.price-tier-row{gap:12px}
.business-order-compact{container-type:inline-size}.business-order-compact .compact-order-row{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px}.business-order-compact .compact-order-row>div{min-width:0;grid-column:auto;grid-row:auto}.business-order-compact .compact-order-main{grid-column:1/-1}.business-order-compact .compact-order-items,.business-order-compact .compact-order-payment{display:block}.business-order-compact .compact-order-row select{font-size:15px;min-height:46px}.business-order-compact .compact-order-money{font-size:18px;text-align:left}.business-order-compact .compact-order-customer b{font-size:15px}.business-order-compact .compact-order-status .btn{margin-top:10px}
@media(min-width:901px){.admin-layout{grid-template-columns:232px minmax(0,1fr)}.sidebar{padding:24px 16px}.sidebar .brand{padding:0 0 24px}.sidebar .brand span{display:block}.side-nav button .nav-mark{display:none!important}.side-nav button .nav-label{display:inline!important}.side-nav button{justify-content:flex-start}.sidebar .brand-with-logo>span{font-size:18px}.sidebar .brand-with-logo small{font-size:12px}.business-user-card{display:grid}}
@media(min-width:1600px){.admin-main{padding:40px 48px 80px}.kpi-grid{gap:18px}.panel-box{padding:28px}}
@media(max-width:1150px){.product-title-row{display:block}.product-card-refined .price{margin-top:12px}.admin-main{padding:24px}.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.member-admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.split{grid-template-columns:minmax(0,1fr)}.cashflow-pending-card{grid-template-columns:minmax(0,1fr) 140px}.cashflow-pending-card>div{grid-column:1/-1}.member-auth-layout{gap:32px}}
@media(max-width:900px){
  .wrap{width:calc(100% - 40px)}.nav{height:72px;gap:16px}.navlinks{gap:16px}.hero-grid{gap:28px}.hero h1{font-size:40px}.hero-brand-visual{max-width:270px}
  .admin-layout{display:block}.admin-main{padding:24px 20px 64px}.admin-top{gap:12px;align-items:center}.admin-menu-btn,.admin-sidebar-close{width:44px;height:44px;border-radius:12px;font-size:22px}.admin-body .sidebar{width:min(300px,86vw);background:#10151c}.sidebar.mobile-open{box-shadow:18px 0 70px #0007}.admin-top h1{font-size:26px}
  .member-auth-layout,.member-dashboard{grid-template-columns:minmax(0,1fr);gap:24px;min-height:0}.member-auth-card{width:min(540px,100%);margin:auto}.member-account-nav{position:static}.member-mobile-nav{top:72px;gap:8px;padding:12px 0;margin-bottom:20px;background:#090b0ef5}.member-mobile-nav button{min-height:44px;font-size:14px;border-radius:11px}
  .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member-order-footer .btn{min-height:44px}
}
@media(max-width:640px){
  .wrap{width:calc(100% - 32px)}.section{padding:30px 0}.section-title h2{font-size:25px}.topbar .nav{width:calc(100% - 24px);padding:0;margin:auto;gap:8px;height:68px}.brand-with-logo{gap:8px}.topbar .brand-with-logo>img{width:34px;height:34px}.topbar .brand-with-logo>span{display:block;font-size:16px}.topbar .brand-with-logo small{font-size:10px;letter-spacing:.06em;margin-top:5px}.header-icons{height:auto;gap:2px;margin-left:auto;background:transparent}.header-icon-btn{width:42px;height:44px;border:0}.header-icon-btn svg{width:22px;height:22px}.icon-badge{font-size:10px;min-width:18px;height:18px}
  .announcement{padding:10px 0;font-size:13px}.announcement .wrap{gap:5px 8px}.announcement #announcementText{line-height:1.6}.hero{padding:24px 0 28px}.hero-grid{grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}.hero h1{font-size:clamp(30px,8vw,40px);line-height:1.28;margin:12px 0 18px}.hero .eyebrow{font-size:12px;letter-spacing:.09em}.hero-brand-visual{grid-row:1;width:100%;max-width:420px;aspect-ratio:1;margin:0 auto;border-radius:22px;justify-self:center}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.hero-actions .btn{min-width:0;font-size:15px;min-height:48px;padding:12px}.hero-copy{grid-row:2;min-width:0;width:100%}
  .store-catalog{padding-top:20px;scroll-margin-top:80px}.store-filter-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin:0 0 20px;gap:4px;padding:5px;overflow:visible}.store-filter{min-width:0;padding:10px 6px;min-height:44px;flex:auto}.store-filter span{font-size:14px}
  .product-grid{grid-template-columns:minmax(0,1fr);gap:24px}.product-card{border-radius:18px}.product-media{aspect-ratio:4/3;padding:20px}.product-card-refined .product-body{padding:20px}.product-title-row{display:flex;gap:10px}.product-title-row h3{font-size:21px}.product-card-refined .price{font-size:26px;margin-top:12px}.product-title-row .price{width:100%;margin-top:0}.delivery-line{font-size:14px;padding:12px 0}.sales-plan-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sales-plan-option{padding:13px 11px}.sales-plan-option small{font-size:14px;overflow-wrap:anywhere}.sales-plan-option b{font-size:20px}.sales-plan-option span{font-size:12px;line-height:1.5}.product-actions{grid-template-columns:130px minmax(0,1fr);gap:12px;padding-top:20px}.product-actions .qtyrow{display:flex}.product-actions>.btn{min-height:48px;font-size:15px;padding:10px}
  .feature-grid{gap:12px}.feature{padding:18px;border-radius:14px}.feature b{font-size:16px}.feature p,.feature-link{font-size:14px;line-height:1.65}.feature .icon{font-size:22px}.feature-link{padding-top:16px}
  .overlay{padding:0!important;align-items:end}.modal,.modal.wide{width:100%!important;max-width:100%!important;max-height:92dvh!important;border-radius:22px 22px 0 0;border-bottom:0}.modal-head{padding:16px 20px!important}.modal-body{padding:20px 20px calc(24px + env(safe-area-inset-bottom))!important}.modal-head h3{font-size:20px}.modal .form-grid{gap:18px}.modal .actions-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.modal .actions-row>.btn:only-child{grid-column:1/-1}.modal .actions-row .btn{padding:12px 10px}
  dialog.shipping-info-dialog{max-width:calc(100% - 24px)!important;border-radius:20px;width:calc(100% - 24px)!important;border:1px solid var(--line)}
  #cartLines .cart-line{grid-template-columns:64px minmax(0,1fr);gap:14px;padding:18px 0}#cartLines .thumb,#cartLines .thumb img{width:64px;height:64px}#cartLines .cart-line>b{grid-column:2;font-size:18px}#cartLines [data-remove]{margin:8px 0 0}.cart-qty-controls{margin-top:10px}.line-meta{font-size:13px}.line-title{font-size:16px}.sumrow.total{font-size:22px}.confirm-customer,.detail-grid{grid-template-columns:minmax(0,1fr)}.transfer-info-row{grid-template-columns:86px minmax(0,1fr)}.copy-line-row{flex-wrap:wrap;gap:8px}
  .member-topbar .nav{height:auto;min-height:68px;flex-wrap:wrap;padding:10px 0}.member-topbar .nav-actions{gap:6px;margin-left:auto}.member-topbar .nav-actions .btn{padding:8px 10px;font-size:13px;min-height:40px}.member-page-section{padding:24px 0 48px}.member-auth-card,.member-form-card{padding:20px;border-radius:18px}.member-auth-card .form-grid{gap:18px}.member-auth-tabs{margin-bottom:22px}.member-content-head{flex-wrap:wrap;gap:10px}.member-content-head h2,.member-home-head h2{font-size:25px}.member-mobile-nav{top:68px}.member-home-stats>div,.member-mini-kpis>div{padding:16px}.member-home-stats strong{font-size:25px}.member-order-card{padding:18px}.member-order-top{flex-wrap:wrap}.member-order-items div{font-size:14px}.member-order-timeline{gap:6px;margin:20px 0}.timeline-step small{font-size:12px}.member-order-footer{display:grid;grid-template-columns:minmax(0,1fr)}.member-order-footer .btn{justify-self:stretch}.member-save-row .btn{margin:0}.member-save-row{padding-top:18px}
  .admin-main{padding:20px 14px 56px}.admin-top{flex-wrap:wrap;margin-bottom:22px}.admin-top h1{font-size:24px}.admin-top .eyebrow{font-size:10px}.admin-top>.btn{min-height:44px;padding:10px 12px}.admin-title-row{gap:10px}.kpi-grid,.member-admin-kpis,.finance-cards,.business-week-cards,.cashflow-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kpi,.finance-card,.member-admin-kpis>div{padding:16px;border-radius:14px}.kpi strong,.finance-card strong,.member-admin-kpis strong{font-size:23px}.kpi small,.finance-card small,.member-admin-kpis small{font-size:13px}.panel-box{padding:18px;border-radius:16px}.panel-box h3{font-size:18px}.dashboard-grid,.split{gap:16px}.section-toolbar{gap:14px}.section-toolbar h2{font-size:22px}.section-toolbar .input.compact,.order-toolbar .input.compact{min-width:0;max-width:100%;width:100%}.toolbar-actions{display:flex;flex-wrap:wrap;gap:10px}.toolbar-actions .btn{flex:1 1 140px}.admin-quick-grid{gap:12px}.admin-quick-card{padding:16px;min-height:96px}.admin-quick-card b{font-size:15px}.admin-quick-card small{display:none}.task{gap:16px}.chart-box{height:230px}.health-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.health-item{padding:14px}.health-item strong{font-size:23px}
  .order-filter-chips{flex-wrap:wrap;overflow:visible;gap:8px}.order-filter-chips button{padding:8px 12px;font-size:14px;flex:0 1 auto}.compact-orders-panel{padding:12px}.compact-order-list{gap:12px}.compact-order-list>.compact-order-row{padding:16px!important}.compact-order-list:not(.business-order-compact)>.compact-order-row{gap:14px}.compact-order-list:not(.business-order-compact) .compact-order-main{grid-column:1/-1}.compact-order-list:not(.business-order-compact) .compact-order-money{grid-area:money;grid-column:1/-1;font-size:21px;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline}.compact-order-list:not(.business-order-compact)>.compact-order-row{grid-template-areas:"main main" "customer owner" "items items" "money money" "payment payment" "status status"}.compact-order-list:not(.business-order-compact) .compact-order-money>small{font-size:13px}.compact-detail-chip{min-height:40px}.compact-order-main small,.compact-order-customer small,.compact-order-items small{font-size:13px}.compact-order-list:not(.business-order-compact) .cashflow-order-controls label span{font-size:14px}
  .business-order-compact .compact-order-row{grid-template-columns:minmax(0,1fr)}.business-order-compact .compact-order-row>div{grid-column:1/-1;text-align:left}.business-order-compact .compact-order-main b{white-space:normal;overflow-wrap:anywhere}
  .table-wrap:has(+.member-admin-cards){display:none}.member-admin-cards{display:block}.member-admin-card{padding:18px}.member-admin-card-head{flex-wrap:wrap}.table-wrap{max-width:100%}.table th,.table td{padding:14px}.weekly-person-card{padding:20px}.weekly-person-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.weekly-person-kpis strong{font-size:21px}.weekly-settlement-control select{width:100%}
  .cashflow-picker.week-picker{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px}.cashflow-picker #cashflowDatePicker{grid-column:1/-1;grid-row:1}.cashflow-picker .btn{padding:10px 6px}.week-picker .btn{padding:10px 8px;font-size:14px}.cashflow-pending-card{grid-template-columns:minmax(0,1fr);gap:12px}.cashflow-pending-card>div{grid-column:auto}.cashflow-pending-card b,.cashflow-pending-card small{white-space:normal}.cashflow-entry-row{grid-template-columns:minmax(0,1fr) auto;gap:10px}.cashflow-entry-note{grid-column:1/-1}.cashflow-entry-main b,.cashflow-entry-main small{white-space:normal}.cashflow-entry-row>strong{font-size:18px}.business-bar{grid-template-columns:minmax(0,1fr) auto;gap:8px}.business-bar-label{grid-column:1}.business-bar-track{grid-column:1/-1;grid-row:2}.business-bar>strong{grid-column:2;grid-row:1;margin:0}.weekly-preview-row{grid-template-columns:minmax(0,1fr) auto}.weekly-preview-row .mini-progress{grid-column:1/-1;grid-row:2}
  .self-sale-item-row{grid-template-columns:minmax(0,1fr) 44px;gap:14px;padding:16px}.self-sale-item-row>.field:first-child{grid-column:1/-1}.self-sale-item-row .self-sale-remove{grid-column:2}.self-sale-items-head{flex-wrap:wrap;align-items:center}.self-sale-top-grid{grid-template-columns:1fr}.self-sale-summary{padding:18px}.sales-plan-card{padding:16px}.sales-plan-card .form-grid{grid-template-columns:1fr;gap:18px}.business-week-switcher{gap:10px}.business-week-center{grid-column:1/-1}
}
@media(max-width:359px){.topbar .brand-with-logo>img{width:28px;height:28px}.topbar .brand-with-logo>span{font-size:14px}.header-icon-btn{width:38px}.hero h1{font-size:27px}.hero-actions .btn{font-size:13px;padding:9px 10px}.product-card-refined .product-body{padding:16px}.product-actions{grid-template-columns:120px minmax(0,1fr);gap:8px}.qtybox{grid-template-columns:40px 38px 40px;min-width:118px;flex-basis:118px}.qtybox button{width:40px}.qtybox b{min-width:38px}.feature-grid{grid-template-columns:1fr}.sales-plan-options{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Consistent spacing for nested member forms. */
#memberLoginBox,#memberRegisterBox{display:grid;gap:18px}
#memberLoginBox>.field,#memberRegisterBox>.field{margin:0}
.member-form-card>.field{margin-top:20px}
.member-auth-card .forgot-phone-field{margin:14px 0}

/* v4.36 editable order controls */
.order-payment-editor{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:10px;width:100%}
.order-payment-editor label{display:grid;gap:6px;min-width:0}
.order-payment-editor label>span,.table-money-input small{font-size:12px;color:var(--muted);font-weight:600}
.order-payment-editor input,.order-payment-editor select{width:100%;min-width:0;min-height:44px}
.compact-order-payment{min-width:0}
.compact-order-list:not(.business-order-compact)>.compact-order-row{grid-template-columns:minmax(180px,1.15fr) minmax(150px,.95fr) minmax(180px,1.2fr) 115px 100px minmax(360px,2.15fr) minmax(130px,.8fr)}
.business-order-compact .compact-order-payment{grid-column:1/-1!important}
.business-order-compact .order-payment-editor{grid-template-columns:repeat(4,minmax(120px,1fr))}
.meetup-zone .compact-order-payment,.shipping-method-zone .compact-order-payment{display:block!important;grid-column:1/-1}
.meetup-zone .compact-order-row,.shipping-method-zone .compact-order-row{grid-template-columns:minmax(0,1fr) auto!important}
.meetup-zone .compact-order-main,.shipping-method-zone .compact-order-main{grid-column:1}
.meetup-zone .compact-order-money,.shipping-method-zone .compact-order-money{grid-column:2;grid-row:1;text-align:right}
.meetup-zone .compact-order-customer,.shipping-method-zone .compact-order-customer{grid-column:1}
.meetup-zone .compact-order-status,.shipping-method-zone .compact-order-status{grid-column:2}
.table-money-input{display:grid;gap:5px;margin-top:8px}.table-money-input input{min-width:110px;max-width:150px}
@media(max-width:1150px){.order-payment-editor,.business-order-compact .order-payment-editor{grid-template-columns:repeat(2,minmax(130px,1fr))}.compact-order-list:not(.business-order-compact)>.compact-order-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main money" "customer owner" "items items" "payment payment" "status status"}}
@media(max-width:640px){.order-payment-editor,.business-order-compact .order-payment-editor{grid-template-columns:minmax(0,1fr)}.compact-order-list:not(.business-order-compact)>.compact-order-row{grid-template-areas:"main main" "customer owner" "items items" "money money" "payment payment" "status status"}.meetup-zone .compact-order-payment,.shipping-method-zone .compact-order-payment{grid-column:1/-1}.meetup-zone .compact-order-status,.shipping-method-zone .compact-order-status{grid-column:1/-1}.meetup-zone .compact-order-money,.shipping-method-zone .compact-order-money{grid-column:2}.table-money-input input{max-width:none;width:100%}}

/* v4.40.5: complete rows across the card, with two separate payment stages. */
.compact-order-list:not(.business-order-compact)>.compact-order-row{
 grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr)!important;
 grid-template-areas:"main customer money" "items owner status" "payment payment payment"!important;
 gap:18px 24px;padding:22px!important;align-items:start;
}
.compact-order-list:not(.business-order-compact) .compact-order-row>.compact-order-payment{grid-area:payment!important;grid-column:1/-1!important;width:100%;display:block!important;justify-self:stretch;border-top:1px solid var(--line);padding-top:18px}
.compact-order-list:not(.business-order-compact) .compact-order-row>.compact-order-main{grid-area:main!important}
.compact-order-list:not(.business-order-compact) .compact-order-row>.compact-order-customer{grid-area:customer!important}
.compact-order-list:not(.business-order-compact) .compact-order-row>.compact-order-money{grid-area:money!important;grid-row:auto;text-align:right}
.compact-order-list:not(.business-order-compact) .compact-order-row>.compact-order-items{grid-area:items!important}
.compact-order-list:not(.business-order-compact) .compact-order-row>.compact-order-owner{grid-area:owner!important}
.compact-order-list:not(.business-order-compact) .compact-order-row>.compact-order-status{grid-area:status!important;width:100%}
.compact-order-status select{width:100%}
.compact-order-idline{flex-wrap:wrap;gap:8px}.compact-order-idline>b{overflow-wrap:anywhere}
.preorder-payments{width:100%;display:grid;gap:14px}.payment-summary-strip{display:flex;gap:12px 28px;flex-wrap:wrap;font-size:14px;color:var(--muted)}.payment-summary-strip b{color:var(--text)}
.payment-stage{border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--panel-2)}
.payment-stage-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.payment-stage-heading>b{font-size:17px;color:var(--gold)}.payment-stage-heading>span{font-size:12px;color:var(--muted)}
.payment-stage-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr) auto;gap:14px;align-items:end}
.payment-stage-fields label{display:grid;gap:8px;min-width:0}.payment-stage-fields label>span{font-size:13px;color:var(--muted)}
.payment-stage-fields input,.payment-stage-fields select{width:100%;min-width:0!important;box-sizing:border-box;min-height:46px}.stage-save{min-height:46px;white-space:nowrap}
.payment-help{margin:0;font-size:12px;color:var(--muted);line-height:1.7}.payment-history summary{cursor:pointer;font-size:13px}.payment-history>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}
.compact-order-row .order-payment-editor{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media(max-width:900px){.payment-stage-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-order-row .order-payment-editor{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.compact-order-list:not(.business-order-compact)>.compact-order-row{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"main" "customer" "items" "money" "owner" "status" "payment"!important;padding:16px!important;gap:12px}.compact-order-list:not(.business-order-compact) .compact-order-row>.compact-order-money{text-align:left}.payment-stage-fields{grid-template-columns:minmax(0,1fr)}.payment-stage{padding:12px}.compact-order-row .order-payment-editor{grid-template-columns:minmax(0,1fr)}}

/* v4.40.16 manual MyShip entry */
.manual-myship-form-card .panel-head{margin-bottom:18px}.manual-myship-list-card>.section-toolbar{align-items:flex-start}.manual-myship-list-card .compact-order-row{margin-bottom:10px}


/* v4.40.28 final narrow-screen overflow guard. Loaded after styles.css, so these rules win the cascade. */
@media(max-width:380px){
  .wrap{width:calc(100% - 24px)!important}
  .hero-actions,.product-actions,.kpi-grid,.member-admin-kpis,.finance-cards,.business-week-cards,.cashflow-kpis{grid-template-columns:minmax(0,1fr)!important}
  .product-actions .qtyrow{width:100%!important}
  .qtybox{width:100%!important;min-width:0!important;flex-basis:auto!important;grid-template-columns:44px minmax(44px,1fr) 44px!important}
  .qtybox button{width:44px!important;min-width:44px!important}.qtybox b{min-width:0!important}
  .product-card-refined .product-body{padding:15px!important}
  .admin-main{padding-left:10px!important;padding-right:10px!important}
  .panel-box{padding:15px!important}
  .modal-body{padding-left:16px!important;padding-right:16px!important}
  .member-auth-card,.member-form-card{padding:16px!important}
  .toolbar-actions{width:100%}.toolbar-actions .btn{flex:1 1 100%!important}
}