/* Personnel stays readable on solid locker panels, with recessed compartments. */
.app-shell[data-room="locker"] .depth-card{border:1px solid var(--room-edge);border-top:5px solid var(--room-metal);padding:20px;background:var(--card);box-shadow:3px 4px 0 var(--shadow)}
.app-shell[data-room="locker"] .depth-card .section-head{padding:0 0 15px;margin:0 0 12px;border-bottom:2px solid var(--line)}
.app-shell[data-room="locker"] .depth-card .section-head h2{font-size:24px;letter-spacing:.3px}
.app-shell[data-room="locker"] .depth-row.has-portrait{grid-template-columns:40px 108px minmax(0,1fr);gap:12px;padding:14px 12px;margin-top:8px;border:1px solid var(--line);border-left:3px solid var(--room-metal);background:var(--surface-soft);box-shadow:inset 0 2px 0 var(--shadow)}
.app-shell[data-room="locker"] .depth-row .player-portrait{width:40px;height:40px;align-self:center;border-radius:0}
.app-shell[data-room="locker"] .depth-row b{display:inline-block;min-width:32px;padding:2px 6px;border:1px solid var(--line);background:var(--card);font-size:20px;line-height:1;color:var(--text)}
.app-shell[data-room="locker"] .depth-row small{line-height:1.2}
.app-shell[data-room="locker"] .depth-row .sa-select-trigger{background:var(--surface-raised);min-height:48px}
.app-shell[data-room="locker"] .roster-tabs{border-bottom:2px solid var(--room-metal)}
/* The game field is already its own setting; keep it close to the call controls. */
.app-shell[data-view="gameday"] .room-backdrop{display:none}
@media(max-width:1400px) and (min-width:1101px){.app-shell[data-room="locker"] .depth-grid{grid-template-columns:1fr}}
@media(max-width:760px){.app-shell[data-room="locker"] .depth-card{padding:12px}.app-shell[data-room="locker"] .depth-row.has-portrait{grid-template-columns:32px minmax(0,1fr);gap:10px;padding:12px}.app-shell[data-room="locker"] .depth-row .player-portrait{width:32px;height:32px}.app-shell[data-room="locker"] .depth-row .sa-select,.app-shell[data-room="locker"] .depth-row>select{grid-column:1/-1}.app-shell[data-room="locker"] .depth-row>span:not(.sa-select){display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}.app-shell[data-room="locker"] .depth-row small,.app-shell[data-room="locker"] .depth-row .stamina-badge{margin-top:0}}