/* National view only. Existing light/dark palette remains authoritative. */
#national-view { min-width:0; }
.national-view { min-width:0; color:var(--text); padding-bottom:16px; overflow-wrap:anywhere; }
.national-view .filter-button { min-height:44px; font:inherit; font-size:13px; cursor:pointer; }
.national-view .filter-button[aria-pressed="true"] { color:var(--accent-2); border-color:var(--accent-2); }
.nt-picks { display:grid; grid-template-columns:minmax(0,1fr) minmax(90px,.5fr); gap:10px; margin:16px 0 12px; }
.nt-picks label,.nt-search,.nt-stage { display:grid; gap:7px; color:var(--hint); font-size:12px; }
.national-view select,.national-view input { box-sizing:border-box; width:100%; min-width:0; min-height:44px; padding:10px; border:1px solid var(--border); border-radius:12px; background:var(--panel); color:var(--text); font:inherit; font-size:16px; }
.nt-tabs { display:flex; gap:8px; overflow-x:auto; overscroll-behavior-x:contain; padding:4px 0 10px; }
.nt-tabs .filter-button { flex:0 0 auto; white-space:nowrap; }
.nt-scope,.nt-info { margin:12px 0 18px; color:var(--hint); font-size:12px; line-height:1.6; }
.nt-catalog { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.nt-card { box-sizing:border-box; border:1px solid var(--border); border-radius:16px; background:var(--panel); color:var(--text); padding:16px; font:inherit; text-align:left; min-width:0; }
button.nt-card { cursor:pointer; }
.nt-team,.nt-competition { display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; gap:10px; min-height:128px; line-height:1.4; }
.nt-team strong,.nt-competition strong { font-size:14px; }
.nt-team>span,.nt-competition>span { color:var(--hint); font-size:12px; }
.nt-card .team-badge { width:36px; height:36px; flex:0 0 36px; }
.national-view .team-badge img { width:100%; height:100%; object-fit:contain; }
.nt-search,.nt-stage { margin:12px 0 16px; }
.nt-empty { padding:22px 16px; border:1px solid var(--border); border-radius:16px; background:var(--panel); color:var(--hint); font-size:14px; line-height:1.6; }
.nt-warning { color:var(--warning); border-left:2px solid currentColor; padding:7px 10px; font-size:12px; line-height:1.5; }
.nt-matches { display:grid; gap:12px; margin-bottom:16px; }
.nt-match { width:100%; display:grid; gap:14px; }
.nt-match-meta { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; color:var(--hint); font-size:11px; line-height:1.5; }
.nt-match-meta .nt-live { color:var(--accent); font-weight:700; }
.nt-scoreboard { display:grid; grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr); align-items:center; gap:10px; }
.nt-scoreboard>span { display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; }
.nt-scoreboard strong { font-size:13px; line-height:1.5; }
.nt-scoreboard>b { font-size:21px; font-variant-numeric:tabular-nums; text-align:center; }
.nt-table-scroll { overflow-x:auto; overscroll-behavior-x:contain; width:100%; border:1px solid var(--border); border-radius:16px; background:var(--panel); box-sizing:border-box; }
.nt-table { border-collapse:separate; border-spacing:0; width:100%; min-width:690px; font-size:12px; font-variant-numeric:tabular-nums; }
.nt-table td,.nt-table th,.nt-team-statistics td,.nt-team-statistics th { text-align:center; padding:12px 8px; border-bottom:1px solid var(--border); }
.nt-table thead th,.nt-team-statistics thead th { background:var(--panel-strong); color:var(--hint); }
.nt-table tr>*:first-child { position:sticky; left:0; width:34px; min-width:34px; max-width:34px; box-sizing:border-box; background:var(--panel); z-index:2; padding-inline:5px; }
.nt-table tr>*:nth-child(2) { position:sticky; left:34px; width:155px; min-width:155px; max-width:155px; box-sizing:border-box; background:var(--panel); z-index:2; border-right:1px solid var(--border); }
.nt-table thead tr>*:first-child,.nt-table thead tr>*:nth-child(2) { background:var(--panel-strong); }
.nt-table-team { display:flex; align-items:center; gap:8px; background:transparent; color:var(--text); border:0; padding:2px; font:inherit; min-height:44px; text-align:left; width:100%; cursor:pointer; }
.nt-table-team .team-badge { flex:0 0 22px; width:22px; height:22px; }
.nt-group-title { margin:18px 0 10px; font-size:14px; font-weight:650; }
.nt-team-heading { display:flex; align-items:center; gap:12px; margin:18px 0 12px; }
.nt-team-heading h2,.nt-preview h2 { font-size:21px; line-height:1.4; margin:0; }
.nt-team-heading .team-badge { flex:0 0 44px; width:44px; height:44px; }
.nt-team-statistics { width:100%; border-collapse:collapse; font-size:12px; font-variant-numeric:tabular-nums; }
.nt-team-statistics tbody th { text-align:left; font-weight:550; }

.nt-player { border:1px solid var(--border); background:var(--panel); border-radius:16px; margin-bottom:10px; overflow:hidden; }
.nt-player>summary { cursor:pointer; min-height:56px; display:flex; justify-content:space-between; align-items:center; gap:12px; padding:14px; list-style:none; }
.nt-player>summary::-webkit-details-marker { display:none; }
.nt-player>summary>span:first-child { min-width:0; flex:1; }
.nt-player>summary>span:last-child { flex:0 0 auto; text-align:right; color:var(--hint); font-size:11px; line-height:1.6; }
.nt-player strong { display:block; font-size:14px; line-height:1.45; }
.nt-player small { display:block; color:var(--hint); font-size:11px; margin-top:4px; }
.nt-player[open]>summary { border-bottom:1px solid var(--border); }
.nt-player[open]>summary strong { color:var(--accent-2); }
.nt-player dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; padding:16px; margin:0; }
.nt-player dt { font-size:11px; color:var(--hint); line-height:1.5; }
.nt-player dd { font-size:16px; font-weight:650; margin:4px 0 0; font-variant-numeric:tabular-nums; }
.nt-pages { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; margin:16px 0; font-size:12px; color:var(--hint); }
.nt-preview { line-height:1.6; }
.nt-preview p,.nt-preview li { font-size:13px; }
.nt-preview summary { min-height:44px; cursor:pointer; color:var(--accent-2); }
.national-view button:focus-visible,.national-view summary:focus-visible,.national-view [tabindex]:focus-visible { outline:2px solid var(--accent-2); outline-offset:2px; }
.national-view button:disabled { opacity:.5; cursor:default; }
.national-view .team-badge { position:relative; overflow:hidden; }
.national-view .team-badge>img { position:absolute; inset:0; }
.national-view .team-badge>span[hidden] { display:none; }
@media(max-width:350px) {
 .nt-card { padding:12px; }
 .nt-catalog { gap:8px; }
 .nt-picks { grid-template-columns:minmax(0,1fr) 90px; gap:8px; }
 .nt-scoreboard { grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr); gap:6px; }
 .nt-scoreboard>b { font-size:19px; }
 .nt-table tr>*:nth-child(2) { width:135px; min-width:135px; max-width:135px; }
}