/* ============================================================================
   PREVIOUSLY · Evidence Board — listening bar styles (Phase 0, 2026-10-14)
   Board-scoped; uses the desert theme tokens board.css already relies on.
   ============================================================================ */
.pvba{ margin-top:14px; border:1px solid var(--desert-rule,#ddd3c0); border-radius:14px;
  padding:14px 16px; display:grid; gap:12px; text-align:left;
  background:transparent; font-family:inherit; }
.pvba-row{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.pvba-field{ display:inline-flex; align-items:center; gap:8px; }
.pvba-label{ font-size:11px; font-weight:800; letter-spacing:.12em;
  text-transform:uppercase; color:var(--desert-accent-deep,#8a2e0d); }
.pvba-select{ font:inherit; font-size:13.5px; font-weight:600;
  color:var(--desert-ink,#241a10); background:transparent;
  border:1px solid var(--desert-rule,#ddd3c0); border-radius:999px;
  padding:7px 10px; cursor:pointer; max-width:100%; }
.pvba-sleep-left{ font-size:12.5px; font-weight:700; color:var(--desert-accent,#c2410c); }
.pvba-sleep-note{ margin:0; font-size:13px; font-weight:700;
  color:var(--desert-ink,#241a10); border:1px solid var(--desert-accent,#c2410c);
  border-radius:8px; padding:9px 12px; }
.pvba-note{ font-size:12.5px; color:var(--desert-ink-dim,#6b5d4a); }
/* switch */
.pvba-switch{ position:relative; width:46px; height:26px; flex-shrink:0;
  border-radius:999px; border:1px solid var(--desert-rule,#ddd3c0);
  background:var(--desert-pressed,#e9e0cd); cursor:pointer; padding:0; }
.pvba-switch .pvba-knob{ position:absolute; top:2px; left:2px; width:20px; height:20px;
  border-radius:50%; background:var(--desert-card,#fffdf7);
  box-shadow:0 1px 4px rgba(36,26,16,.3); transition:left .15s ease, background .15s ease; }
.pvba-switch[aria-checked="true"]{ background:var(--desert-accent,#c2410c);
  border-color:var(--desert-accent,#c2410c); }
.pvba-switch[aria-checked="true"] .pvba-knob{ left:22px; }
.pvba-switch:disabled{ opacity:.45; cursor:not-allowed; }
@media (prefers-reduced-motion: reduce){ .pvba-switch .pvba-knob{ transition:none; } }
/* queue */
.pvba-queue{ border-top:1px solid var(--desert-rule,#ddd3c0); padding-top:12px; }
.pvba-queue-head{ display:flex; align-items:center; justify-content:space-between;
  gap:10px; flex-wrap:wrap; margin-bottom:8px; }
.pvba-queue-title{ font-family:Georgia,serif; font-size:16px; font-weight:700;
  color:var(--desert-ink,#241a10); }
.pvba-auto{ display:inline-flex; align-items:center; gap:6px; font-size:12.5px;
  font-weight:600; color:var(--desert-ink-dim,#6b5d4a); cursor:pointer; }
.pvba-auto input{ width:16px; height:16px; accent-color:var(--desert-accent,#c2410c); }
.pvba-queue-list{ list-style:none; margin:0; padding:0; display:grid; gap:6px;
  max-height:264px; overflow-y:auto; }
.pvba-q-item{ display:flex; align-items:baseline; justify-content:space-between; gap:10px;
  text-decoration:none; border:1px solid var(--desert-rule,#ddd3c0); border-radius:8px;
  padding:9px 12px; }
.pvba-q-item:hover{ border-color:var(--desert-accent,#c2410c); }
.pvba-q-title{ font-size:13.5px; font-weight:600; color:var(--desert-ink,#241a10);
  line-height:1.35; min-width:0; }
.pvba-q-dur{ font-size:11.5px; font-weight:700; color:var(--desert-accent,#c2410c);
  white-space:nowrap; }
@media (max-width:480px){
  .pvba{ padding:12px; }
  .pvba-row{ gap:10px; }
  .pvba-q-title{ font-size:13px; }
}

/* ============================================================================
   WALL SKIN — Listening dock (Phase 2, 2026-10-14). The Phase 0 listening
   bar becomes the dark ink evidence strip from the masters: brick play
   accents, cream chips, the Up Next queue as a pinned index card.
   Append-only over the Phase 0 styles above.
   ============================================================================ */
.pvba{
  background:var(--eb-ink,#1B1712); color:var(--eb-bone,#F5EFE3);
  border:1px solid rgba(27,23,18,.6); border-radius:8px;
  box-shadow:0 12px 28px rgba(27,23,18,.4); position:relative;
}
.pvba::before{
  content:"LISTENING — EVIDENCE STRIP"; position:absolute; top:-9px; left:16px;
  background:var(--eb-red,#C0391B); color:var(--eb-bone,#F5EFE3);
  font-size:9px; font-weight:800; letter-spacing:.18em;
  padding:3px 8px; border-radius:3px; transform:rotate(-1deg);
  box-shadow:0 3px 7px rgba(27,23,18,.3);
}
.pvba-label{ color:#D8C9A8; }
.pvba-select{
  background:var(--eb-bone,#F5EFE3); color:var(--eb-ink,#1B1712);
  border-color:rgba(27,23,18,.5); border-radius:6px; font-weight:700;
}
.pvba-sleep-left{ color:#F0A08C; }
.pvba-sleep-note{
  background:var(--eb-manila,#EAD9AC); color:var(--eb-ink,#1B1712);
  border-color:rgba(27,23,18,.4); border-radius:5px;
}
.pvba-note{ color:#cbbfa5; }
.pvba-switch{ background:#3A332A; border-color:rgba(245,239,227,.35); }
.pvba-switch[aria-checked="true"]{ background:var(--eb-red,#C0391B); border-color:var(--eb-red,#C0391B); }
.pvba-switch .pvba-knob{ background:var(--eb-bone,#F5EFE3); }
/* queue: pinned index card on the dock */
.pvba-queue{
  border-top:1px solid rgba(245,239,227,.22);
  background:var(--eb-paper,#FAF6EE); color:var(--eb-ink,#1B1712);
  border-radius:6px; padding:12px; transform:rotate(-.3deg);
  box-shadow:0 8px 20px rgba(0,0,0,.35);
}
.pvba-queue-title{ font-family:'Fraunces','Playfair Display',Georgia,serif; color:var(--eb-ink,#1B1712); }
.pvba-auto{ color:var(--eb-faint,#6E5F4B); }
.pvba-auto input{ accent-color:var(--eb-red,#C0391B); }
.pvba-q-item{
  border-color:rgba(27,23,18,.16); border-radius:5px; background:transparent;
}
.pvba-q-item:hover{ border-color:var(--eb-red,#C0391B); }
.pvba-q-title{ color:var(--eb-ink,#1B1712); }
.pvba-q-dur{ color:var(--eb-red,#C0391B); }
@media (prefers-reduced-motion: reduce){ .pvba-queue{ transform:none; } }