/* Shared Personal OS / Site OS footer chrome. Workspace behavior stays in its shell. */
.workspace-sidebar-footer {
  --workspace-footer-line: #dbe5ec;
  --workspace-footer-surface: #fff;
  --workspace-footer-control: #f4f8fb;
  --workspace-footer-control-line: #cbdde8;
  --workspace-footer-ink: #233e50;
  --workspace-footer-hover: #e8f5f9;
  --workspace-footer-hover-line: #82c6d7;
  --workspace-footer-focus: #0787a5;
  flex: 0 0 auto;
  min-inline-size: 0;
  inline-size: 100%;
  border-block-start: 1px solid var(--workspace-footer-line);
  background: var(--workspace-footer-surface);
}
.dark .workspace-sidebar-footer {
  --workspace-footer-line: #243b4b;
  --workspace-footer-surface: #091320;
  --workspace-footer-control: #132638;
  --workspace-footer-control-line: #315064;
  --workspace-footer-ink: #e3f0f8;
  --workspace-footer-hover: #183c4b;
  --workspace-footer-hover-line: #438295;
  --workspace-footer-focus: #85dff1;
}
.workspace-sidebar-access-row,
.workspace-sidebar-utility-row,
.workspace-sidebar-feedback-row { min-inline-size: 0; padding: 12px; }
.workspace-sidebar-access-row { border-block-end: 1px solid var(--workspace-footer-line); }
.workspace-sidebar-utility-row { display: flex; align-items: center; gap: 8px; }
.workspace-sidebar-session-action { display: flex; flex: 1 1 0; min-inline-size: 0; }
.workspace-sidebar-session-action:empty { display: none; }
.workspace-sidebar-feedback-row { border-block-start: 1px solid var(--workspace-footer-line); }
.workspace-sidebar-feedback-row > [data-site-beta-feedback-card] { margin-block: 0; }
.workspace-sidebar-utility-control {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 0;
  gap: 9px;
  min-inline-size: 0;
  block-size: 44px;
  min-block-size: 44px;
  padding: 0 12px;
  border: 1px solid var(--workspace-footer-control-line);
  border-radius: 10px;
  color: var(--workspace-footer-ink);
  background: var(--workspace-footer-control);
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  cursor: pointer;
  touch-action: manipulation;
  transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
}
.workspace-sidebar-utility-control:hover:not(:disabled) {
  border-color: var(--workspace-footer-hover-line);
  background: var(--workspace-footer-hover);
}
.workspace-sidebar-utility-control:focus-visible { outline: 2px solid var(--workspace-footer-focus); outline-offset: 3px; }
.workspace-sidebar-utility-control:disabled { cursor: not-allowed; opacity: .55; }
.workspace-sidebar-utility-compact { flex: 0 0 44px; inline-size: 44px; min-inline-size: 44px; padding: 0; }
.workspace-sidebar-utility-icon { display: flex; flex: 0 0 16px; align-items: center; justify-content: center; inline-size: 16px; block-size: 16px; }
.workspace-sidebar-utility-icon > svg { inline-size: 16px; block-size: 16px; }
.workspace-sidebar-utility-label { flex: 1; min-inline-size: 0; overflow: hidden; text-align: start; text-overflow: ellipsis; white-space: nowrap; }
.workspace-sidebar-utility-control[data-workspace-sidebar-action="color-mode"] { color: #94610b; }
.dark .workspace-sidebar-utility-control[data-workspace-sidebar-action="color-mode"] { color: #ffdc83; }
.workspace-sidebar-footer[data-expanded="false"] .workspace-sidebar-utility-row { flex-direction: column; }
.workspace-sidebar-footer[data-expanded="false"] .workspace-sidebar-session-action { flex: 0 0 44px; inline-size: 44px; }
.workspace-sidebar-footer[data-expanded="false"] .workspace-sidebar-utility-control { flex: 0 0 44px; inline-size: 44px; min-inline-size: 44px; padding: 0; }
@media (prefers-reduced-motion: reduce) { .workspace-sidebar-utility-control { transition: none; } }
@media (forced-colors: active) {
  :is(.workspace-sidebar-footer, .dark .workspace-sidebar-footer) { --workspace-footer-line: CanvasText; --workspace-footer-surface: Canvas; --workspace-footer-control: ButtonFace; --workspace-footer-control-line: ButtonText; --workspace-footer-ink: ButtonText; --workspace-footer-hover: Highlight; --workspace-footer-hover-line: Highlight; --workspace-footer-focus: Highlight; }
  :is(.workspace-sidebar-footer, .dark .workspace-sidebar-footer) .workspace-sidebar-utility-control[data-workspace-sidebar-action="color-mode"] { color: ButtonText; }
  :is(.workspace-sidebar-footer, .dark .workspace-sidebar-footer) .workspace-sidebar-utility-control:hover:not(:disabled) { color: HighlightText; }
}