/* Shared monochrome theme; loaded last so every workspace panel agrees. */
:root{color-scheme:light;color:#171717;background:#ededed}
body{background:#ededed!important;color:#171717!important}
header{background:#151515!important;color:#fff!important}
header small,header p{color:#d4d4d4!important}
a{color:#292929!important;text-decoration:underline;text-underline-offset:3px}
button{background:#202020!important;border-color:#202020!important;color:#fff!important}
button:hover{background:#3a3a3a!important;border-color:#3a3a3a!important}
button.secondary,.header-account button,.college-tabs button{background:#fff!important;color:#202020!important;border-color:#a8a8a8!important}
button.secondary:hover,.header-account button:hover,.college-tabs button:hover{background:#e4e4e4!important;color:#111!important}
.college-tabs [aria-selected=true],.position-tabs button[aria-pressed=true]{background:#202020!important;color:#fff!important;border-color:#202020!important}
input,select,textarea{background:#fff!important;color:#171717!important;border-color:#999!important}
input::placeholder,textarea::placeholder{color:#666!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #555!important;outline-offset:3px}
.panel,.stat,#privateLogin,dialog{background:#fff!important;color:#171717!important;border-color:#b6b6b6!important}
.muted,.profile,.empty,.roster-source,.roster-card-summary,.position-need-summary{color:#555!important}
.school-tile{background:#fff!important;border-color:#b2b2b2!important;box-shadow:0 3px 12px #0000000c!important}
.school-tile:hover{border-color:#555!important;box-shadow:0 8px 22px #00000018!important}
.school-tile .school{background:#fff!important;color:#202020!important;border:0!important}
.school-tile .school:hover,.school-tile .school.active{background:#f1f1f1!important}
.school-tile.email-sent,.school-tile.email-sent .school{background:#e3e3e3!important;border-color:#aaa!important}
.school-tile.email-sent .school:hover,.school-tile.email-sent .school.active{background:#d7d7d7!important}
.school-tile .school strong,.card-contact-name,.card-value{color:#171717!important}
.card-top,.card-rank,.card-role,.card-tier,.card-counts,.card-label{color:#515151!important}
.card-contact,.card-activity,.row,.roster-table td,.roster-table th{border-color:#ccc!important}
.badge,.card-status,.card-status.sent,.card-status.interest,.tag{background:#eee!important;color:#262626!important;border-color:#aaa!important}
.school-tile.email-sent .card-status{background:#ccc!important;color:#151515!important}
.school-tile .email-action{background:#222!important;color:#fff!important;border-color:#222!important}
.school-tile .email-action:hover{background:#444!important}
.school-mark{background:#fff!important;border-color:#bcbcbc!important;color:#222!important}
.college-result,.roster-year,.roster-table th{background:#f3f3f3!important;border-color:#bcbcbc!important;color:#222!important}
.college-links a{background:#fff!important;border-color:#aaa!important;color:#222!important}
.position-tabs button{background:#e8e8e8!important;color:#252525!important;border-color:#aaa!important}
.follow,.roster-notice,#emailPreview{background:#eee!important;color:#292929!important;border:1px solid #c5c5c5!important}
#message,#message.error,#emailNotice,#profileSaveNotice,#collegeAddMessage,#collegeImportMessage,#collegeImportMessage.error,#accountConnectionNotice{color:#292929!important}
#message.error,#collegeImportMessage.error,#profileSaveNotice{font-weight:600}
#googleSignIn,#accountGoogleLink a{background:#222!important;color:#fff!important;text-decoration:none}
dialog::backdrop{background:#0009!important}
@media print{body,header{background:white!important;color:black!important}header small,header p{color:black!important}}


/* White school information section, including contacted schools. */
.school-tile.email-sent .school,.school-tile.email-sent .school:hover,.school-tile.email-sent .school.active,.school-tile .school:hover,.school-tile .school.active{background:#fff!important}

/* Black school information sections. */
.school-tile .school,.school-tile .school:hover,.school-tile .school.active,.school-tile.email-sent .school,.school-tile.email-sent .school:hover,.school-tile.email-sent .school.active{background:#111!important;color:#fff!important}
.school-tile .school strong,.school-tile .card-contact-name,.school-tile .card-value{color:#fff!important}
.school-tile .card-top,.school-tile .card-rank,.school-tile .card-role,.school-tile .card-tier,.school-tile .card-counts,.school-tile .card-label,.school-tile .position-need-summary{color:#ccc!important}
.school-tile .card-contact,.school-tile .card-activity{border-color:#555!important}

/* School identity is a separate white card within the black information panel. */
.school-tile .school>.school-identity{grid-column:1/-1;display:flex;align-items:center;gap:14px;margin:15px 0;padding:12px;background:#fff!important;border:1px solid #ddd;border-radius:12px;min-width:0}
.school-tile .school .school-identity strong{margin:0!important;color:#111!important;min-width:0;overflow-wrap:anywhere}
.school-tile .school .school-identity .school-mark{margin:0;border:0!important;padding:3px;background:#fff!important}

/* Signed-in identity and logout remain usable on narrow screens. */
header{padding-right:460px}.header-account{max-width:430px;align-items:center}.header-account #headerAccount{max-width:310px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-account #headerLogOut{flex-shrink:0}@media(max-width:1000px){header{padding-right:25px}.header-account{position:static;max-width:none;flex-wrap:wrap;margin-top:22px}.header-account #headerAccount{max-width:100%;width:auto}.header-account #headerLogOut{width:auto}}

/* Account control sits at the lower-right edge of the header. */
header{padding-right:5%;padding-bottom:88px}.header-account{top:auto;bottom:22px;right:5%;position:absolute;max-width:min(430px,90%);margin-top:0}.header-account #headerAccount{max-width:100%}@media(max-width:1000px){header{padding-right:25px;padding-bottom:88px}.header-account{position:absolute;top:auto;bottom:22px;right:25px;max-width:calc(100% - 50px);margin-top:0}}

/* Consistent account-menu actions, with a clear primary logout row. */
#accountDialog #accountQuickActions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0 0 22px}
#accountDialog #accountQuickActions button{display:block;width:100%;min-height:48px;margin:0;padding:13px 16px;text-align:left;border-radius:9px;font-weight:600;box-shadow:none}
#accountDialog #accountSignOut{background:#202020!important;color:#fff!important;border-color:#202020!important}
#accountDialog #accountSignOut:hover{background:#383838!important}
#accountDialog #coachHistoryButton{background:#f7f7f7!important;color:#222!important;border-color:#d3d3d3!important}
#accountDialog #coachHistoryButton::after{content:'›';float:right;font-size:20px;line-height:1}
#accountDialog #checkSchoolUpdates,#accountDialog #openGmailConnection,#accountDialog #accountProfileControls button{display:block;width:100%;min-height:48px;padding:13px 16px;text-align:left;border-radius:9px;font-weight:600}
#accountDialog #cloudAccount{grid-template-columns:minmax(0,1fr)}

/* Refined recruiting-profile header typography. */
header{padding-top:38px;border-bottom:1px solid #303030}
header small{display:block;font-size:11px;font-weight:600;letter-spacing:2px;line-height:1.5;color:#bdbdbd!important}
header h1{font-size:clamp(32px,4vw,52px);font-weight:650;letter-spacing:-1.3px;line-height:1.12;margin:13px 0 15px;overflow-wrap:anywhere}
header>p{font-size:16px;font-weight:400;line-height:1.65;color:#d5d5d5!important;margin:0;max-width:850px}
@media(max-width:620px){header{padding-top:28px}header small{font-size:10px;letter-spacing:1.6px}header h1{letter-spacing:-.8px}header>p{font-size:14px}}
@media print{header h1{font-size:22pt}header small,header>p{color:#222!important}}

/* Compact, aligned player masthead and workspace navigation. */
header{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:32px;row-gap:0;padding:30px max(26px,calc((100% - 1348px)/2));border-bottom:1px solid #303030}
header>small{grid-column:1;grid-row:1;font-size:10px;letter-spacing:1.8px;line-height:1.5;color:#aaa!important}
header>h1{grid-column:1;grid-row:2;font-size:clamp(30px,3.4vw,46px);font-weight:650;line-height:1.15;letter-spacing:-1.1px;margin:10px 0 12px}
header>p{grid-column:1;grid-row:3;font-size:14px;line-height:1.6;margin:0;color:#c4c4c4!important}
header>.header-account{position:static;grid-column:2;grid-row:2/4;align-self:end;justify-self:end;max-width:330px;margin:0;top:auto;right:auto;bottom:auto;flex-wrap:nowrap}
header .header-account #headerAccount,header .header-account #headerSignIn{width:auto;max-width:330px;min-height:42px;padding:10px 14px;border-radius:8px;background:#242424!important;border:1px solid #484848!important;color:#f5f5f5!important;font-size:13px;font-weight:500;line-height:1.5}
header .header-account #headerAccount::after{content:'⌄';margin-left:14px;color:#bbb}
header .header-account #headerAccount:hover,header .header-account #headerSignIn:hover{background:#333!important;border-color:#777!important}
main{padding-top:22px}
.college-tabs{display:inline-flex;width:fit-content;max-width:100%;gap:4px;padding:5px;border:1px solid #d5d5d5;border-radius:11px;background:#fff;margin:0 0 24px}
.college-tabs button{min-height:40px;padding:9px 17px;border:0!important;border-radius:7px;font-size:14px;font-weight:600;background:transparent!important;color:#555!important;box-shadow:none}
.college-tabs button[aria-selected="true"]{background:#202020!important;color:#fff!important}
.college-tabs button[aria-selected="false"]:hover{background:#f0f0f0!important;color:#111!important}
@media(max-width:760px){header{display:block;padding:26px 22px}header>h1{font-size:34px;letter-spacing:-.8px}header>p{font-size:13px}header>.header-account{position:static;justify-content:flex-end;max-width:100%;margin:20px 0 0}header .header-account #headerAccount{max-width:100%}main{padding-top:18px}.college-tabs{display:flex;width:100%;margin-bottom:20px}.college-tabs button{flex:1;padding:9px 12px;font-size:13px}}
@media print{header{display:block;padding:0;border:0}header>h1{font-size:22pt}header>small,header>p{color:#222!important}.college-tabs{display:none!important}}

/* Zachary's academy mark sits beside his recruiting identity. */
header.has-player-logo{grid-template-columns:104px minmax(0,1fr) auto;column-gap:24px}
header>.player-header-logo{display:block;grid-column:1;grid-row:1/4;align-self:center;width:104px;height:104px;object-fit:contain;border-radius:8px}
header.has-player-logo>small,header.has-player-logo>h1,header.has-player-logo>p{grid-column:2}
header.has-player-logo>.header-account{grid-column:3}
@media(max-width:760px){header.has-player-logo{display:grid;grid-template-columns:76px minmax(0,1fr);column-gap:16px}header>.player-header-logo{width:76px;height:76px}header.has-player-logo>h1{font-size:30px;margin:8px 0}header.has-player-logo>.header-account{grid-column:1/-1;grid-row:4;justify-self:end;margin-top:20px}header.has-player-logo>small{font-size:9px;letter-spacing:1.2px}}
@media print{header>.player-header-logo{display:none!important}}

/* Larger academy logo with balanced space beside the player identity. */
header.has-player-logo{grid-template-columns:160px minmax(0,1fr) auto;column-gap:28px}
header>.player-header-logo{width:160px;height:160px}
@media(max-width:760px){header.has-player-logo{grid-template-columns:108px minmax(0,1fr);column-gap:18px}header>.player-header-logo{width:108px;height:108px}header.has-player-logo>h1{font-size:28px}}

/* Keep the identity lines together rather than stretching them across logo rows. */
header.has-header-identity{grid-template-columns:minmax(0,1fr) auto;align-items:center}
header.has-header-identity.has-player-logo{grid-template-columns:160px minmax(0,1fr) auto}
header>.player-header-identity{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:10px;min-width:0}
header.has-player-logo>.player-header-identity{grid-column:2}
header.has-header-identity>.player-header-logo{grid-row:1;align-self:center}
header.has-header-identity>.header-account{grid-row:1;grid-column:2;align-self:end}
header.has-header-identity.has-player-logo>.header-account{grid-column:3}
header .player-header-identity>small{margin:0;font-size:14px;font-weight:600;line-height:1.4;letter-spacing:1.6px;color:#bdbdbd!important}
header .player-header-identity>h1{margin:0;font-size:clamp(30px,3.4vw,46px);font-weight:650;line-height:1.12;letter-spacing:-1.1px}
header .player-header-identity>p{margin:0;font-size:14px;line-height:1.5;color:#c4c4c4!important}
@media(max-width:760px){header.has-header-identity{display:grid;grid-template-columns:minmax(0,1fr)}header.has-header-identity.has-player-logo{grid-template-columns:108px minmax(0,1fr)}header>.player-header-identity{gap:8px}header .player-header-identity>small{font-size:11px;letter-spacing:1px}header .player-header-identity>h1{font-size:28px;letter-spacing:-.7px}header .player-header-identity>p{font-size:13px}header.has-header-identity>.header-account,header.has-header-identity.has-player-logo>.header-account{grid-column:1/-1;grid-row:2;justify-self:end;margin-top:18px}}
@media print{header.has-header-identity{display:block}header .player-header-identity>h1{font-size:22pt}header .player-header-identity>small,header .player-header-identity>p{color:#222!important}}

/* Center the compact Settings menu actions consistently. */
#accountDialog #accountQuickActions button,#accountDialog #checkSchoolUpdates,#accountDialog #openGmailConnection,#accountDialog #accountProfileControls button,#accountDialog #openRecruitingVideo{text-align:center;position:relative}
#accountDialog #coachHistoryButton::after{position:absolute;right:16px;top:50%;transform:translateY(-50%);float:none}

/* Center the player identity text between the academy logo and account control. */
header>.player-header-identity{text-align:center;align-items:center}
header .player-header-identity>small,header .player-header-identity>h1,header .player-header-identity>p{text-align:center;width:100%}

/* One consistent charcoal treatment for all account-menu actions. */
#accountDialog #accountQuickActions button,#accountDialog #checkSchoolUpdates,#accountDialog #accountProfileControls button,#accountDialog #openLoginSecurity,#accountDialog #openGmailConnection,#accountDialog #openRecruitingVideo,#accountDialog #openCoachLogin{background:#202020!important;color:#fff!important;border-color:#202020!important}
#accountDialog #accountQuickActions button:hover,#accountDialog #checkSchoolUpdates:hover,#accountDialog #accountProfileControls button:hover,#accountDialog #openLoginSecurity:hover,#accountDialog #openGmailConnection:hover,#accountDialog #openRecruitingVideo:hover,#accountDialog #openCoachLogin:hover{background:#383838!important;border-color:#383838!important;color:#fff!important}
#accountDialog #coachHistoryButton::after{color:#ddd}

/* Player performance summary */
.profile .player-stat-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin:0 0 26px;padding:0}
.player-stat-grid .player-stat-tile{background:#fff;border:1px solid #dedede;border-radius:12px;padding:17px 14px;min-width:0}
.player-stat-grid dt{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#666;line-height:1.4}
.player-stat-grid svg{width:19px;height:19px;flex:none;color:#444}
.player-stat-grid dd{margin:13px 0 0;font-size:24px;line-height:1.25;font-weight:700;letter-spacing:-.4px;color:#171717;overflow-wrap:anywhere}
.player-stat-grid .player-stat-unit{display:block;margin-top:4px;font-size:12px;font-weight:400;letter-spacing:0;color:#777}
@media(max-width:1150px){.profile .player-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.profile .player-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.player-stat-grid .player-stat-tile{padding:15px}.player-stat-grid .player-stat-tile:last-child{grid-column:1/-1}.player-stat-grid dd{font-size:25px}.player-stat-grid dt{font-size:12px}}

/* Compact player summary */
.profile .player-stat-grid{display:flex;flex-wrap:wrap;gap:0;margin:0 0 22px;padding:8px 4px;background:#fff;border:1px solid #dedede;border-radius:10px}
.player-stat-grid .player-stat-tile{flex:1 1 125px;background:transparent;border:0;border-radius:0;padding:8px 12px;min-width:0}
.player-stat-grid dt{gap:5px;font-size:11px;line-height:1.3;font-weight:400;color:#777}
.player-stat-grid svg{width:14px;height:14px;color:#666}
.player-stat-grid dd{margin:5px 0 0;font-size:15px;font-weight:600;line-height:1.3;letter-spacing:0}
.player-stat-grid .player-stat-unit{display:inline;margin:0 0 0 4px;font-size:11px;font-weight:400}
@media(max-width:600px){.profile .player-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:5px}.player-stat-grid .player-stat-tile{padding:8px 10px}.player-stat-grid .player-stat-tile:last-child{grid-column:auto}.player-stat-grid dt{font-size:10px}.player-stat-grid dd{font-size:14px;margin-top:3px}.player-stat-grid .player-stat-unit{font-size:10px}}

/* One-row player stats on every screen size */
.profile .player-stat-grid{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:0;padding:8px 4px;margin-bottom:18px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.player-stat-grid .player-stat-tile{flex:1 0 auto;min-width:100px;padding:4px 12px!important;grid-column:auto!important}
.player-stat-grid .player-stat-tile+.player-stat-tile{border-left:1px solid #e9e9e9}
.player-stat-grid dt{white-space:nowrap;font-size:10px!important;gap:4px}
.player-stat-grid dd{white-space:nowrap;font-size:14px!important;margin-top:4px!important}
.player-stat-grid .player-stat-unit{font-size:10px!important}
.player-stat-grid svg{width:13px;height:13px}