/* SPORT NETWORK — Editorial Sport Luxe, October 2026.
   Overrides are scoped to public pages and shared role pages;
   the existing PHP, data flows, markup and registration logic remain unchanged. */
:root{--sport-forest:#17604e;--sport-forest-2:#0d493c;--sport-orange:#d76e46;--sport-amber:#d5a55f;--sport-ink:#223b34;--sport-muted:#64756f;--sport-border:#e7e5da;--sport-bg:#f7f7f2;--sport-white:#fff;}
html{scroll-padding-top:90px}
body.public-site{--navy:var(--sport-forest);--blue:#287c71;--blue2:#60a6a1;--gold:#dbab61;--lux-navy:var(--sport-forest-2);--lux-blue:var(--sport-forest);--lux-ink:var(--sport-ink);--lux-muted:var(--sport-muted);--lux-line:var(--sport-border);--lux-bg:var(--sport-bg);--soft:var(--sport-bg);font-family:'Prompt','Noto Sans Thai',Tahoma,sans-serif!important;color:var(--sport-ink)!important;-webkit-text-fill-color:initial!important;background:radial-gradient(circle at 78% 0%,rgba(234,225,198,.30),transparent 32%),linear-gradient(180deg,#fcfbf7 0%,#f5f7f3 64%,#fcfaf4 100%)!important;line-height:1.65}
body.public-site button,body.public-site input,body.public-site select,body.public-site textarea{font:inherit}
body.public-site .page-content{background:transparent!important}
body.public-site .container{width:min(1260px,calc(100% - 46px))!important}
body.public-site .section-title,body.public-site h1,body.public-site h2,body.public-site h3{color:var(--sport-ink);letter-spacing:-.018em}
body.public-site .section-title{font-weight:800!important;line-height:1.3}
body.public-site .muted,body.public-site .section-lead{color:var(--sport-muted)!important}
body.public-site :focus-visible{outline:3px solid #e9a167!important;outline-offset:3px}
body.public-site a,body.public-site button{-webkit-tap-highlight-color:transparent}

/* Light editorial navigation bar */
body.public-site .topbar.public-premium-topbar,body.public-site.sidebar-collapsed .topbar.public-premium-topbar{background:linear-gradient(100deg,rgba(255,255,253,.97) 0%,rgba(255,250,239,.97) 100%)!important;border-bottom:1px solid #e4e4d8!important;box-shadow:0 9px 24px rgba(51,69,57,.07)!important;backdrop-filter:blur(16px)}
body.public-site .topbar.public-premium-topbar .topbar-search{background:#fff!important;border:1px solid #e4e6dc!important;box-shadow:0 4px 14px rgba(38,79,63,.035)!important;border-radius:15px!important}
body.public-site .topbar-search input{color:var(--sport-ink)!important;font-size:13px!important;font-weight:500}
body.public-site .topbar-search input::placeholder{color:#85948d!important}
body.public-site .topbar-search>span{color:var(--sport-orange)!important}
body.public-site .topbar-notification{background:#fff9ea!important;border:1px solid #f1dfbd!important;box-shadow:0 4px 12px rgba(104,73,23,.07)!important}
body.public-site .topbar-button,body.public-site .mobile-login-trigger{min-height:42px!important;border-radius:13px!important;box-shadow:0 4px 12px rgba(39,82,68,.07)!important;font-size:12px!important;letter-spacing:0!important;transition:transform .2s,box-shadow .2s,background .2s}
body.public-site .topbar-button:hover,body.public-site .mobile-login-trigger:hover{transform:translateY(-2px)!important}
body.public-site .topbar-user,body.public-site .mobile-login-trigger{background:linear-gradient(135deg,#1c745b,#12503f)!important;border-color:#17604e!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
body.public-site .topbar-committee{background:#eaf6ee!important;border-color:#d1e8d9!important;color:#24654b!important;-webkit-text-fill-color:#24654b!important}
body.public-site .topbar-admin{background:#fff0e5!important;border-color:#efd9c7!important;color:#9b502f!important;-webkit-text-fill-color:#9b502f!important}
body.public-site .topbar-back-button{background:#f5f4ec!important;border:1px solid #e5e1d6!important;color:#385f52!important}

/* Soft sculpted sidebar instead of a heavy navy panel */
body.public-site .sidebar.premium-sidebar,body.public-site.sidebar-collapsed .sidebar.premium-sidebar{background:linear-gradient(165deg,#fffcf5 0%,#f7f9f3 62%,#eaf3eb 100%)!important;border-right:1px solid #e0e6dc!important;box-shadow:10px 0 30px rgba(44,76,55,.065)!important;color:var(--sport-ink)!important}
body.public-site .sidebar.premium-sidebar::before{background:radial-gradient(circle,#e7c595 0,transparent 72%)!important;opacity:.2}
body.public-site .sidebar-brand{background:rgba(255,255,255,.86)!important;border:1px solid #e8e5d9!important;box-shadow:0 9px 23px rgba(38,69,52,.045),inset 0 1px #fff!important;padding:11px 9px!important;border-radius:20px!important}
body.public-site .sidebar-logo-frame{background:linear-gradient(145deg,#fff,#f9f4e7)!important;border:1px solid #e8dfc8!important;box-shadow:0 5px 12px rgba(38,68,58,.07)!important}
body.public-site .sidebar-brand strong{color:#244438!important;-webkit-text-fill-color:#244438!important;font-size:14px!important;font-weight:800!important;line-height:1.45!important}
body.public-site .sidebar-brand span{color:#77837a!important;-webkit-text-fill-color:#77837a!important;font-size:10.5px!important;line-height:1.5!important}
body.public-site .sidebar-menu{gap:8px!important}
body.public-site .sidebar-menu .menu-item{--tile:#f2f5ed;--tile-border:#e0e8db;--title:#274638;--sub:#718075;--edge:#41826e;min-height:64px!important;padding:10px!important;gap:11px!important;background:linear-gradient(115deg,#fff,var(--tile))!important;border:1px solid var(--tile-border)!important;border-radius:16px!important;box-shadow:0 3px 7px rgba(35,65,49,.035),inset 0 1px rgba(255,255,255,.93)!important;transform:none!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}
body.public-site .sidebar-menu .menu-item:hover,body.public-site .sidebar-menu .menu-item:focus-visible{transform:translateX(3px)!important;border-color:var(--edge)!important;box-shadow:0 9px 24px rgba(44,76,55,.11),inset 0 1px #fff!important}
body.public-site .sidebar-menu .menu-item.active,body.public-site .sidebar-menu .menu-toggle.active{border-color:var(--edge)!important;box-shadow:inset 4px 0 0 var(--edge),0 10px 21px rgba(44,76,55,.1)!important}
body.public-site .sidebar-menu .menu-item>div>strong,body.public-site .sidebar-menu .menu-item>div>strong *,body.public-site .sidebar-menu .menu-item>div>span{line-height:1.4!important;text-shadow:none!important}
body.public-site .sidebar-menu .menu-item>div>strong{color:var(--title)!important;-webkit-text-fill-color:var(--title)!important;font-size:13.5px!important;font-weight:800!important}
body.public-site .sidebar-menu .menu-item>div>span{color:var(--sub)!important;-webkit-text-fill-color:var(--sub)!important;font-size:10.5px!important;font-weight:500!important;opacity:1!important}
body.public-site .sidebar-menu .menu-home{--tile:#e9f4e9;--tile-border:#d7e9d8;--title:#276445;--edge:#369069}
body.public-site .sidebar-menu .menu-news{--tile:#fff0e6;--tile-border:#f4e0d3;--title:#ad5937;--edge:#de845f}
body.public-site .sidebar-menu .menu-register{--tile:#ecf6f6;--tile-border:#d9ece9;--title:#256d69;--edge:#4b9a8b}
body.public-site .sidebar-menu .menu-schedule{--tile:#e9eff8;--tile-border:#dce5f1;--title:#44678c;--edge:#7399bd}
body.public-site .sidebar-menu .menu-results{--tile:#f4ecf7;--tile-border:#ebe0ee;--title:#755787;--edge:#ad8abf}
body.public-site .sidebar-menu .menu-live-scores{--tile:#fdeee9;--tile-border:#f4dbd2;--title:#ab5144;--edge:#dc7e63}
body.public-site .sidebar-menu .menu-certificate{--tile:#fff5df;--tile-border:#f0e5cf;--title:#927039;--edge:#d6ab62}
body.public-site .sidebar-menu .menu-schools{--tile:#e8f5ec;--tile-border:#d6eadd;--title:#397254;--edge:#6ca882}
body.public-site .sidebar-menu .menu-medals{--tile:#fff5e6;--tile-border:#f0e1c9;--title:#916434;--edge:#d3a057}
body.public-site .sidebar-menu .menu-help{--tile:#f2f0e9;--tile-border:#e6e2d9;--title:#6b6552;--edge:#a7a18a}
body.public-site .sidebar.premium-sidebar .menu-icon-box{width:40px!important;height:40px!important;border-radius:13px!important;border:1px solid rgba(255,255,255,.86)!important;background:rgba(255,255,255,.76)!important;box-shadow:0 4px 9px rgba(58,88,69,.06)!important}
body.public-site .sidebar.premium-sidebar .menu-icon-box img{width:34px!important;height:34px!important;object-fit:contain!important;box-shadow:none!important}
body.public-site .sidebar.premium-sidebar .chevron{color:var(--title)!important;-webkit-text-fill-color:var(--title)!important}
body.public-site .sidebar.premium-sidebar .submenu{border-left:2px solid #dce9df!important;margin-top:5px!important;margin-bottom:7px!important}
body.public-site .sidebar.premium-sidebar .submenu a{color:#3f6256!important;-webkit-text-fill-color:#3f6256!important;font-size:12px!important;font-weight:600!important;line-height:1.45!important;padding:10px 12px!important;border-radius:11px!important}
body.public-site .sidebar.premium-sidebar .submenu a:hover,body.public-site .sidebar.premium-sidebar .submenu a.active{background:#eaf3eb!important;color:#17604e!important;-webkit-text-fill-color:#17604e!important}
body.public-site .sidebar.premium-sidebar .sidebar-footer{color:#779085!important;-webkit-text-fill-color:#779085!important;border-color:#e3e6dc!important}
body.public-site .sidebar-collapse-toggle,body.public-site .public-sidebar-close{background:#fff!important;color:#24644e!important;border-color:#e6e5dc!important;box-shadow:0 5px 13px rgba(41,73,54,.08)!important}
body.public-site .sidebar-live-badge.is-live{color:#bf4c41!important;-webkit-text-fill-color:#bf4c41!important}
body.public-site .sidebar-live-badge.is-offline{color:#84877f!important;-webkit-text-fill-color:#84877f!important}

/* Banner remains its original responsive aspect and original intrinsic pixels */
body.public-site.page-index .home-image-hero{margin:18px 20px 0!important;border-radius:27px!important;overflow:hidden!important;background:#f9f6ec!important;box-shadow:0 20px 42px rgba(51,91,74,.09)!important;border:1px solid #ece8dc!important;aspect-ratio:auto!important;height:auto!important;min-height:0!important}
body.public-site.page-index .home-image-hero .hero-slides{position:relative!important;height:auto!important;min-height:0!important;overflow:hidden!important}
body.public-site.page-index .home-image-hero .hero-slide.is-active{position:relative!important;height:auto!important;inset:auto!important}
body.public-site.page-index .home-image-hero .hero-slide.is-active picture,body.public-site.page-index .home-image-hero .hero-slide.is-active img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}
body.public-site.page-index .home-image-hero .hero-slide:not(.is-active){position:absolute!important;inset:0!important}
body.public-site.page-index .hero-carousel-arrow{background:rgba(255,255,255,.92)!important;border:1px solid rgba(33,81,66,.17)!important;color:#285e50!important;box-shadow:0 5px 16px rgba(34,65,50,.13)!important}
body.public-site.page-index .hero-carousel-dots{background:rgba(32,95,75,.33)!important}

/* Home stat tiles in four separate tasteful color families */
body.public-site.page-index .home-stat-section{padding:24px 0 4px!important}
body.public-site.page-index .home-stat-grid{gap:14px!important}
body.public-site.page-index .home-stat-card{border-radius:22px!important;min-height:115px!important;padding:18px!important;background:linear-gradient(125deg,#fff,#edf7f0)!important;border:1px solid #dcebe0!important;box-shadow:0 8px 20px rgba(49,79,60,.06)!important;transition:transform .2s,box-shadow .2s!important}
body.public-site.page-index .home-stat-card:hover{transform:translateY(-4px)!important;box-shadow:0 17px 28px rgba(49,79,60,.11)!important}
body.public-site.page-index .home-stat-card.kpi-athletes{background:linear-gradient(130deg,#fff,#fff0e6)!important;border-color:#f2e3d5!important}
body.public-site.page-index .home-stat-card.kpi-register{background:linear-gradient(130deg,#fff,#eaf3f8)!important;border-color:#dae8ef!important}
body.public-site.page-index .home-stat-card.kpi-medals{background:linear-gradient(130deg,#fff,#fff6df)!important;border-color:#eee1c4!important}
body.public-site.page-index .home-stat-card .stat-icon{font-size:30px!important;opacity:1!important}
body.public-site.page-index .home-stat-card span:not(.stat-icon){font-size:12.5px!important;color:#61756b!important;-webkit-text-fill-color:#61756b!important}
body.public-site.page-index .home-stat-card strong{font-size:33px!important;color:#215a49!important;-webkit-text-fill-color:#215a49!important}
body.public-site.page-index .home-stat-card small{font-size:11px!important;color:#6a7970!important;-webkit-text-fill-color:#6a7970!important}
body.public-site.page-index .home-stat-card.kpi-athletes strong{color:#bf6341!important;-webkit-text-fill-color:#bf6341!important}
body.public-site.page-index .home-stat-card.kpi-register strong{color:#457b98!important;-webkit-text-fill-color:#457b98!important}
body.public-site.page-index .home-stat-card.kpi-medals strong{color:#a97931!important;-webkit-text-fill-color:#a97931!important}

/* Polished content panels across home and internal public pages */
body.public-site .premium-dashboard-card,body.public-site .home-discovery-card,body.public-site .home-sports-network-card,body.public-site .public-page-hero,body.public-site .public-news-card,body.public-site .announcement-detail-card{background:linear-gradient(165deg,#fff,#fffefa)!important;border:1px solid #e5e8dc!important;border-radius:23px!important;box-shadow:0 10px 30px rgba(42,80,58,.055)!important}
body.public-site .public-page-hero{background:radial-gradient(circle at 94% 10%,rgba(223,231,207,.68),transparent 38%),linear-gradient(110deg,#fff,#faf9f0)!important}
body.public-site .public-page-hero .section-title{color:#254b3c!important}
body.public-site .public-page-count{background:#f0f6eb!important;border-color:#dce9d7!important;color:#2d6b50!important}
body.public-site .premium-card-head,body.public-site .home-discovery-head,body.public-site .home-sports-network-head{border-bottom-color:#ecece2!important}
body.public-site .premium-card-head strong,body.public-site .home-discovery-head h2,body.public-site .home-sports-network-head h2{color:#2b4d40!important;-webkit-text-fill-color:#2b4d40!important;font-size:clamp(17px,1.5vw,21px)!important;font-weight:800!important;line-height:1.4!important}
body.public-site.page-index .home-news-strip-item{background:#fffefa!important;border:1px solid #ecebe0!important;border-radius:15px!important;box-shadow:0 4px 13px rgba(42,80,58,.04)!important}
body.public-site.page-index .home-news-strip-thumb{background:linear-gradient(135deg,#e5f3e6,#fff2df)!important;border-color:#e8e6da!important}
body.public-site.page-index .home-news-strip-copy strong{font-size:13px!important;line-height:1.5!important;color:#29483b!important;-webkit-text-fill-color:#29483b!important}
body.public-site.page-index .home-news-strip-copy small{font-size:11px!important;color:#74867b!important;-webkit-text-fill-color:#74867b!important}
body.public-site.page-index .home-news-scroll-btn{background:#f2f6ec!important;border-color:#deeadb!important;color:#2f6d50!important}
body.public-site.page-index .home-news-scroll-btn:hover{background:#e4f0df!important;border-color:#b9d6b8!important}
body.public-site.page-index .premium-card-head>a,body.public-site.page-index .premium-card-actions>a,body.public-site.page-index .home-discovery-head>a,body.public-site.page-index .home-sports-network-head>a,body.public-site.page-index .home-news-actions>a{background:#eef6ee!important;border-color:#d9e9d7!important;color:#2a6e4c!important;-webkit-text-fill-color:#2a6e4c!important;border-radius:11px!important;font-size:12px!important;font-weight:700!important;min-height:36px!important}
body.public-site.page-index .premium-card-head>a:hover,body.public-site.page-index .home-discovery-head>a:hover{background:#e2f0df!important;border-color:#b9d6b7!important}
body.public-site.page-index .premium-home-main-grid>.premium-dashboard-card{background:#fff!important}
body.public-site.page-index .premium-home-main-grid>.live-dashboard-card{background:linear-gradient(165deg,#f1f7ef,#fffefa)!important;border-color:#dce9d8!important}
body.public-site.page-index .live-dashboard-card .premium-card-head>a{background:#e0efe6!important;border-color:#c8dfd0!important;color:#23674f!important;-webkit-text-fill-color:#23674f!important}
body.public-site.page-index .home-dashboard-empty{background:rgba(255,255,255,.62)!important;border-color:#e2e9de!important;color:#658073!important;-webkit-text-fill-color:#658073!important}
body.public-site.page-index .home-dashboard-empty>strong{color:#2c5545!important;-webkit-text-fill-color:#2c5545!important;font-size:15px!important}
body.public-site.page-index .home-dashboard-empty>p{font-size:12px!important;line-height:1.6!important;color:#708176!important;-webkit-text-fill-color:#708176!important}
body.public-site.page-index .home-discovery-head p,body.public-site.page-index .home-sports-network-head p{font-size:13px!important;line-height:1.6!important;color:#6f7f74!important}
body.public-site.page-index .home-discovery-kicker,body.public-site.page-index .eyebrow{color:#c76b46!important;-webkit-text-fill-color:#c76b46!important}
body.public-site.page-index .home-sports-network-section{background:transparent!important}
body.public-site.page-index .home-sport-chip,body.public-site.page-index .home-sports-network-item{border-color:#e2eade!important;background:#fffdf7!important}
body.public-site .luxury-action-link,body.public-site .btn-primary{background:linear-gradient(130deg,#247b60,#155340)!important;border-color:#1a634c!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 10px 20px rgba(29,98,72,.16)!important}
body.public-site .btn-gold{background:linear-gradient(125deg,#f3cf82,#dfad55)!important;color:#493515!important;-webkit-text-fill-color:#493515!important}
body.public-site input:focus,body.public-site select:focus,body.public-site textarea:focus{border-color:#75ad93!important;box-shadow:0 0 0 3px rgba(73,148,105,.12)!important}
body.public-site .site-footer{background:linear-gradient(120deg,#f5f6ec,#edf4e9)!important;color:#536f5e!important;border-top:1px solid #e1e8dc!important}
body.public-site .site-footer p{color:#315f49!important;-webkit-text-fill-color:#315f49!important}

/* Public responsive: consistent banner sizing, natural readable controls */
@media(max-width:1100px){body.public-site.page-index .home-image-hero{margin:13px 12px 0!important;border-radius:20px!important}body.public-site .container{width:min(100% - 32px,1260px)!important}}
@media(max-width:820px){
 body.public-site .topbar.public-premium-topbar,body.public-site.sidebar-collapsed .topbar.public-premium-topbar{background:#fffdf8!important;border-bottom:1px solid #e7e6db!important}
 body.public-site .sidebar-toggle{background:linear-gradient(140deg,#246f58,#154d3f)!important;border-radius:13px!important;color:#fff!important;box-shadow:0 4px 12px rgba(32,90,70,.15)!important}
 body.public-site .mobile-topbar-brand strong{color:#2a5943!important;-webkit-text-fill-color:#2a5943!important;font-size:12px!important}
 body.public-site .mobile-topbar-brand span{color:#738477!important;-webkit-text-fill-color:#738477!important}
 body.public-site .sidebar.premium-sidebar{box-shadow:12px 0 42px rgba(20,65,49,.19)!important}
 body.public-site .sidebar.premium-sidebar .menu-item{min-height:63px!important}
 body.public-site .sidebar.premium-sidebar .menu-item>div>strong{font-size:14px!important}
 body.public-site .sidebar.premium-sidebar .menu-item>div>span{font-size:11px!important}
 body.public-site.page-index .home-image-hero{width:auto!important;height:auto!important;aspect-ratio:auto!important;margin:12px 12px 0!important;min-height:0!important}
 body.public-site.page-index .home-image-hero .hero-slides{height:auto!important;aspect-ratio:auto!important}
 body.public-site.page-index .home-image-hero .hero-slide.is-active{position:relative!important;height:auto!important;inset:auto!important}
 body.public-site.page-index .home-image-hero .hero-slide.is-active img{height:auto!important;max-height:none!important;object-fit:contain!important}
 body.public-site.page-index .home-stat-grid{gap:10px!important}
 body.public-site.page-index .home-stat-card{min-height:101px!important;padding:13px!important;border-radius:17px!important}
 body.public-site.page-index .home-stat-card strong{font-size:27px!important}
 body.public-site.page-index .home-stat-card span:not(.stat-icon){font-size:11px!important}
 body.public-site.page-index .home-news-strip-item{min-width:255px!important}
 body.public-site.page-index .home-news-strip-copy strong{font-size:12px!important}
 body.public-site.page-index .home-news-strip-copy small{font-size:10px!important}
 body.public-site.page-index .home-discovery-head h2{font-size:18px!important}
 body.public-site.page-index .home-discovery-head p{font-size:12px!important}
 body.public-site .public-page-hero{border-radius:18px!important;padding:20px!important}
 body.public-site .public-page-hero .section-title{font-size:clamp(22px,5.3vw,33px)!important}
}
@media(max-width:600px){
 body.public-site .container{width:calc(100% - 28px)!important}
 body.public-site.page-index .home-image-hero{margin:10px 9px 0!important;border-radius:15px!important}
 body.public-site.page-index .home-image-hero .hero-slide.is-active picture{width:100%!important;height:auto!important}
 body.public-site.page-index .home-stat-section{padding-top:16px!important}
 body.public-site.page-index .home-stat-grid{gap:9px!important}
 body.public-site.page-index .home-stat-card{padding:13px 10px!important;min-height:108px!important}
 body.public-site.page-index .home-stat-card strong{font-size:26px!important}
 body.public-site.page-index .home-stat-card span:not(.stat-icon){font-size:11px!important;line-height:1.5!important}
 body.public-site.page-index .home-stat-card small{font-size:10px!important}
 body.public-site.page-index .home-news-strip-item{min-width:240px!important;grid-template-columns:80px minmax(0,1fr) 8px!important;min-height:100px!important;gap:9px!important}
 body.public-site.page-index .home-news-strip-thumb{width:80px!important;min-width:80px!important;height:76px!important}
 body.public-site.page-index .home-news-strip-copy strong{font-size:12px!important}
 body.public-site.page-index .home-news-strip-copy small{font-size:10px!important}
 body.public-site.page-index .home-news-scroll-btn{min-width:35px!important;min-height:35px!important}
 body.public-site.page-index .home-primary-dashboard-grid .home-dashboard-empty>strong{font-size:14px!important}
 body.public-site.page-index .home-primary-dashboard-grid .home-dashboard-empty>p{font-size:12px!important}
 body.public-site.page-index .premium-card-head strong{font-size:16px!important}
 body.public-site.page-index .home-discovery-head h2{font-size:17px!important}
 body.public-site.page-index .home-discovery-head p{font-size:12px!important}
 body.public-site.page-index .home-youtube-head h2{font-size:16px!important}
 body.public-site.page-index .home-youtube-head p,body.public-site.page-index .home-youtube-empty p{font-size:12px!important}
 body.public-site.page-index .home-youtube-empty strong{font-size:14px!important}
 body.public-site.page-index .home-youtube-side li,body.public-site.page-index .home-youtube-side-note{font-size:12px!important}
 body.public-site .mobile-bottom-nav{background:rgba(255,253,247,.97)!important;border-top:1px solid #e5e5d9!important;box-shadow:0 -8px 25px rgba(40,70,51,.07)!important}
 body.public-site .mobile-bottom-nav a{color:#6a7a6e!important;-webkit-text-fill-color:#6a7a6e!important}
 body.public-site .mobile-bottom-nav a.is-active{color:#1e7356!important;-webkit-text-fill-color:#1e7356!important}
 body.public-site .mobile-home-shortcuts{background:#fffcf5!important}
 body.public-site .mobile-home-shortcuts a{background:#fff!important;border-color:#e7e9dc!important;border-radius:14px!important;box-shadow:0 4px 15px rgba(38,78,54,.055)!important}
 body.public-site .mobile-home-shortcuts a span{font-size:11px!important;color:#466555!important;-webkit-text-fill-color:#466555!important}
 body.public-site .mobile-login-sheet{background:#fffdf6!important;color:#2f5142!important}
 body.public-site .mobile-login-options a{background:#fafaf5!important;border-color:#e5eadf!important}
}
@media(prefers-reduced-motion:reduce){body.public-site *,body.public-site *::before,body.public-site *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Role pages: a calmer shared typographic language without changing forms or workflows. */
body.admin-body,body.user-body,body.login-page{font-family:'Prompt','Noto Sans Thai',Tahoma,sans-serif!important}
body.admin-body:not(.committee-body){background:#f7f9f5!important}
body.user-body{background:#f7faf4!important}
body.committee-body{background:#f7f7fb!important}
body.admin-body .dashboard-hero,body.user-body .dashboard-hero{background:linear-gradient(135deg,#fff,#f3f7ef)!important;border-color:#e1e9dc!important}
body.admin-body .dashboard-hero h1,body.user-body .dashboard-hero h1{color:#245341!important}
body.admin-body .dashboard-chip,body.user-body .dashboard-chip{background:#edf5ef!important;color:#2a6b50!important;border-color:#dce9df!important}
body.admin-body .admin-panel,body.user-body .user-panel{border-radius:20px}
body.login-page.admin-login-page{background:linear-gradient(135deg,#edf5e9,#fff6e9)!important}
body.login-page.committee-login-page{background:linear-gradient(135deg,#f4edf8,#fff8ef)!important}
body.login-page.user-login-page{background:linear-gradient(135deg,#edf6ee,#fffaf0)!important}
body.login-page .login-showcase-admin{background:linear-gradient(145deg,#225e4b,#4c8b71 62%,#dfac67)!important}
body.login-page .login-showcase-committee{background:linear-gradient(145deg,#65567f,#9785b3 62%,#edbb8a)!important}
body.login-page .login-showcase-school{background:linear-gradient(145deg,#1f674f,#4b9a75 62%,#deb975)!important}

/* Final QA: resolve inherited dark live-score bar, mobile account overflow, and legacy bright buttons. */
body.public-site.page-index .live-dashboard-card .premium-card-head {
  background:linear-gradient(112deg,#eaf5e7 0%,#fff6e8 100%)!important;
  border-bottom:1px solid #dae7d6!important;
}
body.public-site.page-index .live-dashboard-card .premium-card-head strong {
  color:#244d3c!important;
  -webkit-text-fill-color:#244d3c!important;
}
body.public-site.page-index .live-dashboard-card .premium-card-head>a,
body.public-site.page-index .schedule-summary-card .premium-card-head>a {
  background:#fffdf5!important;
  color:#22664e!important;
  -webkit-text-fill-color:#22664e!important;
  border:1px solid #d5e6d5!important;
  border-radius:11px!important;
  padding:7px 12px!important;
  box-shadow:0 4px 12px rgba(47,88,61,.06)!important;
  font-size:12px!important;
}
body.public-site.page-index .schedule-summary-card .premium-card-head>a:hover,
body.public-site.page-index .live-dashboard-card .premium-card-head>a:hover {
  background:#eaf3e6!important;
  color:#175b43!important;
  -webkit-text-fill-color:#175b43!important;
}
body.public-site.page-index .premium-card-head .premium-live-badge {
  background:#fff0e8!important;
  color:#cb5945!important;
  -webkit-text-fill-color:#cb5945!important;
  border:1px solid #f1c9bd!important;
}
@media (max-width:820px){
 body.public-site .mobile-login-trigger,
 body.public-site .mobile-login-trigger.is-authenticated{
  width:40px!important;height:40px!important;min-width:40px!important;
  padding:0!important;border-radius:14px!important;
  font-size:0!important;line-height:0!important;
  overflow:hidden!important;white-space:nowrap!important;
  display:grid!important;place-items:center!important;
  flex-shrink:0!important;
 }
 body.public-site .mobile-login-trigger::before{font-size:18px!important;line-height:1!important}
 body.public-site .topbar-right-cluster{gap:7px!important}
 body.public-site.page-index .premium-card-head>a,
 body.public-site.page-index .premium-card-actions>a{font-size:11px!important;min-height:34px!important}
 body.public-site.page-index .premium-card-head strong{font-size:15px!important}
}
@media(max-width:360px){
 body.public-site .mobile-login-trigger,
 body.public-site .mobile-login-trigger.is-authenticated{width:38px!important;height:38px!important;min-width:38px!important}
 body.public-site .topbar-right-cluster{gap:5px!important}
 body.public-site.page-index .premium-card-head strong{font-size:14px!important}
 body.public-site.page-index .live-dashboard-card .premium-card-head>a,
 body.public-site.page-index .schedule-summary-card .premium-card-head>a{padding:6px 9px!important;font-size:11px!important}
}