/* Update 8.15: the TEST menu - live conditions (time, weather, court colour), the mixer and the sounds of each arena */
.dv-cond .dv-cond-row{display:grid;grid-template-columns:132px 1fr;align-items:center;gap:8px;margin:2px 0}
.dv-cond .dv-cond-row>b{font-size:12px;color:#e8f0e0}
.dv-cond .dv-chips{margin:2px 0}
.alpha-panel .dv-cond .dv-chips button[style*="--sw"]{border-left:14px solid var(--sw)}
.alpha-panel .dv-cond .dv-chips button:disabled{opacity:.4}
@media(max-width:900px){.dv-cond .dv-cond-row{grid-template-columns:1fr}}
/* the mixer of a sound: folded under the sound, its groups of values */
.dv-song.mixed{border-color:#7fd1ff66}.dv-song.custom.mixed{border-color:#ff8f2e}
.dv-mix{margin-top:6px;border-top:1px solid #ffffff14;padding-top:2px}
.dv-mix summary{font-size:11px}
.dv-mix h5{margin:8px 0 2px;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:#9fe1b5}
.dv-mix .dv-chips{margin:8px 0 2px}
.dv-playlist{line-height:1.45}
/* what each arena does with each sound: name, three states, a volume */
.dv-av{grid-template-columns:minmax(150px,1.2fr) auto minmax(80px,1fr) 74px 30px}
.dv-av .dv-modes{display:inline-flex;gap:4px}
.alpha-panel .dv-av .dv-modes button{padding:6px 10px;border-radius:99px;font-size:10.5px}
.alpha-panel .dv-av .dv-modes button.on{background:#ff8f2e!important;color:#1d1206!important;border-color:#ff8f2e!important}
@media(max-width:900px){.dv-av{grid-template-columns:minmax(100px,1fr) auto minmax(60px,1fr) 64px 28px}}
body.dev-docked .dv-av{grid-template-columns:1fr 74px 30px;grid-template-areas:"name name name" "modes modes modes" "range num rst"}
body.dev-docked .dv-av>label{grid-area:name}body.dev-docked .dv-av>.dv-modes{grid-area:modes}body.dev-docked .dv-av>input[type=range]{grid-area:range}body.dev-docked .dv-av>.dv-num{grid-area:num}body.dev-docked .dv-av>.dv-rst{grid-area:rst}
/* the sound cards keep their own height (a card with its mixer open does not stretch its neighbour) */
.dv-songs{align-items:start}
/* long numbers (20000 Hz) fit: no spinner taking room inside the box */
.dv-mix .dv-num::-webkit-inner-spin-button,.dv-mix .dv-num::-webkit-outer-spin-button,.dv-av .dv-num::-webkit-inner-spin-button,.dv-av .dv-num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}