/* SALES_READY_100_VISUAL_EXPERIENCE_FINAL_LOCK
   Premium WMS UX polish layer. Safe additive CSS; no destructive layout override. */
:root{
  --vxl-bg:#f5f7fb;
  --vxl-surface:#ffffff;
  --vxl-ink:#0f172a;
  --vxl-muted:#64748b;
  --vxl-line:#dbe4f0;
  --vxl-primary:#0f4c81;
  --vxl-primary-2:#1d72b8;
  --vxl-success:#0f8a5f;
  --vxl-warning:#d97706;
  --vxl-danger:#c2410c;
  --vxl-info:#2563eb;
  --vxl-radius:18px;
  --vxl-shadow:0 18px 50px rgba(15,23,42,.10);
  --vxl-focus:0 0 0 4px rgba(29,114,184,.24);
}
body.visual-experience-final-lock,
body.visual-showroom-final.visual-experience-final-lock{
  background: radial-gradient(circle at top left, rgba(29,114,184,.10), transparent 32rem), var(--vxl-bg);
  color: var(--vxl-ink);
}
body.visual-experience-final-lock .app-shell,
body.visual-experience-final-lock .depo-shell,
body.visual-experience-final-lock .layout-shell{
  background: linear-gradient(135deg, rgba(15,76,129,.06), rgba(15,138,95,.04));
}
body.visual-experience-final-lock .sidebar,
body.visual-experience-final-lock aside,
body.visual-experience-final-lock [data-sidebar]{
  border-right:1px solid rgba(219,228,240,.95);
  box-shadow:8px 0 32px rgba(15,23,42,.06);
}
body.visual-experience-final-lock .topbar,
body.visual-experience-final-lock header[role="banner"],
body.visual-experience-final-lock [data-topbar]{
  backdrop-filter: blur(16px);
  background:rgba(255,255,255,.88);
  border-bottom:1px solid var(--vxl-line);
}
body.visual-experience-final-lock .card,
body.visual-experience-final-lock .metric-card,
body.visual-experience-final-lock .panel,
body.visual-experience-final-lock [data-card]{
  border:1px solid rgba(219,228,240,.98);
  border-radius:var(--vxl-radius);
  box-shadow:var(--vxl-shadow);
  background:linear-gradient(180deg,#fff,rgba(248,250,252,.98));
}
body.visual-experience-final-lock .metric-card,
body.visual-experience-final-lock [data-metric]{
  position:relative;
  overflow:hidden;
}
body.visual-experience-final-lock .metric-card:before,
body.visual-experience-final-lock [data-metric]:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:linear-gradient(90deg,var(--vxl-primary),var(--vxl-success));
}
body.visual-experience-final-lock table{
  border-collapse:separate;
  border-spacing:0;
}
body.visual-experience-final-lock thead th{
  background:#f8fafc;
  color:#334155;
  font-weight:700;
  border-bottom:1px solid var(--vxl-line);
}
body.visual-experience-final-lock tbody tr:hover{
  background:rgba(29,114,184,.045);
}
body.visual-experience-final-lock .badge,
body.visual-experience-final-lock .status,
body.visual-experience-final-lock [data-status]{
  border-radius:999px;
  font-weight:700;
  letter-spacing:.01em;
}
body.visual-experience-final-lock .status-critical,
body.visual-experience-final-lock [data-status="critical"]{background:#fff7ed;color:var(--vxl-danger);border:1px solid #fed7aa;}
body.visual-experience-final-lock .status-warning,
body.visual-experience-final-lock [data-status="warning"]{background:#fffbeb;color:var(--vxl-warning);border:1px solid #fde68a;}
body.visual-experience-final-lock .status-ok,
body.visual-experience-final-lock [data-status="ok"]{background:#ecfdf5;color:var(--vxl-success);border:1px solid #bbf7d0;}
body.visual-experience-final-lock button,
body.visual-experience-final-lock .btn,
body.visual-experience-final-lock [role="button"]{
  border-radius:14px;
  min-height:40px;
  transition:transform .14s ease, box-shadow .14s ease, background .14s ease;
}
body.visual-experience-final-lock button:focus-visible,
body.visual-experience-final-lock .btn:focus-visible,
body.visual-experience-final-lock a:focus-visible,
body.visual-experience-final-lock input:focus-visible,
body.visual-experience-final-lock select:focus-visible,
body.visual-experience-final-lock textarea:focus-visible{
  outline:0;
  box-shadow:var(--vxl-focus);
}
body.visual-experience-final-lock .warehouse-location,
body.visual-experience-final-lock [data-location-card]{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  letter-spacing:.025em;
  border-radius:16px;
  background:#eff6ff;
  border:1px solid #bfdbfe;
  color:#1e3a8a;
}
body.visual-experience-final-lock .picking-step,
body.visual-experience-final-lock [data-picking-step]{
  border-left:6px solid var(--vxl-primary-2);
  padding:1rem;
  border-radius:16px;
  background:#fff;
}
body.visual-experience-final-lock .empty-state,
body.visual-experience-final-lock [data-empty-state]{
  border:1px dashed #cbd5e1;
  border-radius:22px;
  background:linear-gradient(180deg,#fff,#f8fafc);
  color:var(--vxl-muted);
}
@media (max-width: 768px){
  body.visual-experience-final-lock .metric-grid,
  body.visual-experience-final-lock [data-kpi-grid]{grid-template-columns:1fr!important;}
  body.visual-experience-final-lock table{font-size:13px;}
  body.visual-experience-final-lock .operator-action,
  body.visual-experience-final-lock [data-operator-action]{min-height:48px;font-size:1rem;}
}