:root{--bg:#272b31;--panel:#383d45;--panel2:#424850;--line:#555d68;--text:#f7f9fc;--muted:#c0c7d0;--accent:#49e8ad}
body{background:linear-gradient(#252a30c7,#252a30df),url("assets/home/club-campus-sunrise.jpg") center top/cover fixed no-repeat}
.topbar{background:#343941e8;border-bottom-color:#59616d;box-shadow:0 8px 24px #11151b55;backdrop-filter:blur(10px)}
.panel{background:#393e46ed;border-color:#66707c;box-shadow:0 10px 24px #11151b3d;backdrop-filter:blur(7px)}
.nav-button:hover,.nav-button.active{background:#4a515b;border-color:#68717e}
.club-badge span,.profile-crest{box-shadow:0 8px 20px #16191e55}
.content-page,.dashboard-page{background:transparent}
.page-title{padding:19px 21px;background:#353a42ed;border:1px solid #626b77;border-radius:16px;box-shadow:0 8px 20px #11151b2e;backdrop-filter:blur(7px)}
.club-budget-box,.transfer-head-stats,.academy-head-stats{background:#464c55;border-color:#66707c}
.button.secondary{background:#515966}.button.glass{background:#69717b66;border-color:#dce2e955}
select,input{background:#474d56;color:#fff;border-color:#68717e}
.filter{background:#444a53;border-color:#606975}.filter.active{background:#596371}
.player-row:hover{background:#4a5059}.player-row,.event{border-color:#59616d}

/* Club Hub: every information group is a visible grey card. */
.home-hero{border-color:#69717e;background:#3a3f47;box-shadow:0 18px 40px #11151b55}
.home-hero-overlay{background:linear-gradient(90deg,#30353bed 0%,#30353bc4 38%,#30353b30 70%,#30353b73 100%),linear-gradient(0deg,#30353bd9 0%,transparent 48%)}
.hero-fixture,.hero-club-stats div{background:#464c55e8;border-color:#79828f}
.home-metrics article{background:#3d424aed;border-color:#6b7581;box-shadow:0 8px 18px #15191e30;backdrop-filter:blur(7px)}
.home-grid-new>.panel{background:#393e46ed;border-color:#69737f}
.daily-task,.home-news-item,.result-row{margin:7px 0;padding:11px 12px;background:#464c55;border:1px solid #59626e;border-radius:10px}
.daily-task{grid-template-columns:30px 1fr auto}.daily-task.complete{background:#3d514a;border-color:#527666}
.home-news-item:last-child,.result-row:last-child{border:1px solid #59626e}
.home-cup-card{padding:22px;background:#393e46ed;border:1px solid #69737f;border-radius:16px;box-shadow:0 10px 24px #11151b3d;backdrop-filter:blur(7px)}
.home-quick-grid button{background:#41464e;border-color:#69717e;box-shadow:0 10px 22px #11151b3d}
.home-quick-grid button:after{background:linear-gradient(transparent,#343941f2)}

/* Lists and operational panels use raised grey surfaces instead of black wells. */
.overview-stats div,.schedule-row,.trophy-item,.management-benefit,.facility-visual,.ticket-estimate span,.sponsor-terms span,.ledger-row,.academy-player-detail>div,.training-skill,.player-detail,.transfer-player-detail>div{background:#474d56;border-color:#626b77}
.schedule-row.current{background:#3d594e}.cup-round{background:#4a5059}.cup-round.won{background:#3d594e}
.roster-panel,.controls,.opponent-panel,.report-panel,.manual-help,.match-actions,.saved-schemes{background:#393e46}

/* Staff portraits */
.staff-management-card{min-height:520px;overflow:hidden}
.staff-visual{position:relative;height:245px;margin:12px -18px 2px;overflow:hidden;background:radial-gradient(circle at 50% 32%,#69727e 0,#4b515a 38%,#363b43 76%);border-top:1px solid #626b77;border-bottom:1px solid #626b77}
.staff-visual:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,#393e46)}
.staff-visual img{position:absolute;z-index:1;width:100%;height:118%;left:0;top:-5%;object-fit:contain;filter:drop-shadow(0 12px 14px #1118)}
.staff-card-visual{grid-template-columns:96px 1fr;align-items:center;padding:0 16px 0 0;overflow:hidden}
.staff-card-visual>img{width:96px;height:112px;object-fit:contain;align-self:end;background:radial-gradient(circle at 50% 35%,#69727e,#3b4048 72%)}
.staff-card-visual>div{display:grid;gap:6px}

@media(max-width:1050px){.staff-management-card{min-height:490px}.staff-visual{height:230px}}
@media(max-width:650px){.page-title{padding:15px}.staff-management-card{min-height:0}.staff-visual{height:280px}}