/* Shared working-screen grammar for every franchise and card-mode surface. */
.opening-checklist{margin-top:18px}.opening-checklist .office-content>p{color:#aec9d8;font-size:12px}.opening-checklist ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;padding:14px 0 0 20px;margin:0}.opening-checklist li{font-size:11px;color:#b6cfdd;padding:6px 3px;line-height:1.6}.opening-checklist li::marker{font-family:var(--display);color:#ff9b44;font-size:17px;font-weight:700}.opening-checklist li .btn{font-size:12px;min-height:30px;padding:4px 8px;display:flex;max-width:max-content;margin-bottom:6px}@media(max-width:760px){.opening-checklist ol{grid-template-columns:minmax(0,1fr);gap:7px;padding-top:8px}.opening-checklist .office-content>p{font-size:11px}}
.squad-face{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;width:40px;height:50px;flex:none}.squad-face .card-portrait{position:relative;inset:auto;width:100%;height:100%;max-width:none;aspect-ratio:auto;margin:0}.squad-face .card-portrait img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
.screen-header{margin:0 0 22px;min-width:0;border-bottom:1px solid var(--line);padding:0 0 18px}
.screen-heading{display:flex;align-items:center;gap:18px;min-width:0}
.screen-heading>div:not(.screen-actions){flex:1;min-width:0}.screen-heading h1{font-size:clamp(34px,3.3vw,55px);line-height:1.02}.screen-heading p{color:#b4c9d7;font-size:12px;line-height:1.6;margin-top:9px;max-width:75ch}.screen-heading>.crest{width:55px;height:65px}
.screen-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;max-width:46%}.screen-actions .btn{font-size:13px;min-height:35px}.screen-header-arena{position:relative;isolation:isolate;padding:21px 23px 18px;border:1px solid #355064;border-radius:5px;overflow:hidden;background:linear-gradient(90deg,#06131f 35%,#06131fd9 68%,#06131f88),url('/public/ui/broadcast/arena.webp') right 43%/cover}
.screen-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:0;margin:19px 0 0;padding:0;border-top:1px solid #2c4757;min-width:0}.screen-metrics>div{padding:13px 17px 0 0;min-width:0}.screen-metrics dt{font:400 13px var(--display);text-transform:uppercase;letter-spacing:.045em;color:#a3bfce}.screen-metrics dd{margin:4px 0 0;font:700 27px/1.1 var(--display);overflow-wrap:anywhere;color:#f5f0e4}.screen-metrics small{display:block;font-size:10px;line-height:1.5;color:#a9c1d0;margin-top:4px}.screen-metrics>.positive dd{color:#43dfb7}.screen-metrics>.danger-text dd{color:#ff9a9a}.office-workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:18px;margin-bottom:20px;min-width:0}.office-workspace:not(:has(>.office-rail)){grid-template-columns:minmax(0,1fr)}.office-main,.office-rail{min-width:0}.office-rail{display:grid;gap:14px}.office-rail>.panel{margin:0}.office-rail h2{font-size:18px}.office-rail .panel-title{padding:11px 14px}.office-rail .panel-title>.text-link{font-size:10px}.office-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;min-width:0}.office-section-grid>.panel{min-width:0;margin-bottom:0}.office-section-grid>.full-width{grid-column:1/-1}.office-report{margin:0;padding:4px 15px 12px}.office-report>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:12px 0;border-bottom:1px solid #203a4a;min-width:0}.office-report>div:last-child{border:0}.office-report dt{font-size:11px;color:#b3cbd9;align-self:center}.office-report dd{margin:0;font:700 23px/1.1 var(--display);text-align:right;max-width:170px;overflow-wrap:anywhere}.office-report small{grid-column:1/-1;font-size:10px;line-height:1.5;color:#9eb8c9}.office-rail .btn.full-width{width:calc(100% - 28px);margin:0 14px 14px;font-size:13px}.office-content{padding:15px 17px}.office-content>p+p{margin-top:9px}.office-content p{color:#b6cddb;font-size:12px;line-height:1.6}.office-content h3{margin:15px 0 9px}.office-content h3:first-child{margin-top:0}.office-content>.btn{margin-top:12px}.office-content>.text-link{margin-top:10px}.office-details{border:1px solid #2a4658;border-radius:5px;background:#081c29;margin:14px 0;color:#c0d2dc;min-width:0}.office-details>summary{padding:12px 15px;font:600 16px var(--display);text-transform:uppercase;letter-spacing:.035em;cursor:pointer}.office-details>summary::marker{color:#ff9632}.office-details>div{padding:0 15px 15px;min-width:0}.office-details>div>p{margin:8px 0;font-size:11px;line-height:1.6;color:#adc4d3}.office-details .panel{margin-top:10px}.office-step-heading{margin:0 0 13px;padding:0 0 10px;border-bottom:1px solid #2a4658}.office-step-heading h3{font-size:18px}.office-step-heading p{color:#a9c2d2;margin-top:5px;font-size:11px;line-height:1.5}
.office-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.office-form-grid>fieldset{margin:0}.office-form-grid>.full-width{grid-column:1/-1}.office-workspace fieldset,dialog fieldset{min-width:0;border:1px solid #335064;border-radius:5px;margin:0 0 14px;padding:14px}.office-workspace legend,dialog legend{font:600 16px var(--display);letter-spacing:.03em;text-transform:uppercase;color:#dbe6ed;padding:0 6px}.office-workspace label:not(.toggle-row):not(.trade-asset):not(.scouting-checkbox),.office-form label{font-size:11px;color:#bdd0dd}.office-workspace label>select,.office-workspace label>input:not([type=checkbox]){display:block;margin-top:6px;width:100%;min-width:0}.office-workspace .form-error{color:#ffa0a0}.office-workspace .table-scroll{max-width:100%}.office-workspace .panel>form{padding:16px}.office-workspace .panel>p{margin:12px 16px;color:#b1c8d6;font-size:12px;line-height:1.6}.office-workspace .panel>ul{margin:10px 16px 16px;padding-left:18px;color:#adc5d5;font-size:11px}.office-workspace .panel>.settings-form{padding:16px}.office-workspace .panel>.table-scroll{padding:0}.office-workspace .panel>.tabs{margin:0}.office-workspace .panel>.notice{margin:12px 14px}.office-workspace .panel>.footnote{margin:12px 15px}.office-workspace .table-footer{font-size:10px}.office-workspace .ledger{padding:3px 15px 10px;margin:0}.office-workspace .ledger>div{padding:11px 0}.office-workspace .ledger dt{font-size:11px;color:#b7cbd7}.office-workspace .ledger dd{font:700 22px var(--display)}.office-workspace .ledger-total{padding-inline:10px!important;border-radius:4px}.office-workspace .empty{padding:33px 18px}.office-empty{border:1px solid #2b475a;border-radius:5px;background:#091e2c;padding:38px 24px;text-align:center}.office-empty .icon{color:#f18c31}.office-empty h2{margin-top:14px}.office-empty p{margin:10px auto 0;color:#adc5d5;font-size:12px}.office-empty>.btn{margin-top:20px}
.office-person-row{display:flex;align-items:center;gap:12px;padding:12px 15px;min-width:0;border-bottom:1px solid #213e50}.office-person-row>img{width:55px;height:62px;object-fit:contain;object-position:bottom;flex:none;background:#122f3f;border-radius:3px}.office-person-row>div{min-width:0}.office-person-row strong{display:block;font:600 18px var(--display)}.office-person-row small{font-size:10px;color:#a7c2d2}.office-person-row>.btn{margin-left:auto}.office-action-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:13px 16px;border-top:1px solid #2c4a5e;background:#0d2533}.office-action-bar>.btn{font-size:13px}.office-table-heading{padding:10px 14px;background:#0b2535;border-bottom:1px solid #2b4a5d;display:flex;align-items:center;justify-content:space-between;gap:10px}.office-table-heading h3{font-size:17px}.office-table-heading>span{font-size:10px;color:#a8c2d3}.office-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.office-card-grid>article{min-width:0}.office-wide{grid-column:1/-1}.office-toolbar{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:0 0 15px}.office-toolbar label{font-size:10px;color:#a9c2d3}.office-toolbar label select{margin-top:4px}.office-toolbar .btn{font-size:13px;min-height:34px}.office-filter-panel{border:1px solid #2c4c60;border-radius:5px;padding:13px 15px;background:#0b2332;margin-bottom:15px}
/* Dialogs share the same working language as their parent pages. */
dialog.office-dialog{padding:25px 27px;max-width:calc(100vw - 36px);max-height:calc(100dvh - 42px);border-color:#4a6678;background:linear-gradient(135deg,#0e2635,#06141f);scrollbar-gutter:stable}
.office-dialog>h2,.office-dialog>section>h2{font-size:32px;letter-spacing:.015em;line-height:1.1;margin:0 35px 13px 0}.office-dialog>p,.office-dialog>section>p{color:#bdd0dd;font-size:12px;line-height:1.65;margin:9px 0 13px}.office-dialog form{margin:13px 0}.office-dialog label:not(.toggle-row):not(.trade-asset){display:flex;flex-direction:column;gap:6px;font-size:11px;color:#bed1de}.office-dialog label:has(>input[type=checkbox]){flex-direction:row;align-items:center}.office-dialog input:not([type=checkbox]),.office-dialog select{width:100%;min-width:0;background:#081b29;color:#e8f0ee;border-color:#3b5b70}.office-dialog .dialog-actions{padding-top:18px;margin-top:17px;border-top:1px solid #345568;display:flex;gap:9px;flex-wrap:wrap}.office-dialog .dialog-actions .btn{font-size:14px}.office-dialog .small-facts>div{padding:10px 0}.office-dialog .small-facts dd{font-size:12px}.office-dialog .profile-banner{margin:-25px -27px 20px;border-radius:0;padding:27px 28px 22px;background:linear-gradient(100deg,#102d40,#061521);border-bottom:1px solid #375568;gap:16px}.office-dialog .profile-banner h2{font:700 clamp(30px,3vw,47px)/1 var(--display);text-transform:uppercase;letter-spacing:-.015em}.office-dialog .profile-banner .player-face-large{height:145px;width:128px;background:transparent;object-fit:contain;margin:-10px 0 -22px}.office-dialog .profile-team{font-size:10px;color:#9ebfce}.office-dialog .profile-banner .crest.large{width:54px;height:60px}.office-dialog .profile-banner p{font-size:12px;margin-top:10px;color:#bdd1df}.office-dialog .profile-rating .rating{font-size:42px}.office-dialog .profile-stats{padding:14px 15px;border:1px solid #2c4c62;border-radius:4px;margin-bottom:20px}.office-dialog .profile-stats strong{font:700 29px var(--display)}.office-dialog .profile-stats span{font:400 13px var(--display);text-transform:uppercase}.office-dialog .profile-grid{gap:25px}.office-dialog .profile-grid h3{font-size:21px;border-bottom:1px solid #2c4c60;padding-bottom:10px;margin-bottom:14px}.office-dialog .skill-row{gap:10px;flex-wrap:wrap;margin:12px 0}.office-dialog .skill-row>label{display:block;font-size:12px}.office-dialog .skill-row .skill-meter{height:9px}.office-dialog .skill-row>small{flex:1 0 100%;font-size:10px;color:#9ab9c9}.office-dialog .form-columns{gap:16px}.office-dialog table{font-size:11px}.office-dialog th{font-size:12px}.office-dialog .candidate-list>div{padding:15px 0}.office-dialog .box-score-header{border:1px solid #37586d;border-radius:5px;padding:20px;margin-bottom:16px}.office-dialog .box-score-header>strong{font-family:var(--display);font-size:57px}.office-dialog .box-score-header h3{font-size:21px}.office-dialog .box-team{margin:20px 0}.office-dialog .box-team>h3{padding:10px 12px;background:#112d3e;border:1px solid #2b4c62;border-radius:4px 4px 0 0}.office-dialog .analyst-report{padding:16px 18px;border:1px solid #3b596b;border-radius:5px;margin:18px 0}.office-dialog .analyst-report p{font-size:12px;line-height:1.6;margin-top:8px}.office-dialog .quarter-scores{border:1px solid #28495d;border-radius:4px;overflow:auto}.office-dialog .play-log{border-top:1px solid #2b4a5e;margin-top:20px;padding-top:14px;color:#b4cbd9}.office-dialog .profile-grid .btn{margin-top:9px}.office-dialog .card-portrait-detail{position:relative;height:auto;max-width:340px;margin:0 auto}.office-dialog .card-portrait-detail img{aspect-ratio:1;object-fit:contain}.office-dialog .card-portrait-detail figcaption{display:block;color:#a0bacb;font-size:10px}.office-dialog .pack-reveal{gap:14px;margin:20px 0}.office-dialog .notice{margin:12px 0}.office-dialog .card-detail-layout{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,1.2fr);gap:25px;align-items:start}
/* Secondary shells remain recognizably the same game. */
.shell-mark{font:700 58px/.9 var(--display);color:#f5ecd9;letter-spacing:-.025em;display:block}.shell-mark small{display:block;color:#ff9a30;font:700 10px var(--display);letter-spacing:.25em;margin-top:8px}.shell-caption{font:400 14px var(--display);letter-spacing:.04em;text-transform:uppercase;color:#a7c1d1;padding:12px 17px;border-block:1px solid #294554}.shell-status{border-top:1px solid #2d4c5f;padding:12px 18px;color:#acc8d9;font-size:11px;margin-top:auto}.alternate-shell .sidebar nav .nav-item{font-family:var(--display)}.alternate-shell .sidebar .brand{padding-block:24px}.alternate-shell .workspace>main{padding-top:22px}.recovery-workspace{max-width:940px;margin:35px auto;padding:25px}.recovery-workspace h1{font-size:44px}.recovery-workspace>p{color:#aac6d7;margin:15px 0}.recovery-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.recovery-workspace textarea{background:#081e2b;border:1px solid #35566d;color:#c5dce7}.office-dialog .form-error{color:#ffadad}
@media(min-width:1700px){.office-workspace{grid-template-columns:minmax(0,1fr) 320px}.screen-heading h1{font-size:59px}.office-report dd{font-size:26px}}
@media(max-width:1200px){.office-workspace{grid-template-columns:minmax(0,1fr) 245px;gap:13px}.screen-actions{max-width:42%}.screen-metrics dd{font-size:24px}.screen-heading{gap:12px}.office-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){.office-workspace{grid-template-columns:minmax(0,1fr)}.office-rail{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.screen-heading{flex-wrap:wrap}.screen-actions{max-width:none;flex:1 1 100%;justify-content:flex-start}.office-section-grid{grid-template-columns:minmax(0,1fr)}.office-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.screen-header{margin-bottom:17px;padding-bottom:15px}.screen-header-arena{padding:18px 15px}.screen-heading{gap:12px;align-items:flex-start}.screen-heading h1{font-size:35px;line-height:1.02}.screen-heading p{font-size:11px;line-height:1.5}.screen-heading>.crest{width:40px;height:47px}.screen-actions{gap:6px}.screen-actions .btn{font-size:12px;min-height:34px}.screen-metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:15px;gap:0 10px}.screen-metrics>div{padding:12px 5px 0 0}.screen-metrics dt{font-size:12px}.screen-metrics dd{font-size:25px}.screen-metrics small{font-size:9px}.office-workspace{gap:13px}.office-rail{grid-template-columns:minmax(0,1fr);gap:12px}.office-form-grid{grid-template-columns:minmax(0,1fr)}.office-form-grid>.full-width{grid-column:auto}.office-section-grid{gap:12px}.office-content{padding:13px}.office-content p{font-size:11px}.office-details>summary{padding:11px 12px;font-size:15px}.office-details>div{padding:0 12px 12px}.office-card-grid{grid-template-columns:minmax(0,1fr)}.office-toolbar{gap:7px}.office-toolbar label{max-width:100%;flex:1 1 calc(50% - 7px)}.office-toolbar select{width:100%;min-width:0}.office-toolbar .btn{font-size:12px}.office-workspace .panel>form{padding:13px}.office-person-row{padding:10px;gap:9px;flex-wrap:wrap}.office-person-row>img{width:45px;height:52px}.office-person-row strong{font-size:17px}.office-person-row>.btn{font-size:11px}.office-report dd{max-width:170px;font-size:24px}dialog.office-dialog{padding:20px 15px;width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:6px}.office-dialog>h2,.office-dialog>section>h2{font-size:27px;margin-right:30px}.office-dialog .profile-banner{margin:-20px -15px 17px;padding:23px 17px 17px;gap:12px}.office-dialog .profile-banner .player-face-large{width:76px;height:104px;margin:0 0 -17px}.office-dialog .profile-banner h2{font-size:31px}.office-dialog .profile-banner .crest{display:none}.office-dialog .profile-banner p{font-size:11px}.office-dialog .profile-team{font-size:9px}.office-dialog .profile-rating .rating{font-size:33px}.office-dialog .profile-grid{grid-template-columns:minmax(0,1fr);gap:20px}.office-dialog .profile-stats{gap:7px;padding:11px 8px}.office-dialog .profile-stats strong{font-size:24px}.office-dialog .profile-stats span{font-size:11px}.office-dialog .card-detail-layout{grid-template-columns:minmax(0,1fr);gap:18px}.office-dialog .box-score-header{padding:15px 9px;gap:10px}.office-dialog .box-score-header>strong{font-size:43px}.office-dialog .box-score-header h3{font-size:17px}.office-dialog .box-score-header .crest{width:45px;height:53px}.recovery-workspace{padding:15px;margin:15px auto}.recovery-workspace h1{font-size:35px}.alternate-shell .topbar strong{font:700 16px var(--display)}.office-dialog .pack-reveal{gap:9px}}