/* Stammdaten */
  #settingsTab { display:none; grid-column:1/-1; width:100%; max-width:100%; height:100%; overflow:auto; overflow-x:hidden; scrollbar-gutter:stable; padding:18px; }
  .settings-shell { width:min(1180px,100%); max-width:100%; min-width:0; margin:auto; }
  .settings-head { display:flex; justify-content:space-between; align-items:end; gap:16px; margin-bottom:16px; }
  .settings-head p { color:var(--muted); margin-top:4px; }
  .settings-layout { display:grid; grid-template-columns:220px minmax(0,1fr); gap:16px; align-items:start; }
  .settings-layout > div { width:100%; min-width:0; }
  .settings-nav-column { position:sticky; top:8px; min-width:0; }
  .settings-sidebar { background:#172b4d; color:#fff; border-radius:var(--radius); padding:10px; }
  .settings-sidebar h3 { padding:10px 11px 12px; font-size:15px; color:#cbd5e1; text-transform:uppercase; letter-spacing:.06em; }
  .settings-menu { display:flex; flex-direction:column; gap:5px; }
  .settings-menu button { width:100%; border:0; border-radius:8px; padding:12px; color:#e6edf7; background:transparent; text-align:left; cursor:pointer; font-weight:700; }
  .settings-menu button[hidden], .settings-home-card[hidden], .settings-panel[hidden], .personal-options-section[hidden], .tab-nav button[hidden] { display:none !important; }
  .settings-menu button:hover { background:rgba(255,255,255,.1); }
  .settings-menu button.active { background:#fff; color:var(--blue-dark); }
  .settings-menu #leaguesMenuButton.league-active, .settings-menu #teamsMenuButton.team-active, .settings-menu #scheduleMenuButton.schedule-active, .settings-menu #officialsMenuButton.official-active, .settings-menu #generalSettingsMenuButton.setting-active { background:rgba(255,255,255,.12); color:#fff; }
  .settings-submenu { display:none; flex-direction:column; gap:3px; margin:0 0 5px 13px; padding-left:8px; border-left:1px solid rgba(255,255,255,.22); }
  .settings-submenu.open { display:flex; }
  .settings-menu .settings-submenu button { padding:9px 10px; color:#cbd7e6; font-size:13px; font-weight:650; }
  .settings-menu .settings-submenu button.active { background:#fff; color:var(--blue-dark); }
  .settings-menu-divider { height:0; margin:5px 9px 7px; border-top:2px dotted rgba(255,255,255,.32); }
  .app-version { margin:18px 10px 4px; padding-top:16px; border-top:1px solid rgba(255,255,255,.2); color:#aebbd0; font-size:11px; line-height:1.4; font-weight:700; }
  .app-version strong { display:block; color:#d9e2ee; font-size:12px; }
  .app-version span { display:block; margin-top:3px; }
  .settings-home-section + .settings-home-section { margin-top:20px; }
  .settings-home-section-head { display:flex; align-items:end; justify-content:space-between; gap:12px; margin:0 2px 9px; }
  .settings-home-section-head h4 { color:#344054; font-size:13px; letter-spacing:.05em; text-transform:uppercase; }
  .settings-home-section-head span { color:#98a2b3; font-size:11px; font-weight:700; }
  .settings-home-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .settings-home-card { width:100%; min-height:132px; display:flex; align-items:flex-start; gap:14px; padding:18px; border:1px solid #d8e0e9; border-radius:13px; background:#f8fafc; color:var(--ink); cursor:pointer; text-align:left; box-shadow:0 2px 8px rgba(16,24,40,.05); transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease; }
  .settings-home-card.featured { grid-column:1/-1; min-height:116px; border-color:#b9d2ea; background:linear-gradient(135deg,#eef6ff,#f8fbff); }
  .settings-home-card.featured .settings-home-icon { background:var(--blue); color:#fff; }
  .settings-home-card:hover, .settings-home-card:focus-visible { transform:translateY(-1px); border-color:#9db4ca; outline:none; box-shadow:0 6px 16px rgba(16,24,40,.09); }
  .settings-home-icon { flex:0 0 44px; width:44px; height:44px; display:grid; place-items:center; border-radius:11px; background:#e5effb; color:#075eb5; font-size:21px; font-weight:900; }
  .settings-home-copy { min-width:0; display:grid; gap:5px; }
  .settings-home-copy strong { color:#172b4d; font-size:16px; }
  .settings-home-copy small { color:#667085; font-size:12px; font-weight:650; line-height:1.45; }
  .settings-home-meta { display:inline-flex; width:max-content; max-width:100%; margin-top:3px; padding:4px 7px; overflow:hidden; border-radius:999px; background:#e8eef5; color:#475467; font-size:10px; font-weight:850; text-overflow:ellipsis; white-space:nowrap; }
  .settings-home-card.featured .settings-home-meta { background:#dbeafe; color:#174ea6; }
  .settings-maintenance { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:18px; }
  .settings-maintenance button { width:100%; min-height:104px; display:flex; align-items:center; gap:13px; padding:16px; border:1px solid #d8e0e9; border-radius:12px; background:#f8fafc; color:var(--ink); cursor:pointer; text-align:left; box-shadow:0 2px 8px rgba(16,24,40,.05); transition:transform .15s ease, border-color .15s ease, box-shadow .15s ease; }
  .settings-maintenance button:hover { transform:translateY(-1px); border-color:#a9bfd5; box-shadow:0 5px 14px rgba(16,24,40,.08); }
  .settings-maintenance .maintenance-icon { flex:0 0 42px; height:42px; display:inline-flex; align-items:center; justify-content:center; border-radius:10px; background:#e8f1fa; color:var(--blue-dark); font-size:20px; font-weight:900; }
  .settings-maintenance .maintenance-copy { display:grid; gap:4px; }
  .settings-maintenance strong { font-size:15px; }
  .settings-maintenance small { color:var(--muted); font-size:12px; line-height:1.35; font-weight:600; }
  .settings-maintenance .storage-clear-btn { border-color:#ecd1ce; background:#fffafa; }
  .settings-maintenance .storage-clear-btn .maintenance-icon { background:#f8e7e5; color:var(--red); }
  .settings-maintenance .einlauf-restore-btn { border-color:#c9ddf0; background:#f7fbff; }
  .settings-maintenance .einlauf-restore-btn .maintenance-icon { background:#deedf9; color:var(--blue-dark); }
  .personal-options-section { padding:18px 0 20px; border-top:1px solid #dce4ec; }
  .personal-options-section:first-of-type { border-top:0; padding-top:0; }
  .personal-options-section:last-child { padding-bottom:0; }
  .personal-options-section-head { display:flex; align-items:baseline; justify-content:space-between; gap:14px; margin-bottom:11px; }
  .personal-options-section-head h4 { margin:0; color:#172b4d; font-size:16px; }
  .personal-options-section-head span { color:#7b8794; font-size:10px; font-weight:850; letter-spacing:.06em; text-transform:uppercase; }
  .personal-options-section-note { margin:-3px 0 11px; color:var(--muted); font-size:12px; line-height:1.4; }
  .personal-options-section .settings-maintenance { margin-top:11px; }
  .personal-options-section-cache { margin-top:2px; }
  .personal-options-section-cache .settings-maintenance { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .personal-option-card { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:16px; border:1px solid #d8e0e9; border-radius:12px; background:#f8fafc; cursor:pointer; }
  .personal-option-card + .personal-option-card { margin-top:10px; }
  .personal-dashboard-detail-options { display:grid; gap:10px; margin-top:20px; }
  .personal-dashboard-detail-options .personal-option-card + .personal-option-card { margin-top:0; }
  .personal-option-choice-card { cursor:default; }
  .personal-side-picker { flex:0 0 auto; display:grid; grid-template-columns:repeat(2,minmax(72px,1fr)); gap:4px; padding:4px; border:1px solid #cfd8e3; border-radius:10px; background:#e9eef4; }
  .personal-side-picker label { position:relative; cursor:pointer; }
  .personal-side-picker input { position:absolute; opacity:0; pointer-events:none; }
  .personal-side-picker span { min-height:34px; display:grid; place-items:center; padding:7px 12px; border-radius:7px; color:#536176; font-size:12px; font-weight:850; }
  .personal-side-picker input:checked + span { background:#fff; color:#075eb5; box-shadow:0 1px 4px rgba(23,43,77,.14); }
  .personal-side-picker input:focus-visible + span { outline:3px solid #f79009; outline-offset:1px; }
  .report-chart-mode-picker { grid-template-columns:repeat(2,minmax(132px,1fr)); }
  .personal-option-copy { display:grid; gap:4px; }
  .personal-option-copy strong { color:var(--ink); font-size:15px; }
  .personal-option-copy small { color:var(--muted); font-size:12px; line-height:1.4; }
  .personal-option-toggle { position:relative; flex:0 0 50px; width:50px; height:28px; }
  .personal-option-toggle input { position:absolute; width:1px; height:1px; opacity:0; }
  .personal-option-track { position:absolute; inset:0; border-radius:999px; background:#aeb9c6; box-shadow:inset 0 0 0 1px rgba(0,0,0,.08); transition:background .15s ease; }
  .personal-option-track::after { content:""; position:absolute; top:3px; left:3px; width:22px; height:22px; border-radius:50%; background:#fff; box-shadow:0 2px 5px rgba(16,24,40,.25); transition:transform .15s ease; }
  .personal-option-toggle input:checked + .personal-option-track { background:var(--green); }
  .personal-option-toggle input:checked + .personal-option-track::after { transform:translateX(22px); }
  .personal-option-toggle input:focus-visible + .personal-option-track { outline:3px solid #f79009; outline-offset:2px; }
  .intercom-settings-list { display:grid; gap:8px; margin-top:14px; }
  .intercom-settings-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:9px; align-items:center; padding:8px; border:1px solid #d8e0e9; border-radius:10px; background:#f8fafc; }
  .intercom-settings-row input { width:100%; min-width:0; height:42px; padding:9px 10px; border:1px solid #cbd5e1; border-radius:8px; background:#fff; color:var(--ink); font-size:15px; }
  .intercom-settings-row button { width:40px; height:40px; padding:0; border:1px solid #e4beba; border-radius:8px; background:#fffafa; color:#a23a32; cursor:pointer; font-size:20px; font-weight:800; }
  .intercom-settings-actions { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-top:12px; }
  .intercom-settings-actions .secondary-btn, .intercom-settings-actions .primary-btn { min-height:42px; }
  .intercom-settings-empty { padding:14px; border:1px dashed #cbd5e1; border-radius:10px; color:var(--muted); background:#f8fafc; font-size:13px; text-align:center; }
  .intercom-presets .intercom-settings-empty { grid-column:1/-1; margin:0; }
  .intercom-settings-offline { margin:0 0 16px; padding:13px 14px; border:1px solid #efcf9d; border-radius:10px; background:#fff7e8; color:#7a4708; font-size:13px; font-weight:750; line-height:1.45; }
  #intercomSettingsPanel :disabled { cursor:not-allowed; opacity:.58; }
  .data-overview-toolbar { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:16px; padding:11px; border:1px solid #d8e0e9; border-radius:11px; background:#f8fafc; }
  .data-source-switch { display:flex; align-items:center; gap:5px; padding:4px; border-radius:9px; background:#e8eef5; }
  .data-source-button { min-height:36px; padding:7px 11px; border:0; border-radius:7px; background:transparent; color:#516174; cursor:pointer; font-size:12px; font-weight:850; }
  .data-source-button.active { background:#fff; color:var(--blue-dark); box-shadow:0 2px 6px rgba(16,24,40,.12); }
  .data-source-swap { width:36px; height:36px; display:inline-flex; align-items:center; justify-content:center; border:1px solid #c5d3e1; border-radius:50%; background:#fff; color:var(--blue-dark); cursor:pointer; font-size:20px; font-weight:900; line-height:1; }
  .data-source-swap:disabled { opacity:.45; cursor:not-allowed; }
  .data-overview-actions { display:flex; align-items:center; justify-content:flex-end; gap:10px; min-width:0; }
  .data-source-info { min-width:0; overflow:hidden; color:var(--muted); font-size:11px; font-weight:750; text-align:right; white-space:nowrap; text-overflow:ellipsis; }
  .data-sync-button { min-height:38px; padding:8px 12px; border:0; border-radius:8px; background:var(--blue); color:#fff; cursor:pointer; font-size:12px; font-weight:850; white-space:nowrap; }
  .data-sync-button:disabled { opacity:.48; cursor:not-allowed; }
  .data-source-message { margin-top:10px; padding:9px 11px; border-radius:8px; background:#fff4e5; color:#8a4b08; font-size:12px; font-weight:750; }
  .data-source-message.error { background:#fcebea; color:#9b2c26; }
  .data-source-message.success { background:#e5f5ec; color:#146c43; }
  .report-toolbar { display:flex; align-items:end; justify-content:space-between; gap:12px; margin:14px 0 10px; padding:11px; border:1px solid #dce4ec; border-radius:11px; background:#f8fafc; }
  .report-toolbar .field { flex:1; margin:0; }
  .report-refresh { min-height:46px; padding:9px 13px; border:1px solid #b8c9d9; border-radius:8px; background:#fff; color:#075eb5; cursor:pointer; font-weight:850; }
  .report-status { margin:10px 0; padding:10px 12px; border-radius:9px; background:#edf5fc; color:#47698f; font-size:12px; font-weight:750; }
  .report-status.error { background:#fcebea; color:#9b2c26; }
  .official-table.report-list-table { min-width:0; table-layout:fixed; }
  .official-table.report-list-table th, .official-table.report-list-table td { padding-right:7px; padding-left:7px; }
  .official-table.report-list-table th:nth-child(1) { width:105px; white-space:nowrap; }
  .official-table.report-list-table th:nth-child(2) { width:auto; }
  .official-table.report-list-table th:nth-child(3) { width:92px; text-align:center; }
  .official-table.report-list-table th:nth-child(4) { width:86px; text-align:center; }
  .official-table.report-list-table th:nth-child(5) { width:62px; text-align:right; }
  .official-table.report-list-table td:nth-child(3), .official-table.report-list-table td:nth-child(4) { text-align:center; }
  .official-table.report-list-table td:nth-child(4) { width:auto; }
  .official-table.report-list-table td.report-list-action { text-align:right; }
  .report-list-action .official-table-action { margin-left:auto; }
  .report-list-table .report-list-date { color:#344054; font-size:11px; font-weight:750; white-space:nowrap; }
  .report-list-date span, .report-list-date small { display:block; }
  .report-list-date small { margin-top:2px; color:#667085; font-size:10px; }
  .report-list-teams { display:flex; align-items:center; gap:8px; min-width:0; }
  .report-list-team { display:flex; align-items:center; gap:7px; min-width:0; flex:1 1 0; }
  .report-list-team strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }
  .report-list-versus { flex:0 0 auto; color:#98a2b3; }
  .report-overview-logo { flex:0 0 auto; width:30px; height:30px; object-fit:contain; }
  .report-overview-logo-fallback { display:grid; place-items:center; border-radius:6px; background:#e8eef5; color:#516174; font-size:10px; font-weight:850; }
  .report-overview-logo.league { width:32px; height:32px; }
  .report-list-competition { text-align:center; }
  .report-list-league { display:inline-flex; align-items:center; justify-content:center; padding:3px; border-radius:9px; }
  .report-list-league .report-overview-logo-fallback { background:transparent; }
  .report-list-competition small { display:block; margin-top:2px; color:#667085; font-size:10px; }
  .report-score { color:#172b4d; font-size:17px; font-weight:950; white-space:nowrap; }
  #reportListView .official-table-wrap { container:report-archive / inline-size; }
  @container report-archive (max-width:850px) {
    .official-table.report-list-table, .report-list-table tbody { display:block; width:100%; }
    .report-list-table thead { display:none; }
    .report-list-table tbody { display:grid; gap:8px; padding:8px; }
    .report-list-table tbody tr { display:grid; grid-template-columns:minmax(0,1fr) auto auto auto; align-items:center; gap:4px 8px; border:1px solid #dce4ec; border-radius:9px; }
    .official-table.report-list-table tbody td { padding:5px; border:0; }
    .report-list-table tbody .report-list-date { grid-column:1; grid-row:1; }
    .report-list-table tbody .report-list-matchup { grid-column:1 / -1; grid-row:2; }
    .report-list-table tbody .report-score { grid-column:2; grid-row:1; }
    .report-list-table tbody .report-list-competition { grid-column:3; grid-row:1; }
    .report-list-table tbody .report-list-action { grid-column:4; grid-row:1; }
    .report-list-table tbody tr.official-empty-row { display:block; }
  }
  .report-detail[hidden], .report-list-view[hidden] { display:none; }
  .report-detail-back { min-height:40px; margin-bottom:14px; padding:8px 12px; border:1px solid #b8c9d9; border-radius:8px; background:#fff; color:#075eb5; cursor:pointer; font-weight:850; }
  .report-personnel-editor { margin:0 0 14px; padding:14px 16px; border:1px solid #c9d9eb; border-radius:12px; background:#f8fbff; }
  .report-personnel-editor summary { cursor:pointer; color:#075eb5; font-weight:850; }
  .report-personnel-editor > .hint { margin:10px 0; }
  .report-personnel-groups { display:grid; grid-template-columns:repeat(auto-fit,minmax(270px,1fr)); gap:16px; margin-top:12px; }
  .report-personnel-group h5 { margin:0 0 8px; color:#344054; font-size:12px; }
  .report-personnel-row { display:grid; grid-template-columns:minmax(0,1fr) 32px; gap:6px; align-items:center; margin:6px 0; }
  .report-personnel-row select { box-sizing:border-box; width:100%; min-width:0; min-height:36px; padding:6px 8px; border:1px solid #b8c9d9; border-radius:7px; background:#fff; }
  .report-official-row { grid-template-columns:105px minmax(0,1fr); }
  .report-official-row label { font-size:10px; font-weight:750; }
  .report-personnel-remove, .report-personnel-add { min-height:32px; border:1px solid #b8c9d9; border-radius:7px; background:#fff; color:#075eb5; cursor:pointer; }
  .report-personnel-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:16px; }
  #reportPersonnelStatus { color:#344054; font-size:11px; }
  .report-detail-hero { overflow:hidden; border:1px solid #1d4978; border-radius:16px; background:radial-gradient(circle at 50% 0,rgba(70,145,225,.32),transparent 42%),linear-gradient(135deg,#173b63,#0d2948 72%); color:#fff; box-shadow:0 14px 32px rgba(13,41,72,.16); }
  .report-detail-context { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 18px; border-bottom:1px solid rgba(255,255,255,.12); }
  .report-detail-context span { padding:5px 8px; border-radius:7px; background:rgba(255,255,255,.11); font-size:9px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
  #reportDetailContent .report-detail-context span { background:var(--report-secondary-color,#80a9d7); color:var(--report-secondary-text,#172b4d); }
  .report-detail-context p { color:#c9d9e9; font-size:10px; text-align:right; }
  .report-detail-competition { min-width:0; display:flex; align-items:center; gap:12px; }
  .report-detail-league-logo { flex:0 0 auto; width:48px; height:48px; object-fit:contain; filter:drop-shadow(0 1px 1px rgba(255,255,255,.45)) drop-shadow(0 5px 9px rgba(0,0,0,.3)); }
  .report-detail-matchup { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:24px; padding:27px 24px 22px; }
  .report-detail-team { min-width:0; display:flex; align-items:center; gap:12px; }
  .report-detail-team.away { justify-content:flex-end; }
  .report-detail-team-copy { flex:1; min-width:0; display:grid; gap:4px; }
  .report-detail-team.away { text-align:right; }
  .report-detail-team-logo { flex:0 0 auto; width:80px; height:80px; object-fit:contain; filter:drop-shadow(0 1px 1px rgba(255,255,255,.4)) drop-shadow(0 7px 12px rgba(0,0,0,.3)); }
  .report-detail-team small { color:#9fc0df; font-size:9px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
  .report-detail-team strong { min-height:2.3em; display:flex; align-items:center; overflow-wrap:anywhere; color:#fff; font-size:clamp(16px,2.2vw,24px); line-height:1.15; white-space:normal; }
  .report-detail-team.away strong { justify-content:flex-end; }
  .report-detail-team span { color:#b8cde1; font-size:10px; }
  .report-detail-score { min-width:150px; text-align:center; }
  .report-detail-score > small { display:block; margin-bottom:6px; color:#a9c5df; font-size:9px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
  .report-detail-score > strong { display:flex; align-items:center; justify-content:center; gap:10px; color:#fff; font-size:38px; font-variant-numeric:tabular-nums; line-height:1; }
  .report-detail-score i { color:#7ea7ce; font-size:25px; font-style:normal; }
  .report-detail-hero-meta { display:flex; align-items:center; justify-content:center; gap:0; padding:10px 18px; border-top:1px solid rgba(255,255,255,.1); background:rgba(4,21,38,.18); }
  .report-detail-hero-meta span { padding:0 14px; border-right:1px solid rgba(255,255,255,.16); color:#c2d4e5; font-size:9px; font-weight:750; }
  .report-detail-hero-meta span:last-child { border-right:0; }
  .report-detail-key-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:12px 0 0; overflow:hidden; border:1px solid #dbe5f3; border-radius:14px; background:linear-gradient(110deg,#f4f8ff,#fff 60%); }
  .report-detail-key-stats article { min-width:0; padding:14px 17px; border-right:1px solid #e1e8f2; }
  .report-detail-key-stats article:last-child { border-right:0; }
  .report-detail-key-stats span { display:block; color:#69768a; font-size:9px; font-weight:850; letter-spacing:.05em; text-transform:uppercase; }
  .report-detail-key-stats strong { display:block; margin:3px 0; color:#1f2e45; font-size:22px; }
  .report-detail-key-stats small { display:block; overflow:hidden; color:#8290a5; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
  .report-detail-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:16px; border-radius:12px; background:#172b4d; color:#fff; }
  .report-detail-head h3 { margin:0 0 4px; color:#fff; }
  .report-detail-head p { color:#c7d5e5; font-size:12px; }
  .report-detail-score { flex:0 0 auto; font-size:30px; font-weight:950; font-variant-numeric:tabular-nums; }
  .report-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:12px; }
  .report-detail-card { min-width:0; padding:16px; border:1px solid #dce4ec; border-radius:13px; background:#f8fafc; }
  .report-detail-card.wide { grid-column:1/-1; }
  .report-detail-card h4 { margin-bottom:9px; color:#344054; font-size:13px; letter-spacing:.04em; text-transform:uppercase; }
  .report-detail-analysis { border-color:#dbe5f3; background:linear-gradient(110deg,#f4f8ff,#fff 60%); }
  .report-detail-section-head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:14px; }
  .report-detail-section-head h4 { margin:2px 0 0; color:#26354d; font-size:14px; letter-spacing:0; text-transform:none; }
  .report-detail-period-head > div:first-child > p { margin:4px 0 0; color:#8290a5; font-size:10px; }
  .report-detail-section-head > div > span { color:#8290a5; font-size:8px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
  .report-detail-section-head > strong { padding:5px 8px; border-radius:7px; background:#e8eef5; color:#475467; font-size:10px; }
  .report-detail-period-chart { min-height:225px; display:flex; align-items:stretch; justify-content:center; gap:clamp(20px,5vw,64px); padding:10px 10px 0; overflow-x:auto; border-bottom:1px solid #d7e0eb; }
  .report-detail-period { min-width:82px; display:grid; grid-template-rows:minmax(160px,1fr) auto auto; gap:4px; text-align:center; }
  .report-detail-period-bars { min-height:160px; display:flex; align-items:flex-end; justify-content:center; gap:7px; padding-top:26px; }
  .report-detail-period-bar { position:relative; width:32px; height:var(--bar-height); min-height:5px; border-radius:7px 7px 2px 2px; background:linear-gradient(180deg,#3c88f1,#1768e5); box-shadow:0 5px 12px rgba(23,104,229,.14); }
  .report-detail-period-bar.away { background:linear-gradient(180deg,#abc7e6,#719dcc); box-shadow:none; }
  .report-detail-period-bar strong { position:absolute; bottom:calc(100% + 4px); left:50%; transform:translateX(-50%); color:#344054; font-size:10px; font-variant-numeric:tabular-nums; }
  .report-detail-period > b { color:#26354d; font-size:11px; }
  .report-detail-period > small { color:#8290a5; font-size:8px; white-space:nowrap; }
  .report-detail-foul-visual { min-height:225px; display:grid; grid-template-columns:auto minmax(160px,1fr); align-items:center; justify-content:center; gap:24px; max-width:480px; margin:auto; }
  .report-detail-foul-donut { width:168px; height:168px; display:grid; place-items:center; border-radius:50%; background:conic-gradient(#1768e5 0 var(--home-share),#80a9d7 var(--home-share) 100%); box-shadow:0 8px 22px rgba(23,104,229,.14); }
  .report-detail-foul-donut > div { width:102px; height:102px; display:grid; place-content:center; border-radius:50%; background:#fff; text-align:center; }
  .report-detail-foul-donut strong { color:#26354d; font-size:24px; line-height:1; }
  .report-detail-foul-donut span { margin-top:4px; color:#8290a5; font-size:8px; font-weight:900; letter-spacing:.05em; text-transform:uppercase; }
  .report-detail-foul-legend { display:grid; gap:8px; }
  .report-detail-foul-legend > div { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px; border-radius:9px; background:#fff; }
  .report-detail-foul-legend span { min-width:0; overflow:hidden; color:#667085; font-size:10px; font-weight:800; text-overflow:ellipsis; white-space:nowrap; }
  .report-detail-foul-legend span::before { display:inline-block; width:8px; height:8px; margin-right:6px; border-radius:3px; background:#1768e5; content:""; }
  .report-detail-foul-legend .away span::before { background:#80a9d7; }
  #reportDetailContent .report-detail-foul-legend .home span::before { background:var(--report-primary-color,#1768e5); }
  #reportDetailContent .report-detail-foul-legend .away span::before { background:var(--report-secondary-color,#80a9d7); }
  .report-detail-foul-legend strong { color:#26354d; font-size:18px; }
  .report-detail-empty { width:100%; align-self:center; padding:28px 16px; border:1px dashed #cbd8e8; border-radius:10px; background:rgba(255,255,255,.72); color:#667085; font-size:11px; font-weight:750; text-align:center; }
  .report-detail-chart-canvas { position:relative; width:100%; height:270px; min-width:0; }
  .report-detail-period-totals { display:flex; justify-content:center; flex-wrap:wrap; gap:7px; margin-top:8px; }
  .report-detail-period-totals span { display:grid; grid-template-columns:auto auto; gap:2px 5px; padding:6px 8px; border-radius:7px; background:#fff; color:#8290a5; font-size:8px; }
  #reportDetailContent .report-detail-period-totals span { border-left:3px solid var(--report-primary-color,#1768e5); border-right:3px solid var(--report-secondary-color,#80a9d7); background:linear-gradient(90deg,var(--report-primary-soft,#eaf2ff) 50%,var(--report-secondary-soft,#f1f6fb) 50%); }
  .report-detail-period-totals b { color:#344054; font-size:9px; }
  .report-roster-card { background:#f7f9fc; }
  .report-detail-rows { display:grid; gap:7px; }
  .report-detail-row { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding-bottom:7px; border-bottom:1px solid #e4e9ef; font-size:12px; }
  .report-detail-row:last-child { padding-bottom:0; border-bottom:0; }
  .report-detail-row span { color:#667085; }
  .report-detail-row strong { color:#253347; text-align:right; }
  .report-detail-season-divider { grid-column:1/-1; display:flex; align-items:center; gap:12px; margin:9px 0 1px; color:#8290a5; }
  .report-detail-season-divider::before, .report-detail-season-divider::after { height:1px; flex:1; background:#d9e2ec; content:""; }
  .report-detail-season-divider span { flex:0 0 auto; font-size:9px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
  .report-detail-season-card { min-height:355px; display:flex; flex-direction:column; }
  .report-detail-season-card .report-detail-section-head p { margin:4px 0 0; color:#8290a5; font-size:10px; line-height:1.4; }
  .report-detail-season-chart { position:relative; flex:1 1 auto; width:100%; min-height:245px; }
  .report-detail-season-legend { display:flex; justify-content:center; flex-wrap:wrap; gap:14px; margin-top:8px; color:#667085; font-size:9px; font-weight:800; }
  .report-detail-season-legend span { display:flex; align-items:center; gap:6px; }
  .report-detail-season-legend span::before { width:9px; height:9px; border-radius:50%; background:#1768e5; content:""; }
  .report-detail-season-legend .away::before { background:#80a9d7; }
  #reportDetailContent .report-detail-season-legend .home::before, #reportDetailContent .report-detail-season-legend .recorded::before { background:var(--report-primary-color,#1768e5); }
  .report-person-list { display:grid; gap:5px; margin:0; padding:0; list-style:none; }
  .report-person-list.inline { grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); }
  .report-person-list li { padding:7px 9px; border-radius:7px; background:#fff; color:#344054; font-size:12px; }
  .report-person-list li { display:flex; align-items:center; justify-content:space-between; gap:10px; }
  .report-person-list small { color:#667085; text-align:right; }
  .report-player-name { min-width:0; overflow:hidden; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
  .report-person-list li.starter { background:#eaf2ff; color:#174ea6; }
  #reportDetailContent .report-roster-card.home .report-person-list li.starter:not(.fouled-out) { border-left:3px solid var(--report-primary-color,#1768e5); background:var(--report-primary-soft,#eaf2ff); color:#344054; }
  #reportDetailContent .report-roster-card.away .report-person-list li.starter:not(.fouled-out) { border-left:3px solid var(--report-secondary-color,#80a9d7); background:var(--report-secondary-soft,#f1f6fb); color:#344054; }
  .report-person-list li.starter .report-player-name { font-weight:850; }
  .report-player-meta { display:flex; align-items:center; justify-content:flex-end; gap:6px; white-space:nowrap; }
  .report-starter-badge { padding:3px 6px; border-radius:999px; background:#155eef; color:#fff; font-size:8px; font-weight:950; letter-spacing:.03em; text-transform:uppercase; }
  #reportDetailContent .report-roster-card.home .report-starter-badge { background:var(--report-primary-color,#1768e5); color:var(--report-primary-text,#fff); }
  #reportDetailContent .report-roster-card.away .report-starter-badge { background:var(--report-secondary-color,#80a9d7); color:var(--report-secondary-text,#172b4d); }
  #reportDetailContent .report-roster-card.home .report-detail-section-head > strong { background:var(--report-primary-soft,#eaf2ff); border:1px solid var(--report-primary-color,#1768e5); }
  #reportDetailContent .report-roster-card.away .report-detail-section-head > strong { background:var(--report-secondary-soft,#f1f6fb); border:1px solid var(--report-secondary-color,#80a9d7); }
  .report-person-list li.fouled-out { background:#fff0ef; color:#9f201a; }
  .report-person-list li.fouled-out .report-player-name { font-weight:950; }
  .report-person-list li.fouled-out small { color:#b42318; font-weight:900; }
  .report-team-fouls { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:7px; padding:8px 9px; border-radius:8px; background:#e8eef5; color:#475467; font-size:11px; font-weight:800; }
  .report-team-fouls strong { color:#172b4d; font-size:15px; }
  .report-staff-fouls { margin-top:12px; padding:10px; border:1px solid #dce4ec; border-radius:10px; background:#fff; }
  .report-staff-fouls.is-disqualified { border-color:#e6a29d; background:#fff7f6; }
  .report-staff-foul-summary { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:8px; color:#344054; font-size:11px; }
  .report-staff-foul-summary > div { display:flex; gap:4px; }
  .report-staff-foul-summary span { padding:3px 6px; border-radius:999px; background:#e4e7ec; color:#667085; font-size:9px; font-weight:950; }
  .report-staff-foul-summary span.warning { background:#fee4e2; color:#b42318; }
  .report-staff-fouls.is-disqualified .report-staff-foul-summary span { background:#b42318; color:#fff; }
  .report-staff-foul-counts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; }
  .report-staff-foul-counts > span { min-width:0; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:5px; padding:6px; border-radius:7px; background:#f5f7fa; color:#475467; }
  .report-staff-foul-counts b { color:#b42318; font-size:12px; }
  .report-staff-foul-counts small { overflow:hidden; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
  .report-staff-foul-counts strong { color:#253347; font-size:13px; }
  .report-staff-foul-log { display:grid; gap:4px; margin:8px 0 0; padding:8px 0 0; border-top:1px solid #e4e9ef; list-style:none; }
  .report-staff-foul-log li { display:grid; grid-template-columns:22px minmax(0,1fr) auto; align-items:center; gap:6px; color:#344054; font-size:10px; }
  .report-staff-foul-log li b { color:#b42318; }
  .report-staff-foul-log li small { color:#b42318; font-size:8px; font-weight:850; text-align:right; }
  .report-staff-foul-log li.correction, .report-staff-foul-log li.correction b, .report-staff-foul-log li.correction small { color:#667085; }
  .report-staff-foul-empty { margin:8px 0 0; color:#8290a5; font-size:9px; line-height:1.4; }
  .report-periods { display:flex; flex-wrap:wrap; gap:7px; }
  .report-period { min-width:78px; padding:9px; border-radius:8px; background:#fff; color:#344054; text-align:center; }
  .report-period strong { display:block; color:#172b4d; font-size:16px; }
  .report-period small { display:block; margin-top:3px; color:#667085; font-size:9px; }
  .report-section-tabs { display:flex; gap:5px; margin-bottom:18px; padding:4px; border-radius:10px; background:#e8eef5; }
  .report-section-tabs button { min-height:38px; padding:8px 14px; border:0; border-radius:8px; background:transparent; color:#516174; cursor:pointer; font-weight:850; }
  .report-section-tabs button.active { background:#fff; color:#075eb5; box-shadow:0 2px 7px rgba(16,24,40,.12); }
  .report-stats-filter { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) 46px; gap:10px; align-items:end; margin:14px 0 10px; padding:11px; border:1px solid #dce4ec; border-radius:11px; background:#f8fafc; }
  .report-stats-filter .field { min-width:0; margin:0; }
  .report-stats-filter .report-refresh { width:46px; padding:0; display:grid; place-items:center; justify-self:end; }
  .report-stats-filter .report-refresh svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
  @media (max-width:680px) { .report-stats-filter { grid-template-columns:minmax(0,1fr); } }
  .report-stats-filter .logo-filter-native-select, .schedule-overview-filters .logo-filter-native-select { display:none !important; }
  .logo-filter-select { position:relative; min-width:0; }
  .logo-filter-trigger { width:100%; min-height:46px; display:flex; align-items:center; gap:9px; padding:7px 32px 7px 10px; border:1px solid #cbd5e1; border-radius:8px; background:#fff; color:var(--ink); cursor:pointer; text-align:left; font:inherit; font-size:16px; }
  .logo-filter-trigger::after { content:""; position:absolute; right:13px; width:7px; height:7px; border-right:2px solid #667085; border-bottom:2px solid #667085; transform:translateY(-2px) rotate(45deg); }
  .logo-filter-trigger:focus-visible, .logo-filter-option:focus-visible { outline:2px solid #075eb5; outline-offset:2px; }
  .logo-filter-list { position:absolute; z-index:30; top:calc(100% + 4px); left:0; right:0; max-height:260px; overflow:auto; padding:4px; border:1px solid #cbd5e1; border-radius:8px; background:#fff; box-shadow:0 12px 24px rgba(16,24,40,.17); }
  .logo-filter-list[hidden] { display:none; }
  .logo-filter-option { width:100%; min-height:42px; display:flex; align-items:center; gap:9px; padding:6px; border:0; border-radius:6px; background:#fff; color:var(--ink); cursor:pointer; text-align:left; font:inherit; font-size:14px; }
  .logo-filter-option:hover, .logo-filter-option[aria-selected="true"] { background:#eaf3ff; }
  .logo-filter-text { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .logo-filter-icon { flex:0 0 28px; width:28px; height:28px; object-fit:contain; border-radius:5px; }
  .logo-filter-fallback { display:grid; place-items:center; background:#e8eef5; color:#516174; font-size:11px; font-weight:800; }
  .report-stat-cards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:14px 0 12px; }
  .report-stat-cards article { min-width:0; padding:14px; border:1px solid #dce4ec; border-radius:11px; background:#f8fafc; }
  .report-stat-cards article.won { border-color:#b7dfca; background:#eff9f4; }
  .report-stat-cards article.lost { border-color:#efc3bf; background:#fff5f4; }
  .report-stat-cards span { display:block; color:#667085; font-size:10px; font-weight:900; letter-spacing:.05em; text-transform:uppercase; }
  .report-stat-cards strong { display:block; margin-top:5px; overflow:hidden; color:#172b4d; font-size:25px; line-height:1; white-space:nowrap; text-overflow:ellipsis; }
  .report-stat-cards small { display:block; margin-top:6px; color:#667085; font-size:10px; }
  .report-stat-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
  .report-stat-panel { min-width:0; padding:14px; border:1px solid #dce4ec; border-radius:11px; background:#f8fafc; }
  .report-stat-panel.wide { grid-column:1/-1; }
  .report-stat-panel h4 { margin-bottom:10px; color:#344054; font-size:13px; }
  .report-stat-leaderboards:not([hidden]) { grid-column:1/-1; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr)); gap:12px; }
  .report-chart-surface { border-color:#dbe5f3; background:linear-gradient(110deg,#f4f8ff,#fff 60%); }
  .report-chart-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:16px; }
  .report-chart-heading h4 { margin:0 0 3px; color:#26354d; }
  .report-chart-heading p { color:#8290a5; font-size:10px; }
  .report-period-tools { display:flex; align-items:center; justify-content:flex-end; gap:14px; }
  .report-chart-toggle { display:flex; gap:3px; padding:3px; border:1px solid #d7e1ee; border-radius:9px; background:rgba(255,255,255,.78); }
  .report-chart-toggle button { min-height:28px; padding:5px 9px; border:0; border-radius:6px; color:#667085; background:transparent; cursor:pointer; font-size:9px; font-weight:850; }
  .report-chart-toggle button[aria-pressed="true"] { color:#075eb5; background:#eaf2ff; box-shadow:0 1px 3px rgba(23,104,229,.12); }
  #reportStatsDashboard .report-chart-toggle button[aria-pressed="true"] { color:#344054; background:var(--report-primary-soft,#eaf2ff); box-shadow:inset 0 0 0 1px var(--report-primary-color,#1768e5); }
  #reportDetailContent .report-chart-toggle button[aria-pressed="true"] { color:#344054; background:var(--report-primary-soft,#eaf2ff); box-shadow:inset 0 0 0 1px var(--report-primary-color,#1768e5); }
  .report-chart-legend { display:flex; align-items:center; gap:12px; color:#667085; font-size:10px; font-weight:800; }
  .report-chart-legend span, .report-foul-values span { display:flex; align-items:center; gap:6px; }
  .report-chart-legend span::before, .report-foul-values span::before { width:8px; height:8px; border-radius:3px; background:#1768e5; content:""; }
  .report-chart-legend .away::before, .report-foul-values .away span::before { background:#80a9d7; }
  #reportDetailContent .report-chart-legend .home::before { background:var(--report-primary-color,#1768e5); }
  #reportDetailContent .report-chart-legend .away::before { background:var(--report-secondary-color,#80a9d7); }
  #reportStatsDashboard .report-chart-legend .home::before, #reportStatsDashboard .report-foul-values .home span::before { background:var(--report-primary-color,#1768e5); }
  #reportStatsDashboard .report-chart-legend .away::before, #reportStatsDashboard .report-foul-values .away span::before { background:var(--report-secondary-color,#80a9d7); }
  .report-chart-canvas { position:relative; flex:1 1 100%; width:100%; min-width:0; height:250px; }
  .report-doughnut-canvas, .report-detail-doughnut-canvas { position:relative; width:190px; height:190px; }
  .report-detail-doughnut-canvas { width:185px; height:185px; }
  .report-chart-center { position:absolute; inset:50% auto auto 50%; display:grid; transform:translate(-50%,-50%); pointer-events:none; text-align:center; }
  .report-chart-center strong { color:#26354d; font-size:24px; line-height:1; }
  .report-chart-center span { margin-top:4px; color:#8290a5; font-size:8px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
  .report-period-chart { min-height:225px; display:flex; align-items:stretch; justify-content:center; gap:clamp(18px,5vw,62px); padding:8px 12px 0; border-bottom:1px solid #d7e0eb; }
  .report-period-column { min-width:72px; display:grid; grid-template-rows:minmax(160px,1fr) auto auto; gap:3px; text-align:center; }
  .report-period-bars { min-height:160px; display:flex; align-items:flex-end; justify-content:center; gap:6px; padding-top:26px; }
  .report-period-bar { position:relative; width:30px; height:var(--bar-height); min-height:4px; border-radius:6px 6px 2px 2px; background:linear-gradient(180deg,#3c88f1,#1768e5); box-shadow:0 5px 12px rgba(23,104,229,.14); }
  .report-period-bar.away { background:linear-gradient(180deg,#abc7e6,#719dcc); box-shadow:none; }
  .report-period-bar strong { position:absolute; bottom:calc(100% + 4px); left:50%; transform:translateX(-50%); color:#344054; font-size:10px; font-variant-numeric:tabular-nums; }
  .report-period-column > span { color:#344054; font-size:11px; font-weight:900; }
  .report-period-column > small { color:#98a2b3; font-size:9px; }
  .report-foul-panel { grid-column:span 1; }
  .report-foul-chart { min-height:218px; display:grid; grid-template-columns:1fr; align-items:center; justify-items:center; gap:12px; max-width:320px; margin:0 auto; }
  .report-foul-chart.is-empty { grid-template-columns:1fr; width:100%; max-width:none; min-height:150px; }
  .report-chart-empty { width:100%; align-self:center; justify-self:stretch; padding:28px 16px; border:1px dashed #cbd8e8; border-radius:10px; background:rgba(255,255,255,.72); color:#667085; font-size:11px; font-weight:750; text-align:center; }
  .report-foul-donut { width:170px; height:170px; display:grid; place-items:center; border-radius:50%; background:conic-gradient(#1768e5 0 var(--home-share),#80a9d7 var(--home-share) 100%); box-shadow:0 8px 22px rgba(23,104,229,.14); }
  .report-foul-donut > div { width:104px; height:104px; display:grid; place-content:center; border-radius:50%; background:#fff; text-align:center; }
  .report-foul-donut strong { color:#26354d; font-size:25px; line-height:1; }
  .report-foul-donut span { margin-top:4px; color:#8290a5; font-size:9px; font-weight:850; text-transform:uppercase; }
  .report-foul-values { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
  .report-foul-values > div { padding:10px; border-radius:9px; background:#fff; }
  .report-foul-values span { color:#667085; font-size:10px; font-weight:850; }
  .report-foul-values strong { display:block; margin:5px 0 2px; color:#26354d; font-size:21px; }
  .report-foul-values small { color:#8290a5; font-size:9px; }
  .report-foul-chart > p:not(.report-chart-empty) { grid-column:1; align-self:start; color:#8290a5; font-size:9px; text-align:center; }
  .report-result-panel { display:flex; grid-column:span 2; flex-direction:column; }
  .report-result-summary { flex:0 0 auto; padding:5px 8px; border:1px solid #d8e2ef; border-radius:999px; color:#536078; background:#fff; font-size:10px; font-weight:850; white-space:nowrap; }
  #reportStatsDashboard .report-result-summary { border-left-color:var(--report-primary-color,#1768e5); border-right-color:var(--report-secondary-color,#80a9d7); background:var(--report-primary-soft,#eaf2ff); }
  .report-result-chart { display:flex; flex:1 1 auto; min-height:218px; flex-direction:column; }
  .report-result-canvas { position:relative; flex:1 1 auto; width:100%; min-height:218px; }
  .report-result-legend { display:flex; justify-content:center; gap:15px; margin-top:5px; color:#667085; font-size:9px; font-weight:800; }
  .report-result-legend span { display:flex; align-items:center; gap:6px; }
  .report-result-legend span::before { width:8px; height:8px; border-radius:3px; background:#26966f; content:""; }
  .report-result-legend .lost::before { background:#d65762; }
  #reportStatsDashboard .report-result-legend .won::before { background:var(--report-win-color,#26966f); }
  #reportStatsDashboard .report-result-legend .lost::before { background:var(--report-loss-color,#d65762); }
  .report-average-periods { display:grid; grid-template-columns:repeat(auto-fit,minmax(92px,1fr)); gap:8px; }
  .report-average-period { padding:11px 8px; border-radius:9px; background:#fff; text-align:center; }
  .report-average-period span { display:block; color:#667085; font-size:10px; font-weight:900; }
  .report-average-period strong { display:block; margin:4px 0 2px; color:#172b4d; font-size:18px; }
  .report-average-period small { color:#98a2b3; font-size:9px; }
  .report-ranking { display:grid; gap:6px; }
  .report-ranking-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:10px; padding:8px 9px; border-radius:8px; background:#fff; }
  .report-ranking-row.starter { background:#eaf2ff; }
  #reportStatsDashboard .report-ranking-row.starter { border-left:3px solid var(--report-primary-color,#1768e5); background:var(--report-primary-soft,#eaf2ff); }
  .report-ranking-row span { min-width:0; overflow:hidden; color:#344054; font-size:12px; font-weight:750; white-space:nowrap; text-overflow:ellipsis; }
  .report-ranking-place { display:inline-block; min-width:23px; color:#075eb5; font-weight:950; }
  .report-ranking-row small { display:block; margin-top:2px; color:#667085; font-size:9px; }
  .report-ranking-row strong { min-width:28px; padding:4px 7px; border-radius:999px; background:#eaf2ff; color:#075eb5; font-size:11px; text-align:center; }
  .report-recent-games { display:grid; gap:6px; }
  .report-recent-game { width:100%; display:grid; grid-template-columns:100px minmax(0,1fr) minmax(80px,auto) auto; align-items:center; gap:10px; padding:9px 10px; border:0; border-radius:8px; background:#fff; color:#344054; cursor:pointer; font-size:11px; text-align:left; }
  .report-recent-game:hover { background:#edf5fc; }
  .report-recent-game .report-recent-date { color:#667085; }
  .report-recent-matchup { display:flex; align-items:center; gap:7px; min-width:0; }
  .report-recent-matchup strong { min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#344054; }
  .report-recent-game small { color:#667085; }
  .report-recent-result { padding:4px 7px; border-radius:7px; color:#fff; font-weight:900; }
  .report-recent-result.won { background:#16794b; }
  .report-recent-result.lost { background:#b42318; }
  @media (max-width:700px) {
    .report-recent-game { grid-template-columns:minmax(0,1fr) auto; gap:6px 10px; }
    .report-recent-date { grid-column:1; grid-row:1; }
    .report-recent-matchup { grid-column:1; grid-row:2; }
    .report-recent-game small { grid-column:1; grid-row:3; }
    .report-recent-result { grid-column:2; grid-row:1 / span 3; }
  }
  .report-record-games { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .report-record-game, .report-record-empty { min-width:0; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:5px 10px; padding:13px; border:1px solid #dce4ec; border-radius:9px; background:#fff; color:#344054; text-align:left; }
  .report-record-game { cursor:pointer; }
  .report-record-game:hover { background:#f8fafc; }
  .report-record-game.won { border-color:#b7dfca; background:#eff9f4; }
  .report-record-game.lost { border-color:#efc3bf; background:#fff5f4; }
  .report-record-game span, .report-record-empty span { color:#667085; font-size:10px; font-weight:900; letter-spacing:.05em; text-transform:uppercase; }
  .report-record-game strong, .report-record-empty strong { grid-row:1/3; grid-column:2; align-self:center; color:#172b4d; font-size:23px; white-space:nowrap; }
  .report-record-game b { min-width:0; overflow:hidden; color:#344054; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
  .report-record-game small, .report-record-empty small { min-width:0; overflow:hidden; color:#667085; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
  .report-record-game em { color:#475467; font-size:10px; font-style:normal; font-weight:800; }
  .data-source-message[hidden] { display:none; }
  .data-overview-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; margin:16px 0; }
  .data-stat-card { position:relative; min-width:0; padding:14px; border:1px solid #dce4ec; border-radius:11px; background:#f8fafc; }
  .data-stat-card.different { border-color:#efb26c; background:#fffaf2; }
  .data-stat-card.different::after { content:"Abweichend"; position:absolute; top:9px; right:9px; padding:3px 6px; border-radius:999px; background:#fff0d5; color:#8a4b08; font-size:9px; font-weight:900; letter-spacing:.03em; text-transform:uppercase; }
  .data-stat-card span { display:block; color:var(--muted); font-size:11px; font-weight:850; letter-spacing:.04em; text-transform:uppercase; }
  .data-stat-card strong { display:block; margin-top:4px; color:var(--blue-dark); font-size:26px; line-height:1; }
  .data-stat-card small { display:block; margin-top:6px; overflow:hidden; color:#516174; font-size:12px; line-height:1.35; text-overflow:ellipsis; }
  .data-overview-columns { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:12px; }
  .data-overview-section { min-width:0; padding:15px; border:1px solid #dce4ec; border-radius:11px; background:#fff; }
  .data-overview-section h4 { margin-bottom:10px; color:#172b4d; font-size:15px; }
  .data-overview-rows { display:grid; gap:8px; }
  .data-overview-row { display:flex; justify-content:space-between; gap:16px; padding-bottom:8px; border-bottom:1px solid #edf1f5; font-size:12px; }
  .data-overview-row:last-child { padding-bottom:0; border-bottom:0; }
  .data-overview-row span { color:var(--muted); }
  .data-overview-row strong { min-width:0; overflow:hidden; color:#344054; text-align:right; white-space:nowrap; text-overflow:ellipsis; }
  .data-health-list { display:grid; gap:7px; margin:0; padding:0; list-style:none; }
  .data-health-item { padding:9px 10px; border-radius:8px; background:#fff4e5; color:#8a4b08; font-size:12px; font-weight:750; line-height:1.4; }
  .data-health-details { display:grid; gap:4px; margin:6px 0 0; padding-left:18px; font-weight:500; overflow-wrap:anywhere; }
  .data-health-item.ok { background:#e7f6ee; color:#11623d; }
  .data-reset-section { margin-top:12px; padding:15px; border:1px solid #edc4c0; border-radius:11px; background:#fffafa; }
  .data-reset-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:11px; }
  .data-reset-heading h4 { margin:0 0 4px; color:#7a271f; font-size:15px; }
  .data-reset-heading p { margin:0; color:#7b514d; font-size:12px; line-height:1.45; }
  .data-reset-heading > span { flex:0 0 auto; padding:4px 7px; border-radius:999px; background:#fee4e2; color:#b42318; font-size:9px; font-weight:900; letter-spacing:.04em; text-transform:uppercase; }
  .data-reset-list { display:grid; gap:8px; }
  .data-reset-item { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:11px; border:1px solid #eed8d5; border-radius:9px; background:#fff; }
  .data-reset-item > div { min-width:0; display:grid; gap:3px; }
  .data-reset-item strong { color:#4b2521; font-size:13px; }
  .data-reset-item small { color:#7b615e; font-size:11px; line-height:1.4; }
  .data-reset-item button { flex:0 0 auto; min-height:36px; padding:8px 11px; border:0; border-radius:8px; background:#b42318; color:#fff; cursor:pointer; font-size:11px; font-weight:850; }
  .data-reset-item button:disabled { background:#d9c5c3; cursor:not-allowed; }
  .data-reset-status { margin:10px 0 0; color:#7b514d; font-size:11px; font-weight:750; }
  .data-reset-status.error { color:#b42318; }
  .data-reset-status.success { color:#16794b; }
  .data-overview-note { margin-top:12px; padding:11px 12px; border-radius:9px; background:#edf5fc; color:#47698f; font-size:12px; line-height:1.45; }
  .settings-panel { display:none; width:100%; max-width:100%; min-width:0; }
  .settings-panel.active { display:block; }
  .settings-card { width:100%; max-width:100%; min-width:0; overflow:hidden; background:var(--surface); border-radius:var(--radius); padding:18px; box-shadow:0 2px 10px rgba(16,24,40,.08); }
  #scheduleOverviewPanel .settings-card { overflow:visible; }
  .settings-card h3 { margin-bottom:14px; }
  .section-title-row { display:flex; align-items:start; justify-content:space-between; gap:14px; margin-bottom:14px; }
  .section-title-row h3 { margin-bottom:4px; }
  .team-search-field { max-width:480px; }
  .schedule-overview-filters { width:100%; padding:11px; border:1px solid #dce4ec; border-radius:11px; background:#f8fafc; }
  .schedule-filter-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:11px; padding-bottom:9px; border-bottom:1px solid #e3e9f0; }
  .schedule-filter-heading h4 { margin:0; color:#344054; font-size:13px; }
  .schedule-filter-fields { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; align-items:end; }
  .schedule-overview-filters .field { margin:0; }
  .schedule-overview-filters select { min-width:0; width:100%; }
  .schedule-filter-heading .schedule-filter-reset { flex:0 0 auto; padding:7px 10px; font-size:11px; white-space:nowrap; }
  .schedule-dashboard-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:4px 0 14px; }
  .schedule-statistics { margin:0 0 14px; border:1px solid #dce4ec; border-radius:11px; background:#fff; }
  .schedule-statistics > summary { display:flex; align-items:center; justify-content:space-between; padding:12px 14px; color:#172b4d; font-size:14px; font-weight:900; cursor:pointer; list-style:none; }
  .schedule-statistics > summary::-webkit-details-marker { display:none; }
  .schedule-statistics > summary:focus-visible { outline:2px solid #075eb5; outline-offset:-3px; border-radius:10px; }
  .schedule-statistics-chevron { font-size:20px; line-height:1; transition:transform .2s ease; }
  .schedule-statistics[open] .schedule-statistics-chevron { transform:rotate(180deg); }
  .schedule-statistics-body { padding:0 12px 12px; }
  .schedule-statistics-option { display:inline-flex; align-items:center; gap:8px; margin:0 0 12px; color:#344054; cursor:pointer; font-size:12px; font-weight:700; }
  .schedule-statistics-option input { width:16px; height:16px; margin:0; accent-color:#075eb5; cursor:pointer; }
  .schedule-stats-card { min-width:0; padding:13px; border:1px solid #dce4ec; border-radius:10px; background:#fff; }
  .schedule-stats-card h4 { margin:0; color:#172b4d; font-size:13px; }
  .schedule-stats-card > p { margin:4px 0 0; color:#667085; font-size:11px; }
  .schedule-chart-legend { display:flex; flex-wrap:wrap; gap:9px; margin:14px 0; }
  .schedule-chart-team-chip { display:inline-flex; align-items:center; gap:10px; min-height:64px; min-width:180px; max-width:100%; padding:9px 14px; border:1px solid var(--team-chip-border,#dce4ec); border-radius:11px; background:var(--team-chip-bg,#f8fafc); color:#344054; cursor:pointer; font-family:inherit; font-size:13px; font-weight:800; line-height:1.3; text-align:left; box-sizing:border-box; }
  .schedule-chart-team-chip[aria-pressed="false"] { border-color:#dce4ec; background:#f2f4f7; color:#667085; }
  .schedule-chart-team-chip[aria-pressed="false"] .schedule-chart-team-logo { filter:grayscale(1); opacity:.62; }
  .schedule-chart-team-chip[aria-pressed="false"] .schedule-stats-dot { background:#a8b0bd; }
  .schedule-chart-team-chip:focus-visible { outline:2px solid #075eb5; outline-offset:2px; }
  .schedule-chart-legend .schedule-chart-team-logo { flex:0 0 44px; display:grid; place-items:center; width:44px; height:44px; color:#475467; font-size:16px; font-weight:900; object-fit:contain; }
  .schedule-chart-team-logo.schedule-logo-fallback { border-radius:8px; background:#e8eef5; }
  .schedule-chart-team-name { min-width:0; overflow-wrap:anywhere; }
  .schedule-stats-dot { display:inline-block; flex:0 0 9px; width:9px; height:9px; border-radius:50%; background:var(--stat-color,#98a2b3); }
  .schedule-month-chart { width:100%; margin-top:10px; overflow-x:auto; }
  .schedule-month-chart-inner { position:relative; width:100%; min-width:var(--chart-min-width,320px); height:240px; }
  .schedule-type-layout { display:flex; align-items:center; gap:12px; min-height:130px; }
  .schedule-type-chart { position:relative; flex:0 0 110px; width:110px; height:110px; }
  .schedule-type-layout .schedule-stats-rows { flex:1; min-width:0; margin-top:0; }
  .schedule-weekday-chart { position:relative; height:155px; margin-top:8px; }
  .schedule-chart-empty { display:grid; place-items:center; width:100%; height:100%; color:#667085; font-size:11px; text-align:center; }
  .schedule-month-chart .schedule-chart-empty { min-height:90px; }
  .schedule-statistics [hidden] { display:none; }
  .schedule-stats-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:10px; }
  .schedule-stats-rows { display:grid; gap:10px; margin-top:12px; }
  .schedule-stats-row { display:grid; grid-template-columns:9px minmax(0,1fr) auto; align-items:center; gap:7px; color:#475467; font-size:11px; }
  .schedule-stats-row strong { color:#172b4d; }
  .schedule-stats-row-label { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .schedule-stats-empty { color:#667085; font-size:11px; }
  .schedule-days-chip { display:inline-flex; align-items:center; width:max-content; padding:6px 9px; border-radius:7px; background:#eaf7f2; color:#2e705b; font-size:11px; font-weight:850; white-space:nowrap; }
  .schedule-days-chip.today { background:#eef3dc; color:#647411; }
  .schedule-days-chip.past { background:#eef2f6; color:#667085; }
  .schedule-played-chip { display:inline-flex; align-items:center; flex:0 0 auto; min-height:25px; padding:3px 9px; border:1px solid #cbd5e1; border-radius:999px; background:#eef2f6; color:#344054; cursor:pointer; font:inherit; font-size:11px; font-weight:850; line-height:1.2; white-space:nowrap; }
  .schedule-played-chip:hover { border-color:#8aa5c4; background:#e3edf8; color:#075eb5; }
  span.schedule-played-chip, span.schedule-played-chip:hover { cursor:default; border-color:#cbd5e1; background:#eef2f6; color:#344054; }
  .schedule-played-chip:focus-visible { outline:2px solid #075eb5; outline-offset:2px; }
  .end-of-match-day-rank-action { border-color:#7f56d9; background:#f4f0ff; color:#5f3dc4; }
  .end-of-match-day-rank-action:hover { border-color:#5f3dc4; background:#e9ddff; color:#43258a; }
  .end-of-match-day-rank-overlay[hidden] { display:none; }
  .end-of-match-day-rank-overlay { position:fixed; inset:0; z-index:310; display:flex; align-items:center; justify-content:center; padding:20px; background:rgba(15,23,42,.72); }
  .end-of-match-day-rank-modal { width:min(100%,390px); padding:20px; border-radius:14px; background:#fff; box-shadow:0 24px 64px rgba(15,23,42,.34); }
  .end-of-match-day-rank-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:16px; }
  .end-of-match-day-rank-head h2 { margin:0; color:#172b4d; font-size:19px; }
  .end-of-match-day-rank-head p { margin:5px 0 0; color:#667085; font-size:13px; line-height:1.35; }
  .end-of-match-day-rank-modal .field { margin:0; }
  #scheduleLibraryList .library-actions button:disabled, #scheduleTableBody .official-table-action:disabled, #scheduleTableBody .official-table-action:disabled:hover { border:1px solid #d5d9df; background:#e9ebef; color:#8b939e; cursor:not-allowed; box-shadow:none; }
  .schedule-table-time-content { display:flex; align-items:center; gap:6px; white-space:nowrap; }
  .schedule-table-time-content .schedule-days-chip { padding:5px 7px; font-size:10px; }
  @media (max-width:1100px) { .schedule-filter-fields { grid-template-columns:repeat(2,minmax(0,1fr)); } }
  @media (max-width:800px) { .schedule-stats-grid { grid-template-columns:1fr; } }
  @media (max-width:640px) { .schedule-statistics-body { padding:0 9px 9px; } #scheduleOverviewPanel .schedule-dashboard-stats, .schedule-filter-fields { grid-template-columns:1fr; } }
  #scheduleLibraryList[hidden], #scheduleTableWrap[hidden] { display:none; }
  #scheduleTableWrap { margin-top:14px; }
  .schedule-view-toggle { flex:0 0 38px; width:38px; height:38px; display:inline-grid; place-items:center; padding:0; border:1px solid #cbd5e1; border-radius:8px; background:#f8fafc; color:#475467; cursor:pointer; font-size:19px; line-height:1; }
  .schedule-view-toggle:hover, .schedule-view-toggle[aria-pressed="true"] { border-color:#9db4ca; background:#eef5fb; color:#075eb5; }
  .schedule-view-toggle svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
  .official-table.schedule-table { min-width:1080px; }
  .official-table.schedule-table th { white-space:nowrap; }
  .official-table.schedule-table th:nth-child(1) { width:32px; padding-right:5px; padding-left:5px; text-align:center; }
  .official-table.schedule-table th:nth-child(2) { width:398px; }
  .official-table.schedule-table th:nth-child(3) { width:176px; }
  .official-table.schedule-table th:nth-child(4) { width:112px; }
  .official-table.schedule-table th:nth-child(5) { width:175px; }
  .official-table.schedule-table th:nth-child(6) { width:175px; text-align:right; }
  #scheduleTableBody tr.schedule-entry-locked { cursor:default; }
  #scheduleTableBody tr.schedule-entry-locked:hover { background:transparent; }
  .official-table.schedule-table td:nth-child(1) { padding-right:5px; padding-left:5px; text-align:center; }
  .schedule-game-cell { min-width:0; }
  .schedule-game-team { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
  .schedule-table-opponent-line { display:flex; align-items:center; flex-wrap:wrap; gap:4px 7px; margin-top:3px; }
  .schedule-table-opponent-line .schedule-game-team { min-width:0; color:#667085; font-weight:700; }
  .schedule-game-team:has(.schedule-table-logo) { display:flex; align-items:center; gap:6px; }
  .schedule-table-logo { flex:0 0 20px; width:20px; height:20px; object-fit:contain; }
  .schedule-table-logo.schedule-logo-fallback { display:grid; place-items:center; border-radius:4px; background:#e8eef5; color:#475467; font-size:9px; font-weight:850; }
  .schedule-opponent-line { display:flex; align-items:center; flex-wrap:wrap; gap:7px; margin:2px 0 4px; }
  .schedule-library-item:has(.schedule-opponent-logo) { grid-template-columns:minmax(0,1fr) 112px; grid-template-rows:auto auto; }
  .schedule-library-item:has(.schedule-opponent-logo) .library-item-head, .schedule-library-item:has(.schedule-opponent-logo) .library-actions { grid-column:1; }
  .schedule-opponent-logo { grid-column:2; grid-row:1 / span 2; align-self:stretch; display:block; width:100%; height:100%; max-height:130px; padding:8px; box-sizing:border-box; object-fit:contain; }
  .schedule-opponent-logo.schedule-logo-fallback { display:grid; place-items:center; min-height:88px; border-radius:10px; background:#e8eef5; color:#475467; font-size:36px; font-weight:850; letter-spacing:.02em; }
  .schedule-entry-locked .schedule-opponent-logo, .schedule-entry-locked .schedule-table-logo { filter:grayscale(1); opacity:.48; }
  .schedule-link-control { display:grid; grid-template-columns:minmax(0,1fr) 40px; gap:7px; align-items:stretch; }
  .schedule-link-control select { min-width:0; }
  .inline-create-btn { width:40px; min-height:40px; display:grid; place-items:center; padding:0; border:1px solid #8eb3d7; border-radius:8px; background:#edf5fc; color:#075eb5; cursor:pointer; font-size:22px; font-weight:850; line-height:1; }
  .inline-create-btn:hover, .inline-create-btn:focus-visible { border-color:#075eb5; background:#dfeefa; }
  .schedule-table-labels { display:flex; flex-wrap:wrap; gap:5px; }
  .schedule-table .schedule-type { margin:0; padding:4px 7px; font-size:10px; line-height:1.1; }
  .schedule-table-date { font-weight:850; color:#172b4d; white-space:nowrap; }
  .schedule-table-date small { display:block; margin-top:2px; font-size:10px; font-weight:700; }
  .team-overview-filters { display:grid; grid-template-columns:minmax(0,1fr) minmax(180px,.55fr); gap:10px; max-width:760px; }
  .official-dashboard-stats, .team-dashboard-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:4px 0 14px; }
  .official-stat-card { min-width:0; padding:13px 14px; border:1px solid #dce4ec; border-radius:11px; background:#f8fafc; }
  .official-stat-card span { display:block; color:#667085; font-size:10px; font-weight:850; letter-spacing:.05em; text-transform:uppercase; }
  .official-stat-card strong { display:block; margin-top:4px; color:#172b4d; font-size:25px; line-height:1; }
  .official-dashboard-filters { display:grid; grid-template-columns:minmax(220px,1.2fr) minmax(180px,.8fr) minmax(160px,.65fr); gap:10px; align-items:end; padding:11px; border:1px solid #dce4ec; border-radius:11px; background:#f8fafc; }
  .official-dashboard-filters .field { margin:0; }
  .team-dashboard-filters { display:grid; grid-template-columns:minmax(220px,1.2fr) minmax(180px,.8fr); gap:10px; align-items:end; padding:11px; border:1px solid #dce4ec; border-radius:11px; background:#f8fafc; }
  .team-dashboard-filters .field { margin:0; }
  .team-next-opponent[hidden] { display:none; }
  .team-next-opponent { display:flex; flex-wrap:wrap; align-items:center; gap:14px; min-width:0; margin-top:14px; padding:12px 16px; border:1px solid #cbdff3; border-radius:12px; background:#f1f7fd; }
  .team-next-opponent-logo { flex:0 0 58px; width:58px; height:58px; display:grid; place-items:center; overflow:hidden; }
  .team-next-opponent-logo img { display:block; width:100%; height:100%; object-fit:contain; }
  .team-next-opponent-logo span { width:100%; height:100%; display:grid; place-items:center; border-radius:11px; background:#dceafa; color:#075eb5; font-size:22px; font-weight:900; }
  .team-next-opponent-copy { flex:1 1 190px; min-width:0; display:flex; flex-direction:column; gap:2px; }
  .team-next-opponent-copy > span { color:#075eb5; font-size:10px; font-weight:900; letter-spacing:.05em; text-transform:uppercase; }
  .team-next-opponent-copy strong { color:#172b4d; font-size:16px; line-height:1.25; overflow-wrap:anywhere; }
  .team-next-opponent-copy small { color:#475467; font-size:12px; line-height:1.35; }
  .team-next-opponent-counts { display:grid; grid-template-columns:repeat(2,minmax(70px,1fr)); gap:0; flex:0 0 auto; border-left:1px solid #cbdff3; }
  .team-next-opponent-count { display:flex; flex-direction:column; gap:2px; min-width:70px; padding:4px 12px; text-align:center; }
  .team-next-opponent-count strong { color:#172b4d; font-size:20px; line-height:1; }
  .team-next-opponent-count span { color:#667085; font-size:10px; font-weight:800; }
  .team-next-opponent-action { flex:0 0 auto; white-space:nowrap; }
  @media (max-width:680px) { .team-next-opponent-counts { order:3; flex:1 1 auto; border-left:0; border-top:1px solid #cbdff3; } .team-next-opponent-action { order:4; } }
  .official-table-meta { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:14px 2px 8px; color:#667085; font-size:12px; font-weight:750; }
  .official-table-wrap { width:100%; overflow-x:auto; border:1px solid #dce4ec; border-radius:12px; background:#fff; }
  .official-table { width:100%; min-width:650px; border-collapse:collapse; table-layout:fixed; }
  .official-table th { padding:11px 13px; border-bottom:1px solid #dce4ec; background:#f8fafc; color:#667085; font-size:10px; font-weight:900; letter-spacing:.05em; text-align:left; text-transform:uppercase; }
  .official-table th:nth-child(1) { width:28%; }
  .official-table th:nth-child(2) { width:19%; }
  .official-table th:nth-child(3) { width:auto; }
  .official-table th:nth-child(4) { width:104px; text-align:right; }
  .official-table td { padding:11px 13px; border-bottom:1px solid #edf1f5; color:#344054; font-size:13px; vertical-align:middle; }
  .official-table tbody tr:last-child td { border-bottom:0; }
  .official-table tbody tr:not(.official-empty-row) { cursor:pointer; transition:background .12s ease; }
  .official-table tbody tr:not(.official-empty-row):hover, .official-table tbody tr:not(.official-empty-row):focus { background:#f3f8fd; outline:none; }
  .official-person { min-width:0; display:flex; align-items:center; gap:10px; }
  .official-avatar { flex:0 0 34px; width:34px; height:34px; display:grid; place-items:center; border-radius:50%; background:#e5effb; color:#075eb5; font-size:13px; font-weight:950; text-transform:uppercase; }
  .official-person strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .official-role-badge { display:inline-flex; padding:5px 8px; border-radius:999px; background:#eaf2ff; color:#174ea6; font-size:11px; font-weight:850; white-space:nowrap; }
  .official-role-badge.commissioner { background:#f1ecfb; color:#6941c6; }
  .official-league-tags { display:flex; flex-wrap:wrap; gap:5px; }
  .official-league-tag { display:inline-flex; max-width:180px; padding:4px 7px; overflow:hidden; border-radius:999px; background:#eef2f6; color:#475467; font-size:10px; font-weight:800; text-overflow:ellipsis; white-space:nowrap; }
  .official-league-tag.more { background:#edf5fc; color:#075eb5; }
  .official-no-league { color:#98a2b3; font-size:12px; }
  .official-table-actions { display:flex; justify-content:flex-end; gap:6px; }
  .official-table-action { width:34px; height:34px; display:grid; place-items:center; padding:0; border:1px solid #d8e0e9; border-radius:8px; background:#f8fafc; color:#475467; cursor:pointer; font-size:16px; font-weight:850; }
  .official-table-actions .schedule-game-id-action { flex:1 1 auto; width:auto; min-width:34px; padding:3px 6px; font-size:11px; line-height:1.1; overflow-wrap:anywhere; }
  .official-table-action:hover { border-color:#9db4ca; background:#eef5fb; color:#075eb5; }
  .official-table-action.delete:hover { border-color:#e6b7b3; background:#fff1f0; color:#b42318; }
  .league-table { min-width:720px; }
  .league-table th:nth-child(1) { width:auto; }
  .league-table th:nth-child(2), .league-table th:nth-child(3), .league-table th:nth-child(4), .league-table th:nth-child(5) { width:13%; text-align:center; }
  .league-table th:nth-child(6) { width:92px; text-align:right; }
  .league-table td:nth-child(2), .league-table td:nth-child(3), .league-table td:nth-child(4), .league-table td:nth-child(5) { text-align:center; color:#344054; font-weight:800; }
  .league-detail-seasons { margin-top:0; padding-top:0; }
  .official-empty-row td { padding:24px 14px; color:#667085; text-align:center; }
  .team-table { min-width:820px; }
  .team-table th:nth-child(1) { width:24%; }
  .team-table th:nth-child(2) { width:22%; }
  .team-table th:nth-child(3) { width:11%; text-align:center; }
  .team-table th:nth-child(4) { width:auto; }
  .team-table th:nth-child(5) { width:10%; text-align:center; }
  .team-table th:nth-child(6) { width:104px; text-align:right; }
  .team-table td:nth-child(3), .team-table td:nth-child(5) { text-align:center; }
  #teamTableWrap[hidden], #teamCardGrid[hidden] { display:none; }
  .team-card-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-top:8px; }
  .team-card-grid > .empty-state { grid-column:1 / -1; margin:0; padding:24px 14px; border:1px solid #dce4ec; border-radius:12px; text-align:center; }
  .team-card { min-width:0; display:flex; flex-direction:column; overflow:hidden; border:1px solid #dce4ec; border-radius:12px; background:#fff; }
  .team-card-main { width:100%; display:flex; flex-direction:column; align-items:center; gap:8px; min-width:0; padding:18px 12px 12px; border:0; background:transparent; color:#172b4d; font:inherit; cursor:pointer; text-align:center; }
  .team-card-main:hover, .team-card-main:focus-visible { background:#f3f8fd; outline:none; }
  .team-card-main:focus-visible { box-shadow:inset 0 0 0 2px #155eef; }
  .team-card-logo { position:relative; flex:none; width:128px; height:128px; }
  .team-card-logo img { position:absolute; inset:6px; display:block; width:calc(100% - 12px); height:calc(100% - 12px); object-fit:contain; }
  .team-card-logo span { position:absolute; inset:6px; display:grid; place-items:center; border-radius:20px; background:#e5effb; color:#075eb5; font-size:40px; font-weight:900; }
  .team-card-name { max-width:100%; font-size:15px; line-height:1.25; overflow-wrap:anywhere; }
  .team-card-league { max-width:100%; color:#667085; font-size:12px; line-height:1.3; overflow-wrap:anywhere; }
  .team-card-details { display:flex; justify-content:space-between; gap:8px; padding:10px 13px 0; border-top:1px solid #edf1f5; color:#344054; font-size:11px; font-weight:750; }
  .team-card-roles { min-height:36px; padding:7px 13px; color:#667085; font-size:11px; line-height:1.35; overflow-wrap:anywhere; }
  .team-card-actions { margin-top:auto; padding:0 10px 10px; }
  @media (max-width:1100px) { .team-card-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
  @media (max-width:760px) { .team-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
  @media (max-width:460px) { .team-card-grid { grid-template-columns:1fr; } }
  .team-roster-count { color:#172b4d; font-size:14px; font-weight:900; }
  .team-coach-list { display:flex; flex-wrap:wrap; gap:5px; }
  .team-home-badge { display:inline-flex; align-items:center; gap:4px; padding:5px 8px; border-radius:999px; background:#eaf2ff; color:#155eef; font-size:10px; font-weight:900; }
  .team-color-pair { display:inline-flex; flex:0 0 auto; align-items:center; gap:3px; margin-left:2px; }
  .team-color-pair span { width:9px; height:20px; border:1px solid rgba(23,43,77,.15); border-radius:3px; }
  .team-editor-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; margin:0 0 18px; padding:5px; border-radius:11px; background:#edf2f8; }
  .team-editor-tab { min-width:0; min-height:44px; padding:8px 10px; border:0; border-radius:8px; background:transparent; color:#475467; font:inherit; font-size:13px; font-weight:800; cursor:pointer; text-align:center; }
  .team-editor-tab:hover { background:#dfe9f5; color:#172b4d; }
  .team-editor-tab.active { background:#fff; color:#155eef; box-shadow:0 1px 5px rgba(16,24,40,.13); }
  .team-editor-tab:focus-visible { outline:2px solid #155eef; outline-offset:2px; }
  .team-editor-pane[hidden] { display:none; }
  .league-editor-tabs { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .league-editor-tabs[hidden], #leagueEditorPanel [role=tabpanel][hidden] { display:none; }
  #leagueInitialLogoField[hidden] { display:none; }
  .league-basics-fields { grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr); }
  .league-basics-fields .field { min-width:0; }
  .app-roster-details { margin:14px 0; border:1px solid #d7e0ec; border-radius:10px; background:#fff; overflow:hidden; }
  .app-roster-details summary { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 14px; color:#172b4d; font-size:14px; font-weight:800; cursor:pointer; list-style:none; }
  .app-roster-details summary::-webkit-details-marker { display:none; }
  .app-roster-details summary:hover { background:#f3f7fc; }
  .app-roster-details summary:focus-visible { outline:2px solid #155eef; outline-offset:-3px; }
  .app-roster-details[open] summary { border-bottom:1px solid #e4eaf2; }
  .app-roster-summary-end { display:inline-flex; align-items:center; gap:11px; flex:none; }
  .app-roster-count { padding:5px 9px; border-radius:999px; background:#eaf2ff; color:#155eef; font-size:12px; font-weight:800; white-space:nowrap; }
  .app-roster-chevron { width:9px; height:9px; border-right:2px solid #66758c; border-bottom:2px solid #66758c; transform:rotate(45deg); transition:transform .15s; }
  .app-roster-details[open] .app-roster-chevron { transform:rotate(225deg); }
  .app-roster-body { padding:14px; }
  .roster-compare { margin:14px 0; padding:14px; border:1px solid #cbd5e1; border-radius:10px; background:#f8fafc; }
  .roster-compare .hint { display:block; margin:8px 0 0; }
  .roster-compare-result { display:grid; gap:9px; margin-top:10px; }
  .roster-compare-result:empty { display:none; }
  .roster-compare-result section { padding:9px 11px; border-radius:8px; background:#fff; }
  .roster-compare-result h4 { margin:0 0 5px; font-size:13px; }
  .roster-compare-result ul { margin:0; padding-left:20px; }
  .roster-compare-result li { margin:3px 0; }
  .roster-compare-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; padding:3px; }
  .roster-compare-choice { display:flex; align-items:center; gap:10px; padding:9px 10px; border:1px solid #d8dee8; border-radius:8px; background:#fff; cursor:pointer; }
  .roster-compare-choice.is-new { border-color:#a7cdfb; background:#f2f8ff; }
  .roster-compare-choice.is-number { border-color:#e9b866; background:#fff8eb; }
  .roster-compare-choice.is-name { border-color:#cbb2f1; background:#faf5ff; }
  .roster-compare-choice:has(input:checked) { box-shadow:inset 0 0 0 2px #155eef; }
  .roster-compare-choice input { flex:0 0 auto; width:19px; height:19px; margin:0; accent-color:#155eef; }
  .roster-compare-choice > span { display:grid; gap:2px; min-width:0; }
  .roster-compare-choice strong { font-size:13px; }
  .roster-compare-choice small { color:#667286; font-size:12px; }
  .roster-compare-choice mark { padding:1px 3px; border-radius:4px; font-weight:800; }
  .roster-compare-choice .roster-diff-number { background:#ffecbf; color:#92400e; }
  .roster-compare-choice .roster-diff-name { background:#ebddff; color:#6b21a8; }
  .roster-compare-result .roster-local-only { padding:12px; border:1px solid #f3c6cf; border-radius:10px; background:#fff5f6; }
  .roster-local-heading { display:flex; align-items:center; gap:8px; }
  .roster-compare-result .roster-local-heading h4 { margin:0; color:#344054; font-size:14px; }
  .roster-local-count { display:inline-grid; min-width:21px; height:21px; place-items:center; padding:0 5px; border-radius:999px; background:#ffe0e6; color:#9f1239; font-size:11px; font-weight:800; }
  .roster-local-only p { margin:5px 0 10px; color:#667286; font-size:12px; }
  .roster-compare-result .roster-local-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin:0; padding:0; list-style:none; }
  .roster-compare-result .roster-local-grid li { display:flex; align-items:center; gap:9px; min-width:0; margin:0; padding:8px 10px; border:1px solid #f7d5dc; border-radius:8px; background:#fff; }
  .roster-local-number { flex:none; color:#9f1239; font-size:12px; font-weight:800; }
  .roster-local-grid strong { min-width:0; overflow-wrap:anywhere; color:#344054; font-size:13px; }
  .roster-import-message { align-self:center; color:#475467; font-size:13px; }
  .roster-compare-result .primary-btn:disabled { opacity:.5; cursor:not-allowed; }
  .roster-link-button:not([hidden]) { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:38px; padding:9px 12px; border:1px solid #b6d4f6; border-radius:8px; background:#fff; color:#155eef; font-size:13px; font-weight:700; line-height:1.2; text-decoration:none; transition:background-color .15s,border-color .15s,box-shadow .15s; }
  .roster-link-button:hover { border-color:#72a8eb; background:#edf6ff; box-shadow:0 2px 8px rgba(21,94,239,.1); }
  .roster-link-button:focus-visible { outline:2px solid #155eef; outline-offset:2px; }
  .roster-link-button svg { width:17px; height:17px; flex:none; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  @media (max-width:760px) { .team-editor-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); } .league-editor-tabs { grid-template-columns:repeat(3,minmax(0,1fr)); } .league-basics-fields { grid-template-columns:1fr; } .roster-compare-choices, .roster-compare-result .roster-local-grid { grid-template-columns:1fr; } }
  .team-color-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .team-roster-source-row { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(160px,1fr); gap:10px; }
  .team-roster-source-row .field { min-width:0; }
  .team-roster-source-row select:disabled { color:#344054; background:#f1f5f9; border-color:#d7e0ea; opacity:1; cursor:not-allowed; }
  @media (max-width:600px) { .team-roster-source-row { grid-template-columns:1fr; } }
  .team-color-field { min-width:0; }
  .team-color-choice { display:flex; align-items:center; gap:11px; min-width:0; min-height:46px; padding:5px 8px; border:1px solid #cbd5e1; border-radius:8px; background:#fff; }
  .team-color-swatch { position:relative; flex:0 0 46px; width:46px; height:34px; overflow:hidden; border:1px dashed #98a6ba; border-radius:6px; }
  .team-color-swatch::before { content:"+"; position:absolute; inset:0; display:grid; place-items:center; color:#66758c; font-size:20px; }
  .team-color-swatch:focus-within { outline:2px solid #155eef; outline-offset:2px; }
  .settings-card .field .team-color-choice input[type=color] { position:absolute; inset:0; display:block; width:100%; height:100%; min-height:0; margin:0; padding:0; border:0; border-radius:6px; background:none; cursor:pointer; }
  .team-color-choice input[type=color]:not([data-selected="true"]) { opacity:0; }
  .team-color-choice input[type=color]::-webkit-color-swatch-wrapper { padding:0; }
  .team-color-choice input[type=color]::-webkit-color-swatch { border:0; border-radius:6px; }
  .team-color-choice output { color:#475467; font-size:12px; font-weight:800; letter-spacing:.03em; }
  .team-color-choice output { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .team-color-clear { margin-left:auto; padding:3px 0; border:0; background:none; color:#155eef; font:inherit; font-size:12px; font-weight:700; cursor:pointer; }
  .team-color-preview { display:grid; grid-template-columns:1fr 1fr; height:9px; margin:-2px 0 14px; overflow:hidden; border-radius:999px; background:#e5eaf0; }
  .team-color-preview span:first-child { background:var(--team-primary,transparent); }
  .team-color-preview span:last-child { background:var(--team-secondary,transparent); }
  .field-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
  .field { display:flex; flex-direction:column; gap:5px; margin-bottom:10px; }
  .field label { font-size:14px; font-weight:700; }
  .field input, .field textarea, .field select { width:100%; padding:10px 11px; border:1px solid #cbd5e1; border-radius:8px; background:#fff; color:var(--ink); user-select:text; -webkit-user-select:text; }
  .settings-card .field input:not([type=checkbox]), .settings-card .field select { display:block; height:46px; min-height:46px; font-size:16px; line-height:1.2; }
  .multi-checklist { border:1px solid #cbd5e1; border-radius:8px; padding:7px; display:grid; gap:4px; max-height:180px; overflow:auto; background:#fff; }
  .multi-check { display:flex; align-items:center; gap:9px; padding:7px 8px; border-radius:6px; cursor:pointer; }
  .multi-check:hover { background:#f1f5f9; }
  .multi-check input { width:20px; height:20px; flex:0 0 auto; }
  .multi-check-empty { color:var(--muted); padding:8px; }
  .field textarea { min-height:150px; resize:vertical; line-height:1.45; }
  @media (max-width:640px) { .team-color-fields { grid-template-columns:1fr; gap:0; } }
  .hint { font-size:13px; color:var(--muted); }
  .primary-btn, .secondary-btn, .danger-btn, .assign-btn, .linked-btn { border:0; border-radius:8px; color:#fff; padding:9px 12px; cursor:pointer; font-weight:700; }
  .primary-btn { background:var(--green); }
  .secondary-btn, .assign-btn { background:var(--blue); }
  .secondary-btn.end-of-match-day-rank-action, .secondary-btn.schedule-game-id-action,
  .official-table-action.end-of-match-day-rank-action, .official-table-action.schedule-game-id-action { border:1px solid #7f56d9; background:#f4f0ff; color:#5f3dc4; }
  .secondary-btn.end-of-match-day-rank-action:hover, .secondary-btn.schedule-game-id-action:hover,
  .official-table-action.end-of-match-day-rank-action:hover, .official-table-action.schedule-game-id-action:hover { border-color:#5f3dc4; background:#e9ddff; color:#43258a; }
  .end-of-match-day-rank-action.is-complete, .schedule-game-id-action.is-complete { border-color:#d5d9df; background:#e9ebef; color:#8b939e; }
  .end-of-match-day-rank-action.is-complete:hover, .schedule-game-id-action.is-complete:hover { border-color:#b9c0ca; background:#dfe3e8; color:#667085; }
  .danger-btn { background:var(--red); }
  .linked-btn { background:#21875b; }
  .official-table-action.linked { background:#e7f6ee; color:#11623d; }
  .library-list { display:flex; flex-direction:column; gap:9px; margin-top:14px; }
  .library-item { border:1px solid #d8dee8; border-radius:10px; padding:11px; display:grid; gap:8px; }
  .library-item-head { display:flex; align-items:center; justify-content:space-between; gap:10px; }
  .library-item small { color:var(--muted); }
  .library-actions { display:flex; flex-wrap:wrap; gap:7px; }
  .library-actions button { font-size:13px; padding:7px 9px; }
  .league-library-item { gap:14px; padding:14px; }
  .logo-uploader { display:flex; align-items:center; gap:14px; padding:13px; border:1px solid #dce4ec; border-radius:11px; background:#f8fafc; }
  .logo-preview { flex:0 0 76px; width:76px; height:76px; display:grid; place-items:center; overflow:hidden; border:1px solid #d8e0e9; border-radius:14px; background:#fff; color:#667085; font-size:25px; font-weight:950; }
  .logo-preview img { display:none; width:100%; height:100%; object-fit:contain; padding:6px; box-sizing:border-box; }
  .logo-preview.has-logo img { display:block; }
  .logo-preview.has-logo span { display:none; }
  .logo-uploader-copy { min-width:0; display:grid; gap:5px; }
  .logo-uploader-copy > strong { color:#344054; font-size:14px; }
  .logo-uploader-copy > span, .logo-upload-status { color:#667085; font-size:11px; }
  .logo-upload-status:not(:empty) { min-height:16px; }
  .logo-file-button { display:inline-flex; align-items:center; justify-content:center; cursor:pointer; }
  .entity-logo { flex:0 0 auto; width:38px; height:38px; object-fit:contain; padding:3px; border:1px solid #dce4ec; border-radius:9px; background:#fff; box-sizing:border-box; }
  .league-library-title { min-width:0; display:flex; align-items:center; gap:10px; }
  .league-library-title strong { min-width:0; color:#172b4d; font-size:16px; overflow-wrap:anywhere; }
  .league-library-title small { flex:0 0 auto; padding-left:10px; border-left:1px solid #d8e0e9; font-size:12px; font-weight:700; white-space:nowrap; }
  .league-library-title .entity-logo { width:42px; height:42px; }
  .league-season-section { padding:12px; border:1px solid #dce4ec; border-radius:9px; background:#f8fafc; }
  .league-season-section h4 { margin:0 0 9px; color:#344054; font-size:13px; letter-spacing:.04em; text-transform:uppercase; }
  .league-season-list { display:grid; gap:7px; }
  .league-season-empty { padding:10px; border:1px dashed #cbd5e1; border-radius:8px; color:var(--muted); background:#fff; font-size:12px; text-align:center; }
  .league-season-row { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:9px 10px; border:1px solid #d8e0e9; border-radius:8px; background:#fff; }
  .league-season-name { display:inline-flex; align-items:center; gap:7px; color:#253347; font-size:13px; font-weight:800; }
  .league-season-name::before { content:"S"; width:25px; height:25px; display:grid; place-items:center; border-radius:7px; background:#e5effb; color:#075eb5; font-size:11px; font-weight:950; }
  .league-season-form { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:9px; align-items:end; margin-top:11px; padding-top:11px; border-top:1px solid #dde5ed; }
  .league-season-form .field { margin:0; }
  .league-season-form button { min-height:46px; white-space:nowrap; }
  .home-team-check { display:inline-grid; place-items:center; width:22px; height:22px; margin-left:7px; border-radius:50%; background:#155eef; color:#fff; font-size:14px; font-weight:900; vertical-align:middle; }
  .home-team-detail { display:flex; align-items:center; gap:10px; margin:2px 0 14px; padding:11px 12px; border:1px solid #b8c9dc; border-radius:9px; background:#f8fafc; color:#344054; cursor:pointer; font-weight:800; }
  .home-team-detail input { flex:0 0 auto; width:24px!important; height:24px!important; min-height:24px!important; accent-color:#155eef; cursor:pointer; }
  .schedule-item-main { display:flex; align-items:center; gap:12px; min-width:0; }
  .schedule-item-info { flex:1 1 0; min-width:0; }
  .schedule-date { flex:0 0 82px; padding:8px 6px; border-radius:9px; background:#eaf2ff; color:#174ea6; text-align:center; font-weight:850; line-height:1.15; }
  .schedule-date small { display:block; margin-top:3px; color:#47698f; font-size:11px; text-transform:uppercase; }
  .schedule-type { display:inline-block; margin-top:5px; padding:3px 7px; border-radius:999px; background:#eef2f6; color:#475467; font-size:12px; font-weight:800; }
  .schedule-time { display:inline-block; margin-left:7px; color:#475467; font-size:13px; font-weight:800; }
  .schedule-time-content { display:inline-flex; flex-wrap:wrap; align-items:center; gap:7px; margin:5px 0 0 7px; max-width:100%; vertical-align:middle; }
  .schedule-time-content .schedule-time { margin:0; white-space:nowrap; }
  .schedule-time-content .schedule-days-chip { padding:5px 8px; }
  .schedule-matchday { display:inline-block; margin-right:7px; color:#475467; font-size:13px; font-weight:800; }
  .schedule-team { display:block; margin-bottom:3px; color:#174ea6; font-size:12px; font-weight:850; }
  #gameSetupPanel, #scheduleOverviewPanel, #scheduleEditorPanel { width:100%; max-width:100%; min-width:0; overflow-x:hidden; }
  #configPanel .field-grid, #configPanel .setup-officials, #configPanel .team-source-row, #configPanel .stacked-team-fields, #configPanel .coach-selection-list, #configPanel .quarter-input-grid, #configPanel .overtime-input-grid { width:100%; max-width:100%; min-width:0; }
  #configPanel .player-entry, #configPanel .roster-head, #scheduleOverviewPanel .library-list, #scheduleOverviewPanel .library-item, #scheduleOverviewPanel .library-item-head, #scheduleEditorPanel form, #scheduleEditorPanel .field-grid { max-width:100%; min-width:0; }
  #scheduleOverviewPanel .library-item-head { flex-wrap:wrap; }
  #scheduleOverviewPanel .schedule-item-main { flex:1 1 0; width:100%; max-width:100%; }
  #scheduleOverviewPanel .schedule-item-main > div:last-child { min-width:0; }
  #scheduleOverviewPanel .schedule-item-main strong { display:block; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
  .next-schedule-item { border:2px solid #f79009; background:#fffaf0; box-shadow:0 3px 12px rgba(247,144,9,.16); }
  .schedule-next-badge { display:inline-block; margin-bottom:6px; padding:4px 8px; border-radius:999px; background:#f79009; color:#fff; font-size:11px; font-weight:850; letter-spacing:.03em; text-transform:uppercase; }
  .empty-state { color:var(--muted); padding:14px 0; }
  .save-status { min-height:20px; color:var(--green); font-weight:700; }
  @media (max-width:640px) {
    .data-reset-heading, .data-reset-item { align-items:stretch; flex-direction:column; }
    .data-reset-heading > span { align-self:flex-start; }
    .data-reset-item button { width:100%; }
  }
.boxscore-import{margin:1rem 0;border:1px solid #d8e1ef;border-radius:12px;background:#f8fbff}
.boxscore-import[hidden],.boxscore-import .boxscore-module[hidden],.boxscore-import .boxscore-module-grid[hidden],.boxscore-import .boxscore-league-button[hidden],.boxscore-import .field[hidden]{display:none!important}
.boxscore-import>summary{padding:.85rem 1rem;cursor:pointer;font-weight:700;color:#18375f}
.boxscore-import-body{padding:0 1rem 1rem}
.boxscore-league-prompt{margin:1rem 0 .5rem;font-weight:700;color:#18375f}
.boxscore-league-picker{display:flex;flex-wrap:wrap;gap:.75rem}
.boxscore-league-button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem;width:9.5rem;min-height:7rem;padding:.75rem;border:2px solid #d8e1ef;border-radius:12px;background:#fff;color:#18375f;font:inherit;font-weight:700;cursor:pointer}
.boxscore-league-button:hover,.boxscore-league-button:focus-visible{border-color:#3778ba;background:#f2f8ff}
.boxscore-league-button[aria-pressed="true"]{border-color:#1769aa;background:#e9f4ff;box-shadow:0 0 0 2px #c5e0fa}
.boxscore-league-button img{display:block;width:100%;height:3.5rem;object-fit:contain}
.boxscore-module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1rem;margin:1rem 0}
.boxscore-module{min-width:0;padding:1rem;border:1px solid #d8e1ef;border-radius:12px;background:#fff}
.boxscore-module-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;min-height:3.25rem;margin-bottom:.75rem}
.boxscore-module-heading h4{margin:0;color:#18375f;font-size:1rem}
.boxscore-module-heading p{margin:.2rem 0 0;color:#667085;font-size:.78rem}
.boxscore-module .field{max-width:32rem;margin:0 0 .75rem}
.boxscore-league-logos{display:flex;align-items:center;justify-content:flex-end;flex:none;width:6rem;max-width:40%}
.boxscore-league-logos img{display:block;width:100%;max-height:3.5rem;object-fit:contain}
.boxscore-import-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.8rem;margin:1rem 0}
.boxscore-team{margin:1rem 0}
.boxscore-team h4{display:flex;justify-content:space-between;gap:1rem;margin:0 0 .5rem}
.boxscore-team .official-table{width:100%;min-width:40rem;table-layout:fixed}
.boxscore-team .official-table th:first-child,.boxscore-team .official-table td:first-child{width:3.7rem}
.boxscore-team .official-table th:nth-child(2){width:auto}
.boxscore-team .official-table th:nth-child(3),.boxscore-team .official-table td:nth-child(3),.boxscore-team .official-table th:nth-child(4),.boxscore-team .official-table td:nth-child(4){width:6.5rem}
.boxscore-team .official-table th:nth-child(5),.boxscore-team .official-table td:nth-child(5){width:6.5rem}
.boxscore-team .official-table th:last-child,.boxscore-team .official-table td:last-child{text-align:right;font-weight:700}
.boxscore-team .official-table td:nth-child(5) small{display:block;margin-top:.15rem;color:#667085;font-size:.72rem;font-weight:500}
.boxscore-team .official-table input{width:100%;min-width:0;box-sizing:border-box;padding:.35rem .4rem;border:1px solid #cdd8e7;border-radius:6px;background:#fff}
.boxscore-team .official-table td:nth-child(2) input{font-size:1rem}
.boxscore-team .official-table td:nth-child(2) select{width:100%;max-width:100%;box-sizing:border-box;padding:.4rem;border:1px solid #cdd8e7;border-radius:6px;background:#fff;font-size:.95rem}
.boxscore-imported-name{display:block;color:#667085;font-size:.8rem;margin-bottom:.2rem}
.boxscore-system-name{display:block;font-size:.95rem;color:#184a31}
.boxscore-name-difference{display:block;color:#9a3412;font-size:.78rem;font-weight:700;margin:.2rem 0}
.boxscore-roster-add{display:flex;align-items:flex-start;gap:.45rem;margin:.35rem 0;color:#344054;font-size:.8rem;line-height:1.35;cursor:pointer}
.boxscore-team .official-table .boxscore-roster-add input[type="checkbox"]{flex:none;width:1rem;min-width:1rem;height:1rem;margin:.12rem 0 0;padding:0}
.boxscore-foul-compare{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.65rem .75rem;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px}
.boxscore-foul-compare select{max-width:18rem;padding:.4rem;border:1px solid #d9a66f;border-radius:6px;background:#fff}
.boxscore-foul-compare.no-conflict{background:#f3f8fd;border-color:#dce4ec}
.boxscore-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}

/* Liga-Branding-Historie */
#leagueBrandingList { margin:12px 0 18px; }
#leagueBrandingList .library-item { grid-template-columns:44px minmax(0,1fr); align-items:center; }
#leagueBrandingList .library-item-head { flex-wrap:wrap; }
#leagueBrandingList .library-item-head strong { min-width:0; overflow-wrap:anywhere; }
#leagueBrandingList .library-actions { margin-left:auto; }
#leagueBrandingList .league-branding-item.is-current { border-color:#a9c8ed; background:#f0f7ff; }
#leagueBrandingList .league-branding-item.is-current strong { color:#174ea6; }
#leagueBrandingList .league-branding-item.is-past { border-color:#e0e4ea; background:#f4f5f7; }
#leagueBrandingList .league-branding-item.is-past strong, #leagueBrandingList .league-branding-item.is-past small { color:#8993a2; }
#leagueBrandingList .league-branding-item.is-past > .entity-logo { filter:grayscale(1); opacity:.5; }
#leagueBrandingList .league-branding-item.is-past .secondary-btn { border-color:#d5dbe3; background:#f9fafb; color:#667085; }
#leagueBrandingList .danger-btn:disabled { background:#e9edf2; color:#98a2b3; cursor:not-allowed; }
#leagueBrandingList .library-item > .entity-logo { grid-row:1 / span 2; width:40px; height:40px; object-fit:contain; }
#leagueBrandingList .library-item-head, #leagueBrandingList .library-item > small { grid-column:2; }
#leagueBrandingList .library-item:not(:has(> .entity-logo)) .library-item-head,
#leagueBrandingList .library-item:not(:has(> .entity-logo)) > small { grid-column:1 / -1; }
#leagueBrandingForm { display:grid; gap:14px; padding-top:12px; border-top:1px solid #dce4ec; }
#leagueBrandingForm[hidden] { display:none; }
#leagueBrandingForm h4 { margin:0; }
#leagueInitialColorFields[hidden] { display:none; }
.league-branding-colors { grid-column:2; display:inline-flex; gap:4px; }
.league-branding-colors span { width:18px; height:18px; border:1px solid rgba(0,0,0,.12); border-radius:50%; }
#leagueName[readonly] { background:#f2f5f8; color:#475467; }