/* Decision Board (Oliver 10.10.2026): Panel "Entscheidungen" im Muster von Statusboard und
   Aktivität (.vh-opp-pan, Kopf .vh-opp-hd), Knopf in der Reihe oben rechts. Nur vorhandene
   Tokens (--vh-btn-*, Teal #6dc9d9 / hell #1f7f90), Pills wie der Takt-Regler, Daumen als SVG.
   Kein Positions-CSS fürs Panel: Ort bestimmt #vh-opp (Desktop) bzw. das Bottom-Sheet (Handy). */
#btn-vh-dec { right: 298px; }
@media (max-width: 640px) { html:not(.vh-phone) #btn-vh-dec { right: 106px; } }
html.vh-phone #btn-vh-dec { right: calc(var(--vhm-sar) + 116px); }

/* Zähler offener Entscheidungen: am Knopf und im Panelkopf */
.vh-dec-n { position: absolute; top: -5px; right: -5px; min-width: 16px; height: 16px; padding: 0 4px;
  box-sizing: border-box; border-radius: 999px; background: #6dc9d9; color: #0b0b0f;
  font: 600 10px/16px ui-monospace, Menlo, monospace; text-align: center; pointer-events: none; }
.vh-dec-n[hidden] { display: none; }
body.theme-light .vh-dec-n { background: #1f7f90; color: #fff; }
.vh-dec-cnt { margin-left: 6px; }
.vh-dec-cnt[hidden] { display: none; }

#vh-opp-dec .vh-dec-k { opacity: .5; font-size: 10px; margin: 6px 0 2px; text-transform: none; }
#vh-opp-dec .vh-dec-k:first-child { margin-top: 0; }
.vh-dec-it { padding: 6px 0 7px; }
.vh-dec-it + .vh-dec-it { border-top: 1px solid var(--vh-btn-border); }
.vh-dec-q { overflow-wrap: anywhere; }
.vh-dec-no { font-weight: 600; font-variant-numeric: tabular-nums; }
.vh-dec-ag { font-weight: 600; }
.vh-dec-row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 6px; }
.vh-dec-opt, .vh-dec-th { appearance: none; font: inherit; color: var(--vh-btn-fg); cursor: pointer;
  background: var(--vh-btn-bg); border: 1px solid var(--vh-btn-border); border-radius: 999px;
  transition: color .2s, border-color .2s, background .2s, opacity .2s; }
.vh-dec-opt { display: inline-flex; align-items: center; gap: 6px; min-height: 28px; max-width: 100%;
  padding: 3px 10px; text-align: left; overflow-wrap: anywhere; }
.vh-dec-opt .vh-dec-l { opacity: .55; font-weight: 600; }
.vh-dec-opt .vh-dec-rec { flex: none; font-size: 9.5px; letter-spacing: .04em; text-transform: uppercase; color: #6dc9d9; }
.vh-dec-opt.rec { border-color: rgba(109,201,217,0.55); }
.vh-dec-opt.sel, .vh-dec-th.sel { color: var(--vh-btn-fg-hov); background: rgba(109,201,217,0.16); border-color: #6dc9d9; }
.vh-dec-opt:hover, .vh-dec-th:hover { color: var(--vh-btn-fg-hov); border-color: var(--vh-btn-border-hov); background: var(--vh-btn-bg-hover); }
.vh-dec-opt:focus-visible, .vh-dec-th:focus-visible { outline: 2px solid #6dc9d9; outline-offset: 1px; }
.vh-dec-opt:disabled, .vh-dec-th:disabled { cursor: default; opacity: .5; }
.vh-dec-acts { display: flex; align-items: center; gap: 6px; margin-top: 6px; }
.vh-dec-th { min-height: 28px; padding: 3px 12px 3px 10px; display: inline-flex; align-items: center; gap: 6px; }
.vh-dec-th svg { flex: none; width: 15px; height: 15px; display: block; }
.vh-dec-hint { opacity: .55; font-size: 10px; margin-left: 4px; }
.vh-dec-it.done { opacity: .55; }
.vh-dec-res { margin-top: 3px; font-size: 10px; overflow-wrap: anywhere; }
.vh-dec-res b { font-weight: 600; }
.vh-dec-empty { opacity: .38; font-style: italic; }
body.theme-light .vh-dec-opt .vh-dec-rec { color: #1f7f90; }
body.theme-light .vh-dec-opt.rec { border-color: rgba(31,127,144,0.55); }
body.theme-light .vh-dec-opt.sel, body.theme-light .vh-dec-th.sel { background: rgba(31,143,163,0.12); border-color: #1f7f90; }
body.theme-light .vh-dec-opt:focus-visible, body.theme-light .vh-dec-th:focus-visible { outline-color: #1f7f90; }

/* Handy: Tippziele 44 px, Knopf in der zweiten Reihe links neben Statusboard und Aktivität */
html.vh-phone .vh-dec-n { top: -3px; right: -3px; }
html.vh-phone .vh-dec-opt { min-height: 44px; padding: 6px 14px; }
html.vh-phone .vh-dec-th { min-height: 44px; padding: 6px 16px 6px 14px; }
html.vh-phone .vh-dec-th svg { width: 19px; height: 19px; }
html.vh-phone #vh-opp-dec .vh-dec-k, html.vh-phone .vh-dec-res, html.vh-phone .vh-dec-hint { font-size: 11px; }
@media (prefers-reduced-motion: reduce) { .vh-dec-opt, .vh-dec-th { transition: none; } }