/* ==========================================================================
   CSTV — МИНИМАЛИСТИЧНЫЙ ДИЗАЙН (minimal-style.css)
   Включается атрибутом <html data-skin="minimal"> (Настройки → Дизайн).
   Подключать ПОСЛЕДНИМ, после mobile-pc-update.css.
   Идея: нейтральные поверхности, тонкие линии вместо теней и градиентов,
   системный шрифт без капса, акцентный цвет — только для активных элементов.
   Тёмная/светлая тема и свой акцентный цвет пользователя продолжают работать.
   ========================================================================== */

/* ---------- Палитра ---------- */
html[data-skin="minimal"][data-theme="dark"]{
  --bg:#0c0c0d !important;--bg-elev:#111112 !important;--bg-elev-2:#161617 !important;--border:#252527 !important;
  --topbar-grad-a:#0c0c0d !important;--topbar-grad-b:#0c0c0d !important;--ticker-bg:#0c0c0d !important;
  --text:#ededee;--muted:#8b8b90;
}
html[data-skin="minimal"][data-theme="light"]{
  --bg:#ffffff !important;--bg-elev:#fafafa !important;--bg-elev-2:#f4f4f5 !important;--border:#e7e7ea !important;
  --topbar-grad-a:#ffffff !important;--topbar-grad-b:#ffffff !important;--ticker-bg:#ffffff !important;
  --lt-card:#ffffff;--text:#18181b;--muted:#71717a;
}
html[data-skin="minimal"]{
  --font-display:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,system-ui,sans-serif;
  --mn-radius:6px;
  --topbar-fg:var(--text) !important;--topbar-fg-muted:var(--muted) !important;
}
html[data-skin="minimal"] body{background:var(--bg) !important;background-image:none !important;letter-spacing:0;}

/* ---------- Типографика: без капса и «плакатных» заголовков ---------- */
html[data-skin="minimal"] h1,html[data-skin="minimal"] h2,html[data-skin="minimal"] h3,html[data-skin="minimal"] h4,
html[data-skin="minimal"] .hero h1,html[data-skin="minimal"] .tv-h,html[data-skin="minimal"] .section-title,
html[data-skin="minimal"] .tour-hero-title,html[data-skin="minimal"] .logo,html[data-skin="minimal"] .nav-title,
html[data-skin="minimal"] .modal h3,html[data-skin="minimal"] .tv-format-name{
  font-family:var(--font-display) !important;text-transform:none !important;letter-spacing:-.01em !important;font-weight:650;
}
html[data-skin="minimal"] .hero h1{font-size:26px;}
html[data-skin="minimal"] .tv-h{font-size:13px;font-weight:600;color:var(--muted);margin-bottom:8px;}
html[data-skin="minimal"] .nav-title{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase !important;letter-spacing:.08em !important;}

/* ---------- Верхняя панель, боковое меню, тикер ---------- */
html[data-skin="minimal"] .topbar,
html[data-skin="minimal"] .topbar-inner{
  background:var(--bg) !important;background-image:none !important;color:var(--text) !important;box-shadow:none !important;
}
html[data-skin="minimal"] .topbar{border-bottom:1px solid var(--border) !important;}
html[data-skin="minimal"] .topbar a,html[data-skin="minimal"] .topbar .logo{color:var(--text) !important;}
html[data-skin="minimal"] .ticker-wrap{background:var(--bg) !important;border-color:var(--border) !important;box-shadow:none !important;}
html[data-skin="minimal"] .ticker-wrap .tag{background:transparent !important;color:var(--muted) !important;}
html[data-skin="minimal"] .sidebar{background:var(--bg) !important;background-image:none !important;border-right:1px solid var(--border) !important;box-shadow:none !important;}
html[data-skin="minimal"] .nav-item{
  background:transparent !important;border:0 !important;border-radius:var(--mn-radius) !important;box-shadow:none !important;color:var(--muted);
}
html[data-skin="minimal"] .nav-item:hover{background:var(--bg-elev-2) !important;color:var(--text);}
html[data-skin="minimal"] .nav-item.active{background:var(--bg-elev-2) !important;color:var(--text) !important;box-shadow:inset 2px 0 0 var(--orange) !important;}

/* ---------- Карточки и панели: плоские, с тонкой линией ---------- */
html[data-skin="minimal"] .st-card,html[data-skin="minimal"] .panel-box,html[data-skin="minimal"] .tv-panel,
html[data-skin="minimal"] .tv-info,html[data-skin="minimal"] .roster-card,html[data-skin="minimal"] .trophy-card,
html[data-skin="minimal"] .match-card-v2,html[data-skin="minimal"] .match-row,html[data-skin="minimal"] .rk-item,
html[data-skin="minimal"] .tour-hero,html[data-skin="minimal"] .modal,html[data-skin="minimal"] .ev-team,
html[data-skin="minimal"] .tv-prize,html[data-skin="minimal"] .sw-wrap,html[data-skin="minimal"] .sw-m,
html[data-skin="minimal"] .bracket-tree-wrap,html[data-skin="minimal"] .bt-card{
  background:var(--bg-elev) !important;background-image:none !important;border:1px solid var(--border) !important;
  border-radius:var(--mn-radius) !important;box-shadow:none !important;
}
html[data-skin="minimal"] .tour-hero::before,html[data-skin="minimal"] .tv-prize::before{display:none !important;}
html[data-skin="minimal"] .st-card:hover,html[data-skin="minimal"] .rk-item:hover,html[data-skin="minimal"] .match-card-v2:hover,
html[data-skin="minimal"] button.ev-team:hover,html[data-skin="minimal"] .bt-card.bt-clickable:hover,html[data-skin="minimal"] .sw-m.clk:hover{
  background:var(--bg-elev-2) !important;border-color:color-mix(in srgb,var(--muted) 55%,var(--border)) !important;transform:none !important;box-shadow:none !important;
}
html[data-skin="minimal"] .overlay{background:rgba(0,0,0,.55) !important;backdrop-filter:none !important;}
html[data-skin="minimal"] .modal{background:var(--bg) !important;}

/* ---------- Кнопки: контурные, главная — монохромная ---------- */
html[data-skin="minimal"] .btn,html[data-skin="minimal"] .st-opt{
  background:transparent !important;background-image:none !important;color:var(--text) !important;
  border:1px solid var(--border) !important;border-radius:var(--mn-radius) !important;box-shadow:none !important;
  font-weight:600;text-transform:none !important;letter-spacing:0 !important;transform:none !important;
}
html[data-skin="minimal"] .btn:hover,html[data-skin="minimal"] .st-opt:hover{background:var(--bg-elev-2) !important;}
html[data-skin="minimal"] .btn-primary,html[data-skin="minimal"] .st-opt.active{
  background:var(--text) !important;color:var(--bg) !important;border-color:var(--text) !important;
}
html[data-skin="minimal"] .btn-primary:hover{opacity:.88;background:var(--text) !important;}
html[data-skin="minimal"] .btn-red{color:var(--red) !important;border-color:color-mix(in srgb,var(--red) 55%,var(--border)) !important;}
html[data-skin="minimal"] .btn-blue{color:var(--text) !important;}

/* ---------- Поля ввода ---------- */
html[data-skin="minimal"] input:not([type=checkbox]):not([type=radio]):not([type=color]),
html[data-skin="minimal"] select,html[data-skin="minimal"] textarea{
  background:var(--bg) !important;border:1px solid var(--border) !important;border-radius:var(--mn-radius) !important;box-shadow:none !important;
}
html[data-skin="minimal"] input:focus,html[data-skin="minimal"] select:focus,html[data-skin="minimal"] textarea:focus{
  outline:none !important;border-color:var(--muted) !important;
}

/* ---------- Таблицы: только тонкие разделители ---------- */
html[data-skin="minimal"] table{border:0 !important;border-radius:0 !important;background:transparent !important;}
html[data-skin="minimal"] th{background:transparent !important;color:var(--muted);font-weight:600;text-transform:none !important;letter-spacing:0 !important;border-bottom:1px solid var(--border) !important;}
html[data-skin="minimal"] td{border-top:0 !important;border-bottom:1px solid var(--border) !important;background:transparent !important;}
html[data-skin="minimal"] tr:hover td{background:var(--bg-elev) !important;}

/* ---------- Вкладки: подчёркивание вместо плашек ---------- */
html[data-skin="minimal"] .tv-tabs button,html[data-skin="minimal"] .tour-cat-tabs button,html[data-skin="minimal"] .team-tabs-box button{
  background:transparent !important;box-shadow:none !important;text-transform:none !important;letter-spacing:0 !important;font-weight:600;
}
html[data-skin="minimal"] .tv-tabs button.active,html[data-skin="minimal"] .tour-cat-tabs button.active,html[data-skin="minimal"] .team-tabs-box button.active{
  background:transparent !important;border-bottom-color:var(--text) !important;color:var(--text) !important;
}
html[data-skin="minimal"] .td-mode button{border-radius:var(--mn-radius) !important;box-shadow:none !important;background-image:none !important;}

/* ---------- Турнирные блоки ---------- */
html[data-skin="minimal"] .ev-team-rp{background:var(--bg-elev-2) !important;color:var(--muted) !important;border-radius:0 var(--mn-radius) 0 var(--mn-radius);}
html[data-skin="minimal"] .ev-team-seed{background:transparent !important;color:var(--muted) !important;}
html[data-skin="minimal"] .tv-prize.p1,html[data-skin="minimal"] .tv-prize.p2,html[data-skin="minimal"] .tv-prize.p3{background:var(--bg-elev) !important;}
html[data-skin="minimal"] .tv-prize-wm{opacity:.045;}
html[data-skin="minimal"] .tv-prize-amt{color:var(--text) !important;font-weight:700;}
html[data-skin="minimal"] .tv-prize-rp{color:var(--muted) !important;}
html[data-skin="minimal"] .bt-round-label{border-bottom:0 !important;}
html[data-skin="minimal"] .bt-card.bt-champion{border-color:var(--text) !important;background:var(--bg-elev-2) !important;}
html[data-skin="minimal"] .bt-crown-fly{display:none;}
html[data-skin="minimal"] .sw-box.ok{background:color-mix(in srgb,var(--green) 10%,var(--bg)) !important;border-color:color-mix(in srgb,var(--green) 45%,var(--border)) !important;}
html[data-skin="minimal"] .sw-box.out{background:color-mix(in srgb,var(--red) 9%,var(--bg)) !important;border-color:color-mix(in srgb,var(--red) 45%,var(--border)) !important;}

/* ---------- Статусы и бейджи: без заливки ---------- */
html[data-skin="minimal"] .status{background:transparent !important;border:1px solid currentColor;border-radius:999px;font-weight:600;text-transform:none !important;letter-spacing:0 !important;}

/* ---------- Без лишней анимации ---------- */
html[data-skin="minimal"] *,html[data-skin="minimal"] *::before,html[data-skin="minimal"] *::after{
  text-shadow:none !important;
}
html[data-skin="minimal"] .cl-glow,html[data-skin="minimal"] .cl-eye{display:none !important;}
html[data-skin="minimal"] .tk-live{animation:none !important;}