/* Rayvi Support on top of HQ theme v1. One accent (hydration blue), nothing else coloured. */
:root { --hq-accent-hsl: 199 72% 38%; }

body { margin: 0; }
[hidden] { display: none !important; }
.rv-sprite { position: absolute; width: 0; height: 0; }
.rv-badge { display: inline-block; padding: 2px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; background: var(--hq-subtle); color: var(--hq-muted); white-space: nowrap; }
.rv-badge--accent { background: var(--hq-accent-soft); color: var(--hq-accent); }
.rv-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--hq-gap-sm); }
.rv-between { display: flex; align-items: center; justify-content: space-between; gap: var(--hq-gap); flex-wrap: wrap; }
.rv-text { white-space: pre-wrap; font-size: 15px; line-height: 1.55; margin: 0; }
.rv-mail { background: var(--hq-subtle); border-radius: var(--hq-radius-sm); padding: var(--hq-gap); display: flex; flex-direction: column; gap: var(--hq-gap-xs); }
.rv-mail + .rv-mail { margin-top: var(--hq-gap-sm); }
.rv-small { font-size: 13px; color: var(--hq-muted); margin: 0; }
textarea.hq-input { min-height: 220px; height: auto; padding: 14px 16px; line-height: 1.5; resize: vertical; font-family: inherit; }
textarea.hq-input.rv-short { min-height: 96px; }
.rv-msg { margin: 0; font-size: 14px; color: var(--hq-muted); }
.rv-msg--error { color: var(--hq-text); font-weight: 600; }
.rv-progress { height: 8px; border-radius: 999px; background: var(--hq-subtle); overflow: hidden; width: 160px; }
.rv-progress > span { display: block; height: 100%; background: var(--hq-chart-1); }
.rv-switch { display: inline-flex; align-items: center; gap: var(--hq-gap-sm); font-weight: 600; }
.rv-login { max-width: 420px; margin: 10vh auto 0; display: flex; flex-direction: column; gap: var(--hq-gap-lg); }
.rv-code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; background: var(--hq-subtle); padding: 2px 6px; border-radius: 6px; }
.hq-app[data-auth="out"] .hq-sidebar, .hq-app[data-auth="out"] .hq-topbar { display: none; }
.hq-app[data-auth="out"] { grid-template-columns: 1fr; }