#workspace .players-view .player-columns{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,1fr);gap:20px;align-items:start}
#workspace .players-view .player-directory{display:grid;gap:20px;min-width:0}
#workspace .players-view .player-filters,#workspace .players-view .player-results,#workspace .players-view .player-profile{padding:22px;border:1px solid #dce7f1;border-radius:14px;background:#fff}
#workspace .players-view .player-filters>input{width:100%;margin-bottom:20px}
#workspace .players-view .player-filter-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#workspace .players-view .player-position-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
#workspace .players-view button.active{background:#061c2a;color:#fff}
#workspace .players-view .player-position-chips button.active{background:#dcfff0;color:#061c2a;border-color:#00d98b}
#workspace .players-view .player-list-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
#workspace .players-view .player-list-tools>strong{margin-right:auto}
#workspace .players-view .player-list-tools .field{margin:0;width:160px}
#workspace .players-view table{min-width:580px;width:100%}
#workspace .players-view tr.selected{background:#effcf7;box-shadow:inset 4px 0 #00d98b}
#workspace .players-view td{font-size:14px}
#workspace .players-view .player-identity{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:25px}
#workspace .players-view .player-identity>.person-avatar{width:70px;height:70px;flex-shrink:0}
#workspace .players-view .player-identity h2{font-size:25px;margin:0 0 8px}
#workspace .players-view .player-identity button{margin-left:auto;display:flex;align-items:center;gap:6px}
#workspace .players-view .player-identity small{display:flex;align-items:center;gap:5px}
#workspace .players-view .player-profile-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#workspace .players-view .player-profile-tabs button{display:flex;flex-direction:column;align-items:center;gap:9px;padding:14px 4px;font-size:14px;white-space:normal}
#workspace .players-view .player-profile-tabs .icon{width:25px;height:25px}
#workspace .players-view .player-profile-content>section{margin-top:28px}
#workspace .players-view .player-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px}
#workspace .players-view .player-section-title h3{margin:0}
#workspace .players-view .player-formats{display:flex;align-items:center;gap:15px}
#workspace .players-view .player-account{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:30px;padding-top:20px;border-top:1px solid #dce7f1}
#workspace .players-view .player-account small{margin-left:auto}
#workspace .players-view .player-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#workspace .players-view .player-tile{display:grid;gap:10px;padding:16px;border:1px solid #dce7f1;border-radius:12px}
#workspace .players-view .player-tile.selected{border-color:#00d98b}
.profile-editor.dialog{margin-left:auto;margin-right:0;max-width:580px;width:100%;height:100dvh;border-radius:0;max-height:100dvh;display:flex;flex-direction:column}
.profile-editor .content{flex:1;overflow:auto}.profile-editor #editor-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.profile-editor #editor-form>.notice,.profile-editor #editor-form>h3,.profile-editor #editor-form>.wide,.profile-editor #editor-form>.upload-control{grid-column:1/-1}.profile-editor #editor-form .field{margin:0}.profile-editor header,.profile-editor footer{flex-shrink:0}
@media(min-width:1600px){#workspace .players-view .player-columns{grid-template-columns:minmax(0,1.4fr) minmax(400px,1fr)}}
@media(max-width:1100px){#workspace .players-view .player-columns{grid-template-columns:minmax(0,1fr)}#workspace .players-view .player-profile{min-width:0}}
@media(max-width:600px){#workspace .players-view .player-filter-fields{grid-template-columns:1fr}#workspace .players-view .player-filters,#workspace .players-view .player-results,#workspace .players-view .player-profile{padding:14px}#workspace .players-view .player-profile-tabs{gap:4px}.profile-editor #editor-form{grid-template-columns:1fr}.profile-editor #editor-form>*{grid-column:1/-1}}
#workspace .settings-view .settings-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:12px;background:white;border:1px solid #dce7f1;border-radius:14px;margin-bottom:20px}
#workspace .settings-view .settings-tabs button{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 8px;white-space:normal}
#workspace .settings-view .settings-tabs button.active{background:#061c2a;color:white}
#workspace .settings-view .settings-columns{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px;align-items:start}
#workspace .settings-view .card{padding:22px;border:1px solid #dce7f1;border-radius:14px;background:#fff}
#workspace .settings-view .settings-side{display:grid;gap:16px}
#workspace .settings-view .settings-card-title{display:flex;gap:12px;align-items:start;margin-bottom:20px}
#workspace .settings-view .settings-card-title>.icon{width:30px;height:30px;margin-top:3px}
#workspace .settings-view .settings-card-title h2{margin:0;font-size:28px}
#workspace .settings-view .settings-card-title p{margin:5px 0;color:#6a7b9b}
#workspace .settings-view .field{margin-bottom:22px}
#workspace .settings-view .settings-brand-preview{background:#061c2a;border-radius:9px;display:flex;justify-content:center;align-items:center;min-height:130px;padding:22px;margin-bottom:14px}
#workspace .settings-view .settings-brand-preview img{max-width:100%;max-height:170px;object-fit:contain}
#workspace .settings-view .upload-label{display:inline-flex;gap:8px;align-items:center;margin-bottom:10px}
#workspace .settings-view .upload-label input{display:none}
#workspace .settings-view .upload-label+small{display:block}
#workspace .settings-view .settings-language-options>div{border:1px solid #dce7f1;border-radius:8px;margin:12px 0;padding:16px;display:flex;align-items:center;gap:10px;justify-content:space-between}
#workspace .settings-view .settings-language-options .check{margin:0}
#workspace .settings-view .settings-services{margin-top:18px}
#workspace .settings-view .settings-save-row{display:flex;align-items:center;justify-content:flex-end;gap:20px;margin-top:24px}
#workspace .settings-view .settings-save-row button{display:flex;align-items:center;gap:10px}
#workspace .settings-view .settings-colours{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
#workspace .settings-view .settings-colours>div{display:grid;gap:8px}
#workspace .settings-view .swatch{height:80px;border:1px solid #dce7f1;border-radius:8px}
#workspace .settings-view .swatch.navy{background:#061c2a}#workspace .settings-view .swatch.emerald{background:#00d98b}#workspace .settings-view .swatch.white{background:white}
#workspace .settings-view .settings-language-preview>div:last-child{background:#f1f6f8;display:grid;place-items:center;min-height:300px;padding:30px;text-align:center;font-size:42px}
@media(max-width:1100px){#workspace .settings-view .settings-tabs{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){#workspace .settings-view .settings-columns{grid-template-columns:1fr}#workspace .settings-view .settings-tabs{grid-template-columns:repeat(2,1fr)}#workspace .settings-view .card{padding:16px}#workspace .settings-view .settings-save-row{flex-wrap:wrap}}

#workspace .players-view .player-filters>input{height:48px;padding:12px 16px;border:1px solid #dce7f1;border-radius:8px;box-shadow:none;font:inherit;background:#f5f9fc}#workspace .players-view .player-profile p{overflow-wrap:anywhere}#workspace .players-view .player-list-tools>strong{white-space:nowrap}
#workspace .users-view .user-columns{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:18px;align-items:start}
#workspace .users-view .card{padding:22px;background:white;border:1px solid #dce7f1;border-radius:14px}
#workspace .users-view .user-directory{display:grid;gap:18px;min-width:0}
#workspace .users-view .user-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}
#workspace .users-view .user-categories button{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 8px;white-space:normal}
#workspace .users-view button.active{background:#061c2a;color:white}
#workspace .users-view .user-count{border-radius:50%;padding:4px 8px;background:#edf3f7;color:#061c2a}
#workspace .users-view #section-search{height:48px;width:100%;padding:12px;border:1px solid #dce7f1;box-shadow:none;border-radius:8px;background:#f5f9fc;font:inherit}
#workspace .users-view .user-filters{margin:12px 0 20px}
#workspace .users-view .user-filters[open]{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
#workspace .users-view .user-filters .field{margin:0;min-width:160px;flex:1}
#workspace .users-view table{min-width:650px;width:100%}
#workspace .users-view .user-pick{display:flex;align-items:center;gap:10px;text-align:left;border:0;background:transparent;padding:6px;white-space:normal}
#workspace .users-view tr.selected{background:#effcf7;box-shadow:inset 4px 0 #00d98b}
#workspace .users-view .user-identity{display:flex;align-items:center;gap:14px;margin-bottom:25px}
#workspace .users-view .user-identity>.person-avatar{width:76px;height:76px;flex-shrink:0}
#workspace .users-view .user-identity h2{margin:0;font-size:28px}
#workspace .users-view .user-identity p{margin:10px 0 0;overflow-wrap:anywhere}
#workspace .users-view .user-detail-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px}
#workspace .users-view .user-detail-tabs button{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px}
#workspace .users-view .user-detail dd{overflow-wrap:anywhere}
#workspace .users-view .user-detail dl{display:grid;grid-template-columns:minmax(80px,1fr) minmax(0,1.4fr);gap:15px}
#workspace .users-view .user-detail dd{margin:0}
#workspace .users-view .user-invitations summary{cursor:pointer;font-weight:600}
@media(max-width:1100px){#workspace .users-view .user-columns{grid-template-columns:1fr}}
@media(max-width:600px){#workspace .users-view .card{padding:14px}#workspace .users-view .user-categories{gap:5px}#workspace .users-view .user-categories button{flex-direction:column;padding:10px 4px}#workspace .users-view .user-identity{flex-wrap:wrap}}

#workspace[data-section="bookings"]>.card{padding:20px;background:white;border:1px solid #dce7f1;border-radius:12px;margin-bottom:14px}
#workspace[data-section="bookings"] h2{font-size:28px;margin:0 0 12px}
#workspace[data-section="bookings"] #operator-slot-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 250px;gap:16px 20px;margin:20px 0 50px;align-items:end}
#workspace[data-section="bookings"] #operator-slot-form label{display:grid;gap:8px;min-width:0}
#workspace[data-section="bookings"] #operator-slot-form label:nth-of-type(4){grid-row:2;grid-column:1}
#workspace[data-section="bookings"] #operator-slot-form label:nth-of-type(5){grid-row:2;grid-column:2}
#workspace[data-section="bookings"] #operator-slot-form label:nth-of-type(6){grid-row:2;grid-column:3}
#workspace[data-section="bookings"] #operator-slot-form button{grid-row:1;grid-column:4;min-height:44px}
#workspace[data-section="bookings"] input,#workspace[data-section="bookings"] select{width:100%;min-height:44px}
#workspace[data-section="bookings"] .table-wrap{border:1px solid #dce7f1;border-radius:8px}
#workspace[data-section="bookings"] .card>.table-wrap+p{padding:22px;text-align:center;background:#f5f9fc;margin:0;color:#6a7b9b}
#workspace[data-section="bookings"] th{background:#edf5fc}
#workspace[data-section="bookings"] #operations-msg:empty{display:none}
@media(max-width:1500px){#workspace[data-section="bookings"] #operator-slot-form{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:28px}#workspace[data-section="bookings"] #operator-slot-form button{grid-row:3;grid-column:3}}
@media(max-width:700px){#workspace[data-section="bookings"] #operator-slot-form{grid-template-columns:1fr}#workspace[data-section="bookings"] #operator-slot-form label:nth-of-type(n),#workspace[data-section="bookings"] #operator-slot-form button{grid-row:auto;grid-column:auto}}

#workspace[data-section="reports"] .detail-layout{grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);align-items:start}
#workspace[data-section="reports"] .queue-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#workspace[data-section="reports"] .queue-filters #section-search{grid-column:1/-1}
#workspace[data-section="reports"] .card{position:relative;border:1px solid #dce7f1;border-radius:12px;background:white}
#workspace[data-section="reports"] .queue-expand,#workspace[data-section="reports"] .report-expand{float:right;padding:8px}
#workspace[data-section="reports"] .detail-panel .gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#workspace[data-section="reports"] .detail-panel .gallery img{max-width:100%;object-fit:contain}
#workspace[data-section="reports"] .reports-queue-expanded{position:fixed;inset:12px;z-index:1600;background:#f4f9fc;overflow:auto;display:block;padding:20px;border-radius:12px;box-shadow:0 0 0 30px #061c2ab3}
#workspace[data-section="reports"] .reports-queue-expanded>.detail-panel,#workspace[data-section="reports"] .reports-queue-expanded .report-chart{display:none}
#workspace[data-section="reports"] .reports-queue-expanded .table-wrap{max-height:none}
@media(max-width:1000px){#workspace[data-section="reports"] .detail-layout{grid-template-columns:1fr}}
@media(max-width:600px){#workspace[data-section="reports"] .queue-filters{grid-template-columns:1fr}#workspace[data-section="reports"] .reports-queue-expanded{inset:0;border-radius:0;padding:12px}}

#workspace[data-section="teams"]>.filters{display:grid;grid-template-columns:1.2fr repeat(3,minmax(140px,1fr));gap:14px;background:#fff;padding:16px;border:1px solid #dce7f1;border-radius:12px}
#workspace[data-section="teams"]>.filters .count{grid-column:1/-1;margin:0}
#workspace[data-section="teams"] .detail-layout{grid-template-columns:minmax(0,1.2fr) minmax(330px,1fr);align-items:start;gap:18px}
#workspace[data-section="teams"] .detail-layout>section{background:transparent;border:0;padding:0;box-shadow:none}
#workspace[data-section="teams"] .team-card{background:white;border:1px solid #dce7f1;border-radius:12px;margin-bottom:12px;overflow:hidden}
#workspace[data-section="teams"] .team-summary{display:grid;width:100%;grid-template-columns:60px minmax(110px,1fr) auto minmax(100px,1fr) auto 16px;gap:12px;align-items:center;padding:18px;text-align:left;border:0;border-radius:0}
#workspace[data-section="teams"] .team-summary.selected{background:#edfff8;box-shadow:inset 0 0 0 1px #00d98b}
#workspace[data-section="teams"] .team-summary .team-crest .photo-placeholder{width:60px;height:65px;font-size:11px;padding:8px;border-radius:8px}
#workspace[data-section="teams"] .team-summary .team-crest img{width:60px;height:65px;object-fit:cover;border-radius:8px}
#workspace[data-section="teams"] .team-summary small{display:block;color:#7285a2}
#workspace[data-section="teams"] .team-card>[data-action="edit-record"]{margin:0 12px 12px}
#workspace[data-section="teams"] .approval-queue{background:white;border:1px solid #dce7f1;border-radius:12px;padding:20px}
#workspace[data-section="teams"] .team-detail{padding:20px;min-width:0}
#workspace[data-section="teams"] .team-detail>.photo-placeholder{width:84px;height:90px;float:left;margin-right:16px;border-radius:10px;font-size:12px}
#workspace[data-section="teams"] .team-detail>.tabs{clear:both;padding-top:20px}
#workspace[data-section="teams"] .team-facts{display:grid;grid-template-columns:140px minmax(0,1fr);gap:10px;background:#f6fafe;border:1px solid #dce7f1;border-radius:10px;padding:14px}
#workspace[data-section="teams"] .team-facts dd{margin:0;overflow-wrap:anywhere}
#workspace[data-section="teams"] .team-facts dt{color:#7285a2}
#workspace[data-section="teams"] .roster-avatars{display:flex;gap:20px;flex-wrap:wrap}
@media(max-width:1250px){#workspace[data-section="teams"] .team-summary{grid-template-columns:60px minmax(100px,1fr) auto}#workspace[data-section="teams"] .team-summary .team-captain{grid-column:2}#workspace[data-section="teams"] .detail-layout{grid-template-columns:1fr 1fr}}
@media(max-width:900px){#workspace[data-section="teams"] .detail-layout{grid-template-columns:1fr}#workspace[data-section="teams"]>.filters{grid-template-columns:1fr 1fr}}
@media(max-width:550px){#workspace[data-section="teams"]>.filters{grid-template-columns:1fr}#workspace[data-section="teams"] .team-facts{grid-template-columns:1fr}}
