/* v21.9 foundation/theme/dropdown architecture. No !important by design. */
/* ===== C Store visual baseline: dropdown readability & visual consistency ===== */
/* One consolidated visual layer. Keep feature logic outside this section. */
.warehouse-app{
  color:var(--text-main);
  background:
    radial-gradient(circle at 8% -8%, rgba(237,28,145,.055), transparent 28%),
    radial-gradient(circle at 92% 4%, rgba(122,16,77,.035), transparent 22%),
    linear-gradient(180deg,#faf9fa 0%,var(--bg-main) 62%,#f9f7f9 100%);
  font-size:14px;
  line-height:1.72;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body[data-theme="dark"].warehouse-app{
  background:
    radial-gradient(circle at 8% -8%, rgba(237,28,145,.08), transparent 26%),
    radial-gradient(circle at 92% 0%, rgba(122,16,77,.12), transparent 20%),
    linear-gradient(180deg,#0f0d10 0%,var(--bg-main) 65%,#0d0b0e 100%);
}
.warehouse-app .company-logo{ display:block; width:100%; height:100%; object-fit:contain; }
.warehouse-app .brand-logo-shell,.warehouse-app .auth-brand-logo-wrap{
  display:grid; place-items:center; flex:0 0 auto; overflow:hidden;
  background:#fff; border:1px solid rgba(255,255,255,.68);
  box-shadow:0 12px 28px -18px rgba(0,0,0,.48);
}
.warehouse-app .brand-logo-shell{ width:58px; height:58px; border-radius:18px; padding:4px; }
.warehouse-app .auth-brand-logo-wrap{ width:78px; height:78px; border-radius:23px; padding:5px; }
.warehouse-app .auth-brand-logo-wrap.mobile{ width:54px; height:54px; border-radius:16px; padding:3px; }
.warehouse-app .brand-company-kicker,.warehouse-app .auth-company-kicker{ display:block; letter-spacing:1.6px; font:900 9px/1.2 Arial,sans-serif; color:#ffd8ec; }

/* Header: brand-forward without turning the whole UI pink. */
.warehouse-app .erp-header{
  padding:21px 24px; border-radius:24px; border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 10% 8%,rgba(255,255,255,.095),transparent 24%),
    linear-gradient(118deg,#24141f 0%,#4f1738 48%,#7a104d 100%);
  box-shadow:0 26px 68px -42px rgba(60,15,43,.82);
}
.warehouse-app .erp-header::after{ width:300px; height:300px; top:-180px; inset-inline-end:-90px; background:rgba(237,28,145,.13); }
.warehouse-app .erp-header h1{ font-size:23px; line-height:1.28; letter-spacing:-.28px; }
.warehouse-app .brand-subtitle{ color:rgba(255,247,252,.72); font-size:11px; }
.warehouse-app .warehouse-name-display{ color:#fff; background:rgba(255,255,255,.09); border-color:rgba(255,255,255,.13); }
.warehouse-app .header-actions .btn,.warehouse-app .header-actions select,.warehouse-app .header-select-with-icon,.warehouse-app .current-user-pill{
  color:#fff; background:rgba(255,255,255,.075); border-color:rgba(255,255,255,.15);
  box-shadow:none; backdrop-filter:blur(10px);
}
.warehouse-app .header-actions .btn:hover{ background:rgba(255,255,255,.14); border-color:rgba(255,255,255,.22); }

/* Buttons and controls */
.warehouse-app .btn{ font-weight:800; letter-spacing:0; }
.warehouse-app .btn-blue{ color:#fff; background:linear-gradient(135deg,#8f154f,#b91568); box-shadow:0 12px 24px -18px rgba(185,21,104,.70); }
.warehouse-app .btn-purple{ color:#fff; background:linear-gradient(135deg,#5f294e,#8c3b71); }
.warehouse-app .btn-neutral{ background:var(--surface); color:var(--text-main); border:1px solid var(--border); box-shadow:none; }
.warehouse-app .btn-neutral:hover{ border-color:var(--border-strong); background:var(--surface-soft); }
.warehouse-app input,.warehouse-app select,.warehouse-app textarea{ color:var(--text-main); background:var(--input-bg); border-color:var(--border); }
.warehouse-app input::placeholder,.warehouse-app textarea::placeholder{ color:color-mix(in srgb,var(--text-muted) 78%,transparent); opacity:1; }
.warehouse-app input:focus,.warehouse-app select:focus,.warehouse-app textarea:focus{ border-color:var(--brand-strong); box-shadow:0 0 0 4px rgba(185,21,104,.10); outline:0; }

/* Main navigation */
.warehouse-app .nav-tabs{ padding:7px; gap:7px; border-radius:18px; background:var(--surface); border-color:var(--border); box-shadow:var(--shadow-soft); }
.warehouse-app .tab-btn{ min-height:44px; padding:10px 17px; border-radius:12px; color:var(--text-muted); font-size:13px; }
.warehouse-app .tab-btn:hover{ color:var(--text-main); background:var(--surface-soft); border-color:var(--border); transform:none; }
.warehouse-app .tab-btn.active{ color:#fff; background:linear-gradient(135deg,#8f154f,#b91568); box-shadow:0 10px 22px -17px rgba(185,21,104,.78); }
.warehouse-app .barcode-scanner-bar{ background:var(--surface); border-color:var(--border); box-shadow:var(--shadow-card); }
.warehouse-app .barcode-scanner-bar::before{ width:4px; background:linear-gradient(var(--brand),var(--brand-strong)); }

/* Shared surfaces */
.warehouse-app .chart-card,.warehouse-app .logs-card,.warehouse-app .erp-toolbar,.warehouse-app .erp-table-container,.warehouse-app .kpi-card,.warehouse-app .metric-card,.warehouse-app .settings-card,.warehouse-app .reports-chart-card,.warehouse-app .reports-insight-card,.warehouse-app .dashboard-status-card,.warehouse-app .dashboard-live-pill,.warehouse-app .dashboard-updated,.warehouse-app .toolbar-panel,.warehouse-app .master-count-card,.warehouse-app .custom-file-card,.warehouse-app .master-file-card{
  color:var(--text-main); background:var(--surface); border-color:var(--border); box-shadow:var(--shadow-card);
}

/* Professional KPI cards. Compact, balanced, no empty decorative bubbles. */
.warehouse-app .erp-metrics{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:0 0 20px; }
.warehouse-app .metric-card{
  --metric-accent:var(--brand-strong); --metric-soft:rgba(185,21,104,.085);
  min-height:116px; padding:17px 17px 16px; display:grid; grid-template-columns:48px minmax(0,1fr); align-items:center; gap:13px;
  overflow:hidden; border-radius:18px; border:1px solid var(--border); border-inline-start:4px solid var(--metric-accent);
  background:linear-gradient(145deg,var(--surface) 0%,color-mix(in srgb,var(--surface) 97%,var(--metric-soft) 3%) 100%);
}
.warehouse-app .metric-card::before,.warehouse-app .metric-card::after{ display:none; content:none; }
.warehouse-app .metric-card.success{ --metric-accent:var(--success); --metric-soft:rgba(15,139,102,.08); }
.warehouse-app .metric-card.warning{ --metric-accent:var(--warning); --metric-soft:rgba(184,102,8,.08); }
.warehouse-app .metric-card.danger{ --metric-accent:var(--danger); --metric-soft:rgba(206,51,69,.08); }
.warehouse-app .metric-icon{
  position:relative; width:48px; height:48px; display:grid; place-items:center; border-radius:14px;
  color:var(--metric-accent); background:var(--metric-soft); border:1px solid color-mix(in srgb,var(--metric-accent) 17%,transparent); box-shadow:none;
}
.warehouse-app .metric-info{ min-width:0; }
.warehouse-app .metric-info > span{ color:var(--text-muted); font-size:11px; font-weight:800; line-height:1.55; }
.warehouse-app .metric-info h2{ margin:6px 0 3px; color:var(--text-main); font:900 30px/1.05 Arial,Tahoma,sans-serif; letter-spacing:-.45px; }
.warehouse-app .metric-sub{ margin-top:3px; color:var(--text-muted); font-size:10px; font-weight:700; line-height:1.5; }

.warehouse-app .dashboard-kpi-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.warehouse-app .kpi-card{
  --kpi-color:var(--brand-strong); --kpi-soft:rgba(185,21,104,.085);
  min-height:128px; padding:18px; align-items:center; gap:14px; border:1px solid var(--border); border-radius:18px;
  background:linear-gradient(145deg,var(--surface) 0%,color-mix(in srgb,var(--surface) 97%,var(--kpi-soft) 3%) 100%);
  box-shadow:var(--shadow-card); isolation:isolate;
}
.warehouse-app .kpi-card::before{ content:""; position:absolute; inset-block:16px; inset-inline-start:0; width:4px; border-radius:0 4px 4px 0; background:var(--kpi-color); z-index:0; }
html[dir="rtl"] .warehouse-app .kpi-card::before{ border-radius:4px 0 0 4px; }
.warehouse-app .kpi-card::after{ display:none; content:none; }
.warehouse-app .kpi-card.blue,.warehouse-app .kpi-card.cyan{ --kpi-color:var(--brand-strong); --kpi-soft:rgba(185,21,104,.085); }
.warehouse-app .kpi-card.purple{ --kpi-color:#875273; --kpi-soft:rgba(135,82,115,.09); }
.warehouse-app .kpi-card.red{ --kpi-color:var(--danger); --kpi-soft:rgba(206,51,69,.08); }
.warehouse-app .kpi-icon{ width:48px; height:48px; flex-basis:48px; border-radius:14px; color:var(--kpi-color); background:var(--kpi-soft); box-shadow:none; }
.warehouse-app .kpi-label{ color:var(--text-muted); font-size:11px; line-height:1.55; }
.warehouse-app .kpi-value{ margin:6px 0 3px; color:var(--text-main); font-size:29px; }
.warehouse-app .kpi-note{ color:var(--text-muted); font-size:10px; line-height:1.5; }

/* Dashboard */
.warehouse-app .dashboard-topbar{ padding:6px 2px 0; }
.warehouse-app .dashboard-title-block h2{ color:var(--text-main); font-size:25px; }
.warehouse-app .dashboard-title-block p{ font-size:11.5px; line-height:1.7; }
.warehouse-app .dashboard-eyebrow,.warehouse-app .dashboard-attention-kicker{ color:var(--brand-strong); }
.warehouse-app .dashboard-hero,.warehouse-app .dashboard-hero-pro,.warehouse-app .reports-hero,.warehouse-app .audit-hero{ border:1px solid var(--border); background:linear-gradient(145deg,var(--surface),var(--surface-soft)); color:var(--text-main); box-shadow:var(--shadow-card); }
.warehouse-app .dashboard-hero-copy h2,.warehouse-app .dashboard-status-name,.warehouse-app .card-title{ color:var(--text-main); }
.warehouse-app .dashboard-mini-label{ color:var(--brand-strong); background:var(--brand-soft); }
.warehouse-app .dashboard-hero-stats > div{ background:var(--surface-elevated); border-color:var(--border); }

/* Tables: readable hierarchy in both themes. */
.warehouse-app .erp-table-container{ border-radius:20px; overflow:hidden; background:var(--surface); }
.warehouse-app .table-section-header{ padding:17px 19px; color:var(--text-main); background:var(--surface); border-bottom:1px solid var(--border); }
.warehouse-app .table-section-title{ font-size:13px; line-height:1.55; }
.warehouse-app .table-section-subtitle{ color:var(--text-muted); font-size:10px; line-height:1.6; }
.warehouse-app .table-section-icon{ color:var(--brand-strong); background:var(--brand-soft); border:1px solid color-mix(in srgb,var(--brand-strong) 14%,var(--border)); }
.warehouse-app .table-count-chip{ color:var(--brand-strong); background:var(--brand-soft); border-color:color-mix(in srgb,var(--brand-strong) 14%,var(--border)); }
.warehouse-app table{ color:var(--text-main); font-variant-numeric:tabular-nums; }
.warehouse-app th{ color:var(--text-muted); background:var(--surface-soft); border-bottom:1px solid var(--border); font-size:10.5px; font-weight:900; }
.warehouse-app td{ color:var(--text-main); border-color:var(--border); font-size:11px; line-height:1.6; }
.warehouse-app tbody tr:nth-child(even){ background:color-mix(in srgb,var(--surface) 96%,var(--brand-soft) 4%); }
.warehouse-app tbody tr:hover{ background:color-mix(in srgb,var(--surface) 92%,var(--brand-soft) 8%); box-shadow:inset 3px 0 0 var(--brand-strong); }
html[dir="rtl"] .warehouse-app tbody tr:hover{ box-shadow:inset -3px 0 0 var(--brand-strong); }
.warehouse-app .code-chip,.warehouse-app .master-code-chip{ color:var(--brand-strong); background:var(--brand-soft); border-color:color-mix(in srgb,var(--brand-strong) 15%,var(--border)); }
.warehouse-app .qty-pill{ color:var(--text-main); background:var(--surface-soft); border-color:var(--border); }
.warehouse-app .category-badge{ color:var(--text-main); background:var(--surface-soft); border:1px solid var(--border); }

/* Settings information architecture */
.warehouse-app .settings-page{ gap:15px; }
.warehouse-app .settings-hero{
  position:relative; overflow:hidden; padding:24px 25px; border-radius:21px; color:#fff;
  background:linear-gradient(120deg,#26141f 0%,#551a3d 54%,#7a104d 100%); border:1px solid rgba(255,255,255,.10); box-shadow:0 24px 60px -40px rgba(80,17,53,.82);
}
.warehouse-app .settings-hero::after{ content:""; position:absolute; inset-inline-end:-60px; top:-110px; width:220px; height:220px; border-radius:50%; background:rgba(237,28,145,.12); pointer-events:none; }
.warehouse-app .settings-hero-copy,.warehouse-app .settings-hero-actions{ position:relative; z-index:1; }
.warehouse-app .settings-hero-copy h2{ margin:3px 0 5px; font-size:24px; line-height:1.3; }
.warehouse-app .settings-hero-copy p{ max-width:720px; font-size:11.5px; line-height:1.75; color:rgba(255,248,252,.76); }
.warehouse-app .settings-eyebrow{ color:#ffd6ea; opacity:.92; }
.warehouse-app .stable-status-pill{ color:#d8f8ed; background:rgba(15,139,102,.18); border:1px solid rgba(104,224,185,.18); }
.warehouse-app .settings-nav{ display:flex; align-items:center; gap:8px; overflow-x:auto; padding:7px; border:1px solid var(--border); border-radius:16px; background:var(--surface); box-shadow:var(--shadow-soft); scrollbar-width:none; }
.warehouse-app .settings-nav::-webkit-scrollbar{ display:none; }
.warehouse-app .settings-nav-btn{ min-height:42px; flex:0 0 auto; display:inline-flex; align-items:center; gap:7px; padding:8px 13px; border:1px solid transparent; border-radius:11px; background:transparent; color:var(--text-muted); font:800 10px/1.3 Tahoma,Arial,sans-serif; cursor:pointer; }
.warehouse-app .settings-nav-btn:hover{ color:var(--text-main); background:var(--surface-soft); border-color:var(--border); }
.warehouse-app .settings-nav-btn.active{ color:#fff; background:#8f154f; border-color:#8f154f; }
.warehouse-app .settings-nav-btn .ui-icon{ width:16px; height:16px; }
.warehouse-app .settings-grid{ display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:14px; }
.warehouse-app .settings-card{ grid-column:span 6; padding:19px; border-radius:18px; background:var(--surface); border:1px solid var(--border); box-shadow:var(--shadow-card); }
.warehouse-app .settings-card.full{ grid-column:1/-1; }
.warehouse-app .settings-card-head{ gap:12px; margin-bottom:15px; }
.warehouse-app .settings-card-icon{ width:42px; height:42px; border-radius:12px; color:var(--brand-strong); background:var(--brand-soft); border:1px solid color-mix(in srgb,var(--brand-strong) 13%,var(--border)); }
.warehouse-app .settings-card-head strong{ color:var(--text-main); font-size:13.5px; line-height:1.5; }
.warehouse-app .settings-card-head small{ color:var(--text-muted); font-size:10px; line-height:1.65; }
.warehouse-app .settings-group-heading{ grid-column:1/-1; display:flex; align-items:center; gap:11px; padding:10px 3px 4px; scroll-margin-top:92px; }
.warehouse-app .settings-group-heading:not(:first-child){ margin-top:4px; padding-top:18px; border-top:1px solid var(--border); }
.warehouse-app .settings-group-index{ width:34px; height:34px; flex:0 0 34px; display:grid; place-items:center; border-radius:10px; color:var(--brand-strong); background:var(--brand-soft); font:900 10px/1 Arial,sans-serif; }
.warehouse-app .settings-group-heading strong{ display:block; color:var(--text-main); font-size:14px; line-height:1.45; }
.warehouse-app .settings-group-heading small{ display:block; margin-top:2px; color:var(--text-muted); font-size:9.5px; line-height:1.55; }
.warehouse-app .settings-field label{ color:var(--text-muted); font-size:10px; line-height:1.45; }
.warehouse-app .settings-field input,.warehouse-app .settings-field select{ min-height:44px; color:var(--text-main); background:var(--input-bg); border-color:var(--border); }
.warehouse-app .settings-switch-row{ border-bottom-color:var(--border); }
.warehouse-app .settings-switch-copy strong{ color:var(--text-main); font-size:11px; line-height:1.5; }
.warehouse-app .settings-switch-copy small{ color:var(--text-muted); line-height:1.55; }
.warehouse-app .settings-status,.warehouse-app .pwa-detail,.warehouse-app .self-test-row,.warehouse-app .performance-note,.warehouse-app .cloud-status-box,.warehouse-app .cloud-sync-note{ color:var(--text-main); background:var(--surface-soft); border-color:var(--border); }
.warehouse-app .settings-status span,.warehouse-app .pwa-detail span,.warehouse-app .pwa-help,.warehouse-app .performance-note{ color:var(--text-muted); }
.warehouse-app .pwa-detail strong,.warehouse-app .settings-status strong{ color:var(--text-main); }

/* Login */
.warehouse-app .auth-gate{ background:linear-gradient(145deg,#1d1118 0%,#4e1738 56%,#7a104d 100%); }
.warehouse-app .auth-shell{ border-color:rgba(255,255,255,.16); box-shadow:0 34px 92px rgba(25,6,18,.48); }
.warehouse-app .auth-showcase{ background:linear-gradient(155deg,#29141f 0%,#57173e 56%,#7a104d 100%); }
.warehouse-app .auth-card{ background:#fff; }
.warehouse-app .auth-title{ color:#2d1a27; font-size:28px; line-height:1.35; }
.warehouse-app .auth-field label{ color:#5d4e59; }
.warehouse-app .auth-field input,.warehouse-app .auth-field select{ color:#2d1a27; background:#fbf9fa; border-color:#e4dbe1; }
.warehouse-app .auth-field input::placeholder{ color:#9d9099; }
.warehouse-app .auth-field input:focus,.warehouse-app .auth-field select:focus{ background:#fff; border-color:#b91568; box-shadow:0 0 0 4px rgba(185,21,104,.09); }
.warehouse-app .auth-lang-btn.active{ color:#fff; background:#8f154f; border-color:#8f154f; }
.warehouse-app .auth-recovery-link,.warehouse-app .cloud-device-link{ color:#8f154f; }

/* Notifications and status wording should be readable, not technical-looking. */
.warehouse-app .pwa-status-pill{ background:var(--surface-soft); border-color:var(--border); color:var(--text-muted); }
.warehouse-app .pwa-status-pill.online{ color:var(--success); background:color-mix(in srgb,var(--success) 9%,var(--surface)); border-color:color-mix(in srgb,var(--success) 22%,var(--border)); }
.warehouse-app .pwa-status-pill.offline{ color:var(--warning); background:color-mix(in srgb,var(--warning) 9%,var(--surface)); border-color:color-mix(in srgb,var(--warning) 24%,var(--border)); }
.warehouse-app .pwa-status-pill.installed{ color:var(--brand-strong); background:var(--brand-soft); border-color:color-mix(in srgb,var(--brand-strong) 18%,var(--border)); }

/* Dark theme: explicit surface/text contract to prevent white-on-white regressions. */
body[data-theme="dark"].warehouse-app .nav-tabs,body[data-theme="dark"].warehouse-app .barcode-scanner-bar,body[data-theme="dark"].warehouse-app .chart-card,body[data-theme="dark"].warehouse-app .logs-card,body[data-theme="dark"].warehouse-app .metric-card,body[data-theme="dark"].warehouse-app .kpi-card,body[data-theme="dark"].warehouse-app .erp-toolbar,body[data-theme="dark"].warehouse-app .toolbar-panel,body[data-theme="dark"].warehouse-app .erp-table-container,body[data-theme="dark"].warehouse-app .settings-card,body[data-theme="dark"].warehouse-app .settings-nav,body[data-theme="dark"].warehouse-app .reports-chart-card,body[data-theme="dark"].warehouse-app .reports-insight-card,body[data-theme="dark"].warehouse-app .dashboard-status-card,body[data-theme="dark"].warehouse-app .dashboard-live-pill,body[data-theme="dark"].warehouse-app .dashboard-updated,body[data-theme="dark"].warehouse-app .custom-file-card,body[data-theme="dark"].warehouse-app .master-file-card,body[data-theme="dark"].warehouse-app .master-count-card,body[data-theme="dark"].warehouse-app .notification-drawer,body[data-theme="dark"].warehouse-app .modal-card{
  color:var(--text-main); background:var(--surface); border-color:var(--border);
}
body[data-theme="dark"].warehouse-app .dashboard-hero,body[data-theme="dark"].warehouse-app .dashboard-hero-pro,body[data-theme="dark"].warehouse-app .reports-hero,body[data-theme="dark"].warehouse-app .audit-hero{ color:var(--text-main); background:linear-gradient(145deg,#211b22,#19161a); border-color:var(--border); }
body[data-theme="dark"].warehouse-app .table-section-header,body[data-theme="dark"].warehouse-app th{ color:var(--text-main); background:var(--surface-soft); border-color:var(--border); }
body[data-theme="dark"].warehouse-app td{ color:var(--text-main); border-color:var(--border); }
body[data-theme="dark"].warehouse-app tbody tr:nth-child(even){ background:#201b21; }
body[data-theme="dark"].warehouse-app tbody tr:hover{ background:#29222a; }
body[data-theme="dark"].warehouse-app .table-section-title,body[data-theme="dark"].warehouse-app .card-title,body[data-theme="dark"].warehouse-app .dashboard-title-block h2,body[data-theme="dark"].warehouse-app .dashboard-hero-copy h2,body[data-theme="dark"].warehouse-app .dashboard-status-name,body[data-theme="dark"].warehouse-app .settings-card-head strong,body[data-theme="dark"].warehouse-app .settings-switch-copy strong,body[data-theme="dark"].warehouse-app .settings-group-heading strong,body[data-theme="dark"].warehouse-app .metric-info h2,body[data-theme="dark"].warehouse-app .kpi-value{ color:var(--text-main); }
body[data-theme="dark"].warehouse-app .table-section-subtitle,body[data-theme="dark"].warehouse-app .metric-info > span,body[data-theme="dark"].warehouse-app .metric-sub,body[data-theme="dark"].warehouse-app .kpi-label,body[data-theme="dark"].warehouse-app .kpi-note,body[data-theme="dark"].warehouse-app .settings-card-head small,body[data-theme="dark"].warehouse-app .settings-group-heading small,body[data-theme="dark"].warehouse-app .settings-field label,body[data-theme="dark"].warehouse-app .settings-switch-copy small{ color:var(--text-muted); }
body[data-theme="dark"].warehouse-app input,body[data-theme="dark"].warehouse-app select,body[data-theme="dark"].warehouse-app textarea{ color:var(--text-main); background:var(--input-bg); border-color:var(--border); }
body[data-theme="dark"].warehouse-app .code-chip,body[data-theme="dark"].warehouse-app .master-code-chip,body[data-theme="dark"].warehouse-app .table-count-chip,body[data-theme="dark"].warehouse-app .table-section-icon,body[data-theme="dark"].warehouse-app .settings-card-icon,body[data-theme="dark"].warehouse-app .settings-group-index{ color:#ff81c6; background:#351d2b; border-color:#543044; }
body[data-theme="dark"].warehouse-app .qty-pill,body[data-theme="dark"].warehouse-app .category-badge,body[data-theme="dark"].warehouse-app .settings-status,body[data-theme="dark"].warehouse-app .pwa-detail,body[data-theme="dark"].warehouse-app .performance-note,body[data-theme="dark"].warehouse-app .cloud-status-box,body[data-theme="dark"].warehouse-app .cloud-sync-note,body[data-theme="dark"].warehouse-app .self-test-row{ color:var(--text-main); background:var(--surface-soft); border-color:var(--border); }
body[data-theme="dark"].warehouse-app .notification-filter-chip,body[data-theme="dark"].warehouse-app .notif-action-btn{ color:var(--text-muted); background:var(--surface-soft); border-color:var(--border); }

/* Responsive */
@media (max-width:1200px) {
  .warehouse-app .erp-metrics,.warehouse-app .dashboard-kpi-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .warehouse-app .settings-card{ grid-column:span 6; }
}
@media (max-width:900px) {
  .warehouse-app .erp-header{ align-items:flex-start; flex-direction:column; }
  .warehouse-app .header-actions{ width:100%; }
  .warehouse-app .settings-card{ grid-column:1/-1; }
}
@media (max-width:760px) {
  .warehouse-app{ font-size:13px; background:var(--bg-main); }
  .warehouse-app .erp-container{ padding:7px; }
  .warehouse-app .erp-header{ margin:-7px -7px 10px; padding:14px 12px 12px; border-radius:0 0 22px 22px; }
  .warehouse-app .brand-logo-shell{ width:48px; height:48px; border-radius:14px; padding:3px; }
  .warehouse-app .brand-company-kicker{ font-size:7px; letter-spacing:1.1px; }
  .warehouse-app .erp-header h1{ font-size:18px; }
  .warehouse-app .brand-subtitle{ display:none; }
  .warehouse-app .header-actions{ display:flex; flex-wrap:nowrap; overflow-x:auto; gap:7px; padding-bottom:2px; scrollbar-width:none; }
  .warehouse-app .header-actions::-webkit-scrollbar{ display:none; }
  .warehouse-app .header-actions .btn,.warehouse-app .header-actions .header-select-with-icon,.warehouse-app .current-user-pill{ flex:0 0 auto; width:auto; min-width:46px; min-height:46px; padding:8px 10px; border-radius:12px; grid-column:auto; }
  .warehouse-app .current-user-pill{ min-width:116px; }
  .warehouse-app .nav-tabs{ position:sticky; top:0; z-index:700; margin:0 0 10px; border-radius:14px; }
  .warehouse-app .tab-btn{ min-height:44px; padding:9px 12px; }
  .warehouse-app .erp-metrics,.warehouse-app .dashboard-kpi-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  .warehouse-app .metric-card{ min-height:106px; padding:13px; grid-template-columns:42px minmax(0,1fr); gap:10px; border-radius:15px; }
  .warehouse-app .metric-icon{ width:42px; height:42px; border-radius:12px; }
  .warehouse-app .metric-info > span{ font-size:9.5px; }
  .warehouse-app .metric-info h2{ font-size:25px; }
  .warehouse-app .metric-sub{ font-size:8.8px; }
  .warehouse-app .dashboard-kpi-grid .kpi-card{ min-height:112px; padding:14px; border-radius:15px; }
  .warehouse-app .dashboard-kpi-grid .kpi-icon{ width:42px; height:42px; flex-basis:42px; }
  .warehouse-app .dashboard-kpi-grid .kpi-value{ font-size:25px; }
  .warehouse-app .settings-hero{ align-items:flex-start; flex-direction:column; padding:20px; border-radius:18px; }
  .warehouse-app .settings-hero-actions{ width:100%; display:grid; grid-template-columns:1fr 1fr; }
  .warehouse-app .settings-hero-actions .stable-status-pill{ grid-column:1/-1; width:max-content; }
  .warehouse-app .settings-nav{ position:sticky; top:60px; z-index:650; border-radius:14px; }
  .warehouse-app .settings-grid{ grid-template-columns:1fr; gap:10px; }
  .warehouse-app .settings-card,.warehouse-app .settings-card.full,.warehouse-app .settings-group-heading{ grid-column:1; }
  .warehouse-app .settings-card{ padding:15px; border-radius:15px; }
  .warehouse-app .settings-group-heading{ padding-top:14px; }
  .warehouse-app .settings-fields{ grid-template-columns:1fr; }
  .warehouse-app .settings-field.full{ grid-column:auto; }
  .warehouse-app .settings-card-head strong{ font-size:12.5px; }
  .warehouse-app .settings-card-head small{ font-size:9.5px; }
  .warehouse-app .erp-table-container{ overflow:visible; border:0; background:transparent; box-shadow:none; }
  .warehouse-app .table-scroll,.warehouse-app .users-table-wrap{ overflow:visible; border:0; }
  .warehouse-app table.responsive-data-table{ min-width:0; width:100%; display:block; border-collapse:separate; }
  .warehouse-app table.responsive-data-table thead{ display:none; }
  .warehouse-app table.responsive-data-table tbody{ display:grid; gap:10px; width:100%; }
  .warehouse-app table.responsive-data-table tbody tr{ display:block; width:100%; overflow:hidden; border:1px solid var(--border); border-radius:16px; background:var(--surface); box-shadow:var(--shadow-card); }
  .warehouse-app table.responsive-data-table tbody tr:hover{ background:var(--surface); box-shadow:var(--shadow-card); }
  .warehouse-app table.responsive-data-table tbody td{ display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-width:0; padding:10px 12px; border:0; border-bottom:1px solid var(--border); text-align:end; font-size:10.5px; }
  .warehouse-app table.responsive-data-table tbody td:last-child{ border-bottom:0; }
  .warehouse-app table.responsive-data-table tbody td::before{ content:attr(data-mobile-label); flex:0 0 39%; max-width:39%; color:var(--text-muted); font-size:9px; font-weight:900; line-height:1.45; text-align:start; }
  .warehouse-app table.responsive-data-table tbody td[colspan]{ display:block; text-align:center; padding:24px 14px; }
  .warehouse-app table.responsive-data-table tbody td[colspan]::before{ display:none; content:none; }
  .warehouse-app .table-action-btn{ width:46px; height:46px; border-radius:12px; }
  .warehouse-app .modal-card{ border:1px solid var(--border); box-shadow:0 -22px 68px -30px rgba(0,0,0,.55); }
  .warehouse-app .notification-drawer{ width:100vw; max-width:100vw; top:7vh; border-radius:20px 20px 0 0; }
  .warehouse-app .auth-card{ padding-inline:20px; }
}
@media (max-width:430px) {
  .warehouse-app .erp-metrics,.warehouse-app .dashboard-kpi-grid{ grid-template-columns:1fr; }
  .warehouse-app .settings-hero-actions{ grid-template-columns:1fr; }
  .warehouse-app .settings-hero-actions .stable-status-pill{ grid-column:auto; }
  .warehouse-app table.responsive-data-table tbody td{ align-items:flex-start; }
  .warehouse-app table.responsive-data-table tbody td::before{ flex-basis:42%; max-width:42%; }
}

/* Typography + residual accent cleanup */
.warehouse-app .custom-file-icon,.warehouse-app .master-file-card .custom-file-icon{
  color:var(--brand-strong);
  background:var(--brand-soft);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-strong) 12%,transparent);
}
.warehouse-app .custom-file-label{ color:var(--text-main); font-size:12.5px; line-height:1.5; }
.warehouse-app .custom-file-name{ color:var(--text-muted); font-size:10.5px; line-height:1.5; }
.warehouse-app .toolbar-panel-title{ color:var(--text-main); font-size:12px; line-height:1.55; }
.warehouse-app .toolbar-panel-title small{ color:var(--text-muted); font-size:9.5px; line-height:1.5; }
.warehouse-app .reports-card-head strong{ color:var(--text-main); font-size:12px; line-height:1.5; }
.warehouse-app .reports-card-head small{ color:var(--text-muted); font-size:9px; line-height:1.5; }
.warehouse-app .cloud-status-box span{ color:var(--text-muted); font-size:9px; line-height:1.45; }
.warehouse-app .cloud-status-box strong{ color:var(--text-main); font-size:10.5px; line-height:1.45; }
.warehouse-app .user-stat span{ color:var(--text-muted); font-size:9.5px; line-height:1.45; }
.warehouse-app .user-stat strong{ color:var(--text-main); }
.warehouse-app .drawer-summary-card{ color:var(--text-main); background:var(--surface-soft); border-color:var(--border); }
.warehouse-app .drawer-summary-card span{ color:var(--text-muted); }
body[data-theme="dark"].warehouse-app .custom-file-label,body[data-theme="dark"].warehouse-app .toolbar-panel-title,body[data-theme="dark"].warehouse-app .reports-card-head strong,body[data-theme="dark"].warehouse-app .cloud-status-box strong,body[data-theme="dark"].warehouse-app .user-stat strong{ color:var(--text-main); }


/* ===== Unified Dropdown Readability Contract ===== */
.warehouse-app.warehouse-app{
  --dropdown-bg:#ffffff;
  --dropdown-bg-hover:#fff8fc;
  --dropdown-text:#2d1a27;
  --dropdown-muted:#756773;
  --dropdown-border:#d8ccd4;
  --dropdown-border-hover:#c9b8c3;
  --dropdown-focus:#b91568;
  --dropdown-option-bg:#ffffff;
  --dropdown-option-hover:#fbeaf4;
  --dropdown-option-selected:#f6d8e8;
  --dropdown-disabled-bg:#f2edf0;
  --dropdown-disabled-text:#978a93;
  --dropdown-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237a104d' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}
body[data-theme="dark"].warehouse-app.warehouse-app{
  --dropdown-bg:#242026;
  --dropdown-bg-hover:#2d2730;
  --dropdown-text:#f8f3f6;
  --dropdown-muted:#c8bac3;
  --dropdown-border:#514653;
  --dropdown-border-hover:#6a5a68;
  --dropdown-focus:#ff69b8;
  --dropdown-option-bg:#242026;
  --dropdown-option-hover:#352631;
  --dropdown-option-selected:#4a2639;
  --dropdown-disabled-bg:#1b181c;
  --dropdown-disabled-text:#8e818a;
  --dropdown-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f8f3f6' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}

/* Every visible native select uses one high-contrast visual system. */
.warehouse-app select:not(.auth-user-select-native){
  min-height:44px;
  width:100%;
  appearance:none;
  -webkit-appearance:none;
  color-scheme:light;
  color:var(--dropdown-text);
  -webkit-text-fill-color:var(--dropdown-text);
  background-color:var(--dropdown-bg);
  background-image:var(--dropdown-arrow);
  background-repeat:no-repeat;
  background-size:16px 16px;
  border:1px solid var(--dropdown-border);
  border-radius:12px;
  padding-block:9px;
  padding-inline-start:13px;
  padding-inline-end:42px;
  font:800 12px/1.45 Tahoma,Arial,sans-serif;
  opacity:1;
  cursor:pointer;
  box-shadow:0 1px 0 rgba(45,26,39,.02);
}
html[dir="rtl"] .warehouse-app select:not(.auth-user-select-native){ background-position:left 13px center; text-align:right; }
html[dir="ltr"] .warehouse-app select:not(.auth-user-select-native){ background-position:right 13px center; text-align:left; }
body[data-theme="dark"].warehouse-app select:not(.auth-user-select-native){ color-scheme:dark; }
.warehouse-app select:not(.auth-user-select-native):hover:not(:disabled){
  background-color:var(--dropdown-bg-hover);
  border-color:var(--dropdown-border-hover);
}
.warehouse-app select:not(.auth-user-select-native):focus,.warehouse-app select:not(.auth-user-select-native):focus-visible{
  color:var(--dropdown-text);
  background-color:var(--dropdown-bg);
  border-color:var(--dropdown-focus);
  outline:none;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--dropdown-focus) 14%,transparent);
}
.warehouse-app select:not(.auth-user-select-native):disabled{
  color:var(--dropdown-disabled-text);
  -webkit-text-fill-color:var(--dropdown-disabled-text);
  background-color:var(--dropdown-disabled-bg);
  border-color:var(--dropdown-border);
  opacity:1;
  cursor:not-allowed;
}
.warehouse-app select:not(.auth-user-select-native) option,.warehouse-app select:not(.auth-user-select-native) optgroup{
  color:var(--dropdown-text);
  background:var(--dropdown-option-bg);
  font:700 13px/1.5 Tahoma,Arial,sans-serif;
}
.warehouse-app select:not(.auth-user-select-native) option:checked{ color:var(--dropdown-text); background:var(--dropdown-option-selected); }
.warehouse-app select:not(.auth-user-select-native) option:disabled{ color:var(--dropdown-disabled-text); background:var(--dropdown-disabled-bg); }

/* Toolbar/report/audit/settings dropdowns now inherit the same contract. */
.warehouse-app .toolbar-select-wrap select,.warehouse-app .reports-mode-select,.warehouse-app .reports-filter-block select,.warehouse-app .audit-toolbar select,.warehouse-app .settings-field select{ min-height:44px; }
.warehouse-app .toolbar-select-wrap::after{ display:none; content:none; }

/* Header language dropdown lives on a permanently dark branded surface. */
.warehouse-app .header-select-with-icon select{
  width:auto;
  min-width:92px;
  appearance:auto;
  -webkit-appearance:menulist;
  color-scheme:dark;
  color:#fff;
  -webkit-text-fill-color:#fff;
  background:transparent;
  background-image:none;
  border:0;
  padding-inline:2px 8px;
  box-shadow:none;
}
.warehouse-app .header-select-with-icon select option,.warehouse-app .header-select-with-icon select optgroup{ color:#fff; background:#321724; }
.warehouse-app .header-select-with-icon:focus-within{ border-color:rgba(255,255,255,.34); box-shadow:0 0 0 3px rgba(255,255,255,.09); }

/* Custom login user picker: explicit readable dropdown surface. */
.warehouse-app .auth-user-picker-trigger{ color:#2d1a27; background:#fff; border-color:#d8ccd4; }
.warehouse-app .auth-user-picker-trigger:hover,.warehouse-app .auth-user-picker.open .auth-user-picker-trigger{ color:#2d1a27; background:#fff7fb; border-color:#dca7c4; }
.warehouse-app .auth-user-dropdown{ color:#2d1a27; background:#fff; border-color:#ded3da; box-shadow:0 22px 52px rgba(45,26,39,.18); }
.warehouse-app .auth-user-dropdown-option{ color:#2d1a27; background:#fff; }
.warehouse-app .auth-user-dropdown-option:hover,.warehouse-app .auth-user-dropdown-option.active{ color:#2d1a27; background:#fbeaf4; border-color:#e7b4d0; }
.warehouse-app .auth-user-dropdown-option-copy strong{ color:#2d1a27; }
.warehouse-app .auth-user-dropdown-option-copy small,.warehouse-app .auth-user-dropdown-empty,.warehouse-app .auth-user-dropdown-meta{ color:#756773; }

@media (max-width:760px) {
  .warehouse-app select:not(.auth-user-select-native){ min-height:48px; font-size:13px; border-radius:13px; }
  .warehouse-app .header-select-with-icon select{ min-width:34px; min-height:42px; font-size:0; padding:0; }
}

/* Permission feedback dedupe */
.toast-refresh{animation:toastRefresh .22s ease;}
@keyframes toastRefresh{50%{transform:translateY(-2px) scale(1.01)}100%{transform:none}}