/* ══════════════════════════════════════════════════════
   STOCKLENS — INDUSTRIAL THEME  [data-theme="industrial"]
   Shipping-manifest aesthetic: black / white / safety yellow
   Sharp corners · condensed uppercase labels · mono numbers
══════════════════════════════════════════════════════ */
html[data-theme="industrial"] {
  --brand:        #f5b301;
  --brand-dark:   #d99e00;
  --brand-light:  rgba(245,179,1,0.14);
  --brand-glow:   rgba(245,179,1,0.25);
  --bg:           #e9e7e2;
  --surface:      #f2f0eb;
  --surface-2:    #e9e7e2;
  --surface-3:    #dedbd4;
  --surface-4:    #d0cdc5;
  --surface-card: #ffffff;
  --border:       #d5d2ca;
  --border-2:     #111110;
  --border-3:     #111110;
  --text:         #111110;
  --text-muted:   #5f5c55;
  --text-light:   #8d8a82;
  --success:      #1e4a1a;
  --success-bg:   #e8f0e6;
  --warning:      #6b4e00;
  --warning-bg:   #fdf0d0;
  --danger:       #b03030;
  --danger-bg:    #fbe9e9;
  --info:         #111110;
  --shadow-sm:    none;
  --shadow-md:    4px 4px 0 rgba(17,17,16,0.12);
  --shadow-lg:    6px 6px 0 rgba(17,17,16,0.16);
  --radius:       0px;
  --radius-sm:    0px;
  --radius-xs:    0px;
}

html[data-theme="industrial"] body,
html[data-theme="industrial"] .main { background: #e9e7e2 !important; font-family: 'Archivo', -apple-system, sans-serif !important; }
html[data-theme="industrial"] * { border-radius: 0 !important; }
html[data-theme="industrial"] .topbar-avatar,
html[data-theme="industrial"] .avatar,
html[data-theme="industrial"] .topbar-avatar-mobile { border-radius: 0 !important; }

/* ════ TOPBAR ════ */
html[data-theme="industrial"] .topbar {
  background: #ffffff !important;
  border-bottom: 2px solid #111110 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
html[data-theme="industrial"] .topbar-title {
  color: #111110 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
}
html[data-theme="industrial"] .topbar-menu-btn { color: #111110 !important; }
html[data-theme="industrial"] .topbar-avatar { background: #f5b301 !important; color: #111110 !important; font-weight: 800 !important; }
html[data-theme="industrial"] .topbar-avatar-mobile { background: #f5b301 !important; color: #111110 !important; }
html[data-theme="industrial"] .topbar-user { color: #111110 !important; font-weight: 700 !important; }
html[data-theme="industrial"] .topbar-user-pill { background: transparent !important; border: 1.5px solid #111110 !important; }
html[data-theme="industrial"] .btn-sync, html[data-theme="industrial"] .btn-signout { color: #111110 !important; border: 1.5px solid transparent !important; }
html[data-theme="industrial"] .btn-sync:hover, html[data-theme="industrial"] .btn-signout:hover { border-color: #111110 !important; background: transparent !important; }

/* ════ SIDEBAR — NEAR BLACK ════ */
html[data-theme="industrial"] .sidebar {
  background: #111110 !important;
  border-right: none !important;
  box-shadow: none !important;
}
html[data-theme="industrial"] .sidebar-footer { background: #111110 !important; border-top: 1px solid #262522 !important; }
html[data-theme="industrial"] .sidebar-version-text { color: #3a3833 !important; }
html[data-theme="industrial"] .nav-label {
  color: #4a4740 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .16em !important;
  padding: 14px 16px 4px !important;
}
html[data-theme="industrial"] .nav-item {
  background: transparent !important;
  color: #7d7a72 !important;
  margin: 0 !important;
  padding: 9px 16px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
  border-left: none !important;
  transition: all .1s !important;
}
html[data-theme="industrial"] .nav-item:hover {
  background: #1d1c1a !important;
  color: #c9c6be !important;
}
html[data-theme="industrial"] .nav-item.active {
  background: #f5b301 !important;
  color: #111110 !important;
  font-weight: 800 !important;
}
html[data-theme="industrial"] .nav-item .nav-icon { opacity: .5 !important; }
html[data-theme="industrial"] .nav-item.active .nav-icon { opacity: 1 !important; }
html[data-theme="industrial"] .nav-badge {
  background: #f5b301 !important;
  color: #111110 !important;
  font-weight: 800 !important;
  font-family: 'JetBrains Mono', monospace !important;
}
html[data-theme="industrial"] .nav-item.active .nav-badge { background: #111110 !important; color: #f5b301 !important; }

/* ════ LOGIN PAGE ════ */
html[data-theme="industrial"] .login-wrap,
html[data-theme="industrial"] #loginScreen {
  background: #111110 !important;
}
html[data-theme="industrial"] .login-card {
  background: #ffffff !important;
  border: 2px solid #111110 !important;
  box-shadow: 8px 8px 0 #f5b301 !important;
}
html[data-theme="industrial"] .login-card h1,
html[data-theme="industrial"] #loginAppName {
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
  color: #111110 !important;
}
html[data-theme="industrial"] .login-card .input {
  border: 1.5px solid #111110 !important;
  background: #ffffff !important;
  font-weight: 600 !important;
}
html[data-theme="industrial"] .login-card .btn-primary {
  background: #f5b301 !important;
  color: #111110 !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  border: 1.5px solid #111110 !important;
}

/* ════ BUTTONS ════ */
html[data-theme="industrial"] .btn-primary {
  background: #111110 !important;
  color: #f5b301 !important;
  border: 1.5px solid #111110 !important;
  font-weight: 800 !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  box-shadow: none !important;
}
html[data-theme="industrial"] .btn-primary:hover:not(:disabled) {
  background: #f5b301 !important;
  color: #111110 !important;
  filter: none !important;
}
html[data-theme="industrial"] .btn-ghost {
  border: 1.5px solid #111110 !important;
  color: var(--text) !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
  background: transparent !important;
}
html[data-theme="industrial"] .btn-ghost:hover { background: #111110 !important; color: #fff !important; }
html[data-theme="industrial"] .btn-danger {
  background: #b03030 !important;
  border: 1.5px solid #b03030 !important;
  color: #fff !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
}

/* ════ VIEW HEADERS ════ */
html[data-theme="industrial"] .view-title {
  font-size: 17px !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
  text-transform: uppercase !important;
  color: #111110 !important;
}
html[data-theme="industrial"] .view-sub { font-size: 12px !important; color: #5f5c55 !important; }

/* ════ STAT CARDS ════ */
html[data-theme="industrial"] .dash-stat-card,
html[data-theme="industrial"] .modern-stat {
  background: #ffffff !important;
  border: 1.5px solid #111110 !important;
  box-shadow: none !important;
  padding: 14px 16px !important;
}
html[data-theme="industrial"] .dash-stat-icon { display: none !important; }
html[data-theme="industrial"] .modern-stat-label,
html[data-theme="industrial"] .dash-stat-lbl {
  font-size: 9px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;
  color: #8d8a82 !important;
}
html[data-theme="industrial"] .modern-stat-value,
html[data-theme="industrial"] .dash-stat-val {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #111110 !important;
}

/* ════ PANELS ════ */
html[data-theme="industrial"] .dash-panel,
html[data-theme="industrial"] .settings-card,
html[data-theme="industrial"] .session-card,
html[data-theme="industrial"] .location-card,
html[data-theme="industrial"] .waybill-card,
html[data-theme="industrial"] .catalogue-card {
  background: #ffffff !important;
  border: 1.5px solid #111110 !important;
  box-shadow: none !important;
}
html[data-theme="industrial"] .dash-panel-head {
  border-bottom: 1.5px solid #111110 !important;
  background: transparent !important;
}
html[data-theme="industrial"] .dash-panel-head h3,
html[data-theme="industrial"] .settings-card h3 {
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  color: #111110 !important;
}
html[data-theme="industrial"] .dash-list-row { border-bottom: 1px solid #e5e2dc !important; }
html[data-theme="industrial"] .dash-list-row:hover { background: #f7f5f0 !important; }

/* ════ TABLES ════ */
html[data-theme="industrial"] table thead tr th {
  background: #111110 !important;
  color: #f2f0eb !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .1em !important;
  border-bottom: none !important;
}
html[data-theme="industrial"] table tbody td { border-bottom: 1px solid #e5e2dc !important; font-size: 13px !important; }
html[data-theme="industrial"] table tbody tr:hover td { background: #faf8f3 !important; }
html[data-theme="industrial"] table td strong { font-weight: 700 !important; }

/* Monospace for numbers in tables */
html[data-theme="industrial"] table td[style*="text-align:right"],
html[data-theme="industrial"] table td[style*="text-align: right"] {
  font-family: 'JetBrains Mono', monospace !important;
  font-weight: 600 !important;
}

/* ════ INPUTS ════ */
html[data-theme="industrial"] .input,
html[data-theme="industrial"] input.input,
html[data-theme="industrial"] select,
html[data-theme="industrial"] .select-sm,
html[data-theme="industrial"] textarea {
  background: #ffffff !important;
  border: 1.5px solid #111110 !important;
  color: #111110 !important;
  font-weight: 600 !important;
}
html[data-theme="industrial"] .input:focus,
html[data-theme="industrial"] select:focus {
  border-color: #111110 !important;
  box-shadow: 3px 3px 0 #f5b301 !important;
  outline: none !important;
}
html[data-theme="industrial"] .search-wrap {
  background: #ffffff !important;
  border: 1.5px solid #111110 !important;
}

/* ════ MODALS ════ */
html[data-theme="industrial"] .modal {
  background: #ffffff !important;
  border: 2px solid #111110 !important;
  box-shadow: 8px 8px 0 rgba(17,17,16,0.85) !important;
}
html[data-theme="industrial"] .modal-head { border-bottom: 1.5px solid #111110 !important; }
html[data-theme="industrial"] .modal-head h3 { font-weight: 800 !important; text-transform: uppercase !important; font-size: 13px !important; letter-spacing: .03em !important; }
html[data-theme="industrial"] .modal-foot { border-top: 1.5px solid #111110 !important; background: #f2f0eb !important; }
html[data-theme="industrial"] .modal-backdrop { background: rgba(17,17,16,0.7) !important; }

/* ════ STATUS BADGES ════ */
html[data-theme="industrial"] [class*="status-"],
html[data-theme="industrial"] .status-badge {
  font-size: 9px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  padding: 3px 8px !important;
}
html[data-theme="industrial"] .status-received { background: #e8f0e6 !important; color: #1e4a1a !important; }
html[data-theme="industrial"] .status-pending  { background: #fdf0d0 !important; color: #6b4e00 !important; }
html[data-theme="industrial"] .status-rejected { background: #fbe9e9 !important; color: #b03030 !important; }

/* ════ PROGRESS BARS ════ */
html[data-theme="industrial"] .progress-bar-wrap { height: 4px !important; background: #e5e2dc !important; }

/* ════ TOASTS ════ */
html[data-theme="industrial"] .toast {
  border: 1.5px solid #111110 !important;
  background: #ffffff !important;
  color: #111110 !important;
  font-weight: 700 !important;
  box-shadow: 4px 4px 0 rgba(17,17,16,0.8) !important;
}