/* One operator header: identity and status above, time and stint controls below.
   Presentation only; no timer, session or capture rules live in this stylesheet. */
.page-heading { margin: 22px 0 16px; align-items: center; gap: 16px; }
.page-heading h1 { font-size: clamp(22px, 2vw, 30px); line-height: 1.15; letter-spacing: -.025em; }
.page-heading .eyebrow { font-size: 10px; margin-bottom: 7px; }
.page-heading .session-time b { font-size: 18px; }
.page-heading .session-time .overline { font-size: 9px; }
.session-control { --sc-light: #91a0b2; --sc-tint: #91a0b20c; min-width: 0; padding: 16px 20px 10px; border: 1px solid #303b49; border-top: 2px solid var(--sc-light); border-radius: 10px; background: #10151c; margin: 0 0 18px; }
.session-control[data-state="active"] { --sc-light: #4ad69a; --sc-tint: #4ad69a0c; }
.session-control[data-state="inactive"] { --sc-light: #ff858c; --sc-tint: #ff858c0c; }
.sc-header { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.sc-driver { flex: 1; min-width: 0; }
.sc-driver .driver-identity { display: flex; align-items: center; min-width: 0; gap: 13px; }
.sc-driver .avatar { flex: 0 0 38px; width: 38px; height: 38px; border-radius: 7px; font-size: 14px; background: #1b232d; border-color: #384453; }
.sc-identity-copy { min-width: 0; }
.sc-name-row { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 15px; min-width: 0; }
.sc-driver .driver-name { font-size: 32px; font-weight: 700; line-height: 1.15; letter-spacing: -.035em; margin: 0; color: #f4f7fb; overflow-wrap: anywhere; min-width: 0; }
.sc-status { flex: 0 1 auto; min-width: 0; }
.sc-lamp-line { display: inline-flex; align-items: center; gap: 8px; border: 1px solid #ffffff0c; border-radius: 5px; background: var(--sc-tint); padding: 5px 8px; }
.sc-lamp { display: inline-block; flex: 0 0 8px; width: 8px; height: 8px; border-radius: 50%; background: var(--sc-light); }
.sc-status-title { font-size: 9px; font-weight: 700; line-height: 1.5; letter-spacing: .055em; color: var(--sc-light); }
.sc-context-line { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; margin-top: 5px; min-width: 0; }
.sc-context-line .pill { border: 0; padding: 0; font-size: 9px; letter-spacing: .065em; line-height: 1.5; color: #aab9cc; background: none; }
.sc-context-line .pill.reference { color: #d0c6ff; }
.sc-driver-context { margin: 0; color: #aab9cc; font-size: 11px; line-height: 1.5; overflow-wrap: anywhere; }
.sc-driver-context::before { content: '·'; color: #65758a; margin-right: 10px; }
.sc-driver-note { display: none; margin: 8px 0 0 51px; color: #ffd083; font-size: 11px; line-height: 1.6; }
.session-control[data-timer-state="recovered"] .sc-driver-note { display: block; }
.sc-clock { display: flex; align-items: baseline; gap: 8px; flex-shrink: 0; color: #aab9cc; }
.sc-clock .overline { font-size: 10px; letter-spacing: 0; font-weight: 400; color: #aab9cc; }
.sc-clock time { display: block; margin: 0; color: #d0dce9; font-family: Consolas, 'Liberation Mono', monospace; font-size: 18px; font-variant-numeric: tabular-nums; line-height: 1.3; }
.sc-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px 24px; border-top: 1px solid #28323e; margin-top: 14px; padding-top: 11px; }
.sc-timer { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; min-width: 0; }
.sc-time-readout { display: flex; align-items: center; gap: 10px; min-width: 0; }
.sc-timer-top { display: flex; align-items: center; min-width: 0; }
.sc-timer-state { color: #b4c2d3; font-size: 11px; line-height: 1.5; }
[data-timer-state="running"] .sc-timer-state { color: #63e1ae; }
[data-timer-state="paused"] .sc-timer-state, [data-timer-state="recovered"] .sc-timer-state { color: #ffd083; }
.sc-stopwatch { display: block; margin: 0; color: #e4ebf4; font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', monospace; font-size: 24px; font-weight: 500; font-variant-numeric: tabular-nums; letter-spacing: -.035em; line-height: 1.2; white-space: nowrap; }
.sc-timer-actions { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
.sc-timer-actions .button { min-height: 44px; min-width: 82px; padding: 8px 12px; font-size: 11px; border-radius: 5px; gap: 6px; }
.session-control #driver-timer-action { background: #24313e; border-color: #53687d; color: #f0f5fb; }
.session-control #driver-timer-action:not(:disabled):hover { background: #314355; border-color: #8ca6bf; }
.session-control[data-timer-state="running"] #driver-timer-action { background: #252a30; border-color: #596371; }
.session-control[data-timer-state="paused"] #driver-timer-action { background: #342c21; border-color: #8a6d3e; color: #ffe0ab; }
.sc-reset { border: 0; color: #aebdd0; background: transparent; min-width: 44px; min-height: 44px; padding: 8px 5px; font: inherit; font-size: 11px; cursor: pointer; }
.sc-reset:not(:disabled):hover { color: #f3f6fc; text-decoration: underline; text-underline-offset: 3px; }
.sc-reset:disabled { opacity: .4; cursor: not-allowed; }
.sc-counted-total { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 8px; border-left: 1px solid #34404d; padding-left: 18px; margin: 0; color: #a8b7cb; font-size: 10px; }
.sc-counted-total b { font-family: Consolas, 'Liberation Mono', monospace; color: #c9d6e6; font-size: 12px; font-weight: 500; font-variant-numeric: tabular-nums; }
.sc-toolbar .driver-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0 0 0 auto; }
.sc-toolbar .driver-actions .button { min-height: 44px; padding: 8px 12px; border-radius: 5px; font-size: 11px; }
.session-control[data-state="active"] #driver-control { background: transparent; border-color: #455365; color: #e1e8f1; }
.session-control[data-state="active"] #driver-control:hover { background: #202c38; border-color: #8398b1; }
.session-control #end-stint { color: #b9c6d6; border-color: #344252; }
.sc-footnote { margin: 8px 0 0; padding: 0; color: #97a8bd; font-size: 10px; line-height: 1.6; }
/* Keep state/context available to screen readers without repeating it visually. */
.sc-status-detail, .sc-clock small, .sc-timer-top .overline, #sc-driver-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.session-control .button:focus-visible, .sc-reset:focus-visible { outline: 3px solid #c4ddff; outline-offset: 3px; }
.session-control [hidden] { display: none !important; }
#timer-reset-dialog { max-width: 480px; }
#timer-reset-dialog .sc-reset-actions { display: flex; gap: 12px; justify-content: flex-end; margin-top: 24px; }
.sc-display-timer { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.sc-display-timer b { font-variant-numeric: tabular-nums; font-family: Consolas, monospace; }
#display-driver-timer-state { color: #bac9db; font-size: 10px; }
@media (min-width: 1900px) { .sc-driver .driver-name { font-size: 34px; } }
@media (max-width: 850px) {
  .sc-toolbar { gap: 10px 16px; }
  .sc-timer { gap: 14px; }
  .sc-counted-total { padding-left: 14px; }
  .sc-toolbar .driver-actions { margin-left: 0; }
}
@media (max-width: 600px) {
  .session-control { padding: 14px 14px 10px; }
  .sc-header { align-items: flex-start; gap: 10px; }
  .sc-driver .avatar { display: none; }
  .sc-driver .driver-name { font-size: 29px; }
  .sc-name-row { gap: 7px 10px; }
  .sc-context-line { gap: 4px 8px; }
  .sc-driver-context::before { display: none; }
  .sc-context-line .pill { flex-basis: 100%; }
  .sc-clock { align-items: flex-end; flex-direction: column; gap: 1px; }
  .sc-clock .overline { font-size: 9px; }
  .sc-clock time { font-size: 17px; }
  .sc-toolbar { flex-direction: column; align-items: stretch; margin-top: 12px; padding-top: 10px; gap: 10px; }
  .sc-timer { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 6px 10px; }
  .sc-time-readout { flex-direction: column; align-items: flex-start; gap: 1px; }
  .sc-stopwatch { font-size: 24px; }
  .sc-timer-actions { gap: 2px; }
  .sc-timer-actions .button { min-width: 76px; padding: 8px 10px; }
  .sc-counted-total { grid-column: 1 / -1; border: 0; padding: 0; }
  .sc-toolbar .driver-actions { margin: 0; gap: 8px; }
  .sc-toolbar .driver-actions .button { flex: 1; }
  .sc-driver-note { margin-left: 0; }
  .sc-footnote { font-size: 10px; margin-top: 10px; }
  .page-heading { align-items: flex-start; }
  .page-heading .session-tools { flex-wrap: wrap; }
}
@media (max-width: 360px) {
  .sc-driver .driver-name { font-size: 27px; }
  .sc-stopwatch { font-size: 22px; }
  .sc-timer-actions .button { min-width: 68px; padding: 8px; }
  .sc-status-title { font-size: 8px; }
  .sc-lamp-line { padding: 4px 6px; gap: 6px; }
}

/* End-of-stint Lap Library picker. Compact timing rows with native-sized controls. */
#stint-laps-dialog { width:min(760px,calc(100vw - 24px)); max-height:90vh; overflow:auto; }
#stint-laps-dialog .dialog-heading { align-items:flex-start; margin-bottom:12px; }
#stint-laps-dialog .dialog-heading h2 { line-height:1.2; }
#stint-laps-dialog .dialog-heading .close { min-width:44px; min-height:44px; }
#stint-laps-dialog > p.muted { margin:0 0 12px; line-height:1.6; }
.stint-laps-summary { color:#d5e1ef; font-size:13px; margin:4px 0 10px; font-variant-numeric:tabular-nums; }
.stint-laps-toolbar { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:10px 0 12px; }
.stint-laps-toolbar .button { min-height:38px; }
.stint-laps-toolbar .muted { margin-left:auto; font-size:12px; font-variant-numeric:tabular-nums; }
.stint-laps-list { display:flex; flex-direction:column; gap:0; max-height:min(47vh,440px); overflow:auto; border:1px solid #344354; background:#0c1118; border-radius:7px; padding:0; }
.stint-laps-list > p { margin:16px; }
.stint-laps-columns,
#stint-laps-dialog .stint-lap-choice {
  display:grid;
  grid-template-columns:18px 50px minmax(130px,1fr) 85px 112px;
  column-gap:12px;
  align-items:center;
}
.stint-laps-columns { position:sticky; top:0; z-index:1; padding:9px 13px; background:#141c27; color:#9eacc0; font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; border-bottom:1px solid #344354; }
#stint-laps-dialog .stint-lap-choice { margin:0; min-height:60px; padding:10px 13px; background:#101720; border:0; border-bottom:1px solid #2b3744; border-radius:0; color:#e9f0f9; font-size:12px; cursor:pointer; }
#stint-laps-dialog .stint-lap-choice:last-child { border-bottom:0; }
#stint-laps-dialog .stint-lap-choice:hover:has(input:enabled) { background:#1a2936; }
#stint-laps-dialog .stint-lap-choice:has(input:checked) { background:#15312c; box-shadow:inset 3px 0 #78dabc; }
#stint-laps-dialog .stint-lap-choice:focus-within { outline:2px solid #9ce4cb; outline-offset:-2px; }
/* A generic dialog input rule otherwise makes checkboxes full-width, padded, 43px tall. */
#stint-laps-dialog input.stint-lap-checkbox[type="checkbox"] {
  appearance:auto; display:block; box-sizing:border-box;
  width:16px; min-width:16px; max-width:16px;
  height:16px; min-height:16px; max-height:16px;
  padding:0; margin:0; border:revert; background:revert;
  accent-color:#7dd8bd; cursor:pointer;
}
#stint-laps-dialog input.stint-lap-checkbox:disabled { cursor:default; }
.stint-lap-number { color:#a5b6ca; font-size:12px; white-space:nowrap; }
.stint-lap-number b { color:#dbe6f2; font-size:13px; font-weight:600; }
.stint-lap-time { font:600 23px/1.15 Consolas,'Liberation Mono',monospace; font-variant-numeric:tabular-nums; letter-spacing:-.025em; color:#f2f7ff; white-space:nowrap; }
.stint-lap-gap { font:600 13px/1.2 Consolas,'Liberation Mono',monospace; font-variant-numeric:tabular-nums; color:#afbdd0; white-space:nowrap; }
.stint-lap-choice[data-best="true"] .stint-lap-time,
.stint-lap-choice[data-best="true"] .stint-lap-gap { color:#7ce5c3; }
.stint-lap-badge { justify-self:start; padding:4px 7px; border:1px solid #456075; border-radius:3px; color:#cbdbee; font-size:10px; font-weight:700; letter-spacing:.04em; white-space:nowrap; }
.stint-lap-choice[data-saved="true"] .stint-lap-badge { border-color:#416f61; background:#18392f; color:#92e2c5; }
.stint-lap-choice[data-eligible="false"] { cursor:default!important; }
.stint-lap-choice[data-eligible="false"] .stint-lap-time { color:#b7c3d0; }
.stint-lap-choice[data-eligible="false"] .stint-lap-badge { border-color:#6a5540; color:#d8b58b; }
.stint-lap-note { grid-column:3 / -1; color:#9fb0c4; font-size:11px; line-height:1.4; overflow-wrap:anywhere; }
.stint-laps-status { min-height:18px; margin:12px 0 0; font-size:11px; line-height:1.5; color:#92ddc2; }
.stint-laps-status.error { color:#ffbd99; }
.stint-row .stint-review-button { margin-left:auto; min-height:36px; padding:7px 10px; color:#9fe6ce; white-space:nowrap; }
.stint-row .stint-history-actions { margin-left:auto; display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:7px; }
.stint-row .stint-history-actions .stint-review-button { margin-left:0; }
@media(max-width:600px) {
  #stint-laps-dialog { padding:18px 12px; }
  .stint-laps-toolbar .muted { width:100%; margin-left:0; }
  .stint-laps-columns { display:none; }
  #stint-laps-dialog .stint-lap-choice { grid-template-columns:16px 42px minmax(0,1fr) auto; column-gap:8px; row-gap:4px; padding:12px 9px; }
  .stint-lap-time { font-size:20px; }
  .stint-lap-gap { grid-column:3; grid-row:2; font-size:12px; }
  .stint-lap-badge { grid-column:4; grid-row:1 / 3; font-size:9px; }
  .stint-lap-note { grid-column:2 / -1; font-size:10px; }
  .stint-laps-list { max-height:45vh; }
  .stint-row { flex-wrap:wrap; }
  .stint-row .stint-history-actions { width:100%; justify-content:flex-start; margin-left:34px; }
}

/* Simple first action; the existing multi-driver workflow is an optional detail. */
.quick-session-start {padding:22px;background:linear-gradient(135deg,#17202a,#111820);border:1px solid #46596b;border-top:3px solid #d3232d;border-radius:7px;margin:0 0 20px;}
.quick-session-start .eyebrow {margin-bottom:9px;}
.quick-session-start h2 {font-size:27px;margin-bottom:9px;}
.quick-session-start p.muted {font-size:12px;line-height:1.7;margin-bottom:16px;}
.quick-session-start label {display:block;margin:0 0 7px;font-size:11px;color:#c2d0dd;font-weight:600;}
#quick-driver {width:100%;min-height:48px;border-radius:4px;border:1px solid #58697a;background:#0c1219;color:#e8eff8;padding:11px;font-size:13px;margin-bottom:12px;}
#quick-start {width:100%;min-height:48px;font-size:13px;}
#quick-start-error {margin:9px 0 0;min-height:0;}
.advanced-driver-setup {padding:13px 15px;border:1px solid #333d4a;border-radius:5px;background:#10141c;margin:0;}
.advanced-driver-setup>summary {padding:8px 2px;color:#acbdcb;cursor:pointer;font-size:12px;font-weight:600;}
.advanced-driver-setup[open]>summary {margin-bottom:18px;border-bottom:1px solid #354151;padding-bottom:15px;}
.advanced-driver-setup #driver-form {margin-top:18px;}
#master-finish-session,#session-finish-button {min-height:44px;border-color:#ba292e;}
#quick-finish-dialog {width:min(580px,calc(100vw - 24px));max-height:90vh;overflow:auto;}
#quick-finish-dialog h2 {font-size:30px;margin-bottom:15px;}
#quick-finish-dialog p {line-height:1.7;}
#quick-finish-dialog .muted {color:#a7b6c7;font-size:12px;}
.quick-finish-actions {display:flex;flex-direction:column;gap:9px;margin-top:18px;}
.quick-finish-actions .button {min-height:47px;font-size:12px;}
#quick-finish-discard {color:#f6a6a6;border-color:#7e4446;}
#quick-finish-error {font-size:12px;}
@media(max-width:600px){.quick-session-start{padding:16px;}.quick-session-start h2{font-size:23px;}#quick-finish-dialog{padding:21px;} }

/* Compact benchmark card + scalable lap manager. */
.session-reference-setup{margin:8px 0 20px;padding:16px 18px;border:1px solid #35404e;border-radius:7px;background:#0d1219}
.session-reference-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}
.session-reference-heading .eyebrow{margin-bottom:3px}
.session-reference-heading h3{margin:0;font-size:15px;font-weight:650;color:#eef2f7}
.session-reference-mode-badge{font-size:9px;font-weight:700;letter-spacing:.11em;color:#a7dfbd;border:1px solid #355548;padding:6px 9px;white-space:nowrap}
.session-reference-mode-badge.is-fixed{color:#ffd1a7;border-color:#645041}
.session-reference-summary{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:14px}
.session-reference-current{display:flex;min-width:0;flex-direction:column;gap:3px}
#session-reference-time{font:34px/1.07 var(--display);letter-spacing:.035em;color:#f1f5f8;font-variant-numeric:tabular-nums}
#session-reference-description{font-size:11px;line-height:1.5;color:#b5c0cc}
#session-reference-change{min-height:42px}
#session-reference-status{font-size:10px;line-height:1.55;margin:11px 0 0;color:#91a0b1;overflow-wrap:anywhere}
.session-reference-dialog{width:min(760px,calc(100vw - 28px));max-height:88vh;padding:25px 26px 19px;background:#0d1117;border:1px solid #394451}
.session-reference-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}
.session-reference-dialog-heading h2{font-size:33px}
.session-reference-dialog-heading p{font-size:11px;line-height:1.6;color:#a7b5c5;margin:8px 0 0}
.session-reference-dialog-heading .close{padding:2px 6px;color:#c1cad4}
.session-reference-modes{border:0;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.session-reference-modes label{display:block;margin:0;cursor:pointer;min-width:0}
.session-reference-modes input[type=radio]{position:absolute;width:1px;height:1px;opacity:0}
.session-reference-modes label>span{display:block;min-height:90px;padding:15px 13px;border:1px solid #354151;background:#141b24;transition:border-color .15s ease,background .15s ease}
.session-reference-modes label:hover>span{background:#1a232e;border-color:#596677}
.session-reference-modes input:checked+span{background:#2b1b21;border-color:#cd454c;box-shadow:inset 0 0 0 1px #9a343a}
.session-reference-modes input:focus-visible+span{outline:2px solid #ff8b90;outline-offset:3px}
.session-reference-modes b{display:block;font-size:12px;color:#ecf0f6;font-weight:700}
.session-reference-modes small{display:block;font-size:10px;color:#9baabd;margin-top:6px;line-height:1.5}
.session-reference-browser{border-top:1px solid #2b3542;padding-top:14px}
.session-reference-browser-note{font-size:10px;line-height:1.55;color:#aebbd0;margin:0 0 11px}
.session-reference-view-controls{display:flex;gap:4px;background:#131a23;border:1px solid #34404e;padding:3px;margin-bottom:11px}
.session-reference-view-controls button{flex:1;border:0;padding:9px 7px;background:transparent;color:#9dabbc;font-size:10px;font-weight:650}
.session-reference-view-controls button[aria-pressed=true]{background:#293342;color:#f2f5f8}
.session-reference-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(125px,.44fr) 42px;gap:9px;margin-bottom:11px;align-items:center}
.session-reference-toolbar input,.session-reference-toolbar select{min-width:0;width:100%;height:42px;min-height:42px;background:#111923;border:1px solid #3d4a5a;color:#e4ebf5;padding:9px 11px;font-size:11px;margin:0}
.session-reference-toolbar #session-reference-refresh{padding:7px;font-size:20px;min-height:42px;height:42px}
.session-reference-options{max-height:350px;overflow-y:auto;border:1px solid #2e3743;background:#10151c;scrollbar-width:thin}
.session-reference-option{display:flex;align-items:center;gap:12px;text-align:left;width:100%;min-height:62px;padding:11px 12px;background:#121820;color:#edf1f7;border:0;border-bottom:1px solid #293340}
.session-reference-option:last-child{border-bottom:0}
.session-reference-option:hover:not(:disabled){background:#1c2835}
.session-reference-option.selected{background:#23272d;box-shadow:inset 3px 0 0 var(--red)}
.session-reference-option>span:first-child{min-width:0;flex:1}
.session-reference-option b{display:block;font-size:11px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.session-reference-option small{display:block;font-size:10px;color:#9daabc;line-height:1.45;margin-top:4px;overflow-wrap:anywhere}
.session-reference-option>strong{font:21px/1 var(--display);letter-spacing:.035em;font-variant-numeric:tabular-nums;white-space:nowrap;color:#f4f5f6}
.session-reference-check{width:15px;flex:0 0 15px;text-align:center;color:#7f8d9d}
.session-reference-option.selected .session-reference-check{color:#ff858c}
.session-reference-group-label{font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:#c7d3df;background:#171e28;padding:9px 12px;border-bottom:1px solid #303a46}
.session-reference-stint{border-bottom:1px solid #2e3a47;background:#101820}
.session-reference-stint summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 15px;cursor:pointer;font-size:11px}
.session-reference-stint summary:hover{background:#202a35}
.session-reference-stint summary b{display:block}
.session-reference-stint summary small{display:block;font-size:10px;color:#889ab0;font-weight:400;margin-top:2px}
.session-reference-stint summary strong{font:20px/1 var(--display);white-space:nowrap}
.session-reference-stint summary strong small{display:inline;font:9px var(--font);color:#9daabc}
.session-reference-stint .session-reference-option{padding-left:24px;background:#141c26}
.session-reference-empty{color:#9baabd;font-size:11px;line-height:1.7;padding:24px;margin:0;text-align:center}
.session-reference-more{width:100%;justify-content:center;border-top:1px solid #26313d;padding:12px 0;margin-top:3px}
.session-reference-dialog-status{font-size:10px;line-height:1.65;color:#a1b2c5;margin:12px 0 3px;min-height:16px}
.session-reference-dialog .dialog-actions{margin:14px 0 0}
.session-reference-dialog .dialog-actions .button{min-height:43px}
@media(max-width:650px){
  .session-reference-setup{padding:15px}
  .session-reference-heading h3{font-size:13px}
  .session-reference-summary{align-items:stretch;flex-direction:column;gap:13px}
  #session-reference-change{width:100%}
  .session-reference-dialog{padding:17px 16px;max-height:94vh}
  .session-reference-modes{grid-template-columns:1fr;gap:6px}
  .session-reference-modes label>span{min-height:0;padding:10px 12px}
  .session-reference-modes small{margin-top:2px}
  .session-reference-toolbar{grid-template-columns:minmax(0,1fr) 40px}
  .session-reference-toolbar #session-reference-driver-filter{grid-column:1/2;grid-row:2}
  .session-reference-toolbar #session-reference-refresh{grid-column:2;grid-row:1/3;height:100%}
  .session-reference-options{max-height:260px}
}