:root {
  color-scheme: light;
  --canvas:#eef0f3; --surface:#fff; --surface-2:#f7f8fa; --surface-3:#eceff3;
  --ink:#151920; --ink-2:#303743; --muted:#5f6976; --quiet:#626d7a;
  --line:#d9dde3; --line-strong:#bcc3cd; --accent:#315fd6; --accent-hover:#244fbe; --accent-soft:#e8eefc;
  --success:#147b62; --success-soft:#e4f4ef; --warning:#9a6517; --warning-soft:#fff3d9; --danger:#b33f4a; --danger-soft:#fdebed;
  --sidebar:#101319; --sidebar-2:#171b23; --sidebar-ink:#f3f5f7; --sidebar-muted:#9ba5b3;
  --shadow:0 16px 42px rgba(22,28,38,.11),0 3px 10px rgba(22,28,38,.05);
  --radius-control:8px; --radius-card:12px; --radius-dialog:16px;
  --font:Onest,"Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
}
html[data-theme="dark"] {
  color-scheme:dark;
  --canvas:#0f1217; --surface:#181c23; --surface-2:#20252e; --surface-3:#282e38;
  --ink:#f2f4f7; --ink-2:#d6dbe2; --muted:#a8b0bc; --quiet:#8993a1;
  --line:#303743; --line-strong:#4a5361; --accent:#7898ff; --accent-hover:#91aaff; --accent-soft:#202c50;
  --success:#67d4b2; --success-soft:#17382f; --warning:#efb55b; --warning-soft:#3b2d18; --danger:#f18a93; --danger-soft:#402126;
  --sidebar:#090b0f; --sidebar-2:#12161d; --sidebar-ink:#f3f5f7; --sidebar-muted:#99a3b0;
  --shadow:0 18px 54px rgba(0,0,0,.38),0 3px 12px rgba(0,0,0,.24);
}
*{box-sizing:border-box}
html{background:var(--canvas);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
body{margin:0;min-width:320px;background:var(--canvas);color:var(--ink)}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{outline:none}
button{color:inherit}
[hidden]{display:none!important}
::selection{color:#fff;background:var(--accent)}
:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:2px}

.login-view{display:grid;min-height:100dvh;place-items:center;padding:32px;background:var(--sidebar)}
.login-view::before{position:fixed;inset:0;content:"";pointer-events:none;background:linear-gradient(90deg,transparent 0 8%,rgba(120,152,255,.88) 8% calc(8% + 2px),transparent calc(8% + 2px)),linear-gradient(180deg,transparent 0 78%,rgba(103,212,178,.34) 78% calc(78% + 1px),transparent calc(78% + 1px));opacity:.65}
.login-stage{position:relative;width:min(420px,100%);padding:34px 36px 32px;color:var(--sidebar-ink);background:var(--sidebar-2);border:1px solid #3a414d;border-radius:var(--radius-dialog);box-shadow:0 28px 80px rgba(0,0,0,.34)}
.login-mark{display:grid;width:46px;height:46px;place-items:center;margin-bottom:28px;color:#0e1117;background:#f3f5f7;border-radius:10px;box-shadow:8px 8px 0 #263d79}
.login-mark svg{width:27px;stroke:currentColor;stroke-width:1.5}
.login-copy h1{margin:0;font-size:1.8rem;line-height:1.15;letter-spacing:-.03em}
.login-copy p{margin:8px 0 28px;color:#aeb6c2}
.login-form{display:grid;gap:17px}
.login-form .field>span{color:#dbe0e6}
.login-form input{color:#f5f7fa;background:#11151b;border-color:#424b58}
.login-form input::placeholder{color:#7f8996}
.login-submit{width:100%;margin-top:3px}
.login-status{position:absolute;top:24px;right:26px;display:flex;align-items:center;gap:7px;color:#6ed7b5;font-size:.74rem;font-weight:700}
.login-status span{width:7px;height:7px;background:#55c9a6;border-radius:50%;box-shadow:0 0 0 4px rgba(85,201,166,.13)}

.workspace{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100dvh}
.sidebar{position:sticky;top:0;z-index:60;display:flex;flex-direction:column;height:100dvh;overflow:hidden;color:var(--sidebar-ink);background:var(--sidebar);border-right:1px solid #232933}
.brand-row{display:flex;align-items:center;gap:12px;min-height:72px;padding:0 20px;border-bottom:1px solid #242a34}
.brand-mark{display:grid;width:34px;height:34px;place-items:center;color:#0e1117;background:#f4f5f7;border-radius:8px}
.brand-mark svg{width:21px;stroke:currentColor;stroke-width:1.45}
.brand-row>span:last-child{display:grid;line-height:1.15}.brand-row strong{font-size:.94rem}.brand-row small{margin-top:4px;color:#788393;font-size:.59rem;font-weight:700;letter-spacing:.12em}
.account-card{margin:16px 14px 10px;padding:13px 12px;background:var(--sidebar-2);border:1px solid #262d38;border-radius:10px}
.account-line{display:flex;align-items:center;gap:10px}.account-avatar{display:grid;width:34px;height:34px;place-items:center;color:#11151b;background:#7f9fff;border-radius:8px;font-weight:800}
.account-copy{min-width:0;display:grid}.account-copy strong{overflow:hidden;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.account-copy span{color:var(--sidebar-muted);font-size:.68rem}
.nav{flex:1;overflow:auto;padding:6px 11px 18px;scrollbar-width:thin}
.nav-group{margin-top:15px}.nav-label{display:block;padding:0 10px 7px;color:#7f8b9c;font-size:.65rem;font-weight:750;letter-spacing:.08em}
.nav-item{position:relative;display:flex;width:100%;min-height:42px;align-items:center;gap:11px;margin:2px 0;padding:0 11px;color:var(--sidebar-muted);background:transparent;border:0;border-radius:8px;cursor:pointer;text-align:left;transition:background .15s,color .15s}
.nav-item:hover{color:var(--sidebar-ink);background:#181e27}.nav-item.active{color:#fff;background:#202735}
.nav-item.active::after{position:absolute;right:0;width:2px;height:20px;content:"";background:#82a0ff;border-radius:2px}
.nav-item svg,.sidebar-link svg{width:18px;height:18px;flex:0 0 auto;stroke:currentColor;stroke-width:1.8}.nav-item span:last-child{font-size:.82rem;font-weight:600}
.nav-count{margin-left:auto!important;padding:1px 6px!important;color:#cbd6ff!important;background:#29385f!important;border-radius:5px;font-size:.64rem!important;font-variant-numeric:tabular-nums}
.sidebar-foot{padding:10px 11px calc(13px + env(safe-area-inset-bottom));border-top:1px solid #242a34}
.sidebar-link{display:flex;width:100%;min-height:39px;align-items:center;gap:11px;padding:0 11px;color:var(--sidebar-muted);background:transparent;border:0;border-radius:8px;font-size:.76rem;text-decoration:none;cursor:pointer}
.sidebar-link:hover{color:#fff;background:#181e27}.sidebar-link.danger:hover{color:#ffadb4;background:#2a1a1f}
.sidebar-scrim{position:fixed;inset:0;z-index:50;background:rgba(5,8,12,.62);border:0}

.workspace-main{min-width:0}.topbar{position:sticky;top:0;z-index:40;display:flex;min-height:64px;align-items:center;justify-content:space-between;padding:0 26px;background:color-mix(in srgb,var(--canvas) 92%,transparent);border-bottom:1px solid var(--line);backdrop-filter:saturate(130%) blur(12px)}
.topbar-start,.topbar-actions{display:flex;align-items:center;gap:10px}.route-title{display:grid;line-height:1.15}.route-title span{color:var(--muted);font-size:.68rem}.route-title strong{margin-top:4px;font-size:.98rem}
.icon-button{display:grid;width:38px;height:38px;place-items:center;padding:0;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-control);cursor:pointer}
.icon-button:hover{color:var(--ink);border-color:var(--line-strong)}.icon-button svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8}.mobile-menu{display:none}
.sync-state{display:flex;align-items:center;gap:7px;margin-right:5px;color:var(--muted);font-size:.71rem}.sync-state i{width:7px;height:7px;background:var(--success);border-radius:50%}.sync-state.busy i{background:var(--warning);animation:pulse 1s infinite}.sync-state.error i{background:var(--danger)}
.global-error{margin:18px 28px 0;padding:12px 14px;color:var(--danger);background:var(--danger-soft);border:1px solid color-mix(in srgb,var(--danger) 35%,var(--line));border-radius:9px}
.page{width:100%;max-width:1660px;margin:0 auto;padding:28px 30px 64px}.page:focus{outline:none}
.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.page-head h1{margin:0;font-size:clamp(1.55rem,2vw,2.05rem);line-height:1.15;letter-spacing:-.035em}.page-head p{max-width:68ch;margin:7px 0 0;color:var(--muted)}.head-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}

.button,.btn{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;padding:0 14px;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-control);font-weight:700;font-size:.78rem;line-height:1;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s,color .15s}
.button:hover,.btn:hover{background:var(--surface-2);border-color:var(--muted)}.button.primary,.btn-primary,.btn-ship,.btn-buy{color:#fff;background:var(--accent);border-color:var(--accent)}
html[data-theme="dark"] .button.primary,html[data-theme="dark"] .btn-primary,html[data-theme="dark"] .btn-ship,html[data-theme="dark"] .btn-buy{color:#0c111c}
.button.primary:hover,.btn-primary:hover,.btn-ship:hover,.btn-buy:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.button.danger{color:var(--danger);background:var(--surface);border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}.button.danger:hover{background:var(--danger-soft)}
.button.ghost,.btn-ghost{background:transparent;border-color:var(--line)}.button.small,.btn-sm{min-height:32px;padding:0 10px;font-size:.7rem}.button:disabled,.btn:disabled{cursor:not-allowed;opacity:.52}
html[data-theme="dark"] .button.ghost{color:var(--ink)}
.button svg,.btn svg{display:block;width:16px;height:16px;flex:0 0 16px;stroke:currentColor;stroke-width:1.8}

.metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden}
.metric{min-width:0;padding:18px 20px;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric span{display:block;color:var(--muted);font-size:.72rem;font-weight:650}.metric strong{display:block;margin-top:7px;font-size:1.65rem;line-height:1.1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.metric small{display:block;margin-top:7px;color:var(--quiet);font-size:.68rem}.metric.attention strong{color:var(--warning)}.metric.positive strong{color:var(--success)}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:18px}.stack{display:grid;align-content:start;gap:18px}
.panel,.card,.table-container,.settings-section,.supplier-commerce-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:none}
.panel-head,.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:17px 18px;border-bottom:1px solid var(--line)}.panel-head h2,.section-title{margin:0;font-size:.93rem;font-weight:750;letter-spacing:-.015em}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:.74rem}
.queue{display:grid}.queue-item{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:68px;padding:12px 18px;border-bottom:1px solid var(--line)}.queue-item:last-child{border-bottom:0}.queue-button{width:100%;color:inherit;text-align:left;font:inherit;background:transparent;border-top:0;border-right:0;border-left:0;cursor:pointer;transition:background-color .16s ease}.queue-button:hover{background:var(--surface-2)}.queue-button:active{background:var(--accent-soft)}.queue-button:disabled{cursor:wait}.queue-icon{display:grid;width:32px;height:32px;place-items:center;color:var(--warning);background:var(--warning-soft);border-radius:8px}.queue-icon.success{color:var(--success);background:var(--success-soft)}.queue-icon svg{width:17px;stroke:currentColor;stroke-width:1.8}.queue-copy{min-width:0}.queue-copy strong{display:block;font-size:.8rem}.queue-copy span{display:block;margin-top:3px;color:var(--muted);font-size:.7rem}.queue-value{font-size:.8rem;font-weight:750;font-variant-numeric:tabular-nums}
.activity-list{display:grid}.activity-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px 18px;border-bottom:1px solid var(--line)}.activity-item:last-child{border-bottom:0}.activity-item strong{display:block;overflow:hidden;font-size:.77rem;text-overflow:ellipsis;white-space:nowrap}.activity-item span,.activity-item time{color:var(--muted);font-size:.68rem}.activity-item time{white-space:nowrap}

.toolbar{display:flex;align-items:center;gap:9px;margin-bottom:16px}.toolbar .search{position:relative;min-width:230px;flex:1}.toolbar .search svg{position:absolute;top:50%;left:12px;width:16px;transform:translateY(-50%);stroke:var(--muted);stroke-width:1.8}.toolbar .search input{padding-left:38px}.toolbar select{width:auto;min-width:145px}
.product-group-nav{display:flex;gap:7px;margin:0 0 10px;padding:0 0 6px;overflow-x:auto;scrollbar-width:thin}.product-group-chip{display:inline-flex;flex:0 0 auto;min-height:36px;align-items:center;gap:7px;padding:0 11px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:7px;font-size:.71rem;font-weight:700;cursor:pointer}.product-group-chip:hover{color:var(--ink);border-color:var(--line-strong)}.product-group-chip.active{color:#fff;background:var(--ink);border-color:var(--ink)}.product-group-chip span{display:grid;min-width:19px;height:19px;place-items:center;padding:0 5px;color:inherit;background:transparent;border-left:1px solid currentColor;border-radius:0;font-size:.61rem;font-variant-numeric:tabular-nums}.product-group-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.inventory-group-rail{display:flex;gap:8px;margin:-3px 0 14px;padding:3px 0 4px;overflow-x:auto;scrollbar-width:thin}.inventory-group-summary{display:grid;flex:0 0 auto;min-width:174px;gap:3px;padding:11px 12px;color:var(--muted);text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:9px;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.inventory-group-summary:hover{color:var(--ink);border-color:var(--line-strong)}.inventory-group-summary.active{color:var(--ink);background:color-mix(in srgb,var(--accent) 6%,var(--surface));border-color:color-mix(in srgb,var(--accent) 38%,var(--line))}.inventory-group-summary span{max-width:220px;overflow:hidden;font-size:.66rem;font-weight:720;text-overflow:ellipsis;white-space:nowrap}.inventory-group-summary strong{font-size:.8rem;font-weight:760;font-variant-numeric:tabular-nums}.inventory-group-summary small{color:var(--muted);font-size:.62rem}.inventory-group-summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.product-meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:7px}.group-badge,.tag-badge{display:inline-flex;max-width:150px;min-height:21px;align-items:center;padding:2px 6px;overflow:hidden;color:var(--ink-2);background:var(--surface-2);border:1px solid var(--line);border-radius:5px;font-size:.62rem;font-weight:680;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.tag-badge{color:var(--muted);background:transparent}.tag-badge.muted{color:var(--quiet);border-style:dashed}.product-state-line{display:block;margin-top:7px}.select-col{width:38px;text-align:center}.select-col input,.product-check,.mobile-select input{width:17px;height:17px;accent-color:var(--accent)}
.bulk-command{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px;padding:11px 13px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .16s ease,background-color .16s ease}.bulk-command.active{color:var(--ink);background:color-mix(in srgb,var(--accent) 4%,var(--surface));border-color:color-mix(in srgb,var(--accent) 28%,var(--line))}.bulk-command>div:first-child{display:grid;gap:2px;min-width:180px}.bulk-command strong{font-size:.78rem}.bulk-command span{font-size:.68rem;color:var(--muted)}.bulk-command-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.mobile-select{display:flex;align-items:center;gap:7px;margin:-2px 0 8px;color:var(--muted);font-size:.68rem;font-weight:650}.mobile-visibility{display:flex;gap:6px;margin-top:10px}
.group-policy-list{display:grid;gap:1px;margin-top:14px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.group-policy-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,.8fr) minmax(150px,.8fr) minmax(100px,.55fr);gap:12px;align-items:center;padding:13px 14px;background:var(--surface)}.group-policy-row+.group-policy-row{border-top:1px solid var(--line)}.group-policy-copy{display:grid;gap:3px;min-width:0}.group-policy-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-policy-copy span,.policy-switch small{color:var(--muted);font-size:.67rem}.policy-switch{display:flex;align-items:flex-start;gap:8px;min-width:0;cursor:pointer}.policy-switch input{width:17px;height:17px;margin-top:2px;flex:none;accent-color:var(--accent)}.policy-switch span{display:grid;gap:2px}.policy-switch strong{font-size:.73rem}.policy-result{font-size:.68rem;color:var(--muted);text-align:right}.policy-result.success{color:var(--success)}.policy-result.error{color:var(--danger);white-space:normal}
.field{display:grid;gap:7px}.field>span,.form-label{color:var(--ink-2);font-size:.72rem;font-weight:700}.field small,.form-hint{color:var(--muted);font-size:.68rem;line-height:1.55}
.field input,.field select,.field textarea,.form-input,.form-select{width:100%;min-height:42px;padding:9px 11px;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-control)}
.field.is-disabled{opacity:.58}.field.is-disabled input{cursor:not-allowed;background:var(--surface-2)}
.field textarea{min-height:96px;resize:vertical}.field input::placeholder,.field textarea::placeholder,.form-input::placeholder{color:var(--quiet);opacity:1}.field input:focus,.field select:focus,.field textarea:focus,.form-input:focus,.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.form-error{margin:0;padding:9px 11px;color:var(--danger);background:var(--danger-soft);border-radius:7px;font-size:.73rem}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid>.full{grid-column:1/-1}.check-field{display:flex;min-height:42px;align-items:center;gap:9px;color:var(--ink-2);font-size:.75rem;font-weight:600}.check-field input{width:16px;height:16px;accent-color:var(--accent)}
.after-sales-toggle{align-items:flex-start;padding:13px 14px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent) 5%,var(--surface));cursor:pointer}.after-sales-toggle input{margin-top:2px;flex:none}.after-sales-toggle span{display:grid;gap:3px}.after-sales-toggle strong{color:var(--ink);font-size:.82rem}.after-sales-toggle small{color:var(--muted);font-weight:500;line-height:1.45}.after-sales-fields{padding:15px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 4%,var(--surface-2))}.after-sales-fields textarea{min-height:86px;resize:vertical}

.data-shell{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card)}
.data-scroll{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:.75rem}.data-table th{padding:10px 13px;color:var(--muted);background:var(--surface-2);border-bottom:1px solid var(--line);font-size:.66rem;font-weight:750;text-align:left;white-space:nowrap}.data-table td{padding:12px 13px;color:var(--ink-2);border-bottom:1px solid var(--line);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:color-mix(in srgb,var(--accent-soft) 35%,transparent)}.data-table .number{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.data-table .actions{text-align:right;white-space:nowrap}.row-title{display:block;max-width:420px;color:var(--ink);font-weight:700}.row-sub{display:block;max-width:420px;margin-top:3px;overflow:hidden;color:var(--muted);font-size:.66rem;text-overflow:ellipsis;white-space:nowrap}.row-actions{display:inline-flex;gap:6px}
.status,.badge{display:inline-flex;min-height:23px;align-items:center;padding:2px 7px;color:var(--muted);background:var(--surface-3);border:1px solid var(--line);border-radius:5px;font-size:.64rem;font-weight:750;white-space:nowrap}.status.success,.badge-available{color:var(--success);background:var(--success-soft);border-color:color-mix(in srgb,var(--success) 28%,var(--line))}.status.warning,.badge-warning{color:var(--warning);background:var(--warning-soft);border-color:color-mix(in srgb,var(--warning) 28%,var(--line))}.status.danger,.badge-danger,.badge-refunded{color:var(--danger);background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 28%,var(--line))}.status.info,.badge-info{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 28%,var(--line))}
.stock-cell{display:flex;align-items:center;gap:7px}.stock-cell strong{font-variant-numeric:tabular-nums}.source-note{display:block;margin-top:3px;color:var(--quiet);font-size:.62rem}
.product-row.stock-low{background:color-mix(in srgb,var(--warning-soft) 35%,transparent)}.product-row.stock-out{background:color-mix(in srgb,var(--danger-soft) 24%,transparent)}.unavailable-note{display:inline-flex;align-items:center;min-height:30px;color:var(--quiet);font-size:.65rem;font-weight:700;white-space:nowrap}
.mobile-list{display:none}.mobile-card{padding:15px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card)}.mobile-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.mobile-card h3{margin:0;font-size:.86rem}.mobile-card p{margin:5px 0 0;color:var(--muted);font-size:.69rem}.mobile-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.mobile-stat span{display:block;color:var(--muted);font-size:.62rem}.mobile-stat strong{display:block;margin-top:3px;font-size:.76rem}.mobile-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.mobile-card.stock-low{background:color-mix(in srgb,var(--warning-soft) 32%,var(--surface));border-color:color-mix(in srgb,var(--warning) 28%,var(--line))}.mobile-card.stock-out{background:color-mix(in srgb,var(--danger-soft) 24%,var(--surface));border-color:color-mix(in srgb,var(--danger) 25%,var(--line))}.mobile-card.stock-out .mobile-actions{align-items:center}.mobile-card.stock-out .unavailable-note{margin-right:auto}
.empty-state{display:grid;min-height:220px;place-items:center;padding:30px;text-align:center}.empty-state svg{width:34px;height:34px;margin-bottom:13px;stroke:var(--quiet);stroke-width:1.4}.empty-state h3{margin:0;font-size:.92rem}.empty-state p{max-width:48ch;margin:6px auto 0;color:var(--muted);font-size:.73rem}
.skeleton{position:relative;overflow:hidden;background:var(--surface-3);border-radius:7px}.skeleton::after{position:absolute;inset:0;content:"";background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);transform:translateX(-100%);animation:shimmer 1.25s infinite}.page-loading{display:grid;gap:13px}.page-loading .skeleton:nth-child(1){width:33%;height:30px}.page-loading .skeleton:nth-child(2){width:55%;height:18px}.page-loading .skeleton:nth-child(3){height:92px;margin-top:12px}.page-loading .skeleton:nth-child(4){height:360px}

.tabs,.supplier-tabs{display:flex;gap:3px;margin-bottom:16px;padding:4px;background:var(--surface-3);border-radius:10px;overflow-x:auto}.tab,.supplier-tab{flex:0 0 auto;min-height:36px;padding:0 12px;color:var(--muted);background:transparent;border:0;border-radius:7px;font-size:.72rem;font-weight:700;cursor:pointer}.tab.active,.supplier-tab.active{color:var(--ink);background:var(--surface);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px}.settings-nav{display:grid;align-content:start;gap:3px}.settings-nav button{min-height:40px;padding:0 12px;color:var(--muted);background:transparent;border:0;border-radius:8px;text-align:left;cursor:pointer}.settings-nav button.active{color:var(--ink);background:var(--surface);font-weight:700}.settings-panel{padding:20px}.settings-panel h2{margin:0 0 4px;font-size:1rem}.settings-panel>p{margin:0 0 20px;color:var(--muted);font-size:.72rem}.settings-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}

.dialog-overlay,.modal-overlay,.fulfillment-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:22px;background:rgba(8,11,16,.68)}
.dialog,.modal-content,.fulfillment-dialog{display:flex;width:min(680px,100%);max-height:min(88dvh,820px);flex-direction:column;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-dialog);box-shadow:var(--shadow);overflow:hidden}
.dialog.wide{width:min(980px,100%)}.dialog-head,.modal-header{display:flex;min-height:62px;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;border-bottom:1px solid var(--line)}.dialog-title,.modal-title{min-width:0}.dialog-title h2,.modal-title{margin:0;font-size:1rem;letter-spacing:-.015em}.dialog-title p{margin:3px 0 0;color:var(--muted);font-size:.68rem}.dialog-close,.modal-close{display:grid;width:34px;height:34px;place-items:center;padding:0;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:8px;cursor:pointer}.dialog-close svg,.modal-close svg{width:17px;stroke:currentColor}.dialog-body,.modal-body{min-height:0;padding:18px;overflow:auto;overscroll-behavior:contain}.dialog-foot,.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--line);background:var(--surface-2)}
.dialog-result{padding:14px;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:9px;white-space:pre-wrap;word-break:break-word}.dialog-alert{margin-bottom:14px;padding:12px 13px;border-radius:9px;font-size:.73rem}.dialog-alert.warning{color:var(--warning);background:var(--warning-soft)}.dialog-alert.success{color:var(--success);background:var(--success-soft)}.dialog-alert.danger{color:var(--danger);background:var(--danger-soft)}
.calc-box,.ship-calc{display:grid;gap:7px;margin-top:15px;padding:13px;background:var(--surface-2);border:1px solid var(--line);border-radius:9px}.calc-row,.ship-calc-row{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.72rem}.calc-row strong,.ship-calc-row .value{color:var(--ink);font-variant-numeric:tabular-nums}.calc-row.total,.ship-calc-row.total{padding-top:8px;border-top:1px solid var(--line);font-weight:750}.fulfillment-sheet-handle{display:none}
.confirm-copy{font-size:.8rem;line-height:1.65}.confirm-copy strong{color:var(--ink)}
.toast-region{position:fixed;right:18px;bottom:18px;z-index:1500;display:grid;gap:8px;width:min(360px,calc(100vw - 36px))}.toast{padding:12px 14px;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:9px;box-shadow:var(--shadow);font-size:.75rem;animation:toast-in .18s ease-out}.toast.success{border-color:color-mix(in srgb,var(--success) 45%,var(--line))}.toast.error{border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}

/* The procurement module is a first-class route in this shell. */
.supplier-panel{color:var(--ink)}.supplier-panel .page-header{margin-bottom:22px}.supplier-panel .page-title{margin:0;font-size:clamp(1.55rem,2vw,2.05rem);letter-spacing:-.035em}.supplier-panel .page-subtitle{margin:7px 0 0;color:var(--muted)}
.supplier-summary,.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden}.supplier-summary .stat-card,.stats-grid .stat-card{padding:16px;border-right:1px solid var(--line);background:var(--surface)!important;border-radius:0!important;box-shadow:none!important}.supplier-summary .stat-card:last-child{border-right:0}.stat-label{color:var(--muted);font-size:.68rem}.stat-value{margin-top:6px;color:var(--ink);font-size:1.25rem;font-weight:750}.stat-change{margin-top:5px;color:var(--quiet);font-size:.63rem}
.supplier-workflow{display:flex;margin-bottom:15px;padding:11px 13px;gap:8px;overflow-x:auto;background:var(--surface-2);border:1px solid var(--line);border-radius:10px}.supplier-workflow span{display:flex;flex:0 0 auto;align-items:center;gap:6px;padding:0!important;background:transparent!important}.supplier-workflow b{display:grid;width:20px;height:20px;place-items:center;color:#fff;background:var(--accent);border-radius:5px;font-size:.62rem}.supplier-toolbar{display:flex;gap:8px;margin-bottom:14px}.supplier-search{flex:1}.supplier-banner{display:flex;gap:10px;margin-bottom:14px;padding:12px;color:var(--ink-2);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:9px}.supplier-pricing-settings,.supplier-commerce-card{padding:18px;margin-bottom:16px}.supplier-pricing-settings .section-header,.supplier-commerce-card .section-header{padding:0 0 14px;margin-bottom:15px}.supplier-pricing-grid,.supplier-coupon-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.supplier-setting-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.supplier-safe-hint{margin-top:10px}.supplier-inline-form{display:grid;grid-template-columns:1fr 1.4fr .7fr auto;gap:8px;margin-bottom:14px}.supplier-rule{display:grid;gap:7px}.supplier-rule-value{display:flex;align-items:center;gap:6px}.supplier-rule-value span{color:var(--muted);font-size:.7rem}.supplier-price-preview,.supplier-source-price,.supplier-converted-cost{font-size:.68rem}.supplier-visibility{display:grid;gap:7px}.supplier-toggle{display:flex;align-items:center;gap:6px;color:var(--ink-2);font-size:.69rem}.supplier-actions{display:flex;gap:6px}.supplier-mobile-label{display:none}.supplier-empty{padding:28px;color:var(--muted);text-align:center}.supplier-loading{display:grid;min-height:260px;place-items:center;padding:36px}.supplier-spinner{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.supplier-progress{color:var(--muted);font-size:.72rem}.supplier-toast{position:fixed;right:18px;bottom:18px;z-index:1600;padding:12px 14px;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:9px;box-shadow:var(--shadow);opacity:0;transform:translateY(8px);pointer-events:none;transition:.18s}.supplier-toast.show{opacity:1;transform:none}.supplier-toast.error{color:var(--danger)}

@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{opacity:.35}}@keyframes shimmer{to{transform:translateX(100%)}}@keyframes toast-in{from{opacity:0;transform:translateY(6px)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

@media (max-width:1100px){.metric-strip{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.dashboard-grid{grid-template-columns:1fr}.supplier-summary,.stats-grid{grid-template-columns:repeat(3,1fr)}.supplier-summary .stat-card:nth-child(3){border-right:0}.supplier-summary .stat-card:nth-child(-n+3){border-bottom:1px solid var(--line)}.supplier-pricing-grid,.supplier-coupon-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:860px){
  .workspace{display:block}.sidebar{position:fixed;left:0;transform:translateX(-102%);width:min(82vw,280px);box-shadow:var(--shadow);transition:transform .22s cubic-bezier(.2,.8,.2,1)}.sidebar.open{transform:none}.mobile-menu{display:grid}.topbar{min-height:60px;padding:0 13px}.page{padding:22px 15px 56px}.global-error{margin:14px 15px 0}.sync-state span{display:none}.page-head{align-items:flex-start}.desktop-table{display:none}.mobile-list{display:grid;gap:10px}.toolbar{align-items:stretch;flex-wrap:wrap}.toolbar .search{min-width:100%;flex-basis:100%}.toolbar select{flex:1;min-width:130px}.settings-layout{grid-template-columns:1fr}.settings-nav{display:flex;overflow-x:auto}.settings-nav button{flex:0 0 auto}.supplier-summary,.stats-grid{grid-template-columns:repeat(2,1fr)}.supplier-summary .stat-card{border-bottom:1px solid var(--line)}.supplier-summary .stat-card:nth-child(2n){border-right:0}.supplier-pricing-grid,.supplier-coupon-grid{grid-template-columns:repeat(2,1fr)}.supplier-inline-form{grid-template-columns:1fr 1fr}.supplier-table thead{display:none}.supplier-table,.supplier-table tbody,.supplier-table tr,.supplier-table td{display:block;width:100%}.supplier-table tr{padding:14px;border-bottom:1px solid var(--line)}.supplier-table td{padding:8px 0;border:0}.supplier-mobile-label{display:block;margin-bottom:5px;color:var(--muted);font-size:.62rem;font-weight:700}.supplier-actions .btn{flex:1}
}
@media (max-width:560px){
  .login-view{place-items:start center;padding:70px 14px 24px}.login-stage{padding:27px 22px 24px}.login-status{top:21px;right:20px}.page-head{display:grid}.head-actions{justify-content:flex-start}.head-actions .button{flex:1}.metric-strip{grid-template-columns:1fr 1fr}.metric{padding:15px}.metric strong{font-size:1.35rem}.queue-item{grid-template-columns:34px minmax(0,1fr);padding:12px 14px}.queue-value{grid-column:2}.form-grid{grid-template-columns:1fr}.form-grid>.full{grid-column:auto}.dialog-overlay,.modal-overlay,.fulfillment-overlay{align-items:end;padding:0}.dialog,.modal-content,.fulfillment-dialog{width:100%;max-width:none;max-height:92dvh;border-right:0;border-bottom:0;border-left:0;border-radius:16px 16px 0 0}.dialog::before,.fulfillment-dialog::before{align-self:center;width:40px;height:4px;margin:8px 0 0;content:"";background:var(--line-strong);border-radius:4px}.dialog-head,.modal-header{min-height:56px;padding:10px 14px;touch-action:none}.dialog-body,.modal-body{padding:14px}.dialog-foot,.modal-footer{position:sticky;bottom:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom))}.dialog-foot .button,.modal-footer .btn{flex:1;min-height:44px}.fulfillment-sheet-handle{display:grid;place-items:center;height:24px;background:transparent;border:0}.fulfillment-sheet-handle span{width:40px;height:4px;background:var(--line-strong);border-radius:4px}.fulfillment-sheet-handle em{position:absolute;width:1px;height:1px;overflow:hidden}.mobile-card-grid{grid-template-columns:1fr 1fr}.supplier-summary,.stats-grid{grid-template-columns:1fr 1fr}.supplier-pricing-grid,.supplier-coupon-grid,.supplier-inline-form{grid-template-columns:1fr}.supplier-setting-actions{display:grid}.supplier-toolbar{display:grid}.supplier-workflow{display:none}.toast-region{right:12px;bottom:12px;width:calc(100vw - 24px)}
}

html[data-theme="dark"] .mobile-actions .button.ghost{color:#f2f4f7!important}
html[data-theme="dark"] .product-group-chip.active{color:#11151b;background:var(--accent);border-color:var(--accent)}
.confirm-summary > p:first-child { margin-top:0; }
.confirm-summary .calc-box { margin:14px 0; }
.confirm-summary > p:last-child { margin-bottom:0; color:var(--muted); font-size:.83rem; line-height:1.6; }
.ledger-section{margin-top:28px}.section-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:12px}.section-heading h2{margin:0;font-size:1rem}.section-heading p{margin:5px 0 0;max-width:68ch;color:var(--muted);font-size:.82rem;line-height:1.55}.status-badge.neutral{color:var(--muted);background:var(--surface-2)}
.after-sales-source-pair{display:grid;grid-template-columns:minmax(145px,1fr) auto minmax(145px,1fr);gap:9px;align-items:center;min-width:330px}.after-sales-source{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;align-items:start}.after-sales-source .source-role{padding:2px 6px;border-radius:99px;background:var(--surface-2);color:var(--muted);font-size:.65rem;font-weight:750;line-height:1.4}.after-sales-source div{display:grid;gap:2px;min-width:0}.after-sales-source strong,.after-sales-source small{overflow:hidden;text-overflow:ellipsis}.after-sales-source strong{font-size:.76rem}.after-sales-source small{color:var(--muted);font-size:.68rem;line-height:1.4;white-space:normal}.source-arrow{color:var(--muted);font-size:.9rem}
@media(max-width:640px){.section-heading{align-items:flex-start}.ledger-section{margin-top:22px}}
@media(max-width:760px){.bulk-command{align-items:flex-start;flex-direction:column;gap:10px;padding:10px}.bulk-command-actions{display:grid;width:100%;grid-template-columns:repeat(4,minmax(0,1fr))}.bulk-command-actions .button{width:100%;min-height:40px;padding-inline:6px}.bulk-command-actions .button:nth-child(-n+2){grid-column:span 2}.group-policy-row{grid-template-columns:1fr;gap:11px}.policy-result{text-align:left}.group-policy-list{border-radius:var(--radius)}.group-policy-copy{padding-bottom:8px;border-bottom:1px solid var(--line)}}
.inventory-group-rail{scrollbar-width:none}.inventory-group-rail::-webkit-scrollbar{display:none}

/* V33 — adaptive liquid material, purposeful continuity, and after-sales routes. */
:root{
  --glass:color-mix(in srgb,var(--surface) 82%,transparent);
  --glass-strong:color-mix(in srgb,var(--surface) 92%,transparent);
  --glass-line:color-mix(in srgb,#fff 46%,var(--line));
  --glass-shadow:0 1px 0 rgba(24,31,43,.055),0 12px 30px rgba(34,45,64,.065),inset 0 1px 0 rgba(255,255,255,.58);
}
html[data-theme="dark"]{
  --glass:color-mix(in srgb,var(--surface) 78%,transparent);
  --glass-strong:color-mix(in srgb,var(--surface) 90%,transparent);
  --glass-line:color-mix(in srgb,#fff 13%,var(--line));
  --glass-shadow:0 1px 0 rgba(0,0,0,.28),0 14px 34px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,255,255,.075);
}
body{
  background:radial-gradient(circle at 88% -8%,color-mix(in srgb,var(--accent) 15%,transparent) 0,transparent 31rem),radial-gradient(circle at 8% 78%,color-mix(in srgb,var(--success) 9%,transparent) 0,transparent 35rem),var(--canvas);
  background-attachment:scroll;
}
.topbar{
  background:color-mix(in srgb,var(--canvas) 68%,transparent);border-color:var(--glass-line);
  box-shadow:0 8px 24px rgba(34,45,64,.045),inset 0 1px rgba(255,255,255,.34);
  -webkit-backdrop-filter:saturate(150%) blur(18px);backdrop-filter:saturate(150%) blur(18px);
}
.sidebar{background:color-mix(in srgb,var(--sidebar) 94%,transparent);-webkit-backdrop-filter:saturate(125%) blur(14px);backdrop-filter:saturate(125%) blur(14px)}
.account-card,.nav-item.active{box-shadow:inset 0 1px 0 rgba(255,255,255,.055)}
.toolbar{padding:10px;background:var(--glass);border:1px solid var(--glass-line);border-radius:var(--radius-card);box-shadow:var(--glass-shadow);background-clip:padding-box;isolation:isolate;-webkit-backdrop-filter:saturate(135%) blur(14px);backdrop-filter:saturate(135%) blur(14px)}
.metric-strip,.panel,.card,.data-shell,.table-container,.settings-section,.supplier-commerce-card,.mobile-card,.inventory-group-summary,.product-group-chip{
  background:var(--glass-strong);border-color:var(--glass-line);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--glass-line) 55%,transparent);background-clip:padding-box;isolation:isolate;
  -webkit-backdrop-filter:none;backdrop-filter:none;
}
.metric-strip,.panel,.card,.data-shell,.table-container,.settings-section,.supplier-commerce-card,.mobile-card{border-radius:var(--radius-card)}
.inventory-group-summary{border-radius:10px}.product-group-chip{border-radius:var(--radius-control)}
.metric{background:linear-gradient(145deg,rgba(255,255,255,.17),transparent 54%)}
html[data-theme="dark"] .metric{background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 56%)}
.icon-button,.button,.btn,.field input,.field select,.field textarea,.form-input,.form-select{transition:transform .16s cubic-bezier(.16,1,.3,1),background-color .16s ease,border-color .16s ease,color .16s ease}
.icon-button:hover,.button:hover:not(:disabled),.btn:hover:not(:disabled){transform:translateY(-1px)}
.icon-button:active,.button:active:not(:disabled),.btn:active:not(:disabled){transform:scale(.97)}
.dialog-overlay,.modal-overlay,.fulfillment-overlay{background:rgba(8,12,18,.54);-webkit-backdrop-filter:blur(8px) saturate(112%);backdrop-filter:blur(8px) saturate(112%)}
.dialog,.modal-content,.fulfillment-dialog{
  background:var(--glass-strong);border-color:var(--glass-line);border-radius:var(--radius-dialog);background-clip:padding-box;isolation:isolate;
  box-shadow:0 28px 74px rgba(12,18,28,.25),0 5px 16px rgba(12,18,28,.10),inset 0 1px 0 rgba(255,255,255,.54);
  -webkit-backdrop-filter:saturate(145%) blur(18px);backdrop-filter:saturate(145%) blur(18px);
}
html[data-theme="dark"] .dialog,html[data-theme="dark"] .modal-content,html[data-theme="dark"] .fulfillment-dialog{box-shadow:0 30px 82px rgba(0,0,0,.48),0 6px 18px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.085)}
.dialog-head,.modal-header,.dialog-foot,.modal-footer{background:color-mix(in srgb,var(--glass-strong) 94%,transparent);-webkit-backdrop-filter:none;backdrop-filter:none}
.toast{background:var(--glass-strong);border-color:var(--glass-line);border-radius:var(--radius-card);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(14px) saturate(135%);backdrop-filter:blur(14px) saturate(135%)}
.login-view{background:radial-gradient(circle at 72% 18%,rgba(92,128,255,.25),transparent 30rem),radial-gradient(circle at 10% 88%,rgba(52,194,154,.15),transparent 34rem),var(--sidebar)}
.login-stage{background:color-mix(in srgb,var(--sidebar-2) 88%,transparent);border-color:rgba(255,255,255,.16);border-radius:var(--radius-dialog);-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%);box-shadow:0 30px 82px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.10)}
.login-mark{box-shadow:0 10px 24px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.72)}

.page.material-enter{animation:materialPageIn .26s cubic-bezier(.16,1,.3,1) backwards;transform-origin:50% 0;will-change:opacity,transform}
.after-sales-fields:not([hidden]){animation:afterSalesReveal .24s cubic-bezier(.16,1,.3,1) backwards}
.after-sales-route,.after-sales-confirm-route,.after-sales-product-route{display:grid;grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);align-items:center;gap:10px}
.after-sales-route{padding:13px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 9%,var(--glass)),color-mix(in srgb,var(--success) 7%,var(--glass)));border:1px solid var(--glass-line);border-radius:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.after-sales-route>span,.after-sales-confirm-route>span,.after-sales-product-route>span{display:grid;min-width:0;gap:2px}
.after-sales-route small,.after-sales-confirm-route small,.after-sales-product-route small{color:var(--muted);font-size:.62rem;font-style:normal;font-weight:720}
.after-sales-route strong,.after-sales-confirm-route strong,.after-sales-product-route strong{overflow:hidden;color:var(--ink);font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}
.after-sales-route em,.after-sales-product-route em{overflow:hidden;color:var(--muted);font-size:.63rem;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.after-sales-route i,.after-sales-confirm-route i,.after-sales-product-route i,.source-arrow{display:grid;place-items:center;color:var(--accent)}
.after-sales-route svg,.after-sales-confirm-route svg,.after-sales-product-route svg,.source-arrow svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.after-sales-route svg path,.after-sales-confirm-route svg path{stroke-dasharray:28;animation:afterSalesTrace .8s .12s cubic-bezier(.16,1,.3,1) both}
.after-sales-confirm-route{margin-bottom:10px;padding:12px;background:color-mix(in srgb,var(--accent) 5%,var(--surface-2));border:1px solid var(--line);border-radius:12px}
.after-sales-product-route{min-width:360px}.after-sales-product-route i{color:var(--muted)}
.after-sales-source-pair{display:grid;grid-template-columns:minmax(150px,1fr) 28px minmax(150px,1fr);align-items:center;gap:7px}
.source-arrow{font-size:0}.source-arrow svg{width:20px;height:20px}

@keyframes materialPageIn{from{opacity:.78;transform:translateY(5px) scale(.998)}to{opacity:1;transform:none}}
@keyframes afterSalesReveal{from{opacity:.72;transform:translateY(-4px)}to{opacity:1;transform:none}}
@keyframes afterSalesTrace{from{stroke-dashoffset:28;opacity:.25}to{stroke-dashoffset:0;opacity:1}}
@keyframes themeOld{from{opacity:1}to{opacity:.90}}
@keyframes themeNew{from{opacity:.90}to{opacity:1}}
::view-transition-old(root){animation:themeOld .10s ease-out both}
::view-transition-new(root){animation:themeNew .20s ease-out both}

@media(max-width:760px){
  .toolbar{border-radius:var(--radius-card)}.dialog,.modal-content,.fulfillment-dialog{border-radius:18px 18px 0 0}
  .after-sales-route,.after-sales-confirm-route{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);padding:11px;gap:6px}
  .after-sales-route strong,.after-sales-confirm-route strong{white-space:normal;line-height:1.35}.after-sales-product-route{min-width:310px}
}
@media(max-width:460px){
  .after-sales-route,.after-sales-confirm-route{grid-template-columns:1fr}.after-sales-route i,.after-sales-confirm-route i{height:20px;transform:rotate(90deg)}
  .after-sales-route em{white-space:normal}.login-stage{border-radius:var(--radius-dialog)}
}
@media(prefers-reduced-transparency:reduce){.topbar,.sidebar,.toolbar,.metric-strip,.panel,.card,.data-shell,.dialog,.modal-content,.fulfillment-dialog,.toast{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}}

/* V34: searchable sales ledger and readable fulfillment references */
.sales-toolbar{flex-wrap:wrap}.sales-toolbar .search{min-width:min(100%,320px)}.toolbar-result{margin-left:auto;padding:0 4px;color:var(--muted);font-size:.68rem;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.order-number{display:block;margin-bottom:5px;color:var(--accent);font-family:var(--font-mono);font-size:.66rem;font-weight:760;letter-spacing:.025em}.delivery-order-number{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 10px;padding:12px 13px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-control)}.delivery-order-number span{color:var(--muted);font-size:.7rem}.delivery-order-number strong{overflow-wrap:anywhere;color:var(--accent);font-family:var(--font-mono);font-size:.8rem;letter-spacing:.025em}
@media(max-width:760px){.sales-toolbar .form-select{min-width:calc(50% - 5px)}.toolbar-result{width:100%;margin-left:0;padding:2px 1px}.delivery-order-number{align-items:flex-start;flex-direction:column;gap:4px}}
@media(prefers-reduced-motion:reduce){.page.material-enter,.after-sales-fields:not([hidden]),.after-sales-route svg path,.after-sales-confirm-route svg path,::view-transition-new(root){animation:none!important}}

/* V42 — desktop command hierarchy, inventory maintenance, and batch fulfillment. */
.page-command-group{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.page-command-group .button{min-height:40px}
.bulk-command-copy{display:grid;gap:2px;min-width:210px}
.bulk-selection-actions,.bulk-toggle-cluster,.product-maintenance-actions{display:flex;align-items:center;gap:6px}
.bulk-toggle-cluster{padding-left:9px;border-left:1px solid var(--line)}
.bulk-toggle-cluster>span{padding-inline:2px;color:var(--ink-2);font-size:.67rem;font-weight:750}
.inventory-filter-toolbar{display:grid;grid-template-columns:minmax(300px,1fr) minmax(230px,.58fr) minmax(145px,.3fr)}
.inventory-filter-toolbar .search{min-width:0}
.inventory-filter-toolbar .form-select{width:100%;min-width:0}
.inventory-command-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:-4px 0 16px;padding:13px 15px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card)}
.inventory-command-bar>div:first-child{display:grid;gap:3px;min-width:0}
.inventory-command-bar strong{font-size:.8rem}
.inventory-command-bar span{color:var(--muted);font-size:.69rem;line-height:1.45}
.inventory-command-actions{display:flex;flex:0 0 auto;gap:8px}
.product-row-actions{display:grid;grid-template-columns:minmax(92px,1fr) minmax(86px,auto);justify-items:stretch;min-width:212px}
.product-row-actions>.unavailable-note{grid-column:1/-1;text-align:center}
.product-row-actions>.button{min-height:36px;justify-content:center}
.product-maintenance-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
.product-maintenance-actions .button{min-height:34px;justify-content:center}
.inventory-row-actions{min-width:190px;justify-content:flex-end;flex-wrap:wrap}
.inventory-row-actions .button{min-height:36px}
.batch-live-summary,.batch-result-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-card)}
.batch-live-summary>div,.batch-result-summary>div{display:grid;gap:5px;padding:14px;border-right:1px solid var(--line)}
.batch-live-summary>div:last-child,.batch-result-summary>div:last-child{border-right:0}
.batch-live-summary span,.batch-result-summary span{color:var(--muted);font-size:.67rem;font-weight:680}
.batch-live-summary strong,.batch-result-summary strong{font-size:1rem;font-variant-numeric:tabular-nums}
.batch-result-summary{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}
.batch-delivery-list{display:grid;gap:9px;max-height:46vh;overflow:auto;padding-right:3px}
.batch-delivery-list article{overflow:hidden;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-control)}
.batch-delivery-list header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 12px;border-bottom:1px solid var(--line)}
.batch-delivery-list header span{color:var(--muted);font-size:.67rem;font-weight:700}
.batch-delivery-list header strong{overflow-wrap:anywhere;color:var(--accent);font-family:var(--font-mono);font-size:.72rem}
.batch-delivery-list pre{margin:0;padding:12px;color:var(--ink-2);font-family:var(--font-mono);font-size:.72rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}

@media(min-width:861px){
  .product-actions-cell{min-width:240px}
  .inventory-actions-cell{min-width:210px}
  .product-table-shell .data-table th.actions,.product-table-shell .data-table td.actions,.inventory-table-shell .data-table th.actions,.inventory-table-shell .data-table td.actions,.order-actions-cell{position:sticky;right:0;z-index:2;background:var(--surface);box-shadow:-12px 0 18px -18px rgba(19,28,43,.5)}
  .product-table-shell .data-table th.actions,.inventory-table-shell .data-table th.actions{z-index:3;background:var(--surface-2)}
  .product-table-shell .data-table tbody tr:hover td.actions,.inventory-table-shell .data-table tbody tr:hover td.actions{background:color-mix(in srgb,var(--accent-soft) 35%,var(--surface))}
}

@media(max-width:860px){
  .page-command-group{width:100%;justify-content:flex-start}
  .page-command-group .button{flex:1 1 145px;justify-content:center}
  .inventory-filter-toolbar{display:flex}
  .inventory-command-bar{align-items:flex-start;flex-direction:column}
  .inventory-command-actions{display:grid;width:100%;grid-template-columns:1fr 1fr}
  .inventory-command-actions .button{justify-content:center}
  .bulk-command-actions{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:8px}
  .bulk-selection-actions{grid-column:1/-1}
  .bulk-selection-actions,.bulk-toggle-cluster{display:grid;width:100%;grid-template-columns:1fr 1fr;padding:0;border:0}
  .bulk-toggle-cluster>span{grid-column:1/-1;padding-top:3px}
  .batch-result-summary{grid-template-columns:1fr 1fr}
  .batch-result-summary>div:nth-child(2){border-right:0}
  .batch-result-summary>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
}

@media(max-width:520px){
  .page-command-group .button{flex-basis:calc(50% - 4px)}
  .batch-live-summary{grid-template-columns:1fr}
  .batch-live-summary>div{border-right:0;border-bottom:1px solid var(--line)}
  .batch-live-summary>div:last-child{border-bottom:0}
  .batch-result-summary{grid-template-columns:1fr}
  .batch-result-summary>div,.batch-result-summary>div:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}
  .batch-result-summary>div:last-child{border-bottom:0}
}

/* V37 — restrained materials, Safari-stable edges and restored navigation motion. */
:root{
  --glass:var(--surface);
  --glass-strong:var(--surface);
  --glass-line:var(--line);
  --glass-shadow:none;
}
body{background:linear-gradient(180deg,#eef2f7 0,var(--canvas) 32rem,var(--canvas) 100%)}
html[data-theme="dark"] body{background:linear-gradient(180deg,#111722 0,var(--canvas) 32rem,var(--canvas) 100%)}
.sidebar{
  color:#f3f5f7!important;
  background:#101319!important;
  border-right:1px solid #282e38!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.sidebar .account-card{background:#171b23!important;border-color:#2a313c!important;box-shadow:none!important}
.sidebar .nav-item.active{background:#202735!important;box-shadow:none!important}
.topbar{
  background:rgba(238,240,243,.94);
  border-color:var(--line);
  box-shadow:0 5px 18px rgba(25,34,48,.045);
  -webkit-backdrop-filter:blur(9px) saturate(110%);
  backdrop-filter:blur(9px) saturate(110%);
}
html[data-theme="dark"] .topbar{background:rgba(15,18,23,.94);border-color:var(--line)}
.toolbar{
  background:var(--surface-2);
  border-color:var(--line);
  box-shadow:none;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.metric-strip,.panel,.card,.data-shell,.table-container,.settings-section,.supplier-commerce-card,.mobile-card,.inventory-group-summary,.product-group-chip{
  background:var(--surface);
  border-color:var(--line);
  box-shadow:none;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.metric{background:var(--surface)!important}
.dialog,.modal-content,.fulfillment-dialog{
  background:var(--surface);
  border-color:var(--line-strong);
  box-shadow:0 26px 70px rgba(12,18,28,.23),0 4px 14px rgba(12,18,28,.08);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
html[data-theme="dark"] .dialog,html[data-theme="dark"] .modal-content,html[data-theme="dark"] .fulfillment-dialog{box-shadow:0 28px 76px rgba(0,0,0,.48)}
.dialog-overlay,.modal-overlay,.fulfillment-overlay{background:rgba(8,12,18,.58);-webkit-backdrop-filter:none;backdrop-filter:none}
.dialog-head,.modal-header,.dialog-foot,.modal-footer{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}
.toast{background:var(--surface);border-color:var(--line-strong);box-shadow:var(--shadow);-webkit-backdrop-filter:none;backdrop-filter:none}
.login-stage{background:#171b23;border-color:#3a414d;box-shadow:0 30px 82px rgba(0,0,0,.40);-webkit-backdrop-filter:none;backdrop-filter:none}
.page.material-enter{animation:materialPageIn .34s cubic-bezier(.16,1,.3,1) backwards;will-change:auto}
@keyframes materialPageIn{from{opacity:.38;transform:translate3d(0,13px,0) scale(.995)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes themeOld{from{opacity:1;transform:scale(1)}to{opacity:.74;transform:scale(.997)}}
@keyframes themeNew{from{opacity:.68;transform:scale(1.004)}to{opacity:1;transform:scale(1)}}
::view-transition-group(root){animation-duration:.36s;animation-timing-function:cubic-bezier(.16,1,.3,1)}
::view-transition-old(root){animation:themeOld .16s ease-out both}
::view-transition-new(root){animation:themeNew .34s cubic-bezier(.16,1,.3,1) both}
@keyframes collectionMotionEnter{from{opacity:.48;transform:translate3d(0,8px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes themeMotionEnter{from{opacity:.68}to{opacity:1}}
.collection-motion-enter{animation:collectionMotionEnter .25s cubic-bezier(.16,1,.3,1) both!important}
html.theme-motion-enter{animation:themeMotionEnter .30s cubic-bezier(.16,1,.3,1) both!important}
@media(max-width:760px){.sidebar{background:#101319!important}.topbar{background:rgba(238,240,243,.96)}html[data-theme="dark"] .topbar{background:rgba(15,18,23,.96)}}
@media(prefers-reduced-transparency:reduce){.topbar{background:var(--canvas);-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root),.collection-motion-enter,html.theme-motion-enter{animation:none!important}}

/* V39 — motion that remains visible without Web Animations API. */
@keyframes v39OperationsPageEnter{from{opacity:.08;transform:translate3d(0,12px,0) scale(.994)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes v39OperationsCollectionEnter{from{opacity:.12;transform:translate3d(0,16px,0) scale(.99)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes v39OperationsThemeCurtain{0%{opacity:.96;transform:translate3d(0,0,0)}100%{opacity:0;transform:translate3d(0,-102%,0)}}
@keyframes v39OperationsThemeIcon{from{transform:rotate(-150deg) scale(.72);opacity:.3}to{transform:rotate(0) scale(1);opacity:1}}
.page.material-enter{animation:v39OperationsPageEnter .46s cubic-bezier(.16,1,.3,1) both!important}
.collection-motion-enter{animation:v39OperationsCollectionEnter .34s cubic-bezier(.16,1,.3,1) both!important}
html.theme-motion-enter::after{content:"";position:fixed;inset:0;z-index:2147483000;pointer-events:none;background:var(--theme-old-surface,#eef0f3);box-shadow:0 18px 46px rgba(8,12,18,.2);animation:v39OperationsThemeCurtain .5s cubic-bezier(.76,0,.24,1) both}
html.theme-motion-enter [data-action="theme"] svg{animation:v39OperationsThemeIcon .46s cubic-bezier(.16,1,.3,1) both!important}
@media(prefers-reduced-motion:reduce){.page.material-enter,.collection-motion-enter,html.theme-motion-enter [data-action="theme"] svg{animation:none!important;filter:none!important;transform:none!important}html.theme-motion-enter::after{display:none!important;animation:none!important}}

/* V40 — iOS safe-area framing for every operational route and sheet. */
:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}
html{scroll-padding-top:calc(76px + var(--safe-top))}
.page-head,.supplier-panel .page-header{scroll-margin-top:calc(76px + var(--safe-top))}
@media(max-width:860px){
  .topbar{min-height:calc(60px + var(--safe-top));padding-top:var(--safe-top);padding-right:calc(13px + var(--safe-right));padding-left:calc(13px + var(--safe-left));background-clip:padding-box}
  .sidebar{height:100dvh;padding-top:var(--safe-top)}
  .page{padding-right:calc(15px + var(--safe-right));padding-bottom:calc(56px + var(--safe-bottom));padding-left:calc(15px + var(--safe-left))}
  .page-head,.supplier-panel .page-header{scroll-margin-top:calc(72px + var(--safe-top))}
  .global-error{margin-right:calc(15px + var(--safe-right));margin-left:calc(15px + var(--safe-left))}
}
@media(max-width:560px){
  .login-view{padding-top:max(70px,calc(var(--safe-top) + 28px));padding-right:calc(14px + var(--safe-right));padding-bottom:calc(24px + var(--safe-bottom));padding-left:calc(14px + var(--safe-left))}
  .dialog-overlay,.modal-overlay,.fulfillment-overlay{padding-top:var(--safe-top);padding-right:var(--safe-right);padding-left:var(--safe-left)}
  .dialog,.modal-content,.fulfillment-dialog{max-height:calc(100dvh - max(12px,var(--safe-top)))}
}

/* V62 — fulfillment batches: one searchable batch, independent child rights. */
.order-group-list{display:grid;gap:12px;margin-top:14px}.fulfillment-group-card{min-width:0;overflow:hidden;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:0 8px 24px rgba(18,26,40,.045)}.fulfillment-group-card[hidden],.order-group-child-row[hidden]{display:none}.fulfillment-group-card.single{background:color-mix(in srgb,var(--surface) 96%,var(--accent-soft))}
.order-group-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 19px 15px}.order-group-identity{display:grid;min-width:0;gap:3px}.order-group-kicker{color:var(--muted);font-size:.61rem;font-weight:760;letter-spacing:.035em}.order-group-number{overflow:hidden;color:var(--accent);font-family:var(--font-mono);font-size:.76rem;letter-spacing:.025em;text-overflow:ellipsis;white-space:nowrap}.order-group-identity h3{margin:3px 0 0;color:var(--ink);font-size:.94rem;letter-spacing:-.015em}.order-group-identity p{margin:3px 0 0;color:var(--muted);font-size:.66rem;line-height:1.5}.order-group-state{display:flex;flex:none;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:42%}
.order-group-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 19px;overflow:hidden;background:var(--surface-2);border:1px solid var(--line);border-radius:10px}.order-group-summary>div{display:grid;gap:3px;min-width:0;padding:11px 13px;border-right:1px solid var(--line)}.order-group-summary>div:last-child{border-right:0}.order-group-summary span,.order-group-summary small{overflow:hidden;color:var(--muted);font-size:.61rem;text-overflow:ellipsis;white-space:nowrap}.order-group-summary strong{color:var(--ink);font-size:.82rem;font-variant-numeric:tabular-nums}
.order-group-actions{display:flex;flex-wrap:wrap;gap:7px;padding:14px 19px 17px}.order-group-actions .button svg{transition:transform .2s cubic-bezier(.2,.8,.2,1)}.order-group-actions [data-action="toggle-sales-batch"][aria-expanded="true"] svg{transform:rotate(90deg)}
.order-group-children{border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface-2) 52%,var(--surface))}.order-group-children.standalone{border-top:1px solid var(--line)}.order-group-child-row{display:grid;grid-template-columns:minmax(210px,1.25fr) minmax(300px,1.5fr) auto minmax(190px,auto);align-items:center;gap:14px;min-height:82px;padding:13px 19px;border-bottom:1px solid var(--line)}.order-group-child-row:last-child{border-bottom:0}.order-group-child-row:hover{background:color-mix(in srgb,var(--accent-soft) 30%,transparent)}.order-group-child-row.compact{background:var(--surface)}.order-child-identity{display:grid;min-width:0;gap:2px}.order-child-identity .order-number{margin:0}.order-child-identity strong{overflow:hidden;color:var(--ink);font-size:.74rem;text-overflow:ellipsis;white-space:nowrap}.order-child-identity small{color:var(--muted);font-size:.62rem}.order-child-finance{display:grid;grid-template-columns:repeat(4,minmax(64px,1fr));gap:8px}.order-child-finance>span{display:grid;gap:2px;min-width:0}.order-child-finance small{color:var(--muted);font-size:.58rem}.order-child-finance strong{overflow:hidden;color:var(--ink);font-size:.7rem;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.order-child-state{white-space:nowrap}.order-child-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.order-group-empty{margin:0;padding:18px 19px;color:var(--muted);font-size:.69rem}
.batch-scope-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;border:0}.batch-scope-switch legend{margin-bottom:7px;color:var(--ink-2);font-size:.68rem;font-weight:700}.batch-scope-switch label{position:relative;display:flex;min-height:64px;padding:11px 12px;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:10px;cursor:pointer}.batch-scope-switch input{position:absolute;opacity:0;pointer-events:none}.batch-scope-switch label:has(input:checked){background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.batch-scope-switch label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.batch-scope-switch label>span{display:grid;gap:3px}.batch-scope-switch strong{color:var(--ink);font-size:.72rem}.batch-scope-switch small{color:var(--muted);font-size:.62rem;line-height:1.4}.after-sales-route{background:var(--surface-2);border-color:var(--line);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.batch-result-note{margin:-2px 0 14px;padding:9px 12px;color:var(--ink-2);background:var(--surface-2);border:1px solid var(--line);border-radius:8px;font-size:.7rem}.batch-order-number{flex-wrap:wrap}.batch-delivery-list article header{grid-template-columns:auto minmax(150px,1fr) auto}
.after-sales-source-pair-mobile{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:7px;margin-top:13px;padding-top:12px;border-top:1px solid var(--line)}.after-sales-source-pair-mobile .after-sales-source{grid-template-columns:1fr}.after-sales-source-pair-mobile .source-role{justify-self:start}.after-sales-source-pair-mobile .source-arrow{padding-top:3px}
@keyframes childrenEnter{from{opacity:.35;transform:translate3d(0,-5px,0)}to{opacity:1;transform:translate3d(0,0,0)}}.children-enter{animation:childrenEnter .22s cubic-bezier(.16,1,.3,1) both}
@media(max-width:1040px){.order-group-child-row{grid-template-columns:minmax(190px,1fr) minmax(260px,1.35fr) auto}.order-child-state{display:none}.order-child-actions{grid-column:1/-1;justify-content:flex-start;padding-top:2px}}
@media(max-width:760px){.fulfillment-group-card{border-radius:12px}.order-group-head{display:grid;gap:11px;padding:15px}.order-group-state{justify-content:flex-start;max-width:none}.order-group-identity h3{font-size:.87rem}.order-group-summary{grid-template-columns:1fr 1fr;margin:0 15px}.order-group-summary>div:nth-child(2){border-right:0}.order-group-summary>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.order-group-actions{display:grid;grid-template-columns:1fr 1fr;padding:13px 15px 15px}.order-group-actions .button{width:100%;min-height:44px}.order-group-actions [data-action="toggle-sales-batch"]{grid-column:1/-1}.order-group-child-row{grid-template-columns:1fr;gap:11px;padding:14px 15px}.order-child-finance{grid-template-columns:1fr 1fr;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.order-child-actions{display:grid;grid-template-columns:1fr 1fr}.order-child-actions .button{width:100%;min-height:44px}.batch-scope-switch{grid-template-columns:1fr}.batch-scope-switch label{min-height:58px}.batch-delivery-list article header{grid-template-columns:1fr}.batch-delivery-list article header .button{width:100%}}
@media(max-width:420px){.order-group-actions,.order-child-actions{grid-template-columns:1fr}.order-group-actions [data-action="toggle-sales-batch"]{grid-column:auto}.order-group-summary{grid-template-columns:1fr}.order-group-summary>div,.order-group-summary>div:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.order-group-summary>div:last-child{border-bottom:0}}
@media(prefers-reduced-motion:reduce){.children-enter,.order-group-actions .button svg{animation:none!important;transition:none!important}}

/* V44 — multi-announcement workspace and task-grouped procurement settings. */
.announcement-workspace{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:540px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.announcement-list{display:grid;align-content:start;background:var(--surface-2);border-right:1px solid var(--line)}
.announcement-list-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;width:100%;min-height:82px;padding:14px;color:var(--ink-2);background:transparent;border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;transition:background-color .16s ease,color .16s ease}
.announcement-list-item:hover,.announcement-list-item.active{color:var(--ink);background:var(--surface)}
.announcement-list-copy{display:grid;gap:5px;min-width:0}.announcement-list-copy strong{overflow:hidden;font-size:.73rem;text-overflow:ellipsis;white-space:nowrap}.announcement-list-copy small{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:.63rem;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.announcement-list-meta{display:grid;justify-items:end;gap:5px}.announcement-list-meta i{color:var(--warning);font-size:.57rem;font-style:normal;white-space:nowrap}.announcement-list-empty{display:grid;gap:5px;padding:22px 16px;color:var(--muted);font-size:.66rem}.announcement-list-empty strong{color:var(--ink);font-size:.74rem}
.announcement-editor{min-width:0;padding:20px}.announcement-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:17px}.announcement-editor-head h4{margin:0;color:var(--ink);font-size:.92rem}.announcement-editor-head p{margin:5px 0 0;color:var(--muted);font-size:.65rem}.announcement-draft-note{margin-bottom:15px;padding:10px 12px;color:var(--warning);background:color-mix(in srgb,var(--warning) 9%,transparent);border-radius:8px;font-size:.66rem;line-height:1.5}.announcement-title-grid{grid-template-columns:minmax(0,1fr) 180px}.announcement-preview>div>strong{display:block;margin-bottom:7px;color:var(--ink);font-size:.77rem}.announcement-preview>div>div{color:var(--ink-2)}
.announcement-editor-actions{display:flex!important;align-items:center;justify-content:space-between}.announcement-editor-actions>span{display:flex;flex-wrap:wrap;gap:8px}
.supplier-catalog-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-bottom:18px;overflow:hidden;background:var(--line);border:1px solid var(--line);border-radius:11px}
.supplier-catalog-switch{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;min-height:68px;padding:12px 14px;color:var(--muted);background:var(--surface);border:0;text-align:left;cursor:pointer;transition:background-color .16s ease,color .16s ease}
.supplier-catalog-switch:hover{color:var(--ink);background:var(--surface-2)}.supplier-catalog-switch.active{color:var(--ink);background:var(--accent-soft)}.supplier-catalog-switch>span{display:grid;gap:3px;min-width:0}.supplier-catalog-switch strong{font-size:.73rem}.supplier-catalog-switch small{overflow:hidden;color:var(--quiet);font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.supplier-catalog-switch b{flex:none;color:var(--muted);font-size:.63rem;font-weight:700;white-space:nowrap}
.supplier-catalog-panel{min-width:0}.supplier-pricing-settings,.supplier-account-settings{padding:0!important;overflow:hidden}.supplier-pricing-settings>.section-header,.supplier-account-settings>.section-header{padding:19px 20px;margin:0!important;border-bottom:1px solid var(--line)}
.supplier-setting-block{padding:20px}.supplier-setting-block+.supplier-setting-block{border-top:1px solid var(--line)}.supplier-setting-block-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:15px}.supplier-setting-block-head>div{display:grid;gap:4px}.supplier-setting-block-head strong{color:var(--ink);font-size:.8rem}.supplier-setting-block-head span{max-width:72ch;color:var(--muted);font-size:.66rem;line-height:1.5}.supplier-pricing-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr))!important}.supplier-pricing-settings>.supplier-setting-actions{padding:15px 20px 0;border-top:1px solid var(--line)}.supplier-pricing-settings>.supplier-safe-hint{padding:0 20px 18px}.supplier-settings-count{color:var(--muted);font-size:.65rem;white-space:nowrap}.supplier-account-footnote{padding:13px 18px;color:var(--muted);background:var(--surface-2);border-top:1px solid var(--line);font-size:.64rem;line-height:1.55}
.supplier-settings-link{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,1.4fr) auto;align-items:center;gap:20px;padding:18px;margin-bottom:18px}.supplier-fee-summary{display:flex;flex-wrap:wrap;gap:1px;overflow:hidden;background:var(--line);border:1px solid var(--line);border-radius:8px}.supplier-fee-summary>span{display:grid;gap:2px;min-width:112px;padding:9px 11px;background:var(--surface)}.supplier-fee-summary strong{color:var(--ink);font-size:.65rem}.supplier-fee-summary small{color:var(--muted);font-size:.6rem}

@media(max-width:900px){
  .announcement-workspace{grid-template-columns:1fr}.announcement-list{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);scrollbar-width:none}.announcement-list::-webkit-scrollbar{display:none}.announcement-list-item{flex:0 0 230px;border-right:1px solid var(--line);border-bottom:0}.announcement-title-grid{grid-template-columns:1fr}.supplier-catalog-switcher{grid-template-columns:1fr}.supplier-catalog-switch{min-height:52px}.supplier-catalog-switch small{white-space:normal}.supplier-pricing-grid-compact{grid-template-columns:1fr 1fr!important}.supplier-settings-link{grid-template-columns:1fr}.supplier-settings-link .btn{justify-self:start}
}
@media(max-width:560px){
  .announcement-manager .settings-section-head .button{width:100%}.announcement-editor{padding:16px}.announcement-editor-actions{display:grid!important;grid-template-columns:1fr}.announcement-editor-actions>span{display:grid}.announcement-editor-actions .button{width:100%}.supplier-catalog-switcher{display:flex;overflow-x:auto;scrollbar-width:none}.supplier-catalog-switcher::-webkit-scrollbar{display:none}.supplier-catalog-switch{flex:0 0 210px}.supplier-pricing-grid-compact{grid-template-columns:1fr!important}.supplier-setting-block{padding:17px}.supplier-pricing-settings>.supplier-setting-actions{display:grid;padding:14px 17px 0}.supplier-pricing-settings>.supplier-safe-hint{padding:0 17px 17px}
}

/* V43 — task-oriented settings and reviewed inventory intake. */
.settings-layout{grid-template-columns:244px minmax(0,1fr);align-items:start;gap:20px}
.settings-nav{position:sticky;top:calc(76px + var(--safe-top));display:grid;gap:18px;padding:8px 0}
.settings-nav-group{display:grid;gap:4px}.settings-nav-group>span{padding:0 10px 6px;color:var(--quiet);font-size:.61rem;font-weight:760;letter-spacing:.04em}
.settings-nav button{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;min-height:56px;padding:7px 10px;border:1px solid transparent;border-radius:10px}
.settings-nav button:hover{color:var(--ink);background:var(--surface-2)}.settings-nav button.active{background:var(--surface);border-color:var(--line);box-shadow:0 7px 22px rgba(15,23,42,.06)}
.settings-nav-icon{display:grid;width:30px;height:30px;place-items:center;color:var(--muted);background:var(--surface-2);border-radius:7px}.settings-nav-icon svg{width:16px;stroke:currentColor;stroke-width:1.8}.settings-nav button.active .settings-nav-icon{color:var(--accent);background:var(--accent-soft)}
.settings-nav button>span:last-child{display:grid;gap:2px;min-width:0}.settings-nav button strong{color:inherit;font-size:.73rem}.settings-nav button small{overflow:hidden;color:var(--quiet);font-size:.62rem;font-weight:550;text-overflow:ellipsis;white-space:nowrap}
.settings-nav button strong{display:flex;min-width:0;align-items:center;gap:6px}.settings-nav-badge{flex:0 0 auto;padding:1px 5px;color:var(--warning);background:var(--warning-soft);border:1px solid color-mix(in srgb,var(--warning) 24%,var(--line));border-radius:4px;font-size:.64rem;font-style:normal;font-variant-numeric:tabular-nums}
.settings-panel{min-width:0;padding:0 22px 22px;overflow:hidden}.settings-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:21px 0 19px;border-bottom:1px solid var(--line)}.settings-heading h2{margin:0;font-size:1.08rem;letter-spacing:-.02em}.settings-heading p{max-width:68ch;margin:6px 0 0;color:var(--muted);font-size:.72rem;line-height:1.55}
.settings-panel .settings-section{padding:21px 0;background:transparent;border:0;border-radius:0;box-shadow:none}.settings-panel .settings-section+.settings-section{border-top:1px solid var(--line)}.settings-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:15px}.settings-section-head h3{margin:0;color:var(--ink);font-size:.84rem}.settings-section-head p{max-width:66ch;margin:5px 0 0;color:var(--muted);font-size:.69rem;line-height:1.55}.settings-meta{color:var(--quiet);font-size:.63rem;white-space:nowrap}
.settings-inline-form{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:10px;max-width:640px}.settings-time-grid{margin-top:15px}.settings-narrow-form{max-width:560px}.settings-actions{flex-wrap:wrap;margin-top:18px;padding-top:15px}.settings-section>.queue{border:1px solid var(--line);border-radius:10px;overflow:hidden}
.input-suffix{display:flex;align-items:center;gap:8px}.input-suffix input{min-width:0;flex:1}.input-suffix b{color:var(--muted);font-size:.74rem}.switch-field{display:flex;align-items:flex-start;gap:9px;color:var(--ink-2);font-size:.72rem;font-weight:650;cursor:pointer}.switch-field input{width:17px;height:17px;margin-top:1px;flex:none;accent-color:var(--accent)}.switch-field>span{display:grid;gap:3px}.switch-field strong{color:var(--ink);font-size:.73rem}.switch-field small{color:var(--muted);font-size:.65rem;font-weight:520;line-height:1.45}.settings-toggle-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}.settings-toggle-list .switch-field{min-height:76px;padding:14px;background:var(--surface)}
.announcement-preview{margin-top:15px;padding:13px 14px;color:var(--ink-2);background:var(--surface-2);border-radius:9px}.announcement-preview>span{display:block;margin-bottom:7px;color:var(--quiet);font-size:.61rem;font-weight:760}.announcement-preview>div{font-size:.74rem;line-height:1.65;overflow-wrap:anywhere}

.stock-import-form{display:grid;gap:16px}.import-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.import-steps span{display:flex;align-items:center;gap:8px;min-height:38px;padding:6px 9px;color:var(--quiet);background:var(--surface-2);border-radius:8px;font-size:.68rem;font-weight:680}.import-steps b{display:grid;width:23px;height:23px;flex:none;place-items:center;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:6px;font-size:.63rem}.import-steps b svg{width:14px;stroke:currentColor}.import-steps span.active{color:var(--ink);background:var(--accent-soft)}.import-steps span.active b{color:#fff;background:var(--accent);border-color:var(--accent)}.import-steps span.done{color:var(--success);background:var(--success-soft)}.import-steps span.done b{color:var(--success);border-color:color-mix(in srgb,var(--success) 30%,var(--line))}
.import-live-summary,.import-review-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:9px;overflow:hidden}.import-live-summary span,.import-review-stats span{display:grid;gap:3px;padding:10px 12px;color:var(--muted);background:var(--surface);font-size:.63rem}.import-live-summary strong,.import-review-stats strong{color:var(--ink);font-size:.86rem;font-variant-numeric:tabular-nums}.import-live-summary .ready strong,.import-review-stats span:first-child strong{color:var(--success)}
.import-toolbox{padding:14px;background:var(--surface-2);border-radius:10px}.import-toolbox-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.import-toolbox-head h3,.import-sample h3{margin:0;font-size:.78rem}.import-toolbox-head p{margin:4px 0 0;color:var(--muted);font-size:.65rem}.import-replace-row,.import-filter-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(120px,1fr) auto;gap:8px;margin-top:8px}.import-filter-row{grid-template-columns:minmax(180px,1fr) minmax(130px,.55fr) auto auto}.import-replace-row input,.import-filter-row input,.import-filter-row select{width:100%;min-height:40px;padding:8px 10px;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-control)}.check-field.compact{min-height:40px;padding:0 7px;white-space:nowrap}.import-quick-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.import-meta{padding-top:2px}.import-review-stats{margin:15px 0}.import-review-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.import-review-meta div{padding:11px;background:var(--surface-2);border-radius:8px}.import-review-meta dt{color:var(--muted);font-size:.62rem}.import-review-meta dd{margin:4px 0 0;color:var(--ink);font-size:.73rem;font-weight:700;overflow-wrap:anywhere}.import-sample{margin-top:14px}.import-sample ol{display:grid;gap:5px;margin:9px 0 0;padding:0;list-style:none;counter-reset:sample}.import-sample li{position:relative;padding:8px 10px 8px 34px;color:var(--ink-2);background:var(--surface-2);border-radius:7px;font-size:.69rem;line-height:1.5;overflow-wrap:anywhere;counter-increment:sample}.import-sample li::before{position:absolute;top:8px;left:11px;color:var(--quiet);content:counter(sample)}
.sms-product-fields{grid-column:1/-1;padding:14px;background:var(--surface-2);border-radius:var(--radius-card)}.sms-product-fields[hidden]{display:none}.sms-product-fields .dialog-alert{align-self:end;margin:0;color:var(--ink-2);background:var(--surface);border:1px solid var(--line)}
.sms-pool-command{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;padding:11px 12px;background:var(--surface-2);border-radius:var(--radius-card)}.sms-pool-command>div{display:flex;align-items:center;gap:9px;min-width:0}.sms-pool-command>div:first-child{display:grid;gap:2px}.sms-pool-command strong{color:var(--ink);font-size:.72rem}.sms-pool-command span{color:var(--muted);font-size:.65rem}.sms-pool-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) minmax(150px,.3fr);margin-bottom:12px}.sms-pool-list{display:grid;max-height:min(58vh,620px);overflow:auto;border-top:1px solid var(--line)}.sms-pool-row{display:grid;grid-template-columns:30px minmax(190px,1.15fr) minmax(125px,.7fr) minmax(190px,1fr) auto;gap:12px;align-items:center;min-height:76px;padding:12px 2px;border-bottom:1px solid var(--line)}.sms-row-check{display:grid;width:30px;height:40px;place-items:center;cursor:pointer}.sms-row-check input{width:17px;height:17px;accent-color:var(--accent)}.sms-pool-row>div{min-width:0}.sms-pool-row strong,.sms-pool-row span,.sms-pool-row small{display:block}.sms-pool-row strong{color:var(--ink);font-size:.74rem}.sms-pool-row span,.sms-pool-row small{margin-top:4px;color:var(--muted);font-size:.64rem;overflow-wrap:anywhere}.sms-pool-row .status{display:inline-flex;margin-top:0}.sms-pool-row .row-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.sms-allocation-summary{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:0;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-control);overflow:hidden}.sms-allocation-summary div{padding:11px 12px;background:var(--surface)}.sms-allocation-summary dt{color:var(--muted);font-size:.62rem}.sms-allocation-summary dd{margin:4px 0 0;color:var(--ink);font-size:.78rem;font-weight:740;font-variant-numeric:tabular-nums}
.supplier-discount-help{margin:-7px 0 12px;color:var(--muted);font-size:.68rem}
.settings-commerce-host{display:grid;min-width:0}.settings-commerce-host>.supplier-commerce-card{margin:0!important;padding:21px 0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}.settings-commerce-host>.supplier-commerce-card+.supplier-commerce-card{border-top:1px solid var(--line)!important}.settings-commerce-host .section-header{padding:0 0 15px;border:0}.settings-commerce-host .table-container{margin:0}.supplier-commerce-link{margin-bottom:14px}

@media(max-width:860px){
  .settings-layout{grid-template-columns:1fr;gap:12px}.settings-nav{position:static;display:flex;gap:13px;margin:0 -15px;padding:1px 15px 6px;overflow-x:auto;scrollbar-width:none}.settings-nav::-webkit-scrollbar{display:none}.settings-nav-group{display:flex;flex:0 0 auto;gap:5px}.settings-nav-group>span{display:none}.settings-nav button{grid-template-columns:22px auto;min-height:42px;padding:5px 9px}.settings-nav-icon{width:22px;height:22px;background:transparent}.settings-nav-icon svg{width:15px}.settings-nav button small{display:none}.settings-panel{padding:0 18px 18px}.settings-toggle-list{grid-template-columns:1fr}
}
@media(max-width:680px){.import-replace-row,.import-filter-row{grid-template-columns:1fr 1fr}.import-replace-row .button,.import-filter-row .button{grid-column:2}.import-filter-row .check-field{grid-column:1}.import-review-meta{grid-template-columns:1fr 1fr}.sms-pool-command{align-items:stretch}.sms-pool-command,.sms-pool-command>div:last-child{display:grid;grid-template-columns:1fr 1fr}.sms-pool-command>div:first-child{grid-column:1/-1}.sms-pool-toolbar{grid-template-columns:1fr}.sms-pool-row{grid-template-columns:30px minmax(0,1fr) minmax(0,1fr);gap:9px;padding:13px 2px}.sms-pool-row>div:nth-of-type(3){grid-column:2/-1}.sms-pool-row .row-actions{grid-column:2/-1;justify-content:flex-start}.sms-allocation-summary{grid-template-columns:1fr 1fr}}
.sms-lifecycle-guide ol{display:grid;gap:5px;margin:9px 0 0;padding-left:20px}.sms-lifecycle-guide li{padding-left:2px;color:var(--ink-2);font-size:.74rem;line-height:1.5}
@media(max-width:560px){
  .settings-panel{padding:0 14px 14px}.settings-heading{padding:17px 0}.settings-heading .status{flex:none}.settings-section{padding:17px 0}.settings-section-head{display:grid;gap:8px}.settings-meta{white-space:normal}.settings-inline-form{grid-template-columns:1fr}.settings-inline-form .button{width:100%}.settings-actions{display:grid;grid-template-columns:1fr}.settings-actions .button{width:100%}.settings-time-grid{grid-template-columns:1fr}
  .import-steps span{justify-content:center;padding:6px;font-size:0}.import-steps b{font-size:.63rem}.import-live-summary,.import-review-stats{grid-template-columns:1fr 1fr}.import-replace-row,.import-filter-row{grid-template-columns:1fr}.import-replace-row .button,.import-filter-row .button,.import-filter-row .check-field{grid-column:auto}.import-quick-actions{display:grid;grid-template-columns:1fr 1fr}.import-quick-actions .button:last-child{grid-column:1/-1}.import-review-meta{grid-template-columns:1fr 1fr}
}
.progressive-load{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:14px;
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--surface);
  color:var(--muted);
}
.progressive-load .button{flex:0 0 auto}
.wholesale-settlement-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;margin-bottom:18px;background:var(--line);border:1px solid var(--line);border-radius:14px}
.wholesale-settlement-summary>div{display:grid;gap:4px;padding:15px 16px;background:var(--surface)}
.wholesale-settlement-summary span{color:var(--muted);font-size:.78rem}
.wholesale-settlement-summary strong{font-size:1.15rem;letter-spacing:-.02em}
.wholesale-settlement-summary .attention strong{color:var(--danger)}
.wholesale-settlement-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.wholesale-settlement-choices>button{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;min-height:92px;padding:15px;text-align:left;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:14px;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}
.wholesale-settlement-choices>button:hover:not(:disabled){transform:translateY(-1px);background:var(--surface);border-color:var(--accent)}
.wholesale-settlement-choices>button:disabled{cursor:not-allowed;opacity:.5}
.wholesale-settlement-choices>button>span:last-child{display:grid;align-content:center;gap:4px;min-width:0}
.wholesale-settlement-choices strong{font-size:.9rem}
.wholesale-settlement-choices small{color:var(--muted);font-size:.76rem;line-height:1.45}
.settlement-choice-icon{display:grid;width:42px;height:42px;place-items:center;color:var(--accent);background:var(--accent-soft);border-radius:10px}
.settlement-choice-icon svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.7}
@media (max-width:560px){
  .progressive-load{align-items:stretch;flex-direction:column}
  .progressive-load .button{width:100%;min-height:44px}
  .wholesale-settlement-summary{grid-template-columns:1fr}
  .wholesale-settlement-choices{grid-template-columns:1fr}
  .wholesale-settlement-choices>button{min-height:76px}
}

/* V65 — identity-first member access control and customer route boundary. */
.user-toolbar{display:grid;grid-template-columns:minmax(250px,1fr) repeat(3,minmax(142px,auto)) auto;align-items:center}.user-toolbar .search{min-width:0}.user-toolbar .form-select{width:100%;min-width:0}.user-table-shell{min-width:0}.user-table{min-width:1120px}.user-table th:nth-child(1){width:15%}.user-table th:nth-child(3),.user-table th:nth-child(4),.user-table th:nth-child(5){width:18%}
.member-summary{display:grid;gap:4px;min-width:0}.member-summary strong{color:var(--ink);font-size:.72rem;line-height:1.35}.member-summary small{max-width:30ch;color:var(--muted);font-size:.63rem;line-height:1.45;overflow-wrap:anywhere}.member-mobile-card{min-width:0;padding:16px;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:0 8px 22px rgba(15,23,42,.045)}.member-mobile-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.member-mobile-card header>span:first-child{display:grid;gap:3px;min-width:0}.member-mobile-card header strong{overflow:hidden;color:var(--ink);font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}.member-mobile-card header small{overflow:hidden;color:var(--muted);font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}.member-mobile-card dl{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:14px 0 0;overflow:hidden;background:var(--line);border:1px solid var(--line);border-radius:10px}.member-mobile-card dl>div{display:grid;align-content:start;gap:4px;min-width:0;padding:11px 12px;background:var(--surface-2)}.member-mobile-card dt{color:var(--quiet);font-size:.59rem;font-weight:730}.member-mobile-card dd{margin:0;color:var(--ink);font-size:.7rem;font-weight:680;line-height:1.4;overflow-wrap:anywhere}.member-mobile-card dd small{display:block;margin-top:3px;color:var(--muted);font-size:.61rem;font-weight:520}.member-mobile-card footer{margin-top:13px}.member-mobile-card .row-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.member-mobile-card .row-actions .button{width:100%;min-height:44px}
.member-form{display:grid;gap:0}.member-form-section{display:grid;grid-template-columns:170px minmax(0,1fr);gap:22px;padding:21px 0;border-bottom:1px solid var(--line)}.member-form-section:first-child{padding-top:2px}.member-form-section>header{display:grid;align-content:start}.member-form-section>header h3{margin:1px 0 0;color:var(--ink);font-size:.78rem}.member-form-section>header p{margin:5px 0 0;color:var(--muted);font-size:.64rem;line-height:1.5}.member-form-section>.field,.member-form-section>.form-grid,.member-form-section>#member-operation-content,.member-form-section>#member-data-controls,.member-form-section>#member-data-fixed,.member-form-section>#member-wholesale-note,.member-form-section>.commerce-summary,.member-form-section>.button{grid-column:2}.permission-level-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.permission-level-grid>.full{grid-column:1/-1}.permission-switch{min-height:70px;padding:14px;color:var(--ink-2);background:var(--surface-2);border:1px solid var(--line);border-radius:10px}.permission-switch input{margin-top:2px}.permission-fixed{display:grid;gap:4px;min-height:70px;align-content:center;padding:14px;background:var(--success-soft);border:1px solid color-mix(in srgb,var(--success) 24%,var(--line));border-radius:10px}.permission-fixed strong{color:var(--ink);font-size:.74rem}.permission-fixed span{color:var(--muted);font-size:.65rem;line-height:1.45}.member-commerce-section{border-bottom:0}.commerce-summary{display:grid;gap:4px;padding:13px 14px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px}.commerce-summary strong{color:var(--ink);font-size:.75rem}.commerce-summary span{color:var(--muted);font-size:.65rem}.member-commerce-section>.button{justify-self:start;min-height:44px;margin-top:10px}.member-commerce-section>.button svg{width:15px;transform:rotate(0);stroke:currentColor}
.customer-gate{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:20px;min-height:210px;padding:28px;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:0 12px 32px rgba(15,23,42,.055)}.customer-gate-icon{display:grid;width:54px;height:54px;place-items:center;color:var(--accent);background:var(--accent-soft);border-radius:14px}.customer-gate-icon svg{width:24px;stroke:currentColor;stroke-width:1.7}.customer-gate h2{margin:5px 0 7px;color:var(--ink);font-size:1.15rem;letter-spacing:-.02em}.customer-gate p{max-width:62ch;margin:0;color:var(--muted);font-size:.72rem;line-height:1.65}.customer-shop-link{min-height:44px;white-space:nowrap}.customer-shop-link svg{width:16px;stroke:currentColor}
.login-shop-link{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin-top:12px;color:var(--accent);font-size:.7rem;font-weight:720;text-decoration:none;border-radius:var(--radius-control)}.login-shop-link:hover{background:var(--accent-soft)}.login-shop-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:1040px){.user-toolbar{grid-template-columns:minmax(220px,1fr) repeat(2,minmax(135px,auto))}.user-toolbar #user-after-sales{grid-column:2}.user-toolbar .toolbar-result{grid-column:3;justify-self:end}}
@media(max-width:860px){.user-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.user-toolbar .search{grid-column:1/-1}.user-toolbar #user-after-sales{grid-column:auto}.user-toolbar .toolbar-result{grid-column:1/-1;justify-self:start}.member-form-section{grid-template-columns:145px minmax(0,1fr);gap:16px}.customer-gate{grid-template-columns:48px minmax(0,1fr)}.customer-gate-icon{width:48px;height:48px}.customer-shop-link{grid-column:2;justify-self:start}}
@media(max-width:560px){.user-toolbar{grid-template-columns:1fr}.user-toolbar .search,.user-toolbar #user-after-sales,.user-toolbar .toolbar-result{grid-column:auto}.user-toolbar select,.user-toolbar input{min-height:44px}.member-mobile-card{padding:14px}.member-mobile-card dl{grid-template-columns:1fr}.member-mobile-card .row-actions{grid-template-columns:1fr 1fr}.member-mobile-card .row-actions .danger{grid-column:1/-1}.member-form-section{grid-template-columns:1fr;gap:13px;padding:18px 0}.member-form-section>.field,.member-form-section>.form-grid,.member-form-section>#member-operation-content,.member-form-section>#member-data-controls,.member-form-section>#member-data-fixed,.member-form-section>#member-wholesale-note,.member-form-section>.commerce-summary,.member-form-section>.button{grid-column:1}.permission-level-grid{grid-template-columns:1fr}.permission-level-grid>.full{grid-column:auto}.member-commerce-section>.button{width:100%}.customer-gate{grid-template-columns:1fr;gap:14px;padding:20px}.customer-shop-link{grid-column:1;width:100%;justify-self:stretch}}

/* Keep permission controls at a true 44px target even while the entrance
   animation is between fractional device pixels on mobile. */
@media(max-width:560px){
  .user-toolbar select,.user-toolbar input,.member-mobile-card .row-actions .button{min-height:46px}
  .member-form .field input,.member-form .field select,.member-form-section>.button{min-height:46px}
  .member-form~* .button{min-height:46px}
  .dialog:has(.member-form) .dialog-close{width:46px;height:46px}
  .dialog:has(.member-form) .dialog-foot .button{min-height:46px}
}

/* V67 — preserve and expose product fields still used by storefront/payment. */
.product-advanced-fields{min-width:0;overflow:hidden;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-card)}
.product-advanced-fields summary{min-height:44px;padding:12px 14px;color:var(--ink);font-size:.72rem;font-weight:720;cursor:pointer;list-style-position:inside}
.product-advanced-fields[open] summary{border-bottom:1px solid var(--line)}
.product-advanced-fields>.form-grid{padding:14px}
.product-advanced-fields summary:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}

/* Payment settings: channel availability is a first-class operational control. */
.payment-subnav{display:flex;align-items:center;gap:5px;margin:-4px 0 2px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);overflow-x:auto;scrollbar-width:none}.payment-subnav::-webkit-scrollbar{display:none}.payment-subnav a{flex:0 0 auto;min-height:34px;padding:8px 11px;color:var(--muted);border-radius:5px;font-size:.68rem;font-weight:720;text-decoration:none;white-space:nowrap}.payment-subnav a:hover,.payment-subnav a.active{color:var(--accent);background:var(--surface)}.payment-channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.payment-channel-card{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:11px;min-width:0;min-height:96px;padding:14px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);cursor:pointer;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.payment-channel-card:hover{border-color:var(--line-strong);background:var(--surface)}.payment-channel-card:has(input:checked){border-color:color-mix(in srgb,var(--accent) 46%,var(--line));background:color-mix(in srgb,var(--accent-soft) 52%,var(--surface-2))}.payment-channel-card.is-balance:has(input:checked){border-color:color-mix(in srgb,var(--success) 48%,var(--line));background:color-mix(in srgb,var(--success-soft) 60%,var(--surface-2))}.payment-channel-card input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.payment-channel-toggle{position:relative;width:30px;height:18px;border-radius:9px;background:var(--line-strong);transition:background-color .16s ease}.payment-channel-toggle::after{position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;content:'';background:var(--surface);box-shadow:0 1px 3px rgba(15,23,42,.24);transition:transform .16s ease}.payment-channel-card input:checked~.payment-channel-toggle{background:var(--accent)}.payment-channel-card.is-balance input:checked~.payment-channel-toggle{background:var(--success)}.payment-channel-card input:checked~.payment-channel-toggle::after{transform:translateX(12px)}.payment-channel-card input:focus-visible~.payment-channel-toggle{outline:2px solid var(--accent);outline-offset:3px}.payment-channel-copy{display:grid;gap:5px;min-width:0}.payment-channel-copy strong{display:flex;align-items:center;gap:6px;min-width:0;color:var(--ink);font-size:.76rem}.payment-channel-copy strong em{padding:2px 5px;color:var(--success);border-radius:3px;background:var(--success-soft);font-size:.57rem;font-style:normal}.payment-channel-copy small{overflow:hidden;color:var(--muted);font-size:.64rem;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.payment-channel-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--quiet);font-size:.59rem}.payment-channel-meta i{color:var(--danger);font-style:normal}.payment-channel-card:has(input:checked) .payment-channel-meta i{color:var(--success)}.payment-channel-meta b{font-weight:600}
.settings-section-index{margin:0 0 4px;color:var(--accent);font-size:.57rem;font-weight:800;letter-spacing:.1em;line-height:1.2}
@media(max-width:700px){.payment-channel-grid{grid-template-columns:1fr}.payment-channel-card{min-height:88px}.payment-subnav{margin-inline:-2px}}