/* SALES_READY_100_VISUAL_SHOWROOM_FINAL — premium showroom final UI polish layer. Safe additive CSS only. */
:root {
  --vsf-primary: #0f3b5f;
  --vsf-primary-2: #155e75;
  --vsf-accent: #1e88e5;
  --vsf-success: #16a34a;
  --vsf-warning: #f59e0b;
  --vsf-danger: #dc2626;
  --vsf-ink: #0f172a;
  --vsf-muted: #64748b;
  --vsf-bg: #f6f8fb;
  --vsf-surface: #ffffff;
  --vsf-border: #dbe4ef;
  --vsf-radius-lg: 24px;
  --vsf-radius-md: 16px;
  --vsf-shadow: 0 18px 45px rgba(15, 23, 42, .12);
  --vsf-soft-shadow: 0 10px 30px rgba(15, 23, 42, .08);
}
body.visual-showroom-final {
  background: radial-gradient(circle at 12% 0%, rgba(30,136,229,.10), transparent 32%), linear-gradient(180deg,#f8fbff 0%,#f5f7fb 100%);
  color: var(--vsf-ink);
}
body.visual-showroom-final .app-shell,
body.visual-showroom-final .depo-shell,
body.visual-showroom-final .workspace-shell {
  background: transparent;
}
body.visual-showroom-final .sidebar,
body.visual-showroom-final [data-sidebar],
body.visual-showroom-final .app-sidebar {
  background: linear-gradient(180deg,#0f172a 0%,#0b1220 100%);
  border-right: 1px solid rgba(255,255,255,.08);
}
body.visual-showroom-final .topbar,
body.visual-showroom-final .app-topbar,
body.visual-showroom-final [data-topbar] {
  backdrop-filter: blur(14px);
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(219,228,239,.88);
  box-shadow: var(--vsf-soft-shadow);
}
body.visual-showroom-final .card,
body.visual-showroom-final .metric-card,
body.visual-showroom-final .panel,
body.visual-showroom-final [data-card] {
  border: 1px solid var(--vsf-border);
  border-radius: var(--vsf-radius-lg);
  box-shadow: var(--vsf-soft-shadow);
  background: rgba(255,255,255,.96);
}
body.visual-showroom-final .metric-card strong,
body.visual-showroom-final [data-kpi-value] {
  letter-spacing: -0.04em;
  font-weight: 850;
}
body.visual-showroom-final table,
body.visual-showroom-final .data-table {
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border-radius: var(--vsf-radius-md);
}
body.visual-showroom-final th {
  background: #f1f5f9;
  color: #334155;
  font-weight: 760;
}
body.visual-showroom-final td {
  border-bottom: 1px solid #edf2f7;
}
body.visual-showroom-final .badge,
body.visual-showroom-final .status-pill,
body.visual-showroom-final [data-status] {
  border-radius: 999px;
  font-weight: 760;
  letter-spacing: .01em;
}
body.visual-showroom-final .btn-primary,
body.visual-showroom-final button[type="submit"],
body.visual-showroom-final [data-primary-action] {
  background: linear-gradient(135deg,var(--vsf-primary),var(--vsf-accent));
  border: 0;
  color: white;
  box-shadow: 0 12px 26px rgba(30,136,229,.24);
}
body.visual-showroom-final input:focus,
body.visual-showroom-final select:focus,
body.visual-showroom-final textarea:focus,
body.visual-showroom-final button:focus-visible,
body.visual-showroom-final a:focus-visible {
  outline: 3px solid rgba(30,136,229,.34);
  outline-offset: 3px;
}
body.visual-showroom-final .empty-state,
body.visual-showroom-final [data-empty-state] {
  border: 1px dashed #bfdbfe;
  background: linear-gradient(180deg,#f8fbff,#ffffff);
  border-radius: var(--vsf-radius-lg);
}
body.visual-showroom-final .visual-showroom-ribbon {
  display: inline-flex;
  gap: .5rem;
  align-items: center;
  padding: .45rem .75rem;
  border-radius: 999px;
  background: #eff6ff;
  color: var(--vsf-primary);
  border: 1px solid #bfdbfe;
  font-weight: 760;
}
@media (max-width: 768px) {
  body.visual-showroom-final .metric-grid,
  body.visual-showroom-final [data-kpi-grid] { grid-template-columns: 1fr !important; }
  body.visual-showroom-final .sidebar,
  body.visual-showroom-final .app-sidebar { box-shadow: var(--vsf-shadow); }
  body.visual-showroom-final table { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  body.visual-showroom-final * { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}