/* =====================================================================
   board-fightreport.css — 📊 Raport walki (js/board-fightreport.js, 07.11.2026). The page never scrolls sideways: a wide
   table scrolls inside its own frame (.bfr-scroll).
   ===================================================================== */
.bfr-view { min-width: 0; }
.bfr-pick { display: flex; flex-wrap: wrap; align-items: flex-end; gap: calc(8 * var(--rbu)); min-width: 0; max-width: 100%; }
.bfr-pick label { display: grid; gap: calc(3 * var(--rbu)); min-width: 0; max-width: 100%; }
.bfr-pick label span { font-size: calc(10.5 * var(--rbu)); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--text-muted); }
.bfr-pick select { min-width: 0; max-width: 100%; font: inherit; font-size: calc(13 * var(--rbu)); color: var(--text-primary); background: var(--bg-card);
    border: 1px solid var(--border); border-radius: var(--radius-sm); padding: calc(7 * var(--rbu)) calc(10 * var(--rbu)); }
.bfr-tabs { grid-auto-columns: minmax(calc(92 * var(--rbu)), 1fr); overflow-x: auto; scrollbar-width: thin; }
.bfr-body { padding: calc(14 * var(--rbu)) 0 0; min-width: 0; }
.bfr-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: calc(8 * var(--rbu)); font-weight: 800; color: var(--text-primary); font-size: calc(14 * var(--rbu)); margin-bottom: calc(10 * var(--rbu)); }
.bfr-head small { font-weight: 600; color: var(--text-muted); font-size: calc(11.5 * var(--rbu)); }
.bfr-warn { color: var(--accent-gold); font-size: calc(12 * var(--rbu)); }
.bfr-lead { margin: 0 0 calc(12 * var(--rbu)); color: var(--text-secondary); font-size: calc(13 * var(--rbu)); line-height: 1.45; max-width: calc(820 * var(--rbu)); }
.bfr-note { margin: calc(6 * var(--rbu)) 0 0; color: var(--text-muted); font-size: calc(11.5 * var(--rbu)); line-height: 1.4; }

.bfr-lights { display: grid; grid-template-columns: repeat(auto-fit, minmax(calc(190 * var(--rbu)), 1fr)); gap: calc(8 * var(--rbu)); margin-bottom: calc(12 * var(--rbu)); }
.bfr-light { display: grid; gap: calc(4 * var(--rbu)); padding: calc(10 * var(--rbu)) calc(12 * var(--rbu)); border-radius: var(--radius); background: var(--bg-card); border: 1px solid var(--border); border-left: 4px solid var(--text-muted); min-width: 0; }
.bfr-light b { display: flex; align-items: center; gap: calc(7 * var(--rbu)); font-size: calc(13 * var(--rbu)); color: var(--text-primary); }
.bfr-light b i { font-style: normal; display: inline-grid; place-items: center; width: calc(20 * var(--rbu)); height: calc(20 * var(--rbu)); border-radius: 50%; font-size: calc(11 * var(--rbu)); background: var(--bg-elevated); flex: none; }
.bfr-light span { font-size: calc(12 * var(--rbu)); color: var(--text-secondary); line-height: 1.4; overflow-wrap: anywhere; }
.bfr-light.s-ok { border-left-color: var(--accent-green); } .bfr-light.s-ok b i { background: var(--accent-green-dim); color: var(--accent-green); }
.bfr-light.s-uwaga { border-left-color: var(--accent-gold); } .bfr-light.s-uwaga b i { background: var(--accent-gold-dim); color: var(--accent-gold); }
.bfr-light.s-zle { border-left-color: var(--accent-red); } .bfr-light.s-zle b i { background: var(--accent-red-dim); color: var(--accent-red); }

.bfr-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(calc(120 * var(--rbu)), 1fr)); gap: calc(8 * var(--rbu)); margin-bottom: calc(14 * var(--rbu)); }
.bfr-kpis div { padding: calc(10 * var(--rbu)) calc(12 * var(--rbu)); background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); min-width: 0; }
.bfr-kpis b { display: block; font-family: 'JetBrains Mono', monospace; font-size: calc(22 * var(--rbu)); color: var(--text-primary); }
.bfr-kpis span { font-size: calc(11.5 * var(--rbu)); color: var(--text-secondary); }

.bfr-t { margin: 0 0 calc(18 * var(--rbu)); min-width: 0; }
.bfr-t h3 { margin: 0 0 calc(3 * var(--rbu)); font-size: calc(15 * var(--rbu)); color: var(--text-primary); }
.bfr-t h3 small { font-weight: 600; color: var(--text-muted); font-size: calc(11.5 * var(--rbu)); margin-left: calc(6 * var(--rbu)); }
.bfr-t > p { margin: 0 0 calc(8 * var(--rbu)); color: var(--text-secondary); font-size: calc(12.5 * var(--rbu)); line-height: 1.45; max-width: calc(820 * var(--rbu)); }
.bfr-scroll { max-width: 100%; overflow-x: auto; border: 1px solid var(--border); border-radius: var(--radius-sm); -webkit-overflow-scrolling: touch; }
.bfr-table { border-collapse: collapse; width: 100%; font-size: calc(12.5 * var(--rbu)); }
.bfr-table th, .bfr-table td { padding: calc(7 * var(--rbu)) calc(10 * var(--rbu)); border-bottom: 1px solid var(--border); text-align: left; vertical-align: top; white-space: nowrap; }
.bfr-table thead th { position: sticky; top: 0; background: var(--bg-elevated); color: var(--text-secondary); font-weight: 700; font-size: calc(11.5 * var(--rbu)); }
.bfr-table thead th small { display: block; font-weight: 600; color: var(--text-muted); }
.bfr-table tbody th { color: var(--text-primary); font-weight: 600; background: var(--bg-card); position: sticky; left: 0; white-space: normal; min-width: calc(150 * var(--rbu)); max-width: calc(260 * var(--rbu)); }
.bfr-table td { color: var(--text-primary); font-family: 'JetBrains Mono', monospace; }
.bfr-table td small { display: block; font-family: inherit; color: var(--text-muted); font-size: calc(10.5 * var(--rbu)); }
.bfr-table td i { font-style: normal; font-weight: 800; }
.bfr-table td.ok i, .bfr-table td.s-ok i { color: var(--accent-green); }
.bfr-table td.zle, .bfr-table td.s-zle { background: var(--accent-red-dim); }
.bfr-table td.zle i, .bfr-table td.s-zle i { color: var(--accent-red); }
.bfr-table td.s-uwaga { background: var(--accent-gold-dim); }
.bfr-table td.s-uwaga i { color: var(--accent-gold); }
.bfr-table tbody tr:hover td, .bfr-table tbody tr:hover th { background: var(--bg-card-hover); }
.bfr-list { margin: calc(4 * var(--rbu)) 0 0; padding-left: calc(18 * var(--rbu)); color: var(--text-secondary); font-size: calc(12.5 * var(--rbu)); line-height: 1.55; }
.bfr-list code { font-size: calc(11.5 * var(--rbu)); color: var(--accent-cyan); overflow-wrap: anywhere; }
.bfr-block { padding: calc(12 * var(--rbu)) calc(14 * var(--rbu)); background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); }
.bfr-block.s-ok { border-left: 4px solid var(--accent-green); } .bfr-block.s-uwaga { border-left: 4px solid var(--accent-gold); } .bfr-block.s-zle { border-left: 4px solid var(--accent-red); }
.bfr-view.busy { opacity: .75; }
@media (max-width: 640px) {
    .bfr-table tbody th { min-width: calc(120 * var(--rbu)); }
    .bfr-kpis b { font-size: calc(18 * var(--rbu)); }
}
.bfr-note, .bfr-lead, .bfr-t > p, .bfr-block p, .bfr-list li, .bfr-head { overflow-wrap: anywhere; }