/* Overrides the former always-expanded context grid. A closed row is 48 px high. */
.app-context.compact-context{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;position:relative;min-width:0;padding:2px 0;margin:0 0 12px;min-height:48px}
.compact-context .context-picker{position:relative;flex:1 1 auto;min-width:0;margin:0;border:0;background:transparent;padding:0}
.context-picker>summary{display:flex;align-items:center;gap:6px;min-height:44px;margin:0;padding:4px 0;list-style:none;cursor:pointer;font-size:13px;font-weight:650;white-space:nowrap;min-width:0}
.context-picker>summary::-webkit-details-marker{display:none}
.context-picker>summary:focus-visible{outline:3px solid #437daf;outline-offset:2px;border-radius:4px}
.context-name,.context-team-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:0 1 auto;max-width:40%}
.context-team-name{max-width:35%}
.context-season-name,.context-separator,.context-chevron{flex:0 0 auto}
.context-separator{color:#8994a3;font-weight:400}
.context-chevron{font-size:18px;color:#b51f2b;margin-left:2px}
.context-picker-panel{position:absolute;left:0;top:calc(100% + 3px);z-index:80;width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 150px);overflow:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:14px;background:white;border:1px solid #dce2eb;border-radius:12px;box-shadow:0 8px 28px #18223126}
.context-field{min-width:0}
.context-field-club{grid-column:1/-1}
.context-field>label{display:block;font-size:11px;font-weight:600;color:var(--muted);margin:0 0 3px}
.context-field select{width:100%;min-width:0;min-height:44px;margin:0;padding:6px 8px;border:1px solid #cbd3df;border-radius:8px;font-size:14px;background:white;color:#202630}
.context-single{display:flex;align-items:center;min-height:44px;font-size:14px;font-weight:600;overflow-wrap:anywhere}
.context-picker-roles{grid-column:1/-1;font-size:11px}
.compact-context .context-sync{flex:0 0 auto;gap:4px;margin-left:auto}
.compact-context .icon-refresh{min-width:44px;min-height:44px;padding:4px}
.compact-context .sync-status{white-space:normal}
body.combine-measuring .app-context.compact-context,body:has(.report-clock-tools[open] .game-clock) .app-context.compact-context{display:none!important}
@media(max-width:760px){
 .context-picker>summary{font-size:11px;gap:4px}
 .context-name{max-width:34%}.context-team-name{max-width:34%}
 .context-picker-panel{width:calc(100vw - 24px)}
 .context-field select{font-size:16px}
 .compact-context .context-sync .sync-status small{display:none}
 .compact-context .context-sync .sync-status:not(.pending):not(.offline)>span{font-size:0}
 .compact-context .context-sync .sync-status:not(.pending):not(.offline):before{margin-right:0}
 .compact-context .context-sync .sync-status.pending,.compact-context .context-sync .sync-status.offline{font-size:10px;max-width:94px}
 .compact-context .context-sync .sync-status button{padding:3px;font-size:10px;min-height:44px}
}