/* The standalone page only (the remote ships no stylesheet).
   The CSP is style-src 'self', so a design-system component's own <style>
   tag is not applied; its rules are repeated here, verbatim, from the
   vendored bundle (Button, AppShell, Assistant). Nothing here restyles a
   component. */

/* ── From the design system (public/ds/_ds_bundle.js) ─────────────────── */
.eq-btn-primary:hover:not(:disabled){background:var(--brand-primary-hover)}
.eq-btn-primary:active:not(:disabled){background:var(--brand-primary-active);transform:scale(.98)}
.eq-btn-secondary:hover:not(:disabled){background:var(--surface-2)}
.eq-btn-secondary:active:not(:disabled){transform:scale(.98)}
.eq-btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text-1)}
.eq-btn-danger:hover:not(:disabled){background:var(--status-danger-text);filter:brightness(.92)}
.eq-btn:focus-visible{box-shadow:var(--focus-ring-shadow)}
@keyframes eq-spin{to{transform:rotate(360deg)}}
@keyframes eq-shell-drawer{from{transform:translateX(-100%)}to{transform:none}}
@keyframes eq-ai-pulse{0%{box-shadow:0 0 0 0 rgba(11,122,130,.35)}100%{box-shadow:0 0 0 18px rgba(11,122,130,0)}}
@keyframes eq-ai-dot{0%,80%,100%{opacity:.25}40%{opacity:1}}
@keyframes eq-ai-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.eq-ai-chip:hover{background:var(--surface-2);color:var(--text-1)}
.eq-ai-icon:hover{background:var(--surface-2)}
.eq-ai-launch:hover{box-shadow:var(--shadow-overlay)}

/* ── The standalone page ─────────────────────────────────────────────── */
html, body, #root { height: 100%; }
body { overflow: hidden; }