/* Kairos Superadmin workspace slot layout (SUPERADMIN-WORKSPACE-V2-A1).
 * Scoped, presentation-only, and opt-in. Existing Superadmin navigation,
 * tokens, components, readers, writers, and route owners remain authoritative. */
.sa-workspace {
  display: grid;
  gap: 18px;
  min-width: 0;
}

.sa-workspace__context {
  min-width: 0;
  color: var(--muted, #69707d);
  font-size: 12px;
  font-weight: 700;
}
.sa-workspace__context ol {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sa-workspace__context li:not(:last-child)::after {
  content: "/";
  margin-left: 10px;
  color: var(--line, #e7e9f2);
}
.sa-workspace__context a { color: var(--primary, #4b2aad); }

.sa-workspace__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: start;
}
.sa-workspace__identity { min-width: 0; }
.sa-workspace__identity h1 { overflow-wrap: anywhere; }
.sa-workspace__status {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-top: 10px;
}
.sa-workspace__status-copy {
  margin: 0;
  color: var(--muted, #69707d);
  font-size: 12px;
}
.sa-workspace__actions,
.sa-workspace__primary-actions,
.sa-workspace__secondary-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}
.sa-workspace__actions > *,
.sa-workspace__primary-actions > *,
.sa-workspace__secondary-actions > * { min-height: 44px; }
.sa-workspace__actions:empty,
.sa-workspace__primary-actions:empty,
.sa-workspace__secondary-actions:empty,
.sa-workspace__metrics:empty,
.sa-workspace__alerts:empty,
.sa-workspace__activity:empty { display: none; }

.sa-workspace__dock {
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
}
.sa-workspace__dock a,
.sa-workspace__dock button { min-height: 44px; }
.sa-workspace__dock-toggle {
  display: none;
  width: 100%;
  min-height: 44px;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  border: 1px solid var(--line, #e7e9f2);
  border-radius: 12px;
  background: var(--panel, #fff);
  color: var(--primary, #4b2aad);
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}
.sa-workspace__dock-toggle::after { content: "Sections"; color: var(--muted, #69707d); font-size: 11px; }
.sa-workspace__dock-toggle:focus-visible { outline: 2px solid var(--primary, #4b2aad); outline-offset: 2px; }
.sa-workspace__dock-drawer-body .sa-workspace__dock {
  display: grid;
  gap: 8px;
  overflow: visible;
}
.sa-workspace__dock-drawer-body .sa-workspace__dock > * {
  width: 100%;
  justify-content: flex-start;
}
.sa-workspace__content { min-width: 0; }
.sa-workspace__announcer {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0);
  white-space: nowrap; border: 0;
}

@media (max-width: 900px) {
  .sa-workspace__header { grid-template-columns: 1fr; }
  .sa-workspace__actions,
  .sa-workspace__primary-actions,
  .sa-workspace__secondary-actions { justify-content: flex-start; }
}

@media (max-width: 640px) {
  .sa-workspace { gap: 14px; }
  .sa-workspace__dock-toggle:not([hidden]) { display: flex; }
  .sa-workspace__dock-drawer { width: min(360px, calc(100vw - 48px)); }
  .sa-workspace__actions,
  .sa-workspace__primary-actions,
  .sa-workspace__secondary-actions { display: grid; grid-template-columns: 1fr; }
  .sa-workspace__actions > *,
  .sa-workspace__primary-actions > *,
  .sa-workspace__secondary-actions > * { width: 100%; min-height: 44px; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
  .sa-workspace__dock { scroll-behavior: auto; }
}