/* CineQC app shell: the shared top bar. Chrome is Edit Bay gold from the tier on <body>; no page padding here. */
.qc-shell { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 1rem; margin: 0 0 1.25rem; padding: 0.5rem 0; border-bottom: 1px solid var(--glass-border, rgba(255, 255, 255, 0.12)); font-family: var(--font-mono, monospace); position: relative; z-index: 2; }
.qc-shell-tabs { display: flex; flex-wrap: wrap; gap: 0.25rem; }
.qc-shell-tab { padding: 0.45rem 0.8rem; border: 1px solid transparent; border-radius: 0.375rem; color: var(--text-secondary, #b9aa91); font-size: 0.78rem; letter-spacing: 0.06em; text-decoration: none; text-transform: uppercase; }
.qc-shell-tab:hover { color: var(--text-primary, #f6ead6); border-color: var(--glass-border, rgba(255, 255, 255, 0.12)); }
.qc-shell-tab[aria-current="page"] { color: var(--text-primary, #f6ead6); border-color: var(--eb-gold); }
.qc-shell-tab:focus-visible, .qc-shell-help:focus-visible { outline: 2px solid var(--eb-gold); outline-offset: 2px; }
.qc-shell-status { flex: 1 1 16rem; margin: 0; color: var(--text-muted, #b9aa91); font-size: 0.7rem; line-height: 1.4; }
.qc-shell-help { padding: 0.4rem 0.7rem; border-radius: 0.375rem; font-family: inherit; font-size: 0.7rem; cursor: pointer; }
.qc-shell-keys { flex-basis: 100%; margin: 0; padding: 0.6rem 0.8rem; border: 1px solid var(--glass-border, rgba(255, 255, 255, 0.12)); border-radius: 0.375rem; color: var(--text-secondary, #b9aa91); font-size: 0.74rem; line-height: 1.5; }
.qc-shell-keys[hidden] { display: none; }
@media print { .qc-shell { display: none !important; } }