/* v4.10.0.10 — Global UI System
   Brings all modules into the clean dashboard visual language. */
:root{
  --mml-bg:#f4f6f8;--mml-surface:#fff;--mml-surface-2:#f7f8fa;--mml-surface-3:#eef1f4;
  --mml-text:#111827;--mml-muted:#667085;--mml-border:#dfe4ea;--mml-shadow:0 10px 30px rgba(15,23,42,.06);
  --mml-green:#1fad55;--mml-green-soft:#eaf8ef;--mml-red:#e53945;--mml-red-soft:#fff0f1;
  --mml-amber:#e29a00;--mml-amber-soft:#fff8e6;--mml-blue:#1769e0;--mml-blue-soft:#edf5ff;--mml-purple:#7b3fe4;
  --mml-radius:14px;--mml-radius-sm:9px;--mml-gap:14px;
  --mml-font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
html,body,button,input,select,textarea{font-family:var(--mml-font)!important}
body{background:var(--mml-bg)!important;color:var(--mml-text)!important}
.beta-main,.main,.beta-content,.content{background:var(--mml-bg)!important;color:var(--mml-text)}
.beta-content{padding:18px!important;max-width:none!important}

/* Restore the application toolbar on every screen, including dashboard. */
.beta-topbar,.dashboard-exact-v41008 .beta-topbar{display:flex!important;min-height:66px!important;background:var(--mml-surface)!important;border-bottom:1px solid var(--mml-border)!important;box-shadow:0 1px 0 rgba(15,23,42,.02)!important;color:var(--mml-text)!important}
.beta-topbar h1,.beta-topbar b,.beta-topbar span{color:var(--mml-text)}
.beta-topbar small,.topbar-kicker{color:var(--mml-muted)!important}
.language-control{display:flex!important;align-items:center;gap:8px;color:var(--mml-muted)!important;font-size:12px;font-weight:700}
.language-control select,.logout-button{height:38px!important;border:1px solid var(--mml-border)!important;background:var(--mml-surface-2)!important;color:var(--mml-text)!important;border-radius:9px!important}
.logout-button:hover{border-color:var(--mml-red)!important;color:var(--mml-red)!important;background:var(--mml-red-soft)!important}
.user-chip{background:var(--mml-surface-2)!important;border:1px solid var(--mml-border)!important;border-radius:10px!important;color:var(--mml-text)!important}
.user-chip small{color:var(--mml-muted)!important}

/* Global cards and page headers */
.panel,.card,.admin-section,.competition-hero-v440,.competition-page-v440>section,.info-directory-v482>section,.v410-center,.planner-shell-v491,.transfer-shell-v450,.commercial-operations-v463>section,.stadium-page>section,.squad-page>section{
  background:var(--mml-surface)!important;color:var(--mml-text)!important;border:1px solid var(--mml-border)!important;border-radius:var(--mml-radius)!important;box-shadow:var(--mml-shadow)!important
}
.section-title,.section-head,.section-heading,.v410-head,.competition-hero-v440,.admin-hero{color:var(--mml-text)!important}
.section-title h2,.section-title h3,.section-head h2,.section-heading h2,.competition-hero-v440 h2,.v410-head h2,.admin-hero h1,.admin-hero h2{color:var(--mml-text)!important;letter-spacing:-.02em}
.section-title p,.section-head p,.section-heading p,.competition-hero-v440 p,.v410-head p,.admin-hero p,.muted,.v482-note{color:var(--mml-muted)!important}
.eyebrow,.section-title small,.section-head small,.v410-head span{color:var(--mml-green)!important;font-weight:800;letter-spacing:.09em;text-transform:uppercase}

/* Tables */
table,.v482-table{width:100%;border-collapse:separate!important;border-spacing:0!important;background:var(--mml-surface)!important;color:var(--mml-text)!important}
thead th{background:var(--mml-surface-2)!important;color:var(--mml-muted)!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--mml-border)!important}
th,td{border-color:var(--mml-border)!important;padding:10px 12px!important}
tbody tr{background:var(--mml-surface)!important}
tbody tr:hover{background:var(--mml-blue-soft)!important}
tbody td{color:var(--mml-text)!important}
.v482-table-wrap,.table-wrap{border:1px solid var(--mml-border)!important;border-radius:var(--mml-radius-sm)!important;overflow:auto;background:var(--mml-surface)!important}

/* Forms */
input,select,textarea{background:var(--mml-surface)!important;color:var(--mml-text)!important;border:1px solid #cfd6df!important;border-radius:8px!important;box-shadow:none!important}
input::placeholder,textarea::placeholder{color:#98a2b3!important}
input:focus,select:focus,textarea:focus{border-color:var(--mml-blue)!important;box-shadow:0 0 0 3px rgba(23,105,224,.12)!important;outline:none!important}
label{color:var(--mml-text)!important;font-weight:650}
button,.button,a.button{border-radius:8px!important;font-weight:750!important}
button.primary,.primary{background:var(--mml-green)!important;border-color:var(--mml-green)!important;color:#fff!important;box-shadow:0 4px 12px rgba(31,173,85,.18)}
button.primary:hover,.primary:hover{filter:brightness(.94)}
button.ghost,.ghost{background:var(--mml-surface)!important;border:1px solid var(--mml-border)!important;color:var(--mml-text)!important}

/* Status language */
.status-pill.success,.success,.positive,.money-positive{color:var(--mml-green)!important;background:var(--mml-green-soft)!important;border-color:#bde8cb!important}
.status-pill.warning,.warning{color:#9a6700!important;background:var(--mml-amber-soft)!important;border-color:#f2d58c!important}
.status-pill.error,.error,.negative,.money-negative{color:var(--mml-red)!important;background:var(--mml-red-soft)!important;border-color:#f3b4ba!important}
.notice,.v410-alert{border-radius:10px!important}

/* Module tabs and toolbars */
.transfer-tabs-v450,.competition-tabs-v440,.v482-toolbar,.planner-toolbar-v491,.v410-actions{background:var(--mml-surface)!important;border:1px solid var(--mml-border)!important;border-radius:12px!important;padding:8px!important;box-shadow:var(--mml-shadow)!important}
.transfer-tabs-v450 button,.competition-tabs-v440 button{background:transparent!important;color:var(--mml-muted)!important;border:0!important}
.transfer-tabs-v450 button.active,.competition-tabs-v440 button.active{background:var(--mml-blue-soft)!important;color:var(--mml-blue)!important}

/* Navigation: collapsible and persistent visual hierarchy */
.beta-sidebar{background:#0d1824!important;color:#f8fafc!important;border-right:1px solid #203246!important}
.beta-sidebar *{color:inherit}
.beta-sidebar .club-card,.beta-sidebar .beta-club-card{background:#132234!important;border-color:#263b50!important}
.nav-group{margin:4px 0}
.nav-group-toggle{width:100%;display:grid!important;grid-template-columns:24px 1fr 22px;align-items:center;text-align:left;background:transparent!important;border:0!important;color:#d9e4ee!important;padding:10px 12px!important;border-radius:8px!important}
.nav-group-toggle:hover{background:#172a3d!important}
.nav-chevron{transition:transform .18s ease;text-align:center}.nav-group.is-open .nav-chevron{transform:rotate(180deg)}
.nav-submenu{display:none;padding-left:10px}.nav-group.is-open>.nav-submenu{display:block}
.beta-nav [data-v],.admin-center-link{border-radius:8px!important;color:#d9e4ee!important}
.beta-nav [data-v]:hover,.admin-center-link:hover{background:#172a3d!important;color:#fff!important}
.beta-nav [data-v].active{background:rgba(31,173,85,.15)!important;color:#60db87!important;border-left:3px solid #34c865!important}
.sidebar-foot{border-top-color:#263b50!important}

/* Info, statistics, admin and competition areas */
.info-directory-v482,.competition-page-v440,.v410-center,.transfer-shell-v450,.planner-shell-v491{display:grid;gap:var(--mml-gap)}
.v410-layout>aside,.v410-layout>main{background:var(--mml-surface)!important;border-color:var(--mml-border)!important;color:var(--mml-text)!important}
.admin-body{background:var(--mml-bg)!important;color:var(--mml-text)!important}
.admin-topbar{background:#0d1824!important;border-color:#203246!important}.admin-topbar *{color:#f8fafc!important}
.admin-shell{max-width:1500px!important}
.admin-version{background:var(--mml-blue-soft)!important;color:var(--mml-blue)!important;border:1px solid #cfe1ff!important}

/* Light is the canonical mock-up theme */
html[data-theme="light"],body.theme-light{--mml-bg:#f4f6f8;--mml-surface:#fff;--mml-surface-2:#f7f8fa;--mml-surface-3:#eef1f4;--mml-text:#111827;--mml-muted:#667085;--mml-border:#dfe4ea;--mml-shadow:0 10px 30px rgba(15,23,42,.06)}
/* Dark retains exactly the same spacing and structure, only the palette changes. */
html[data-theme="dark"],body.theme-dark{--mml-bg:#050908;--mml-surface:#0b1210;--mml-surface-2:#101916;--mml-surface-3:#15211d;--mml-text:#f7fbf8;--mml-muted:#9aa9a1;--mml-border:#26352e;--mml-shadow:0 10px 30px rgba(0,0,0,.28);--mml-green-soft:#10281a;--mml-red-soft:#2a1114;--mml-amber-soft:#281f0c;--mml-blue-soft:#0d2138}
html[data-theme="dark"] .beta-sidebar,body.theme-dark .beta-sidebar{background:#030706!important}
html[data-theme="dark"] tbody tr:hover,body.theme-dark tbody tr:hover{background:#102019!important}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea,body.theme-dark input,body.theme-dark select,body.theme-dark textarea{border-color:#33463d!important}
html[data-theme="slate"],body.theme-slate{--mml-bg:#101827;--mml-surface:#172235;--mml-surface-2:#1d2a40;--mml-surface-3:#26354d;--mml-text:#f5f8fc;--mml-muted:#aebbd0;--mml-border:#33445f;--mml-shadow:0 10px 30px rgba(0,0,0,.25);--mml-green:#2ed58a;--mml-green-soft:#17362d;--mml-red-soft:#3a1d27;--mml-amber-soft:#3c321c;--mml-blue:#66a8ff;--mml-blue-soft:#213654}

/* Responsive consistency */
@media(max-width:1000px){.beta-content{padding:12px!important}.v410-layout{grid-template-columns:1fr!important}.beta-topbar{align-items:flex-start!important;gap:8px}.beta-tools{flex-wrap:wrap;justify-content:flex-end}.user-chip{display:none!important}}
@media(max-width:720px){th,td{padding:8px!important}.panel,.card,.admin-section{border-radius:11px!important}.language-control span{display:none}.beta-tools{gap:6px!important}.logout-button{padding-inline:10px!important}}