/* Presentation controls share the dial's brass pill, with a 44 px touch area. */
.tuner {
  --cvm-pill-ink:rgba(232,205,163,.86);
  --cvm-pill-line:rgba(225,195,150,.56);
  --cvm-pill-fill:rgba(225,195,150,.09);
}
.tuner.is-chiaro {
  --cvm-pill-ink:rgba(101,71,37,.94);
  --cvm-pill-line:rgba(135,102,62,.86);
  --cvm-pill-fill:rgba(135,102,62,.13);
}
.tuner .cvm-pill {
  display:none; position:fixed; z-index:8; box-sizing:border-box;
  min-width:44px; min-height:44px; padding:0; margin:0; border:0; border-radius:999px;
  background:transparent; color:rgba(232,205,163,.86); cursor:pointer; touch-action:manipulation;
  font-family:var(--f-ui, sans-serif); -webkit-tap-highlight-color:transparent;
}
#verifica .tuner.is-full.is-disco:not(.is-mirino):not(.is-nastro):not(.is-regole):not(.is-analisi):not(.tuner--unisono) .cvm-needle.is-positioned,
#verifica .tuner.is-full.is-nastro:not(.is-regole):not(.is-analisi):not(.tuner--unisono) .cvm-tape.is-positioned { display:flex; align-items:center; justify-content:center; }
.tuner .cvm-pill__face {
  box-sizing:border-box; display:flex; align-items:center; justify-content:center; gap:2px;
  width:var(--cvm-pill-width, 40px); height:var(--cvm-pill-height, 20px); pointer-events:none;
  border:1px solid rgba(225,195,150,.56); border-radius:999px; background:rgba(225,195,150,.09);
}
.tuner .cvm-pill__face > svg { display:block; width:15px; height:15px; }
.tuner .cvm-pill__chevron { font:500 9px/1 var(--f-ui, sans-serif); }
.tuner .cvm-pill.is-hidden-needle .cvm-pill__face > svg { opacity:.5; }
.tuner .cvm-pill.is-hidden-needle .cvm-pill__face::after {
  content:''; position:absolute; width:18px; border-top:1px solid currentColor; transform:rotate(-45deg);
}
.tuner .cvm-pill > select { position:absolute; inset:0; width:100%; height:100%; margin:0; padding:0; opacity:0; cursor:pointer; color-scheme:dark; }
.tuner .cvm-pill:focus-visible, .tuner .cvm-pill:focus-within { outline:none; }
.tuner .cvm-pill:focus-visible .cvm-pill__face, .tuner .cvm-pill:focus-within .cvm-pill__face { outline:2px solid currentColor; outline-offset:3px; }
/* Share one palette with the rays; beat their legacy light-theme overrides. */
#verifica .tuner.tuner :is(.tuner__raggiQuadrante,.cvm-pill) { color:var(--cvm-pill-ink) !important; }
#verifica .tuner.tuner :is(.tuner__raggiQuadrante,.cvm-pill__face) {
  border-color:var(--cvm-pill-line) !important;
  background:var(--cvm-pill-fill) !important;
}
.tuner.is-chiaro .cvm-pill > select { color-scheme:light; }
.tuner .cvm-status { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }

.tuner .cvm-dialog {
  --cvm-ink:#f2eee7; --cvm-muted:#b8b1a6; --cvm-line:rgba(225,195,150,.27); --cvm-gold:#d9ba89;
  --cvm-surface:#201e1b; --cvm-preview:#151413; --cvm-button:rgba(225,195,150,.09);
  box-sizing:border-box; width:min(460px, calc(100vw - 28px)); max-width:none;
  max-height:calc(100dvh - 28px); overflow:auto; overscroll-behavior:contain;
  margin:auto; padding:20px; border:1px solid var(--cvm-line); border-radius:20px;
  background:var(--cvm-surface); color:var(--cvm-ink); box-shadow:0 18px 70px rgba(0,0,0,.38);
  font:400 14px/1.45 var(--f-ui, sans-serif); text-align:left; letter-spacing:normal; color-scheme:dark;
}
.tuner.is-chiaro .cvm-dialog {
  --cvm-ink:#332c25; --cvm-muted:#6d6459; --cvm-line:rgba(135,102,62,.32); --cvm-gold:#765332;
  --cvm-surface:#faf7f1; --cvm-preview:#eee8de; --cvm-button:rgba(135,102,62,.08); color-scheme:light;
}
.tuner .cvm-dialog::backdrop { background:rgba(0,0,0,.55); }
.tuner .cvm-dialog[open] { display:block; }
.tuner .cvm-dialog [hidden] { display:none !important; }
.tuner .cvm-dialog__head { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:0 0 5px; }
.tuner .cvm-dialog h2 { margin:0; font:600 20px/1.2 var(--f-ui, sans-serif); color:var(--cvm-ink); letter-spacing:normal; text-transform:none; }
.tuner .cvm-dialog p { margin:0 0 14px; color:var(--cvm-muted); font:inherit; }
.tuner .cvm-dialog button {
  min-height:44px; min-width:44px; box-sizing:border-box; border:1px solid var(--cvm-line); border-radius:10px;
  margin:0; padding:9px 13px; color:var(--cvm-gold); background:var(--cvm-button);
  font:500 14px/1.2 var(--f-ui, sans-serif); cursor:pointer; touch-action:manipulation;
}
.tuner .cvm-dialog button:focus-visible, .tuner .cvm-dialog input:focus-visible { outline:2px solid var(--cvm-gold); outline-offset:3px; }
.tuner .cvm-dialog button:disabled { opacity:.45; cursor:default; }
.tuner .cvm-dialog .cvm-close { border:0; background:transparent; padding:6px; font-size:25px; flex-shrink:0; }
.tuner .cvm-preview { margin:16px 0; padding:13px 15px; border:1px solid var(--cvm-line); border-radius:12px; background:var(--cvm-preview); }
.tuner .cvm-preview figcaption { font-size:12px; color:var(--cvm-muted); margin-bottom:10px; }
.tuner .cvm-preview figcaption strong { display:block; font-size:14px; font-weight:500; color:var(--cvm-ink); }
.tuner .cvm-preview__caption { display:flex; justify-content:space-between; margin:8px 0 3px; font-size:11px; color:var(--cvm-muted); font-variant-numeric:tabular-nums; }
.tuner .cvm-preview__track { position:relative; height:22px; overflow:hidden; border-radius:3px; }
.tuner .cvm-preview__track > div { width:100%; height:100%; background:repeating-linear-gradient(90deg, transparent 0 23px, var(--cvm-gold) 23px 26px); }
.tuner .cvm-preview__track::after { content:''; position:absolute; left:50%; top:0; bottom:0; width:1px; background:var(--cvm-ink); opacity:.65; }
.tuner .cvm-preview p { margin:11px 0 0; font-size:11px; }
.tuner .cvm-presets { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:7px; margin-bottom:14px; }
.tuner .cvm-presets button { padding:8px 4px; }
.tuner .cvm-presets button span { display:block; font-size:11px; margin-top:3px; }
.tuner .cvm-presets button[aria-pressed="true"] { border-color:var(--cvm-gold); box-shadow:inset 0 0 0 1px var(--cvm-gold); }
.tuner .cvm-link { display:flex; align-items:center; gap:10px; min-height:44px; font-weight:500; cursor:pointer; }
.tuner .cvm-link input { width:20px; height:20px; margin:0; accent-color:var(--cvm-gold); }
.tuner .cvm-dialog .cvm-help { margin:0 0 13px; font-size:12px; }
.tuner .cvm-range { display:block; margin:14px 0; }
.tuner .cvm-range > span { display:flex; align-items:center; justify-content:space-between; gap:12px; font-weight:500; }
.tuner .cvm-range output { color:var(--cvm-gold); font-variant-numeric:tabular-nums; }
.tuner .cvm-range input { display:block; width:100%; height:44px; margin:0; padding:0; accent-color:var(--cvm-gold); cursor:pointer; }
.tuner .cvm-range small { display:flex; justify-content:space-between; gap:5px; color:var(--cvm-muted); font:400 10px/1.4 var(--f-ui, sans-serif); }
.tuner .cvm-range small span { text-align:center; }
.tuner .cvm-dialog .cvm-reset { width:100%; margin:3px 0 14px; background:transparent; }
.tuner .cvm-actions { display:flex; justify-content:flex-end; gap:8px; padding-top:13px; border-top:1px solid var(--cvm-line); }
.tuner .cvm-actions button { min-width:92px; }
.tuner .cvm-dialog .cvm-save { border-color:var(--cvm-gold); font-weight:600; }
#verifica .tuner[data-ca-button-finish] .cvm-dialog button { color:var(--ca-button-ink); border-color:var(--ca-button-line); }
#verifica .tuner[data-ca-button-finish] .cvm-dialog button[aria-pressed="true"] { box-shadow:inset 0 0 0 1px var(--ca-button-ink); }
#verifica .tuner[data-ca-buttons] .cvm-dialog button { background:var(--ca-button-fill); }
@media (max-width:360px) {
  .tuner .cvm-dialog { padding:15px; }
  .tuner .cvm-dialog h2 { font-size:18px; }
}