:root{--bg:#fdfbf5;--panel:#fff;--ink:#141416;--muted:#727278;--line:#e8e5dd;--primary:#6367FF;--secondary:#C9BEFF;--danger:#b53333;--warn:#fff0bd;--ok:#dff4e3;--radius:18px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.shell{min-height:100vh;display:grid;grid-template-columns:220px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:28px 18px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:rgba(253,251,245,.96)}.brand{font-weight:900;font-size:24px;letter-spacing:-1px;text-decoration:none;color:var(--ink)}.brand span{color:var(--primary);margin-left:2px}.brand.large{font-size:32px}.sidebar nav{margin-top:34px;display:grid;gap:6px}.sidebar nav a{padding:11px 12px;border-radius:10px;color:#48484f;text-decoration:none;font-weight:650}.sidebar nav a:hover,.sidebar nav a.active{background:#efedff;color:#3e42cf}.sidebar-bottom{margin-top:auto}.user-chip{display:grid;gap:2px;padding:12px}.user-chip span{font-size:12px;color:var(--muted);text-transform:capitalize}.link-button{border:0;background:none;padding:8px 12px;color:var(--muted);cursor:pointer}.content{padding:38px 44px 80px;max-width:1500px;width:100%;margin:0 auto}.page-header{margin-bottom:26px}.page-header.split{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.page-header h1{font-size:38px;line-height:1;margin:7px 0 8px;letter-spacing:-1.5px}.page-header p{margin:0;color:var(--muted);max-width:720px}.eyebrow{text-transform:uppercase!important;letter-spacing:.12em;font-size:11px;font-weight:800;color:var(--primary)!important}.back{display:inline-block;margin-bottom:12px;color:var(--muted);text-decoration:none}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}.stat{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:17px 19px;display:grid;gap:8px}.stat.warning{background:#fff9e7}.stat span{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}.stat strong{font-size:30px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:16px}.panel h2{font-size:17px;margin:0 0 15px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px}.panel-head h2{margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);padding:12px;border-bottom:1px solid var(--line)}td{padding:14px 12px;border-bottom:1px solid #f0eee8;font-size:14px}tr:last-child td{border-bottom:0}.row-link{color:var(--primary);font-weight:700;text-decoration:none}.muted{color:var(--muted)}.block{display:block;margin-top:3px}.empty{text-align:center;color:var(--muted);padding:36px}.pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;background:#ececec}.pill.big{padding:8px 12px}.pill.gift{background:#eee9ff;color:#4740a7}.status-ready{background:#def5e2;color:#286636}.status-needs_print,.status-needs_frame{background:#fff0bd;color:#795b00}.status-picking,.status-packed,.status-fulfilling,.status-in_progress{background:#e5e7ff;color:#3f45bd}.status-fulfilled{background:#e8e8e8;color:#555}.status-cancelled{background:#fde3e3;color:#8c2f2f}.status-awaiting_payment{background:#f1f1f1;color:#666}.two-col{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:16px}.stack>*{margin-bottom:16px}.order-line{padding:16px 0;border-bottom:1px solid var(--line)}.order-line:last-child{border-bottom:0}.line-title{display:flex;justify-content:space-between;gap:10px}.line-title span{display:block;color:var(--muted);font-size:13px;margin-top:3px}.component-list{margin-top:10px;border-radius:12px;background:#faf9f5}.component{display:flex;justify-content:space-between;gap:15px;padding:11px 13px;border-bottom:1px solid #eeece5}.component:last-child{border-bottom:0}.component small{display:block;color:var(--muted);margin-top:3px}.numbers{font-size:12px;color:var(--muted);text-align:right}.numbers b{color:#8b5d00}.button{border:0;border-radius:11px;padding:10px 14px;font:inherit;font-weight:750;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.button:disabled{opacity:.4;cursor:not-allowed}.button.primary{background:var(--primary);color:white}.button.secondary{background:#efedff;color:#4145c2}.button.tiny{padding:7px 10px;font-size:12px}.danger-btn{background:#fde6e6;color:#8b2d2d}.full{width:100%}.button-row{display:flex;flex-wrap:wrap;gap:8px}.form-stack{display:grid;gap:12px}.form-stack label,.login-card label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#56565d}input,select,textarea{width:100%;border:1px solid #dcd9d1;border-radius:10px;background:white;padding:10px 11px;font:inherit;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid #c9beff;border-color:#a8a9ff}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.check input{width:auto}.alert{padding:11px 13px;border-radius:10px;margin:10px 0 14px;font-size:13px}.alert.danger{background:#fde9e9;color:#8f3131}.alert.warning{background:#fff4cb;color:#775a00}.alert.success{background:#e5f5e8;color:#236331}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:25px}.login-card{width:min(420px,100%);background:white;border:1px solid var(--line);border-radius:24px;padding:32px;display:grid;gap:16px}.login-card h1{margin:8px 0 -8px;font-size:30px}.login-card p{color:var(--muted);margin:0 0 5px}.search{display:flex;gap:8px;margin-bottom:16px;max-width:620px}.search input{flex:1}.quick-forms{display:grid;gap:8px;padding-top:10px;min-width:300px}.quick-forms form{display:grid;grid-template-columns:70px 1fr auto;gap:5px}.negative{color:var(--danger);font-weight:800}.email-preview{min-height:330px;resize:vertical;font-family:inherit;line-height:1.55}.settings-list{margin:0}.settings-list div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0}.settings-list div:last-child{border:0}.settings-list dt{color:var(--muted)}.settings-list dd{font-weight:700;margin:0;text-align:right}.user-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.user-row:last-child{border:0}.user-row small{display:block;color:var(--muted);margin-top:2px}.upload-panel form{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.upload-panel input[type=file]{width:auto;border:0;padding:0}
@media(max-width:900px){.shell{display:block}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:16px}.sidebar nav{display:flex;overflow:auto;margin-top:14px}.sidebar-bottom{display:none}.content{padding:24px 16px 70px}.stat-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.page-header.split{display:block}.page-header.split>.pill,.page-header.split>.button{margin-top:14px}.component{display:block}.numbers{display:block;text-align:left;margin-top:7px}}
@media(max-width:520px){.stat-grid{grid-template-columns:1fr 1fr}.page-header h1{font-size:31px}.panel{padding:14px}.content{padding-left:10px;padding-right:10px}.sidebar nav a{white-space:nowrap}}

/* v0.5 artwork thumbnails + user preferences */
.art-thumb{width:48px;height:48px;border-radius:10px;object-fit:cover;display:block;border:1px solid var(--line);background:var(--panel)}
.art-thumb.placeholder{display:grid;place-items:center;color:var(--muted);background:var(--soft,#f4f2ec)}
.thumb-stack{display:flex;align-items:center;min-width:54px}
.thumb-stack .art-thumb+ .art-thumb{margin-left:-14px}
.thumb-stack .art-thumb{box-shadow:0 0 0 2px var(--panel)}
.item-with-thumb{display:flex;align-items:center;gap:11px;min-width:0}
.component-info{display:flex;align-items:center;gap:11px;min-width:0}
.component-thumb{width:64px;height:64px;border-radius:12px;object-fit:cover;flex:0 0 auto;border:1px solid var(--line);background:var(--panel)}
.preference-form{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px 0 6px;border-top:1px solid var(--line)}
.preference-form label{display:grid;gap:4px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.preference-form select{padding:7px 8px;font-size:12px;border-radius:8px}
.preference-submit{grid-column:1/-1;width:100%}

/* Dark mode. Keep brand purple but move every operational surface to neutral dark values. */
html[data-theme="dark"]{color-scheme:dark;--bg:#111113;--panel:#19191d;--ink:#f3f2ee;--muted:#a7a6ae;--line:#303038;--primary:#8d90ff;--secondary:#6c62a6;--danger:#ff8080;--warn:#3b3218;--ok:#173722;--soft:#222228}
html[data-theme="dark"] body{background:var(--bg);color:var(--ink)}
html[data-theme="dark"] .sidebar{background:rgba(17,17,19,.97);border-color:var(--line)}
html[data-theme="dark"] .sidebar nav a{color:#c9c8cf}
html[data-theme="dark"] .sidebar nav a:hover,html[data-theme="dark"] .sidebar nav a.active{background:#29283b;color:#bfc1ff}
html[data-theme="dark"] .stat,html[data-theme="dark"] .panel,html[data-theme="dark"] .login-card{background:var(--panel);border-color:var(--line)}
html[data-theme="dark"] .stat.warning{background:#2a2516}
html[data-theme="dark"] td{border-bottom-color:#29292f}
html[data-theme="dark"] .component-list{background:#151518}
html[data-theme="dark"] .component{border-bottom-color:#29292f}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#111114;border-color:#3a3a42;color:var(--ink)}
html[data-theme="dark"] input:focus,html[data-theme="dark"] select:focus,html[data-theme="dark"] textarea:focus{outline-color:#5d58a8;border-color:#7e80e9}
html[data-theme="dark"] .button.secondary{background:#29283b;color:#c8c9ff}
html[data-theme="dark"] .danger-btn{background:#3c2023;color:#ffaaaa}
html[data-theme="dark"] .pill{background:#2c2c32;color:#d6d5dc}
html[data-theme="dark"] .pill.gift{background:#302a4b;color:#d9d0ff}
html[data-theme="dark"] .status-ready{background:#183820;color:#9de6ad}
html[data-theme="dark"] .status-needs_print,html[data-theme="dark"] .status-needs_frame{background:#3a3015;color:#f4d272}
html[data-theme="dark"] .status-picking,html[data-theme="dark"] .status-packed,html[data-theme="dark"] .status-fulfilling{background:#27294b;color:#bfc3ff}
html[data-theme="dark"] .status-fulfilled{background:#29292e;color:#c6c5cb}
html[data-theme="dark"] .status-cancelled{background:#3a2023;color:#ffaaa9}
html[data-theme="dark"] .status-awaiting_payment{background:#29292e;color:#c6c5cb}
html[data-theme="dark"] .alert.danger{background:#3a2023;color:#ffb2b2}
html[data-theme="dark"] .alert.warning{background:#3a3015;color:#f1d17a}
html[data-theme="dark"] .alert.success{background:#193823;color:#a2e6b0}
html[data-theme="dark"] .settings-list div,html[data-theme="dark"] .user-row{border-color:var(--line)}
html[data-theme="dark"] .thumb-stack .art-thumb{box-shadow:0 0 0 2px var(--panel)}

@media(max-width:900px){
  .sidebar-bottom{display:block;margin-top:14px}
  .preference-form{grid-template-columns:1fr 1fr;max-width:420px}
  .user-chip{display:none}
  .sidebar-bottom>.link-button,.sidebar-bottom>form:last-child{display:none}
  .orders-table th:nth-child(3),.orders-table td:nth-child(3){display:none}
}
@media(max-width:620px){
  .art-thumb{width:42px;height:42px;border-radius:9px}
  .component-thumb{width:54px;height:54px}
  .preference-form{grid-template-columns:1fr 1fr}
}

/* v0.6 stock vertical tabs + planning analytics */
.stock-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:start}
.vertical-tabs{display:grid;gap:8px;position:sticky;top:22px}
.vertical-tab{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--ink);text-decoration:none;transition:.15s ease}
.vertical-tab:hover{transform:translateY(-1px);border-color:#c9beff}
.vertical-tab.active{background:#efedff;border-color:#c9beff;color:#383daf}
.vertical-tab span{display:grid;gap:3px}.vertical-tab small{font-size:11px;color:var(--muted);font-weight:500}.vertical-tab b{font-size:12px;min-width:30px;text-align:center;padding:5px 7px;border-radius:999px;background:rgba(99,103,255,.1)}
.stock-main{min-width:0}.stock-tab-header{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:0 0 14px}.stock-tab-header h2{margin:2px 0 0;font-size:25px}.inventory-panel{padding:0}.inventory-panel table th:first-child,.inventory-panel table td:first-child{padding-left:18px}.inventory-panel table th:last-child,.inventory-panel table td:last-child{padding-right:18px}
.analytics-filters{display:flex;flex-wrap:wrap;align-items:end;gap:8px}.analytics-filters label{display:grid;gap:4px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.analytics-filters select{min-width:110px;padding:8px 10px}
.analytics-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px}.analytics-toolbar p{margin:4px 0 0}.analytics-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.analytics-kpis .stat small{color:var(--muted);font-size:11px}
.method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.method-grid>div{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.method-grid p{font-size:12px;line-height:1.55;color:var(--muted);margin:7px 0 0}
.bar-chart{height:220px;display:flex;align-items:stretch;gap:3px;border-bottom:1px solid var(--line);padding:12px 4px 24px;overflow:hidden}.bar-column{height:100%;flex:1;min-width:4px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}.bar-value{width:100%;min-height:0;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#8d90ff,#6367ff)}.bar-column small{position:absolute;top:calc(100% + 6px);font-size:9px;color:var(--muted);white-space:nowrap}
.analytics-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rank-list{display:grid}.rank-row{display:grid;grid-template-columns:28px 48px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid var(--line)}.rank-row:last-child{border:0}.rank-number{font-size:12px;color:var(--muted);font-weight:800}.rank-name{display:grid;gap:2px;min-width:0}.rank-name strong{overflow:hidden;text-overflow:ellipsis}.rank-name small{color:var(--muted)}
.mix-section{display:grid;gap:8px;margin-bottom:20px}.mix-section:last-child{margin-bottom:0}.mix-row{display:grid;grid-template-columns:90px minmax(80px,1fr) 42px;align-items:center;gap:9px;font-size:12px}.mix-row b{text-align:right}.mix-track{height:8px;border-radius:999px;background:var(--line);overflow:hidden}.mix-track i{display:block;height:100%;border-radius:999px;background:var(--primary)}
.classification-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.classification-cards>div{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;gap:5px;background:var(--bg)}.classification-cards b{font-size:12px;color:var(--primary)}.classification-cards strong{font-size:25px}.classification-cards small{color:var(--muted)}
.planning-panel{padding:0}.planning-panel>.panel-head{padding:20px 20px 6px}.planning-table th,.planning-table td{padding:11px 9px}.planning-table td:first-child,.planning-table th:first-child{padding-left:20px}.planning-table td:last-child,.planning-table th:last-child{padding-right:20px}.classification-badge{display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:5px 7px;border-radius:8px;background:#efedff;color:#4448b3;font-size:11px;font-weight:900}.recommend-qty{color:#8b5d00;font-size:16px}.health-label{display:inline-flex;margin-top:3px;padding:3px 6px;border-radius:6px;font-size:9px;font-weight:900;letter-spacing:.04em}.health-out{background:#fde3e3;color:#8c2f2f}.health-reorder,.health-replenish{background:#fff0bd;color:#795b00}.health-healthy{background:#def5e2;color:#286636}.health-no_demand{background:#ececec;color:#666}.apply-level-form{display:grid;gap:6px;min-width:105px}.stock-toggle{display:flex!important;align-items:center;gap:5px!important;font-size:10px!important;color:var(--muted)!important}.stock-toggle input{width:auto}.forecast-quality{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.forecast-quality>div{padding:14px;border:1px solid var(--line);border-radius:12px;display:grid;gap:5px}.forecast-quality span{font-size:11px;color:var(--muted);font-weight:700;text-transform:uppercase}.forecast-quality strong{font-size:25px}
html[data-theme="dark"] .vertical-tab.active{background:#29283b;border-color:#5d58a8;color:#c8c9ff}html[data-theme="dark"] .vertical-tab:hover{border-color:#5d58a8}html[data-theme="dark"] .method-grid>div,html[data-theme="dark"] .classification-cards>div{background:#151518}html[data-theme="dark"] .classification-badge{background:#29283b;color:#c8c9ff}html[data-theme="dark"] .health-out{background:#3a2023;color:#ffaaa9}html[data-theme="dark"] .health-reorder,html[data-theme="dark"] .health-replenish{background:#3a3015;color:#f4d272}html[data-theme="dark"] .health-healthy{background:#183820;color:#9de6ad}html[data-theme="dark"] .health-no_demand{background:#29292e;color:#c6c5cb}
@media(max-width:1100px){.analytics-kpis{grid-template-columns:repeat(2,1fr)}.method-grid{grid-template-columns:1fr 1fr}.stock-layout{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:800px){.stock-layout{grid-template-columns:1fr}.vertical-tabs{position:static;grid-template-columns:1fr 1fr}.analytics-grid-2{grid-template-columns:1fr}.analytics-toolbar{display:block}.analytics-toolbar .button-row{margin-top:12px}.method-grid{grid-template-columns:1fr}.stock-tab-header{align-items:flex-start}.bar-chart{height:170px}.planning-panel>.panel-head{padding:14px 14px 4px}}
@media(max-width:520px){.vertical-tabs{grid-template-columns:1fr}.analytics-kpis{grid-template-columns:1fr 1fr}.analytics-filters{display:grid;grid-template-columns:1fr 1fr}.analytics-filters label:last-child{grid-column:1/-1}.forecast-quality{grid-template-columns:1fr}.classification-cards{grid-template-columns:repeat(3,1fr)}.rank-row{grid-template-columns:22px 42px minmax(0,1fr) auto}}

/* v0.8 frame option swatches + decision-first UX */
.stock-tab-header p{margin:5px 0 0;max-width:720px;line-height:1.5}.vertical-tab{justify-content:flex-start}.vertical-tab>b{margin-left:auto}.tab-icon{width:32px;height:32px;border-radius:9px;display:grid!important;place-items:center;background:var(--bg);font-size:18px;flex:0 0 auto}.vertical-tab.active .tab-icon{background:rgba(255,255,255,.55)}
.inventory-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:14px}.inventory-summary>div{border:1px solid var(--line);border-radius:13px;background:var(--panel);padding:12px 14px;display:grid;gap:5px}.inventory-summary span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:800}.inventory-summary strong{font-size:22px}.inventory-summary .needs-attention{background:#fff9e7;border-color:#eee0ac}.context-note{display:flex;align-items:flex-start;gap:11px;border:1px solid var(--line);border-radius:13px;background:var(--panel);padding:12px 14px;margin-bottom:14px}.context-note-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#efedff;color:#4247bc;font-weight:900;flex:0 0 auto}.context-note strong{font-size:13px}.context-note p{font-size:12px;color:var(--muted);margin:3px 0 0;line-height:1.45}
.inventory-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.inventory-search{margin:0;flex:1}.filter-chips{display:flex;gap:5px;flex-wrap:wrap}.filter-chip{display:inline-flex;align-items:center;min-height:36px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted);font-size:12px;font-weight:750;text-decoration:none}.filter-chip:hover,.filter-chip.active{background:#efedff;border-color:#c9beff;color:#3f44bc}.inventory-table{white-space:normal}.inventory-table th:nth-child(1){min-width:270px}.inventory-table th:nth-child(3){min-width:230px}.inventory-row.row-attention{background:linear-gradient(90deg,rgba(255,240,189,.25),transparent 38%)}
.stock-visual{width:56px!important;height:56px!important;flex:0 0 56px}.frame-swatch{width:48px;height:48px;border-radius:12px;object-fit:cover;display:inline-grid;place-items:center;overflow:hidden;border:1px solid var(--line);background:var(--panel);font-style:normal;font-size:13px;font-weight:800;color:var(--muted)}.frame-swatch.color-only{background:var(--frame-swatch)!important}.frame-swatch.fallback{background:var(--soft,#f4f2ec)}.identity-copy{min-width:0}.sku-detail{margin-top:5px;font-size:10px;color:var(--muted)}.sku-detail summary{cursor:pointer;display:inline}.sku-detail code{display:block;margin-top:4px;font-size:10px;white-space:normal;word-break:break-all}.policy-cell{display:grid;gap:6px;justify-items:start}.policy-cell small{max-width:155px;white-space:normal;color:var(--muted);line-height:1.35}.stock-position{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;align-items:center}.available-number{display:grid;gap:1px}.available-number span{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:800}.available-number strong{font-size:26px;line-height:1}.stock-breakdown{display:grid;grid-template-columns:repeat(3,auto);gap:8px;font-size:10px;color:var(--muted)}.stock-breakdown span{display:grid}.stock-breakdown b{font-size:12px;color:var(--ink)}.stock-position>.health-label{grid-column:1/-1;width:max-content}.levels-cell{display:flex;align-items:center;gap:10px}.levels-cell>span{display:grid;gap:2px;text-align:center}.levels-cell small{font-size:9px;text-transform:uppercase;color:var(--muted)}.levels-cell b{font-size:17px}.text-link{font-size:11px;color:var(--primary);font-weight:700;text-decoration:none;margin-left:3px}.adjust-menu{position:relative}.adjust-menu>summary{list-style:none;width:max-content}.adjust-menu>summary::-webkit-details-marker{display:none}.adjust-menu[open] .quick-forms{position:absolute;right:0;z-index:4;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px;box-shadow:0 10px 30px rgba(20,20,22,.09)}
.analytics-header{align-items:end}.analytics-header-actions{display:flex;gap:8px}.analytics-controls{display:flex;align-items:end;gap:7px}.analytics-controls label{display:grid;gap:4px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.analytics-controls select{min-width:108px;padding:8px 9px}.analytics-nav-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.decision-section{margin-bottom:18px}.section-title-row{margin-bottom:10px}.section-title-row h2{font-size:24px;margin:4px 0}.section-title-row p{margin:0}.decision-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.decision-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;border:1px solid var(--line);border-radius:15px;background:var(--panel);padding:15px;color:var(--ink);text-decoration:none}.decision-card:hover{border-color:#c9beff}.decision-card.urgent{border-color:#e9d38c;background:#fffaf0}.decision-icon{width:38px;height:38px;border-radius:11px;background:var(--bg);display:grid;place-items:center;font-weight:900}.decision-card div{display:grid;gap:2px}.decision-card div>span{font-size:11px;color:var(--muted);font-weight:750}.decision-card strong{font-size:25px;line-height:1}.decision-card small{font-size:10px;color:var(--muted);line-height:1.3}.action-lists .panel{padding:17px}.action-list{display:grid}.action-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}.action-row:last-child{border-bottom:0}.action-row>span:nth-child(2){display:grid;gap:3px}.action-row small{color:var(--muted);font-size:11px}.action-row>b{font-size:18px;color:var(--primary)}.mini-visual{width:48px;height:48px;display:grid;place-items:center}.mini-visual .art-thumb,.mini-visual .frame-swatch{width:44px;height:44px}.empty.compact{padding:18px}.concise-kpis{margin-top:2px}.analytics-empty-state{display:flex;align-items:center;gap:16px}.empty-icon{width:48px;height:48px;border-radius:14px;background:#efedff;display:grid;place-items:center;font-size:23px;color:#4247bc}.analytics-empty-state h2{margin:0 0 5px}.analytics-empty-state p{margin:2px 0}.planner-head{align-items:flex-end}.view-toggle{display:flex;border:1px solid var(--line);padding:3px;border-radius:10px;background:var(--bg)}.view-toggle a{padding:7px 10px;border-radius:7px;text-decoration:none;color:var(--muted);font-size:11px;font-weight:800}.view-toggle a.active{background:var(--panel);color:var(--ink);box-shadow:0 1px 2px rgba(20,20,22,.06)}.simple-planner th:nth-child(1){min-width:260px}.simple-planner th:nth-child(6){min-width:145px}.simple-planner th:nth-child(7){min-width:185px}.suggested-levels{display:flex;align-items:center;gap:7px}.suggested-levels span{display:grid;gap:1px}.suggested-levels small{font-size:9px;color:var(--muted);text-transform:uppercase}.suggested-levels b{font-size:17px}.next-action>strong{color:#725500}.why-details{margin-top:6px}.why-details summary{font-size:10px;color:var(--primary);font-weight:750;cursor:pointer}.why-details small{display:block;margin-top:5px;max-width:240px;white-space:normal;line-height:1.4;color:var(--muted)}.advanced-note{margin:10px 20px}.advanced-analysis>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none}.advanced-analysis>summary::-webkit-details-marker{display:none}.advanced-analysis>summary span{font-size:11px;color:var(--muted)}.advanced-analysis-body{padding-top:18px}.advanced-analysis h3{font-size:14px;margin:0 0 10px}
html[data-theme="dark"] .inventory-summary .needs-attention,html[data-theme="dark"] .decision-card.urgent{background:#2a2516;border-color:#564a21}html[data-theme="dark"] .filter-chip:hover,html[data-theme="dark"] .filter-chip.active,html[data-theme="dark"] .context-note-icon,html[data-theme="dark"] .empty-icon{background:#29283b;border-color:#5d58a8;color:#c8c9ff}html[data-theme="dark"] .adjust-menu[open] .quick-forms{box-shadow:0 12px 30px rgba(0,0,0,.3)}html[data-theme="dark"] .view-toggle a.active{background:#29292f}
@media(max-width:1200px){.decision-grid{grid-template-columns:1fr 1fr}.inventory-summary{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.inventory-toolbar,.analytics-nav-row{align-items:stretch;flex-direction:column}.inventory-search{max-width:none;width:100%}.analytics-controls{flex-wrap:wrap}.analytics-header-actions{margin-top:14px}.inventory-summary{grid-template-columns:repeat(2,1fr)}.inventory-table th:nth-child(4),.inventory-table td:nth-child(4){display:none}.decision-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.decision-grid{grid-template-columns:1fr}.inventory-summary{grid-template-columns:1fr 1fr}.analytics-controls{display:grid;grid-template-columns:1fr 1fr;width:100%}.analytics-controls .button{grid-column:1/-1}.inventory-panel{background:transparent;border:0}.inventory-table thead{display:none}.inventory-table,.inventory-table tbody,.inventory-table tr,.inventory-table td{display:block;width:100%}.inventory-table tr{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-bottom:10px;padding:12px}.inventory-table td{border:0;padding:7px 0!important}.inventory-table td:nth-child(4){display:block}.stock-position{grid-template-columns:auto 1fr}.adjust-menu[open] .quick-forms{position:static}.quick-forms{min-width:0}.quick-forms form{grid-template-columns:60px 1fr}.quick-forms form .button{grid-column:1/-1}.levels-cell{justify-content:flex-start}.simple-planner th:nth-child(3),.simple-planner td:nth-child(3),.simple-planner th:nth-child(5),.simple-planner td:nth-child(5){display:none}}
.frame-mix-row{grid-template-columns:120px minmax(80px,1fr) 42px}.mix-label{display:flex;align-items:center;gap:7px}.tiny-frame-swatch{width:22px;height:22px;border-radius:6px;object-fit:cover;border:1px solid var(--line);background:var(--panel);display:inline-block;flex:0 0 auto}.tiny-frame-swatch.color-only{background:var(--frame-swatch)}.tiny-frame-swatch.fallback{background:var(--soft,#f4f2ec)}

/* v0.8 clearer planning + purchasing */
.stat-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}
.forecast-explainer{display:grid;grid-template-columns:minmax(250px,1.4fr) repeat(3,minmax(150px,1fr));gap:10px;margin:0 0 20px}.forecast-explainer>div{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:14px 16px;display:grid;gap:4px}.forecast-explainer .forecast-explainer-lead{background:var(--soft,#f7f5ef)}.forecast-explainer span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:800}.forecast-explainer strong{font-size:18px;line-height:1.25}.forecast-explainer small{color:var(--muted);line-height:1.35}.compact-explainer{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-form{display:grid;gap:16px}.settings-group{border-top:1px solid var(--line);padding-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-group:first-child{border-top:0;padding-top:0}.settings-group h3{grid-column:1/-1;margin:0;font-size:14px}.settings-group label{display:grid;gap:6px;font-size:12px;font-weight:700}.settings-group label small{color:var(--muted);font-weight:500;line-height:1.35}.settings-group.swatch-settings{grid-template-columns:1fr}.settings-group.swatch-settings p,.settings-group.swatch-settings textarea{grid-column:1/-1}.settings-group textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.5}.input-with-suffix{display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid #dcd9d1;border-radius:10px;background:white;overflow:hidden}.input-with-suffix input{border:0;border-radius:0}.input-with-suffix span{padding:0 10px;color:var(--muted);font-size:12px}.frame-order-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.frame-order-card{border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:12px;background:var(--panel)}.frame-swatch.large{width:58px;height:58px}.order-qty{display:flex;align-items:end;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px}.order-qty span{font-size:11px;color:var(--muted);text-transform:uppercase;font-weight:800}.order-qty strong{font-size:25px}.order-reason{font-size:11px;color:var(--muted);line-height:1.45}.frame-order-actions{margin-top:16px}.qty-input{max-width:110px}.simple-planner th:nth-child(4),.simple-planner th:nth-child(5){white-space:normal;min-width:130px}
html[data-theme="dark"] .forecast-explainer .forecast-explainer-lead{background:#202027}html[data-theme="dark"] .input-with-suffix{background:#18181d;border-color:#34343d}
@media(max-width:1100px){.stat-grid.five{grid-template-columns:repeat(3,minmax(0,1fr))}.forecast-explainer{grid-template-columns:repeat(2,minmax(0,1fr))}.forecast-explainer .forecast-explainer-lead{grid-column:1/-1}.frame-order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.stat-grid.five,.forecast-explainer,.compact-explainer,.frame-order-grid,.settings-group{grid-template-columns:1fr}.forecast-explainer .forecast-explainer-lead{grid-column:auto}.frame-order-card{padding:12px}}

/* v0.9 clearer replenishment planning + grouped frame purchasing */
.v09-explainer{grid-template-columns:minmax(240px,1.35fr) repeat(4,minmax(135px,1fr))}
.planning-logic-note{margin:-8px 0 20px;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--muted);font-size:12px;line-height:1.5}
.planning-logic-note strong{color:var(--ink)}
.analytics-actions-only{justify-content:flex-end}
.planner-layout{display:grid;grid-template-columns:245px minmax(0,1fr);border-top:1px solid var(--line)}
.planner-tabs{position:static;padding:16px;border-right:1px solid var(--line);align-content:start;background:rgba(0,0,0,.012)}
.planner-tabs .vertical-tab{align-items:flex-start}
.planner-tabs .vertical-tab span:nth-child(2){min-width:0}
.planner-tabs .vertical-tab small{line-height:1.35;margin-top:3px}
.planner-main{min-width:0;padding:16px 0 0}
.planner-main>.table-wrap{margin-top:4px}
.planner-context-strip{margin:0 16px 12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:var(--bg)}
.planner-context-strip>div{display:grid;gap:2px;padding-right:13px;border-right:1px solid var(--line)}
.planner-context-strip>div span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:800}
.planner-context-strip>div strong{font-size:17px}
.planner-context-strip p{margin:0;color:var(--muted);font-size:12px;line-height:1.4;flex:1;min-width:220px}
.frame-color-groups{display:grid;gap:13px}
.frame-color-group{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel)}
.frame-color-group-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:var(--bg);border-bottom:1px solid var(--line)}
.color-order-total{display:grid;text-align:right;gap:2px}
.color-order-total span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:800}
.color-order-total strong{font-size:24px}
.frame-size-order-list{display:grid}
.frame-size-order-row{display:grid;grid-template-columns:minmax(160px,1.4fr) minmax(90px,.7fr) minmax(100px,.7fr) minmax(110px,.65fr);align-items:center;gap:14px;padding:13px 16px;border-bottom:1px solid var(--line)}
.frame-size-order-row:last-child{border-bottom:0}
.frame-size-order-row>div{display:grid;gap:3px}
.frame-size-order-row span,.frame-size-order-row small{font-size:11px;color:var(--muted)}
.order-qty.compact{border:0;padding:0;align-items:center}
.order-qty.compact strong{font-size:20px}
.po-color-groups .frame-color-group{margin-bottom:12px}
.frame-po-table th:first-child,.frame-po-table td:first-child{padding-left:16px}
.frame-po-table th:last-child,.frame-po-table td:last-child{padding-right:16px}
html[data-theme="dark"] .planner-tabs{background:#151518}
html[data-theme="dark"] .planner-context-strip,html[data-theme="dark"] .frame-color-group-head{background:#18181d}
@media(max-width:1180px){.v09-explainer{grid-template-columns:repeat(2,minmax(0,1fr))}.v09-explainer .forecast-explainer-lead{grid-column:1/-1}.planner-layout{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:860px){.planner-layout{grid-template-columns:1fr}.planner-tabs{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr}.frame-size-order-row{grid-template-columns:1fr 1fr}.v09-explainer{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.planner-tabs,.v09-explainer,.frame-size-order-row{grid-template-columns:1fr}.v09-explainer .forecast-explainer-lead{grid-column:auto}.frame-color-group-head{align-items:flex-start}.planner-context-strip>div{border-right:0;padding-right:0}.planner-context-strip{align-items:flex-start}}

/* v0.10 order queue + sync progress */
.art-thumb{object-fit:contain!important;padding:2px;background:var(--panel)}
.queue-note{display:grid;gap:3px;max-width:340px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.queue-note span{font-size:12px;color:var(--muted)}
.order-tabs{display:flex;gap:7px;overflow:auto;margin:0 0 14px;padding-bottom:2px}.order-tabs a{white-space:nowrap;text-decoration:none;color:var(--muted);font-weight:750;padding:10px 13px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.order-tabs a.active{background:var(--primary);color:#fff;border-color:var(--primary)}.order-tabs b{font-size:11px;margin-left:5px;opacity:.8}
.order-toolbar{padding:14px 16px}.order-filter-form{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.order-filter-form label{display:grid;gap:5px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:800;color:var(--muted)}.order-filter-form select{min-width:150px;text-transform:none;letter-spacing:0;font-weight:600}
.orders-list-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0 8px}.select-all{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:700}.select-all input,.order-checkbox input{width:18px;height:18px}
.orders-list{display:grid;gap:9px}.order-list-row{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:start}.order-checkbox{display:grid;place-items:center;padding-top:24px}.order-card{border:1px solid var(--line);border-radius:15px;background:var(--panel);overflow:hidden}.order-card[open]{border-color:#cfcbe9}.order-card>summary{list-style:none;cursor:pointer;padding:14px;display:grid;grid-template-columns:minmax(210px,.75fr) minmax(360px,1.6fr) auto;align-items:center;gap:16px}.order-card>summary::-webkit-details-marker{display:none}.order-summary-main{display:flex;align-items:center;gap:12px;min-width:0}.order-identity{min-width:0}.order-title-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.order-identity>.muted{display:block;font-size:12px;margin-top:3px}.order-component-summary{display:grid;gap:7px;min-width:0}.component-chip-line{display:grid;grid-template-columns:68px minmax(0,1fr);align-items:start;gap:8px}.mini-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:800;padding-top:4px}.chip-wrap{display:flex;gap:5px;flex-wrap:wrap;min-width:0}.component-chip{display:inline-flex;align-items:center;gap:3px;padding:4px 7px;border-radius:8px;background:#f2f1ed;font-size:11px;line-height:1.2}.print-chip{background:#efedff}.frame-chip{background:#f0eee8}.order-status-block{display:grid;justify-items:end;gap:6px}.disclosure-label{font-size:11px;color:var(--muted);font-weight:700}.order-card[open] .disclosure-label{font-size:0}.order-card[open] .disclosure-label:after{content:'Close ▴';font-size:11px}.order-card-body{border-top:1px solid var(--line);padding:12px 14px 14px;display:flex;justify-content:space-between;gap:18px;align-items:flex-end}.order-lines-mini{display:grid;gap:7px;min-width:0;flex:1}.order-line-mini{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #f0eee8;font-size:12px}.order-line-mini:last-child{border-bottom:0}.order-line-mini small{display:block;color:var(--muted);margin-top:2px}.pill.gift-wrap{background:#f7e7f2;color:#7e3a67;text-transform:none;letter-spacing:0}.selection-panel{position:sticky;top:12px;z-index:6;margin:0 0 12px;padding:14px 16px;border:1px solid #b7b5ff;border-radius:16px;background:var(--panel);box-shadow:0 8px 25px rgba(25,25,35,.08)}.selection-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.selection-head strong{font-size:16px}.selection-head .muted{display:block;font-size:12px;margin-top:2px}.selected-components{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:12px 0}.bulk-actions{display:flex;justify-content:flex-end;align-items:flex-end;gap:8px}.bulk-actions label{display:grid;gap:4px;font-size:11px;color:var(--muted);font-weight:700}.bulk-actions select{min-width:160px}
.sync-progress{margin-top:14px;padding:13px 14px;border-radius:13px;background:#f5f4ff;border:1px solid #d9d6ff}.sync-progress.failed{background:#fff0f0;border-color:#efc1c1}.sync-progress-head{display:flex;justify-content:space-between;gap:12px;font-size:12px}.progress-track{height:9px;border-radius:999px;background:#e6e4ef;overflow:hidden;margin:9px 0}.progress-fill{height:100%;border-radius:999px;background:var(--primary);transition:width .25s ease}.sync-progress p{margin:0;font-size:12px}
[data-theme="dark"] .component-chip{background:#27272d}[data-theme="dark"] .print-chip{background:#292846}[data-theme="dark"] .frame-chip{background:#302f2c}[data-theme="dark"] .sync-progress{background:#22223a;border-color:#3f4070}[data-theme="dark"] .queue-note{background:var(--panel)}
@media(max-width:1050px){.order-card>summary{grid-template-columns:1fr}.order-status-block{justify-items:start;display:flex;align-items:center}.order-component-summary{padding-left:60px}.order-card-body{display:block}.order-card-body>.button{margin-top:10px}.selected-components{grid-template-columns:1fr}}
@media(max-width:650px){.order-list-row{grid-template-columns:30px minmax(0,1fr)}.order-checkbox{padding-top:20px}.order-card>summary{padding:12px}.order-component-summary{padding-left:0}.component-chip-line{grid-template-columns:1fr}.queue-note{margin-top:12px}.bulk-actions{justify-content:stretch;flex-wrap:wrap}.bulk-actions label,.bulk-actions .button{flex:1;min-width:150px}.selection-panel{top:4px}.orders-list-head{align-items:flex-start}.order-filter-form label{flex:1;min-width:130px}.order-filter-form select{min-width:0}}

/* v0.12 fulfiller workflow, grouped stock and production UX */
.art-thumb,.component-thumb,.stock-group-artwork,.production-art-thumb{object-fit:contain!important;background:var(--panel);padding:3px}
.order-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.order-open-link{white-space:nowrap}
.order-detail-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.line-badges{display:flex;align-items:flex-start;gap:6px;flex-wrap:wrap}
.service-order-line{background:rgba(247,231,242,.35);margin:0 -10px;padding-left:10px;padding-right:10px;border-radius:12px}
.service-line-note{margin:8px 0 0;font-size:12px}

/* Keep checkbox selection lightweight. The detailed requirements panel only opens on request. */
.selection-dock{position:sticky;top:10px;z-index:7;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 12px;padding:11px 13px;border:1px solid #b7b5ff;border-radius:14px;background:var(--panel);box-shadow:0 6px 18px rgba(25,25,35,.07)}
.selection-dock[hidden],.compact-selection-panel[hidden]{display:none!important}
.selection-dock-copy{display:grid;gap:2px;min-width:0}
.selection-dock-copy strong{font-size:14px}
.selection-dock-copy .muted{font-size:12px;white-space:normal}
.selection-dock-actions{display:flex;align-items:flex-end;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.bulk-inline-label{display:grid;gap:3px;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:800}
.bulk-inline-label select{min-width:145px;padding:7px 9px;font-size:12px;text-transform:none;letter-spacing:0}
.compact-selection-panel{position:static;box-shadow:none;padding:14px 16px;margin-bottom:12px}
.selected-size-summary{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:12px}
.size-total-grid{display:flex;gap:7px;flex-wrap:wrap;margin-top:6px}
.size-total{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid var(--line);border-radius:10px;background:var(--bg);font-size:12px}
.size-total b{font-size:13px}

/* Stock grouped as real physical families rather than a flat SKU spreadsheet. */
.group-switch-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:2px 0 14px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);font-size:12px;font-weight:750}
.view-toggle{display:inline-flex;padding:3px;border-radius:10px;background:var(--bg);border:1px solid var(--line)}
.view-toggle a{text-decoration:none;color:var(--muted);padding:7px 10px;border-radius:7px;font-size:12px;font-weight:750}
.view-toggle a.active{background:var(--primary);color:#fff}
.stock-groups{display:grid;gap:12px}
.stock-group-card{border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden}
.stock-group-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:var(--bg);border-bottom:1px solid var(--line)}
.stock-group-head .item-with-thumb>div{display:grid;gap:3px}
.stock-group-head small{color:var(--muted);font-size:11px}
.stock-group-artwork{width:58px;height:58px;border:1px solid var(--line);border-radius:10px;display:block}
.stock-group-artwork.placeholder{display:grid;place-items:center;color:var(--muted)}
.grouped-stock-lines{display:grid}
.grouped-stock-row{display:grid;grid-template-columns:minmax(150px,.85fr) minmax(220px,1.4fr) minmax(145px,.75fr) auto;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid var(--line)}
.grouped-stock-row:last-child{border-bottom:0}
.grouped-stock-row.row-attention{background:rgba(255,240,189,.24)}
.grouped-stock-name{display:flex;align-items:center;gap:8px;min-width:0}
.grouped-stock-available,.grouped-stock-levels{display:grid;gap:2px}
.grouped-stock-available>span,.grouped-stock-levels>span{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:800}
.grouped-stock-available>strong,.grouped-stock-levels>strong{font-size:18px}
.grouped-stock-available small,.grouped-stock-levels small{color:var(--muted);font-size:11px;line-height:1.35}
.size-group-icon{display:grid;place-items:center;min-width:70px;height:44px;border-radius:10px;background:var(--bg);border:1px solid var(--line);font-size:12px;font-weight:850}
.frame-swatch.small{width:30px;height:30px;border-radius:8px}

/* Horizontal print-production lanes by physical size. */
.production-queue-panel{overflow:hidden}
.production-size-board{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:12px;overflow-x:auto;padding:2px 1px 8px;align-items:start}
.production-size-lane{border:1px solid var(--line);border-radius:15px;background:var(--panel);min-width:230px;overflow:hidden}
.production-size-lane>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;background:var(--bg);border-bottom:1px solid var(--line)}
.production-size-lane>header>div:first-child{display:grid;gap:1px}
.size-kicker{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:850}
.production-size-lane>header strong{font-size:18px}
.size-count{display:grid;text-align:right;gap:0}.size-count b{font-size:18px}.size-count span{font-size:9px;text-transform:uppercase;color:var(--muted);font-weight:800}
.production-size-items{display:grid;max-height:560px;overflow:auto}
.production-art-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;border-bottom:1px solid var(--line)}
.production-art-card:last-child{border-bottom:0}
.production-art-thumb{width:44px;height:44px;border:1px solid var(--line);border-radius:8px;display:block}
.production-art-thumb.placeholder{display:grid;place-items:center;color:var(--muted)}
.production-art-copy{display:grid;gap:3px;min-width:0}.production-art-copy strong{font-size:12px;line-height:1.25}.production-art-copy small{font-size:9px;color:var(--muted);word-break:break-word}
.production-art-qty{font-size:14px}
.lane-empty{padding:22px 12px;text-align:center;color:var(--muted);font-size:12px}
.empty-lane{opacity:.7}
.batch-detail-layout{grid-template-columns:minmax(0,1.8fr) minmax(300px,.75fr)}
.batch-size-board{grid-template-columns:repeat(2,minmax(245px,1fr))}

/* Copy-ready supplier order message. */
.supplier-message-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.supplier-message-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg)}
.supplier-message-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line)}
.supplier-message-card .supplier-text{border:0;border-radius:0;min-height:290px;background:transparent;resize:vertical}
.copy-feedback{font-size:12px;margin-top:8px;min-height:18px}

html[data-theme="dark"] .service-order-line{background:rgba(92,54,79,.18)}
html[data-theme="dark"] .grouped-stock-row.row-attention{background:rgba(111,92,28,.16)}
html[data-theme="dark"] .selection-dock{background:var(--panel)}

@media(max-width:1180px){
  .grouped-stock-row{grid-template-columns:minmax(130px,.75fr) minmax(190px,1.3fr) minmax(130px,.7fr) auto}
  .production-size-board{grid-template-columns:repeat(4,minmax(215px,1fr))}
}
@media(max-width:900px){
  .selection-dock{position:static;align-items:flex-start;flex-direction:column}
  .selection-dock-actions{justify-content:flex-start;width:100%}
  .selected-size-summary{grid-template-columns:1fr}
  .group-switch-row{align-items:flex-start;flex-direction:column}
  .grouped-stock-row{grid-template-columns:1fr 1fr}
  .grouped-stock-row .adjust-menu{justify-self:end}
  .supplier-message-grid{grid-template-columns:1fr}
  .batch-detail-layout{grid-template-columns:1fr}
  .batch-size-board{grid-template-columns:repeat(4,minmax(215px,1fr))}
}
@media(max-width:600px){
  .selection-dock-actions>*{flex:1;min-width:125px}
  .grouped-stock-row{grid-template-columns:1fr;padding:12px}
  .grouped-stock-row .adjust-menu{justify-self:start}
  .stock-group-head{align-items:flex-start}
  .production-size-board,.batch-size-board{grid-template-columns:repeat(4,minmax(200px,1fr))}
}

/* v0.13 selection-mode UX: checkboxes only appear after the fulfiller chooses Select orders. */
.selection-only{display:none!important}
#bulk-order-form .order-list-row{grid-template-columns:minmax(0,1fr)}
#bulk-order-form.selection-mode .selection-only{display:flex!important}
#bulk-order-form.selection-mode .order-checkbox{display:grid!important}
#bulk-order-form.selection-mode .order-list-row{grid-template-columns:36px minmax(0,1fr)}
.orders-list-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

/* Stock onboarding / count state */
.stock-count-alert{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;margin-bottom:12px}
.row-uncounted{background:color-mix(in srgb,var(--panel) 88%,var(--bg) 12%)}
.uncounted-value{font-size:14px!important;color:var(--muted)}
.grouped-stock-available .negative{color:#a34035}

/* Frame swatches inside an individual order. */
.component-frame-swatch{width:48px;height:48px;border-radius:10px;object-fit:cover;flex:0 0 48px;border:1px solid var(--line);background:var(--panel);display:inline-grid;place-items:center;overflow:hidden;font-weight:800;color:var(--muted)}
.component-frame-swatch.color-only{background:var(--frame-swatch)!important}
.component-frame-swatch.fallback{background:var(--soft,#f4f2ec)}

/* Make the production board feel current while an order/catalog sync is still committing. */
.production-sync-note{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.production-sync-note .sync-dot{width:9px;height:9px;border-radius:999px;background:var(--primary);display:inline-block;margin-right:7px;animation:syncPulse 1.15s ease-in-out infinite}
@keyframes syncPulse{0%,100%{opacity:.35}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.production-sync-note .sync-dot{animation:none}}

@media(max-width:650px){
  #bulk-order-form.selection-mode .order-list-row{grid-template-columns:30px minmax(0,1fr)}
}

/* v0.15 analytics, variant imagery and optional batch editing */
.order-line-product-head{display:flex;align-items:center;gap:11px;min-width:0}
.order-variant-image{width:76px;height:76px;object-fit:contain;border:1px solid var(--line);border-radius:11px;background:var(--panel);padding:3px;flex:0 0 auto}
.batch-qty-editor{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.batch-qty-editor[hidden]{display:none!important}
.batch-qty-editor-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:10px}.batch-qty-editor-head>div{display:grid;gap:3px}.batch-qty-editor-head small{color:var(--muted)}
.batch-qty-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.batch-qty-grid label{display:grid;grid-template-columns:minmax(0,1fr) 86px;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:8px 10px}.batch-qty-grid label span{font-size:11px;font-weight:700}.batch-qty-grid input{width:100%}
.paid-gift-summary{display:grid;gap:14px}.paid-gift-summary>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center}.paid-gift-summary span{font-size:12px;font-weight:750}.paid-gift-summary strong{font-size:21px}.share-track{grid-column:1/-1;height:9px;border-radius:999px;background:var(--bg);overflow:hidden;border:1px solid var(--line)}.share-track i{display:block;height:100%;border-radius:999px}.share-track .paid{background:var(--ink)}.share-track .gift{background:var(--primary)}
.analytics-link-list{display:grid}.analytics-link-list>a{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}.analytics-link-list>a:last-child{border-bottom:0}.analytics-link-list>a span{display:grid;gap:2px;min-width:0}.analytics-link-list>a small{font-size:10px;color:var(--muted)}.analytics-link-list>a>b{font-size:18px}
.analytics-title-link,.analytics-item-link,.analytics-variant-link{color:inherit;text-decoration:none}.analytics-title-link:hover,.analytics-item-link:hover,.analytics-variant-link:hover{color:var(--primary)}.analytics-variant-link{display:block;font-size:10px;color:var(--primary);font-weight:700;margin-top:2px}.analytics-item-link{display:flex!important}
.planner-formula{display:grid;gap:5px;margin:0 0 10px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:var(--bg)}.planner-formula strong{font-size:11px;line-height:1.45}.planner-formula small{font-size:10px;color:var(--muted);line-height:1.4}
.analytics-scroll-control{display:grid;grid-template-columns:auto minmax(180px,360px) auto;align-items:center;gap:8px;margin:0 0 8px;color:var(--muted)}.analytics-scroll-control[hidden]{display:none!important}.analytics-scroll-control label{display:grid;gap:3px;font-size:9px;text-transform:uppercase;letter-spacing:.04em;font-weight:800;text-align:center}.analytics-scroll-control input[type=range]{width:100%;accent-color:var(--primary)}
.analytics-scroll-target{scroll-behavior:auto}.planning-table th:first-child,.planning-table td:first-child{position:sticky;left:0;z-index:2;background:var(--panel)}.planning-table thead th:first-child{z-index:4}
.analytics-detail-title-row{display:flex;align-items:center;gap:14px;margin-top:8px}.analytics-detail-art{width:82px;height:82px;object-fit:contain;border:1px solid var(--line);border-radius:13px;background:var(--panel);padding:4px}.analytics-detail-art.frame.color-only{background:var(--frame-swatch)}.analytics-detail-title-row h1{margin:2px 0}.analytics-detail-title-row p{margin:2px 0;color:var(--muted)}
.analytics-detail-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.paid-gift-chart{display:flex;align-items:end;gap:3px;height:180px;padding-top:8px}.paid-gift-column{height:100%;flex:1;min-width:3px;display:grid;grid-template-rows:1fr 14px;align-items:end}.paid-gift-stack{height:100%;display:flex;flex-direction:column-reverse;justify-content:flex-start}.paid-gift-stack i{display:block;width:100%;min-height:0}.paid-gift-stack .paid{background:var(--ink)}.paid-gift-stack .gift{background:var(--primary)}.paid-gift-column small{font-size:8px;color:var(--muted);white-space:nowrap}.paid-gift-legend{display:flex;gap:14px;margin-top:8px;font-size:10px;color:var(--muted)}.paid-gift-legend span{display:flex;align-items:center;gap:5px}.paid-gift-legend i{width:9px;height:9px;border-radius:2px}.paid-gift-legend .paid{background:var(--ink)}.paid-gift-legend .gift{background:var(--primary)}
.detail-planning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.detail-planning-grid>div{border:1px solid var(--line);border-radius:10px;padding:10px;display:grid;gap:2px}.detail-planning-grid span{font-size:9px;color:var(--muted);text-transform:uppercase;font-weight:800}.detail-planning-grid strong{font-size:20px}.detail-planning-grid small{font-size:9px;color:var(--muted)}
.analytics-size-list{display:grid}.analytics-size-row{display:grid;grid-template-columns:70px 1fr 1fr auto auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}.analytics-size-row:last-child{border:0}.analytics-size-row span{font-size:10px;color:var(--muted)}.analytics-size-row b{font-size:17px}.analytics-size-row em{font-style:normal;color:var(--primary)}
@media(max-width:780px){.batch-qty-grid{grid-template-columns:1fr}.order-variant-image{width:62px;height:62px}.analytics-detail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-detail-title-row{align-items:flex-start}.analytics-size-row{grid-template-columns:58px 1fr auto}.analytics-size-row span:nth-of-type(2){display:none}}

/* v0.15 analytics / variant detail refinements */
.paid-gift-order-stats{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}
.paid-gift-order-stats b{color:var(--ink);font-size:12px}
.paid-gift-mini-chart{height:78px;display:flex;align-items:flex-end;gap:3px;margin-top:14px;padding-top:8px;border-top:1px solid var(--line)}
.paid-gift-mini-col{height:62px;flex:1;min-width:2px;display:flex;flex-direction:column-reverse;justify-content:flex-start;overflow:hidden;border-radius:2px}
.paid-gift-mini-col i{display:block;width:100%;min-height:0}.paid-gift-mini-col .paid{background:var(--ink)}.paid-gift-mini-col .gift{background:var(--primary)}
.top-artworks-panel{margin-top:16px}.top-artworks-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.top-artwork-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:11px;color:inherit;text-decoration:none;min-width:0}
.top-artwork-card img,.top-artwork-card>.art-thumb{width:46px;height:46px;object-fit:contain;border-radius:8px;background:var(--bg);border:1px solid var(--line);padding:2px}
.top-artwork-card span{min-width:0}.top-artwork-card strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-artwork-card small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.top-artwork-card>b{font-size:15px}
.analytics-variant-breakdown{margin-top:16px}.analytics-variant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.analytics-variant-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;border:1px solid var(--line);border-radius:11px;text-decoration:none;color:inherit;min-width:0}
.variant-card-visual{width:46px;height:46px;display:grid;place-items:center;border-radius:8px;background:var(--bg);border:1px solid var(--line);overflow:hidden}.variant-card-visual img{width:100%;height:100%;object-fit:contain;padding:2px}.variant-card-visual .frame-swatch{width:34px;height:34px}
.analytics-variant-card>span:nth-child(2){min-width:0}.analytics-variant-card strong{display:block;font-size:11px}.analytics-variant-card small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.analytics-variant-card>b{font-size:12px;white-space:nowrap}
.variant-filter-note{font-size:10px!important;color:var(--primary)!important;font-weight:700}.analytics-title-link,.analytics-variant-link{text-decoration:none;color:inherit}.analytics-title-link:hover,.analytics-variant-link:hover{text-decoration:underline}.analytics-variant-link{font-size:9px;color:var(--muted)}
@media(max-width:980px){.top-artworks-grid,.analytics-variant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.top-artworks-grid,.analytics-variant-grid{grid-template-columns:1fr}.paid-gift-mini-chart{height:64px}.paid-gift-mini-col{height:50px}}

/* v0.16 component-first order detail + final-product zoom */
.component-first-line-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
.component-first-line-copy{display:grid;gap:3px;min-width:0}.component-first-line-copy>strong{font-size:16px}.component-first-line-copy>span{font-size:12px;color:var(--muted)}
.component-first-list{margin-top:10px}
.final-preview-trigger{border:0;background:transparent;color:var(--primary);font:inherit;font-size:11px;font-weight:800;padding:5px 7px;border-radius:8px;cursor:pointer;white-space:nowrap}.final-preview-trigger:hover{background:var(--primary-soft)}
.final-preview-dialog{width:min(680px,calc(100% - 32px));max-height:calc(100% - 48px);border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--ink);padding:0;box-shadow:0 24px 80px rgba(0,0,0,.35)}
.final-preview-dialog::backdrop{background:rgba(0,0,0,.72)}
.final-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.final-preview-head>div{display:grid;gap:3px;min-width:0}.final-preview-head strong{font-size:16px}.final-preview-head span{font-size:11px;color:var(--muted)}
.final-preview-close{width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font-size:24px;line-height:1;cursor:pointer}
.final-preview-stage{display:grid;place-items:center;min-height:280px;max-height:70vh;padding:18px;background:var(--bg)}.final-preview-stage img{display:block;max-width:100%;max-height:62vh;object-fit:contain;border-radius:10px}
.final-preview-caption{margin:0;padding:11px 16px 14px;color:var(--muted);font-size:11px;line-height:1.45}
@media(max-width:640px){.component-first-line-head{align-items:flex-start;flex-direction:column}.line-badges{justify-content:flex-start}.final-preview-dialog{width:calc(100% - 18px)}.final-preview-stage{min-height:220px;padding:10px}}

/* v0.16.1 simpler print-component labels in order detail */
.component-print-meta{display:flex!important;align-items:center;gap:7px;flex-wrap:wrap;margin-top:3px;color:var(--muted)}
.component-gift-badge{font-size:9px;padding:3px 7px;line-height:1.15;letter-spacing:.035em}

/* v0.17 returns, clearer frame planning, and mobile structure */
.health-warning{background:#fff4cb;color:#775a00}
.tab-alert-count{background:#fff0bd!important;color:#775a00!important}
.analytics-history-access{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap}.analytics-history-access span{color:inherit}
.frame-order-header-actions{align-items:center}
.frame-order-help-dialog{width:min(720px,calc(100% - 32px));max-height:calc(100% - 44px);border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--ink);padding:0;box-shadow:0 24px 80px rgba(0,0,0,.35)}
.frame-order-help-dialog::backdrop{background:rgba(0,0,0,.68)}
.frame-help-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:18px;border-bottom:1px solid var(--line)}.frame-help-head h2{margin:4px 0 6px}.frame-help-head p{margin:0;color:var(--muted)}
.frame-help-grid{display:grid;gap:10px;padding:16px 18px 20px}.frame-help-grid>div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:4px 10px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.frame-help-grid>div>span{grid-row:1/3;width:28px;height:28px;border-radius:999px;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900}.frame-help-grid strong{font-size:13px}.frame-help-grid p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}
.return-queue{display:grid;gap:12px}.return-card{margin:0}.return-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:12px}.return-card-head h3{margin:7px 0 2px;font-size:22px}.return-card-head p{margin:0;color:var(--muted);font-size:11px}.return-form{display:grid;gap:12px}.return-explainer{padding:10px 12px;border-radius:11px;background:var(--bg);border:1px solid var(--line)}.return-explainer p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.return-components{display:grid;gap:1px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.return-component-row{display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:12px;padding:10px 12px;background:var(--panel);border-bottom:1px solid var(--line)}.return-component-row:last-child{border-bottom:0}.return-component-copy{display:flex;align-items:center;gap:10px;min-width:0}.return-component-copy>span{display:grid;gap:2px;min-width:0}.return-component-copy strong{font-size:12px}.return-component-copy small{font-size:10px;color:var(--muted)}.return-qty-label{display:grid;gap:4px;font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:800}.return-qty-label input{padding:8px 9px}.return-actions{display:grid;grid-template-columns:minmax(180px,1fr) auto auto auto;gap:8px;align-items:center}.return-actions input{min-width:0}
html[data-theme="dark"] .health-warning{background:#3a3015;color:#f1d17a}

/* Mobile: preserve desktop hierarchy, but stack actions and make navigation/stock usable by touch. */
@media(max-width:900px){
  .sidebar{padding:12px 12px 10px;background:var(--panel)}
  .brand{font-size:22px}.sidebar nav{margin-top:10px;gap:5px;padding-bottom:2px;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.sidebar nav a{padding:9px 10px;font-size:12px;flex:0 0 auto}
  .sidebar-bottom{display:block;margin-top:9px;padding-top:8px;border-top:1px solid var(--line)}
  .preference-form{max-width:none;grid-template-columns:1fr 1fr auto;align-items:end;padding:0;border:0}.preference-submit{height:36px}.preference-form label{min-width:0}.preference-form select{min-width:0}
  .content{padding:18px 12px 64px}.page-header{margin-bottom:16px}.page-header h1{font-size:30px;letter-spacing:-1px}.page-header.split{display:grid;gap:12px}.page-header.split>.button-row,.page-header.split>form{width:100%}.page-header.split>.button-row .button,.page-header.split>form .button{min-height:42px}
  .button-row{gap:7px}.button{min-height:40px}.button.tiny{min-height:36px}
  .panel{border-radius:14px;padding:14px}.stat{padding:13px 14px}.stat strong{font-size:24px}
  .stock-layout,.planner-layout{gap:12px}.vertical-tabs,.planner-tabs{display:flex!important;overflow-x:auto;gap:7px;padding-bottom:3px;scrollbar-width:none}.vertical-tabs::-webkit-scrollbar,.planner-tabs::-webkit-scrollbar{display:none}.vertical-tab{min-width:170px;flex:0 0 auto;padding:11px 12px}.vertical-tab small{display:none}.vertical-tab b{min-width:26px}
  .stock-tab-header{display:grid;gap:10px}.stock-tab-header>.button{justify-self:start}
  .inventory-summary{display:flex;overflow-x:auto;gap:8px;padding-bottom:3px;scrollbar-width:none}.inventory-summary>div{min-width:128px;flex:0 0 auto}.inventory-summary::-webkit-scrollbar{display:none}
  .analytics-header-actions,.analytics-controls{width:100%}.analytics-controls{display:grid!important;grid-template-columns:1fr 1fr}.analytics-controls .button{grid-column:1/-1}.forecast-explainer{overflow-x:auto;display:flex!important;gap:8px;padding-bottom:4px;scrollbar-width:none}.forecast-explainer>div{min-width:190px;flex:0 0 auto}.forecast-explainer .forecast-explainer-lead{min-width:240px}.forecast-explainer::-webkit-scrollbar{display:none}
  .decision-grid{grid-template-columns:1fr!important}.top-artworks-grid,.analytics-variant-grid{grid-template-columns:1fr 1fr}.analytics-grid-2{grid-template-columns:1fr}
  .production-size-board,.batch-size-board{scroll-snap-type:x proximity;grid-template-columns:repeat(4,minmax(82vw,1fr))!important}.production-size-lane{scroll-snap-align:start}
  .frame-order-header-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.frame-order-header-actions>form,.frame-order-header-actions>form .button,.frame-order-header-actions>.button{width:100%}
  .frame-order-grid{grid-template-columns:1fr!important}.frame-size-order-row{grid-template-columns:1fr 1fr!important}.frame-color-group-head{align-items:flex-start}.supplier-message-grid{grid-template-columns:1fr}
  .return-actions{grid-template-columns:1fr 1fr}.return-actions input{grid-column:1/-1}.return-actions .return-fill-max{grid-column:1/-1}
  .return-component-row{grid-template-columns:minmax(0,1fr) 110px}
}
@media(max-width:600px){
  .content{padding-left:8px;padding-right:8px}.panel{padding:12px}.page-header h1{font-size:27px}.page-header p{font-size:12px;line-height:1.45}
  .preference-form{grid-template-columns:1fr 1fr}.preference-submit{grid-column:1/-1;width:100%}
  .stat-grid,.analytics-kpis,.inventory-summary{grid-template-columns:1fr 1fr!important}.stat-grid{gap:8px}.stat{border-radius:12px;padding:11px 12px}.stat span{font-size:9px}.stat strong{font-size:22px}
  .top-artworks-grid,.analytics-variant-grid{grid-template-columns:1fr}.analytics-controls{grid-template-columns:1fr}.analytics-controls .button{grid-column:auto}
  .stock-group-head{padding:11px 12px}.stock-group-artwork{width:48px;height:48px}.grouped-stock-row{padding:10px 11px}.grouped-stock-name,.grouped-stock-available,.grouped-stock-levels{min-width:0}
  .frame-size-order-row{grid-template-columns:1fr!important;gap:8px}.color-order-total{text-align:left}
  .return-card-head{display:grid}.return-component-row{grid-template-columns:1fr}.return-qty-label{grid-template-columns:1fr 90px;align-items:center}.return-actions{grid-template-columns:1fr}.return-actions>*{grid-column:auto!important;width:100%}
  .frame-order-help-dialog{width:calc(100% - 14px)}.frame-help-head{padding:14px}.frame-help-grid{padding:12px}.frame-help-grid>div{grid-template-columns:30px minmax(0,1fr);padding:9px}
  .analytics-scroll-control{grid-template-columns:auto minmax(120px,1fr) auto}.planning-table th:first-child,.planning-table td:first-child{min-width:150px;max-width:190px}
}
@media(max-width:900px){.sidebar-bottom>form:last-child{display:block!important;margin-top:6px}.sidebar-bottom>form:last-child .link-button{display:inline-flex;padding:7px 2px;font-size:12px}}

/* v0.17.1 — persistent admin frame purchasing signal */
.admin-frame-alert{
  position:sticky;top:10px;z-index:35;display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin:0 0 14px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;
  background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(10px);
}
.admin-frame-alert-main{display:flex;align-items:flex-start;gap:10px;min-width:0}
.admin-frame-alert-dot{width:9px;height:9px;border-radius:50%;margin-top:6px;flex:0 0 auto;background:var(--muted)}
.admin-frame-alert-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.admin-frame-alert-copy>strong{font-size:14px;line-height:1.25}
.admin-frame-alert-copy>span{font-size:12px;color:var(--muted)}
.admin-frame-alert-items{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.admin-frame-alert-items span{font-size:11px;padding:4px 7px;border-radius:999px;background:var(--surface-2,rgba(127,127,127,.12));white-space:nowrap}
.admin-frame-alert-action{flex:0 0 auto;white-space:nowrap}
.admin-frame-alert.state-out_of_stock{border-color:color-mix(in srgb,#b91c1c 65%,var(--line));background:color-mix(in srgb,#b91c1c 14%,var(--panel));box-shadow:0 0 0 1px color-mix(in srgb,#b91c1c 16%,transparent)}
.admin-frame-alert.state-out_of_stock .admin-frame-alert-dot{background:#b91c1c}
.admin-frame-alert.state-critical{border-color:color-mix(in srgb,#dc2626 55%,var(--line));background:color-mix(in srgb,#dc2626 11%,var(--panel))}
.admin-frame-alert.state-critical .admin-frame-alert-dot{background:#dc2626}
.admin-frame-alert.state-overdue{border-color:color-mix(in srgb,#ef4444 50%,var(--line));background:color-mix(in srgb,#ef4444 9%,var(--panel))}
.admin-frame-alert.state-overdue .admin-frame-alert-dot{background:#ef4444}
.admin-frame-alert.state-order_today{border-color:color-mix(in srgb,#f97316 50%,var(--line));background:color-mix(in srgb,#f97316 9%,var(--panel))}
.admin-frame-alert.state-order_today .admin-frame-alert-dot{background:#f97316}
.admin-frame-alert.state-due_soon{border-color:color-mix(in srgb,#f59e0b 48%,var(--line));background:color-mix(in srgb,#f59e0b 8%,var(--panel))}
.admin-frame-alert.state-due_soon .admin-frame-alert-dot{background:#f59e0b}
.admin-frame-alert.state-upcoming{border-color:color-mix(in srgb,#eab308 38%,var(--line));background:color-mix(in srgb,#eab308 6%,var(--panel))}
.admin-frame-alert.state-upcoming .admin-frame-alert-dot{background:#eab308}
.admin-frame-alert.state-count_required{border-color:color-mix(in srgb,#f59e0b 36%,var(--line))}
.admin-frame-alert.state-count_required .admin-frame-alert-dot{background:#f59e0b}
.admin-frame-alert.state-healthy .admin-frame-alert-dot{background:#22c55e}
@media (max-width:760px){
  .admin-frame-alert{top:6px;align-items:stretch;flex-direction:column;gap:9px;padding:11px 12px}
  .admin-frame-alert-action{width:100%;text-align:center}
  .admin-frame-alert-items{overflow:hidden;max-height:56px}
}
/* Basit Kargo: labels are separate from warehouse picking and inventory. */
.shipping-panel{margin-top:18px}.shipping-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.shipping-check{display:flex;align-items:center;gap:9px}.shipping-check input[type=checkbox]{width:20px;height:20px;flex:0 0 20px}.shipping-order{display:grid;grid-template-columns:120px minmax(150px,1fr) minmax(240px,2fr);gap:16px;align-items:start;padding:16px 0;border-top:1px solid var(--border,#ddd)}.shipping-order small{display:block}.shipping-label-list>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.shipping-tariff{padding:12px 0;border-top:1px solid var(--border,#ddd)}.shipping-tariff summary{cursor:pointer;padding:8px}.shipping-tabs{margin-bottom:12px}#shipping-progress{margin-top:16px}#shipping-failures{padding-left:20px}.shipping-order code{overflow-wrap:anywhere}
@media(max-width:760px){.shipping-order{grid-template-columns:1fr;gap:9px}.shipping-toolbar{align-items:stretch}.shipping-toolbar>.button-row{width:100%}.shipping-toolbar button{flex:1;min-height:44px}.shipping-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.shipping-tabs>a{white-space:nowrap;flex-shrink:0}.shipping-check{min-height:36px}.shipping-label-list small{width:100%}}

/* Connected artwork/frame pills; expansion does not open order details. */
.order-card-summary{padding:14px;display:grid;grid-template-columns:minmax(210px,.75fr) minmax(360px,1.6fr) auto;align-items:center;gap:16px}
@media(max-width:1180px){.order-card-summary{grid-template-columns:minmax(170px,.65fr) minmax(260px,1.4fr) auto;gap:10px}}
@media(max-width:760px){.order-card-summary{grid-template-columns:minmax(0,1fr);gap:12px}.order-status-block{justify-items:start}}
.order-pills{display:flex;align-items:flex-start;flex-wrap:wrap;gap:6px;min-width:0}
.order-pill-group{display:grid;grid-template-columns:80px minmax(0,1fr);gap:7px;align-items:start}
.order-pill-group-label{font-size:10px;font-weight:700;color:var(--muted);padding-top:5px}
.artwork-frame-pill{display:inline-flex;flex-direction:row;align-items:stretch;max-width:100%;border-radius:6px;overflow:hidden;font-size:11.5px;line-height:1.35;flex:0 0 auto}
.artwork-frame-pill[hidden]{display:none}
.artwork-pill-title{padding:4px 7px;overflow-wrap:anywhere;min-width:0}
.artwork-pill-title strong{font-weight:650}.artwork-pill-title>span{font-weight:500}
.frame-pill-title{padding:4px 7px;font-size:11.5px;font-weight:600;white-space:nowrap;align-self:stretch}
.framed-pill{background:color-mix(in srgb,var(--frame-colour) 18%,var(--panel));color:var(--ink)}
.framed-pill .frame-pill-title{background:var(--frame-colour);color:var(--frame-ink)}
.black-frame-pill{background:#ededee;color:#222226;outline:.5px solid var(--line);outline-offset:-.5px}
.black-frame-pill .frame-pill-title{background:#38383c;color:#fff}
html[data-theme="dark"] .black-frame-pill{background:#0f0f11;color:#f3f2ee;outline-color:#414149}
html[data-theme="dark"] .black-frame-pill .frame-pill-title{background:#000;color:#fff}
.unframed-pill{background:#efedff;color:#47436b;border:0}
html[data-theme="dark"] .unframed-pill{background:#29283b;color:#dedcff}
.order-customer-name{overflow-wrap:anywhere;display:block;margin-top:4px;font-size:14px;font-weight:500;color:var(--muted);line-height:1.35}
.order-note-icon{font-size:16px;color:var(--muted)}
.shipping-order-identity{display:block}.shipping-view-order{font-size:13px;font-weight:600;color:var(--primary);text-decoration:none}
.order-customer-panel h3{font-size:13px;margin:18px 0 7px}.order-customer-panel address{font-size:14px;font-style:normal;line-height:1.6;margin-bottom:14px}
.customer-card-name{font-size:16px}.customer-order-index{font-size:13px;color:var(--primary)}
.order-note-content{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.5}
@media(max-width:480px){.order-pill-group{grid-template-columns:1fr;gap:5px}}
.pill-gift-label{font-weight:500}
.order-show-more{justify-self:start;font-size:12px;padding:3px 0}
.order-show-more[hidden]{display:none}
.shipping-sync-diagnostics{margin:12px 0;font-size:13px}
#shipping-progress[hidden],#shipping-open-print[hidden],#shipping-reload[hidden]{display:none}
.shipping-sync-diagnostics summary{cursor:pointer;font-weight:600}
.shipping-sync-diagnostics li{margin:6px 0;overflow-wrap:anywhere}
.shipping-order{border-color:var(--line);grid-template-columns:minmax(160px,1fr) minmax(150px,1fr) minmax(240px,2fr)}
.shipping-order .shipping-check{min-width:0}.shipping-order .shipping-check strong{overflow-wrap:anywhere}
@media(max-width:760px){.shipping-order{grid-template-columns:1fr}}
/* Customer hierarchy, operational badges and carton controls. */
.order-primary-name{font-size:16px;font-weight:800;overflow-wrap:anywhere}.order-secondary-number{display:block;font-size:14px;color:var(--muted);line-height:1.4}.order-badge-spot{display:flex;flex-wrap:wrap;gap:5px;margin:5px 0}.order-badge-spot .pill{gap:4px;text-transform:none;letter-spacing:0;font-size:11px;white-space:nowrap}.order-note-badge{background:#eceafb;color:#514c88}.order-comments-badge{background:#e8eef8;color:#3b5576}html[data-theme="dark"] .order-note-badge{background:#302c44;color:#d8cef9}html[data-theme="dark"] .order-comments-badge{background:#263344;color:#b9d2ee}.orders-more-row{display:flex;justify-content:center;padding:22px 0}.admin-frame-alert[hidden]{display:none!important}.frame-alert-close{border:0;background:transparent;color:inherit;font-size:25px;padding:5px 9px;cursor:pointer}.box-plan-list{display:grid;gap:9px;margin-bottom:14px}.box-plan-row{display:grid;gap:4px;padding:10px 12px;background:var(--bg);border-radius:10px;font-size:13px}.box-plan-row span{color:var(--muted);font-size:12px}.box-override,.timeline-draft{margin-top:14px}.box-override summary,.timeline-draft summary{cursor:pointer;color:var(--primary);font-weight:700;font-size:13px;margin-bottom:12px}.box-quantity-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.box-count-form{display:flex;gap:8px;align-items:center}.box-count-form input{width:100px}.box-movement-row{display:grid;gap:4px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.timeline-comment{border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:10px}.timeline-comment p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.timeline-draft label{display:grid;gap:7px;font-size:13px}.timeline-draft small{display:block;margin-top:8px}.shipment-box-panel .muted,.order-comments-panel>.muted{font-size:13px;line-height:1.5}
@media(max-width:480px){.box-quantity-grid{grid-template-columns:1fr}.order-primary-name{font-size:15px}}
.order-badge-spot .pill{display:inline-flex;align-items:center}.order-badge-spot .pill>span{display:inline;margin:0;font-size:inherit;color:inherit}
.order-identity .order-secondary-number{font-size:14px}

.order-badge-icon{width:12px;height:12px;flex:0 0 12px;display:block}.order-comments-panel .order-badge-icon{width:18px;height:18px}

.local-comment-form{margin-top:16px}.local-comment-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}.shopify-comments-section{margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}.order-comments-panel h3{margin:12px 0}.local-comment-form textarea{width:100%;box-sizing:border-box}

/* Compact order rows: customer then images; item pills and badges keep their columns. */
.order-card-summary{grid-template-columns:minmax(290px,1fr) minmax(250px,1.5fr) 112px auto;grid-template-areas:"identity items badges status";gap:14px;align-items:center}
.order-summary-main{grid-area:identity;align-items:center;gap:14px;min-width:0}.order-identity{flex:1;min-width:0}.order-summary-main .thumb-stack{flex:0 0 auto;max-width:146px;flex-wrap:nowrap;align-items:center}.order-summary-main .art-thumb{width:48px;height:48px;flex:0 0 48px}.order-summary-main .thumb-stack .art-thumb+.art-thumb{margin-left:-16px}
.order-component-summary{grid-area:items;padding-left:0}.order-badge-spot{grid-area:badges;margin:0;align-content:center;min-width:0}.order-badge-spot:empty{visibility:hidden}.order-status-block{grid-area:status;display:grid;justify-items:end}
.packing-mixed-notice{display:flex;align-items:flex-start;gap:7px;margin:10px 0;font-size:12px;line-height:1.5;color:var(--muted)}.packing-mixed-notice svg{width:15px;height:15px;flex:0 0 15px;margin-top:2px}.box-tracking-toggle{display:flex!important;align-items:center;gap:9px}.box-tracking-toggle input{width:18px;height:18px;flex:0 0 18px}
@media(max-width:1180px){.order-card-summary{grid-template-columns:minmax(245px,1fr) minmax(170px,1.3fr) 106px auto;gap:10px}.order-pill-group{grid-template-columns:1fr;gap:4px}.order-summary-main .art-thumb{width:42px;height:42px;flex-basis:42px}.order-summary-main .thumb-stack{max-width:126px}}
@media(max-width:980px){.order-card-summary{grid-template-columns:minmax(0,1fr) 112px auto;grid-template-areas:"identity badges status" "items items items"}.order-component-summary{padding-left:0}.order-pill-group{grid-template-columns:80px minmax(0,1fr)}.order-summary-main .thumb-stack{max-width:126px}.order-summary-main .order-primary-name{font-size:15px}}
@media(max-width:560px){.order-card-summary{padding:12px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"identity identity" "items items" "badges status";gap:12px}.order-summary-main .thumb-stack{max-width:126px}.order-pill-group{grid-template-columns:1fr;gap:4px}.order-badge-spot{align-self:center}.order-badge-spot .pill{font-size:10px;padding:5px 7px}.order-status-block{display:flex;gap:6px;align-items:center;justify-self:end}.order-status-block .pill{font-size:10px}.order-open-link{padding:6px 9px}}
.order-detail-sidebar{display:grid;gap:16px;align-content:start}.order-detail-sidebar>.panel{margin-bottom:0}.order-detail-sidebar .panel-head h2{margin-bottom:0}.order-detail-sidebar .panel-head{margin-bottom:12px}.order-detail-sidebar h3{font-size:13px;margin:12px 0 7px}.order-detail-sidebar p{font-size:13px;line-height:1.5}.order-detail-sidebar .button-row{gap:7px}.order-comments-panel .local-comment-form{margin-top:12px}.order-comments-panel .shopify-comments-section{margin-top:18px;padding-top:10px}.comment-help{margin-top:12px;font-size:12px;color:var(--muted)}.comment-help summary{cursor:pointer}.comment-help p{margin:8px 0}.order-notes-panel .form-stack{gap:8px}.order-refresh-result{margin-bottom:12px}

.label-folder-list{display:grid;gap:14px}.label-folder-list>.panel{margin:0}.label-folder h2{margin:4px 0 8px}.label-folder .panel-head{align-items:center;gap:12px}.label-folder-orders{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.label-folder-review{border-color:#b58c34}.label-folder .mini-label{overflow-wrap:anywhere}.label-folder-review p{font-size:13px;line-height:1.5}
@media(max-width:560px){.label-folder .panel-head{align-items:flex-start;flex-direction:column}}

/* Keep row columns untouched; center only the contents of the photo slot. */
.order-summary-main .thumb-stack{justify-content:center;transform:translateX(var(--photo-offset,0px))}
.order-summary-main .thumb-stack.has-more .art-thumb+.art-thumb{margin-left:-20px}
.art-thumb-more{display:flex;align-items:center;justify-content:center;position:relative;width:28px;height:36px;flex:0 0 28px;margin-left:-14px;border-radius:7px;background:var(--panel);border:1px solid var(--line);box-sizing:border-box;color:var(--muted);font-size:11px;font-weight:800;text-decoration:none;box-shadow:0 0 0 2px var(--panel)}
.order-badge-spot button.pill{border:0;cursor:pointer;font-family:inherit;font-weight:700;line-height:inherit}
.order-badge-spot button.pill:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
.order-text-preview{position:fixed;inset:auto;margin:0;width:330px;max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);box-sizing:border-box;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);box-shadow:0 9px 28px #0002;font-family:inherit;font-size:13px;overflow:auto}
.order-text-preview::backdrop{background:transparent}
.order-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:8px}
.order-preview-head strong{font-size:13px}.order-preview-close{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:22px;padding:0 3px;line-height:1}
.order-preview-body{max-height:250px;overflow:auto}.order-preview-body p{white-space:pre-wrap;overflow-wrap:anywhere;margin:3px 0 10px;line-height:1.5}.order-preview-comment+.order-preview-comment{border-top:1px solid var(--line);padding-top:9px}.order-preview-comment .muted{font-size:11px}.order-preview-link{display:inline-block;margin-top:5px;font-size:12px}
@media(max-width:1180px){.order-summary-main .thumb-stack.has-more .art-thumb+.art-thumb{margin-left:-19px}.art-thumb-more{width:28px;flex-basis:28px;height:32px}}

.label-box-section{margin:25px 0}.label-box-section-title{display:flex;align-items:center;gap:9px;font-size:17px;margin:0 0 12px}.label-box-icon{width:26px;height:26px;flex:0 0 26px}.print-box-icon{color:var(--muted)}

/* Compact marketplace rail; existing order columns retain their own layout. */
.channel-shell{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:start}
.channel-content{min-width:0}.channel-rail{position:sticky;top:20px;display:flex;flex-direction:column;gap:14px;padding-top:6px}
.channel-icon{position:relative;display:flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:10px;background:var(--panel,#fff);border:1px solid transparent;text-decoration:none;box-shadow:none;padding:5px}
.channel-icon img{display:block;width:23px;height:23px;object-fit:contain}.channel-icon.active{background:var(--surface-2,#f2f1fe);border-color:var(--primary,#6367ff)}
.channel-icon:hover{background:var(--surface-2,#f2f1fe)}.channel-icon.disabled{filter:grayscale(1);opacity:.35;cursor:default}
.channel-count{position:absolute;right:-5px;top:-7px;min-width:16px;height:16px;padding:0 3px;border-radius:8px;background:var(--primary,#6367ff);color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center}
.marketplace-mapping{padding:16px 0;border-bottom:1px solid var(--border,#eee)}.marketplace-map-form{margin-top:12px}.mapping-results{display:grid;gap:6px;margin:8px 0;max-height:290px;overflow:auto}
.marketplace-match-head{flex-wrap:wrap}.marketplace-match-counts{display:flex;flex-wrap:wrap;gap:8px}.marketplace-mapping summary{overflow-wrap:anywhere}.marketplace-match-reason{font-size:13px;line-height:1.5}
.mapping-result{display:block;width:100%;text-align:left;border:1px solid var(--border,#ddd);border-radius:8px;background:var(--panel,#fff);color:inherit;padding:10px;cursor:pointer;font:inherit}.mapping-result[aria-checked=true]{border-color:var(--primary,#6367ff)}
.marketplace-label-upload{margin-top:12px}.marketplace-label-upload form{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-top:12px}.marketplace-label-upload input[type=file]{max-width:270px}
.label-group-selection-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0}.label-group-checkbox{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-weight:500}.label-link-pending{opacity:.4;cursor:wait}
.status-needs_mapping{background:#fff1cf;color:#795214}
[data-theme=dark] .channel-icon{background:#242431}[data-theme=dark] .channel-icon.active{background:#363449}[data-theme=dark] .mapping-result{background:#242431}
@media(max-width:640px){.channel-shell{grid-template-columns:34px minmax(0,1fr);gap:7px}.channel-icon{width:32px;height:32px;border-radius:9px}.channel-icon img{width:21px;height:21px}.channel-count{right:-3px}}

.label-group-checkbox input,.label-group-selection-bar input{width:auto}.label-group-selection-bar label{display:flex;align-items:center;gap:8px}
.label-group-checkbox[hidden],.label-group-selection-bar[hidden]{display:none!important}
#native-render-retry[hidden]{display:none!important}

#label-print-selected{gap:5px}

/* Official SVG silhouette inherits a theme-specific logo colour. */
.brand{display:flex;align-items:center;gap:9px;flex-wrap:nowrap}
.brand .brand-logo{display:inline-block;width:134px;height:42px;flex:0 0 134px;background:#000;-webkit-mask:url('/static/illustro-logo.svg') center/contain no-repeat;mask:url('/static/illustro-logo.svg') center/contain no-repeat}
.brand .brand-ops{display:inline-block;font-size:15px;line-height:1;font-weight:600;letter-spacing:0;color:var(--muted)}
html[data-theme="dark"] .brand-logo{background:#fff}
.brand.large .brand-logo{width:160px;height:50px;flex-basis:160px}
.refresh-indicator{font-size:12px;line-height:1.5;color:var(--muted);padding:6px 0}
.pdf-review-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(260px,2fr) auto;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
.pdf-review-form{display:grid;grid-template-columns:minmax(180px,1fr) 100px;gap:10px;align-items:end}
.pdf-review-form .check,.pdf-replacement{grid-column:1/-1}
.pdf-review-form label{display:grid;gap:5px}
.pdf-review-form .check{display:flex}
.pdf-review-pagination{display:flex;gap:8px;margin-top:14px}
@media(max-width:760px){.pdf-review-row{grid-template-columns:1fr}.pdf-review-form{grid-template-columns:minmax(140px,1fr) 100px}.brand .brand-logo{width:112px;flex-basis:112px}}

.order-navigation{display:flex;align-items:center;gap:7px}.order-navigation a[aria-disabled=true]{opacity:.35;pointer-events:none}.order-navigation .button{min-width:36px;text-align:center;font-size:19px}[data-navigation-warning][hidden]{display:none}

/* v0.30: constrain the page, not the contents of useful scrolling widgets. */
.shell{grid-template-columns:220px minmax(0,1fr)}
.content,.panel,.channel-content,.stock-main,.planner-main,.batch-detail-layout>*,.two-col>*,.stat{min-width:0}
.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.account-menu>summary{display:none}
.login-card{min-width:0}.login-credentials{display:grid;gap:16px;min-width:0}.login-language{display:flex;justify-content:flex-end;gap:8px}.login-language label{max-width:150px}.login-language select{min-width:0}
@media(max-width:900px){
  .shell{display:block;min-width:0}.sidebar{position:static;width:100%;height:auto;min-width:0}.sidebar>nav{min-width:0;max-width:100%}
  .content{min-width:0;max-width:100%;padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}
  .channel-shell{grid-template-columns:minmax(0,1fr);gap:14px}
  .channel-rail{position:static;top:auto;display:flex;flex-direction:row;gap:14px;padding:9px 6px 2px;align-items:center;min-width:0}
  .channel-icon{flex:0 0 38px;width:38px;height:38px;border-radius:10px}.channel-icon img{width:23px;height:23px}
  .channel-content{width:100%;min-width:0}
  .sidebar-bottom{position:fixed;inset:auto 12px calc(10px + env(safe-area-inset-bottom,0px));z-index:70;display:block;margin:0;padding:0;border:0}
  .account-menu{position:relative;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--ink);box-shadow:0 3px 20px #0002}
  .account-menu>summary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;cursor:pointer;list-style:none;font-size:13px;font-weight:700}
  .account-menu>summary::-webkit-details-marker{display:none}
  .account-menu-content{position:absolute;bottom:calc(100% + 8px);left:-1px;right:-1px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--ink);box-shadow:0 8px 28px #0003;max-height:70dvh;overflow-y:auto}
  .account-menu-content .preference-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:12px}
  .account-menu-content .preference-submit{grid-column:1/-1;height:40px}
  .account-menu-content .user-chip{display:grid;padding:14px 0 6px}.account-menu-content .link-button{min-height:44px;padding:8px 0;width:100%;text-align:left}
  .account-menu[open]>summary{color:var(--primary)}
  .stock-layout,.planner-layout,.two-col,.batch-detail-layout{grid-template-columns:minmax(0,1fr)}
  .stock-layout>*,.planner-layout>*,.stat-grid>*,.analytics-grid-2>*,.production-size-lane,.panel-head>*{min-width:0}
  .vertical-tabs,.planner-tabs,.inventory-summary,.forecast-explainer{max-width:100%;min-width:0}
  .production-size-board,.batch-size-board{max-width:100%;min-width:0;overflow-x:auto;grid-template-columns:repeat(4,minmax(min(280px,75vw),1fr))!important}
  .page-header,.panel-head,.stock-tab-header,.shipping-toolbar{flex-wrap:wrap;gap:12px;min-width:0}
  .page-header h1{overflow-wrap:anywhere;line-height:1.12}
  .order-navigation{flex-wrap:wrap;max-width:100%}
  .order-card-summary,.order-card-summary>*,.order-component-summary,.order-pill-group,.order-pill-items,.order-summary-main,.order-identity{min-width:0}
  .order-pill-item{max-width:100%}.order-pill-artwork,.order-pill-frame{overflow-wrap:anywhere}
  .shipping-order,.shipping-order>*,.shipping-label-list,.shipping-order-identity{min-width:0}
  .shipping-label-list>div{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.shipping-label-list code{overflow-wrap:anywhere;max-width:100%}
  .shipping-toolbar{display:flex;align-items:flex-start}.shipping-toolbar .button-row{width:100%;flex-wrap:wrap}
  .shipping-tabs,.order-tabs{max-width:100%;min-width:0}
  .form-stack,.form-stack label,.form-stack input,.form-stack select,.form-stack textarea,.settings-form,.settings-group{min-width:0;max-width:100%}
  .quick-forms{min-width:0}.quick-forms form{grid-template-columns:60px minmax(0,1fr) auto}
  .settings-list dd,.marketplace-mapping summary,.pdf-review-row>div{white-space:normal;overflow-wrap:anywhere}
  .user-row{flex-wrap:wrap;gap:10px;min-width:0}
  .component,.component-info,.component-first-line-copy,.box-plan-row,.local-comment-meta{min-width:0;overflow-wrap:anywhere}
  .frame-order-grid,.analytics-grid-2,.decision-grid,.supplier-message-grid{min-width:0}
  input,select,textarea{min-width:0;max-width:100%;font-size:16px}
  input[type=file]{width:100%;min-width:0}
}
@media(max-width:560px){
  .pdf-review-form,.box-quantity-grid,.batch-qty-grid,.frame-size-order-row{grid-template-columns:minmax(0,1fr)!important}
  .pdf-review-form .check,.pdf-review-form button,.pdf-review-form .pdf-replacement{grid-column:1/-1}
  .top-artworks-grid,.analytics-variant-grid,.method-grid{grid-template-columns:minmax(0,1fr)}
  .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stat span{overflow-wrap:anywhere}
  .login-wrap{padding:14px}.login-card{width:100%;max-width:420px;padding:22px}
  .order-pill-group{grid-template-columns:minmax(0,1fr)}
  .order-status-block{flex-wrap:wrap;min-width:0}
  .shipping-toolbar .button-row .button{flex:1 1 130px}
}

@media(max-width:900px){
 .planner-context-strip p{min-width:0;flex-basis:100%}
 .mix-row,.frame-mix-row{grid-template-columns:minmax(70px,100px) minmax(0,1fr) 42px}
 .analytics-controls select,.analytics-filters select,.bulk-actions select,.bulk-inline-label select{min-width:0;max-width:100%}
 .classification-cards>*,.rank-row>*,.action-row>*,.decision-card>*{min-width:0;overflow-wrap:anywhere}
 .orders-list-head,.orders-list-actions{flex-wrap:wrap;min-width:0;gap:8px}
 .label-group-selection-bar{flex-wrap:wrap}
}

@media(max-width:900px){.panel pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}}