body { margin: 0; background: #f8fafc; color: #0f172a; font-family: 'Inter', system-ui, -apple-system, sans-serif; }
* { box-sizing: border-box; }
::-webkit-scrollbar { height: 8px; width: 8px; }
::-webkit-scrollbar-track { background: #e2e8f0; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* Соединительные SVG-линии турнирной сетки (перенесены из Friends Tournaments) */
.brk-svg { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; overflow: visible; z-index: 0; }
.brk-svg path { fill: none; stroke: #cbd5e1; stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.brk-col { position: relative; z-index: 1; }
.brk-cross { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; overflow: visible; z-index: 5; }
.brk-cross path { fill: none; stroke: #f59e0b; stroke-width: 1.5; stroke-dasharray: 5 4; stroke-linejoin: round; stroke-linecap: round; opacity: .55; }

/* ── Турнирная сетка на тёмной витрине ──
   Компоненты сетки общие с панелью персонала и свёрстаны под светлый фон.
   Здесь перекрашиваем их утилиты в тёмную палитру, не трогая разметку и логику. */
.brk-dark .bg-white { background-color: #232a30 !important; }
.brk-dark .bg-slate-50, .brk-dark .bg-slate-50\/60 { background-color: #1e242a !important; }
.brk-dark .bg-slate-100 { background-color: #262e34 !important; }
.brk-dark .border-slate-100 { border-color: #262e34 !important; }
.brk-dark .border-slate-200 { border-color: #2f373e !important; }
.brk-dark .border-slate-300 { border-color: #39434b !important; }
.brk-dark .text-slate-900, .brk-dark .text-slate-800, .brk-dark .text-slate-700 { color: #e7ecef !important; }
.brk-dark .text-slate-600, .brk-dark .text-slate-500, .brk-dark .text-slate-400 { color: #8c99a3 !important; }
.brk-dark .text-slate-300 { color: #5b6871 !important; }
.brk-dark .bg-emerald-50 { background-color: #17301f !important; }
.brk-dark .bg-red-50 { background-color: #3a1f22 !important; }
.brk-dark .text-emerald-700, .brk-dark .text-emerald-600 { color: #3ddc84 !important; }
.brk-dark .brk-svg path { stroke: #3c464e !important; }