.an-tabs{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:flex-start;
  background:var(--card);border:1px solid var(--border);border-radius:14px;
  padding:10px 12px;margin:0 0 14px}
.an-tab{border:1px solid var(--border);background:var(--card);color:var(--text);
  border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap}
.an-tab:hover{background:var(--hover)}
.an-tab.active{background:var(--soft);border-color:var(--primary);color:var(--primary)}
.an-tab-group{display:flex;flex-direction:column;gap:5px;border-left:1px solid var(--border);padding-left:12px}
.an-tab-sport{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.an-tab-sub{display:flex;flex-wrap:wrap;gap:5px}
.an-tab-sub-btn{font-size:11.5px;padding:4px 10px}
.an-tab-countries{display:flex;flex-wrap:wrap;align-items:center;gap:5px 14px}
.an-tab-country-block{display:flex;align-items:center;gap:6px}
.an-tab-country{font-size:11px;font-weight:600;color:var(--muted);white-space:nowrap;
  padding:4px 0}

.an-card{margin-bottom:16px}
.an-card h3{margin:14px 0 8px;font-size:13px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px;margin-bottom:14px}
.grid-2 > .card,.grid-2 > div > .card{margin-bottom:0}
.grid-2.an-balanced{align-items:start}

.an-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:16px}
.an-kpi{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:10px 12px}
.an-kpi-label{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.an-kpi-value{font-size:20px;font-weight:800;margin-top:3px}
.an-kpi-sub{font-size:11px;color:var(--muted);margin-top:2px}
.an-kpi.pos .an-kpi-value{color:var(--green)}
.an-kpi.neg .an-kpi-value{color:var(--red)}

.an-table{width:100%;border-collapse:collapse;font-size:12px}
.an-table th,.an-table td{padding:6px 8px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}
.an-table thead th{position:sticky;top:0;z-index:1;background:var(--card);color:var(--muted);
  font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.an-table tbody tr:nth-child(even){background:var(--table-stripe)}
.an-table tr:last-child td{border-bottom:0}
.an-table .r,.an-table td.r,.an-table th.r{text-align:right}
.an-table tbody th{text-align:left;color:var(--muted);font-weight:600;width:230px}
.an-matrix td{font-variant-numeric:tabular-nums}
.an-table a{color:inherit;text-decoration:underline dotted}

.an-table thead th.an-sort{cursor:pointer;user-select:none;position:sticky;top:0}
.an-table thead th.an-sort:hover{color:var(--text);background:var(--hover)}
.an-table thead th.an-sort:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}
.an-table thead th.an-sort::after{content:"⇅";opacity:.28;margin-left:5px;font-size:10px}
.an-table thead th.an-sort.an-asc::after{content:"▲";opacity:.95;color:var(--primary)}
.an-table thead th.an-sort.an-desc::after{content:"▼";opacity:.95;color:var(--primary)}
.an-table thead th.an-asc,.an-table thead th.an-desc{color:var(--text)}

.good{color:var(--green);font-weight:600}
.bad{color:var(--red);font-weight:600}
.warn{color:var(--amber);font-weight:600}
.draw{color:var(--muted)}
.an-empty{padding:14px;color:var(--muted);font-size:13px;text-align:center;
  border:1px dashed var(--border);border-radius:10px}
.an-note{font-size:11.5px;color:var(--muted);line-height:1.55;margin:0 0 10px}

.an-verdicts{display:flex;flex-direction:column;gap:5px;margin:0}
.an-verdict{font-size:11.5px;line-height:1.45;border:1px solid var(--border);border-left-width:3px;
  border-radius:9px;padding:6px 8px;background:var(--soft)}
.an-verdict.win{border-left-color:var(--green)}
.an-verdict.loss{border-left-color:var(--red)}
.an-verdict.warn{border-left-color:var(--amber)}

.an-chart{border:1px solid var(--border);border-radius:12px;padding:8px;background:var(--card)}
.an-svg{width:100%;height:170px;display:block}
.an-axis{stroke:var(--border);stroke-width:1}
.an-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.an-tick{fill:var(--muted);font-size:9px}
.an-tick-c{text-anchor:middle}
.an-bar-pos{fill:var(--green);opacity:.75}
.an-bar-neg{fill:var(--red);opacity:.75}
.an-bar-neutral{fill:var(--primary);opacity:.6}
.an-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--muted);padding:4px 2px 0}
.an-legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:4px}

.an-bars{display:flex;flex-direction:column;gap:4px}
.an-bar-row{display:grid;grid-template-columns:130px 1fr 92px;gap:8px;align-items:center;font-size:12px}
.an-bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.an-bar-track{position:relative;display:block;height:9px;border-radius:6px;background:var(--soft);overflow:hidden}
.an-bar-track > i{position:absolute;left:0;top:0;bottom:0;border-radius:6px}
.an-bar-track > i.pos{background:var(--green)}
.an-bar-track > i.neg{background:var(--red)}
.an-bar-val{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}
.an-hbar{position:relative;display:inline-block;width:56px;height:7px;border-radius:5px;
  background:var(--soft);overflow:hidden;vertical-align:middle;margin-left:6px}
.an-hbar > i{position:absolute;left:0;top:0;bottom:0;border-radius:5px}
.an-hbar > i.pos{background:var(--green)}
.an-hbar > i.neg{background:var(--amber)}

.an-form{display:inline-block;min-width:18px;text-align:center;border-radius:4px;
  padding:1px 4px;margin-right:2px;font-size:11px;font-weight:700;background:var(--soft)}
.an-form.pos{color:var(--green)}
.an-form.neg{color:var(--red)}
.an-form.draw{color:var(--muted)}

.an-filters{gap:8px;flex-wrap:wrap;margin-bottom:12px}
.an-filters.an-head-filters{margin-bottom:0;justify-content:flex-end}
.an-busy{cursor:progress}
.an-busy .an-kpi-value,.an-busy .an-table{opacity:.72;transition:opacity .15s}
#anStatus{font-size:12px;color:var(--muted)}

@media (max-width:720px){
  .an-bar-row{grid-template-columns:96px 1fr 76px}
  .an-table tbody th{width:150px}
  .an-kpi-value{font-size:17px}
  .an-filters.an-head-filters{width:100%;justify-content:flex-start}
}
