/* ═══════════════════════════════════════════════════════════════════════════
   Zawaya room screen — depth (PROMPT-ORDER-WOW.md, job two)
   ═══════════════════════════════════════════════════════════════════════════
   Loaded last; edits nothing before it. The motion that goes with it is
   rs-motion.js (weight, stagger, the bar) and the room atmosphere is in rs-home.css.

   • DEPTH. Static glass on two boxes only: the docked voice's band and the
     channel list over the picture. 7u of blur (14px at 1920 × 1080; 14
     device px in a 1080p TV's 960 × 540 WebView), on the box's own area,
     never full-bleed and never animated. Each ground stays at or above the
     alpha the contrast floor needs over a pure white frame (navy 72%,
     REPORT-CHANNELS-QUIET.md): the list keeps its 80%, the band goes from
     92% to 84%. A blur does not lower that floor; it softens what shows
     through. Over video a backdrop blur is re-drawn with every frame — the
     cost table in REPORT-ORDER-WOW.md, and the first thing to drop.
   • Where the engine has no backdrop-filter, and under reduced motion, the
     same two boxes keep their solid ground and read as raised instead: one
     static shadow toward what they cover, and a 1u light edge.
   • The Wi-Fi veil loses its full-bleed blur (a third glass, and the whole
     screen's): its ground deepens from 82% to 90% to keep home as far back.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── DEPTH: the two glass boxes ───────────────────────────────────────── */
.rs {
    --al-edge: color-mix(in srgb, var(--zv-mist) 10%, transparent);
    --al-lift: color-mix(in srgb, var(--zv-navy) 88%, transparent);
}
.rs[data-voice="dock"] .rs-voice-scrim {
    background: color-mix(in srgb, var(--zv-navy) 84%, transparent);
    -webkit-backdrop-filter: blur(calc(7 * var(--u))); backdrop-filter: blur(calc(7 * var(--u)));
    box-shadow: inset 0 calc(1 * var(--u)) 0 var(--al-edge);
}
.rs .rs-tv[data-list="1"][data-picture] .rs-tv-list {
    -webkit-backdrop-filter: blur(calc(7 * var(--u))); backdrop-filter: blur(calc(7 * var(--u)));
}
.rs[dir="rtl"] .rs-tv[data-list="1"][data-picture] .rs-tv-list { box-shadow: inset calc(1 * var(--u)) 0 0 var(--al-edge); }
.rs[dir="ltr"] .rs-tv[data-list="1"][data-picture] .rs-tv-list { box-shadow: inset calc(-1 * var(--u)) 0 0 var(--al-edge); }

/* No glass: the solid ground, raised by one static shadow toward what the box covers. */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .rs[data-voice="dock"] .rs-voice-scrim {
        background: var(--rl-ground);
        box-shadow: 0 calc(-12 * var(--u)) calc(24 * var(--u)) calc(-12 * var(--u)) var(--al-lift), inset 0 calc(1 * var(--u)) 0 var(--al-edge);
    }
    .rs[dir="rtl"] .rs-tv[data-list="1"][data-picture] .rs-tv-list { box-shadow: calc(-12 * var(--u)) 0 calc(24 * var(--u)) calc(-12 * var(--u)) var(--al-lift), inset calc(1 * var(--u)) 0 0 var(--al-edge); }
    .rs[dir="ltr"] .rs-tv[data-list="1"][data-picture] .rs-tv-list { box-shadow: calc(12 * var(--u)) 0 calc(24 * var(--u)) calc(-12 * var(--u)) var(--al-lift), inset calc(-1 * var(--u)) 0 0 var(--al-edge); }
}
@media (prefers-reduced-motion: reduce) {
    .rs[data-voice="dock"] .rs-voice-scrim {
        background: var(--rl-ground); -webkit-backdrop-filter: none; backdrop-filter: none;
        box-shadow: 0 calc(-12 * var(--u)) calc(24 * var(--u)) calc(-12 * var(--u)) var(--al-lift), inset 0 calc(1 * var(--u)) 0 var(--al-edge);
    }
    .rs .rs-tv[data-list="1"][data-picture] .rs-tv-list { -webkit-backdrop-filter: none; backdrop-filter: none; }
    .rs[dir="rtl"] .rs-tv[data-list="1"][data-picture] .rs-tv-list { box-shadow: calc(-12 * var(--u)) 0 calc(24 * var(--u)) calc(-12 * var(--u)) var(--al-lift), inset calc(1 * var(--u)) 0 0 var(--al-edge); }
    .rs[dir="ltr"] .rs-tv[data-list="1"][data-picture] .rs-tv-list { box-shadow: calc(12 * var(--u)) 0 calc(24 * var(--u)) calc(-12 * var(--u)) var(--al-lift), inset calc(-1 * var(--u)) 0 0 var(--al-edge); }
}