/* Прогнозы используют общую тему и оболочку кабинета. Только стили содержимого. */
.sports-area .hidden { display:none!important; }
.sports-area .notice { padding:14px 18px; margin-bottom:24px; border:1px solid var(--border-accent); border-radius:var(--radius-sm); background:var(--glass); color:var(--text-muted); font-size:14px; text-align:center; }
.sports-area .sports-tools { display:flex; justify-content:flex-end; align-items:center; gap:12px; margin-bottom:24px; flex-wrap:wrap; }
.sports-area .stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-bottom:28px; }
.sports-area .stat { padding:20px; border:1px solid var(--border); border-radius:var(--radius); background:var(--bg-card); text-align:center; }
.sports-area .stat b { display:block; font:700 26px/1.3 var(--font-display); margin-bottom:6px; color:var(--text); }
.sports-area .stat span { color:var(--text-muted); font-size:14px; }
.sports-area .toolbar { margin-bottom:24px; text-align:center; }
.sports-area .filters { margin-bottom:12px; }
.sports-area .filters button { font-size:14px; }
.sports-count { color:var(--text-muted); font-size:14px; }
.sports-area .grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.sports-area .sports-card { display:flex; flex-direction:column; min-width:0; }
.sports-area .sports-card:hover { transform:translateY(-3px); }
.sports-area .card-top { display:flex; justify-content:space-between; gap:12px; align-items:center; flex-wrap:wrap; padding:16px 22px; border-bottom:1px solid var(--border); background:var(--glass); color:var(--text-muted); font-size:14px; }
.sports-area .tag { padding:4px 9px; border:1px solid var(--border-accent); border-radius:999px; color:var(--text); background:var(--glass); font-size:12px; }
.sports-area .card-body { padding:24px; flex:1; }
.sports-area .league { color:var(--text-muted); font-size:14px; margin-bottom:22px; text-align:center; }
.sports-area .teams { display:flex; align-items:center; gap:16px; min-height:70px; }
.sports-area .team { flex:1; font-size:22px; font-weight:800; line-height:1.4; overflow-wrap:anywhere; }
.sports-area .team:last-child { text-align:right; }
.sports-area .vs { color:var(--text-muted); font-weight:700; font-size:13px; }
.sports-area .pick { margin-top:24px; padding:18px; display:flex; justify-content:space-between; align-items:center; gap:20px; border:1px solid var(--border-accent); border-radius:var(--radius-sm); background:var(--bg-secondary); }
.sports-area .pick small { display:block; color:var(--text-muted); font-size:12px; margin-bottom:7px; }
.sports-area .pick strong { display:block; font-size:16px; line-height:1.5; overflow-wrap:anywhere; }
.sports-area .odds { font:800 28px/1.4 var(--font-display); color:var(--gold); white-space:nowrap; }
.sports-area .card-foot { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; font-size:13px; color:var(--text-muted); margin-top:20px; }
.sports-area .actions { display:flex; gap:10px; flex-wrap:wrap; padding:0 24px 24px; }
.sports-area .actions .btn { flex:1; padding:10px 14px; font-size:14px; }
.sports-area .danger { color:#ffadb9; }
.sports-area .source { margin:0 24px 20px; font-size:14px; color:var(--text-muted); }
.sports-area summary { cursor:pointer; }
.sports-area pre { padding:14px; margin-top:12px; white-space:pre-wrap; overflow-wrap:anywhere; background:var(--bg-secondary); border-radius:var(--radius-sm); font:14px/1.6 var(--font); }
.sports-area .empty { grid-column:1/-1; text-align:center; padding:48px 24px; border:1px dashed var(--border-accent); border-radius:var(--radius); }
.sports-area .empty p { color:var(--text-muted); margin-top:10px; }
.sports-area .gate { max-width:560px; margin:30px auto; padding:30px; text-align:center; background:var(--bg-card); border:1px solid var(--border-accent); border-radius:var(--radius); }
.sports-area .gate p { color:var(--text-muted); margin:16px 0 24px; }
.sports-dialog { color:var(--text); background:var(--bg-card); border:1px solid var(--border-accent); border-radius:var(--radius-lg); width:min(700px,94vw); max-height:90vh; padding:28px; margin:auto; box-shadow:var(--glow-soft); }
.sports-dialog::backdrop { background:rgba(0,0,0,.75); backdrop-filter:blur(5px); }
.sports-dialog .dialog-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:22px; }
.sports-dialog h2 { font-size:22px; }
.sports-dialog .form-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.sports-dialog label { display:block; color:var(--text-muted); font-size:14px; }
.sports-dialog input,.sports-dialog select,.sports-dialog textarea { width:100%; padding:12px; margin-top:6px; color:var(--text); background:var(--bg-secondary); border:1px solid var(--border); border-radius:var(--radius-sm); font:16px/1.5 var(--font); color-scheme:dark; }
.sports-dialog textarea { resize:vertical; min-height:100px; }
.sports-dialog .full { grid-column:1/-1; }
.sports-dialog .dialog-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:22px; }
.sports-dialog .error { color:#ffadb9; margin-top:12px; }
.sports-dialog .import-help { color:var(--text-muted); margin-bottom:16px; font-size:14px; }
.sports-dialog :focus-visible,.sports-area :focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.sports-dialog button:disabled,.sports-area button:disabled { opacity:.5; cursor:wait; }
@media(max-width:760px) {
  .sports-area .grid { gap:16px; }
  .sports-area .card-body { padding:18px; }
  .sports-area .card-top { padding:14px 18px; }
  .sports-area .team { font-size:20px; }
  .sports-area .stats { gap:10px; }
  .sports-area .stat { padding:16px 10px; }
}
@media(max-width:600px) {
  .sports-area .grid { grid-template-columns:1fr; }
  .sports-area .stats { margin-bottom:22px; }
  .sports-area .stat b { font-size:22px; }
  .sports-area .stat span { font-size:13px; }
  .sports-area .pick { padding:14px; gap:12px; }
  .sports-area .sports-tools .btn { width:100%; }
  .sports-dialog { padding:20px; }
  .sports-dialog .form-grid { grid-template-columns:1fr; }
  .sports-dialog .full { grid-column:auto; }
}
@media(prefers-reduced-motion:reduce) { .sports-area .sports-card { transition:none; } .sports-area .sports-card:hover { transform:none; } }
body[data-admin="false"] .sports-area .stat { display:flex; align-items:center; justify-content:center; gap:12px; padding:12px; }
body[data-admin="false"] .sports-area .stat b { font-size:22px; margin:0; }
body[data-admin="false"] .sports-area .sports-tools { margin-top:24px; }
@media(max-width:600px) { body[data-admin="false"] .sports-area .stat { flex-direction:column; gap:4px; } }
/* Полная админка сохраняет токены и компоненты общей платформы. */
.admin-tabs { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:28px; padding-bottom:18px; border-bottom:1px solid var(--border); }
.admin-tabs a { padding:9px 14px; border:1px solid var(--border); border-radius:999px; font-size:14px; color:var(--text-muted); }
.admin-tabs a.active { background:rgba(79,107,255,.16); border-color:var(--border-accent); color:var(--text); }
.admin-role-badge { display:inline-block; padding:8px 14px; border:1px solid var(--border-accent); border-radius:999px; color:var(--accent-2); font-size:14px; font-weight:700; margin-bottom:18px; }
.admin-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.admin-metrics .set-block { text-align:center; padding:24px 14px; }
.admin-metrics b { display:block; font:700 30px var(--font-display); margin-bottom:10px; }
.admin-metrics span { color:var(--text-muted); font-size:14px; }
#adminContent .set-block p { margin:12px 0 20px; color:var(--text-muted); }
#adminContent h2 { font-size:22px; }
.admin-steps { padding-left:24px; margin-top:18px; color:var(--text-muted); }
.admin-steps li { padding:6px 0; }
.admin-table-wrap { overflow:auto; border:1px solid var(--border); border-radius:var(--radius); background:var(--bg-card); }
.admin-table { width:100%; border-collapse:collapse; font-size:14px; }
.admin-table th,.admin-table td { padding:16px; text-align:left; vertical-align:top; border-bottom:1px solid var(--border); }
.admin-table th { background:var(--bg-secondary); color:var(--text-muted); }
.admin-table small { display:block; color:var(--text-muted); margin-top:6px; }
.admin-table td { min-width:120px; }
.admin-row-actions { display:flex; gap:8px; flex-wrap:wrap; }
.admin-row-actions .btn { padding:7px 11px; font-size:13px; white-space:nowrap; }
.admin-search { display:block; max-width:420px; margin-bottom:22px; font-size:14px; color:var(--text-muted); }
.admin-search input { display:block; width:100%; margin-top:8px; padding:12px; background:var(--bg-card); border:1px solid var(--border); border-radius:var(--radius-sm); color:var(--text); font:16px var(--font); }
.sports-area .analysis-box,.sports-dialog .analysis-box { padding:16px; border:1px solid var(--border-accent); background:var(--glass); border-radius:var(--radius-sm); margin:16px 0; font-size:14px; }
.analysis-box ul { list-style:disc; padding-left:18px; margin:10px 0; }
.analysis-box li { margin:6px 0; }
.analysis-box small { color:var(--text-muted); }
.issue-block { color:#ffadb9; }.issue-warn { color:#f8cf8b; }
.sports-dialog .check-label { display:flex; align-items:flex-start; gap:10px; margin:18px 0; color:var(--text); }
.sports-dialog .check-label input { width:18px; height:18px; flex-shrink:0; margin:3px 0 0; }
.sports-dialog .admin-original { margin:14px 0; }
.sports-dialog pre { font:14px/1.5 var(--font); background:var(--bg-secondary); white-space:pre-wrap; overflow-wrap:anywhere; padding:14px; border-radius:var(--radius-sm); max-height:300px; overflow:auto; }
.history-item { padding:16px 0; border-bottom:1px solid var(--border); }.history-item p { color:var(--text-muted); font-size:14px; }
.telegram-panel { background:linear-gradient(125deg,rgba(79,107,255,.09),transparent 70%),var(--bg-card); }
.telegram-panel-head { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.telegram-eyebrow { color:var(--accent-2); font-size:11px; font-weight:800; letter-spacing:.15em; margin-bottom:10px; }
.telegram-status { display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border:1px solid var(--border); border-radius:999px; font-size:12px; color:var(--text-muted); }
.telegram-status i { width:7px; height:7px; border-radius:50%; background:var(--text-muted); }
.telegram-status.online i { background:var(--green); box-shadow:0 0 12px var(--green); }
.telegram-metrics { display:flex; gap:36px; margin:24px 0; }
.telegram-metrics b { display:block; font:700 26px var(--font-display); }
.telegram-metrics span { display:block; color:var(--text-muted); font-size:12px; margin-top:7px; }
.telegram-controls { display:flex; flex-wrap:wrap; gap:10px; }
#adminContent .telegram-timestamps { font-size:12px; margin:22px 0 10px; }
.telegram-local-note,#adminContent .set-block .telegram-local-note { font-size:12px; color:var(--text-muted); line-height:1.6; padding-top:16px; border-top:1px solid var(--border); margin:18px 0 0; }
.telegram-dialog { width:min(600px,calc(100% - 28px)); padding:28px; }
.telegram-dialog .dialog-head { align-items:flex-start; gap:14px; }
.telegram-dialog .dialog-head h2 { font-size:21px; line-height:1.45; }
.telegram-dialog .dialog-head .btn { font-size:12px; padding:8px 12px; }
.telegram-steps { display:flex; gap:7px; margin:22px 0; }
.telegram-steps span { flex:1; height:3px; background:var(--border); border-radius:4px; }
.telegram-steps span.active { background:var(--accent); }
.telegram-help { color:var(--text-muted); font-size:14px; line-height:1.65; margin-bottom:20px; }
.telegram-found { font-size:13px; color:var(--accent-2); background:rgba(34,211,238,.07); padding:12px; border-radius:var(--radius-sm); margin-bottom:20px; }
.telegram-groups { max-height:260px; overflow:auto; margin:14px 0; border:1px solid var(--border); border-radius:var(--radius-sm); }
.telegram-dialog label.telegram-group { display:flex; flex-direction:row; align-items:center; gap:12px; padding:14px; margin:0; border-bottom:1px solid var(--border); cursor:pointer; color:var(--text); overflow-wrap:anywhere; }
.telegram-dialog label.telegram-group:last-child { border-bottom:0; }
.telegram-dialog label.telegram-group:has(input:checked) { background:rgba(79,107,255,.1); }
.telegram-dialog .telegram-group input { width:18px; height:18px; margin:0; flex-shrink:0; accent-color:var(--accent); }
.telegram-dialog .telegram-group[hidden] { display:none; }
.telegram-selection { display:flex; justify-content:space-between; gap:10px; color:var(--text-muted); font-size:12px; margin:12px 0 20px; }
.telegram-ready { text-align:center; padding:22px 0; }
.telegram-ready span { display:block; font-size:38px; color:var(--accent-2); margin-bottom:16px; }
.telegram-dialog [hidden] { display:none; }
@media(max-width:600px) { .telegram-panel-head { align-items:flex-start; flex-direction:column; }.telegram-metrics { gap:22px; }.telegram-metrics b { font-size:22px; }.telegram-controls .btn { width:100%; }.telegram-dialog { padding:20px; }.telegram-dialog .dialog-head h2 { font-size:18px; }.telegram-dialog .dialog-actions { flex-direction:column; }.telegram-dialog .dialog-actions .btn { width:100%; } }
.prediction-result { font-size:13px; color:var(--text-muted); margin-top:16px; }.prediction-result.won { color:var(--green); }.prediction-result.lost { color:#ffadb9; }.prediction-result.void { color:var(--gold); }
.prediction-builder-dialog { width:min(1100px,95vw); padding:30px; }
.prediction-builder-dialog [hidden] { display:none!important; }
.builder-eyebrow { color:var(--accent-2); font-size:11px; font-weight:800; letter-spacing:.12em; margin-bottom:10px; }
.builder-intro { color:var(--text-muted); font-size:14px; margin:-8px 0 26px; }
.builder-layout { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:28px; align-items:start; }
.builder-main,.builder-preview-column { min-width:0; }
.builder-section { padding:22px 0; border-top:1px solid var(--border); }
.builder-section:first-child { padding-top:0; border-top:0; }
.builder-section h3 { font-size:17px; display:flex; align-items:center; gap:10px; margin-bottom:20px; }
.builder-section h3>span { display:inline-grid; place-items:center; width:26px; height:26px; font:700 12px var(--font); color:var(--accent-2); border:1px solid var(--border-accent); border-radius:8px; background:var(--glass); }
.builder-condition { min-width:0; border:1px solid var(--border-accent); background:var(--glass); border-radius:var(--radius-sm); padding:14px; margin:18px 0; }
.builder-condition legend { color:var(--accent-2); font-size:12px; font-weight:700; padding:0 7px; }
.builder-condition-head { display:flex; align-items:end; gap:10px; }
.builder-condition-head label { flex:1; min-width:0; }
.builder-condition-head .builder-remove { padding:13px; flex-shrink:0; }
.builder-condition-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:12px; }
.builder-add { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.builder-add span { color:var(--text-muted); font-size:12px; }
.builder-hint { font-size:12px; color:var(--text-muted); line-height:1.65; margin-top:12px; }
.builder-preview-column { padding:18px; background:rgba(79,107,255,.04); border:1px solid var(--border); border-radius:var(--radius); }
.builder-preview-heading h3 { font-size:16px; margin-bottom:14px; }
.builder-preview-heading { margin-bottom:18px; }
.builder-preview-column .sports-card { box-shadow:none; }
.builder-preview-column .sports-card:hover { transform:none; }
.builder-preview-column .card-top { padding:12px 14px; font-size:12px; }
.builder-preview-column .card-body { padding:16px; }
.builder-preview-column .teams { gap:10px; min-height:54px; }
.builder-preview-column .team { font-size:17px; }
.builder-preview-column .league { font-size:12px; margin-bottom:14px; }
.builder-preview-column .pick { margin-top:16px; padding:13px; gap:10px; flex-wrap:wrap; }
.builder-preview-column .pick>div:first-child { flex:1 1 150px; min-width:0; }
.builder-preview-column .pick strong { font-size:14px; }
.builder-preview-column .odds { font-size:23px; }
.builder-preview-column .card-foot { font-size:12px; }
.builder-all-languages { margin-top:18px; padding-top:16px; border-top:1px solid var(--border); font-size:13px; }
.builder-all-languages summary { cursor:pointer; color:var(--accent-2); }
.builder-all-languages ul { list-style:none; padding:0; margin-top:12px; }
.builder-all-languages li { padding:10px 0; border-bottom:1px solid var(--border); }
.builder-all-languages li:last-child { border:0; }
.builder-all-languages span { font-weight:700; }
.builder-all-languages p { margin-top:5px; color:var(--text-muted); font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
.builder-save-bar { display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid var(--border); padding-top:20px; margin-top:8px; }
.builder-save-bar>p { max-width:440px; color:var(--text-muted); font-size:12px; line-height:1.6; }
.builder-save-bar .dialog-actions { margin:0; flex-shrink:0; }
#builderAnalysis { color:var(--text-muted); font-size:13px; line-height:1.65; margin-bottom:18px; }
#builderAnalysis .analysis-box { margin:0; }
@media(max-width:980px) { .builder-layout { grid-template-columns:1fr; gap:16px; }.builder-preview-column { max-width:100%; }.builder-save-bar { align-items:stretch; flex-direction:column; }.builder-save-bar>p { max-width:none; } }
@media(max-width:600px) { .prediction-builder-dialog { padding:20px; }.builder-condition-fields { grid-template-columns:1fr; }.builder-save-bar .dialog-actions { flex-direction:column-reverse; }.builder-save-bar .btn { width:100%; }.builder-preview-column { padding:12px; }.builder-intro { line-height:1.6; } }
@media(max-width:760px) { .admin-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }.admin-table th,.admin-table td { padding:12px; }.admin-tabs { gap:6px; }.admin-tabs a { padding:8px 11px; } }
.brands-intro { display:flex; gap:24px; justify-content:space-between; align-items:center; margin-bottom:28px; }
#adminContent .brands-intro h2 { font-size:24px; }
.brands-intro p { color:var(--text-muted); font-size:15px; line-height:1.65; margin-top:12px; max-width:580px; }
.brands-intro .btn { flex-shrink:0; }
.brands-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.brand-profile-card { background:var(--bg-card); border:1px solid var(--border); border-radius:var(--radius); padding:24px; min-width:0; }
.brand-profile-top { display:flex; justify-content:space-between; gap:12px; align-items:center; margin-bottom:22px; }
.brand-profile-symbol { display:grid; place-items:center; width:48px; height:48px; border-radius:14px; color:#fff; background:var(--profile-accent); font:700 20px var(--font-display); }
.brand-profile-card h3 { font-size:21px; overflow-wrap:anywhere; }
.brand-domain { font-size:14px; color:var(--accent-2); overflow-wrap:anywhere; margin:8px 0 18px; }
.brand-feature-tags { display:flex; flex-wrap:wrap; gap:8px; }
.brand-feature-tags span { display:inline-block; border:1px solid var(--border); border-radius:999px; padding:6px 10px; font-size:12px; color:var(--text-muted); }
.brand-owner { color:var(--text-muted); font-size:13px; margin-top:20px; overflow-wrap:anywhere; }
.brand-profile-actions { display:flex; flex-wrap:wrap; gap:10px; margin:22px 0 14px; }
.brand-profile-actions .btn { flex:1; padding:11px 12px; font-size:14px; }
.brand-profile-card small { color:var(--text-muted); font-size:12px; line-height:1.5; }
.brand-delivery-help { margin-top:26px; }
.brand-delivery-help ol { list-style:decimal; padding-left:23px; margin-top:20px; color:var(--text-muted); font-size:14px; line-height:1.8; }
.brand-delivery-help li { padding-bottom:10px; }
.brand-dialog { width:min(1060px,95vw); }
.brand-dialog [hidden] { display:none!important; }
.brand-form-layout { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:28px; align-items:start; }
.brand-form-layout>div,.brand-preview { min-width:0; }
.brand-colors { display:flex; gap:16px; margin:20px 0 26px; }
.brand-colors label { flex:1; }
.brand-colors input { height:48px; padding:5px; cursor:pointer; }
.brand-form-section { border-top:1px solid var(--border); padding:20px 0; }
.brand-form-section h3,.brand-form-section summary { font-size:16px; font-weight:700; color:var(--text); margin-bottom:16px; }
.brand-form-section summary { cursor:pointer; }
.brand-checkboxes { display:flex; flex-wrap:wrap; gap:20px; }
.brand-checkboxes .check-label { margin:2px 0 20px; }
#brandFeedOptions { margin-top:18px; }
.brand-preview { border:1px solid var(--border-accent); border-radius:var(--radius); overflow:hidden; background:var(--bg-secondary); --preview-accent:var(--accent); --preview-secondary:var(--accent-2); }
.brand-preview-window { display:flex; gap:6px; padding:14px; border-bottom:1px solid var(--border); }
.brand-preview-window i { width:7px; height:7px; border-radius:50%; background:var(--text-dim); }
.brand-preview-content { padding:26px 22px; background:linear-gradient(145deg,color-mix(in srgb,var(--preview-accent) 18%,transparent),transparent); }
.brand-preview-spark { font-size:30px; color:var(--preview-secondary); margin-bottom:25px; }
.brand-preview-content h3 { font-size:24px; line-height:1.4; overflow-wrap:anywhere; }
.brand-preview-content>p { color:var(--text-muted); font-size:13px; margin:12px 0 24px; overflow-wrap:anywhere; }
.brand-preview-mode { margin-top:26px; padding:16px; border:1px solid var(--preview-accent); border-radius:var(--radius-sm); }
.brand-preview-mode span { display:block; font-size:12px; color:var(--preview-secondary); letter-spacing:.08em; margin-bottom:10px; }
.brand-preview-mode b { font-size:15px; }
.brand-preview-note { border-top:1px solid var(--border); padding:20px 22px; color:var(--text-muted); font-size:13px; line-height:2; }
@media(max-width:980px) { .brand-form-layout { grid-template-columns:1fr; }.brand-preview { order:-1; }.brand-preview-content { padding:20px; }.brand-preview-spark,.brand-preview-note { display:none; }.brand-preview-mode { margin-top:18px; }.brand-preview-content>p { margin-bottom:16px; } }
@media(max-width:600px) { .brands-intro { align-items:stretch; flex-direction:column; }.brands-grid { grid-template-columns:1fr; }.brand-profile-card { padding:20px; }.brand-dialog .dialog-actions { flex-direction:column-reverse; }.brand-colors { gap:10px; }.brand-checkboxes { gap:14px; } }
/* v57: overview and forecast summaries align with their navigation sections. */
@media(min-width:761px) {
  body[data-admin="true"] .admin-metrics { grid-template-columns:repeat(5,minmax(0,1fr)); }
  body[data-admin="true"] .sports-area .stats { grid-template-columns:repeat(4,minmax(0,1fr)); }
}