/* AFM Dashboard Premium v113 — visual-only skin inspired by the supplied mockup */
:root{--afm-bg:#03101d;--afm-panel:#071827;--afm-panel2:#0a2032;--afm-gold:#d8aa4e;--afm-line:rgba(216,170,78,.28);--afm-text:#f6f8fb;--afm-muted:#91a6b8}
body{background:radial-gradient(circle at 70% -10%,#17364b 0,transparent 30%),linear-gradient(180deg,#020b14 0,#061523 100%) fixed!important;color:var(--afm-text)}
header{background:rgba(2,13,23,.94)!important;border-bottom:1px solid var(--afm-line)!important;backdrop-filter:blur(18px);box-shadow:0 12px 40px rgba(0,0,0,.28)}
.brand .crest{background:linear-gradient(145deg,#182f3d,#06121d);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 0 26px rgba(216,170,78,.12)}
main{max-width:1180px!important}
.hero{position:relative;isolation:isolate;min-height:285px!important;overflow:hidden!important;padding:38px!important;background:linear-gradient(90deg,rgba(2,12,20,.96) 0%,rgba(3,17,28,.82) 42%,rgba(4,22,34,.46) 100%),radial-gradient(ellipse at 78% 115%,#236234 0 10%,transparent 38%),linear-gradient(150deg,#122f42,#06131f)!important;border:1px solid var(--afm-line)!important;border-radius:8px!important;box-shadow:0 24px 70px rgba(0,0,0,.42)!important}
.hero:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 77% 15%,rgba(255,255,255,.28) 0 1px,transparent 2px),radial-gradient(circle at 65% 20%,rgba(255,255,255,.17) 0 1px,transparent 2px);background-size:70px 70px,95px 95px;opacity:.55}
.hero:after{content:"AFM";position:absolute;right:5%;bottom:-48px;font-size:210px;font-weight:1000;letter-spacing:-16px;color:rgba(255,255,255,.035);z-index:-1}
.hero>div:first-child{max-width:650px}.hero h1{font-size:clamp(32px,5vw,58px)!important;line-height:.98;margin:12px 0!important;text-transform:uppercase;letter-spacing:-1.5px;text-shadow:0 8px 28px #000}.hero p{font-size:15px!important;letter-spacing:2px;text-transform:uppercase;color:#d7e0e7!important}.hero>div:first-child>small{display:inline-block;padding:6px 10px;border-left:3px solid var(--afm-gold);background:rgba(216,170,78,.08);letter-spacing:2px!important}.hero .badge{width:132px!important;height:132px!important;background:radial-gradient(circle,#173347,#071521 70%);border:2px solid var(--afm-gold)!important;box-shadow:0 0 0 8px rgba(216,170,78,.05),0 22px 50px #0009!important}
.hero .team-logo-badge img{max-width:116px!important;max-height:116px!important;filter:drop-shadow(0 12px 16px #0008)}
.stats{gap:12px!important;margin:14px 0 26px!important}.stats article{position:relative;overflow:hidden;text-align:left!important;padding:16px 18px!important;background:linear-gradient(145deg,rgba(12,36,53,.96),rgba(5,22,35,.96))!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:9px!important;box-shadow:0 10px 30px #0003}.stats article:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,var(--afm-gold),transparent)}.stats span{float:left;margin-right:12px;font-size:24px}.stats b{font-size:22px!important;margin:0!important}.stats small{font-size:10px!important;text-transform:uppercase;letter-spacing:1.2px;color:var(--afm-muted)!important}
main>h2{font-size:13px!important;text-transform:uppercase;letter-spacing:2px;color:#dce6ed;margin:28px 0 12px!important;padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.08)}
.grid{grid-template-columns:repeat(4,1fr)!important;gap:9px!important}.grid button{position:relative;overflow:hidden;min-height:96px!important;padding:15px!important;background:linear-gradient(145deg,#0a2032,#061522)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:8px!important;box-shadow:none!important;transition:.2s ease}.grid button:hover{transform:translateY(-2px);border-color:rgba(216,170,78,.5)!important;background:linear-gradient(145deg,#102b40,#071a29)!important}.grid button:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--afm-gold);opacity:.65}.grid b{font-size:14px!important;letter-spacing:.3px}.grid small{color:var(--afm-muted)!important}
nav{background:rgba(2,13,23,.96)!important;border-top:1px solid var(--afm-line)!important;backdrop-filter:blur(18px);box-shadow:0 -10px 35px #0005}nav button{transition:.18s}nav button:active{transform:scale(.94)}
.panel{background:linear-gradient(180deg,#04111e,#071a2a)!important}
.card{background:linear-gradient(145deg,#0b2335,#071827)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 12px 28px rgba(0,0,0,.18)}
.home-dashboard-note{margin-top:18px;padding:16px 18px;border:1px solid rgba(216,170,78,.18);background:rgba(7,24,39,.58);border-radius:8px;display:flex;gap:8px;flex-direction:column}.home-dashboard-note small{color:var(--afm-gold);letter-spacing:1.5px}.home-dashboard-note b{font-size:14px}.nav-emoji{font-size:19px;line-height:1}.nav-group{width:100%;flex:0 0 auto}.nav-group-toggle{position:relative}.nav-chevron{margin-left:auto;font-size:16px;transition:transform .18s ease;color:var(--afm-muted)}.nav-group.open .nav-chevron{transform:rotate(180deg)}.nav-submenu{display:none;padding:2px 0 4px 18px}.nav-group.open .nav-submenu{display:block}.nav-submenu button{opacity:.88}.nav-submenu .afm-icon{width:16px!important;height:16px!important}.nav-submenu small{font-size:10px!important}@media(min-width:1000px){body{padding-left:224px!important}header{left:224px!important}.brand{position:fixed;left:0;top:0;width:224px;height:76px;padding:10px 14px;background:#03111e;border-right:1px solid rgba(216,170,78,.18);display:flex!important;align-items:center!important}.brand .crest{display:grid!important;visibility:visible!important;opacity:1!important;width:50px!important;height:50px!important;flex:0 0 50px;background-image:var(--afm-logo)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;border:1px solid var(--afm-gold)!important}.brand>div:last-child{display:block!important;min-width:0}.brand>div:last-child b{font-size:12px}.brand>div:last-child small{font-size:9px}nav{top:76px!important;bottom:0!important;left:0!important;right:auto!important;width:224px!important;height:auto!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;padding:10px 8px 22px!important;border-top:0!important;border-right:1px solid rgba(216,170,78,.18)!important;overflow-y:auto!important;overflow-x:hidden!important}nav button{width:100%;min-height:43px!important;text-align:left;padding:7px 12px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:11px;border-radius:7px!important;flex:0 0 auto}nav button:hover{background:linear-gradient(90deg,rgba(216,170,78,.22),transparent);color:#fff}.afm-icon{width:19px!important;height:19px!important;margin:0!important;flex:0 0 19px}.nav-emoji{width:19px;text-align:center;flex:0 0 19px}nav small{font-size:11px!important;margin:0!important;white-space:nowrap}.panel{left:224px!important}.grid{grid-template-columns:repeat(4,1fr)!important}}
/* AFM Serie A match center */
.serie-a-live{margin-top:18px;border:1px solid rgba(216,170,78,.24);background:linear-gradient(145deg,rgba(7,24,39,.96),rgba(4,16,28,.96));border-radius:10px;padding:14px;overflow:hidden}.live-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.live-head>div{display:flex;align-items:baseline;gap:9px}.live-head small{color:var(--afm-gold);font-size:10px;letter-spacing:1.6px;font-weight:800}.live-head b{font-size:15px}.live-head>span{font-size:9px;letter-spacing:1px;border:1px solid var(--afm-line);padding:5px 8px;border-radius:20px;color:var(--afm-muted)}.live-matches{display:flex;gap:9px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.live-matches::-webkit-scrollbar{display:none}.live-match,.live-placeholder{scroll-snap-align:start;flex:0 0 230px;min-height:92px;border:1px solid rgba(255,255,255,.08);background:#081d2d;border-radius:9px;padding:12px}.live-placeholder{display:flex;flex-direction:column;justify-content:center;gap:5px}.live-placeholder small{color:var(--afm-muted);line-height:1.35}.live-status{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.8px;color:var(--afm-muted);margin-bottom:10px}.live-status .is-live{color:#ff6464;font-weight:900}.live-teams{display:grid;grid-template-columns:1fr auto;gap:7px 10px;align-items:center;font-size:12px}.live-score{font-size:15px;font-weight:900}.live-events{margin-top:9px;padding-top:8px;border-top:1px solid rgba(255,255,255,.07);font-size:10px;color:var(--afm-muted)}
@media(max-width:760px){.serie-a-live{margin:14px 0 4px;padding:12px}.live-head b{font-size:14px}.live-match,.live-placeholder{flex-basis:82vw;max-width:300px}}
/* Mobile navigation drawer */
.mobile-menu-button,.mobile-nav-backdrop{display:none}
@media(max-width:999px){
 body{padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}
 nav{position:fixed!important;z-index:100002!important;top:0!important;bottom:0!important;left:0!important;right:auto!important;width:min(78vw,330px)!important;height:100dvh!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:2px!important;padding:calc(88px + env(safe-area-inset-top)) 10px calc(22px + env(safe-area-inset-bottom))!important;background:rgba(2,13,23,.985)!important;border:0!important;border-right:1px solid var(--afm-line)!important;overflow-y:auto!important;overflow-x:hidden!important;transform:translateX(-105%);transition:transform .25s ease;box-shadow:20px 0 50px rgba(0,0,0,.45)}
 body.mobile-nav-open nav{transform:translateX(0)}
 nav>button,nav .nav-group>button,nav .nav-submenu button{width:100%!important;min-height:44px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;padding:8px 12px!important;text-align:left!important;border-radius:8px!important;flex:0 0 auto!important}
 nav .afm-icon{width:20px!important;height:20px!important;margin:0!important;flex:0 0 20px!important}
 nav small{font-size:12px!important;margin:0!important}
 nav .nav-group{width:100%!important}
 nav .nav-submenu{padding-left:18px!important}
 .mobile-nav-backdrop{display:block;position:fixed;z-index:100001;inset:0;background:rgba(0,0,0,.58);opacity:0;visibility:hidden;transition:.22s ease;backdrop-filter:blur(2px)}
 body.mobile-nav-open .mobile-nav-backdrop{opacity:1;visibility:visible}
 .mobile-menu-button{display:flex;position:fixed;z-index:100003;left:14px;bottom:calc(12px + env(safe-area-inset-bottom));width:62px;height:54px;border:1px solid var(--afm-line);border-radius:12px;background:#071827;color:var(--afm-text);align-items:center;justify-content:center;flex-direction:column;gap:1px;box-shadow:0 8px 25px #0007}
 .mobile-menu-button span{font-size:22px;line-height:20px;color:var(--afm-gold)}.mobile-menu-button small{font-size:9px;text-transform:uppercase;letter-spacing:.8px}
 body.mobile-nav-open{overflow:hidden}
}
@media(max-width:760px){header .brand{display:flex!important;visibility:visible!important;opacity:1!important;min-width:0}header .brand .crest{display:grid!important;visibility:visible!important;opacity:1!important;width:45px!important;height:45px!important;flex:0 0 45px;background-image:var(--afm-logo)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;border:1px solid var(--afm-gold)!important}header .brand>div:last-child{display:block!important}main{padding:10px!important}.hero{min-height:220px!important;padding:24px 20px!important;border-radius:7px!important}.hero h1{font-size:34px!important}.hero .badge{width:92px!important;height:92px!important;flex:0 0 92px}.hero:after{font-size:130px;right:2%}.stats{grid-template-columns:repeat(2,1fr)!important}.grid{grid-template-columns:repeat(2,1fr)!important}.grid button{min-height:92px!important}.grid button:hover{transform:none}.panel{padding:15px!important}}