/* The status strip spans the rail, project panel, and work area. */
html[data-ui="workbench"] .shell .workspace .ai-dock {
  left: 0 !important;
  right: 0;
  height: 28px;
  z-index: 32;
  background: var(--surface);
  border-top: 1px solid var(--line);
}
html[data-ui="workbench"] .shell .sidebar,
html[data-ui="workbench"] .shell .project-sidebar { bottom: 28px; }
html[data-ui="workbench"] .shell .workspace { padding-bottom: 28px; }
html[data-ui="workbench"] .shell .project-panel-backdrop { bottom: 28px; }
/* The only child is hidden by the workbench theme, leaving an empty rail footer. */
html[data-ui="workbench"] .shell .sidebar-bottom:has(> .sidebar-note:only-child) { display: none; }

html[data-ui="workbench"] .ai-statusbar {
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  padding: 0 9px;
}
html[data-ui="workbench"] .ai-status-left,
html[data-ui="workbench"] .ai-status-utilities { display: flex; align-items: center; min-width: 0; height: 100%; }
html[data-ui="workbench"] .ai-status-left { flex: 1 1 auto; overflow: hidden; }
html[data-ui="workbench"] .ai-dock-trigger {
  gap: 13px;
  min-width: 0;
  padding: 0 5px;
  overflow-x: auto;
  scrollbar-width: none;
  white-space: nowrap;
}
html[data-ui="workbench"] .ai-dock-trigger::-webkit-scrollbar { display: none; }
html[data-ui="workbench"] .ai-status-provider { gap: 4px; font-size: 10px; }
html[data-ui="workbench"] .ai-status-provider.ai-status-unknown b { color: var(--muted); font-weight: 400; }
html[data-ui="workbench"] .ai-status-provider .ai-provider-mark { width: 16px; height: 16px; }
html[data-ui="workbench"] .ai-status-provider .ai-provider-mark::before { width: 14px; height: 14px; }
html[data-ui="workbench"] .ai-status-refresh {
  width: 24px;
  height: 22px;
  min-width: 24px;
  min-height: 22px;
  padding: 3px 4px;
  border-radius: 4px;
}
html[data-ui="workbench"] .ai-status-refresh svg { width: 16px; height: 16px; }
html[data-ui="workbench"] .ai-status-refresh:focus:not(:focus-visible) { outline: none; }
html[data-ui="workbench"] :is(.ai-status-refresh,.ai-dock-trigger):focus-visible { outline: 1px solid var(--muted); outline-offset: -2px; }
html[data-ui="workbench"] .ai-status-utilities { flex: none; gap: 3px; }
html[data-ui="workbench"] .ai-account-popover { left: 10px; right: auto; }

@media (max-width: 720px) {
  html[data-ui="workbench"] .ai-statusbar { gap: 4px; padding-inline: 4px; }
  html[data-ui="workbench"] .ai-dock-trigger { gap: 7px; padding-inline: 2px; }
  html[data-ui="workbench"] .ai-status-name { display: none; }
  html[data-ui="workbench"] .ai-account-popover { left: 6px; width: min(310px, calc(100vw - 12px)); }
}

@media (max-width: 420px) {
  html[data-ui="workbench"] .ai-status-provider b { font-size: 9px; }
  html[data-ui="workbench"] .ai-dock-trigger { gap: 5px; }
}