/* Network dashboard only. Existing feeds, selectors and event handlers stay shared. */
#panel-network { min-width:0; line-height:1.5; }
#panel-network .net-intro { margin:8px 0 22px; }
#panel-network .net-intro h2 { margin:0 0 6px; font-family:var(--font-display); font-size:clamp(1.5rem,3vw,2rem); color:var(--text); }
#panel-network .net-intro p { margin:0; color:var(--text2); font-size:.85rem; }
#panel-network .net-nav { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
#panel-network .net-nav a { padding:9px 14px; border:1px solid var(--border2); border-radius:var(--r-md); background:var(--card); color:var(--text); text-decoration:none; font-size:.8rem; font-weight:600; }
#panel-network .net-nav a:hover { border-color:var(--accent); color:var(--accent); }
#panel-network :is(a,select,.tbl-wrap):focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
#panel-network .net-section { margin-bottom:22px; scroll-margin-top:80px; }
#panel-network :is(#netMap,#netStandings,#netH2H,#net-fl) { scroll-margin-top:80px; }
#panel-network .net-section-title { font-size:.95rem !important; color:var(--text) !important; letter-spacing:.06em !important; }
#panel-network .net-surface { border:1px solid var(--border2); border-radius:var(--r-md); background:var(--card); padding:20px; }
#panel-network .netst-grid,
#panel-network .neth2h-grid,
#panel-network .netrec-grid { grid-template-columns:minmax(0,1fr) !important; gap:22px !important; }
#panel-network .netrec-grid > :last-of-type { grid-row:1; grid-template-columns:repeat(3,minmax(0,1fr)); }
#panel-network .net-you { grid-template-columns:minmax(0,1fr) !important; }
#panel-network .net-you > :last-child { grid-template-columns:repeat(4,minmax(0,1fr)) !important; }
#panel-network .tbl-wrap { max-height:520px; overflow:auto !important; border:1px solid var(--border2); border-radius:var(--r-md); scrollbar-color:var(--text3) var(--card); }
#panel-network .tbl-wrap table { min-width:680px; margin:0; }
#panel-network .tbl-wrap th { position:sticky; top:0; z-index:2; background:var(--card); padding:12px !important; color:var(--text2) !important; }
#panel-network .tbl-wrap td { padding:11px 12px !important; line-height:1.45; font-variant-numeric:tabular-nums; }
#panel-network tbody tr:nth-child(even) { background:color-mix(in srgb,var(--text) 3%,transparent); }
#panel-network tbody tr:hover { background:color-mix(in srgb,var(--accent) 9%,var(--card)) !important; }
#panel-network .track-select { max-width:100%; min-height:40px; font-size:.82rem; }
#panel-network #netMapList { max-height:360px; overflow:auto; }
#panel-network .glb-grid > * { min-width:0; }
#panel-network .net-card-detail { white-space:normal !important; overflow:visible !important; overflow-wrap:anywhere; line-height:1.5; }
@media(max-width:800px) {
  #panel-network .net-you > :last-child { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  #panel-network .netrec-grid > :last-of-type { grid-template-columns:1fr; }
  #panel-network .net-surface { padding:14px; }
  #panel-network .tbl-wrap { max-height:440px; }
}
@media(prefers-reduced-motion:no-preference) { #panel-network .tbl-wrap { scroll-behavior:smooth; } }
/* The shared statistics page switches tables to labelled cards at this breakpoint. */
@media(max-width:700px) {
  #panel-network .tbl-wrap table { min-width:0; }
  #panel-network .tbl-wrap td { white-space:normal !important; overflow-wrap:anywhere; gap:16px; }
}