/* SALES_READY_100_VISUAL_LIVE_EVIDENCE_READY_LOCK
   Enterprise visual evidence readiness layer. Adds live-preview polish without claiming production visual GO. */
:root {
  --vler-primary: #0f3d5e;
  --vler-accent: #14b8a6;
  --vler-surface: #ffffff;
  --vler-surface-soft: #f8fafc;
  --vler-border: rgba(15, 61, 94, .14);
  --vler-text: #102033;
  --vler-muted: #64748b;
  --vler-warning: #f59e0b;
  --vler-danger: #dc2626;
  --vler-success: #059669;
  --vler-shadow: 0 22px 50px rgba(15, 61, 94, .10);
}
html[data-visual-live-evidence-ready-lock="true"] body.visual-live-evidence-ready-lock {
  background: radial-gradient(circle at top right, rgba(20,184,166,.08), transparent 32rem), var(--vler-surface-soft);
}
.visual-live-evidence-ready-lock .metric-card,
.visual-live-evidence-ready-lock [class*="kpi"],
.visual-live-evidence-ready-lock .dashboard-card {
  border: 1px solid var(--vler-border);
  box-shadow: var(--vler-shadow);
  border-radius: 20px;
  background: linear-gradient(180deg, #fff, #fbfdff);
}
.visual-live-evidence-ready-lock .live-evidence-capture-frame,
.visual-live-evidence-ready-lock .production-preview-frame {
  border: 1px dashed rgba(15, 61, 94, .36);
  border-radius: 18px;
  padding: 1rem;
  background: rgba(255,255,255,.82);
}
.visual-live-evidence-ready-lock table {
  border-collapse: separate;
  border-spacing: 0;
}
.visual-live-evidence-ready-lock th {
  color: var(--vler-primary);
  font-weight: 750;
}
.visual-live-evidence-ready-lock .badge,
.visual-live-evidence-ready-lock .status-pill,
.visual-live-evidence-ready-lock [class*="badge"] {
  border-radius: 999px;
  letter-spacing: .01em;
}
.visual-live-evidence-ready-lock input:focus,
.visual-live-evidence-ready-lock select:focus,
.visual-live-evidence-ready-lock textarea:focus,
.visual-live-evidence-ready-lock button:focus-visible,
.visual-live-evidence-ready-lock a:focus-visible {
  outline: 3px solid rgba(20,184,166,.34);
  outline-offset: 2px;
}
.visual-live-evidence-ready-lock .visual-live-evidence-banner {
  display: grid;
  gap: .5rem;
  padding: 1rem 1.25rem;
  border: 1px solid var(--vler-border);
  background: linear-gradient(135deg, rgba(15,61,94,.08), rgba(20,184,166,.08));
  border-radius: 22px;
}
@media (prefers-reduced-motion: reduce) {
  .visual-live-evidence-ready-lock * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media (max-width: 760px) {
  .visual-live-evidence-ready-lock .metric-card,
  .visual-live-evidence-ready-lock [class*="kpi"],
  .visual-live-evidence-ready-lock .dashboard-card { border-radius: 16px; }
  .visual-live-evidence-ready-lock table { display: block; overflow-x: auto; max-width: 100%; }
  .visual-live-evidence-ready-lock .live-evidence-capture-frame { padding: .75rem; }
}