/* AU warehouse shell: CRM surfaces and spacing, with the floor's large controls intact. */
:root {
  --bg:#f4f6fb; --surface:#fff; --border:#e1e7f0; --text:#0f172a; --muted:#58677e;
  --primary:#326fc6; --primary-d:#245aa5; --ok:#087f5b; --danger:#b91c1c;
  --radius:16px; --tap:48px; --stack:18px; --stack-card:14px;
  --au-soft:#edf3fc; --au-shadow:0 2px 7px rgba(15,23,42,.045);
}
body.wms { -webkit-font-smoothing:antialiased; line-height:1.5; }
.wms-top { background:#fff; color:var(--text); border-bottom:1px solid var(--border); box-shadow:var(--au-shadow); }
.wms-top__back,.wms-top__mark { color:var(--primary); background:var(--au-soft); border-radius:12px; }
.wms-top__title h1 { letter-spacing:-.025em; font-size:1.1rem; }
.wms-top__title small { color:var(--muted); }
.wms-top__title small.is-critical { color:var(--danger); }
.wms-who,.wms-who .material-icons { color:var(--muted); }
.wms-alert,.wms-layout,.wms-print { background:#f1f4f9; color:var(--muted); min-width:48px; min-height:48px; border-radius:12px; }
.wms-alert.is-attention,.wms-print.is-attention { background:var(--danger); color:#fff; }
.wms-print.is-ready { color:#087f5b; background:#e9f7ef; }
.wms-print.is-queued { color:#8d5900; background:#fff5db; }
.wms-print.is-offline { color:#b91c1c; }
.wms-welcome { display:flex; align-items:center; gap:16px; padding:24px; border:1px solid var(--border); border-radius:20px; background:linear-gradient(115deg,#fff 50%,#edf3fc); box-shadow:var(--au-shadow); }
.wms-welcome__mark { display:grid; place-items:center; width:54px; height:54px; flex-shrink:0; border-radius:16px; background:var(--primary); color:#fff; box-shadow:0 6px 16px #326fc629; }
.wms-welcome__mark .material-icons { font-size:30px; }
.wms-welcome h2 { margin:3px 0; font-size:1.45rem; letter-spacing:-.035em; line-height:1.25; }
.wms-welcome p { margin:0; color:var(--muted); font-size:.9rem; }
.wms-welcome .wms-eyebrow { color:var(--primary); font-size:.67rem; font-weight:800; letter-spacing:.12em; }
.wms-site-chip { display:flex; align-items:center; gap:6px; margin-left:auto; padding:8px 12px; border:1px solid #cbdcf5; border-radius:999px; white-space:nowrap; background:#f7faff; color:#245aa5; font-size:.8rem; font-weight:700; }
.wms-site-chip .material-icons { font-size:18px; }
.wms-group h2 { color:#52627a; letter-spacing:.1em; font-size:.73rem; margin-bottom:12px; }
.wms-tiles { gap:14px; }
.wms-tile { position:relative; padding:20px; border-color:var(--border); border-radius:16px; box-shadow:var(--au-shadow); transition:border-color .15s,box-shadow .15s; }
.wms-tile > .material-icons { display:grid; place-items:center; width:44px; height:44px; border-radius:12px; background:var(--au-soft); color:var(--primary); font-size:24px; }
.wms-tile strong { letter-spacing:-.02em; font-size:1rem; }
.wms-tile span.blurb { font-size:.79rem; line-height:1.5; }
.card,.pickcard { border-color:var(--border); box-shadow:var(--au-shadow); border-radius:16px; }
.card h2,.card h3 { letter-spacing:-.025em; }
.btn { border-radius:12px; font-weight:700; min-height:48px; }
.btn--lg { min-height:64px; font-size:1.15rem; }
.btn--ghost { border-width:1px; background:#fff; }
.field input,.field select,.field textarea { border-radius:12px; border-color:#cbd5e1; }
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible { outline:3px solid #326fc655; outline-offset:3px; }
input.scan { min-height:60px; font-size:1.2rem; border:2px solid #b6c8e2; background:#fbfdff; }
.qty-need b,.pickcard__big { font-variant-numeric:tabular-nums; }
.wms-login { min-height:100dvh; display:grid; place-items:center; padding:24px; background:radial-gradient(ellipse at top,#e6eefb,#f4f6fb 65%); }
.wms-login-card { width:100%; max-width:440px; padding:36px; background:#fff; border:1px solid var(--border); border-radius:24px; box-shadow:0 18px 60px #0f172a0d; }
.wms-login-card img { width:180px; max-width:70%; height:auto; margin-bottom:30px; }
.wms-login-card h1 { font-size:1.9rem; letter-spacing:-.04em; margin:10px 0; line-height:1.2; }
.wms-login-card p { color:var(--muted); margin:0 0 24px; }
.wms-login-card .btn { display:flex; gap:10px; width:100%; text-decoration:none; }
.wms-login-foot { border-top:1px solid var(--border); margin-top:26px; padding-top:18px; font-size:.78rem; color:var(--muted); }
@media (hover:hover) { .wms-tile:hover { border-color:#a7c2e8; box-shadow:0 5px 16px #0f172a0a; } }
@media (max-width:600px) {
  .wms--admin .wms-main,.wms--operator .wms-main { padding:14px; }
  .wms-welcome { padding:18px; gap:12px; flex-wrap:wrap; }
  .wms-welcome__mark { width:44px; height:44px; border-radius:12px; }
  .wms-welcome h2 { font-size:1.13rem; }
  .wms-site-chip { margin-left:0; }
  .wms-tiles { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .wms-tile { padding:16px; min-height:145px; }
  .wms-top { gap:8px; padding-left:10px; padding-right:10px; }
  .wms-top__right { gap:6px; }
  .wms-who { display:none; }
  .btn--sm { min-height:48px; }
  .btn--icon.btn--sm { width:48px; min-width:48px; }
  .field input,.field select,.field textarea { font-size:16px; min-height:48px; }
  .field input.scan { font-size:1.2rem; min-height:60px; }
  .wms-login-card { padding:26px; }
}
@media (prefers-reduced-motion:reduce) { .wms-tile { transition:none; } }

.wms-validation-banner { padding:10px 16px; color:#704400; background:#fff7e3; border-bottom:1px solid #f1dfb6; font-size:.8rem; text-align:center; }