/* Host page chrome only. The scanner component ships its own styles via the RCL;
   theme it by overriding --scanner-* variables here if desired, e.g.:
     :root { --scanner-accent: #3b82f6; --scanner-accent-ink: #fff; } */
:root {
    --bg:     #0b0d10;
    --ink:    #eef2f4;
    --muted:  #8b97a1;
    --accent: #4ef2c9;
    color-scheme: dark;
}

* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; }

body {
    background: var(--bg);
    color: var(--ink);
    font-family: "Sora", system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.boot {
    display: flex; align-items: center; gap: .6rem;
    padding: 2.5rem; color: var(--muted);
    font-family: "Spline Sans Mono", monospace; letter-spacing: .04em;
}
.boot-dot {
    width: .6rem; height: .6rem; border-radius: 50%;
    background: var(--accent); box-shadow: 0 0 12px var(--accent);
    animation: boot-pulse 1.1s ease-in-out infinite;
}
@keyframes boot-pulse { 0%,100%{opacity:.35;transform:scale(.85)} 50%{opacity:1;transform:scale(1.1)} }

#blazor-error-ui {
    display: none;
    position: fixed; bottom: 0; left: 0; right: 0;
    background: #2a1416; color: #ff6b6b;
    padding: .8rem 1.2rem; border-top: 1px solid #5a2a2e;
    font-family: "Spline Sans Mono", monospace; z-index: 100;
}
#blazor-error-ui .dismiss { cursor: pointer; float: right; }