/* Handball Dynasty 21.0 - Manager Experience */
:root{
  --mx-accent:var(--club-accent,#d7f51c);
  --mx-ink:var(--club-ink,#10213a);
  --mx-surface:#fff;
  --mx-surface-soft:#f4f7fb;
  --mx-border:rgba(16,33,58,.11);
  --mx-shadow:0 18px 46px rgba(16,33,58,.10);
  --mx-shadow-hover:0 24px 60px rgba(16,33,58,.16);
  --mx-radius:22px;
}
body.hd-v210{background:linear-gradient(180deg,#eef3f8 0,#f8fafc 420px,#f4f7fb 100%);color:#10213a}
body.hd-v210:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 92% 3%,color-mix(in srgb,var(--mx-accent) 16%,transparent),transparent 25%),linear-gradient(115deg,transparent 0 68%,rgba(16,33,58,.025) 68% 69%,transparent 69%)}
.hd-v210 .v10-app{--v10-accent:var(--mx-accent)}
.hd-v210 .v10-topbar{border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 10px 32px rgba(7,18,33,.16);background:linear-gradient(100deg,color-mix(in srgb,var(--mx-ink) 94%,#000),color-mix(in srgb,var(--mx-ink) 76%,#1d3557))}
.hd-v210 .v10-topbar:after{content:"MANAGER EXPERIENCE 21.0";font-size:10px;font-weight:900;letter-spacing:.14em;color:color-mix(in srgb,var(--mx-accent) 82%,#fff);padding:6px 9px;border:1px solid color-mix(in srgb,var(--mx-accent) 30%,transparent);border-radius:999px;background:rgba(255,255,255,.05)}
.hd-v210 .v10-mainnav{background:color-mix(in srgb,var(--mx-ink) 96%,#000);border-bottom:1px solid rgba(255,255,255,.08)}
.hd-v210 .v10-mainnav a{position:relative;transition:.22s ease;border-radius:12px 12px 0 0}
.hd-v210 .v10-mainnav a:hover{background:rgba(255,255,255,.07);transform:translateY(-1px)}
.hd-v210 .v10-mainnav a.active{color:var(--mx-accent);background:linear-gradient(180deg,color-mix(in srgb,var(--mx-accent) 10%,transparent),transparent)}
.hd-v210 .v10-mainnav a.active:after{content:"";position:absolute;left:18%;right:18%;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--mx-accent);box-shadow:0 0 16px color-mix(in srgb,var(--mx-accent) 65%,transparent)}
.hd-v210 .v10-subnav{backdrop-filter:blur(16px);background:rgba(255,255,255,.88);border-bottom:1px solid var(--mx-border)}
.hd-v210 .v10-subnav a.active{color:var(--mx-ink);background:color-mix(in srgb,var(--mx-accent) 28%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mx-accent) 40%,transparent)}
.hd-v210 .v10-workspace{max-width:1540px;margin-inline:auto;padding-inline:clamp(14px,2.4vw,38px)}
.hd-v210 .v10-pagehero{min-height:172px;border-radius:0 0 28px 28px;overflow:hidden;box-shadow:var(--mx-shadow);margin-bottom:26px}
.hd-v210 .v10-pagehero-overlay{background:linear-gradient(90deg,color-mix(in srgb,var(--mx-ink) 96%,#000) 0%,color-mix(in srgb,var(--mx-ink) 78%,transparent) 48%,rgba(16,33,58,.25) 100%)}
.hd-v210 .v10-pagehero:after{content:"";position:absolute;inset:auto 0 0;height:4px;background:linear-gradient(90deg,var(--mx-accent),color-mix(in srgb,var(--mx-accent) 20%,transparent),transparent)}
.hd-v210 .v10-pagehero-content h1{font-size:clamp(30px,4vw,54px);letter-spacing:-.04em}
.hd-v210 .card,.hd-v210 [class*="-card"]{border-color:var(--mx-border)}
.hd-v210 .card{border-radius:var(--mx-radius);box-shadow:0 9px 30px rgba(16,33,58,.065);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.hd-v210 .card:hover{box-shadow:var(--mx-shadow);border-color:color-mix(in srgb,var(--mx-accent) 35%,var(--mx-border))}
.hd-v210 .card-head{border-bottom-color:var(--mx-border)}
.hd-v210 .card-head h2{letter-spacing:-.025em}
.hd-v210 .primary-button,.hd-v210 button.primary,.hd-v210 a.primary{background:var(--mx-accent)!important;color:color-mix(in srgb,var(--mx-ink) 94%,#000)!important;border:0;box-shadow:0 10px 24px color-mix(in srgb,var(--mx-accent) 28%,transparent);font-weight:900}
.hd-v210 .primary-button:hover,.hd-v210 button.primary:hover,.hd-v210 a.primary:hover{transform:translateY(-2px);box-shadow:0 15px 30px color-mix(in srgb,var(--mx-accent) 38%,transparent)}

/* Manager cockpit */
.hd-v210.dashboard .v10-pagehero{display:none}
.hd-v210.dashboard .v10-workspace{padding-top:24px}
.hd-v210 .v121-office-hero{border-radius:30px;min-height:430px;box-shadow:0 28px 70px color-mix(in srgb,var(--mx-ink) 22%,transparent);overflow:hidden;border:1px solid rgba(255,255,255,.2)}
.hd-v210 .v121-office-hero:before{background:linear-gradient(100deg,color-mix(in srgb,var(--mx-ink) 98%,#000) 0%,color-mix(in srgb,var(--mx-ink) 87%,transparent) 52%,color-mix(in srgb,var(--mx-ink) 35%,transparent) 100%)}
.hd-v210 .v121-office-copy h1{font-size:clamp(40px,5vw,70px);line-height:.94;letter-spacing:-.055em}
.hd-v210 .v121-kicker{color:var(--mx-accent);letter-spacing:.18em;font-weight:950}
.hd-v210 .v121-next-match{border:1px solid rgba(255,255,255,.16);background:rgba(7,18,33,.40);backdrop-filter:blur(16px);border-radius:20px;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.hd-v210 .v121-team-mark,.hd-v210 .dashboard-team-logo{border:2px solid rgba(255,255,255,.7);box-shadow:0 8px 22px rgba(0,0,0,.22)}
.hd-v210 .v121-club-panel{background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-radius:24px;box-shadow:0 20px 48px rgba(0,0,0,.22);border-top:5px solid var(--mx-accent)}
.hd-v210 .v121-club-head img,.hd-v210 .v121-upload-logo{filter:drop-shadow(0 10px 12px rgba(16,33,58,.2))}
.hd-v210 .v121-hero-kpis{gap:10px}
.hd-v210 .v121-hero-kpis article{position:relative;overflow:hidden;background:rgba(255,255,255,.94);border-radius:18px;border:1px solid rgba(255,255,255,.4);box-shadow:0 12px 25px rgba(7,18,33,.14)}
.hd-v210 .v121-hero-kpis article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--mx-accent)}
.hd-v210 .v121-hero-kpis b{font-size:clamp(22px,2.1vw,34px)}
.hd-v210 .dashboard35-main,.hd-v210 .dashboard35-lower{gap:22px;margin-top:22px}
.hd-v210 .dashboard35-match{background:linear-gradient(145deg,#fff 0%,color-mix(in srgb,var(--mx-accent) 7%,#fff) 100%);border-top:5px solid var(--mx-accent)}
.hd-v210 .dashboard35-versus strong{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--mx-ink);color:#fff;box-shadow:0 10px 25px rgba(16,33,58,.22)}
.hd-v210 .dashboard35-matchbar{height:10px;border-radius:99px;background:#dce4ec;overflow:hidden}
.hd-v210 .dashboard35-matchbar span{background:linear-gradient(90deg,var(--mx-accent),color-mix(in srgb,var(--mx-accent) 52%,var(--mx-ink)))}
.hd-v210 .dashboard35-task{border-radius:15px;transition:.18s ease}
.hd-v210 .dashboard35-task:hover{transform:translateX(4px);background:color-mix(in srgb,var(--mx-accent) 5%,#fff)}
.hd-v210 .hd-donut{filter:drop-shadow(0 12px 20px rgba(16,33,58,.12))}
.hd-v210 .hd-donut:before{background:conic-gradient(var(--mx-accent) calc(var(--value)*1%),#e5ebf1 0)}
.hd-v210 .hd-mini-chart i b,.hd-v210 .dashboard35-bars i b{background:linear-gradient(90deg,var(--mx-accent),color-mix(in srgb,var(--mx-accent) 55%,var(--mx-ink)))}

/* Matchcenter */
.hd-v210.matchday .v10-pagehero,.hd-v210.match .v10-pagehero,.hd-v210.live .v10-pagehero{border-bottom:4px solid var(--mx-accent)}
.hd-v210 .matchday-v32-hero,.hd-v210 .matchday33-hero,.hd-v210 [class*="match-hero"]{border-radius:28px!important;overflow:hidden;box-shadow:var(--mx-shadow);border:1px solid var(--mx-border)}
.hd-v210 .matchday-v32-scoreboard,.hd-v210 .matchday33-scoreboard{background:linear-gradient(110deg,color-mix(in srgb,var(--mx-ink) 96%,#000),color-mix(in srgb,var(--mx-ink) 78%,#294665));border-radius:22px;box-shadow:0 24px 60px rgba(16,33,58,.24)}
.hd-v210 .matchday33-analysis{gap:20px}
.hd-v210 .matchday33-analysis>.card{border-top:4px solid color-mix(in srgb,var(--mx-accent) 78%,#fff)}
.hd-v210 .matchday33-bars i{height:9px;background:#e5ebf1;border-radius:99px;overflow:hidden}
.hd-v210 .matchday33-bars em{background:linear-gradient(90deg,var(--mx-accent),color-mix(in srgb,var(--mx-accent) 38%,var(--mx-ink)));border-radius:99px}
.hd-v210 .matchday-v32-history article{border-radius:16px;border:1px solid var(--mx-border);background:#fff;transition:.18s ease}
.hd-v210 .matchday-v32-history article:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--mx-accent) 50%,var(--mx-border));box-shadow:0 12px 28px rgba(16,33,58,.09)}
.hd-v210 .matchday-v32-form i,.hd-v210 [class*="form-"]{box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}

/* League tables */
.hd-v210.league .p23-league-navigation{border-radius:24px;background:linear-gradient(140deg,#fff,color-mix(in srgb,var(--mx-accent) 4%,#fff));box-shadow:0 12px 34px rgba(16,33,58,.07);border:1px solid var(--mx-border)}
.hd-v210 .p23-country-card{border-radius:17px;transition:.18s ease}
.hd-v210 .p23-country-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(16,33,58,.12)}
.hd-v210 .p23-country-card.active{outline:3px solid color-mix(in srgb,var(--mx-accent) 42%,transparent)}
.hd-v210 .league-table-v1404,.hd-v210 .league-table-v1403,.hd-v210 [class*="league-table"]{border-radius:22px;overflow:hidden;border:1px solid var(--mx-border);box-shadow:var(--mx-shadow)}
.hd-v210 .league-table-v1404 .head,.hd-v210 [class*="league-table"] .head{background:color-mix(in srgb,var(--mx-ink) 96%,#000);color:#fff}
.hd-v210 [class*="league-table"] .row,.hd-v210 [class*="league-table"]>div{transition:background .15s ease,transform .15s ease}
.hd-v210 [class*="league-table"] .row:hover{background:color-mix(in srgb,var(--mx-accent) 8%,#fff);transform:translateX(2px)}
.hd-v210 [class*="league-table"] .own-club,.hd-v210 [class*="league-table"] .is-own{background:color-mix(in srgb,var(--mx-accent) 16%,#fff)!important;box-shadow:inset 5px 0 var(--mx-accent)}
.hd-v210 .qualification-badge,.hd-v210 [class*="status-champions"]{font-weight:900;border-radius:999px}
.hd-v210 .form-s,.hd-v210 .form-w{background:#dff5e6!important;color:#12723a!important}
.hd-v210 .form-u,.hd-v210 .form-d{background:#fff1c9!important;color:#8a5b00!important}
.hd-v210 .form-n,.hd-v210 .form-l{background:#fde1e1!important;color:#9d2424!important}

/* Global club identity */
.hd-v210 .club-profile-v34-hero,.hd-v210 .v203-club-hero,.hd-v210 .v203-team-hero,.hd-v210 .v203-transfer-hero{border-top:6px solid var(--mx-accent);box-shadow:0 24px 54px color-mix(in srgb,var(--mx-ink) 18%,transparent)}
.hd-v210 .v203-club-status i{box-shadow:0 0 0 3px #fff,0 0 0 4px rgba(16,33,58,.12)}
.hd-v210 table{border-collapse:separate;border-spacing:0}
.hd-v210 table thead th{background:color-mix(in srgb,var(--mx-ink) 94%,#000);color:#fff;position:sticky;top:0;z-index:2}
.hd-v210 table tbody tr{transition:.14s ease}
.hd-v210 table tbody tr:hover{background:color-mix(in srgb,var(--mx-accent) 7%,#fff)}
.hd-v210 input:focus,.hd-v210 select:focus,.hd-v210 textarea:focus{outline:3px solid color-mix(in srgb,var(--mx-accent) 30%,transparent);border-color:var(--mx-accent)}

/* Motion */
@keyframes mxRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.hd-v210 .mx-reveal{animation:mxRise .42s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--mx-delay,0ms)}
@media (prefers-reduced-motion:reduce){.hd-v210 *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:900px){
 .hd-v210 .v10-topbar:after{display:none}
 .hd-v210 .v10-workspace{padding-inline:12px}
 .hd-v210 .v121-office-hero{border-radius:22px;min-height:0}
 .hd-v210 .v121-office-copy h1{font-size:42px}
 .hd-v210 .v121-hero-kpis{grid-template-columns:repeat(2,1fr)}
 .hd-v210 .dashboard35-main,.hd-v210 .dashboard35-lower{grid-template-columns:1fr}
}
@media(max-width:560px){
 .hd-v210 .v121-hero-kpis{grid-template-columns:1fr}
 .hd-v210 .v121-actions{grid-template-columns:repeat(2,1fr)}
 .hd-v210 .v10-pagehero{min-height:135px;border-radius:0 0 20px 20px}
}