/* Shared employee/customer palette. Screen-only: shipping labels retain their print colors. */
@media screen {
 :root {
  --brand-navy:#29435c;
  --brand-action:#2474c7;
  --brand-hover:#195c9f;
  --brand-tint:#edf5ff;
  --brand-bg:#f6f8fb;
  --brand-ink:#34465a;
  --nav:var(--brand-navy);--green:var(--brand-action);--blue:var(--brand-action);
  --bg:var(--brand-bg);--ink:var(--brand-ink);--line:#e0e7ef;
  --ui-focus:var(--brand-action);--ui-ring:rgba(36,116,199,.16);
  background:var(--brand-bg);color:var(--brand-ink);
 }
 :root[data-color-theme="青绿白"] {--brand-action:#087f82;--brand-hover:#066568;--brand-tint:#e9f6f3;--brand-bg:#f4f8f7;--brand-ink:#304d4c;--ui-ring:rgba(8,127,130,.16)}
 :root[data-color-theme="紫灰白"] {--brand-action:#7054ad;--brand-hover:#574087;--brand-tint:#f1edf9;--brand-bg:#f7f6fa;--brand-ink:#443d54;--ui-ring:rgba(112,84,173,.16)}
 body {background:var(--brand-bg);color:var(--brand-ink)}
 .topnav,body>header {background:#fff;color:var(--brand-ink);box-shadow:0 1px 0 #e0e7ef}.topnav .logo {background:#fff;color:var(--brand-ink)}
 .topnav .nav-trigger,body>header .nav-trigger,body>header .brand {color:var(--brand-ink)}
 .topnav .nav-trigger:hover,.topnav .nav-group.selected>.nav-trigger,
 .topnav .nav-group.open>.nav-trigger,body>header .nav-group.open>.nav-trigger,
 body>header .nav-group.selected>.nav-trigger {background:var(--brand-tint);color:var(--brand-hover);box-shadow:inset 0 -3px var(--brand-action)}
 .nav-menu button:hover,body>header .nav-menu button:hover,body>header .nav-menu button.active {background:var(--brand-tint);color:var(--brand-hover)}
 .filter-buttons .green,.green,button.primary {
  background:var(--brand-action)!important;border-color:var(--brand-action)!important;color:#fff!important;
 }
 .filter-buttons .green:hover:not(:disabled),.green:hover:not(:disabled),button.primary:hover:not(:disabled) {
  background:var(--brand-hover)!important;border-color:var(--brand-hover)!important;
 }
 .action-dark {background:var(--brand-action);color:#fff}
 .action-dark:hover {background:var(--brand-hover)}
 .status-tabs,.tabs {border-bottom-color:var(--brand-action)}
 .status-tabs button.active,.tabs button.active {background:var(--brand-action);border-color:var(--brand-action);color:#fff}
 .status-tabs button:not(.active):hover,.tabs button:not(.active):hover {background:var(--brand-tint);color:var(--brand-hover)}
 .load-panel {--load-green:var(--brand-action);--load-blue:var(--brand-action);--load-ink:var(--brand-ink)}
 .home-flow h2 {background:var(--brand-tint);color:var(--brand-hover)}
 .home-stat {border-color:#e0e7ef}
 .shipment-reference-list tbody tr:has(input:checked),.load-panel tbody tr:has(input:checked) {background:var(--brand-tint)}
 input[type=checkbox],input[type=radio] {accent-color:var(--brand-action)}
 input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible {outline:2px solid var(--brand-action);outline-offset:2px}
 .login-screen {background:linear-gradient(135deg,var(--brand-tint),#fff 55%,var(--brand-bg))}
 .login-card {border-top:4px solid var(--brand-action);box-shadow:0 20px 60px #29435c18}
 .login-card h1,.login-card .login-role-title {color:var(--brand-navy)}
 .login-logo-slot {background:var(--brand-tint);border-color:var(--brand-action)}
 .login-card small,.login-card p {color:#5a7081}
 .login-card #demo-enter {background:var(--brand-tint);color:var(--brand-hover)}
}