:root{
  --primary:#F6821F;
  --primary-hover:#D66B14;
  --primary-soft:#FFF4EA;
  --text:#1D1D1F;
  --text-2:#5F6067;
  --text-3:#9CA3AF;
  --canvas:#F7F7F8;
  --surface:#FFFFFF;
  --soft:#FAFAFA;
  --hover:#F4F4F5;
  --border:#E5E5E5;
  --border-2:#D4D4D4;
  --success:#16A34A;
  --warning:#D97706;
  --danger:#DC2626;
  --info:#3E74FF;
  --sidebar:68px;
  --radius:8px;
  --shadow:0 1px 2px rgba(0,0,0,.05);
  --popover:0 14px 34px rgba(0,0,0,.13);
  --font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
}
*{box-sizing:border-box}
html,body{min-height:100%}
body{margin:0;background:var(--canvas);color:var(--text);font:13px/1.45 var(--font);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
.hidden{display:none!important}
.logo-fit{display:block;max-width:100%;max-height:100%;object-fit:contain}

/* Auth */
.auth-screen{min-height:100vh;background:#fff}
.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(420px,46%) minmax(520px,54%)}
.auth-left{display:flex;flex-direction:column;min-height:100vh;padding:28px 42px}
.auth-topbrand{height:40px}.auth-topbrand img{width:48px;height:34px}
.auth-form-wrap{width:min(390px,100%);margin:auto;padding:30px 0 90px}
.auth-heading{margin-bottom:24px}.auth-heading h2{margin:0 0 6px;font-size:28px;line-height:1.2;font-weight:650;letter-spacing:-.035em}.auth-heading p{margin:0;color:var(--text-2)}
.auth-form{display:grid;gap:13px}
.password-field{position:relative}.password-field input{padding-right:42px!important}
.input-icon-btn{position:absolute;right:4px;top:4px;width:32px;height:28px;border:0;background:transparent;color:var(--text-3);display:grid;place-items:center;border-radius:5px}
.input-icon-btn:hover{background:var(--hover);color:var(--text)}.input-icon-btn svg{width:16px;height:16px}
.remember-row,.checkbox{display:flex;align-items:center;gap:7px;color:var(--text-2);font-size:11px;cursor:pointer}.remember-row input,.checkbox input{accent-color:var(--primary)}
.auth-submit{width:100%}
.auth-visual{min-height:100vh;background:#050506;display:flex;align-items:center;justify-content:center;overflow:hidden}
.login-map-image{display:block;max-width:86%;max-height:92vh;object-fit:contain}

/* Shell + nav */
.shell{min-height:100vh;padding-left:var(--sidebar)}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);z-index:50;background:var(--soft);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:visible}
.sidebar-head{height:56px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border)}
.brand-home{width:42px;height:42px;border:0;background:transparent;display:grid;place-items:center;padding:0;border-radius:7px}.brand-home:hover{background:var(--hover)}.brand-home img{width:34px;height:26px}.brand-copy{display:none}
.nav{display:grid;gap:3px;padding:10px 8px;overflow:visible}
.nav-btn{position:relative;width:42px;height:42px;border:0;background:transparent;border-radius:7px;display:flex;align-items:center;justify-content:center;color:var(--text-2);margin:auto;padding:0}
.nav-btn svg{width:18px;height:18px;stroke-width:1.8}.nav-btn:hover{background:var(--hover);color:var(--text)}.nav-btn.active{background:var(--primary-soft);color:var(--primary)}
.nav-label{display:none}
.nav-btn::after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%,4px);padding:5px 7px;background:#1D1D1F;color:#fff;font-size:10px;border-radius:5px;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:.14s ease;box-shadow:0 5px 15px rgba(0,0,0,.15);z-index:100}
.nav-btn:hover::after,.nav-btn:focus-visible::after{opacity:1;visibility:visible;transform:translate(-50%,0)}
.sidebar-footer{margin-top:auto;padding:8px;border-top:1px solid var(--border);display:flex;justify-content:center}
.sidebar-overlay{display:none}

.main{min-width:0;min-height:100vh}
.topbar{position:sticky;top:0;z-index:40;height:56px;padding:0 22px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--border);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;gap:16px}
.topbar-left,.topbar-right{display:flex;align-items:center;gap:7px}
.breadcrumb-current{font-size:11px;font-weight:500;color:var(--text-2)}
.topbar-logo{display:none;width:32px;height:32px;border:0;background:transparent;padding:3px;align-items:center;justify-content:center}.topbar-logo img{width:27px;height:21px;object-fit:contain}
.mobile-menu-btn,.mobile-search-btn{display:none}
.top-search{width:min(620px,52vw);height:34px;border:1px solid var(--border);background:#fff;border-radius:6px;display:flex;align-items:center;gap:7px;padding:0 8px}
.top-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(246,130,31,.12)}
.top-search svg{width:15px;height:15px;color:var(--text-3)}.top-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:11px}.top-search kbd{font:9px var(--font);color:var(--text-3);border:1px solid var(--border);background:var(--soft);border-radius:4px;padding:1px 4px}
.mobile-search-bar{position:sticky;top:56px;z-index:39;height:48px;background:#fff;border-bottom:1px solid var(--border);padding:7px 10px;display:flex;align-items:center;gap:7px}
.mobile-search-bar>svg{width:14px;height:14px;color:var(--text-3)}.mobile-search-bar input{flex:1;min-width:0;border:0;outline:0;font-size:11px}

.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:16px 22px 11px}.page-head h1{margin:0;font-size:23px;line-height:1.2;font-weight:650;letter-spacing:-.03em}.page-head p{margin:4px 0 0;color:var(--text-2);font-size:11px}.page-actions{display:flex;align-items:center;gap:6px}
.view{display:none;padding:0 22px 28px}.view.active{display:block}

/* Controls */
.btn,.control,.icon-btn{border:1px solid var(--border-2);background:#fff;border-radius:6px;transition:.15s ease}
.btn{min-height:31px;padding:5px 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:10.5px;font-weight:550}.btn svg{width:14px;height:14px}.btn:hover,.icon-btn:hover{background:var(--hover)}
.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}
.btn-secondary{background:#fff}.btn-small{min-height:27px;padding:4px 7px;font-size:10px}
.icon-btn{width:31px;height:31px;padding:0;display:grid;place-items:center}.icon-btn svg{width:14px;height:14px}
.control{height:31px;padding:0 8px;font-size:10.5px;outline:0}
.field{display:grid;gap:4px}.field label{font-size:10px;font-weight:500;color:var(--text-2)}
.field input,.field select,.field textarea{width:100%;min-height:31px;border:1px solid var(--border-2);background:#fff;border-radius:5px;padding:5px 8px;font-size:10.5px;outline:0}
.field input:focus,.field select:focus,.field textarea:focus,.control:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(246,130,31,.12)}

/* Cards / common */
.card{background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);padding:13px}
.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.section-head h3,.card>h3{margin:0;font-size:13px;line-height:1.3;font-weight:650}.section-sub{margin-top:2px;font-size:10px;color:var(--text-3)}
.empty{padding:24px 10px;text-align:center;color:var(--text-3);font-size:11px}.muted{color:var(--text-3);font-size:10px}
.grid-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.kpi-card{padding:13px}.kpi-card>span{display:block;font-size:10px;color:var(--text-2)}.kpi-card>strong{display:block;margin-top:5px;font-size:23px;line-height:1.1;letter-spacing:-.03em}.kpi-card>small{display:block;margin-top:6px;color:var(--text-3);font-size:9.5px}
.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:9px}.dashboard-grid-main{grid-template-columns:minmax(0,1.65fr) minmax(280px,.7fr)}.span-2{grid-column:span 2}

/* Overview charts */
.trend-chart{min-height:280px}.trend-chart svg{display:block;width:100%;height:240px}.trend-chart text{font-size:9px;fill:var(--text-3)}.axis{stroke:var(--border)}.bar-out{fill:var(--primary)}.bar-in{fill:#FFD3AD}.stock-line{fill:none;stroke:#1D1D1F;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.chart-legend{display:flex;gap:14px;justify-content:flex-end;font-size:9.5px;color:var(--text-2);margin-bottom:4px}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:10px;height:3px;border-radius:3px;display:block}.legend-out{background:var(--primary)}.legend-in{background:#FFD3AD}.legend-stock{background:#1D1D1F}
.health-list{display:grid;gap:2px}.health-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border)}.health-row:last-child{border-bottom:0}.health-row>div{display:flex;align-items:center;gap:7px}.health-row strong{font-size:10.5px;font-weight:550}.health-row b{font-size:12px}.health-row span:last-child{font-size:9px;color:var(--text-3)}.health-dot{width:7px;height:7px;border-radius:50%;background:var(--text-3)}.health-dot.good{background:var(--success)}.health-dot.warn{background:#F59E0B}.health-dot.bad{background:var(--danger)}.health-dot.info{background:var(--info)}.health-dot.gray{background:#A1A1AA}
.rank-list{display:grid}.rank-row{display:grid;grid-template-columns:24px 34px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid var(--border)}.rank-row:last-child{border-bottom:0}.rank-row img,.rank-placeholder{width:34px;height:34px;border-radius:6px;object-fit:cover;background:var(--soft)}.rank-no{font-size:9.5px;color:var(--text-3)}.rank-copy{min-width:0}.rank-copy strong{display:block;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-copy span{display:block;margin-top:1px;font-size:9px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-row>b{font-size:10px;text-align:right}
.risk-list{display:grid}.risk-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.risk-row:last-child{border-bottom:0}.risk-row strong{display:block;font-size:10.5px}.risk-row span{display:block;color:var(--text-3);font-size:9px;margin-top:2px}.risk-row>div:last-child{text-align:right}.risk-row>div:last-child>b{display:block;font-size:11px;margin-bottom:3px}
.status-label{display:inline-flex!important;align-items:center!important;gap:5px!important;border:1px solid var(--border);background:#fff;border-radius:4px;padding:2px 5px;font-size:8.5px!important;font-weight:550;color:var(--text-2)!important;margin:0!important}.status-dot{width:5px!important;height:5px!important;border-radius:50%;background:var(--text-3);margin:0!important}.status-label.good .status-dot{background:var(--success)}.status-label.warn .status-dot{background:#F59E0B}.status-label.bad .status-dot{background:var(--danger)}.status-label.info .status-dot{background:var(--info)}
.quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.quality-item{border:1px solid var(--border);border-radius:6px;padding:9px;background:var(--soft);display:flex;justify-content:space-between;gap:8px}.quality-item span{font-size:9.5px;color:var(--text-2)}.quality-item strong{font-size:12px}.quality-item.has-issue{border-left:3px solid var(--warning)}
.inventory-picture{display:grid;gap:8px}.picture-row{display:grid;grid-template-columns:130px minmax(0,1fr) 54px;gap:8px;align-items:center}.picture-row>span{font-size:9.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picture-bar{height:7px;border-radius:999px;background:#F1F1F2;overflow:hidden}.picture-bar i{display:block;height:100%;background:var(--primary);border-radius:999px}.picture-row strong{text-align:right;font-size:9.5px}

/* Matrix */
.matrix-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:9px}.matrix-toolbar-left{display:flex;align-items:end;gap:7px;flex-wrap:wrap}.compact-field{min-width:130px}.matrix-legend{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--text-3)}.heat-dot{width:10px;height:10px;border-radius:3px;background:rgba(246,130,31,.08)}.heat-dot.mid{background:rgba(246,130,31,.18)}.heat-dot.high{background:rgba(246,130,31,.34)}
.matrix-card{padding:0;overflow:hidden}.product-matrix{overflow:auto;max-height:calc(100vh - 190px)}.matrix-grid{display:grid;grid-template-columns:280px repeat(var(--month-count),96px);min-width:max-content}.matrix-corner,.matrix-month,.matrix-label,.matrix-cell{border-right:1px solid var(--border);border-bottom:1px solid var(--border);min-height:38px;display:flex;align-items:center}.matrix-corner,.matrix-month{position:sticky;top:0;z-index:7;background:var(--soft);font-size:9.5px;font-weight:600}.matrix-corner{left:0;z-index:9;padding:0 11px}.matrix-month{justify-content:center}.matrix-label{position:sticky;left:0;z-index:5;background:#fff;padding:5px 9px;gap:6px;min-width:280px}.matrix-label.product{background:#FCFCFC;font-weight:650}.matrix-label.color{padding-left:24px}.matrix-label.size{padding-left:46px;color:var(--text-2)}.matrix-label strong{display:block;font-size:9.7px;max-width:205px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.matrix-label span{display:block;font-size:8.5px;color:var(--text-3);margin-top:1px}.matrix-toggle{width:22px;height:22px;display:grid;place-items:center;border:0;background:transparent;border-radius:4px;padding:0;flex:0 0 auto}.matrix-toggle:hover{background:var(--hover)}.matrix-toggle svg{width:12px;height:12px}.matrix-spacer{width:22px}.matrix-thumb{width:28px;height:28px;object-fit:cover;border-radius:5px;flex:0 0 auto}.matrix-cell{justify-content:flex-end;padding:0 8px;font-size:9.5px;font-variant-numeric:tabular-nums;background:rgba(246,130,31,calc(.035 + var(--heat)*.28))}.matrix-cell.product{font-weight:650}.matrix-cell.color{font-weight:500}

/* Filters / tables */
.filters-card{padding:10px;margin-bottom:9px}.restock-filters{display:grid;grid-template-columns:160px minmax(220px,1fr) 180px;gap:7px}
.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:7px}table{width:100%;border-collapse:collapse;min-width:860px;font-size:10px}th,td{padding:8px 9px;text-align:left;vertical-align:middle;border-bottom:1px solid var(--border)}th{position:sticky;top:0;z-index:2;background:var(--soft);font-size:9px;color:var(--text-2);font-weight:600;white-space:nowrap}tbody tr:hover{background:#FCFCFC}tbody tr:last-child td{border-bottom:0}.action-copy{font-size:8.5px;color:var(--text-3);margin-top:3px}.priority-no{font-size:9px;color:var(--text-3)}
.pagination{display:flex;align-items:center;gap:4px;padding-top:9px;min-height:34px}.page-btn{height:27px;min-width:27px;padding:0 6px;border:1px solid var(--border);background:#fff;border-radius:5px;font-size:9.5px}.page-btn.active{background:var(--text);border-color:var(--text);color:#fff}.page-btn:disabled{opacity:.35;cursor:default}.page-btn svg{width:12px;height:12px}.page-gap{color:var(--text-3)}.page-info{margin-left:auto;font-size:9px;color:var(--text-3)}

/* Products */
.products-toolbar{display:flex;align-items:end;gap:12px}.products-toolbar .field{width:min(420px,100%)}.products-list{display:grid;gap:9px}.product-card{background:#fff;border:1px solid var(--border);border-radius:8px;padding:12px}.product-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.product-card-head h3{margin:0;font-size:13px}.product-card-head span{display:block;margin-top:2px;color:var(--text-3);font-size:9.5px}.product-settings{display:grid;grid-template-columns:minmax(160px,1fr) repeat(3,110px);gap:7px;margin-top:10px;padding:9px;background:var(--soft);border-radius:7px}.product-settings label{display:grid;gap:3px;font-size:9px;color:var(--text-2)}.product-settings input{height:29px;border:1px solid var(--border-2);border-radius:5px;background:#fff;padding:4px 7px;font-size:10px}
.color-list{display:grid;gap:7px;margin-top:9px}.color-row{display:grid;grid-template-columns:74px minmax(0,1fr);gap:10px;padding:8px;border:1px solid var(--border);border-radius:7px}.color-image-wrap{position:relative;width:74px;height:74px}.color-image-wrap>img,.color-image-empty{width:74px;height:74px;object-fit:cover;border-radius:6px;background:var(--soft);display:grid;place-items:center;color:var(--text-3)}.color-image-empty svg{width:20px;height:20px}.image-upload-btn{position:absolute;right:4px;bottom:4px;width:24px;height:24px;border-radius:5px;background:rgba(255,255,255,.92);border:1px solid var(--border);display:grid;place-items:center;cursor:pointer}.image-upload-btn svg{width:12px;height:12px}.image-upload-btn input{display:none}.color-title{display:flex;align-items:center;gap:7px}.color-title strong{font-size:11px}.color-title i{width:10px;height:10px;border-radius:50%;border:1px solid var(--border)}.variant-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.variant-chips>span{position:relative;min-width:72px;border:1px solid var(--border);border-radius:6px;padding:5px 6px;background:#fff}.variant-chips b{display:block;font-size:9.5px}.variant-chips small{display:block;color:var(--text-3);font-size:8px;margin-top:1px}.variant-chips em{position:absolute;right:4px;top:4px;font-style:normal;font-size:7px;color:var(--warning)}.variant-chips>span.review{border-color:#F7C37D;background:#FFFBEB}

/* Upload */
.upload-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.55fr);gap:9px}.upload-controls{display:flex;align-items:end;gap:12px;margin-bottom:10px}.upload-controls .field{width:180px}.dropzone{border:1px dashed var(--border-2);border-radius:8px;background:var(--soft);padding:26px;text-align:center;transition:.15s}.dropzone.drag{border-color:var(--primary);background:var(--primary-soft)}.dropzone input{display:none}.drop-icon{color:var(--primary);margin-bottom:7px}.drop-icon svg{width:24px;height:24px}.dropzone h3{margin:0;font-size:12px}.dropzone p{margin:4px 0 10px;color:var(--text-3);font-size:9.5px}.validation{display:grid;gap:9px;margin-top:10px}.validation-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.validation-summary>div{border:1px solid var(--border);border-radius:6px;padding:8px;background:#fff}.validation-summary span{display:block;color:var(--text-3);font-size:8.5px}.validation-summary strong{display:block;margin-top:2px;font-size:14px}.issue-list{display:grid;gap:4px;max-height:180px;overflow:auto}.issue{padding:6px 7px;border:1px solid var(--border);border-radius:5px;font-size:9px;background:var(--soft)}.issue.error{border-left:3px solid var(--danger)}.issue.warning{border-left:3px solid var(--warning)}.issue.good{border-left:3px solid var(--success)}.formula-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.formula-cards>div{border:1px solid var(--border);border-radius:6px;padding:8px}.formula-cards span{font-size:8.5px;color:var(--text-2)}.formula-cards strong{display:block;font-size:16px;margin-top:2px}.formula-cards small{display:block;margin-top:2px;font-size:8px;color:var(--text-3)}.review-badge,.ok-badge{display:inline-block;border-radius:4px;padding:2px 4px;font-size:7.5px}.review-badge{background:#FFF7ED;color:#C2410C}.ok-badge{background:#F0FDF4;color:#15803D}.upload-actions{display:flex;justify-content:flex-end}.upload-helper h3{margin-top:0}.helper-row{display:flex;gap:8px;padding:9px 0;border-bottom:1px solid var(--border)}.helper-row:last-child{border-bottom:0}.helper-row>svg{width:16px;height:16px;color:var(--text-3);flex:0 0 auto}.helper-row strong{display:block;font-size:10px}.helper-row span{display:block;margin-top:2px;font-size:9px;color:var(--text-3)}.import-history{display:grid}.history-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--border)}.history-row:last-child{border-bottom:0}.history-row strong,.history-row b{display:block;font-size:10px}.history-row span{display:block;margin-top:1px;color:var(--text-3);font-size:8.5px;text-align:right}

/* Intelligence + Ada */
.intelligence-hero{margin-bottom:9px}.ai-insight-empty,.ai-insight-output{padding:10px;border:1px solid var(--border);background:var(--soft);border-radius:6px;color:var(--text-2);font-size:10.5px;white-space:pre-wrap;line-height:1.6}.ai-insight-output{color:var(--text)}.insight-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid var(--border)}.insight-row:last-child{border-bottom:0}.insight-row strong{font-size:10px}.insight-row span{font-size:9px;color:var(--text-3);text-align:right}
.ada-fab{position:fixed;right:18px;bottom:18px;z-index:70;border:1px solid var(--border);background:#fff;border-radius:999px;box-shadow:var(--popover);height:44px;padding:0 12px;display:flex;align-items:center;gap:7px}.ada-fab img{width:29px;height:22px;object-fit:contain}.ada-fab span{font-size:10px;font-weight:600}.ada-proactive{position:fixed;right:18px;bottom:72px;z-index:69;width:min(280px,calc(100vw - 28px));background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:9px 32px 9px 11px;box-shadow:0 10px 30px rgba(0,0,0,.15);display:flex;flex-direction:column;gap:2px}.ada-proactive strong{font-size:11.5px}.ada-proactive span{font-size:9.5px;color:var(--text-3);display:flex;align-items:center;gap:4px}.ada-proactive span svg{width:11px;height:11px;color:var(--success);fill:var(--success)}.ada-proactive-close{position:absolute;right:6px;top:6px;width:23px;height:23px;border:0;border-radius:50%;background:#F1F1F2;display:grid;place-items:center}.ada-proactive-close svg{width:12px;height:12px}
.ai-panel{position:fixed;right:18px;bottom:70px;width:min(400px,calc(100vw - 24px));z-index:80;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:var(--popover);overflow:hidden}.ai-head{height:52px;padding:0 10px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.ada-head{display:flex;align-items:center;gap:7px}.ada-head img{width:30px;height:22px}.ada-head strong{display:block;font-size:11px}.ada-head div div{font-size:8.5px;color:var(--text-3)}.ai-head-actions{display:flex;gap:3px}.ai-history-drawer{max-height:180px;overflow:auto;border-bottom:1px solid var(--border);padding:7px}.ai-history-drawer button{width:100%;border:0;background:transparent;border-radius:5px;padding:6px;text-align:left;display:flex;justify-content:space-between;gap:8px}.ai-history-drawer button:hover,.ai-history-drawer button.active{background:var(--hover)}.ai-history-drawer strong{font-size:9px}.ai-history-drawer span{font-size:8px;color:var(--text-3)}.ai-body{height:330px;overflow:auto;padding:9px;background:var(--canvas)}.ada-greeting{padding:9px;border:1px solid var(--border);background:#fff;border-radius:7px}.ada-greeting strong{display:block;font-size:10px}.ada-greeting span{display:block;margin-top:2px;font-size:9px;color:var(--text-3)}.suggestion-row{display:flex;gap:4px;flex-wrap:wrap;margin-top:7px}.suggestion-row button{border:1px solid var(--border);background:#fff;border-radius:5px;padding:4px 6px;font-size:8.5px}.bubble{max-width:92%;padding:7px 8px;border:1px solid var(--border);border-radius:7px;background:#fff;margin-bottom:6px;font-size:10px;white-space:pre-wrap}.bubble.me{margin-left:auto;background:var(--primary);border-color:var(--primary);color:#fff}.ai-form{display:flex;gap:6px;padding:8px;border-top:1px solid var(--border)}.ai-form input{flex:1;min-width:0;height:31px;border:1px solid var(--border-2);border-radius:5px;padding:5px 7px;font-size:10px;outline:0}

/* Toast */
.toast-zone{position:fixed;right:14px;top:14px;z-index:120;display:grid;gap:7px}.toast{position:relative;overflow:hidden;min-width:250px;max-width:360px;padding:9px 34px 11px 10px;background:#fff;border:1px solid var(--border);border-radius:7px;box-shadow:var(--popover);font-size:9.5px}.toast strong{display:block;font-size:10px;margin-bottom:2px}.toast-close{position:absolute;right:5px;top:5px;width:23px;height:23px;border:0;background:transparent;border-radius:5px;display:grid;place-items:center}.toast-close svg{width:12px;height:12px}.toast-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--primary);transform-origin:left;animation:toastLife 5s linear forwards}@keyframes toastLife{from{transform:scaleX(1)}to{transform:scaleX(0)}}

/* Mobile bottom navigation - keep icon + text pattern */
.mobile-nav{display:none}

/* Tablet */
@media(max-width:1180px){
  .grid-kpis{grid-template-columns:repeat(3,1fr)}
  .dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-grid-main{grid-template-columns:1fr}.span-2{grid-column:span 1}
  .upload-grid{grid-template-columns:1fr}
  .product-settings{grid-template-columns:1fr 1fr}
}
@media(max-width:1024px){
  .shell{padding-left:0}
  .sidebar{width:232px;transform:translateX(-100%);transition:transform .18s ease;box-shadow:var(--popover)}
  body.mobile-sidebar-open .sidebar{transform:translateX(0)}
  body.mobile-sidebar-open .sidebar-overlay{display:block;position:fixed;inset:0;z-index:45;background:rgba(17,24,39,.28)}
  .sidebar-head{justify-content:flex-start;padding:0 12px}.brand-home{width:auto;padding:0 8px;display:flex;gap:8px}.brand-copy{display:block;font-size:11px}.nav{padding:10px 8px}.nav-btn{width:100%;height:38px;justify-content:flex-start;padding:0 10px;gap:9px;margin:0}.nav-label{display:block;font-size:10.5px}.nav-btn::after{display:none}.sidebar-footer{justify-content:flex-start}
  .mobile-menu-btn{display:grid}.topbar-logo{display:flex}.breadcrumb-current{display:none}
  .view{padding-left:14px;padding-right:14px}.page-head{padding-left:14px;padding-right:14px}
  .restock-filters{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:768px){
  .auth-layout{display:block}.auth-left{min-height:100vh;padding:18px}.auth-visual{display:none}.auth-form-wrap{padding:70px 0 50px}
  .topbar{height:52px;padding:0 10px;gap:6px}.topbar-left,.topbar-right{gap:4px}.desktop-search{display:none}.mobile-search-btn{display:grid}.topbar-logo{width:30px;height:30px}.topbar-logo img{width:24px;height:19px}
  .page-head{padding:10px 12px 8px;align-items:center}.page-head h1{font-size:19px}.page-head p{display:none}.page-actions{min-width:110px}.page-actions .control{width:100%}
  .view{padding:0 12px 78px}
  .grid-kpis{grid-template-columns:repeat(2,1fr);gap:6px}.kpi-card{padding:10px}.kpi-card>strong{font-size:20px}.dashboard-grid,.dashboard-grid-main{grid-template-columns:1fr;gap:6px;margin-top:6px}
  .card{padding:10px}.section-head{margin-bottom:8px}
  .trend-chart{min-height:220px}.trend-chart svg{height:190px}.chart-legend{justify-content:flex-start;flex-wrap:wrap}
  .quality-grid{grid-template-columns:1fr 1fr}.picture-row{grid-template-columns:90px minmax(0,1fr) 48px}
  .matrix-toolbar{align-items:stretch;flex-direction:column}.matrix-toolbar-left{display:grid;grid-template-columns:1fr 1fr}.matrix-toolbar-left .compact-field:first-child{grid-column:1/-1}.matrix-legend{display:none}.matrix-card{margin-left:-2px;margin-right:-2px}.product-matrix{max-height:calc(100vh - 205px)}.matrix-grid{grid-template-columns:205px repeat(var(--month-count),78px)}.matrix-label{min-width:205px;padding-left:6px}.matrix-label.color{padding-left:20px}.matrix-label.size{padding-left:38px}.matrix-label strong{max-width:140px;font-size:8.8px}.matrix-label span{font-size:7.5px}.matrix-cell{padding:0 6px;font-size:8.5px}.matrix-month{font-size:8.5px}
  .restock-filters{grid-template-columns:1fr 1fr}.restock-filters .field:nth-child(2){grid-column:1/-1}
  .products-toolbar{align-items:center;flex-direction:row}.products-toolbar .field{flex:1}.product-card{padding:9px}.product-settings{grid-template-columns:1fr 1fr;gap:5px;padding:7px}.color-row{grid-template-columns:58px minmax(0,1fr);gap:8px}.color-image-wrap,.color-image-wrap>img,.color-image-empty{width:58px;height:58px}.variant-chips>span{min-width:64px}
  .upload-controls{justify-content:space-between}.upload-controls .field{width:150px}.dropzone{padding:20px 12px}.validation-summary{grid-template-columns:repeat(3,1fr)}.formula-cards{grid-template-columns:1fr}
  .mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:60;height:62px;padding:5px 7px max(5px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--border)}
  .mobile-nav button{border:0;background:transparent;color:var(--text-3);font-size:8.5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0}.mobile-nav button.active{color:var(--primary)}.mobile-nav svg{width:16px;height:16px}
  .ada-fab{right:10px;bottom:72px;width:44px;height:44px;padding:0;justify-content:center}.ada-fab span{display:none}.ada-fab img{width:29px;height:22px}.ada-proactive{right:10px;bottom:123px;width:min(245px,calc(100vw - 20px))}
  .ai-panel{left:8px;right:8px;bottom:122px;width:auto}.ai-body{height:min(330px,42vh)}
}
@media(max-width:480px){
  .grid-kpis{grid-template-columns:1fr 1fr}.kpi-card>strong{font-size:18px}.kpi-card>small{font-size:8px}
  .page-head{gap:7px}.page-head h1{font-size:18px}.page-actions{min-width:100px}
  .rank-row{grid-template-columns:20px 30px minmax(0,1fr) auto}.rank-row img,.rank-placeholder{width:30px;height:30px}
  .restock-filters{grid-template-columns:1fr}.restock-filters .field:nth-child(2){grid-column:auto}
  .products-toolbar{flex-direction:column;align-items:stretch}.product-settings{grid-template-columns:1fr 1fr}.product-card-head{align-items:center}.color-row{grid-template-columns:52px minmax(0,1fr)}.color-image-wrap,.color-image-wrap>img,.color-image-empty{width:52px;height:52px}
  .validation-summary{grid-template-columns:1fr 1fr}.upload-controls{align-items:flex-start;flex-direction:column}.upload-controls .field{width:100%}
  .toast-zone{left:8px;right:8px}.toast{min-width:0;max-width:none;width:100%}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.source-warning{margin-bottom:9px;border:1px solid #F5D5A8;background:#FFFBF5;border-radius:7px;padding:8px 10px;display:grid;gap:5px}
.source-warning-item{display:flex;gap:7px;align-items:flex-start;color:#8A4B08;font-size:9.5px;line-height:1.45}
.source-warning-item svg{width:13px;height:13px;flex:0 0 auto;margin-top:1px}
@media(max-width:768px){.source-warning{padding:7px 8px}.source-warning-item{font-size:9px}}