:root{color-scheme:dark;--bg:#08111f;--bg-secondary:#0a1423;--panel:#111d30;--panel2:#17253a;--panel-hover:#1d2d44;--input-bg:#0b1627;--border:#24354d;--border-strong:#324761;--text:#f5f7fa;--muted:#94a3b8;--blue:#3b82f6;--green:#22c55e;--yellow:#f59e0b;--orange:#f97316;--red:#ef4444;--purple:#8b5cf6;--grey:#64748b;--code-bg:#08111f;--overlay-soft:rgba(255,255,255,.02);--overlay-hover:rgba(255,255,255,.06);--shadow:rgba(0,0,0,.25)}
html[data-theme="light"]{color-scheme:light;--bg:#f4f7fb;--bg-secondary:#fff;--panel:#fff;--panel2:#eef3f8;--panel-hover:#e7edf5;--input-bg:#fff;--border:#d8e0ea;--border-strong:#bdc9d8;--text:#172033;--muted:#64748b;--code-bg:#eef3f8;--overlay-soft:rgba(15,23,42,.025);--overlay-hover:rgba(15,23,42,.055);--shadow:rgba(15,23,42,.1)}
html[data-theme="dark"]{color-scheme:dark;--bg:#08111f;--bg-secondary:#0a1423;--panel:#111d30;--panel2:#17253a;--panel-hover:#1d2d44;--input-bg:#0b1627;--border:#24354d;--border-strong:#324761;--text:#f5f7fa;--muted:#94a3b8;--code-bg:#08111f;--overlay-soft:rgba(255,255,255,.02);--overlay-hover:rgba(255,255,255,.06);--shadow:rgba(0,0,0,.25)}
*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-height:100vh;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;transition:background .2s ease,color .2s ease}a{color:inherit;text-decoration:none}img{max-width:100%}button,input,select,textarea{font:inherit}.hidden{display:none!important}h1,h2,h3,h4,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(30px,4vw,40px);line-height:1.15}p{color:var(--muted)}
.topbar{position:sticky;top:0;z-index:100;min-height:68px;display:flex;align-items:center;gap:20px;padding:0 30px;background:var(--bg-secondary);border-bottom:1px solid var(--border);transition:background .2s ease,border-color .2s ease}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand b{width:38px;height:38px;display:grid;place-items:center;flex-shrink:0;border-radius:9px;background:var(--blue);color:#fff}.brand span{font-weight:750}.topbar nav{display:flex;align-items:center;gap:8px;margin-left:auto}.topbar nav a{padding:8px 12px;border-radius:7px;color:var(--muted);font-size:13px;font-weight:650;transition:background .2s ease,color .2s ease}.topbar nav a:hover{background:var(--overlay-hover);color:var(--text)}
.theme-control{margin-left:auto}.theme-control+nav{margin-left:0}.theme-toggle{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 11px;background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:999px;font-size:10px;font-weight:750;transition:background .2s ease,border-color .2s ease,color .2s ease}.theme-toggle:hover{background:var(--panel-hover);border-color:var(--border-strong);transform:none}#themeIcon{width:17px;height:17px;display:grid;place-items:center;font-size:14px}
main{width:100%;max-width:1450px;margin:0 auto;padding:32px}.hero{padding:50px 0 28px}.hero p{max-width:750px}.eyebrow{display:block;margin-bottom:5px;color:#60a5fa;font-size:10px;font-weight:850;letter-spacing:.9px;text-transform:uppercase}.page-title-row{display:flex;align-items:center;justify-content:space-between;gap:20px}
.panel,.card{padding:22px;background:var(--panel);border:1px solid var(--border);border-radius:14px;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.card{display:flex;flex-direction:column;gap:5px}.card span{color:var(--muted)}.card:hover{border-color:var(--border-strong)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
form,.toolbar{display:flex;align-items:center;gap:10px}input,select,textarea,button{min-width:0;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--input-bg);color:var(--text);outline:none}input{flex:1}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.72}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(59,130,246,.12)}button{border:0;background:var(--blue);color:#fff;cursor:pointer;font-weight:700;transition:opacity .2s ease,transform .2s ease,background .2s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{opacity:.65;cursor:not-allowed}label{color:var(--muted);font-size:11px;font-weight:700}.field{min-width:0}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.kpis>div{padding:18px;background:var(--panel);border:1px solid var(--border);border-radius:12px}.kpis span{display:block;color:var(--muted);font-size:12px}.kpis b{font-size:28px}.table-wrapper{width:100%;overflow-x:auto}table{width:100%;margin-top:15px;border-collapse:collapse}th,td{padding:13px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}th{color:var(--muted);font-size:11px;font-weight:750}tbody tr{transition:background .15s ease}tbody tr:hover{background:var(--overlay-soft)}
.badge{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:4px 9px;border:1px solid transparent;border-radius:999px;font-size:9px;font-weight:750;line-height:1;white-space:nowrap}.badge.starter{background:#16a34a;border-color:#15803d;color:#fff}.badge.cover{background:#f59e0b;border-color:#d97706;color:#422006}.badge.development{background:#8b5cf6;border-color:#7c3aed;color:#fff}.badge.prospect{background:#2563eb;border-color:#1d4ed8;color:#fff}.badge.surplus,.badge.injured{background:#dc2626;border-color:#b91c1c;color:#fff}.badge.unassigned,.badge.unavailable{background:#475569;border-color:#334155;color:#fff}.badge.available{background:#166534;border-color:#14532d;color:#fff}.badge.suspended{background:#c2410c;border-color:#9a3412;color:#fff}
dialog{width:min(600px,90%);padding:25px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:14px;box-shadow:0 20px 60px var(--shadow)}dialog::backdrop{background:rgba(0,0,0,.72)}dialog input,dialog select,dialog textarea{display:block;width:100%;margin:9px 0}
.health-layout{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-top:20px}.health-layout .grid{margin-top:14px}.card h3{display:flex;justify-content:space-between}.card label{display:block;margin:8px 0;color:var(--muted);font-size:11px}.card meter{display:block;width:100%}.priority{padding:12px 0;border-bottom:1px solid var(--border)}.priority span{display:block;color:#60a5fa;font-size:10px}
.import-divider{display:flex;align-items:center;gap:14px;margin:18px 0;color:var(--muted);font-size:11px;font-weight:800}.import-divider::before,.import-divider::after{height:1px;flex:1;background:var(--border);content:""}.import-divider span{padding:0 8px}.csv-details-grid{display:grid;grid-template-columns:2fr 1fr 1.5fr .75fr;gap:14px;margin-top:20px}.csv-details-grid .field,.csv-file-row .field{display:flex;flex-direction:column;gap:6px}.csv-details-grid input{width:100%}.csv-file-row{display:flex;align-items:flex-end;gap:14px;margin-top:18px}.csv-file-row .grow{flex:1}.csv-file-row button{min-width:140px;min-height:44px;padding:10px 18px}#csvFile{min-height:44px;padding:7px 10px}#csvFile::file-selector-button{margin-right:12px;padding:7px 12px;border:0;border-radius:6px;background:var(--panel2);color:var(--text);cursor:pointer}.csv-help{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-top:18px;padding:14px 16px;background:var(--overlay-soft);color:var(--muted);border:1px solid var(--border);border-radius:8px}.csv-help strong{color:var(--text);font-size:11px}.csv-help code{display:block;width:100%;overflow-x:auto;padding:9px 11px;background:var(--code-bg);color:#60a5fa;border-radius:6px;font-size:11px;white-space:nowrap}.csv-help small{line-height:1.6}.import-message{margin-top:14px;padding:11px 13px;background:rgba(59,130,246,.08);color:#60a5fa;border:1px solid var(--border);border-radius:7px;font-size:12px}.import-message.success{background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.3);color:#16a34a}.import-message.error{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.3);color:var(--red)}.clubs-heading{margin-top:30px}
.upload-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.upload-heading-row h2{margin-bottom:6px}.upload-heading-row p{margin-bottom:0}.template-download-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:10px 16px;background:rgba(59,130,246,.1);color:#60a5fa;border:1px solid rgba(59,130,246,.45);border-radius:8px;font-size:12px;font-weight:750;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.template-download-button:hover{transform:translateY(-1px);background:var(--blue);border-color:var(--blue);color:#fff}
.formation-page-header{align-items:flex-end}.formation-select{min-width:180px}.formation-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:12px 16px;background:var(--panel);border:1px solid var(--border);border-radius:10px}.formation-role-legend{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.formation-legend-item{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:10px;font-weight:650}.formation-legend-dot{width:9px;height:9px;border-radius:50%}.formation-legend-dot.starter{background:var(--green)}.formation-legend-dot.cover{background:var(--yellow)}.formation-legend-dot.development{background:var(--purple)}.formation-legend-dot.prospect{background:var(--blue)}.formation-legend-dot.surplus{background:var(--red)}.formation-legend-dot.unassigned{background:var(--grey)}.formation-legend-separator{width:1px;height:18px;background:var(--border)}
.formation-layout{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-top:20px}.formation-depth-layout{grid-template-columns:minmax(0,2fr) minmax(340px,.9fr);gap:22px;align-items:start}.pitch-panel{min-width:0;padding:18px;background:var(--panel);border:1px solid var(--border);border-radius:14px}
.pitch,.depth-pitch{position:relative;width:100%;aspect-ratio:.74;margin:0 auto;background:repeating-linear-gradient(90deg,#176b43 0,#176b43 12.5%,#1d754a 12.5%,#1d754a 25%);border:2px solid rgba(255,255,255,.65);border-radius:10px;box-shadow:inset 0 0 50px rgba(0,0,0,.12)}.depth-pitch{max-width:820px;overflow:visible}.pitch-halfway{position:absolute;top:50%;left:0;right:0;border-top:2px solid rgba(255,255,255,.55)}.centre-circle{position:absolute;top:44%;left:42%;width:16%;aspect-ratio:1;border:2px solid rgba(255,255,255,.55);border-radius:50%}.centre-spot{position:absolute;top:50%;left:50%;width:5px;height:5px;transform:translate(-50%,-50%);background:rgba(255,255,255,.7);border-radius:50%}.penalty-area{position:absolute;left:25%;width:50%;height:16%;border:2px solid rgba(255,255,255,.55)}.penalty-area-top{top:-2px}.penalty-area-bottom{bottom:-2px}.goal-area{position:absolute;left:38%;width:24%;height:6%;border:2px solid rgba(255,255,255,.55)}.goal-area-top{top:-2px}.goal-area-bottom{bottom:-2px}
.formation-depth-card{position:absolute;z-index:5;width:160px;padding:0;overflow:hidden;transform:translate(-50%,-50%);background:rgba(6,18,24,.94);color:#fff;border:1px solid rgba(255,255,255,.26);border-radius:7px;box-shadow:0 6px 18px rgba(0,0,0,.32);text-align:left;transition:border-color .15s ease,box-shadow .15s ease}.formation-depth-card:hover{z-index:20;transform:translate(-50%,-50%);border-color:rgba(147,197,253,.8);box-shadow:0 0 0 2px rgba(59,130,246,.18),0 6px 18px rgba(0,0,0,.32)}.formation-depth-card.active{z-index:25;transform:translate(-50%,-50%);border-color:var(--blue);box-shadow:0 0 0 2px rgba(59,130,246,.24),0 6px 18px rgba(0,0,0,.32)}.formation-depth-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 7px;background:rgba(0,0,0,.46);border-bottom:1px solid rgba(255,255,255,.13)}.formation-depth-header strong{font-size:10px;font-weight:900;letter-spacing:.7px}.formation-depth-header span{min-width:19px;height:19px;display:grid;place-items:center;padding:0 4px;background:rgba(255,255,255,.13);border-radius:999px;color:rgba(255,255,255,.84);font-size:8px;font-weight:800}
.formation-depth-players{display:flex;flex-direction:column}.formation-depth-player{position:relative;min-height:30px;display:grid;grid-template-columns:4px minmax(0,1fr) auto;align-items:center;gap:6px;padding:4px 6px;background:rgba(255,255,255,.025);border-bottom:1px solid rgba(255,255,255,.08);cursor:pointer}.formation-depth-player:last-child{border-bottom:0}.formation-depth-player:hover{background:rgba(255,255,255,.08)}.depth-role-marker{width:4px;min-height:22px;align-self:stretch;border-radius:3px}.depth-role-marker.starter{background:var(--green)}.depth-role-marker.cover{background:var(--yellow)}.depth-role-marker.development{background:var(--purple)}.depth-role-marker.prospect{background:var(--blue)}.depth-role-marker.surplus{background:var(--red)}.depth-role-marker.unassigned{background:var(--grey)}.depth-player-content{min-width:0}.depth-player-name{display:block;overflow:hidden;color:#fff;font-size:9px;font-weight:750;white-space:nowrap;text-overflow:ellipsis}.depth-player-role{display:block;margin-top:1px;color:#94a3b8;font-size:7px;font-weight:650}.formation-depth-empty{padding:9px 7px;color:rgba(255,255,255,.58);font-size:8px;font-style:italic;text-align:center}
.depth-availability-dot,.availability-indicator{width:8px;height:8px;flex-shrink:0;border-radius:50%}.depth-availability-dot.injured,.availability-indicator.injured{background:var(--red);box-shadow:0 0 0 2px rgba(239,68,68,.2)}.depth-availability-dot.suspended{background:var(--orange)}.depth-availability-dot.unavailable{background:var(--grey)}.player-unavailable{background:rgba(239,68,68,.05)}
.depth-sidebar{position:sticky;top:88px;display:flex;flex-direction:column;gap:14px}.depth-detail-panel,.depth-summary-panel,.role-key-panel{padding:20px}.depth-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}.depth-panel-heading h2{margin-bottom:3px}.depth-panel-heading p{margin:0;color:var(--muted);font-size:11px}.depth-count{min-width:36px;height:36px;display:grid;place-items:center;padding:0 8px;background:rgba(59,130,246,.12);color:#60a5fa;border:1px solid rgba(59,130,246,.28);border-radius:8px;font-size:15px;font-weight:900}
.depth-detail-player{position:relative;display:grid;grid-template-columns:4px 46px minmax(0,1fr);gap:10px;padding:11px 0;border-bottom:1px solid var(--border);cursor:pointer}.depth-detail-player:last-child{border-bottom:0}.depth-detail-stripe{border-radius:4px}.depth-detail-stripe.starter{background:var(--green)}.depth-detail-stripe.cover{background:var(--yellow)}.depth-detail-stripe.development{background:var(--purple)}.depth-detail-stripe.prospect{background:var(--blue)}.depth-detail-stripe.surplus{background:var(--red)}.depth-detail-stripe.unassigned{background:var(--grey)}.depth-detail-photo{width:46px;height:46px;display:grid;place-items:center;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#1e3a5f,#172a45);color:#bfdbfe;border-radius:50%;font-size:10px;font-weight:850}.depth-detail-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}.depth-detail-content{min-width:0}.depth-detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:7px}.depth-detail-heading strong{min-width:0;overflow:hidden;font-size:11px;white-space:nowrap;text-overflow:ellipsis}.depth-role-badge{flex-shrink:0;padding:3px 6px;border-radius:999px;color:#fff;font-size:7px;font-weight:850}.depth-role-badge.starter{background:var(--green)}.depth-role-badge.cover{background:var(--yellow);color:#111827}.depth-role-badge.development{background:var(--purple)}.depth-role-badge.prospect{background:var(--blue)}.depth-role-badge.surplus{background:var(--red)}.depth-role-badge.unassigned{background:var(--grey)}
.depth-detail-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;margin-top:8px}.depth-detail-meta span{min-width:0}.depth-detail-meta small{display:block;color:var(--muted);font-size:7px;letter-spacing:.4px;text-transform:uppercase}.depth-detail-meta strong{display:block;overflow:hidden;margin-top:1px;color:var(--text);font-size:9px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}.depth-detail-status{display:inline-flex;margin-top:8px;padding:3px 7px;border-radius:999px;font-size:7px;font-weight:850}.depth-detail-status.available{background:rgba(34,197,94,.13);color:#16a34a}html[data-theme="dark"] .depth-detail-status.available{color:#86efac}.depth-detail-status.injured{background:rgba(239,68,68,.16);color:var(--red)}.depth-detail-status.suspended{background:rgba(249,115,22,.16);color:var(--orange)}.depth-detail-status.unavailable{background:rgba(100,116,139,.18);color:var(--grey)}.depth-injury-note{display:block;margin-top:5px;color:var(--red);font-size:8px}
.depth-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.depth-summary-item{padding:9px;background:var(--overlay-soft);border:1px solid var(--border);border-radius:7px}.depth-summary-item span{display:block;color:var(--muted);font-size:8px}.depth-summary-item strong{display:block;margin-top:3px;font-size:16px}.role-key-list{display:flex;flex-direction:column;gap:10px}.role-key-item{display:grid;grid-template-columns:5px 1fr;gap:9px}.role-key-colour{border-radius:3px}.role-key-colour.starter{background:var(--green)}.role-key-colour.cover{background:var(--yellow)}.role-key-colour.development{background:var(--purple)}.role-key-colour.prospect{background:var(--blue)}.role-key-colour.surplus{background:var(--red)}.role-key-colour.unassigned{background:var(--grey)}.role-key-item strong{display:block;font-size:10px}.role-key-item small{display:block;margin-top:1px;color:var(--muted);font-size:8px}
.depth-empty-state{padding:18px 0;color:var(--muted);font-size:11px}.depth-empty-state p{margin:0}.formation-loading,.formation-error{position:absolute;top:50%;left:50%;z-index:50;transform:translate(-50%,-50%);padding:10px 14px;background:rgba(0,0,0,.7);color:#fff;border-radius:7px;font-size:11px}.formation-error{color:#fca5a5}
.formation-assignment-panel{width:100%;min-width:0;padding:20px;overflow:hidden}.assignment-player-heading{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:14px;margin-bottom:18px}.assignment-player-photo{width:58px;height:58px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#1e3a5f,#172a45);color:#bfdbfe;border:1px solid var(--border);border-radius:50%;font-size:11px;font-weight:850}.assignment-player-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}.assignment-player-heading h2{margin:0 0 3px;overflow:hidden;color:var(--text);font-size:17px;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.assignment-player-heading p{margin:0;color:var(--muted);font-size:10px}.assignment-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:18px}.assignment-comparison>div{min-width:0;padding:10px 11px;background:var(--overlay-soft);border:1px solid var(--border);border-radius:8px}.assignment-comparison span{display:block;margin-bottom:3px;color:var(--muted);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.35px}.assignment-comparison strong{display:block;overflow:hidden;color:var(--text);font-size:11px;font-weight:800;white-space:nowrap;text-overflow:ellipsis}.formation-assignment-panel form{width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:13px;align-items:stretch}.formation-assignment-panel .field{width:100%;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:0}.formation-assignment-panel label{display:block;margin:0;color:var(--muted);font-size:9px;font-weight:750;line-height:1.2}.formation-assignment-panel select,.formation-assignment-panel textarea{width:100%;max-width:100%;min-width:0;margin:0;background:var(--input-bg);color:var(--text);border:1px solid var(--border);border-radius:8px}.formation-assignment-panel select{min-height:40px;padding:8px 10px}.formation-assignment-panel textarea{min-height:90px;padding:10px 11px;resize:vertical;line-height:1.45}.formation-assignment-panel select:focus,.formation-assignment-panel textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.12)}.assignment-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:2px}.assignment-actions button{min-height:40px;margin:0;padding:8px 12px;border-radius:8px;font-size:10px;font-weight:800;line-height:1.2}#saveFormationAssignment{width:100%;background:var(--blue);color:#fff}#cancelFormationAssignment{min-width:74px}.secondary-button{background:var(--panel2);color:var(--text);border:1px solid var(--border)}.secondary-button:hover{background:var(--panel-hover);border-color:var(--border-strong)}.assignment-message{width:100%;margin:0;padding:9px 10px;border:1px solid transparent;border-radius:7px;font-size:9px;line-height:1.4}.assignment-message.info{background:rgba(59,130,246,.1);color:#60a5fa;border-color:rgba(59,130,246,.2)}.assignment-message.success{background:rgba(34,197,94,.1);color:#16a34a;border-color:rgba(34,197,94,.22)}html[data-theme="dark"] .assignment-message.success{color:#86efac}.assignment-message.error{background:rgba(239,68,68,.1);color:var(--red);border-color:rgba(239,68,68,.22)}.formation-depth-player:focus-visible,.depth-detail-player:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
html[data-theme="light"] .topbar{box-shadow:0 1px 8px rgba(15,23,42,.06)}html[data-theme="light"] .panel,html[data-theme="light"] .card,html[data-theme="light"] .pitch-panel{box-shadow:0 3px 14px rgba(15,23,42,.05)}html[data-theme="light"] .depth-detail-photo,html[data-theme="light"] .assignment-player-photo{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}html[data-theme="light"] .formation-depth-card{background:rgba(6,18,24,.94);color:#fff;box-shadow:0 5px 16px rgba(15,23,42,.22)}html[data-theme="light"] .formation-depth-player{background:rgba(255,255,255,.025)}html[data-theme="light"] .depth-player-name,html[data-theme="light"] .formation-depth-header{color:#fff}html[data-theme="light"] .depth-player-role{color:#cbd5e1}
@media (min-width:1400px){.formation-depth-layout{grid-template-columns:minmax(0,2.2fr) minmax(360px,.85fr)}.depth-pitch{max-width:900px}.formation-depth-card{width:165px}}
@media (min-width:1100px) and (max-width:1399px){.formation-depth-layout{grid-template-columns:minmax(0,1fr) 340px}.depth-pitch{max-width:760px}.formation-depth-card{width:145px}.depth-player-name{font-size:8px}.depth-player-role{font-size:6.5px}}
@media (min-width:850px) and (max-width:1099px){.formation-depth-layout{grid-template-columns:1fr}.pitch-panel{width:100%}.depth-pitch{width:100%;max-width:760px}.formation-depth-card{width:140px}.depth-sidebar{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.depth-detail-panel,.formation-assignment-panel{grid-column:1/-1}.formation-assignment-panel{padding:18px}.assignment-actions{grid-template-columns:minmax(0,1fr) 90px}}
@media (min-width:650px) and (max-width:849px){main{padding:24px}.page-title-row,.formation-page-header{flex-direction:column;align-items:stretch}.formation-select,.formation-select select{width:100%}.formation-depth-layout{display:block}.pitch-panel{width:100%;overflow-x:auto;padding:12px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.depth-pitch{width:680px;min-width:680px;max-width:none}.formation-depth-card{width:130px}.depth-sidebar{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.depth-detail-panel,.formation-assignment-panel{grid-column:1/-1}.formation-assignment-panel{padding:18px}.csv-details-grid{grid-template-columns:1fr 1fr}}
@media (max-width:649px){main{padding:18px}.hero{padding:30px 0 20px}.page-title-row,.formation-page-header{flex-direction:column;align-items:stretch;gap:14px}.topbar{position:sticky;top:0;min-height:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand theme" "nav nav";gap:8px 10px;padding:10px 14px 8px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.brand{grid-area:brand;min-width:0;display:flex;align-items:center;gap:8px}.brand b{width:34px;height:34px;flex-shrink:0;border-radius:8px;font-size:12px}.brand span{display:block;min-width:0;overflow:hidden;color:var(--text);font-size:13px;font-weight:750;white-space:nowrap;text-overflow:ellipsis}.theme-control{grid-area:theme;margin-left:0;display:flex;align-items:center;justify-content:flex-end}.theme-toggle{width:34px;height:34px;min-width:34px;min-height:34px;padding:0;flex-shrink:0;border-radius:50%}#themeLabel{display:none}#themeIcon{width:auto;height:auto;font-size:15px}.topbar nav{grid-area:nav;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-left:0;padding-top:7px;border-top:1px solid var(--border)}.topbar nav a{min-width:0;display:flex;align-items:center;justify-content:center;padding:7px 5px;border-radius:7px;color:var(--muted);font-size:10px;font-weight:700;text-align:center;white-space:nowrap}.topbar nav a:hover{background:var(--panel2);color:var(--text)}form,.toolbar{flex-direction:column;align-items:stretch}.toolbar>*{width:100%}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.csv-details-grid{grid-template-columns:1fr}.csv-file-row{flex-direction:column;align-items:stretch}.csv-file-row button{width:100%}.csv-help code{white-space:normal;word-break:break-word}.upload-heading-row{flex-direction:column;align-items:stretch}.template-download-button{width:100%}.formation-select{width:100%;min-width:0}.formation-select select{width:100%}.formation-toolbar{width:100%;overflow-x:auto;padding:9px 10px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.formation-role-legend{width:max-content;min-width:max-content;flex-wrap:nowrap;gap:11px}.formation-legend-item{flex-shrink:0;font-size:8px}.formation-legend-separator{display:none}.formation-depth-layout{display:block}.pitch-panel{width:100%;overflow-x:auto;padding:8px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.depth-pitch{width:620px;min-width:620px;max-width:none;margin:0}.formation-depth-card{width:118px;border-radius:6px}.formation-depth-header{padding:3px 5px}.formation-depth-header strong{font-size:8px}.formation-depth-header span{min-width:16px;height:16px;font-size:7px}.formation-depth-player{min-height:24px;grid-template-columns:3px minmax(0,1fr) auto;gap:4px;padding:3px 4px}.depth-role-marker{width:3px;min-height:18px}.depth-player-name{font-size:7px}.depth-player-role{display:none}.depth-availability-dot{width:6px;height:6px}.formation-depth-empty{padding:7px 5px;font-size:7px}.depth-sidebar{position:static;display:block;margin-top:14px}.depth-sidebar>*{margin-bottom:12px}.depth-detail-panel,.depth-summary-panel,.role-key-panel{padding:16px}.depth-panel-heading{gap:8px}.depth-panel-heading h2{font-size:18px}.depth-count{min-width:32px;height:32px;font-size:13px}.depth-detail-player{grid-template-columns:4px 42px minmax(0,1fr);gap:8px}.depth-detail-photo{width:42px;height:42px}.depth-detail-heading{flex-wrap:wrap}.depth-detail-heading strong{font-size:10px}.depth-detail-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 8px}.formation-assignment-panel{padding:16px}.assignment-player-heading{grid-template-columns:50px minmax(0,1fr);gap:10px}.assignment-player-photo{width:50px;height:50px}.assignment-player-heading h2{font-size:15px}.assignment-comparison,.assignment-actions{grid-template-columns:1fr}.assignment-actions button{width:100%}#cancelFormationAssignment{min-width:0}.depth-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.depth-summary-item{padding:7px}.depth-summary-item strong{font-size:14px}.role-key-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px}.health-layout{grid-template-columns:1fr}}
@media (max-width:419px){main{padding:14px}.topbar{padding:9px 10px 7px}.brand b{width:32px;height:32px;font-size:11px}.brand span{font-size:12px}.theme-toggle{width:32px;height:32px;min-width:32px;min-height:32px}.topbar nav{gap:3px}.topbar nav a{padding:6px 3px;font-size:9px}.kpis{grid-template-columns:1fr}.depth-pitch{width:570px;min-width:570px}.formation-depth-card{width:108px}.formation-depth-header strong{font-size:7px}.depth-player-name{font-size:6.5px}.depth-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.role-key-list{grid-template-columns:1fr}}
@media (max-width:330px){.brand span{display:none}.topbar{grid-template-columns:auto 1fr;grid-template-areas:"brand theme" "nav nav"}.theme-control{justify-self:end}}
@media (max-height:500px) and (orientation:landscape){.formation-page-header{margin-bottom:14px}.formation-toolbar{margin-bottom:10px}.pitch-panel{padding:7px}.depth-sidebar{position:static}}
@media (hover:none){.formation-depth-card:hover{z-index:5;transform:translate(-50%,-50%);border-color:rgba(255,255,255,.26);box-shadow:0 6px 18px rgba(0,0,0,.32)}.formation-depth-card.active{z-index:25;border-color:var(--blue);box-shadow:0 0 0 2px rgba(59,130,246,.24)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Keep tactical position cards completely stationary on hover/active states. */
.formation-depth-card:hover:not(:disabled),.formation-depth-card:active,.formation-depth-card:focus,.formation-depth-card:focus-visible{transform:translate(-50%,-50%);}

/* =========================================================
   SQUAD PAGE
   ========================================================= */

.squad-page-header {
    align-items: flex-end;

    margin-bottom: 4px;
}


.squad-page-header p {
    max-width: 620px;

    margin-bottom: 0;
}


.squad-header-actions {
    display: flex;
    align-items: center;

    gap: 8px;

    flex-shrink: 0;
}


.squad-export-button {
    min-height: 42px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 9px 16px;

    background:
        rgba(34, 197, 94, 0.10);

    color:
        #22c55e;

    border:
        1px solid
        rgba(34, 197, 94, 0.35);

    border-radius: 8px;

    font-size: 11px;
    font-weight: 800;

    transition:
        background 0.15s ease,
        color 0.15s ease,
        border-color 0.15s ease;
}


.squad-export-button:hover {
    background:
        #16a34a;

    color:
        #ffffff;

    border-color:
        #16a34a;
}


.squad-panel {
    overflow: hidden;
}


.squad-toolbar {
    margin-bottom: 4px;
}


.squad-toolbar #playerSearch {
    min-width: 220px;
}


.squad-toolbar select {
    min-width: 155px;
}


.squad-table {
    min-width: 760px;
}


.player-modal-actions {
    display: flex;
    justify-content: flex-end;

    gap: 8px;

    margin-top: 16px;
}


.player-modal-actions button {
    min-width: 90px;
}


/* =========================================================
   SQUAD PAGE MOBILE
   ========================================================= */

@media (max-width: 649px) {

    .squad-page-header {
        align-items: stretch;
    }


    .squad-header-actions {
        width: 100%;
    }


    .squad-export-button {
        width: 100%;
    }


    .squad-toolbar #playerSearch,
    .squad-toolbar select {
        width: 100%;
        min-width: 0;
    }


    .player-modal-actions {
        flex-direction: column-reverse;
    }


    .player-modal-actions button {
        width: 100%;
    }

}

/* =========================================================
   SQUAD HEALTH DASHBOARD
   Append this block to static/css/style.css
   ========================================================= */
.health-dashboard{display:flex;flex-direction:column;gap:26px}.health-page-header{align-items:flex-end}.health-page-header p{margin:0}.health-overall-badge{min-width:170px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:2px 14px;padding:14px 16px;background:var(--panel);border:1px solid var(--border);border-left:5px solid var(--grey);border-radius:12px}.health-overall-badge span{grid-column:1/-1;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}.health-overall-badge strong{font-size:30px;line-height:1}.health-overall-badge small{font-size:10px;font-weight:850;text-transform:uppercase}.risk-healthy{--risk:#22c55e}.risk-stable{--risk:#3b82f6}.risk-vulnerable{--risk:#f59e0b}.risk-critical{--risk:#ef4444}.health-overall-badge[class*="risk-"]{border-left-color:var(--risk)}.health-overall-badge[class*="risk-"] small{color:var(--risk)}.health-error{padding:12px 14px;background:rgba(239,68,68,.1);color:var(--red);border:1px solid rgba(239,68,68,.3);border-radius:9px}.health-kpi-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:11px}.health-kpi{min-width:0;padding:16px;background:var(--panel);border:1px solid var(--border);border-radius:12px}.health-kpi span,.health-kpi small{display:block;color:var(--muted)}.health-kpi span{font-size:9px;font-weight:800;letter-spacing:.45px;text-transform:uppercase}.health-kpi strong{display:block;margin:5px 0 3px;overflow:hidden;font-size:24px;line-height:1.1;white-space:nowrap;text-overflow:ellipsis}.health-kpi small{overflow:hidden;font-size:8px;white-space:nowrap;text-overflow:ellipsis}.health-kpi.warning strong{color:var(--yellow)}.health-section{display:flex;flex-direction:column;gap:14px}.health-section-heading,.health-panel-title{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.health-section-heading h2,.health-panel-title h2{margin:0}.health-section-heading p{max-width:420px;margin:0;text-align:right}.health-chart-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.health-chart-card h3{margin-bottom:18px}.distribution-list{display:flex;flex-direction:column;gap:12px}.distribution-row{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:5px 10px;align-items:center}.distribution-label{grid-column:1/-1;display:flex;justify-content:space-between;gap:10px;font-size:10px}.distribution-label span{color:var(--muted)}.distribution-track,.metric-track{height:7px;overflow:hidden;background:var(--panel2);border-radius:999px}.distribution-fill,.metric-track span{display:block;height:100%;min-width:0;border-radius:inherit}.distribution-row>small{color:var(--muted);font-size:8px;text-align:right}.colour-0{background:var(--blue)}.colour-1{background:var(--green)}.colour-2{background:var(--yellow)}.colour-3{background:var(--purple)}.colour-4{background:var(--orange)}.colour-5{background:var(--grey)}.health-filter{display:flex;align-items:center;gap:8px}.health-filter select{min-width:150px;padding:8px 10px}.position-health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.position-health-card{--risk:var(--grey);padding:18px;background:var(--panel);border:1px solid var(--border);border-top:4px solid var(--risk);border-radius:12px}.position-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.position-card-heading>div:first-child>span{display:block;font-size:18px;font-weight:900}.position-card-heading small{display:block;margin-top:2px;color:var(--muted);font-size:8px}.position-score{text-align:right}.position-score strong{display:block;color:var(--risk);font-size:25px;line-height:1}.position-score small{font-weight:800;text-transform:uppercase}.position-metrics{display:flex;flex-direction:column;gap:9px;margin-top:16px}.position-metrics>div>div:first-child{display:flex;justify-content:space-between;margin-bottom:4px;color:var(--muted);font-size:9px}.position-metrics strong{color:var(--text)}.metric-track span{background:var(--risk)}.position-role-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:16px}.position-role-strip span{padding:7px 3px;background:var(--overlay-soft);color:var(--muted);border:1px solid var(--border);border-radius:6px;font-size:6px;text-align:center;text-transform:uppercase}.position-role-strip b{display:block;margin-bottom:2px;color:var(--text);font-size:12px}.position-risk-reasons{margin:13px 0 0;padding-left:16px;color:var(--muted);font-size:8px}.position-healthy-note{margin:13px 0 0;color:var(--green);font-size:8px}.health-risk-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.health-risk-panel{min-width:0}.health-count{min-width:34px;height:34px;display:grid;place-items:center;padding:0 8px;background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:8px;font-weight:850}.health-list{display:flex;flex-direction:column;margin-top:14px}.health-list-item{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.health-list-item:last-child{border-bottom:0}.health-list-item strong{font-size:10px}.health-list-item ul{margin:5px 0 0;padding-left:15px;color:var(--muted);font-size:8px}.health-list-item p,.health-list-item small{display:block;margin:3px 0 0;color:var(--muted);font-size:8px}.risk-position,.contract-months{height:43px;display:grid;place-items:center;background:var(--panel2);border:1px solid var(--border);border-left:4px solid var(--risk,var(--grey));border-radius:7px;font-size:11px;font-weight:900}.contract-months{display:flex;flex-direction:column;border-left-color:var(--yellow)}.contract-months strong{font-size:14px}.contract-months span{color:var(--muted);font-size:6px;text-transform:uppercase}.health-priority-panel{margin-bottom:20px}.priority-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.priority-card{display:grid;grid-template-columns:34px minmax(0,1fr) 62px;gap:10px;padding:14px;background:var(--overlay-soft);border:1px solid var(--border);border-radius:9px}.priority-rank{width:30px;height:30px;display:grid;place-items:center;background:var(--panel2);border-radius:7px;font-size:11px;font-weight:900}.priority-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.priority-heading strong{font-size:12px}.priority-heading span{padding:3px 6px;background:rgba(100,116,139,.18);border-radius:999px;font-size:7px;font-weight:850}.priority-high .priority-heading span{background:rgba(239,68,68,.14);color:var(--red)}.priority-medium .priority-heading span{background:rgba(245,158,11,.14);color:var(--yellow)}.priority-content>small{color:#60a5fa;font-size:8px}.priority-content ul{margin:7px 0 0;padding-left:15px;color:var(--muted);font-size:8px}.priority-score{text-align:right}.priority-score strong{display:block;font-size:18px}.priority-score span{color:var(--muted);font-size:6px;text-transform:uppercase}.health-empty,.health-loading{grid-column:1/-1;padding:22px;color:var(--muted);text-align:center}.health-empty.error{color:var(--red)}
@media(max-width:1199px){.health-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.health-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.position-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:749px){.health-page-header,.health-section-heading{align-items:stretch;flex-direction:column}.health-overall-badge{width:100%}.health-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.health-chart-grid,.health-risk-layout,.priority-grid{grid-template-columns:1fr}.health-section-heading p{text-align:left}.health-section-heading{align-items:flex-start}.health-filter{width:100%;align-items:stretch;flex-direction:column}.health-filter select{width:100%}.position-health-grid{grid-template-columns:1fr}}
@media(max-width:419px){.health-kpi-grid{grid-template-columns:1fr}.health-section-heading,.health-panel-title{align-items:flex-start}.health-panel-title{flex-wrap:wrap}.priority-card{grid-template-columns:30px minmax(0,1fr)}.priority-score{grid-column:2;text-align:left}.position-role-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Append to static/css/style.css */
.position-health-card{cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.position-health-card:hover{transform:translateY(-2px);border-color:var(--risk);box-shadow:0 8px 24px var(--shadow)}.position-health-card:focus-visible{outline:3px solid rgba(59,130,246,.25);outline-offset:3px}.position-health-card.selected{border-color:var(--risk);box-shadow:0 0 0 2px var(--risk)}.position-detail-panel{--risk:var(--blue);border-top:4px solid var(--risk)}.position-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.position-detail-header h2{margin-bottom:4px}.position-detail-header p{margin:0}.position-detail-actions{display:flex;align-items:center;gap:10px}.position-detail-score{text-align:right}.position-detail-score strong{display:block;color:var(--risk);font-size:30px;line-height:1}.position-detail-score span{color:var(--risk);font-size:9px;font-weight:850;text-transform:uppercase}.position-confidence-row{display:flex;justify-content:space-between;gap:12px;margin-top:16px;padding:10px 12px;background:var(--overlay-soft);border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:9px}.position-confidence-row strong{color:var(--text)}.position-detail-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:14px}.detail-metric{padding:11px;background:var(--panel2);border-radius:8px}.detail-metric>span{color:var(--muted);font-size:8px}.detail-metric>strong{display:block;margin:3px 0 7px;font-size:18px}.detail-metric .metric-track span{background:var(--risk)}.position-detail-body{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:18px;margin-top:18px}.position-detail-body h3{font-size:12px}.position-detail-players{border-top:1px solid var(--border)}.position-detail-player{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:11px 0;border-bottom:1px solid var(--border)}.position-detail-player>div:first-child strong{display:block;font-size:10px}.position-detail-player small{color:var(--muted);font-size:8px}.position-detail-player-meta{display:flex;align-items:center;gap:10px;text-align:right}.position-detail-player-meta>strong{min-width:60px;font-size:9px}.position-detail-reasons{margin:0;padding:14px 14px 14px 28px;background:var(--overlay-soft);border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:9px}.position-detail-reasons li+li{margin-top:7px}@media(max-width:749px){.position-detail-header,.position-confidence-row{flex-direction:column}.position-detail-actions{width:100%;justify-content:space-between}.position-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.position-detail-body{grid-template-columns:1fr}.position-detail-player{grid-template-columns:1fr}.position-detail-player-meta{justify-content:flex-start;text-align:left}}@media(max-width:419px){.position-detail-metrics{grid-template-columns:1fr}}

/* =========================================================
   RECRUITMENT PRIORITIES UI
   ========================================================= */
.recruitment-section{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.recruitment-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.recruitment-summary-card{padding:15px 16px;background:var(--panel);border:1px solid var(--border);border-left:4px solid var(--blue);border-radius:11px}.recruitment-summary-card.high{border-left-color:var(--red)}.recruitment-summary-card.medium{border-left-color:var(--yellow)}.recruitment-summary-card.assess{border-left-color:var(--purple)}.recruitment-summary-card span,.recruitment-summary-card small{display:block;color:var(--muted)}.recruitment-summary-card span{font-size:8px;font-weight:850;letter-spacing:.45px;text-transform:uppercase}.recruitment-summary-card strong{display:block;margin:3px 0;font-size:24px}.recruitment-summary-card small{font-size:8px}.recruitment-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);gap:14px;align-items:start}.recruitment-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:14px 0}.recruitment-toolbar select{min-width:170px;padding:8px 10px}.recruitment-priority-list,.assessment-required-list{display:flex;flex-direction:column;gap:9px}.recruitment-need-card{--priority:var(--grey);display:grid;grid-template-columns:32px minmax(0,1fr) 68px;gap:11px;padding:13px;background:var(--overlay-soft);border:1px solid var(--border);border-left:4px solid var(--priority);border-radius:9px}.recruitment-need-card.priority-high{--priority:var(--red)}.recruitment-need-card.priority-medium{--priority:var(--yellow)}.recruitment-need-card.priority-low{--priority:var(--blue)}.recruitment-need-card.priority-monitor{--priority:var(--grey)}.recruitment-card-rank{width:28px;height:28px;display:grid;place-items:center;background:var(--panel2);border-radius:7px;font-size:11px;font-weight:900}.recruitment-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.recruitment-card-heading>div{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.recruitment-card-heading strong{font-size:14px}.need-type-badge,.priority-level-badge{display:inline-flex;padding:3px 7px;border-radius:999px;font-size:7px;font-weight:850;text-transform:uppercase}.need-type-badge{background:rgba(59,130,246,.12);color:#60a5fa}.need-immediate .need-type-badge{background:rgba(239,68,68,.13);color:var(--red)}.need-succession .need-type-badge{background:rgba(139,92,246,.14);color:var(--purple)}.need-development .need-type-badge{background:rgba(34,197,94,.13);color:var(--green)}.need-temporary-cover .need-type-badge{background:rgba(245,158,11,.14);color:var(--yellow)}.priority-level-badge{background:color-mix(in srgb,var(--priority) 14%,transparent);color:var(--priority)}.recruitment-card-context{display:flex;flex-wrap:wrap;gap:5px 12px;margin-top:5px;color:var(--muted);font-size:8px}.recruitment-reasons{margin:8px 0 0;padding-left:16px;color:var(--muted);font-size:8px}.recruitment-warning{margin-top:8px;padding:7px 9px;background:rgba(245,158,11,.08);color:var(--yellow);border:1px solid rgba(245,158,11,.2);border-radius:6px;font-size:8px}.recruitment-warning span{display:block}.recruitment-metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:9px}.recruitment-metric-strip div{padding:6px;background:var(--panel2);border-radius:5px;text-align:center}.recruitment-metric-strip span{display:block;color:var(--muted);font-size:6px;text-transform:uppercase}.recruitment-metric-strip strong{display:block;font-size:10px}.recruitment-card-score{text-align:right}.recruitment-card-score strong{display:block;color:var(--priority);font-size:20px;line-height:1}.recruitment-card-score span{display:block;margin-top:3px;color:var(--muted);font-size:6px;text-transform:uppercase}.assessment-intro{margin:12px 0 14px;font-size:9px}.assessment-gap-card{padding:12px;background:var(--overlay-soft);border:1px solid var(--border);border-left:4px solid var(--purple);border-radius:8px}.assessment-gap-position,.assessment-coverage>div:first-child,.assessment-gap-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.assessment-gap-position strong{font-size:12px}.assessment-gap-position span,.assessment-coverage span,.assessment-gap-meta{color:var(--muted);font-size:8px}.assessment-coverage{margin-top:10px}.assessment-coverage strong{font-size:10px}.assessment-progress{height:6px;margin-top:5px;overflow:hidden;background:var(--panel2);border-radius:999px}.assessment-progress span{display:block;height:100%;background:var(--purple);border-radius:inherit}.assessment-gap-meta{margin-top:8px}.assessment-gap-card p{margin:8px 0 0;color:var(--muted);font-size:8px;line-height:1.45}
@media(max-width:999px){.recruitment-layout{grid-template-columns:1fr}.assessment-required-panel{order:-1}.recruitment-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:649px){.recruitment-section-heading{align-items:flex-start}.recruitment-toolbar{align-items:stretch;flex-direction:column}.recruitment-toolbar select{width:100%;min-width:0}.recruitment-need-card{grid-template-columns:28px minmax(0,1fr)}.recruitment-card-score{grid-column:2;text-align:left}.recruitment-metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:419px){.recruitment-summary-grid{grid-template-columns:1fr}.recruitment-card-heading{flex-direction:column}.recruitment-card-context{flex-direction:column;gap:3px}}


/* =========================================================
   ASSESSMENT PROGRESS UI
   ========================================================= */
.assessment-progress-panel{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.75fr);gap:20px;margin:18px 0 22px;padding:20px;border-top:4px solid var(--blue)}
.assessment-progress-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.assessment-progress-heading h2{margin:0}.assessment-progress-score{text-align:right}.assessment-progress-score strong{display:block;color:var(--blue);font-size:28px;line-height:1}.assessment-progress-score span{color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase}
.assessment-progress-track{height:10px;margin-top:14px;overflow:hidden;background:var(--panel2);border-radius:999px}.assessment-progress-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--blue),var(--green));border-radius:inherit;transition:width .35s ease}
.assessment-progress-main>p{margin:10px 0 0;font-size:10px}.assessment-progress-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}.assessment-progress-stats div{padding:9px 10px;background:var(--overlay-soft);border:1px solid var(--border);border-radius:8px}.assessment-progress-stats span{display:block;color:var(--muted);font-size:7px;text-transform:uppercase}.assessment-progress-stats strong{display:block;margin-top:2px;font-size:16px}
.assessment-next-step{display:flex;flex-direction:column;padding:16px;background:var(--panel2);border:1px solid var(--border);border-radius:10px}.assessment-next-label{color:#60a5fa;font-size:8px;font-weight:850;letter-spacing:.5px;text-transform:uppercase}.assessment-next-step>strong{margin-top:5px;font-size:14px}.assessment-next-step>p{margin:6px 0 14px;font-size:9px;line-height:1.5}.assessment-next-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:auto}.assessment-primary-action,.assessment-secondary-action{min-height:36px;display:flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:7px;font-size:9px;font-weight:800;text-align:center}.assessment-primary-action{background:var(--blue);color:#fff}.assessment-secondary-action{background:var(--panel);color:var(--text);border:1px solid var(--border)}
@media(max-width:899px){.assessment-progress-panel{grid-template-columns:1fr}.assessment-progress-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:499px){.assessment-progress-heading{flex-direction:column}.assessment-progress-score{text-align:left}.assessment-progress-stats{grid-template-columns:1fr 1fr}.assessment-next-actions{grid-template-columns:1fr}}

/* SQUAD GUIDANCE UI */
.squad-guidance-panel{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:18px;margin:18px 0 22px;border-top:4px solid var(--blue)}.squad-guidance-heading{display:flex;justify-content:space-between;gap:14px}.squad-guidance-heading h2{margin:0}.squad-guidance-score{text-align:right}.squad-guidance-score strong{display:block;color:var(--blue);font-size:28px;line-height:1}.squad-guidance-score span,.squad-guidance-stats span,.squad-guidance-next>span{color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase}.squad-guidance-track{height:10px;margin-top:14px;overflow:hidden;background:var(--panel2);border-radius:999px}.squad-guidance-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--green));border-radius:inherit;transition:width .3s ease}.squad-guidance-main>p{margin:10px 0 0;font-size:10px}.squad-guidance-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}.squad-guidance-stats div{padding:9px;background:var(--overlay-soft);border:1px solid var(--border);border-radius:7px}.squad-guidance-stats strong{display:block;margin-top:2px;font-size:15px}.squad-guidance-next{display:flex;flex-direction:column;padding:15px;background:var(--panel2);border:1px solid var(--border);border-radius:9px}.squad-guidance-next>strong{margin-top:5px;font-size:14px}.squad-guidance-next>p{margin:6px 0 13px;font-size:9px}.squad-guidance-next>div{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:auto}.squad-guidance-next a{min-height:36px;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:7px;font-size:9px;font-weight:800;text-align:center}.squad-guidance-next a:first-child{background:var(--blue);color:#fff}.squad-guidance-next a:last-child{background:var(--panel);border:1px solid var(--border)}@media(max-width:850px){.squad-guidance-panel{grid-template-columns:1fr}.squad-guidance-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:499px){.squad-guidance-heading{flex-direction:column}.squad-guidance-score{text-align:left}.squad-guidance-next>div{grid-template-columns:1fr}}

/* FORMATION COMPLETENESS UI */
.formation-completeness-panel{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:18px;margin:18px 0 20px;border-top:4px solid var(--purple)}.formation-completeness-heading{display:flex;justify-content:space-between;gap:14px}.formation-completeness-heading h2{margin:0}.formation-completeness-score{text-align:right}.formation-completeness-score strong{display:block;color:var(--purple);font-size:28px;line-height:1}.formation-completeness-score span,.formation-completeness-stats span,.formation-completeness-next>span{color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase}.formation-completeness-track{height:10px;margin-top:14px;overflow:hidden;background:var(--panel2);border-radius:999px}.formation-completeness-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--purple),var(--blue));border-radius:inherit;transition:width .3s ease}.formation-completeness-main>p{margin:10px 0 0;font-size:10px}.formation-completeness-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}.formation-completeness-stats div{padding:9px;background:var(--overlay-soft);border:1px solid var(--border);border-radius:7px}.formation-completeness-stats strong{display:block;margin-top:2px;font-size:15px}.formation-completeness-next{display:flex;flex-direction:column;padding:15px;background:var(--panel2);border:1px solid var(--border);border-radius:9px}.formation-completeness-next>strong{margin-top:5px;font-size:14px}.formation-completeness-next>p{margin:6px 0 13px;font-size:9px}.formation-completeness-next>div{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:auto}.formation-completeness-next a{min-height:36px;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:7px;font-size:9px;font-weight:800;text-align:center}.formation-completeness-next a:first-child{background:var(--purple);color:#fff}.formation-completeness-next a:last-child{background:var(--panel);border:1px solid var(--border)}@media(max-width:850px){.formation-completeness-panel{grid-template-columns:1fr}.formation-completeness-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:499px){.formation-completeness-heading{flex-direction:column}.formation-completeness-score{text-align:left}.formation-completeness-next>div{grid-template-columns:1fr}}

/* HOME POLISH UI */
.excel-compact-help{display:flex;align-items:center;gap:10px;margin-top:14px;padding:11px 13px;background:var(--overlay-soft);border:1px solid var(--border);border-radius:8px}.excel-compact-help strong{font-size:10px}.excel-compact-help span{color:var(--muted);font-size:9px}.club-delete-button{margin-top:12px;padding:6px 9px;background:transparent;color:var(--red);border:1px solid rgba(239,68,68,.3);font-size:8px}.club-delete-button:hover:not(:disabled){background:var(--red);color:#fff}.brand span{max-width:330px}.topbar nav a:first-child{color:var(--text)}@media(max-width:649px){.excel-compact-help{align-items:flex-start;flex-direction:column}.brand span{max-width:210px}}

/* HOME POLISH FIX */
.brand span{display:flex;flex-direction:column;line-height:1.15}.brand span small{display:block;margin-top:2px;color:var(--muted);font-size:9px;font-weight:650}.topbar nav a[href="/"]{color:var(--text)}@media(max-width:649px){.brand span small{font-size:7px}}

/* DELETE CLUB BUTTON */
.club-delete-button{width:100%;margin-top:8px;padding:7px 10px;background:transparent;color:var(--red);border:1px solid rgba(239,68,68,.32);border-radius:7px;font-size:9px;font-weight:800}.club-delete-button:hover:not(:disabled){background:var(--red);color:#fff;border-color:var(--red)}.club-delete-button:disabled{opacity:.55;cursor:wait}

/* CLUB CARD DELETE LAYOUT FIX */
.grid:has(.club-delete-button){grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.grid:has(.club-delete-button)>a{min-height:124px}.grid:has(.club-delete-button)>.club-delete-button{width:auto;min-height:0;align-self:end;justify-self:start;margin:-48px 0 16px 22px;padding:5px 9px;position:relative;z-index:2;background:transparent;color:var(--red);border:1px solid rgba(239,68,68,.32);border-radius:6px;font-size:8px;font-weight:800}.grid:has(.club-delete-button)>.club-delete-button:hover:not(:disabled){background:var(--red);color:#fff}.grid:has(.club-delete-button)>a+.club-delete-button{margin-left:22px}@media(max-width:649px){.grid:has(.club-delete-button)>.club-delete-button{margin-left:18px}}

/* CLUB CARD DELETE LAYOUT FIX */
.grid:has(.club-delete-button){grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.grid:has(.club-delete-button)>a{min-height:124px}.grid:has(.club-delete-button)>.club-delete-button{width:auto;min-height:0;align-self:end;justify-self:start;margin:-48px 0 16px 22px;padding:5px 9px;position:relative;z-index:2;background:transparent;color:var(--red);border:1px solid rgba(239,68,68,.32);border-radius:6px;font-size:8px;font-weight:800}.grid:has(.club-delete-button)>.club-delete-button:hover:not(:disabled){background:var(--red);color:#fff}.grid:has(.club-delete-button)>a+.club-delete-button{margin-left:22px}@media(max-width:649px){.grid:has(.club-delete-button)>.club-delete-button{margin-left:18px}}

/* CLUB CARD DELETE LAYOUT FIX */
.grid:has(.club-delete-button){grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.grid:has(.club-delete-button)>a{min-height:124px}.grid:has(.club-delete-button)>.club-delete-button{width:auto;min-height:0;align-self:end;justify-self:start;margin:-48px 0 16px 22px;padding:5px 9px;position:relative;z-index:2;background:transparent;color:var(--red);border:1px solid rgba(239,68,68,.32);border-radius:6px;font-size:8px;font-weight:800}.grid:has(.club-delete-button)>.club-delete-button:hover:not(:disabled){background:var(--red);color:#fff}.grid:has(.club-delete-button)>a+.club-delete-button{margin-left:22px}@media(max-width:649px){.grid:has(.club-delete-button)>.club-delete-button{margin-left:18px}}

/* DELETE BUTTON INSIDE CLUB CARD */
.grid:has(.club-delete-corner){grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.grid:has(.club-delete-corner)>a{position:relative;min-height:124px;padding-right:72px}.grid:has(.club-delete-corner)>.club-delete-button{margin:0}.club-delete-button.club-delete-corner{position:absolute;top:12px;right:12px;width:auto;min-width:0;min-height:0;margin:0;padding:4px 7px;background:transparent;color:var(--red);border:1px solid rgba(239,68,68,.35);border-radius:6px;font-size:7px;font-weight:850;line-height:1.2;z-index:3}.club-delete-button.club-delete-corner:hover:not(:disabled){background:var(--red);color:#fff;border-color:var(--red);transform:none}@media(max-width:649px){.grid:has(.club-delete-corner)>a{padding-right:66px}.club-delete-button.club-delete-corner{top:10px;right:10px}}

/* COMPACT FORMATION SELECTOR */
.formation-select-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}.formation-plan-grid{display:grid!important;grid-template-columns:repeat(5,minmax(110px,1fr));gap:8px;width:100%;margin:10px 0 16px}.formation-plan-grid .formation-tab{min-height:38px;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--text);font-size:10px;font-weight:800;text-align:center}.formation-plan-grid .formation-tab:hover{background:var(--panel-hover);border-color:var(--border-strong);transform:none}.formation-plan-grid .formation-tab.active,.formation-plan-grid .formation-tab[aria-selected="true"]{background:var(--blue);color:#fff;border-color:var(--blue)}@media(max-width:899px){.formation-plan-grid{grid-template-columns:repeat(3,minmax(105px,1fr))}}@media(max-width:549px){.formation-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.formation-plan-grid .formation-tab{font-size:9px}}