.shell>main>header { gap:16px; min-width:0; }
.shell>main>header>div:first-child { min-width:0; flex:1; }
.shell>main>header #title { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.session-usage { width:190px; flex:0 0 190px; display:grid; gap:4px; }
.session-usage[hidden] { display:none; }
.session-usage-label { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.session-usage-label span { color:#605e5c; font-size:11px; white-space:nowrap; }
.session-usage-label b { color:#242424; font-size:12px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.session-usage-track { height:4px; border-radius:4px; background:#edebe9; overflow:hidden; }
.session-usage-track i { display:block; width:0; height:100%; background:#16834b; border-radius:inherit; }
.session-usage-track i.medium { background:#b77912; }
.session-usage-track i.low { background:#c43b32; }
.session-usage small { color:#797775; font-size:10px; line-height:1.1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.session-usage-meta { display:flex; gap:7px; min-width:0; align-items:center; }
#sessionUsageServer { min-width:0; flex:1; }
#sessionUsageReset { flex:0 0 auto; }
.session-usage.stale small { color:#986b17; }
.session-usage.unavailable .session-usage-label b { color:#797775; font-size:11px; }
#newSessionModal { width:min(580px,calc(100vw - 30px)); max-height:calc(100dvh - 30px); overflow-y:auto; }
.server-choice-field { margin-top:16px; min-width:0; }
.server-choice-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; color:#3c4650; font-size:11px; font-weight:600; }
.server-choice-heading small { color:#797775; font-weight:400; }
.server-choice-list { max-height:240px; overflow-y:auto; overscroll-behavior:contain; display:grid; gap:6px; padding:3px; margin:0 -3px; color:#797775; font-size:11px; }
.conversation-fields .server-choice-row { display:block; position:relative; margin:0; cursor:pointer; }
.conversation-fields .server-choice-row + .server-choice-row { margin-top:0; }
.conversation-fields .server-choice-row input { position:absolute; width:1px; height:1px; padding:0; opacity:0; clip-path:inset(50%); }
.server-choice-content { display:grid; grid-template-columns:minmax(0,1fr) minmax(35px,85px) 48px 94px; gap:10px; align-items:center; min-height:46px; padding:10px 12px; border:1px solid #e1dfdd; border-radius:6px; background:#faf9f8; }
.server-choice-row:hover .server-choice-content { border-color:#91bfe5; background:#f3f8fc; }
.server-choice-row.selected .server-choice-content { border-color:#0078d4; background:#edf6ff; box-shadow:inset 3px 0 #0078d4; }
.server-choice-row input:focus-visible + .server-choice-content { outline:2px solid #0078d4; outline-offset:1px; }
.server-choice-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#323130; }
.server-choice-content .session-usage-track { height:5px; }
.server-choice-percent { text-align:right; color:#323130; font-size:11px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.server-choice-reset { color:#797775; font-size:10px; text-align:right; white-space:nowrap; }
.server-choice-row.stale .server-choice-percent::after { content:'*'; color:#986b17; }
.server-choice-field > small { display:block; margin-top:8px; color:#797775; font-size:10px; line-height:1.5; }
@media(max-width:600px) {
  #newSessionModal .conversation-fields { padding-left:16px; padding-right:16px; }
  .server-choice-content { grid-template-columns:minmax(0,1fr) 28px 40px 72px; gap:5px; padding:10px 8px; }
  .server-choice-name { font-size:10px; }
  .server-choice-percent { font-size:10px; }
  .server-choice-reset { font-size:9px; }
}
@media(max-width:760px) {
  .shell>main>header { gap:10px; }
  .session-usage { width:155px; flex-basis:155px; }
  .shell>main>header .header-context { min-width:0; max-width:100%; overflow:hidden; }
  .shell>main>header #threadLabel { min-width:0; }
}
@media(max-width:600px) {
  .shell>main>header #state { display:none; }
  .session-usage-label span { font-size:10px; }
}