/* Legacy dashboard views (templates/index.html #view-*) re-skinned onto the .fp design tokens
   (home-front.css) so tabs that haven't been rebuilt yet still look like the rest of the site.
   Scoped to [id^="view-"] so the rebuilt server pages are never touched. Delete rules here as
   views get rebuilt as their own pages. */
#main-content [id^="view-"]{--fp-panel:#101b2a;--fp-panel-2:#0b1522;--fp-line:#223449;--fp-line-2:#2c4259;
  --fp-text:#e2ecf6;--fp-dim:#93a9bd;--fp-faint:#6f879c;--fp-accent:#6ee0bd;--fp-link:#8fd0ee;--fp-gold:#f5c451;
  color:var(--fp-text);font-variant-numeric:tabular-nums}

/* The scores sub-nav duplicates the main nav (Live / Standings / Season). */
#main-content .section-nav{display:none}

/* Surfaces */
[id^="view-"] .bg-gray-800,[id^="view-"] .bg-gray-800\/60,[id^="view-"] .bg-gray-800\/70{background:var(--fp-panel)!important}
[id^="view-"] .bg-gray-900,[id^="view-"] .bg-gray-900\/40,[id^="view-"] .bg-gray-900\/50,[id^="view-"] .bg-gray-900\/60,[id^="view-"] .bg-gray-900\/70{background:var(--fp-panel-2)!important}
[id^="view-"] .border-gray-600,[id^="view-"] .border-gray-700,[id^="view-"] .border-gray-700\/60,[id^="view-"] .border-gray-800{border-color:var(--fp-line)!important}
[id^="view-"] .rounded-lg,[id^="view-"] .rounded-xl,[id^="view-"] .rounded-2xl{border-radius:14px}
[id^="view-"] > .bg-gray-800,[id^="view-"] > div > .bg-gray-800{box-shadow:none}

/* Headings: the old bright-blue titles become the new white display type */
[id^="view-"] h2{color:var(--fp-text)!important;font-size:clamp(24px,2.4vw,32px)!important;font-weight:800!important;letter-spacing:-.03em;line-height:1.1}
[id^="view-"] h3{color:var(--fp-text)!important;font-weight:750!important;letter-spacing:-.01em}
[id^="view-"] h4{color:var(--fp-dim)!important}
[id^="view-"] .text-blue-300,[id^="view-"] .text-blue-400,[id^="view-"] .text-blue-200{color:var(--fp-link)!important}
[id^="view-"] h2.text-blue-400,[id^="view-"] h3.text-blue-400,[id^="view-"] h3.text-blue-300{color:var(--fp-text)!important}

/* Tables */
[id^="view-"] table thead th{font-size:10px!important;font-weight:700;color:var(--fp-faint)!important;text-transform:uppercase;letter-spacing:.06em;background:transparent!important}
[id^="view-"] table td,[id^="view-"] table th{border-color:var(--fp-line)!important}
[id^="view-"] table tbody tr:hover{background:#142436}

/* Season pickers (every legacy tab had its own row of 18 blue buttons) */
[id^="view-"] button[class*="-year-btn"]{border-radius:999px!important;min-height:40px;padding:0 14px!important;background:var(--fp-panel-2)!important;
  border:1px solid var(--fp-line-2)!important;color:#c7dcec!important;font-weight:650}
[id^="view-"] button[class*="-year-btn"]:hover{border-color:var(--fp-accent)!important;color:#fff!important}
[id^="view-"] button[class*="-year-btn"].bg-blue-600{background:#10302f!important;border-color:var(--fp-accent)!important;color:#fff!important}

/* Generic buttons / inputs */
[id^="view-"] select,[id^="view-"] input[type="search"],[id^="view-"] input[type="text"]{background:var(--fp-panel-2)!important;border-color:var(--fp-line-2)!important;border-radius:10px!important;color:var(--fp-text)!important}
[id^="view-"] .bg-blue-600{background:#10302f!important;border-color:var(--fp-accent)!important}

/* Legacy views that ARE the card (view div carries bg-gray-800 + border): flatten the outer box so
   the view's title reads as the page header, like the rebuilt pages; inner panels keep their cards. */
#main-content [id^="view-"].bg-gray-800{background:transparent!important;border:0!important;box-shadow:none!important;padding:4px 2px 0!important}

/* Coloured section bands (settings/rants) → the neutral card-header look used everywhere else. */
[id^="view-"] .bg-blue-900\/30,[id^="view-"] .bg-purple-900\/30,[id^="view-"] .bg-green-900\/30,[id^="view-"] .bg-purple-900\/50{background:var(--fp-panel-2)!important;border-color:var(--fp-line)!important}
[id^="view-"] .text-purple-300,[id^="view-"] .text-green-300,[id^="view-"] .text-purple-200{color:var(--fp-text)!important}
[id^="view-"] .bg-gray-700,[id^="view-"] .bg-gray-700\/40,[id^="view-"] .bg-gray-800\/30{background:var(--fp-panel-2)!important}
[id^="view-"] .text-green-400{color:var(--fp-win)!important}
.legacy-page{display:grid;gap:14px}

/* 2026-09-28: rants + settings on the site palette, denser rows. */
.rant-more-btn{background:#10302f!important;border:1px solid var(--fp-accent,#3fd1b0)!important;color:#fff!important}
.rant-chip-on{border-color:var(--fp-accent,#3fd1b0)!important;background:#10302f!important;color:#fff!important}
.rant-poster{background:#152a3f!important;border:1px solid #2b4056!important;color:#cfe3f6!important}
#view-settings .flex.justify-between.border-b{padding-bottom:6px!important;font-size:13px}
#view-settings .flex.justify-between.items-center.rounded{padding:5px 10px!important;font-size:13px}
#view-settings .space-y-2>*+*{margin-top:4px!important}
#view-settings .p-4.space-y-3>*+*{margin-top:8px!important}