/* Dwa tryby wyglądu w barwach FencingFlow PRO (skórka „Plansza”: grafit i aluminium, czerwona i zielona strona).
   Wariant ustawia atrybut data-skin; zmienne działają też w miniaturach na ekranie „Wygląd”. */

/* ---------- Plansza: tryb jasny i domyślny, jak panel i strona FencingFlow PRO ---------- */
:root, [data-skin="plansza"] {
  --font: "Barlow", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-num: "Barlow Condensed", "Barlow", system-ui, sans-serif;
  --side-red: #D21F32; --side-green: #0E8F45;
  --bg: #E8EBEE; --panel: #FFFFFF; --panel-2: #F1F3F5; --hero-bg: #FFFFFF;
  --line: #D3D8DE; --line-strong: #9AA3AD; --text: #14181C; --muted: #59636E; --note-text: #2B333B; --kicker: #0B7A3B;
  --accent: #1E2429; --accent-text: #FFFFFF; --cta: #0E8F45; --cta-text: #FFFFFF;
  --win: #0B7A3B; --win-bg: #E6F4EA; --loss: #B3261E; --loss-bg: #FCEDEC; --warn: #B45309; --warn-bg: #FFF4E0; --rec: #D21F32;
  --focus: #1E2429; --focus-ring: rgba(30, 36, 41, .18);
  --input-bg: #FFFFFF; --input-line: #9AA3AD; --btn-bg: #FFFFFF; --btn-line: #9AA3AD;
  --topbar-bg: #1E2429; --topbar-text: #F1F3F5; --topbar-muted: #A9B2BC; --topbar-line: #3A434D; --topbar-rule: 0;
  --topbar-strip: linear-gradient(90deg, #D21F32 0 50%, #0E8F45 50%);
  --tabs-bg: #FFFFFF; --tabs-line: #D3D8DE; --tabs-text: #59636E; --tabs-on: #14181C; --tabs-on-bg: #E8EBEE; --tabs-space: 68px;
  --radius: 12px; --radius-sm: 8px; --chip-radius: 999px; --card-border: 1px solid #D3D8DE; --edge-width: 5px; --list-gap: 6px;
  --shadow: none; --score-size: 20px; --sheet-line: #D3D8DE; --sheet-diag: #1E2429;
  --toast-bg: #1E2429; --toast-text: #FFFFFF;
}

/* ---------- Aparat: tryb ciemny do wyboru, jak aparat sędziego i tablica w hali ---------- */
[data-skin="aparat"] {
  --bg: #0F1216; --panel: #1A1F25; --panel-2: #2B333B; --hero-bg: #1F252B;
  --line: #2E363F; --line-strong: #4A5560; --text: #F1F3F5; --muted: #A4AEB9; --note-text: #D3D8DE; --kicker: #FFC532;
  --accent: #F1F3F5; --accent-text: #14181C; --cta: #0E8F45; --cta-text: #FFFFFF;
  --win: #3CCB76; --win-bg: rgba(60, 203, 118, .16); --loss: #F2737D; --loss-bg: rgba(242, 115, 125, .16); --warn: #FFC532; --warn-bg: rgba(255, 197, 50, .16); --rec: #D21F32;
  --focus: #F1F3F5; --focus-ring: rgba(241, 243, 245, .22);
  --input-bg: #0F1216; --input-line: #4A5560; --btn-bg: #2B333B; --btn-line: #4A5560;
  --topbar-bg: #0F1216; --topbar-text: #F1F3F5; --topbar-muted: #A4AEB9; --topbar-line: #2E363F; --topbar-rule: 1px solid #2E363F;
  --topbar-strip: none;
  --tabs-bg: #15191D; --tabs-line: #2E363F; --tabs-text: #A4AEB9; --tabs-on: #FFFFFF; --tabs-on-bg: #2B333B; --tabs-space: 76px;
  --radius: 14px; --radius-sm: 10px; --chip-radius: 10px; --card-border: 1px solid #2E363F; --edge-width: 0px; --list-gap: 8px;
  --score-size: 30px; --sheet-line: #3A434D; --sheet-diag: #0F1216;
  --toast-bg: #F1F3F5; --toast-text: #14181C;
}
/* nawigacja z dużym przyciskiem notatki pośrodku, jak przyciski trafień na aparacie */
[data-skin="aparat"] .tabs { padding-top: 6px; }
[data-skin="aparat"] .tab-action { position: relative; }
[data-skin="aparat"] .tab-action .tab-icon { width: 62px; height: 62px; margin-top: -30px; border: 4px solid #0F1216; background: #D21F32; box-shadow: 0 6px 18px rgba(0, 0, 0, .5); }
[data-skin="aparat"] .tab-action .tab-label { color: #F1F3F5; }
/* rywale jako kafle tablicy: strona u góry, duży wynik */
[data-skin="aparat"] .list-row { border-top: 5px solid var(--edge, #3A434D); border-left-width: 1px; border-left-color: #2E363F; }
[data-skin="aparat"] .rival-list { display: grid; grid-template-columns: 1fr 1fr; }
[data-skin="aparat"] .rival-list .list-row { flex-direction: column; align-items: stretch; min-height: 132px; padding: 10px; }
[data-skin="aparat"] .rival-list .row-right { flex-direction: row; align-items: center; justify-content: space-between; margin-top: auto; }
[data-skin="aparat"] .rival-list .row-main strong { font: 700 20px/1.1 var(--font-num); }
[data-skin="aparat"] .list-row.is-hero { border-top-width: 8px; padding: 16px; }
[data-skin="aparat"] .list-row.is-hero .row-main strong { font-size: 32px; }
[data-skin="aparat"] .card h1, [data-skin="aparat"] .sub-header h1 { text-transform: uppercase; letter-spacing: .01em; }
[data-skin="aparat"] .section-label { color: #FFC532; }
[data-skin="aparat"] .score { background: #0F1216; }
[data-skin="aparat"] .tile-value { font-size: 26px; }
[data-skin="aparat"] .hero-pct { color: #3CCB76; }
[data-skin="aparat"] .btn-record { min-height: 58px; font-size: 17px; }
[data-skin="aparat"] .segmented .chip.is-on { background: #F1F3F5; color: #14181C; }

/* miniatury wariantów zawsze mają własne tło i nie dziedziczą układu wierszy z bieżącego wariantu */
.skin-preview .sp-row { min-height: 0; }
[data-skin="aparat"].skin-preview .sp-row, [data-skin="aparat"] .skin-preview .sp-row { border-top-width: 1px; }
.skin-preview[data-skin="aparat"] .sp-row { border-left-width: 1px; border-top: 3px solid var(--line); }
.skin-preview[data-skin="aparat"] .sp-next { border-top-color: var(--warn); }
.skin-preview[data-skin="aparat"] .sp-win { border-top-color: var(--win); }
.skin-preview[data-skin="aparat"] .sp-loss { border-top-color: var(--loss); }
.skin-preview[data-skin="aparat"] .sp-act { width: 13px; height: 13px; border-radius: 50%; background: #D21F32; }
.skin-preview[data-skin="aparat"] .sp-top { border-bottom-color: #2E363F; }

/* przełącznik sortowania na liście rywali */
.sort-row { display: flex; align-items: center; gap: 10px; }