/* Real ERP recording, isolated from the feature carousel and application. */
#dashboard-customization { scroll-margin-top:104px; }
.dash-live { scroll-margin-block:100px; }
.dash-live { --dash-surface:#fff; --dash-bg:#f8fafc; --dash-line:#dbe3ee; --dash-ink:#0f172a; --dash-muted:#475569; border-radius:14px; }
.dark .dash-live { --dash-surface:#111c2e; --dash-bg:#0f172a; --dash-line:#334155; --dash-ink:#f1f5f9; --dash-muted:#cbd5e1; }
.dash-live-head { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:18px 20px; border-bottom:1px solid var(--dash-line); }
.dash-live-head strong { display:flex; align-items:center; gap:9px; font-size:.95rem; }
.dash-live-head svg { width:19px; height:19px; color:#2563eb; }
.dark .dash-live-head svg { color:#93c5fd; }
.dash-live-badge { display:inline-flex; align-items:center; gap:7px; padding:5px 9px; border-radius:6px; color:#047857; background:#ecfdf5; font-size:.75rem; font-weight:700; }
.dash-live-badge::before { content:''; width:6px; height:6px; background:currentColor; border-radius:50%; }
.dark .dash-live-badge { background:#064e3b; color:#a7f3d0; }
.dash-live-screen { position:relative; aspect-ratio:8/5; background:var(--dash-bg); overflow:hidden; }
.dash-live-screen video { display:block; width:100%; height:100%; object-fit:contain; }
.dash-live video::cue { background:#0f172ae6; color:white; font-family:inherit; }
.dash-live-controls { display:flex; align-items:center; gap:8px; padding:10px 14px; border-top:1px solid var(--dash-line); }
.dash-live [hidden] { display:none !important; }
.dash-live button { font:inherit; cursor:pointer; }
.dash-live button:focus-visible, .dash-live input:focus-visible { outline:2px solid #2563eb; outline-offset:3px; }
.dash-live-play, .dash-live-icon { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; min-height:44px; border:0; border-radius:8px; background:var(--dash-bg); color:var(--dash-ink); }
.dash-live-play { gap:6px; padding:0 12px; font-size:.75rem !important; font-weight:700 !important; }
.dash-live-icon { width:44px; }
.dash-live-play svg, .dash-live-icon svg { width:18px; height:18px; }
.dash-live button:hover { background:#eff6ff; color:#1d4ed8; }
.dark .dash-live button:hover { background:#1e3a5f; color:#bfdbfe; }
.dash-live-controls input { flex:1; width:100%; min-width:28px; height:44px; accent-color:#2563eb; direction:ltr; cursor:pointer; }
.dash-live-chapters { display:flex; gap:6px; padding:0 14px 12px; }
.dash-live-chapters button { flex:1; min-width:0; min-height:44px; padding:6px 9px; border:1px solid var(--dash-line); border-radius:7px; background:var(--dash-surface); color:var(--dash-muted); font-size:.75rem; line-height:1.5; font-weight:700; transition:background-color .18s,color .18s,border-color .18s; }
.dash-live-chapters button[aria-current="step"] { color:#1d4ed8; border-color:#93c5fd; background:#eff6ff; }
.dark .dash-live-chapters button[aria-current="step"] { color:#bfdbfe; border-color:#3b82f6; background:#172e50; }
.dash-live figcaption { display:flex; flex-direction:column; gap:4px; padding:14px 20px; border-top:1px solid var(--dash-line); background:var(--dash-bg); font-size:.78rem; }
.dash-live [data-dashboard-status] { color:var(--dash-ink); font-weight:700; }
.dash-live-caption { font-size:.75rem; }
.dash-live.is-loading .dash-live-play { color:var(--dash-muted); }
.dash-live-screen:fullscreen { display:flex; align-items:center; justify-content:center; background:#0f172a; }
.dash-live-screen:fullscreen video { max-height:100vh; object-fit:contain; }
@media(min-width:1024px) { .dash-showcase-layout { grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr); gap:36px; } }
@media(max-width:640px) {
  .dash-live-head { padding:14px; gap:8px; }
  .dash-live-head strong { font-size:.83rem; }
  .dash-live-controls { gap:4px; padding:8px; }
  .dash-live-play { padding:0 8px; }
  .dash-live-chapters { gap:5px; padding:0 8px 10px; }
  .dash-live-chapters button { padding:6px 4px; }
  .dash-live figcaption { padding:12px 14px; }
}
@media(prefers-reduced-motion:reduce) { .dash-live-chapters button { transition:none; } }