.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }

/* Kontoweite Auswahl in den persönlichen Optionen */
.dashboard-version-picker { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; border:0; }
.dashboard-version-option { position:relative; min-width:0; display:grid; grid-template-columns:62px minmax(0,1fr); gap:12px; align-items:center; min-height:88px; padding:13px; border:1px solid #d7e1ec; border-radius:12px; background:#fff; cursor:pointer; transition:border-color .15s ease,box-shadow .15s ease,background .15s ease; }
.dashboard-version-option:hover { border-color:#9db8d4; background:#f8fbff; }
.dashboard-version-option:has(input:checked) { border-color:#075eb5; background:#f3f8ff; box-shadow:0 0 0 3px rgba(7,94,181,.1); }
.dashboard-version-option input { position:absolute; opacity:0; pointer-events:none; }
.dashboard-version-option > span:last-of-type { min-width:0; display:flex; flex-direction:column; gap:4px; }
.dashboard-version-option strong { color:#172b4d; font-size:14px; }
.dashboard-version-option small { color:#667085; font-size:11px; line-height:1.4; }
.dashboard-version-option em { position:absolute; top:8px; right:8px; padding:3px 6px; border-radius:999px; background:#dff5e9; color:#11623d; font-size:9px; font-style:normal; font-weight:900; letter-spacing:.04em; text-transform:uppercase; }
.dashboard-version-preview { width:62px; height:48px; display:grid; grid-template-columns:1fr 1.45fr 1fr; gap:3px; padding:5px; border-radius:8px; background:#e7edf4; box-shadow:inset 0 0 0 1px rgba(23,43,77,.08); }
.dashboard-version-preview i { border-radius:3px; background:#8ba0b5; }
.dashboard-version-preview-legacy i:nth-child(2) { background:#fff; }
.dashboard-version-preview-v2 { grid-template-rows:10px 1fr; background:#111d2e; }
.dashboard-version-preview-v2::before { content:""; grid-column:1/-1; border-radius:3px; background:linear-gradient(90deg,#2b7de9,#55c2ff); }
.dashboard-version-preview-v2 i { grid-row:2; background:#26364c; }
.dashboard-version-preview-v2 i:nth-child(2) { background:#f6f8fb; }

/* V2 ist vollständig über ein Body-Attribut gekapselt. Legacy bleibt unangetastet. */
#dashboardV2Header { display:none; }
body[data-dashboard-version="v2"] { --v2-bg:#0b1422; --v2-panel:#121f31; --v2-panel-soft:#18283d; --v2-line:rgba(165,190,219,.16); --v2-text:#f6f9fd; --v2-muted:#9fb0c5; --v2-blue:#2b7de9; --v2-cyan:#55c2ff; --v2-red:#ef5b5b; --v2-green:#35c98a; background:var(--v2-bg); }
body[data-dashboard-version="v2"] .tab-nav { background:#101d2d; border-bottom:1px solid var(--v2-line); box-shadow:0 8px 24px rgba(0,0,0,.18); }
body[data-dashboard-version="v2"] .tab-nav > [role="tab"].active { background:rgba(43,125,233,.18); box-shadow:inset 0 -3px 0 var(--v2-cyan); }
body[data-dashboard-version="v2"] .tab-nav .protocol-font-controls { background:#101d2d; }
body[data-dashboard-version="v2"] #settingsTab { background:var(--page); color:var(--ink); }
body[data-dashboard-version="v2"]:has(#settingsTab[style*="display: block"]) { background:var(--page); }
body[data-dashboard-version="v2"] #overviewTab { grid-template-columns:minmax(260px,1fr) minmax(350px,1.35fr) minmax(260px,1fr); grid-template-rows:auto minmax(0,1fr); gap:10px; padding:10px; overflow:hidden; background:radial-gradient(circle at 50% -20%,rgba(43,125,233,.2),transparent 38%),var(--v2-bg); }
body[data-dashboard-version="v2"] #dashboardV2Header { grid-column:1/-1; min-width:0; min-height:92px; display:grid; grid-template-columns:minmax(190px,1fr) minmax(250px,1.15fr) minmax(190px,1fr) auto; gap:14px; align-items:center; padding:12px 14px; border:1px solid var(--v2-line); border-radius:18px; background:linear-gradient(135deg,rgba(31,50,75,.96),rgba(15,28,44,.98)); color:var(--v2-text); box-shadow:0 12px 32px rgba(0,0,0,.22); }
body[data-dashboard-version="v2"] #overviewTab[data-active-game="false"] #dashboardV2Header { display:none; }
@media (min-width:821px) {
  body[data-dashboard-version="v2"] #overviewTab[data-active-game="false"] { grid-template-rows:minmax(0,1fr); }
}
.dashboard-v2-team { min-width:0; display:flex; align-items:center; gap:12px; }
.dashboard-v2-home { justify-content:flex-end; text-align:right; }
.dashboard-v2-team-mark { flex:0 0 58px; width:58px; height:58px; display:grid; place-items:center; overflow:hidden; border:1px solid rgba(255,255,255,.13); border-radius:16px; background:rgba(255,255,255,.08); box-shadow:inset 0 1px 0 rgba(255,255,255,.08); }
.dashboard-v2-team-mark img { width:100%; height:100%; object-fit:contain; padding:5px; }
.dashboard-v2-team-initials { color:#d8e8fb; font-size:18px; font-weight:950; letter-spacing:.04em; }
.dashboard-v2-team-copy { min-width:0; display:flex; flex-direction:column; gap:2px; }
.dashboard-v2-team-copy span { color:var(--v2-muted); font-size:9px; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
.dashboard-v2-team-copy strong { overflow:hidden; color:var(--v2-text); font-size:clamp(15px,1.6vw,22px); line-height:1.1; text-overflow:ellipsis; white-space:nowrap; }
.dashboard-v2-match { min-width:0; display:flex; flex-direction:column; align-items:center; }
.dashboard-v2-match-top { width:100%; display:flex; align-items:center; justify-content:center; gap:9px; color:var(--v2-muted); font-size:10px; font-weight:800; }
.dashboard-v2-live { display:inline-flex; align-items:center; gap:5px; padding:4px 7px; border-radius:999px; background:rgba(53,201,138,.11); color:#66e1ac; font-size:9px; font-weight:950; letter-spacing:.05em; text-transform:uppercase; }
.dashboard-v2-live i { width:6px; height:6px; border-radius:50%; background:var(--v2-green); box-shadow:0 0 0 4px rgba(53,201,138,.1); }
.dashboard-v2-score { display:flex; align-items:center; gap:9px; margin:1px 0; font-variant-numeric:tabular-nums; }
.dashboard-v2-score[role="button"] { cursor:pointer; border-radius:8px; }
.dashboard-v2-score[role="button"]:hover { background:rgba(255,255,255,.07); }
.dashboard-v2-score[role="button"]:focus-visible { outline:3px solid #f79009; outline-offset:3px; }
.dashboard-v2-match.is-editing { align-self:stretch; justify-content:center; }
.dashboard-v2-match.is-editing > .dashboard-v2-score, .dashboard-v2-match.is-editing > .dashboard-v2-match-meta { display:none; }
.dashboard-v2-match > .inline-score-editor { min-height:205px; margin-top:5px; }
.dashboard-v2-score strong { min-width:44px; color:#fff; font-size:32px; font-weight:950; line-height:1; text-align:center; }
.dashboard-v2-score span { color:#61748c; font-size:24px; font-weight:500; }
.dashboard-v2-match-meta { max-width:100%; overflow:hidden; color:var(--v2-muted); font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.dashboard-v2-actions { display:flex; flex-direction:column; gap:7px; }
.dashboard-v2-actions button { min-height:34px; padding:7px 11px; border:1px solid rgba(181,203,228,.22); border-radius:9px; background:rgba(255,255,255,.06); color:#dce9f8; cursor:pointer; font-size:10px; font-weight:850; white-space:nowrap; }
.dashboard-v2-actions button.primary { border-color:transparent; background:var(--v2-blue); color:#fff; }
.dashboard-v2-actions button:disabled { opacity:.4; cursor:not-allowed; }
body[data-dashboard-version="v2"][data-home-team-side="left"] #dashboardV2Header .dashboard-v2-home { order:1; flex-direction:row-reverse; justify-content:flex-start; text-align:left; }
body[data-dashboard-version="v2"][data-home-team-side="left"] #dashboardV2Header .dashboard-v2-match { order:2; }
body[data-dashboard-version="v2"][data-home-team-side="left"] #dashboardV2Header .dashboard-v2-away { order:3; flex-direction:row-reverse; justify-content:flex-end; text-align:right; }
body[data-dashboard-version="v2"][data-home-team-side="left"] #dashboardV2Header .dashboard-v2-actions { order:4; }
body[data-dashboard-version="v2"][data-home-team-side="left"] #dashboardV2AwayScore { order:3; }
body[data-dashboard-version="v2"][data-home-team-side="left"] #dashboardV2HomeScore { order:1; }
body[data-dashboard-version="v2"][data-home-team-side="left"] .dashboard-v2-score > span { order:2; }

body[data-dashboard-version="v2"] #overviewTab > .side { min-width:0; padding:9px; gap:5px; border:1px solid var(--v2-line); border-radius:16px; background:linear-gradient(180deg,var(--v2-panel),#0f1b2b); box-shadow:0 10px 26px rgba(0,0,0,.16); }
body[data-dashboard-version="v2"] #overviewTab > .center { min-width:0; padding:9px; gap:8px; border:1px solid var(--v2-line); border-radius:16px; background:linear-gradient(180deg,#15243a,#101c2c); box-shadow:0 10px 26px rgba(0,0,0,.18); }
body[data-dashboard-version="v2"] .game-day-heading { flex:0 0 auto; min-height:52px; border:1px solid var(--v2-line); border-radius:12px; background:rgba(255,255,255,.045); color:var(--v2-text); box-shadow:none; }
body[data-dashboard-version="v2"] .game-day-fact span, body[data-dashboard-version="v2"] .next-game-label { color:var(--v2-muted); }
body[data-dashboard-version="v2"] .game-day-fact strong, body[data-dashboard-version="v2"] .quarter-score strong, body[data-dashboard-version="v2"] .quarter-score span, body[data-dashboard-version="v2"] .next-game-main strong { color:var(--v2-text); }
body[data-dashboard-version="v2"] .player-row { position:relative; display:grid; grid-template-columns:minmax(0,1fr) 54px 48px 38px; gap:5px; min-height:38px; padding:3px; border:1px solid transparent; border-radius:10px; background:rgba(255,255,255,.035); }
body[data-dashboard-version="v2"] .player-row::before { content:attr(data-player-name); min-width:0; align-self:center; overflow:hidden; padding:0 7px; color:#e8f0fa; font-size:12px; font-weight:750; text-overflow:ellipsis; white-space:nowrap; }
body[data-dashboard-version="v2"] .player-btn, body[data-dashboard-version="v2"] .foul-btn, body[data-dashboard-version="v2"] .correct-btn { width:100%; height:100%; min-height:34px; border-radius:8px; font-size:14px; }
body[data-dashboard-version="v2"] .player-btn { background:linear-gradient(180deg,#3188f3,#1769c8); box-shadow:0 4px 9px rgba(20,92,176,.24); }
body[data-dashboard-version="v2"] .foul-btn { background:linear-gradient(180deg,#f36a6a,#cc3f3f); font-size:20px; line-height:1; }
body[data-dashboard-version="v2"] .foul-btn:not(.disabled) { border:1px solid #ef8383; background:#17263a; color:#ffb0b0; }
body[data-dashboard-version="v2"] .foul-btn.has-foul { background:#fee4e2; color:#b42318; }
body[data-dashboard-version="v2"] .correct-btn { background:#35465a; color:#c9d7e7; font-size:11px; }
body[data-dashboard-version="v2"] .foul-btn.disabled, body[data-dashboard-version="v2"] .correct-btn.disabled, body[data-dashboard-version="v2"] .player-btn.disabled { background:#2b394a!important; opacity:.45; }
body[data-dashboard-version="v2"] .timeout-tracker { width:100%; padding:7px 9px; border:1px solid var(--v2-line); border-radius:10px; background:rgba(255,255,255,.04); box-shadow:none; }
body[data-dashboard-version="v2"] .timeout-period-label { color:var(--v2-muted); }
body[data-dashboard-version="v2"] .timeout-dot { width:20px; height:20px; flex-basis:20px; border-width:2px; border-color:#65b9ff; background:#2b7de9; box-shadow:0 0 0 3px rgba(43,125,233,.1); }
body[data-dashboard-version="v2"] .timeout-dot.used { border-color:#435268; background:#263446; box-shadow:none; }
body[data-dashboard-version="v2"] .staff-foul-tracker { width:100%; padding:6px 8px; border-color:rgba(255,130,130,.3); background:rgba(239,91,91,.07); box-shadow:none; }
body[data-dashboard-version="v2"] .staff-foul-heading { color:#ffb0b0; }
body[data-dashboard-version="v2"] .staff-foul-total-limit.has-total-warning, body[data-dashboard-version="v2"] .staff-foul-coach-limit.has-coach-foul, body[data-dashboard-version="v2"] .staff-foul-button small { background:rgba(239,91,91,.2); color:#ffc1c1; }
body[data-dashboard-version="v2"] .staff-foul-total-limit, body[data-dashboard-version="v2"] .staff-foul-coach-limit { background:#2b394a; color:#8fa0b4; }
body[data-dashboard-version="v2"] .staff-foul-button, body[data-dashboard-version="v2"] .staff-foul-correction { min-height:27px; border-color:rgba(255,130,130,.32); background:#17263a; color:#ff9b9b; }
body[data-dashboard-version="v2"] .staff-foul-correction { border-color:#435268; color:#bdc9d8; }
body[data-dashboard-version="v2"] .staff-foul-tracker.is-disqualified { border-color:#ef5b5b; background:rgba(239,91,91,.18); }
body[data-dashboard-version="v2"] #overviewTab .logs-container { gap:8px; }
body[data-dashboard-version="v2"] #overviewTab .log { padding:10px 12px; border:1px solid var(--v2-line); border-radius:12px; background:linear-gradient(180deg,var(--v2-panel-soft),#132135); color:var(--v2-text); box-shadow:0 8px 18px rgba(0,0,0,.18); }
body[data-dashboard-version="v2"] #overviewTab .title { margin:0 0 7px; padding:0 0 7px; border-color:rgba(85,194,255,.35); background:transparent; color:var(--v2-text); font-size:14px; }
body[data-dashboard-version="v2"] #overviewTab .title:hover { background:rgba(255,255,255,.045); color:#fff; }
body[data-dashboard-version="v2"] #overviewTab #logLeft,
body[data-dashboard-version="v2"] #overviewTab #logRight { padding:0; }
body[data-dashboard-version="v2"] #overviewTab #logLeft:hover,
body[data-dashboard-version="v2"] #overviewTab #logRight:hover { background:rgba(239,91,91,.045); }
body[data-dashboard-version="v2"] #overviewTab .entry { display:grid; grid-template-columns:auto minmax(0,1fr); gap:5px 7px; margin:3px 0; padding:6px 7px; border:1px solid rgba(165,190,219,.1); border-radius:8px; background:rgba(255,255,255,.055); color:#dce7f3; font-size:var(--protocol-font-size); box-shadow:none; }
body[data-dashboard-version="v2"] #overviewTab .entry.has-status { grid-template-columns:auto minmax(0,1fr) auto; }
body[data-dashboard-version="v2"] #overviewTab .entry .number { background:rgba(43,125,233,.24); color:#9fd2ff; }
body[data-dashboard-version="v2"] #overviewTab .entry-name { color:#dce7f3; }
body[data-dashboard-version="v2"] #overviewTab .entry-status { font-size:10px; align-self:center; }
body[data-dashboard-version="v2"] .overview-footer-actions { grid-template-columns:minmax(0,1fr) minmax(130px,.5fr) minmax(130px,.5fr); }
body[data-dashboard-version="v2"] .overview-footer-actions button { min-height:40px; padding:8px 10px; border-radius:9px; font-size:11px; }
body[data-dashboard-version="v2"] .clear-button { border:1px solid rgba(239,91,91,.26); background:rgba(239,91,91,.1); color:#ff9b9b; }
body[data-dashboard-version="v2"] .starting-five-button { background:#19875d; }
body[data-dashboard-version="v2"] .end-game-button { background:#293b52; }
body[data-dashboard-version="v2"] .active-game-empty { border-color:var(--v2-line); background:linear-gradient(145deg,#14243a,#0f1c2c); }
body[data-dashboard-version="v2"] .active-game-empty h2 { color:#fff; }
body[data-dashboard-version="v2"] .active-game-empty p { color:var(--v2-muted); }

@media (max-width:1100px) {
  body[data-dashboard-version="v2"] #overviewTab { grid-template-columns:minmax(230px,1fr) minmax(315px,1.25fr) minmax(230px,1fr); gap:7px; padding:7px; }
  body[data-dashboard-version="v2"] #dashboardV2Header { grid-template-columns:minmax(160px,1fr) minmax(220px,1.1fr) minmax(160px,1fr) auto; min-height:82px; padding:9px 11px; gap:9px; border-radius:14px; }
  .dashboard-v2-team-mark { flex-basis:48px; width:48px; height:48px; border-radius:13px; }
  .dashboard-v2-score strong { font-size:27px; }
  body[data-dashboard-version="v2"] .player-row { grid-template-columns:minmax(0,1fr) 45px 42px 34px; gap:3px; }
  body[data-dashboard-version="v2"] .player-row::before { padding:0 4px; font-size:10px; }
  body[data-dashboard-version="v2"] #overviewTab > .side > .staff-foul-tracker { display:none; }
  body[data-dashboard-version="v2"] #overviewTab .staff-foul-protocol { display:block; }
}

@media (max-width:820px), (orientation:portrait) {
  .dashboard-version-picker { grid-template-columns:1fr; }
  body[data-dashboard-version="v2"] { height:auto; min-height:100dvh; }
  body[data-dashboard-version="v2"] #overviewTab { grid-template-columns:1fr; grid-template-rows:auto auto auto auto; overflow:auto; }
  body[data-dashboard-version="v2"] #overviewTab > .side > .staff-foul-tracker { display:none; }
  body[data-dashboard-version="v2"] #overviewTab .staff-foul-protocol { display:block; }
  body[data-dashboard-version="v2"] #dashboardV2Header { grid-template-columns:1fr auto 1fr; position:sticky; top:0; z-index:5; }
  body[data-dashboard-version="v2"] .dashboard-v2-actions { grid-column:1/-1; flex-direction:row; }
  body[data-dashboard-version="v2"] .dashboard-v2-actions button { flex:1; }
  body[data-dashboard-version="v2"] #overviewTab > .side, body[data-dashboard-version="v2"] #overviewTab > .center { min-height:420px; overflow:visible; }
  body[data-dashboard-version="v2"] #overviewTab > .center { grid-row:2; }
  body[data-dashboard-version="v2"] #overviewTab > .left { grid-row:3; }
  body[data-dashboard-version="v2"] #overviewTab > .right { grid-row:4; }
  body[data-dashboard-version="v2"] .player-row { min-height:46px; }
}