/* src/styles/tokens.css */
:root {
  --buncss-light: ;
  --buncss-dark: initial;
  color-scheme: dark;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  --surface-page: #020812;
  --surface-page-deep: #01050b;
  --surface-sidebar: #050d16;
  --surface-workspace: #07131f;
  --surface-panel: #091827;
  --surface-panel-raised: #0d2032;
  --surface-control: #0b1a28;
  --surface-control-hover: #10283d;
  --surface-overlay: #071522;
  --surface-inset: #030b13;
  --text-strong: #fbfdff;
  --text-primary: #edf4fa;
  --text-secondary: #a9bac8;
  --text-muted: #6a7f91;
  --text-inverse: #03101b;
  --border-subtle: #aed2ed11;
  --border-default: #aed2ed1c;
  --border-strong: #aed2ed2e;
  --border-accent: #329fff57;
  --divider: #aed2ed13;
  --accent-blue: #248cff;
  --accent-blue-strong: #4ea2ff;
  --accent-cyan: #38cfff;
  --accent-violet: #836fff;
  --accent-mint: #2ad990;
  --accent-gold: #d8a74a;
  --accent-gold-hi: #f1c36d;
  --accent-gold-deep: #2a1b0a;
  --accent-rose: #ff6b7a;
  --status-ready: #35d6a3;
  --status-running: #43c8ff;
  --status-idle: #7890a6;
  --status-queued: #d7a34a;
  --status-degraded: #e2a84a;
  --status-action-required: #ff886f;
  --status-unavailable: #ff6f7d;
  --status-not-provided: #8b9bad;
  --status-success: #35d6a3;
  --status-warning: #e2a84a;
  --status-danger: #ff6f7d;
  --accent-blue-soft: #2f8fff1f;
  --accent-cyan-soft: #42c9ff1c;
  --accent-mint-soft: #35d6a31c;
  --accent-gold-soft: #dfa94c1f;
  --accent-rose-soft: #ff6f7d1f;
  --neutral-soft: #8b9bad1a;
  --sheen-page: radial-gradient(circle at 46% -16%, #2374bb1f, transparent 31%), linear-gradient(180deg, #040b14 0%, #020812 52%, #01050b 100%);
  --sheen-sidebar: linear-gradient(180deg, #08141ffc, #030a11);
  --sheen-panel: linear-gradient(180deg, #0c1d2cf0, #07131ffa);
  --sheen-control: linear-gradient(180deg, #0d1f2ff5, #071420fa);
  --sheen-accent: linear-gradient(135deg, #248cff38, #38cfff0e);
  --sheen-brand: linear-gradient(145deg, #66b5ff 0%, #248cff 42%, #735fff 100%);
  --sheen-gold: linear-gradient(135deg, #37250df7, #140e07fc);
  --shadow-panel: 0 18px 50px #00000052, inset 0 1px #ffffff05;
  --shadow-raised: 0 22px 70px #00000057, inset 0 1px #ffffff0a;
  --shadow-brand: 0 10px 28px #2b84ff47, inset 0 1px #ffffff47;
  --focus-ring: 0 0 0 3px #42c9ff47;
  --radius-sm: 7px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --font-xs: 13px;
  --font-sm: 14px;
  --font-md: 15px;
  --font-lg: 18px;
  --font-xl: 22px;
  --font-2xl: 28px;
  --font-3xl: 34px;
  --line-tight: 1.15;
  --line-normal: 1.5;
  --line-relaxed: 1.65;
  --sidebar-width: 232px;
  --context-height: 72px;
  --content-max: 1840px;
  --rail-width: 360px;
  background: var(--surface-page);
  color: var(--text-primary);
  font-family: Inter, Segoe UI Variable, Segoe UI, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
}

*, *:before, *:after {
  box-sizing: border-box;
}

html, body, #root {
  min-width: 320px;
  min-height: 100%;
  margin: 0;
}

html {
  background: var(--surface-page-deep);
}

body {
  min-height: 100vh;
  overflow-x: clip;
  background: var(--sheen-page);
  color: var(--text-primary);
  min-height: 100dvh;
}

button, input, select, textarea {
  font: inherit;
}

button, a {
  -webkit-tap-highlight-color: transparent;
}

button:focus-visible {
  outline: 1px solid var(--accent-cyan);
  outline-offset: 2px;
  box-shadow: var(--focus-ring);
}

a:focus-visible {
  outline: 1px solid var(--accent-cyan);
  outline-offset: 2px;
  box-shadow: var(--focus-ring);
}

input:focus-visible {
  outline: 1px solid var(--accent-cyan);
  outline-offset: 2px;
  box-shadow: var(--focus-ring);
}

select:focus-visible {
  outline: 1px solid var(--accent-cyan);
  outline-offset: 2px;
  box-shadow: var(--focus-ring);
}

textarea:focus-visible {
  outline: 1px solid var(--accent-cyan);
  outline-offset: 2px;
  box-shadow: var(--focus-ring);
}

[tabindex]:focus-visible {
  outline: 1px solid var(--accent-cyan);
  outline-offset: 2px;
  box-shadow: var(--focus-ring);
}

::selection {
  color: var(--text-strong);
  background: #42c9ff3d;
}

/* src/styles/shell.css */
.skip-link {
  position: fixed;
  z-index: 100;
  border: 1px solid var(--border-accent);
  border-radius: var(--radius-sm);
  background: var(--surface-panel-raised);
  color: var(--text-strong);
  padding: 9px 12px;
  transition: transform .12s;
  top: 8px;
  left: 8px;
  transform: translateY(-160%);
}

.skip-link:focus {
  transform: translateY(0);
}

.app-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: var(--sidebar-width) minmax(0, 1fr);
  background: var(--sheen-page);
  min-height: 100dvh;
}

.app-sidebar {
  position: sticky;
  z-index: 30;
  min-width: 0;
  height: 100vh;
  display: flex;
  padding: var(--space-4) var(--space-3) var(--space-3);
  border-right: 1px solid var(--border-subtle);
  background: var(--sheen-sidebar);
  flex-direction: column;
  height: 100dvh;
  top: 0;
  box-shadow: 12px 0 38px #0000003d;
}

.brand-lockup {
  display: flex;
  align-items:  center;
  gap: var(--space-3);
  padding: 0 var(--space-1) var(--space-5);
  min-width: 0;
}

.brand-lockup__mark {
  display: grid;
  background: #051422b8;
  border: 1px solid #54aeff26;
  border-radius: 11px;
  flex: none;
  place-items:  center;
  width: 44px;
  height: 44px;
  box-shadow: 0 9px 26px #0000003d, inset 0 1px #ffffff0a;
}

.brand-lockup__mark img {
  display: block;
  object-fit: contain;
  border-radius: inherit;
  filter: drop-shadow(0 3px 9px #238bff2e);
  width: 100%;
  height: 100%;
}

.brand-lockup__copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.brand-lockup__copy strong {
  overflow: hidden;
  color: var(--text-strong);
  font-size: var(--font-lg);
  letter-spacing: -.02em;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 680;
}

.brand-lockup__copy small {
  overflow: hidden;
  color: var(--text-muted);
  font-size: var(--font-xs);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.app-nav {
  min-width: 0;
}

.app-nav__list {
  display: grid;
  list-style: none;
  gap: 5px;
  margin: 0;
  padding: 0;
}

.app-nav__link {
  position: relative;
  display: flex;
  align-items:  center;
  gap: var(--space-3);
  border-radius: var(--radius-md);
  color: var(--text-secondary);
  text-decoration: none;
  border: 1px solid #0000;
  min-width: 0;
  min-height: 48px;
  padding: 0 11px;
  transition: background .12s, border-color .12s, color .12s, transform .12s;
}

.app-nav__link:before {
  position: absolute;
  content: "";
  background: none;
  border-radius: 999px;
  width: 2px;
  top: 10px;
  bottom: 10px;
  left: -1px;
}

.app-nav__link:hover {
  border-color: var(--border-subtle);
  color: var(--text-primary);
  background: #ffffff06;
}

.app-nav__link[aria-current="page"] {
  color: var(--text-strong);
  background: linear-gradient(#112637e6, #081724f0);
  border-color: #60abe221;
  box-shadow: 0 8px 22px #00000029, inset 0 1px #85d3ff0d;
}

.app-nav__link[aria-current="page"]:before {
  background: var(--accent-cyan);
  box-shadow: 0 0 10px #38cfff57;
}

.app-nav__icon {
  display: grid;
  color: var(--text-muted);
  flex: none;
  place-items:  center;
  width: 24px;
  height: 24px;
}

.app-nav__link[aria-current="page"] .app-nav__icon {
  color: var(--accent-cyan);
}

.app-nav__label {
  overflow: hidden;
  font-size: var(--font-md);
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-weight: 560;
}

.app-nav__advanced {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.app-nav__advanced-trigger {
  display: flex;
  align-items:  center;
  gap: var(--space-3);
  border-radius: var(--radius-md);
  color: var(--text-muted);
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  width: 100%;
  min-height: 44px;
  padding: 0 11px;
}

.app-nav__advanced-trigger:hover, .app-nav__advanced-trigger[data-expanded="true"] {
  border-color: var(--border-subtle);
  color: var(--text-primary);
  background: #ffffff06;
}

.app-nav__advanced-chevron {
  display: grid;
  place-items:  center;
  margin-left: auto;
  transition: transform .12s;
}

.app-nav__advanced-trigger[data-expanded="true"] .app-nav__advanced-chevron {
  transform: rotate(180deg);
}

.app-nav__advanced-list {
  display: grid;
  list-style: none;
  gap: 3px;
  margin: 0;
  padding: 2px 0 0 14px;
}

.app-nav__advanced-list .app-nav__link {
  min-height: 44px;
}

.sidebar-foot {
  display: grid;
  gap: var(--space-2);
  padding: var(--space-4) var(--space-3) var(--space-2);
  border-top: 1px solid var(--divider);
  margin-top: auto;
}

.sidebar-foot__label {
  color: var(--text-muted);
  letter-spacing: .11em;
  font-size: 12px;
  font-weight: 700;
}

.sidebar-account-summary > strong {
  overflow: hidden;
  color: var(--text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}

.sidebar-account-summary > small {
  overflow: hidden;
  color: var(--text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}

.sidebar-connections {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 8px;
}

.sidebar-connections span {
  display: flex;
  color: var(--text-muted);
  align-items:  center;
  gap: 4px;
  font-size: 12px;
}

.sidebar-connections i {
  background: #6c8192;
  border-radius: 50%;
  width: 7px;
  height: 7px;
}

.sidebar-connections span[data-state="ready"] i {
  background: #25e68f;
  box-shadow: 0 0 7px #25e68f6b;
}

.sidebar-connections span[data-state="degraded"] i {
  background: #e4aa3d;
}

.sidebar-connections span[data-state="unavailable"] i {
  background: #ff6573;
}

.app-stage {
  min-width: 0;
  min-height: 100vh;
  min-height: 100dvh;
}

.context-bar {
  position: sticky;
  z-index: 25;
  display: grid;
  grid-template-columns: minmax(230px, 1fr) minmax(320px, 1.35fr) auto;
  align-items:  center;
  gap: var(--space-3);
  border-bottom: 1px solid var(--border-subtle);
  backdrop-filter: blur(18px) saturate(118%);
  background: #020812e0;
  min-width: 0;
  min-height: 68px;
  padding: 10px clamp(16px, 1.5vw, 28px);
  top: 0;
  box-shadow: 0 12px 34px #0003;
}

.context-bar__project, .context-bar__health, .context-bar__route {
  border-radius: var(--radius-md);
  background: #07131f94;
  border: 1px solid #aed2ed12;
  min-width: 0;
  min-height: 48px;
}

.context-bar__project {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items:  center;
  gap: 10px;
  padding: 7px 12px;
}

.context-bar__project-icon, .context-bar__health-icon {
  display: grid;
  color: var(--accent-cyan);
  background: #248cff1a;
  border: 1px solid #38cfff1f;
  border-radius: 8px;
  place-items:  center;
  width: 30px;
  height: 30px;
}

.context-bar__project-copy {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.context-bar__project-copy span, .context-bar__health span, .context-bar__route span, .context-bar__project-context {
  color: var(--text-muted);
  font-size: var(--font-xs);
}

.context-bar__project-context {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 150px;
}

.context-bar__project select {
  outline: 0;
  color: var(--text-secondary);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  min-width: 0;
  max-width: 148px;
  font-size: 12px;
}

.context-bar__project select option {
  color: #eaf4fb;
  background: #071827;
}

.context-bar__project-copy strong, .context-bar__health strong, .context-bar__route strong {
  overflow: hidden;
  color: var(--text-strong);
  font-size: var(--font-sm);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 620;
}

.context-bar__health {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items:  center;
  gap: 10px;
  padding: 7px 10px;
}

.context-bar__health > div {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.context-bar__route {
  display: grid;
  align-content:  center;
  gap: 1px;
  min-width: 160px;
  padding: 7px 12px;
}

.context-bar__tools {
  display: flex;
  justify-content: flex-end;
  align-items:  center;
  gap: 7px;
  min-width: 0;
}

.page-content {
  max-width: var(--content-max);
  width: 100%;
  min-width: 0;
  margin: 0 auto;
  padding: clamp(18px, 1.8vw, 28px) clamp(18px, 1.8vw, 28px) clamp(30px, 3vw, 44px);
}

:where(button, a, select, input, textarea, summary, [tabindex]):focus-visible {
  outline: 2px solid #4ac2ffb8;
  outline-offset: 2px;
}

:where(button, select, input, textarea) {
  transition: border-color .12s, background .12s, box-shadow .12s, color .12s;
}

.page-stack {
  display: grid;
  gap: 18px;
  min-width: 0;
}

.page-header {
  display: flex;
  justify-content: space-between;
  align-items:  flex-start;
  gap: var(--space-5);
  min-width: 0;
  padding: 7px 2px 10px;
}

.visually-hidden {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
}

input[type="file"].visually-hidden {
  display: none !important;
}

.page-header__identity {
  display: flex;
  align-items:  flex-start;
  gap: var(--space-3);
  min-width: 0;
}

.page-header__icon {
  display: grid;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  background: var(--sheen-accent);
  color: var(--accent-cyan);
  flex: none;
  place-items:  center;
  width: 44px;
  height: 44px;
  box-shadow: inset 0 1px #ffffff0a;
}

.page-header__identity > div {
  min-width: 0;
}

.page-header__eyebrow, .section-kicker {
  display: block;
  color: var(--accent-cyan);
  letter-spacing: .12em;
  margin-bottom: 3px;
  font-size: 12px;
  font-weight: 760;
}

.page-header__title-row {
  display: flex;
  align-items:  center;
  gap: var(--space-3);
  flex-wrap: wrap;
  min-width: 0;
}

.page-header h1 {
  color: var(--text-strong);
  letter-spacing: -.035em;
  font-size: clamp(26px, 2vw, 30px);
  font-weight: 680;
  line-height: var(--line-tight);
  margin: 0;
}

.page-header p {
  color: var(--text-secondary);
  font-size: var(--font-md);
  line-height: var(--line-normal);
  max-width: 760px;
  margin: 7px 0 0;
}

.page-header__meta, .page-header__actions {
  display: flex;
  align-items:  center;
  gap: var(--space-2);
}

.review-page > .page-header, .tools-page > .page-header, .activity-page > .page-header, .settings-page > .page-header {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 0;
  border-radius: 14px;
  align-items:  center;
  min-height: 148px;
  padding: 22px 24px;
  box-shadow: 0 22px 54px #0000003d;
}

.review-page > .page-header {
  background: linear-gradient(90deg, #01080ff7 0%, #020d18d6 31%, #03121f6b 51%, #020d1814 73%, #020a1329 100%), url("./module-banner-review-gas5wstm.jpg") center 56% / cover no-repeat;
}

.tools-page > .page-header {
  background: linear-gradient(90deg, #01080ff7 0%, #020d18d6 31%, #03121f6b 51%, #020d1814 73%, #020a1329 100%), url("./module-banner-tools-f8d8gwa0.jpg") center 55% / cover no-repeat;
}

.activity-page > .page-header, .settings-page > .page-header {
  background-color: #020a13;
  background-image: linear-gradient(90deg, #01080ffa 0%, #020d18e0 30%, #03121f70 52%, #020d1812 76%, #020a131f 100%), url("./orchestrator-mountain-g5pk2xhr.jpg");
  background-position: center, center 44%;
  background-repeat: no-repeat;
  background-size: 100% 100%, 100%;
}

.review-page > .page-header > *, .tools-page > .page-header > *, .activity-page > .page-header > *, .settings-page > .page-header > * {
  position: relative;
  z-index: 1;
}

.review-page > .page-header .page-header__icon, .tools-page > .page-header .page-header__icon, .activity-page > .page-header .page-header__icon, .settings-page > .page-header .page-header__icon {
  background: #041d309e;
  border-color: #62cbff4d;
  box-shadow: 0 8px 24px #0000002e, inset 0 1px #ffffff14;
}

.review-page > .page-header h1, .tools-page > .page-header h1, .activity-page > .page-header h1, .settings-page > .page-header h1 {
  color: #f7fbff;
  text-shadow: 0 3px 22px #000000a8;
  font-size: clamp(30px, 2.15vw, 38px);
}

.review-page > .page-header p, .tools-page > .page-header p, .activity-page > .page-header p, .settings-page > .page-header p {
  color: #e2eff9d6;
  text-shadow: 0 2px 12px #0000009e;
  max-width: 820px;
}

@media (max-width: 619px) {
  .review-page > .page-header, .tools-page > .page-header, .activity-page > .page-header, .settings-page > .page-header {
    background-position: center 54%;
    min-height: 122px;
    padding: 17px;
  }

  .activity-page > .page-header, .settings-page > .page-header {
    background-position: center, center 44%;
    background-size: 100% 100%, 100%;
  }
}

.foundation-panel {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) minmax(240px, auto);
  align-items:  center;
  gap: var(--space-5);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-xl);
  background: var(--sheen-panel);
  box-shadow: var(--shadow-panel);
  min-width: 0;
  padding: clamp(20px, 2.2vw, 30px);
}

.foundation-panel__mark {
  display: grid;
  border: 1px solid var(--border-accent);
  border-radius: var(--radius-lg);
  background: var(--accent-blue-soft);
  color: var(--accent-cyan);
  place-items:  center;
  width: 52px;
  height: 52px;
}

.foundation-panel__copy {
  min-width: 0;
}

.foundation-panel__copy h2 {
  color: var(--text-strong);
  font-size: var(--font-xl);
  letter-spacing: -.02em;
  margin: 0;
  font-weight: 650;
}

.foundation-panel__copy p {
  color: var(--text-secondary);
  font-size: var(--font-md);
  line-height: var(--line-relaxed);
  max-width: 780px;
  margin: 7px 0 0;
}

.foundation-panel__facts {
  display: grid;
  padding-left: var(--space-5);
  border-left: 1px solid var(--divider);
  gap: 8px;
}

.foundation-panel__facts span {
  display: flex;
  color: var(--text-secondary);
  font-size: var(--font-sm);
  align-items:  center;
  gap: 7px;
}

.foundation-panel__facts .icon {
  color: var(--status-ready);
}

.status-pill {
  display: inline-flex;
  background: var(--neutral-soft);
  color: var(--status-not-provided);
  white-space: nowrap;
  border: 1px solid;
  border-radius: 999px;
  align-items:  center;
  gap: 6px;
  width: max-content;
  max-width: 100%;
  min-height: 28px;
  padding: 4px 9px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

.status-pill--compact {
  min-height: 24px;
  padding: 3px 7px;
  font-size: 12px;
}

.status-pill > .icon {
  stroke-width: 1.9;
  width: 13px;
  height: 13px;
}

.status-pill[data-tone="ready"], .status-pill[data-tone="success"] {
  background: var(--accent-mint-soft);
  color: var(--status-ready);
}

.status-pill[data-tone="running"] {
  background: var(--accent-cyan-soft);
  color: var(--status-running);
}

.status-pill[data-tone="idle"], .status-pill[data-tone="not-provided"] {
  background: var(--neutral-soft);
  color: var(--status-not-provided);
}

.status-pill[data-tone="queued"], .status-pill[data-tone="degraded"], .status-pill[data-tone="warning"] {
  background: var(--accent-gold-soft);
  color: var(--status-warning);
}

.status-pill[data-tone="action-required"], .status-pill[data-tone="unavailable"], .status-pill[data-tone="danger"] {
  background: var(--accent-rose-soft);
  color: var(--status-unavailable);
}

.icon {
  display: block;
  flex: none;
}

@media (max-width: 1365px) {
  .app-shell {
    grid-template-columns: 204px minmax(0, 1fr);
  }

  .context-bar {
    grid-template-columns: minmax(190px, .9fr) minmax(270px, 1.25fr) auto;
  }

  .context-bar__health .status-pill {
    display: none;
  }
}

@media (max-width: 979px) {
  .app-shell {
    display: block;
  }

  .app-sidebar {
    position: sticky;
    z-index: 40;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    border-right: 0;
    border-bottom: 1px solid var(--border-default);
    align-items:  center;
    gap: 12px;
    width: 100%;
    height: auto;
    padding: 8px 12px;
    top: 0;
    box-shadow: 0 12px 30px #0000002e;
  }

  .brand-lockup {
    padding: 0;
  }

  .brand-lockup__mark {
    border-radius: 9px;
    width: 38px;
    height: 38px;
    font-size: 21px;
  }

  .brand-lockup__copy {
    display: none;
  }

  .app-nav__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 3px;
  }

  .app-nav__advanced {
    position: relative;
  }

  .app-nav__advanced-trigger {
    justify-content: center;
    gap: 6px;
    min-height: 40px;
    padding: 0 6px;
  }

  .app-nav__advanced-list {
    position: absolute;
    z-index: 70;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-md);
    background: #05111cfa;
    min-width: 184px;
    padding: 6px;
    top: calc(100% + 7px);
    right: 0;
    box-shadow: 0 18px 42px #00000061;
  }

  .app-nav__advanced-list .app-nav__link {
    justify-content: flex-start;
  }

  .app-nav__link {
    justify-content: center;
    gap: 6px;
    min-height: 40px;
    padding: 0 6px;
  }

  .app-nav__link:before {
    width: auto;
    height: 2px;
    inset: auto 14px -1px;
  }

  .app-nav__label {
    font-size: var(--font-xs);
  }

  .sidebar-foot {
    display: none;
  }

  .context-bar {
    position: relative;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) auto;
    min-height: auto;
    padding: 10px 14px;
  }

  .context-bar__route {
    display: none;
  }

  .page-content {
    padding: 18px 14px 28px;
  }

  .foundation-panel {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .foundation-panel__facts {
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: var(--space-4) 0 0;
    border-top: 1px solid var(--divider);
    border-left: 0;
  }
}

@media (max-width: 759px) {
  .app-sidebar {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .app-nav__label {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    width: 1px;
    height: 1px;
  }

  .context-bar {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .context-bar__health {
    display: none;
  }

  .page-header {
    align-items: stretch;
  }

  .page-header__actions {
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .foundation-panel {
    grid-template-columns: 1fr;
    align-items:  start;
  }

  .foundation-panel__facts {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 619px) {
  .app-sidebar {
    padding: 7px 9px;
  }

  .brand-lockup__mark {
    width: 36px;
    height: 36px;
  }

  .app-nav__link {
    min-height: 38px;
    padding: 0 3px;
  }

  .context-bar {
    padding: 8px 10px;
  }

  .context-bar__project {
    min-height: 44px;
  }

  .page-content {
    padding: 16px 10px 24px;
  }

  .page-header {
    gap: 10px;
  }

  .page-header__icon {
    width: 40px;
    height: 40px;
  }

  .page-header h1 {
    font-size: 23px;
  }

  .page-header p {
    font-size: var(--font-sm);
  }
}

.account-menu {
  position: relative;
}

.context-avatar {
  cursor: pointer;
  border: 1px solid #5dadff57;
}

.account-menu__popover {
  position: absolute;
  z-index: 82;
  overflow: hidden;
  border: 1px solid var(--border-strong);
  background: linear-gradient(#0a1e2ffc, #05111cfc);
  border-radius: 12px;
  width: 270px;
  top: 46px;
  right: 0;
  box-shadow: 0 22px 60px #00000075;
}

.account-menu__popover > header {
  display: flex;
  border-bottom: 1px solid var(--divider);
  align-items:  center;
  gap: 9px;
  padding: 11px;
}

.account-menu__avatar {
  display: grid;
  background: var(--sheen-brand);
  color: #fff;
  border-radius: 50%;
  flex: none;
  place-items:  center;
  width: 34px;
  height: 34px;
  font-size: 13px;
  font-weight: 750;
}

.account-menu__popover > header > div {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.account-menu__popover strong {
  overflow: hidden;
  color: var(--text-strong);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}

.account-menu__popover span, .account-menu__popover small {
  overflow: hidden;
  color: var(--text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}

.account-menu__popover > div {
  display: grid;
  padding: 5px;
}

.account-menu__popover button {
  display: flex;
  color: var(--text-secondary);
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 7px;
  align-items:  center;
  gap: 8px;
  min-height: 35px;
  padding: 0 8px;
  font-size: 11px;
}

.account-menu__popover button:hover {
  color: var(--text-primary);
  background: #248cff14;
}

.account-menu__popover button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

@media (prefers-reduced-motion: reduce) {
  *, *:before, *:after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* src/styles/workbench.css */
.context-tool-button, .quiet-button, .rail-link-button, .launcher-card, .filter-chip, .command-result {
  font: inherit;
  cursor: pointer;
  border: 0;
}

.context-tool-button {
  display: inline-flex;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  color: var(--text-secondary);
  background: #071420cc;
  justify-content: center;
  align-items:  center;
  gap: 8px;
  min-height: 42px;
  padding: 0 11px;
  transition: color .12s, border-color .12s, background .12s;
}

.context-tool-button:hover {
  border-color: var(--border-strong);
  background: var(--surface-control-hover);
  color: var(--text-strong);
}

.context-search-button {
  justify-content: flex-start;
  min-width: 122px;
}

.context-search-button > span {
  font-size: var(--font-sm);
}

.context-tool-button kbd, .command-palette kbd {
  border: 1px solid var(--border-subtle);
  border-bottom-color: var(--border-strong);
  color: var(--text-muted);
  background: #ffffff06;
  border-radius: 5px;
  margin-left: auto;
  padding: 2px 5px;
  font-family: inherit;
  font-size: 12px;
  line-height: 1.2;
}

.context-icon-button {
  position: relative;
  width: 42px;
  padding: 0;
}

.attention-control {
  position: relative;
}

.attention-badge {
  position: absolute;
  display: grid;
  border: 2px solid var(--surface-page);
  background: var(--accent-rose);
  color: #fff;
  border-radius: 999px;
  place-items:  center;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  font-size: 12px;
  font-weight: 800;
  top: -5px;
  right: -5px;
}

.context-avatar {
  display: grid;
  background: var(--sheen-brand);
  color: #fff;
  font-size: var(--font-md);
  border: 1px solid #5dadff57;
  border-radius: 50%;
  place-items:  center;
  width: 42px;
  height: 42px;
  font-weight: 760;
  box-shadow: 0 8px 22px #2276d338, inset 0 1px #ffffff38;
}

.command-palette-backdrop {
  position: fixed;
  z-index: 90;
  display: grid;
  backdrop-filter: blur(10px);
  background: #01070da8;
  place-items:  start center;
  padding: min(15vh, 140px) 20px 20px;
  inset: 0;
}

.command-palette {
  overflow: hidden;
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-xl);
  background: linear-gradient(#11273afc, #07131ffc);
  width: min(680px, 100%);
  box-shadow: 0 32px 100px #00000080, inset 0 1px #ffffff0a;
}

.command-palette__input-wrap {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  border-bottom: 1px solid var(--divider);
  color: var(--text-muted);
  align-items:  center;
  gap: 10px;
  padding: 14px 16px;
}

.command-palette__input-wrap input {
  outline: 0;
  color: var(--text-strong);
  font-size: var(--font-lg);
  background: none;
  border: 0;
  width: 100%;
  min-width: 0;
}

.command-palette__input-wrap input::placeholder {
  color: var(--text-muted);
}

.command-palette__results {
  overflow-y: auto;
  max-height: min(55vh, 520px);
  padding: 8px;
}

.command-result {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  border-radius: var(--radius-md);
  color: var(--text-secondary);
  text-align: left;
  background: none;
  border: 1px solid #0000;
  align-items:  center;
  gap: 12px;
  width: 100%;
  min-width: 0;
  padding: 10px 11px;
}

.command-result:hover, .command-result[aria-selected="true"] {
  border-color: var(--border-subtle);
  background: #2f8fff14;
}

.command-result__icon {
  display: grid;
  border: 1px solid var(--border-subtle);
  color: var(--accent-cyan);
  background: #2f8fff14;
  border-radius: 8px;
  place-items:  center;
  width: 34px;
  height: 34px;
}

.command-result__copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.command-result__copy strong {
  color: var(--text-strong);
  font-size: var(--font-md);
  font-weight: 620;
}

.command-result__copy small, .command-result__path {
  overflow: hidden;
  color: var(--text-muted);
  font-size: var(--font-xs);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.command-result__path {
  max-width: 150px;
}

.command-palette__empty {
  color: var(--text-muted);
  font-size: var(--font-sm);
  text-align: center;
  padding: 26px 16px;
}

.attention-popover {
  position: absolute;
  z-index: 70;
  overflow: hidden;
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-raised);
  background: linear-gradient(#112639fc, #07121efc);
  width: min(390px, 100vw - 28px);
  top: calc(100% + 10px);
  right: 0;
}

.attention-popover > header {
  display: flex;
  border-bottom: 1px solid var(--divider);
  justify-content: space-between;
  align-items:  center;
  gap: 12px;
  padding: 14px 15px;
}

.attention-popover h2 {
  color: var(--text-strong);
  font-size: var(--font-md);
  margin: 0;
}

.attention-popover__body {
  overflow-y: auto;
  max-height: 430px;
  padding: 7px;
}

.attention-health-summary {
  border-bottom: 1px solid var(--divider);
  padding: 2px 2px 9px;
}

.attention-health-summary > header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  padding: 2px 2px 5px;
}

.attention-health-summary > header strong {
  color: var(--text-primary);
  font-size: var(--font-sm);
}

.attention-health-summary > header small {
  overflow: hidden;
  color: var(--text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
}

.attention-health-summary__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
}

.attention-health-summary__grid > div {
  display: grid;
  background: #030e188c;
  border: 1px solid #7eaccc1f;
  border-radius: 7px;
  gap: 2px;
  min-width: 0;
  padding: 7px;
}

.attention-health-summary__grid span {
  color: var(--text-muted);
  letter-spacing: .03em;
  font-size: 10px;
}

.attention-health-summary__grid strong {
  overflow: hidden;
  color: var(--text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
}

.attention-health-summary__grid small {
  overflow: hidden;
  color: var(--text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  line-height: 1.35;
}

.attention-health-summary__grid > div[data-health-state="ready"] strong {
  color: var(--accent-mint);
}

.attention-health-summary__grid > div[data-health-state="degraded"] strong {
  color: var(--accent-gold);
}

.attention-health-summary__grid > div[data-health-state="unavailable"] strong {
  color: var(--accent-rose);
}

.attention-health-summary__grid > div[data-health-state="not-provided"] strong {
  color: var(--text-muted);
}

.attention-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  border-bottom: 1px solid var(--divider);
  gap: 10px;
  min-width: 0;
  padding: 10px 9px;
}

.attention-item:last-child {
  border-bottom: 0;
}

.attention-item__severity {
  display: grid;
  background: var(--neutral-soft);
  color: var(--text-secondary);
  border-radius: 6px;
  place-items:  center;
  min-width: 34px;
  height: 24px;
  font-size: 12px;
  font-weight: 800;
}

.attention-item[data-severity="P0"] .attention-item__severity, .attention-item[data-severity="P1"] .attention-item__severity {
  background: var(--accent-rose-soft);
  color: var(--accent-rose);
}

.attention-item[data-severity="P2"] .attention-item__severity {
  background: var(--accent-gold-soft);
  color: var(--accent-gold);
}

.attention-item strong {
  color: var(--text-primary);
  font-size: var(--font-sm);
}

.attention-item p {
  color: var(--text-secondary);
  font-size: var(--font-xs);
  margin: 3px 0 0;
  line-height: 1.5;
}

.attention-item small {
  display: block;
  color: var(--text-muted);
  margin-top: 5px;
  font-size: 12px;
}

.attention-popover__empty {
  display: flex;
  color: var(--text-muted);
  font-size: var(--font-sm);
  text-align: center;
  justify-content: center;
  align-items:  center;
  gap: 9px;
  min-height: 92px;
  padding: 18px;
}

.dashboard-page {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.dashboard-hero {
  position: relative;
  display: flex;
  overflow: hidden;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-panel);
  background: radial-gradient(circle at 72% 8%, #248cff30, #0000 30%), radial-gradient(circle at 93% 60%, #836fff1c, #0000 24%), linear-gradient(115deg, #0a1c2cfa, #040d16fe);
  border: 1px solid #57a0de2b;
  justify-content: space-between;
  align-items:  center;
  gap: 24px;
  min-width: 0;
  min-height: 90px;
  padding: 14px 18px;
}

.dashboard-hero:before, .dashboard-hero:after {
  position: absolute;
  pointer-events: none;
  content: "";
  bottom: -1px;
  right: -2%;
}

.dashboard-hero:before {
  opacity: .72;
  clip-path: polygon(0 100%, 17% 67%, 26% 77%, 43% 35%, 51% 49%, 65% 6%, 74% 42%, 82% 25%, 91% 56%, 100% 44%, 100% 100%);
  filter: drop-shadow(-22px 0 34px #1257921f);
  background: linear-gradient(138deg, #296fa81a 0 36%, #285c8775 36.5% 48%, #0d2940e0 48.5% 100%);
  width: 48%;
  height: 96%;
}

.dashboard-hero:after {
  opacity: .76;
  clip-path: polygon(0 100%, 14% 70%, 25% 82%, 40% 54%, 50% 66%, 64% 39%, 76% 69%, 87% 52%, 100% 72%, 100% 100%);
  background: linear-gradient(#0f314b3d, #04131ff0);
  width: 43%;
  height: 62%;
}

.dashboard-hero__copy {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.dashboard-hero h1 {
  color: var(--text-strong);
  letter-spacing: -.045em;
  margin: 0;
  font-size: clamp(24px, 1.8vw, 29px);
  font-weight: 700;
  line-height: 1.08;
}

.dashboard-hero p {
  color: var(--text-secondary);
  font-size: var(--font-md);
  max-width: 780px;
  margin: 5px 0 0;
  line-height: 1.5;
}

.dashboard-hero__signature {
  position: relative;
  z-index: 1;
  display: flex;
  color: var(--text-secondary);
  font-size: var(--font-xs);
  background: #04101b6b;
  border: 1px solid #70baef2e;
  border-radius: 999px;
  flex: none;
  align-items:  center;
  gap: 8px;
  padding: 8px 11px;
}

.dashboard-hero__signature .icon {
  color: var(--accent-cyan);
}

.launcher-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.launcher-card {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  border-radius: var(--radius-lg);
  color: #eef7ffe6;
  text-align: left;
  background: linear-gradient(#0a1b2adb, #05111ceb);
  border: 1px solid #8ec2e413;
  align-items:  center;
  gap: 11px;
  min-width: 0;
  min-height: 50px;
  padding: 7px 10px;
  transition: transform .12s, border-color .12s, background .12s, box-shadow .12s;
  box-shadow: inset 0 1px #ffffff06;
}

.launcher-card:hover {
  background: linear-gradient(#0d2233f0, #071522f5);
  border-color: #56b2f12e;
  transform: translateY(-1px);
  box-shadow: 0 10px 26px #00000024, inset 0 1px #62cdff0b;
}

.launcher-card:before {
  position: absolute;
  background: var(--accent-blue);
  content: "";
  border-radius: 999px;
  width: 2px;
  top: 7px;
  bottom: 7px;
  left: -1px;
}

.launcher-card__icon {
  display: grid;
  color: #bce0ff;
  background: #92cdff17;
  border: 1px solid #d2ebff29;
  border-radius: 11px;
  place-items:  center;
  width: 34px;
  height: 34px;
  box-shadow: inset 0 1px #ffffff0f;
}

.launcher-card[data-tone="violet"] {
  background: linear-gradient(#0a1b2adb, #05111ceb);
  border-color: #8ec2e413;
}

.launcher-card[data-tone="violet"]:hover {
  background: linear-gradient(#141c30f0, #081422f5);
  border-color: #8f7cff33;
}

.launcher-card[data-tone="violet"]:before {
  background: var(--accent-violet);
}

.launcher-card[data-tone="violet"] .launcher-card__icon {
  color: #c5bcff;
  background: #b8aeff1a;
}

.launcher-card[data-tone="mint"] {
  background: linear-gradient(#0a1b2adb, #05111ceb);
  border-color: #8ec2e413;
}

.launcher-card[data-tone="mint"]:hover {
  background: linear-gradient(#0a2626eb, #06171ef5);
  border-color: #2ad9902e;
}

.launcher-card[data-tone="mint"]:before {
  background: var(--accent-mint);
}

.launcher-card[data-tone="mint"] .launcher-card__icon {
  color: #78edbd;
  background: #73f0be17;
}

.launcher-card[data-tone="gold"] {
  background: linear-gradient(#0a1b2adb, #05111ceb);
  border-color: #8ec2e413;
  box-shadow: inset 0 1px #f1c36d09;
}

.launcher-card[data-tone="gold"]:hover {
  background: linear-gradient(#231d13eb, #0d141bf7);
  border-color: #f1c36d2e;
}

.launcher-card[data-tone="gold"]:before {
  background: var(--accent-gold);
}

.launcher-card[data-tone="gold"] .launcher-card__icon {
  color: var(--accent-gold-hi);
  background: #d8a74a17;
  border-color: #f1c36d57;
  box-shadow: inset 0 1px #ffe8b114;
}

.launcher-card__copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.launcher-card__copy strong {
  overflow: hidden;
  color: #fff;
  font-size: var(--font-md);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 650;
}

.launcher-card__copy small {
  overflow: hidden;
  color: #e0effbb8;
  font-size: var(--font-xs);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.metric-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.metric-card {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  background: linear-gradient(#0b1c2bf5, #06121dfa);
  min-width: 0;
  min-height: 96px;
  padding: 12px 13px 11px;
  box-shadow: inset 0 1px #ffffff06;
}

.metric-card:after {
  position: absolute;
  content: "";
  background: #2f8fff12;
  border-radius: 50%;
  width: 110px;
  height: 110px;
  bottom: -40px;
  right: -24px;
}

.metric-card[data-tone="mint"]:after {
  background: #35d6a312;
}

.metric-card[data-tone="cyan"]:after {
  background: #42c9ff12;
}

.metric-card[data-tone="gold"]:after {
  background: #dfa94c13;
}

.metric-card__head {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items:  center;
  gap: 8px;
  min-width: 0;
}

.metric-card__icon {
  display: grid;
  background: var(--accent-blue-soft);
  color: var(--accent-blue-strong);
  border-radius: 8px;
  place-items:  center;
  width: 30px;
  height: 30px;
}

.metric-card[data-tone="mint"] .metric-card__icon {
  background: var(--accent-mint-soft);
  color: var(--accent-mint);
}

.metric-card[data-tone="cyan"] .metric-card__icon {
  background: var(--accent-cyan-soft);
  color: var(--accent-cyan);
}

.metric-card[data-tone="gold"] .metric-card__icon {
  background: var(--accent-gold-soft);
  color: var(--accent-gold);
}

.metric-card__label {
  overflow: hidden;
  color: var(--text-secondary);
  font-size: var(--font-sm);
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-weight: 560;
}

.metric-card__head .status-pill {
  overflow: hidden;
  max-width: 94px;
}

.metric-card__head .status-pill span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.metric-card__value {
  position: relative;
  z-index: 1;
  color: var(--text-strong);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.04em;
  margin-top: 7px;
  font-size: 29px;
  font-weight: 720;
  line-height: 1;
}

.metric-card p {
  position: relative;
  z-index: 1;
  overflow: hidden;
  color: var(--text-muted);
  font-size: var(--font-xs);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 7px 0 0;
}

.dashboard-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, var(--rail-width));
  align-items:  start;
  gap: 12px;
  min-width: 0;
}

.dashboard-main-column {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.workers-panel, .activity-console, .run-rail {
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-panel);
  background: #06121de6;
  min-width: 0;
}

.workers-panel {
  padding: 13px;
}

.section-header {
  display: flex;
  justify-content: space-between;
  align-items:  flex-end;
  gap: 14px;
  min-width: 0;
  padding: 0 1px 10px;
}

.section-header h2, .activity-console h2, .run-rail h2 {
  color: var(--text-strong);
  font-size: var(--font-lg);
  letter-spacing: -.02em;
  margin: 0;
  font-weight: 650;
}

.section-header p {
  color: var(--text-muted);
  font-size: var(--font-xs);
  margin: 3px 0 0;
}

.section-header__actions {
  display: flex;
  flex: none;
  align-items:  center;
  gap: 7px;
}

.quiet-button {
  display: inline-flex;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-sm);
  color: var(--text-secondary);
  font-size: var(--font-xs);
  background: #ffffff06;
  justify-content: center;
  align-items:  center;
  gap: 5px;
  min-height: 30px;
  padding: 0 9px;
}

.quiet-button:hover:not(:disabled) {
  border-color: var(--border-strong);
  color: var(--text-strong);
}

.quiet-button:disabled {
  cursor: not-allowed;
  opacity: .45;
}

.quiet-button--link {
  color: var(--accent-cyan);
  background: none;
  border-color: #0000;
}

.worker-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

.worker-card {
  display: grid;
  border-radius: var(--radius-md);
  background: linear-gradient(#0c1e2ef5, #071420f7);
  border: 1px solid #aed2ed0e;
  align-content:  start;
  gap: 9px;
  min-width: 0;
  min-height: 145px;
  padding: 10px 10px 9px;
  transition: border-color .12s, background .12s, transform .12s;
}

.worker-card:hover {
  background: #0d2132fa;
  border-color: #4ea2ff2e;
  transform: translateY(-1px);
}

.worker-card__topline {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items:  center;
  gap: 7px;
  min-width: 0;
}

.worker-card__avatar {
  display: grid;
  border: 1px solid var(--border-subtle);
  color: var(--accent-cyan);
  background: #2f8fff17;
  border-radius: 8px;
  place-items:  center;
  width: 30px;
  height: 30px;
}

.worker-card__identity {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.worker-card__identity strong, .worker-card__task strong {
  overflow: hidden;
  color: var(--text-strong);
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.worker-card__identity strong {
  font-size: var(--font-sm);
  font-weight: 650;
}

.worker-card__identity span, .worker-card__task-label, .worker-card__progress-copy span, .worker-card__meta span {
  color: var(--text-muted);
  font-size: 12px;
}

.worker-card__identity span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.worker-card__task {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.worker-card__task strong {
  font-size: var(--font-xs);
  font-weight: 560;
}

.worker-card__progress-row {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.worker-card__progress-copy {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}

.worker-card__progress-copy strong {
  color: var(--text-secondary);
  font-variant-numeric: tabular-nums;
  font-size: 12px;
}

progress {
  overflow: hidden;
  appearance: none;
  background: #ffffff0e;
  border: 0;
  border-radius: 999px;
  width: 100%;
  height: 6px;
}

progress::-webkit-progress-bar {
  background: #ffffff0e;
  border-radius: 999px;
}

progress::-webkit-progress-value {
  background: linear-gradient(90deg, var(--accent-blue), var(--accent-cyan));
  border-radius: 999px;
}

progress::-moz-progress-bar {
  background: var(--accent-blue);
  border-radius: 999px;
}

.worker-card__meta {
  display: flex;
  justify-content: space-between;
  align-items:  center;
  gap: 7px;
  min-width: 0;
  padding-top: 1px;
}

.worker-card__meta span {
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items:  center;
  gap: 4px;
  min-width: 0;
}

.worker-card__meta span:first-child {
  flex: auto;
}

.worker-card__meta span:last-child {
  flex: none;
}

.compact-empty-state {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  border-top: 1px solid var(--divider);
  align-items:  center;
  gap: 12px;
  min-width: 0;
  min-height: 86px;
  padding: 12px;
}

.compact-empty-state__icon {
  display: grid;
  background: var(--neutral-soft);
  color: var(--text-muted);
  border-radius: 9px;
  place-items:  center;
  width: 38px;
  height: 38px;
}

.compact-empty-state strong {
  color: var(--text-primary);
  font-size: var(--font-sm);
}

.compact-empty-state p {
  color: var(--text-muted);
  font-size: var(--font-xs);
  margin: 3px 0 0;
}

.activity-console {
  overflow: hidden;
}

.activity-console__header {
  display: flex;
  border-bottom: 1px solid var(--divider);
  justify-content: space-between;
  align-items:  center;
  gap: 12px;
  min-width: 0;
  min-height: 48px;
  padding: 8px 10px;
}

.activity-console__title {
  display: flex;
  align-items:  center;
  gap: 8px;
  min-width: 0;
}

.activity-console__title > div {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.activity-console__title > div span {
  color: var(--text-muted);
  font-size: 12px;
}

.activity-console__terminal {
  display: grid;
  color: var(--accent-cyan);
  background: #2f8fff17;
  border-radius: 8px;
  place-items:  center;
  width: 30px;
  height: 30px;
}

.activity-console__actions {
  display: flex;
  justify-content: flex-end;
  align-items:  center;
  gap: 7px;
  min-width: 0;
}

.activity-console__filters {
  display: flex;
  align-items:  center;
  gap: 3px;
}

.filter-chip {
  color: var(--text-muted);
  background: none;
  border-radius: 6px;
  min-height: 28px;
  padding: 0 8px;
  font-size: 12px;
}

.filter-chip:hover, .filter-chip[aria-pressed="true"] {
  color: var(--text-primary);
  background: #2f8fff1a;
}

.filter-chip[aria-pressed="true"] {
  box-shadow: inset 0 -1px var(--accent-cyan);
}

.activity-console__body {
  overflow: auto;
  scrollbar-color: #6d96b559 transparent;
  scrollbar-width: thin;
  background: linear-gradient(#020910c7, #01070deb);
  height: 182px;
  padding: 8px 10px 10px;
}

.activity-row {
  display: grid;
  grid-template-columns: 64px 76px minmax(96px, .5fr) minmax(180px, 1.6fr) minmax(0, .8fr);
  color: var(--text-secondary);
  align-items: baseline;
  gap: 8px;
  min-width: 0;
  min-height: 23px;
  font-family: Cascadia Code, SFMono-Regular, Consolas, monospace;
  font-size: 12px;
  line-height: 1.6;
}

.activity-row time, .activity-row__detail {
  color: var(--text-muted);
  font-variant-numeric: tabular-nums;
}

.activity-row__level {
  color: var(--accent-cyan);
  font-weight: 700;
}

.activity-row[data-level="success"] .activity-row__level {
  color: var(--accent-mint);
}

.activity-row[data-level="warning"] .activity-row__level {
  color: var(--accent-gold);
}

.activity-row[data-level="error"] .activity-row__level {
  color: var(--accent-rose);
}

.activity-row strong, .activity-row__summary, .activity-row__detail {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.activity-row strong {
  color: var(--text-primary);
  font-weight: 600;
}

.activity-console__empty {
  display: flex;
  color: var(--text-muted);
  font-size: var(--font-sm);
  text-align: center;
  justify-content: center;
  align-items:  center;
  gap: 9px;
  height: 100%;
}

.run-rail {
  overflow: hidden;
  min-width: 0;
  padding: 14px;
}

.run-rail__header {
  display: flex;
  justify-content: space-between;
  align-items:  flex-start;
  gap: 10px;
  min-width: 0;
}

.run-rail__header > div {
  min-width: 0;
}

.run-rail__header h2 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.run-rail__subtitle {
  color: var(--text-muted);
  font-size: var(--font-xs);
  margin: 5px 0 0;
  line-height: 1.45;
}

.run-progress {
  display: grid;
  gap: 6px;
  margin-top: 14px;
}

.run-progress > div {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
}

.run-progress span, .run-rail__section-head span {
  color: var(--text-secondary);
  font-size: var(--font-xs);
}

.run-progress strong {
  color: var(--text-strong);
  font-size: var(--font-xl);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.03em;
}

.run-progress small {
  color: var(--text-muted);
  font-size: 12px;
  line-height: 1.45;
}

.run-rail__divider {
  background: var(--divider);
  height: 1px;
  margin: 13px 0 10px;
}

.run-rail__section-head {
  display: flex;
  justify-content: space-between;
  align-items:  center;
  gap: 10px;
  margin-bottom: 7px;
}

.run-rail__section-head strong {
  color: var(--accent-cyan);
  font-size: var(--font-xs);
  font-variant-numeric: tabular-nums;
}

.run-step-list {
  position: relative;
  display: grid;
  list-style: none;
  gap: 0;
  margin: 0;
  padding: 0;
}

.run-step-list:before {
  position: absolute;
  background: var(--border-default);
  content: "";
  width: 1px;
  top: 16px;
  bottom: 16px;
  left: 14px;
}

.run-step {
  position: relative;
  display: grid;
  grid-template-columns: 29px minmax(0, 1fr);
  align-items:  center;
  gap: 9px;
  min-width: 0;
  min-height: 48px;
  padding: 5px 0;
}

.run-step__node {
  position: relative;
  z-index: 1;
  display: grid;
  border: 2px solid var(--border-strong);
  background: var(--surface-panel);
  color: var(--text-muted);
  border-radius: 50%;
  place-items:  center;
  width: 29px;
  height: 29px;
  font-size: 12px;
  font-weight: 750;
}

.run-step[data-state="done"] .run-step__node {
  border-color: var(--accent-mint);
  background: var(--accent-mint);
  color: var(--text-inverse);
}

.run-step[data-state="current"] .run-step__node {
  border-color: var(--accent-blue);
  background: var(--accent-blue-soft);
  color: var(--accent-cyan);
  box-shadow: 0 0 0 4px #2f8fff14;
}

.run-step[data-state="blocked"] .run-step__node {
  color: var(--accent-gold);
  border-color: #dfa94c70;
}

.run-step > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.run-step strong, .run-step span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.run-step strong {
  color: var(--text-primary);
  font-size: var(--font-xs);
  font-weight: 590;
}

.run-step span {
  color: var(--text-muted);
  font-size: 12px;
}

.run-step[data-state="pending"] strong, .run-step[data-state="blocked"] strong {
  color: var(--text-secondary);
}

.run-rail__empty {
  display: flex;
  color: var(--text-muted);
  font-size: var(--font-sm);
  text-align: center;
  justify-content: center;
  align-items:  center;
  gap: 8px;
  min-height: 142px;
}

.rail-link-button {
  display: flex;
  border: 1px solid var(--border-accent);
  border-radius: var(--radius-sm);
  background: var(--accent-blue-soft);
  color: var(--accent-cyan);
  font-size: var(--font-xs);
  justify-content: center;
  align-items:  center;
  gap: 6px;
  width: 100%;
  min-height: 34px;
  margin-top: 9px;
}

.rail-link-button:hover {
  background: #2f8fff2b;
}

@media (max-width: 1599px) {
  .dashboard-workspace {
    grid-template-columns: minmax(0, 1fr) 340px;
  }

  .worker-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1365px) {
  .context-search-button {
    width: 38px;
    min-width: 38px;
    padding: 0;
  }

  .context-search-button > span, .context-search-button kbd, .context-bar__project-context {
    display: none;
  }

  .dashboard-hero {
    min-height: 104px;
  }

  .launcher-grid, .metric-grid, .worker-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .worker-card:nth-child(n) {
    display: grid;
  }

  .activity-console__filters .filter-chip:nth-child(n+4) {
    display: none;
  }
}

@media (max-width: 1180px) {
  .dashboard-workspace {
    grid-template-columns: minmax(0, 1fr);
  }

  .run-rail {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, .85fr);
    column-gap: 22px;
  }

  .run-rail__header, .run-rail__subtitle, .run-progress, .run-rail__divider {
    grid-column: 1;
  }

  .run-rail__section-head, .run-step-list, .run-rail__empty, .rail-link-button {
    grid-column: 2;
  }

  .run-rail__section-head {
    grid-row: 1;
  }

  .run-step-list, .run-rail__empty {
    grid-row: 2 / span 4;
    align-self:  start;
    margin-top: 28px;
  }

  .rail-link-button {
    align-self:  end;
  }
}

@media (max-width: 979px) {
  .context-tool-button {
    min-height: 36px;
  }

  .context-avatar {
    width: 36px;
    height: 36px;
  }

  .dashboard-hero__signature {
    display: none;
  }

  .launcher-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .metric-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .metric-card__head .status-pill {
    display: none;
  }

  .metric-card__head {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .run-rail {
    display: block;
  }

  .activity-row {
    grid-template-columns: 58px 70px minmax(84px, .45fr) minmax(180px, 1.6fr);
  }

  .activity-row__detail {
    display: none;
  }
}

@media (max-width: 759px) {
  .launcher-grid, .metric-grid, .worker-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dashboard-hero {
    min-height: 98px;
    padding: 16px;
  }

  .dashboard-hero h1 {
    font-size: 25px;
  }

  .launcher-card {
    min-height: 66px;
  }

  .launcher-card > .icon:last-child {
    display: none;
  }

  .launcher-card {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .section-header {
    align-items:  flex-start;
  }

  .section-header__actions .status-pill {
    display: none;
  }

  .activity-console__header {
    flex-direction: column;
    align-items:  flex-start;
  }

  .activity-console__actions {
    justify-content: space-between;
    width: 100%;
  }

  .activity-console__body {
    height: 210px;
  }

  .activity-row {
    grid-template-columns: 56px 68px minmax(0, 1fr);
    gap: 6px;
  }

  .activity-row strong {
    display: none;
  }

  .activity-row__summary {
    grid-column: 3;
  }

  .compact-empty-state {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .compact-empty-state .quiet-button {
    grid-column: 1 / -1;
    width: max-content;
  }
}

@media (max-width: 619px) {
  .context-avatar {
    display: none;
  }

  .dashboard-page {
    gap: 10px;
  }

  .dashboard-hero {
    min-height: 0;
    padding: 14px;
  }

  .dashboard-hero h1 {
    font-size: 23px;
  }

  .dashboard-hero p {
    font-size: var(--font-sm);
  }

  .launcher-grid, .metric-grid, .worker-grid {
    grid-template-columns: 1fr;
  }

  .launcher-card {
    min-height: 60px;
  }

  .metric-card {
    min-height: 98px;
  }

  .metric-card__value {
    font-size: 27px;
  }

  .workers-panel {
    padding: 10px;
  }

  .worker-card {
    min-height: 138px;
  }

  .activity-console__filters {
    overflow-x: auto;
    max-width: calc(100vw - 132px);
  }

  .attention-popover {
    position: fixed;
    width: auto;
    top: 58px;
    left: 10px;
    right: 10px;
  }
}

.dashboard-page {
  gap: 0;
}

.dashboard-frame {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 368px;
  align-items:  start;
  gap: 12px;
  min-width: 0;
}

.dashboard-frame[data-rail-collapsed="true"] {
  grid-template-columns: minmax(0, 1fr) 42px;
}

.dashboard-main-column {
  gap: 10px;
}

.dashboard-hero {
  background: linear-gradient(90deg, #01080ff7 0%, #020d18d6 31%, #03121f6b 51%, #020d181a 72%, #020a132e 100%), linear-gradient(#04142203 0%, #03111d0d 52%, #01080f75 100%), url("./module-banner-workbench-1gwcw7k4.jpg") center 55% / cover no-repeat;
  border: 0;
  min-height: 148px;
  padding: 23px 24px;
  box-shadow: 0 22px 54px #0000003d;
}

.dashboard-hero:before, .dashboard-hero:after {
  display: none;
}

.dashboard-hero__copy {
  max-width: 720px;
}

.dashboard-hero h1 {
  text-shadow: 0 3px 22px #0000009e;
  font-size: clamp(29px, 2.15vw, 38px);
}

.dashboard-hero p {
  color: #e2eff9d1;
  font-size: var(--font-md);
  text-shadow: 0 2px 12px #0000008c;
  margin-top: 8px;
}

.dashboard-hero blockquote {
  position: relative;
  z-index: 2;
  color: #eff8ffd6;
  text-align: right;
  text-shadow: 0 2px 14px #000000bf;
  max-width: 260px;
  margin: 0 0 0 auto;
  font-size: 13px;
  font-style: normal;
}

.dashboard-hero blockquote > span {
  color: #6ecaffb3;
  vertical-align: -8px;
  font-size: 28px;
}

.dashboard-hero blockquote small {
  display: block;
  color: #aec8dbb8;
  margin-top: 4px;
  font-size: 11px;
}

.launcher-grid {
  gap: 8px;
}

.launcher-card {
  background: linear-gradient(145deg, #1063d9eb, #0a48aedb);
  border-color: #6bbdff3d;
  min-height: 74px;
  padding: 10px 13px;
  box-shadow: inset 0 1px #ffffff2e, inset 0 -18px 36px #00165029, 0 10px 25px #004cb82e;
}

.launcher-card:before {
  display: none;
}

.launcher-card:hover {
  background: linear-gradient(145deg, #1a7efffa, #0c58cbf0);
  border-color: #88d5ff80;
  transform: translateY(-2px);
  box-shadow: inset 0 1px #ffffff3d, 0 13px 32px #0056d347;
}

.launcher-card[data-tone="violet"] {
  background: linear-gradient(145deg, #6848d1f0, #44309fe6);
  border-color: #b097ff47;
  box-shadow: inset 0 1px #ffffff2e, 0 10px 25px #5131b830;
}

.launcher-card[data-tone="violet"]:hover {
  background: linear-gradient(145deg, #805bebfa, #4f39b2f0);
}

.launcher-card[data-tone="mint"] {
  background: linear-gradient(145deg, #0b9d66f0, #06694be8);
  border-color: #46e5a745;
  box-shadow: inset 0 1px #ffffff2b, 0 10px 25px #007f522e;
}

.launcher-card[data-tone="mint"]:hover {
  background: linear-gradient(145deg, #10b777fa, #077c56f0);
}

.launcher-card[data-tone="gold"] {
  background: linear-gradient(145deg, #c17e20f2, #804e12ed);
  border-color: #f4c25e4d;
  box-shadow: inset 0 1px #fff1ca33, 0 10px 25px #884d0a33;
}

.launcher-card[data-tone="gold"]:hover {
  background: linear-gradient(145deg, #d9942dfa, #965b14f5);
}

.launcher-card__icon {
  color: #fff;
  background: #ffffff1f;
  border-color: #fff3;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  box-shadow: inset 0 1px #fff3, 0 4px 16px #0000002e;
}

.launcher-card[data-tone="violet"] .launcher-card__icon, .launcher-card[data-tone="mint"] .launcher-card__icon, .launcher-card[data-tone="gold"] .launcher-card__icon {
  color: #fff;
  background: #ffffff1f;
  border-color: #fff3;
}

.launcher-card__copy strong {
  font-size: 15px;
}

.launcher-card__copy small {
  color: #f4f9ffc2;
  margin-top: 2px;
  font-size: 11px;
}

.dashboard-kpi {
  overflow: hidden;
  border-radius: var(--radius-lg);
  background: linear-gradient(#091b2af5, #05111cfa);
  border: 1px solid #7ab1d91c;
  min-width: 0;
  min-height: 116px;
  padding: 10px 12px;
  box-shadow: inset 0 1px #ffffff08;
}

.dashboard-kpi > header {
  display: flex;
  align-items:  center;
  gap: 8px;
  min-width: 0;
  margin-bottom: 7px;
}

.dashboard-kpi > header > span {
  display: flex;
  color: var(--text-secondary);
  align-items:  center;
  gap: 6px;
  font-size: 11px;
  font-weight: 650;
}

.dashboard-kpi > header > span .icon {
  color: var(--accent-cyan);
}

.dashboard-kpi > header > small {
  color: var(--text-muted);
  margin-left: auto;
  font-size: 11px;
}

.dashboard-kpi > header .status-pill {
  margin-left: 4px;
}

.kpi-ring-wrap {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
  align-items:  center;
  gap: 12px;
}

.kpi-ring {
  display: grid;
  position: relative;
  background: #5b85a329;
  border-radius: 50%;
  place-items:  center;
  width: 62px;
  height: 62px;
  box-shadow: 0 0 20px #2ad9900f;
}

.kpi-ring:after {
  position: absolute;
  content: "";
  background: #071522;
  border-radius: 50%;
  inset: 7px;
  box-shadow: inset 0 1px #ffffff0a;
}

.kpi-ring > span {
  position: relative;
  z-index: 1;
  color: var(--text-strong);
  font-size: 14px;
  font-weight: 760;
}

.kpi-legend {
  display: grid;
  gap: 4px;
}

.kpi-legend span {
  display: grid;
  grid-template-columns: 8px minmax(0, 1fr) auto;
  color: var(--text-muted);
  align-items:  center;
  gap: 5px;
  font-size: 11px;
}

.kpi-legend i {
  background: var(--accent-cyan);
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.kpi-legend span[data-tone="mint"] i {
  background: var(--accent-mint);
}

.kpi-legend span[data-tone="gold"] i {
  background: var(--accent-gold);
}

.kpi-legend b {
  color: var(--text-primary);
}

.kpi-task-bars {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items:  end;
  gap: 8px;
  min-height: 62px;
}

.kpi-task-bars div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.kpi-task-bars span {
  color: var(--text-muted);
  font-size: 11px;
}

.kpi-task-bars strong {
  color: var(--text-strong);
  font-size: 19px;
}

.kpi-task-bars i {
  overflow: hidden;
  background: #8cb4d321;
  border-radius: 99px;
  height: 5px;
}

.kpi-task-bars i b {
  display: block;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--accent-blue), var(--accent-cyan));
  height: 100%;
}

.kpi-progress-visual {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr);
  align-items:  center;
  gap: 12px;
}

.kpi-progress-dial {
  display: grid;
  position: relative;
  border-radius: 50%;
  place-items:  center;
  width: 60px;
  height: 60px;
}

.kpi-progress-dial:after {
  position: absolute;
  content: "";
  background: #071522;
  border-radius: 50%;
  inset: 6px;
}

.kpi-progress-dial span {
  position: relative;
  z-index: 1;
  color: var(--text-strong);
  font-size: 13px;
  font-weight: 750;
}

.kpi-progress-visual > div:last-child {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.kpi-progress-visual strong {
  overflow: hidden;
  color: var(--text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}

.kpi-progress-visual small {
  color: var(--text-muted);
  font-size: 11px;
  line-height: 1.35;
}

.kpi-activity-visual {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(80px, .8fr);
  align-items:  end;
  gap: 10px;
  min-height: 62px;
}

.kpi-spark-bars {
  display: flex;
  align-items:  end;
  gap: 3px;
  height: 58px;
}

.kpi-spark-bars i {
  background: linear-gradient(#2eb7ff, #1677d7);
  border-radius: 2px 2px 0 0;
  flex: 1;
  min-width: 3px;
  max-width: 9px;
  box-shadow: 0 0 8px #2eb7ff26;
}

.kpi-activity-visual > div:last-child {
  display: grid;
  gap: 4px;
}

.kpi-activity-visual strong {
  color: var(--text-strong);
  font-size: 18px;
}

.kpi-activity-visual small {
  color: var(--text-muted);
  font-size: 11px;
  line-height: 1.35;
}

.worker-fleet {
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-panel);
  background: #05111ceb;
  min-width: 0;
  padding: 11px 11px 8px;
}

.worker-fleet__header {
  display: flex;
  justify-content: space-between;
  align-items:  flex-end;
  gap: 12px;
  min-width: 0;
  padding: 0 1px 9px;
}

.worker-fleet__header h2 {
  color: var(--text-strong);
  font-size: var(--font-lg);
  margin: 0;
}

.worker-fleet__header h2 small {
  color: var(--text-muted);
  font-size: 11px;
  font-weight: 550;
}

.worker-fleet__header p {
  color: var(--text-muted);
  margin: 3px 0 0;
  font-size: 11px;
}

.worker-fleet__controls {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items:  center;
  gap: 6px;
}

.worker-fleet__controls select, .fleet-search {
  border: 1px solid var(--border-subtle);
  color: var(--text-secondary);
  font: inherit;
  background: #071724db;
  border-radius: 7px;
  min-height: 32px;
  font-size: 11px;
}

.worker-fleet__controls select {
  padding: 0 24px 0 8px;
}

.fleet-search {
  display: flex;
  align-items:  center;
  gap: 6px;
  width: 190px;
  padding: 0 8px;
}

.fleet-search .icon {
  color: var(--text-muted);
}

.fleet-search input {
  outline: 0;
  color: var(--text-primary);
  font: inherit;
  background: none;
  border: 0;
  width: 100%;
  min-width: 0;
  font-size: 11px;
}

.fleet-view-switch {
  display: flex;
  border: 1px solid var(--border-subtle);
  background: #061523;
  border-radius: 8px;
  padding: 2px;
}

.fleet-view-switch button, .fleet-focus-button {
  color: var(--text-muted);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 6px;
  min-height: 28px;
  font-size: 11px;
}

.fleet-view-switch button {
  display: flex;
  align-items:  center;
  gap: 5px;
  padding: 0 8px;
}

.fleet-view-switch button[aria-pressed="true"] {
  color: #dcefff;
  box-shadow: inset 0 -2px var(--accent-cyan);
  background: #2388ff2e;
}

.fleet-focus-button {
  border: 1px solid var(--border-subtle);
  padding: 0 9px;
}

.fleet-projects {
  display: grid;
  gap: 7px;
}

.fleet-project-group {
  min-width: 0;
}

.fleet-project-group > header {
  display: flex;
  justify-content: space-between;
  align-items:  center;
  gap: 10px;
  min-width: 0;
  min-height: 30px;
  padding: 2px 3px 5px;
}

.fleet-project-group > header button {
  display: flex;
  color: var(--text-secondary);
  cursor: pointer;
  background: none;
  border: 0;
  align-items:  center;
  gap: 6px;
  min-width: 0;
}

.fleet-project-group > header button strong {
  color: var(--text-primary);
  font-size: 11px;
}

.fleet-project-group > header button span, .fleet-project-group > header > div span {
  color: var(--text-muted);
  font-size: 11px;
}

.fleet-project-group > header > div {
  display: flex;
  gap: 9px;
}

.fleet-project-group > header > div span[data-danger="true"] {
  color: var(--accent-rose);
}

.fleet-card-scroll {
  overflow-x: auto;
  overflow-y: visible;
  scrollbar-width: thin;
  scrollbar-color: #2b9ae694 #ffffff0a;
  scroll-snap-type: x proximity;
  min-width: 0;
  padding-bottom: 5px;
}

.fleet-card-scroll::-webkit-scrollbar {
  height: 8px;
}

.fleet-card-scroll::-webkit-scrollbar-track {
  background: #ffffff0a;
  border-radius: 99px;
}

.fleet-card-scroll::-webkit-scrollbar-thumb {
  background: #2b9ae694 padding-box padding-box;
  border: 2px solid #0000;
  border-radius: 99px;
}

.fleet-card-grid {
  --fleet-gap: 7px;
  display: grid;
  grid-template-rows: repeat(2, 136px);
  grid-auto-columns: calc((100% - (var(--fleet-gap) * 3)) / 4);
  gap: var(--fleet-gap);
  min-width: 0;
}

.dashboard-frame[data-rail-collapsed="true"] .fleet-card-grid {
  grid-auto-columns: calc((100% - (var(--fleet-gap) * 5)) / 6);
}

.fleet-scroll-hint {
  display: flex;
  color: #769cb88c;
  justify-content: center;
  align-items:  center;
  gap: 8px;
  min-width: 100%;
  padding-top: 3px;
  font-size: 10px;
}

.fleet-project-group__meta {
  align-items:  center;
}

.fleet-project-order-actions, .fleet-card-order-actions {
  display: inline-flex;
  gap: 2px !important;
}

.fleet-project-order-actions button, .fleet-card-order-actions button {
  cursor: pointer;
  border-radius: 6px;
  place-items:  center;
  width: 24px;
  height: 24px;
  display: grid !important;
  color: var(--text-muted) !important;
  background: #ffffff06 !important;
  border: 1px solid #89bee214 !important;
  padding: 0 !important;
}

.fleet-project-order-actions button:hover:not(:disabled), .fleet-card-order-actions button:hover:not(:disabled) {
  color: var(--accent-cyan) !important;
  border-color: #4ab9ff40 !important;
}

.fleet-project-order-actions button:disabled, .fleet-card-order-actions button:disabled {
  opacity: .28;
  cursor: not-allowed;
}

.fleet-card-slot {
  position: relative;
  scroll-snap-align: start;
  min-width: 0;
  min-height: 0;
}

.fleet-card-slot > .fleet-card {
  width: 100%;
  height: 100%;
}

.fleet-card-order-actions {
  position: absolute;
  z-index: 5;
  opacity: 0;
  pointer-events: none;
  background: #020a12e0;
  border-radius: 7px;
  padding: 2px;
  transition: opacity .1s;
  top: 5px;
  right: 5px;
  box-shadow: 0 5px 15px #0003;
}

.fleet-card-slot:hover .fleet-card-order-actions, .fleet-card-slot:focus-within .fleet-card-order-actions {
  opacity: 1;
  pointer-events: auto;
}

.fleet-scroll-hint {
  justify-content: space-between;
  padding-inline-start: 4px;
  padding-inline-end: 4px;
}

.fleet-scroll-hint span:last-child {
  text-align: right;
}

.fleet-card {
  position: relative;
  display: grid;
  grid-template-rows: auto auto auto auto auto auto;
  overflow: visible;
  color: var(--text-secondary);
  text-align: left;
  cursor: pointer;
  scroll-snap-align: start;
  background: linear-gradient(#0a1d2dfa, #061420fc);
  border: 1px solid #8abbdf1a;
  border-radius: 9px;
  align-content:  start;
  gap: 5px;
  min-width: 0;
  padding: 9px;
  box-shadow: inset 0 1px #ffffff06;
}

.fleet-card:hover, .fleet-card[aria-pressed="true"] {
  box-shadow: 0 0 0 1px #2ba3ff1f, 0 8px 22px #004d9026, inset 2px 0 var(--accent-cyan);
  z-index: 4;
  background: linear-gradient(#0a273efc, #061827fc);
  border-color: #2ba3ff94;
}

.fleet-card__top {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items:  center;
  gap: 6px;
  min-width: 0;
}

.fleet-state-dot {
  display: inline-block;
  background: #6e8292;
  border-radius: 50%;
  width: 9px;
  height: 9px;
}

.fleet-state-dot--running {
  background: #24e68f;
  box-shadow: 0 0 9px #24e68f73;
}

.fleet-state-dot--idle {
  background: #26aefa;
  box-shadow: 0 0 8px #26aefa4d;
}

.fleet-state-dot--queued {
  background: #e6ad42;
}

.fleet-state-dot--degraded, .fleet-state-dot--action-required, .fleet-state-dot--unavailable {
  background: #ff6d78;
}

.fleet-card__identity {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.fleet-card__identity strong {
  overflow: hidden;
  color: var(--text-strong);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}

.fleet-card__identity small {
  display: flex;
  overflow: hidden;
  color: var(--text-muted);
  white-space: nowrap;
  align-items:  center;
  gap: 5px;
  min-width: 0;
  font-size: 10px;
}

.fleet-card__identity small > span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.fleet-card__seat {
  color: #81d4ff;
  letter-spacing: .02em;
  background: #248cff17;
  border: 1px solid #49b4f72e;
  border-radius: 5px;
  flex: none;
  padding: 1px 5px;
  font-size: 10px;
  font-weight: 720;
}

.fleet-card__state-label {
  color: var(--text-muted);
  font-size: 11px;
}

.fleet-card__stage {
  display: flex;
  align-items:  center;
  gap: 5px;
  min-width: 0;
}

.fleet-card__stage small {
  color: var(--text-muted);
  font-size: 11px;
}

.fleet-card__stage strong {
  overflow: hidden;
  color: #b8d1e3;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: 11px;
}

.fleet-card__task {
  overflow: hidden;
  color: var(--text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 560;
}

.fleet-card__progress {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items:  center;
  gap: 7px;
}

.fleet-card__progress > span {
  overflow: hidden;
  background: #8eb5d324;
  border-radius: 99px;
  height: 4px;
}

.fleet-card__progress i {
  display: block;
  background: linear-gradient(90deg, var(--accent-blue), var(--accent-cyan));
  height: 100%;
}

.fleet-card__progress b {
  color: var(--text-secondary);
  font-size: 11px;
}

.fleet-card__facts {
  display: flex;
  overflow: hidden;
  gap: 4px;
}

.fleet-card__facts > span {
  color: var(--text-muted);
  background: #6e91ab14;
  border-radius: 5px;
  min-width: max-content;
  padding: 2px 5px;
  font-size: 11px;
}

.fleet-card__facts span[data-severity="P0"] {
  color: #ff8992;
  background: #ff52601a;
}

.fleet-card__facts span[data-severity="P1"] {
  color: #f0b84e;
  background: #f0b84e1a;
}

.fleet-card__feedback {
  color: #6fd2ff !important;
}

.fleet-card__bottom {
  display: flex;
  color: var(--text-muted);
  justify-content: space-between;
  gap: 7px;
  min-width: 0;
  font-size: 11px;
}

.fleet-card__bottom span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.fleet-hover {
  position: absolute;
  z-index: 30;
  display: none;
  border: 1px solid var(--border-strong);
  pointer-events: none;
  background: #05111cfb;
  border-radius: 8px;
  gap: 4px;
  padding: 8px 9px;
  bottom: calc(100% + 7px);
  left: 8px;
  right: 8px;
  box-shadow: 0 16px 38px #0000006b;
}

.fleet-card:hover .fleet-hover {
  display: grid;
}

.fleet-card:focus-visible .fleet-hover {
  display: grid;
}

.fleet-hover strong {
  color: var(--text-primary);
  font-size: 11px;
}

.fleet-hover span {
  color: var(--text-secondary);
  font-size: 11px;
  line-height: 1.35;
}

.fleet-hover__danger {
  color: var(--accent-rose) !important;
}

.fleet-list-scroll {
  overflow: auto;
  border-top: 1px solid var(--divider);
  max-height: 440px;
}

.fleet-list {
  border-collapse: collapse;
  width: 100%;
  font-size: 11px;
}

.fleet-list th {
  position: sticky;
  z-index: 2;
  color: var(--text-muted);
  text-align: left;
  background: #071827;
  padding: 8px 7px;
  font-size: 10px;
  font-weight: 600;
  top: 0;
}

.fleet-list td {
  border-top: 1px solid var(--divider);
  color: var(--text-secondary);
  vertical-align: middle;
  padding: 7px;
}

.fleet-list tbody tr {
  cursor: pointer;
}

.fleet-list tbody tr:hover, .fleet-list tbody tr[data-selected="true"] {
  background: #2289e412;
}

.fleet-list td strong, .fleet-list td small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 240px;
}

.fleet-list td strong {
  color: var(--text-primary);
  font-size: 11px;
}

.fleet-list td small {
  color: var(--text-muted);
  margin-top: 2px;
  font-size: 11px;
}

.fleet-list__issues {
  color: #d3dfe8;
  font-family: Consolas, monospace;
}

.project-context-rail {
  overflow: hidden;
  border-radius: var(--radius-lg);
  position: sticky;
  background: linear-gradient(#071826fa, #040f19fc);
  border: 1px solid #5f9fcc29;
  min-width: 0;
  min-height: calc(100vh - 112px);
  top: 78px;
  box-shadow: 0 18px 44px #0000003d, inset 0 1px #ffffff08;
}

.project-rail__project {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  border-bottom: 1px solid var(--divider);
  background: linear-gradient(135deg, #18486c6b, #0718261a);
  align-items:  center;
  gap: 8px;
  min-width: 0;
  min-height: 72px;
  padding: 11px;
}

.rail-collapse {
  display: flex;
  border: 1px solid var(--border-subtle);
  color: var(--text-muted);
  cursor: pointer;
  background: #ffffff06;
  border-radius: 7px;
  justify-content: center;
  align-items:  center;
  gap: 0;
  width: 29px;
  height: 29px;
  padding: 0;
}

.rail-collapse .icon + .icon {
  margin-left: -9px;
}

.project-rail__project > div {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.project-rail__project small {
  color: var(--accent-cyan);
  letter-spacing: .1em;
  font-size: 10px;
  font-weight: 700;
}

.project-rail__project strong {
  overflow: hidden;
  color: var(--text-strong);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
}

.project-rail__project span {
  overflow: hidden;
  color: var(--text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}

.project-pin-toggle {
  white-space: nowrap;
  justify-self: end;
}

.project-rail-tabs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-bottom: 1px solid var(--divider);
}

.project-rail-tabs button {
  position: relative;
  color: var(--text-muted);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  min-height: 38px;
  font-size: 11px;
}

.project-rail-tabs button[aria-pressed="true"] {
  color: #e9f7ff;
  box-shadow: inset 0 -2px var(--accent-cyan);
}

.project-rail-tabs b {
  color: #69ceff;
  background: #2997e51f;
  border-radius: 99px;
  margin-left: 4px;
  padding: 1px 4px;
  font-size: 10px;
}

.project-rail-tabs b[data-danger="true"] {
  color: #ff7b87;
  background: #ff526021;
}

.project-rail__body {
  padding: 11px;
}

.rail-pane__heading {
  display: flex;
  justify-content: space-between;
  align-items:  flex-start;
  gap: 8px;
}

.rail-pane__heading > div {
  min-width: 0;
}

.rail-pane__heading small {
  color: var(--accent-cyan);
  letter-spacing: .1em;
  font-size: 10px;
  font-weight: 700;
}

.rail-pane__heading h3 {
  overflow: hidden;
  color: var(--text-strong);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 2px 0 0;
  font-size: 14px;
}

.rail-pane__heading p {
  color: var(--text-muted);
  margin: 4px 0 0;
  font-size: 11px;
  line-height: 1.4;
}

.rail-progress {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 5px 8px;
  margin-top: 10px;
}

.rail-progress > span {
  overflow: hidden;
  background: #84aecb24;
  border-radius: 99px;
  height: 5px;
}

.rail-progress i {
  display: block;
  background: linear-gradient(90deg, var(--accent-blue), var(--accent-cyan));
  height: 100%;
}

.rail-progress strong {
  color: var(--text-strong);
  font-size: 11px;
}

.rail-progress small {
  grid-column: 1 / -1;
  color: var(--text-muted);
  font-size: 11px;
}

.project-step-list {
  position: relative;
  display: grid;
  list-style: none;
  gap: 0;
  margin: 10px 0 0;
  padding: 0;
}

.project-step-list:before {
  position: absolute;
  content: "";
  background: #6a97b838;
  width: 2px;
  top: 15px;
  bottom: 15px;
  left: 12px;
}

.project-step {
  position: relative;
  display: grid;
  grid-template-columns: 25px minmax(0, 1fr);
  align-items:  center;
  gap: 7px;
  min-height: 42px;
}

.project-step__node {
  position: relative;
  z-index: 1;
  display: grid;
  color: #7f96a8;
  background: #061522;
  border: 2px solid #52718a;
  border-radius: 50%;
  place-items:  center;
  width: 24px;
  height: 24px;
  font-size: 10px;
  font-weight: 750;
}

.project-step[data-step-state="done"] .project-step__node {
  color: #04150d;
  background: #1fdc84;
  border-color: #1ee689;
  box-shadow: 0 0 11px #1fdc8447;
}

.project-step[data-step-state="current"] .project-step__node {
  background: #083762;
  border-color: #2a9eff;
  box-shadow: 0 0 0 4px #2a9eff1f, 0 0 14px #2a9eff52;
}

.project-step[data-step-state="current"] .project-step__node:after {
  content: "";
  background: #2ba8ff;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  box-shadow: 0 0 8px #2ba8ffcc;
}

.project-step > div {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.project-step strong {
  overflow: hidden;
  color: var(--text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}

.project-step small {
  overflow: hidden;
  color: var(--text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}

.rail-finalization, .rail-review-note, .rail-empty-hint {
  color: var(--text-secondary);
  background: #2578b112;
  border-radius: 7px;
  margin-top: 9px;
  padding: 8px;
  font-size: 11px;
  line-height: 1.45;
}

.rail-finalization {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.rail-finalization span {
  color: var(--text-muted);
}

.rail-worker-detail {
  display: grid;
  margin-top: 9px;
}

.rail-worker-detail > div {
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr);
  border-top: 1px solid var(--divider);
  gap: 8px;
  min-width: 0;
  padding: 7px 0;
}

.rail-worker-detail span {
  color: var(--text-muted);
  font-size: 11px;
}

.rail-worker-detail strong {
  overflow: hidden;
  color: var(--text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 560;
}

.rail-worker-detail div[data-danger="true"] strong {
  color: var(--accent-rose);
}

.project-rail__info {
  border-top: 1px solid var(--divider);
  margin: 0 11px 11px;
}

.project-rail__info > header {
  display: flex;
  color: var(--text-primary);
  justify-content: space-between;
  align-items:  center;
  padding: 10px 0 6px;
  font-size: 11px;
  font-weight: 650;
}

.project-rail__info > header small {
  color: var(--text-muted);
  font-size: 10px;
  font-weight: 500;
}

.project-facts {
  display: grid;
  gap: 4px;
}

.project-facts > div:not(.project-tech) {
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr);
  gap: 7px;
  min-width: 0;
}

.project-facts span {
  color: var(--text-muted);
  font-size: 11px;
}

.project-facts strong {
  overflow: hidden;
  color: var(--text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 550;
}

.project-tech {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 5px;
}

.project-tech span {
  color: #8ccdf3;
  background: #2281c917;
  border-radius: 5px;
  padding: 2px 5px;
}

.project-rail-expand {
  position: sticky;
  display: flex;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  color: var(--text-muted);
  cursor: pointer;
  background: #061420eb;
  flex-direction: column;
  justify-content: center;
  align-items:  center;
  gap: 4px;
  min-height: 190px;
  top: 78px;
}

.project-rail-expand .icon + .icon {
  margin-top: -11px;
}

.project-rail-expand span {
  writing-mode: vertical-rl;
  letter-spacing: .14em;
  margin-top: 7px;
  font-size: 10px;
}

.project-step-list:before {
  left: 11px;
}

.project-step {
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 8px;
}

.project-step__node {
  box-sizing: border-box;
}

.project-step[data-step-state="current"] .project-step__node:after {
  display: none;
}

.project-step__bead {
  position: absolute;
  background: #2ba8ff;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 8px #2ba8ffcc;
}

@media (max-width: 1599px) {
  .dashboard-frame {
    grid-template-columns: minmax(0, 1fr) 344px;
  }

  .fleet-card-grid {
    grid-auto-columns: calc((100% - (var(--fleet-gap) * 2)) / 3);
  }

  .dashboard-frame[data-rail-collapsed="true"] .fleet-card-grid {
    grid-auto-columns: calc((100% - (var(--fleet-gap) * 5)) / 6);
  }
}

@media (max-width: 1365px) {
  .dashboard-frame {
    grid-template-columns: minmax(0, 1fr) 326px;
  }

  .fleet-card-grid {
    grid-auto-columns: calc((100% - (var(--fleet-gap) * 2)) / 3);
  }

  .dashboard-frame[data-rail-collapsed="true"] .fleet-card-grid {
    grid-auto-columns: calc((100% - (var(--fleet-gap) * 5)) / 6);
  }

  .dashboard-hero blockquote {
    display: none;
  }

  .worker-fleet__header {
    flex-direction: column;
    align-items:  flex-start;
  }

  .worker-fleet__controls {
    justify-content: flex-start;
    width: 100%;
  }
}

@media (max-width: 1180px) {
  .dashboard-frame, .dashboard-frame[data-rail-collapsed="true"] {
    grid-template-columns: minmax(0, 1fr);
  }

  .project-context-rail {
    position: fixed;
    z-index: 72;
    overflow-y: auto;
    width: min(368px, 100vw - 28px);
    min-height: 0;
    top: 84px;
    bottom: 12px;
    right: 12px;
    box-shadow: -18px 0 60px #00000075;
  }

  .project-rail-expand {
    position: fixed;
    z-index: 60;
    width: 38px;
    min-height: 116px;
    top: auto;
    bottom: 18px;
    right: 12px;
  }

  .fleet-card-grid, .dashboard-frame[data-rail-collapsed="true"] .fleet-card-grid {
    grid-auto-columns: calc((100% - (var(--fleet-gap) * 3)) / 4);
  }
}

@media (max-width: 979px) {
  .metric-grid, .launcher-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fleet-card-grid, .dashboard-frame[data-rail-collapsed="true"] .fleet-card-grid {
    grid-auto-columns: calc((100% - var(--fleet-gap)) / 2);
  }

  .fleet-search {
    width: 160px;
  }
}

@media (max-width: 700px) {
  .fleet-card-grid, .dashboard-frame[data-rail-collapsed="true"] .fleet-card-grid {
    grid-auto-columns: 100%;
  }

  .worker-fleet__controls select {
    max-width: 150px;
  }

  .fleet-search {
    flex: 100%;
    width: 100%;
  }

  .fleet-list-scroll {
    max-width: 100%;
  }

  .fleet-list {
    min-width: 880px;
  }
}

@media (max-width: 619px) {
  .launcher-grid, .metric-grid {
    grid-template-columns: 1fr;
  }

  .dashboard-hero {
    min-height: 122px;
    padding: 17px;
  }

  .dashboard-hero h1 {
    font-size: 26px;
  }

  .launcher-card {
    min-height: 68px;
  }

  .launcher-card__icon {
    width: 44px;
    height: 44px;
  }

  .project-context-rail {
    width: calc(100vw - 16px);
    top: 68px;
    bottom: 8px;
    right: 8px;
  }
}

.pin-toggle, .auto-scroll-toggle {
  display: inline-flex;
  border: 1px solid var(--border-subtle);
  color: var(--text-muted);
  cursor: pointer;
  border-radius: 6px;
  align-items:  center;
  gap: 5px;
  min-height: 28px;
  padding: 0 7px;
  font-size: 11px;
}

.pin-toggle input, .auto-scroll-toggle input {
  accent-color: var(--accent-blue);
}

.activity-console {
  position: relative;
}

.activity-console__collapse {
  display: flex;
  border: 1px solid var(--border-subtle);
  color: var(--text-muted);
  cursor: pointer;
  background: #ffffff06;
  border-radius: 7px;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items:  center;
  width: 29px;
  height: 29px;
  padding: 0;
}

.activity-console__collapse .icon + .icon {
  margin-top: -9px;
}

.activity-console__collapse:hover {
  border-color: var(--border-strong);
  color: var(--accent-cyan);
}

.activity-new-events {
  position: absolute;
  z-index: 4;
  color: #a8ddff;
  font: inherit;
  cursor: pointer;
  background: #06273ff5;
  border: 1px solid #2da7f747;
  border-radius: 99px;
  min-height: 29px;
  padding: 0 9px;
  font-size: 11px;
  bottom: 35px;
  right: 14px;
  box-shadow: 0 7px 20px #0000004d;
}

.activity-console__footer {
  display: flex;
  border-top: 1px solid var(--divider);
  color: var(--text-muted);
  background: #020a1280;
  justify-content: space-between;
  align-items:  center;
  gap: 10px;
  min-height: 28px;
  padding: 5px 11px;
  font-size: 11px;
}

.activity-console__body {
  scroll-behavior: auto;
}

.activity-page .activity-console__body {
  min-height: min(50vh, 540px);
}

.launcher-card {
  min-height: 82px;
  padding: 12px 14px;
}

.dashboard-kpi {
  min-height: 124px;
  padding: 12px 13px;
}

.worker-fleet {
  padding: 14px 14px 11px;
}

.worker-fleet__header {
  padding-bottom: 12px;
}

.fleet-projects {
  gap: 12px;
}

.fleet-project-group > header {
  min-height: 36px;
  padding: 4px 4px 7px;
}

.fleet-card-grid {
  --fleet-gap: 9px;
  grid-template-rows: repeat(var(--fleet-row-count, 2), 180px);
}

.fleet-card {
  gap: 7px;
  padding: 11px;
}

.fleet-card__stage {
  align-items:  flex-start;
}

.fleet-card__stage strong {
  display: -webkit-box;
  overflow: hidden;
  white-space: normal;
  overflow-wrap: anywhere;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.35;
}

.fleet-card__task {
  display: -webkit-box;
  overflow: hidden;
  white-space: normal;
  overflow-wrap: anywhere;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 30px;
  line-height: 1.4;
}

.fleet-card__facts {
  overflow: visible;
  flex-wrap: wrap;
}

.fleet-card__bottom {
  margin-top: auto;
  padding-top: 1px;
}

@media (max-width: 700px) {
  .fleet-card-grid {
    grid-template-rows: repeat(var(--fleet-row-count, 2), 176px);
  }
}

.dashboard-import-notice {
  display: flex;
  color: var(--text-secondary);
  background: #248cff0d;
  border: 1px solid #38cfff29;
  border-radius: 8px;
  align-items:  flex-start;
  gap: 7px;
  min-width: 0;
  padding: 8px 10px;
  font-size: 11px;
  line-height: 1.45;
}

.dashboard-import-notice .icon {
  color: var(--accent-cyan);
  flex: none;
  margin-top: 1px;
}

.dashboard-import-notice[data-state="error"] {
  color: #ff9aa5;
  background: #ff52600f;
  border-color: #ff6b7a33;
}

.dashboard-import-notice[data-state="error"] .icon {
  color: var(--accent-rose);
}

.worker-focus-backdrop {
  position: fixed;
  z-index: 110;
  display: grid;
  backdrop-filter: blur(12px) saturate(.82);
  background: #01060bc7;
  place-items:  center;
  padding: 28px;
  inset: 0;
}

.worker-focus {
  overflow: auto;
  outline: 0;
  background: radial-gradient(circle at 12% 0, #248cff1f, #0000 32%), linear-gradient(#0a1d2dfe, #040f19fe);
  border: 1px solid #5cb5f13d;
  border-radius: 18px;
  width: min(980px, 100%);
  max-height: min(820px, 100vh - 56px);
  box-shadow: 0 34px 110px #00000094, inset 0 1px #ade0ff12;
}

.worker-focus > header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  border-bottom: 1px solid var(--divider);
  align-items:  start;
  gap: 18px;
  min-width: 0;
  padding: 20px 22px 17px;
}

.worker-focus > header > div {
  min-width: 0;
}

.worker-focus > header h2 {
  overflow-wrap: anywhere;
  color: var(--text-strong);
  letter-spacing: -.035em;
  margin: 2px 0 0;
  font-size: clamp(24px, 2vw, 32px);
  font-weight: 700;
}

.worker-focus > header p {
  color: var(--text-secondary);
  font-size: var(--font-sm);
  margin: 5px 0 0;
  line-height: 1.5;
}

.worker-focus > header > button {
  border: 1px solid var(--border-subtle);
  color: var(--text-secondary);
  font: inherit;
  cursor: pointer;
  background: #ffffff06;
  border-radius: 9px;
  width: 36px;
  height: 36px;
  font-size: 25px;
  line-height: 1;
}

.worker-focus > header > button:hover {
  border-color: var(--border-strong);
  color: var(--text-strong);
  background: #ffffff0d;
}

.worker-focus__summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid var(--divider);
  overflow: hidden;
  background: var(--divider);
  border-radius: 10px;
  gap: 1px;
  margin: 0 22px;
}

.worker-focus__summary > div {
  display: grid;
  background: #05131ffa;
  align-content:  center;
  gap: 5px;
  min-width: 0;
  min-height: 68px;
  padding: 10px 12px;
}

.worker-focus__summary > div > span:first-child {
  color: var(--text-muted);
  font-size: 12px;
}

.worker-focus__summary strong {
  overflow-wrap: anywhere;
  color: var(--text-primary);
  font-size: var(--font-sm);
  min-width: 0;
  font-weight: 620;
}

.worker-focus__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
  gap: 12px;
  min-width: 0;
  padding: 12px 22px 18px;
}

.worker-focus__grid > section {
  background: linear-gradient(#071826e6, #04101beb);
  border: 1px solid #7ab1d91a;
  border-radius: 12px;
  min-width: 0;
  padding: 16px;
}

.worker-focus__grid h3 {
  overflow-wrap: anywhere;
  color: var(--text-strong);
  font-size: var(--font-lg);
  margin: 4px 0 12px;
  font-weight: 650;
  line-height: 1.35;
}

.worker-focus__grid dl {
  display: grid;
  margin: 0;
}

.worker-focus__grid dl > div {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  border-top: 1px solid var(--divider);
  gap: 10px;
  min-width: 0;
  padding: 8px 0;
}

.worker-focus__grid dt {
  color: var(--text-muted);
  font-size: 12px;
}

.worker-focus__grid dd {
  overflow-wrap: anywhere;
  color: var(--text-secondary);
  font-size: var(--font-xs);
  margin: 0;
}

.worker-focus__block {
  display: flex;
  color: #ff9aa4;
  font-size: var(--font-xs);
  background: #ff546312;
  border: 1px solid #ff6b7a29;
  border-radius: 8px;
  align-items:  flex-start;
  gap: 8px;
  margin-top: 10px;
  padding: 9px 10px;
  line-height: 1.45;
}

.worker-focus__issues {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 11px;
}

.worker-focus__issues > span {
  color: var(--text-secondary);
  background: #6f97b514;
  border-radius: 6px;
  padding: 5px 7px;
  font-size: 12px;
}

.worker-focus__issues > span[data-severity="P0"] {
  color: #ff8992;
  background: #ff52601a;
}

.worker-focus__issues > span[data-severity="P1"] {
  color: #f0b84e;
  background: #f0b84e1a;
}

.worker-focus__grid p {
  overflow-wrap: anywhere;
  color: var(--text-secondary);
  font-size: var(--font-xs);
  margin: 7px 0 0;
  line-height: 1.55;
}

.worker-focus__grid section > button {
  display: inline-flex;
  color: #9edcff;
  font: inherit;
  font-size: var(--font-xs);
  cursor: pointer;
  background: #248cff17;
  border: 1px solid #38cfff38;
  border-radius: 7px;
  align-items:  center;
  gap: 7px;
  min-height: 34px;
  margin-top: 13px;
  padding: 0 10px;
}

.worker-focus > footer {
  border-top: 1px solid var(--divider);
  color: var(--text-muted);
  padding: 11px 22px 14px;
  font-size: 12px;
  line-height: 1.5;
}

.fleet-focus-button:disabled {
  cursor: not-allowed;
  opacity: .42;
}

@media (max-width: 760px) {
  .worker-focus-backdrop {
    place-items: stretch;
    padding: 10px;
  }

  .worker-focus {
    align-self:  center;
    width: 100%;
    max-height: calc(100vh - 20px);
  }

  .worker-focus > header {
    padding: 16px;
  }

  .worker-focus__summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0 16px;
  }

  .worker-focus__grid {
    grid-template-columns: minmax(0, 1fr);
    padding: 10px 16px 16px;
  }

  .worker-focus > footer {
    padding: 10px 16px 13px;
  }
}

.worker-fleet__controls select, .fleet-search {
  min-height: 36px;
}

.fleet-view-switch button, .fleet-focus-button {
  min-height: 32px;
}

.rail-collapse {
  width: 32px;
  height: 32px;
}

/* src/styles/workers.css */
.worker-page {
  gap: 14px;
}

.worker-summary-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  background: #05101cb8;
  min-width: 0;
  box-shadow: 0 16px 44px #00000024;
}

.worker-summary-strip > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "label value" "detail detail";
  border-right: 1px solid var(--divider);
  align-items: baseline;
  gap: 4px 12px;
  min-width: 0;
  padding: 13px 16px 12px;
}

.worker-summary-strip > div:last-child {
  border-right: 0;
}

.worker-summary-strip span {
  grid-area: label;
  color: var(--text-secondary);
  font-size: var(--font-sm);
  font-weight: 600;
}

.worker-summary-strip strong {
  grid-area: value;
  color: var(--text-strong);
  font-variant-numeric: tabular-nums;
  font-size: 24px;
  line-height: 1;
}

.worker-summary-strip small {
  grid-area: detail;
  overflow: hidden;
  color: var(--text-muted);
  font-size: var(--font-xs);
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.worker-summary-strip > div[data-tone="gold"] strong {
  color: var(--accent-gold);
}

.worker-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(330px, 372px);
  align-items:  start;
  gap: 14px;
  min-width: 0;
}

.worker-workspace[data-rail-open="false"] {
  grid-template-columns: minmax(0, 1fr);
}

.worker-workspace__main, .worker-inspector {
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  background: #071421b8;
  min-width: 0;
  box-shadow: 0 18px 50px #00000029;
}

.worker-workspace__main {
  overflow: hidden;
}

.worker-workspace__inspector {
  min-width: 0;
}

.worker-workspace__inspector[data-open="false"], .worker-inspector-backdrop {
  display: none;
}

.worker-toolbar {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto auto;
  border-bottom: 1px solid var(--divider);
  background: #030b148a;
  align-items:  center;
  gap: 12px;
  min-width: 0;
  min-height: 54px;
  padding: 8px 10px;
}

.worker-search {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  color: var(--text-muted);
  background: #020a12cc;
  align-items:  center;
  gap: 8px;
  min-width: 0;
  height: 38px;
  padding: 0 10px;
}

.worker-search:focus-within {
  border-color: #248cff94;
  box-shadow: 0 0 0 3px #248cff1a;
}

.worker-search input {
  outline: 0;
  color: var(--text-strong);
  font: inherit;
  font-size: var(--font-sm);
  background: none;
  border: 0;
  min-width: 0;
}

.worker-search input::placeholder {
  color: var(--text-muted);
}

.worker-search button {
  display: grid;
  color: var(--text-muted);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 6px;
  place-items:  center;
  width: 24px;
  height: 24px;
}

.worker-search button:hover {
  color: var(--text-strong);
  background: #ffffff0d;
}

.worker-toolbar__meta {
  display: flex;
  color: var(--text-muted);
  font-size: var(--font-xs);
  white-space: nowrap;
  align-items:  center;
  gap: 3px;
}

.worker-toolbar__meta strong {
  color: var(--text-strong);
  font-size: var(--font-md);
}

.worker-toolbar__meta small {
  border-left: 1px solid var(--divider);
  color: var(--accent-cyan);
  margin-left: 8px;
  padding-left: 8px;
}

.segmented-control {
  display: inline-flex;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  background: #020911b8;
  align-items:  center;
  padding: 3px;
}

.segmented-control button {
  display: inline-flex;
  color: var(--text-muted);
  font: inherit;
  font-size: var(--font-xs);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 7px;
  align-items:  center;
  gap: 6px;
  height: 30px;
  padding: 0 9px;
}

.segmented-control button[aria-pressed="true"] {
  color: var(--text-strong);
  background: linear-gradient(#248cff33, #248cff1a);
  box-shadow: inset 0 0 0 1px #4199ff38;
}

.worker-work-list {
  min-width: 0;
  padding: 10px;
}

.worker-work-list--grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}

.worker-work-list--list {
  display: grid;
  background: var(--divider);
  gap: 1px;
  padding: 0;
}

.worker-work-item {
  border: 1px solid var(--border-subtle);
  color: var(--text-primary);
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: linear-gradient(#0d2030d1, #071421d1);
  min-width: 0;
  transition: border-color .12s, background .12s, box-shadow .12s, transform .12s;
}

.worker-work-item:hover {
  border-color: var(--border-strong);
  background: linear-gradient(#10273aeb, #081725e6);
}

.worker-work-item[data-selected="true"] {
  box-shadow: inset 2px 0 var(--accent-cyan), 0 12px 30px #00000029;
  background: linear-gradient(#0d2536eb, #071724f0);
  border-color: #43beff47;
}

.worker-work-item[data-selected="true"] .worker-work-item__avatar {
  color: #8fe6ff;
  background: #248cff1f;
  border-color: #38cfff47;
}

.worker-work-item--grid {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-areas: "avatar identity" "task task" "progress progress" "facts facts" "counts counts";
  border-radius: var(--radius-md);
  gap: 9px 10px;
  padding: 12px;
}

.worker-work-item__avatar {
  grid-area: avatar;
  display: grid;
  color: var(--accent-cyan);
  background: #248cff17;
  border: 1px solid #2b9eff2e;
  border-radius: 9px;
  place-items:  center;
  width: 34px;
  height: 34px;
}

.worker-work-item__identity {
  grid-area: identity;
  display: grid;
  gap: 2px;
  min-width: 0;
}

.worker-work-item__identity-line {
  display: flex;
  align-items:  center;
  gap: 8px;
  min-width: 0;
}

.worker-work-item__identity-line > strong {
  overflow: hidden;
  color: var(--text-strong);
  font-size: var(--font-sm);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: auto;
  min-width: 0;
  font-weight: 680;
}

.worker-status-inline {
  display: inline-flex;
  color: var(--text-muted);
  white-space: nowrap;
  flex: none;
  align-items:  center;
  gap: 5px;
  font-size: 12px;
  font-weight: 680;
}

.worker-status-inline > i {
  background: var(--status-idle);
  border-radius: 50%;
  flex: none;
  width: 6px;
  height: 6px;
  box-shadow: 0 0 0 2px #7890a614;
}

.worker-status-inline[data-worker-status="running"] {
  color: #82dfff;
}

.worker-status-inline[data-worker-status="running"] > i {
  background: var(--status-running);
  box-shadow: 0 0 9px #43c8ff5c;
}

.worker-status-inline[data-worker-status="queued"] {
  color: #ddb96f;
}

.worker-status-inline[data-worker-status="queued"] > i {
  background: var(--status-queued);
  box-shadow: 0 0 8px #d7a34a38;
}

.worker-work-item__identity > span:last-child {
  overflow: hidden;
  color: var(--text-muted);
  letter-spacing: .02em;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}

.worker-work-item__task {
  grid-area: task;
  display: grid;
  gap: 3px;
  min-width: 0;
  padding-top: 2px;
}

.worker-work-item__task small {
  color: var(--accent-cyan);
  font-size: 12px;
  font-weight: 700;
}

.worker-work-item__task strong {
  display: -webkit-box;
  overflow: hidden;
  color: var(--text-primary);
  font-size: var(--font-sm);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 34px;
  line-height: 1.4;
}

.worker-work-item__task > span {
  color: var(--text-muted);
  font-size: var(--font-xs);
}

.worker-work-item__progress {
  grid-area: progress;
  display: grid;
  gap: 5px;
  min-width: 0;
}

.worker-work-item__progress > span {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
}

.worker-work-item__progress small {
  overflow: hidden;
  color: var(--text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: 12px;
}

.worker-work-item__progress strong {
  color: var(--text-strong);
  font-size: var(--font-xs);
  font-variant-numeric: tabular-nums;
}

.worker-work-item__progress progress {
  overflow: hidden;
  background: #ffffff0f;
  border: 0;
  border-radius: 999px;
  width: 100%;
  height: 5px;
}

.worker-work-item__progress progress::-webkit-progress-bar {
  background: #ffffff0f;
}

.worker-work-item__progress progress::-webkit-progress-value {
  background: linear-gradient(90deg, var(--accent-blue), var(--accent-cyan));
  border-radius: 999px;
}

.worker-work-item__facts {
  grid-area: facts;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  border-top: 1px solid var(--divider);
  color: var(--text-muted);
  gap: 5px 10px;
  min-width: 0;
  padding-top: 6px;
  font-size: 12px;
}

.worker-work-item__facts > span {
  display: flex;
  align-items:  center;
  gap: 5px;
  min-width: 0;
}

.worker-work-item__facts > span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.worker-work-item__facts > span:last-child {
  grid-column: 1 / -1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
}

.worker-work-item__counts {
  grid-area: counts;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
  background: #01080f61;
  border-radius: 7px;
}

.worker-work-item__counts > span {
  display: flex;
  border-right: 1px solid var(--divider);
  justify-content: center;
  align-items: baseline;
  gap: 4px;
  min-width: 0;
  padding: 5px;
}

.worker-work-item__counts > span:last-child {
  border-right: 0;
}

.worker-work-item__counts b {
  color: var(--text-strong);
  font-size: var(--font-xs);
  font-variant-numeric: tabular-nums;
}

.worker-work-item__counts small {
  color: var(--text-muted);
  font-size: 12px;
}

.worker-work-item--list {
  display: grid;
  grid-template-columns: auto minmax(170px, 1.15fr) minmax(220px, 1.6fr) minmax(160px, .95fr) minmax(170px, 1.1fr) 150px;
  grid-template-areas: "avatar identity task progress facts counts";
  border: 0;
  border-radius: 0;
  align-items:  center;
  gap: 10px;
  padding: 9px 12px;
}

.worker-work-item--list[data-selected="true"] {
  box-shadow: inset 3px 0 var(--accent-cyan);
}

.worker-work-item--list .worker-work-item__task strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-height: 0;
}

.worker-work-item--list .worker-work-item__task > span, .worker-work-item--list .worker-work-item__task small, .worker-work-item--list .worker-work-item__facts > span:last-child {
  display: none;
}

.worker-work-item--list .worker-work-item__facts {
  grid-template-columns: minmax(0, 1fr);
  border: 0;
  padding: 0;
}

.worker-work-item--list .worker-work-item__counts {
  background: none;
}

.worker-filter-empty {
  display: grid;
  color: var(--text-muted);
  text-align: center;
  align-content:  center;
  place-items:  center;
  gap: 6px;
  min-height: 128px;
  padding: 24px;
}

.worker-filter-empty strong {
  color: var(--text-primary);
  font-size: var(--font-md);
}

.worker-filter-empty p {
  font-size: var(--font-sm);
  margin: 0;
}

.worker-inspector {
  position: sticky;
  top: calc(var(--context-height)  + 14px);
  overflow: hidden;
}

.worker-inspector__topbar {
  display: flex;
  border-bottom: 1px solid var(--divider);
  background: #030b1494;
  justify-content: space-between;
  align-items:  center;
  gap: 10px;
  min-height: 54px;
  padding: 9px 11px 9px 14px;
}

.worker-inspector__topbar > div {
  display: grid;
  gap: 1px;
}

.worker-inspector__topbar .section-kicker {
  margin: 0;
}

.worker-inspector__topbar strong {
  color: var(--text-strong);
  font-size: var(--font-sm);
}

.icon-button {
  display: grid;
  border: 1px solid var(--border-subtle);
  color: var(--text-muted);
  cursor: pointer;
  background: #ffffff06;
  border-radius: 8px;
  place-items:  center;
  width: 32px;
  height: 32px;
}

.icon-button:hover {
  border-color: var(--border-strong);
  color: var(--text-strong);
}

.worker-inspector__empty {
  display: grid;
  color: var(--text-muted);
  text-align: center;
  align-content:  center;
  place-items:  center;
  gap: 9px;
  min-height: 260px;
  padding: 28px;
}

.worker-inspector__empty > span {
  display: grid;
  color: var(--accent-cyan);
  background: #248cff14;
  border-radius: 15px;
  place-items:  center;
  width: 54px;
  height: 54px;
}

.worker-inspector__empty strong {
  color: var(--text-primary);
}

.worker-inspector__empty p {
  font-size: var(--font-sm);
  max-width: 290px;
  margin: 0;
  line-height: 1.55;
}

.worker-inspector__summary {
  display: grid;
  border-bottom: 1px solid var(--divider);
  gap: 10px;
  min-width: 0;
  padding: 14px;
}

.worker-inspector__summary > div:first-child {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.worker-inspector__summary small {
  overflow: hidden;
  color: var(--text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}

.worker-inspector__summary h2 {
  color: var(--text-strong);
  font-size: var(--font-lg);
  margin: 0;
  font-weight: 660;
  line-height: 1.35;
}

.worker-inspector__summary dl {
  display: grid;
  background: #0109116b;
  border-radius: 8px;
  gap: 6px;
  min-width: 0;
  margin: 0;
  padding: 9px 10px;
}

.worker-inspector__summary dl > div {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
  gap: 8px;
  min-width: 0;
}

.worker-inspector__summary dt, .worker-inspector__summary dd {
  margin: 0;
  font-size: 12px;
}

.worker-inspector__summary dt {
  color: var(--text-muted);
}

.worker-inspector__summary dd {
  overflow: hidden;
  color: var(--text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.worker-inspector__tabs {
  display: flex;
  overflow-x: auto;
  border-bottom: 1px solid var(--divider);
  scrollbar-width: none;
  background: #020a1257;
}

.worker-inspector__tabs::-webkit-scrollbar {
  display: none;
}

.worker-inspector__tabs button {
  color: var(--text-muted);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  border-bottom: 2px solid #0000;
  min-width: max-content;
  height: 40px;
  padding: 0 10px;
  font-size: 12px;
}

.worker-inspector__tabs button[aria-selected="true"] {
  border-bottom-color: var(--accent-cyan);
  color: var(--text-strong);
}

.worker-inspector__body {
  max-height: calc(100vh - var(--context-height)  - 270px);
  overflow-y: auto;
  min-height: 190px;
  padding: 10px;
}

.inspector-step-list {
  display: grid;
  list-style: none;
  gap: 0;
  margin: 0;
  padding: 0;
}

.inspector-step-list li {
  position: relative;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items:  start;
  gap: 9px;
  min-width: 0;
  padding: 8px 0 12px;
}

.inspector-step-list li:not(:last-child):after {
  position: absolute;
  background: var(--divider);
  content: "";
  width: 1px;
  top: 33px;
  bottom: -2px;
  left: 13px;
}

.inspector-step-list__marker {
  position: relative;
  z-index: 1;
  display: grid;
  border: 1px solid var(--border-default);
  background: var(--surface-panel-raised);
  color: var(--text-muted);
  border-radius: 50%;
  place-items:  center;
  width: 28px;
  height: 28px;
  font-size: 12px;
  font-weight: 700;
}

.inspector-step-list li[data-step-state="verified"] .inspector-step-list__marker {
  color: var(--status-ready);
  background: #19b5701f;
  border-color: #38de9659;
}

.inspector-step-list li[data-step-state="running"] .inspector-step-list__marker {
  color: var(--accent-cyan);
  background: #248cff21;
  border-color: #2ca4ff66;
  box-shadow: 0 0 18px #248cff2e;
}

.inspector-step-list li > span:nth-child(2) {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding-top: 3px;
}

.inspector-step-list li strong {
  color: var(--text-primary);
  font-size: var(--font-xs);
  font-weight: 650;
  line-height: 1.35;
}

.inspector-step-list li small {
  color: var(--text-muted);
  font-size: 12px;
  line-height: 1.45;
}

.inspector-record-list {
  display: grid;
  gap: 8px;
}

.inspector-record-list article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  background: #030c1585;
  border: 1px solid #0000;
  border-radius: 9px;
  gap: 7px 10px;
  min-width: 0;
  padding: 10px;
}

.inspector-record-list article[data-severity="P0"], .inspector-record-list article[data-severity="P1"] {
  border-left-color: #ff5270b3;
}

.inspector-record-list article > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.inspector-record-list strong {
  overflow: hidden;
  color: var(--text-primary);
  font-size: var(--font-xs);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 650;
}

.inspector-record-list small {
  overflow: hidden;
  color: var(--text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}

.inspector-record-list p {
  grid-column: 1 / -1;
  color: var(--text-secondary);
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
}

.inspector-compact-empty {
  color: var(--text-muted);
  font-size: var(--font-xs);
  text-align: center;
  padding: 24px 12px;
}

.sr-only {
  position: absolute;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
}

@media (max-width: 1599px) {
  .worker-work-list--grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1550px) {
  .worker-work-item--list {
    grid-template-columns: auto minmax(160px, 1fr) minmax(190px, 1.35fr) minmax(140px, .8fr) 135px;
    grid-template-areas: "avatar identity task progress counts";
  }

  .worker-work-item--list .worker-work-item__facts {
    display: none;
  }
}

@media (max-width: 1439px) {
  .worker-workspace {
    grid-template-columns: minmax(0, 1fr) minmax(310px, 342px);
  }

  .worker-work-list--grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .worker-summary-strip small {
    display: none;
  }
}

@media (max-width: 1180px) {
  .worker-workspace {
    display: block;
  }

  .worker-workspace__inspector {
    position: fixed;
    z-index: 85;
    display: grid;
    pointer-events: none;
    justify-items: end;
    inset: 0;
  }

  .worker-workspace__inspector[data-open="false"] {
    display: none;
  }

  .worker-inspector-backdrop {
    position: absolute;
    display: block;
    backdrop-filter: blur(6px);
    pointer-events: auto;
    background: #00040aa3;
    border: 0;
    inset: 0;
  }

  .worker-inspector {
    position: relative;
    z-index: 1;
    width: min(440px, 100vw - 38px);
    height: 100vh;
    pointer-events: auto;
    background: linear-gradient(#081826fe, #030c15fe);
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
    border-radius: 0;
    height: 100dvh;
    top: 0;
    box-shadow: -24px 0 70px #0000006b;
  }

  .worker-inspector__body {
    max-height: calc(100dvh - 256px);
  }

  .worker-summary-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .worker-summary-strip > div:nth-child(2) {
    border-right: 0;
  }

  .worker-summary-strip > div:nth-child(-n+2) {
    border-bottom: 1px solid var(--divider);
  }

  .worker-work-item--list {
    grid-template-columns: auto minmax(150px, 1fr) minmax(180px, 1.2fr) 130px;
    grid-template-areas: "avatar identity task counts";
  }

  .worker-work-item--list .worker-work-item__progress {
    display: none;
  }

  .worker-toolbar {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .worker-toolbar__meta {
    display: none;
  }
}

@media (max-width: 700px) {
  .worker-work-list--grid {
    grid-template-columns: 1fr;
  }

  .worker-summary-strip {
    grid-template-columns: 1fr 1fr;
  }

  .worker-summary-strip > div {
    padding: 10px 11px;
  }

  .worker-summary-strip strong {
    font-size: 20px;
  }

  .worker-toolbar {
    grid-template-columns: 1fr;
  }

  .segmented-control {
    width: max-content;
  }

  .worker-work-list--grid {
    padding: 7px;
  }

  .worker-work-item--grid {
    padding: 10px;
  }

  .worker-work-item--list {
    grid-template-columns: auto minmax(0, 1fr) 92px;
    grid-template-areas: "avatar identity counts" "task task task";
    gap: 7px 9px;
  }

  .worker-work-item--list .worker-work-item__task {
    display: grid;
  }

  .worker-work-item--list .worker-work-item__task strong {
    white-space: normal;
  }
}

@media (max-width: 520px) {
  .worker-summary-strip {
    grid-template-columns: 1fr;
  }

  .worker-summary-strip > div, .worker-summary-strip > div:nth-child(2) {
    border-right: 0;
    border-bottom: 1px solid var(--divider);
  }

  .worker-summary-strip > div:last-child {
    border-bottom: 0;
  }

  .worker-work-item__identity-line {
    align-items:  flex-start;
  }

  .worker-work-item__identity-line .status-pill {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 86px;
  }
}

.worker-page {
  gap: 18px;
}

.worker-summary-strip > div {
  min-height: 88px;
  padding: 16px 18px 15px;
}

.worker-workspace {
  gap: 16px;
}

.worker-toolbar {
  min-height: 62px;
  padding: 10px 12px;
}

.worker-search {
  height: 40px;
}

.segmented-control button {
  height: 34px;
}

.worker-work-list {
  padding: 12px;
}

.worker-work-list--grid {
  gap: 11px;
}

.worker-work-item--grid {
  gap: 11px 10px;
  min-height: 272px;
  padding: 14px;
}

.worker-work-item__task strong {
  min-height: 38px;
  line-height: 1.5;
}

.worker-work-item__facts {
  gap: 7px 10px;
  padding-top: 8px;
}

.worker-work-item__counts > span {
  padding: 7px 5px;
}

.worker-work-item--list {
  min-height: 64px;
  padding: 11px 14px;
}

.worker-inspector__topbar {
  min-height: 60px;
  padding: 11px 13px 11px 15px;
}

.worker-inspector__summary {
  gap: 12px;
  padding: 16px;
}

.worker-inspector__tabs button {
  height: 44px;
  padding: 0 12px;
}

.worker-inspector__body {
  min-height: 220px;
  padding: 12px;
}

.inspector-step-list li {
  gap: 10px;
  padding: 10px 0 14px;
}

.inspector-record-list {
  gap: 10px;
}

.inspector-record-list article {
  padding: 12px;
}

@media (max-width: 700px) {
  .worker-page {
    gap: 14px;
  }

  .worker-summary-strip > div {
    min-height: 0;
    padding: 12px;
  }

  .worker-work-list {
    padding: 8px;
  }

  .worker-work-item--grid {
    min-height: 0;
    padding: 12px;
  }
}

/* src/styles/review.css */
.review-page, .activity-page {
  gap: 14px;
}

.review-summary-strip, .activity-health-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  background: #05101cb8;
  min-width: 0;
  box-shadow: 0 16px 44px #00000024;
}

.review-summary-strip > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "label value" "detail detail";
  border-right: 1px solid var(--divider);
  align-items: baseline;
  gap: 4px 12px;
  min-width: 0;
  padding: 13px 16px 12px;
}

.review-summary-strip > div:last-child, .activity-health-strip > div:last-child {
  border-right: 0;
}

.review-summary-strip span {
  grid-area: label;
  color: var(--text-secondary);
  font-size: var(--font-sm);
  font-weight: 620;
}

.review-summary-strip strong {
  grid-area: value;
  color: var(--text-strong);
  font-variant-numeric: tabular-nums;
  font-size: 24px;
  line-height: 1;
}

.review-summary-strip small {
  grid-area: detail;
  overflow: hidden;
  color: var(--text-muted);
  font-size: var(--font-xs);
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.review-summary-strip > div[data-tone="danger"] strong {
  color: var(--accent-rose);
}

.review-summary-strip > div[data-tone="gold"] strong {
  color: var(--accent-gold-hi);
}

.compact-empty {
  display: flex;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  color: var(--text-muted);
  background: #05101c94;
  align-items:  center;
  gap: 12px;
  min-height: 78px;
  padding: 14px 16px;
}

.compact-empty > .icon {
  color: var(--accent-cyan);
}

.compact-empty > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.compact-empty strong {
  color: var(--text-primary);
  font-size: var(--font-sm);
}

.compact-empty span {
  font-size: var(--font-xs);
}

.review-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, .95fr);
  gap: 14px;
  min-width: 0;
}

.review-panel {
  overflow: hidden;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  background: linear-gradient(#0a1b2ad1, #06121edb);
  min-width: 0;
  box-shadow: 0 18px 48px #00000026;
}

.review-panel__header {
  display: flex;
  border-bottom: 1px solid var(--divider);
  background: #020a1275;
  justify-content: space-between;
  align-items:  center;
  gap: 12px;
  min-height: 52px;
  padding: 10px 13px;
}

.review-panel__header > div:first-child {
  min-width: 0;
}

.review-panel__header .section-kicker {
  margin: 0 0 2px;
}

.review-panel__header h2 {
  color: var(--text-strong);
  font-size: var(--font-md);
  margin: 0;
  font-weight: 680;
}

.review-panel__header > span {
  color: var(--text-muted);
  font-size: var(--font-xs);
  white-space: nowrap;
}

.review-list, .finding-list, .operation-certainty-list {
  display: grid;
}

.review-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  border-bottom: 1px solid var(--divider);
  align-items:  start;
  gap: 10px;
  min-width: 0;
  padding: 11px 13px;
}

.review-row:last-child {
  border-bottom: 0;
}

.review-row__icon {
  display: grid;
  color: var(--accent-cyan);
  background: #248cff14;
  border-radius: 8px;
  place-items:  center;
  width: 32px;
  height: 32px;
}

.review-row__copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.review-row__copy strong {
  overflow: hidden;
  color: var(--text-primary);
  font-size: var(--font-sm);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.review-row__copy > span {
  color: var(--text-muted);
  font-size: 12px;
}

.review-row__copy p {
  color: var(--text-secondary);
  font-size: var(--font-xs);
  margin: 3px 0 0;
  line-height: 1.45;
}

.findings-panel__header {
  align-items:  flex-end;
}

.findings-filter {
  display: inline-flex;
  border: 1px solid var(--border-subtle);
  background: #01080f8f;
  border-radius: 9px;
  gap: 3px;
  padding: 3px;
}

.findings-filter button {
  color: var(--text-muted);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 6px;
  height: 28px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 700;
}

.findings-filter button[aria-pressed="true"] {
  color: var(--text-strong);
  background: #248cff24;
}

.finding-row {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  border-bottom: 1px solid var(--divider);
  align-items:  start;
  gap: 10px;
  min-width: 0;
  padding: 11px 13px;
}

.finding-row:last-child {
  border-bottom: 0;
}

.finding-row__severity {
  display: grid;
  color: var(--text-secondary);
  background: #ffffff06;
  border: 1px solid #0000;
  border-radius: 7px;
  place-items:  center;
  width: 32px;
  height: 24px;
  font-size: 12px;
  font-weight: 800;
}

.finding-row[data-severity="P0"] .finding-row__severity {
  color: #ff9aa5;
  background: #5f121c57;
  border-color: #ff6b7a5c;
  box-shadow: inset 2px 0 #ff6b7abf;
}

.finding-row[data-severity="P1"] .finding-row__severity {
  color: var(--accent-gold-hi);
  background: #482f0c47;
  border-color: #d8a74a4d;
}

.finding-row > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.finding-row strong {
  color: var(--text-primary);
  font-size: var(--font-sm);
}

.finding-row p {
  color: var(--text-secondary);
  font-size: var(--font-xs);
  margin: 0;
  line-height: 1.45;
}

.finding-row small {
  color: var(--text-muted);
  font-size: 12px;
}

.mini-empty {
  color: var(--text-muted);
  font-size: var(--font-xs);
  padding: 18px 13px;
}

.operation-certainty-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.operation-certainty-row {
  display: grid;
  border-right: 1px solid var(--divider);
  align-content:  start;
  gap: 8px;
  min-width: 0;
  padding: 12px 13px;
}

.operation-certainty-row:last-child {
  border-right: 0;
}

.operation-certainty-row[data-operation-state="INDETERMINATE"] {
  background: linear-gradient(#5b172224, #040e181a);
  box-shadow: inset 0 2px #ff6b7a6b;
}

.operation-certainty-row > div:first-child {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.operation-certainty-row strong {
  color: var(--text-primary);
  font-size: var(--font-sm);
}

.operation-certainty-row > div:first-child span {
  color: var(--text-muted);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
}

.operation-certainty-row p {
  color: var(--text-secondary);
  font-size: var(--font-xs);
  margin: 0;
  line-height: 1.5;
}

.operation-certainty-row__action {
  display: flex;
  flex-wrap: wrap;
  align-items:  center;
  gap: 8px;
}

.operation-certainty-row__action > span:last-child {
  color: var(--text-muted);
  font-size: 12px;
}

.evidence-layout {
  display: grid;
  grid-template-columns: minmax(280px, .82fr) minmax(0, 1.18fr);
  min-width: 0;
}

.evidence-list {
  border-right: 1px solid var(--divider);
  background: #020a1247;
  min-width: 0;
  padding: 7px;
}

.evidence-list button {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  color: var(--text-secondary);
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: 8px;
  align-items:  center;
  gap: 9px;
  width: 100%;
  min-width: 0;
  padding: 9px 10px;
}

.evidence-list button:hover {
  background: #ffffff06;
}

.evidence-list button[aria-selected="true"] {
  background: #248cff17;
  border-color: #248cff3d;
}

.evidence-list__icon {
  display: grid;
  color: var(--accent-cyan);
  background: #38cfff12;
  border-radius: 8px;
  place-items:  center;
  width: 30px;
  height: 30px;
}

.evidence-list button > span:nth-child(2) {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.evidence-list strong {
  overflow: hidden;
  color: var(--text-primary);
  font-size: var(--font-xs);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.evidence-list small {
  color: var(--text-muted);
  font-size: 12px;
}

.evidence-list button > span:nth-child(2) > span {
  overflow: hidden;
  color: var(--text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}

.evidence-detail {
  display: grid;
  background: #020a1261;
  align-content:  start;
  gap: 12px;
  min-width: 0;
  padding: 16px;
}

.evidence-detail header {
  display: flex;
  justify-content: space-between;
  align-items:  start;
  gap: 12px;
  min-width: 0;
}

.evidence-detail h3 {
  color: var(--text-strong);
  font-size: var(--font-md);
  margin: 2px 0 0;
}

.evidence-detail p {
  color: var(--text-secondary);
  font-size: var(--font-sm);
  margin: 0;
  line-height: 1.58;
}

.evidence-detail dl {
  display: grid;
  border: 1px solid var(--divider);
  overflow: hidden;
  background: var(--divider);
  border-radius: 8px;
  gap: 1px;
  margin: 0;
}

.evidence-detail dl > div {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
  background: #040e18f0;
  gap: 10px;
  min-width: 0;
  padding: 7px 9px;
}

.evidence-detail dt {
  color: var(--text-muted);
  font-size: 12px;
}

.evidence-detail dd {
  overflow: hidden;
  color: var(--text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  margin: 0;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
}

.evidence-detail--empty {
  text-align: center;
  color: var(--text-muted);
  align-content:  center;
  place-items:  center;
  min-height: 180px;
}

.evidence-detail--empty .icon {
  color: var(--accent-cyan);
}

.evidence-detail--empty strong {
  color: var(--text-primary);
  font-size: var(--font-sm);
}

.evidence-detail--empty span {
  font-size: var(--font-xs);
  max-width: 440px;
  line-height: 1.5;
}

.activity-health-strip > div {
  display: flex;
  border-right: 1px solid var(--divider);
  align-items:  center;
  gap: 10px;
  min-width: 0;
  padding: 12px 14px;
}

.activity-health-strip__icon {
  display: grid;
  color: var(--accent-cyan);
  background: #248cff14;
  border-radius: 9px;
  place-items:  center;
  width: 34px;
  height: 34px;
}

.activity-health-strip > div[data-tone="danger"] .activity-health-strip__icon {
  color: var(--accent-rose);
  background: #ff6b7a17;
}

.activity-health-strip > div[data-tone="gold"] .activity-health-strip__icon {
  color: var(--accent-gold-hi);
  background: #d8a74a14;
}

.activity-health-strip > div > div {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.activity-health-strip small {
  color: var(--text-muted);
  font-size: 12px;
}

.activity-health-strip strong {
  color: var(--text-strong);
  font-size: var(--font-lg);
  font-variant-numeric: tabular-nums;
}

.activity-health-strip__cursor {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  color: var(--text-primary) !important;
  font-size: var(--font-xs) !important;
}

.activity-page .activity-console {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  min-height: min(58vh, 620px);
}

.activity-page .activity-console__body {
  height: clamp(320px, 50vh, 540px);
  min-height: 320px;
  max-height: 540px;
}

.evidence-panel {
  box-shadow: none;
  background: #06121eb8;
  border-color: #83b5d813;
}

@media (max-width: 1180px) {
  .review-summary-strip, .activity-health-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .review-summary-strip > div:nth-child(2), .activity-health-strip > div:nth-child(2) {
    border-right: 0;
  }

  .review-summary-strip > div:nth-child(-n+2), .activity-health-strip > div:nth-child(-n+2) {
    border-bottom: 1px solid var(--divider);
  }

  .review-layout, .operation-certainty-list {
    grid-template-columns: 1fr;
  }

  .operation-certainty-row {
    border-right: 0;
    border-bottom: 1px solid var(--divider);
  }

  .operation-certainty-row:last-child {
    border-bottom: 0;
  }
}

@media (max-width: 760px) {
  .review-summary-strip, .activity-health-strip {
    grid-template-columns: 1fr;
  }

  .review-summary-strip > div, .activity-health-strip > div {
    border-right: 0;
    border-bottom: 1px solid var(--divider);
  }

  .review-summary-strip > div:last-child, .activity-health-strip > div:last-child {
    border-bottom: 0;
  }

  .findings-panel__header {
    flex-direction: column;
    align-items: stretch;
  }

  .findings-filter {
    width: max-content;
    max-width: 100%;
  }

  .review-row, .finding-row {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .review-row > .status-pill, .finding-row > .status-pill {
    grid-column: 2;
  }

  .evidence-layout {
    grid-template-columns: 1fr;
  }

  .evidence-list {
    border-right: 0;
    border-bottom: 1px solid var(--divider);
  }
}

@media (max-width: 520px) {
  .review-summary-strip strong {
    font-size: 21px;
  }

  .review-panel__header {
    align-items:  flex-start;
  }

  .finding-row {
    gap: 8px;
    padding: 10px;
  }

  .evidence-detail {
    padding: 13px;
  }
}

.auditor-lane {
  overflow: hidden;
  border-radius: var(--radius-lg);
  background: linear-gradient(#081b2ac7, #05111ce0);
  border: 1px solid #3d97d724;
  min-width: 0;
}

.auditor-status-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.auditor-status-grid article {
  display: grid;
  grid-template-columns: auto minmax(90px, .7fr) minmax(0, 1.4fr) auto;
  border-right: 1px solid var(--divider);
  align-items:  center;
  gap: 8px;
  min-width: 0;
  padding: 10px 12px;
}

.auditor-status-grid article:last-child {
  border-right: 0;
}

.auditor-dot {
  background: #6e8292;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.auditor-dot--reviewing {
  background: #2ba8ff;
  box-shadow: 0 0 10px #2ba8ff66;
}

.auditor-dot--idle {
  background: #26d98e;
  box-shadow: 0 0 8px #26d98e40;
}

.auditor-dot--blocked {
  background: #ff6674;
}

.auditor-status-grid article > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.auditor-status-grid strong {
  overflow: hidden;
  color: var(--text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}

.auditor-status-grid span, .auditor-status-grid small {
  overflow: hidden;
  color: var(--text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}

.auditor-status-grid b {
  color: var(--text-secondary);
  font-size: 11px;
  font-weight: 650;
}

.review-layout--findings {
  grid-template-columns: minmax(0, 1.1fr) minmax(340px, .9fr);
}

.finding-row--selectable {
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  width: 100%;
}

.finding-row--selectable:hover {
  background: #248cff09;
}

.finding-row--selectable[aria-pressed="true"] {
  box-shadow: inset 2px 0 var(--accent-cyan);
  background: #248cff12;
}

.finding-detail-body {
  display: grid;
  padding: 10px 13px 13px;
}

.finding-detail-body > div {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  border-bottom: 1px solid var(--divider);
  gap: 8px;
  min-width: 0;
  padding: 7px 0;
}

.finding-detail-body > div span, .finding-detail-body > section > span {
  color: var(--text-muted);
  font-size: 11px;
}

.finding-detail-body > div strong {
  overflow: hidden;
  color: var(--text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}

.finding-detail-body > section {
  display: grid;
  gap: 3px;
  padding: 8px 0 0;
}

.finding-detail-body > section p {
  color: var(--text-secondary);
  margin: 0;
  font-size: 11px;
  line-height: 1.5;
}

.review-list--queue .review-row__queue {
  display: grid;
  justify-items: end;
  gap: 4px;
}

.review-list--queue .review-row__queue small {
  color: var(--text-muted);
  font-size: 11px;
}

.feedback-list {
  display: grid;
}

.feedback-row {
  display: grid;
  border-bottom: 1px solid var(--divider);
  gap: 9px;
  min-width: 0;
  padding: 11px 13px;
}

.feedback-row:last-child {
  border-bottom: 0;
}

.feedback-row > header {
  display: flex;
  justify-content: space-between;
  align-items:  flex-start;
  gap: 8px;
  min-width: 0;
}

.feedback-row > header > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.feedback-row > header strong {
  color: var(--text-primary);
  font-size: 11px;
}

.feedback-row > header span {
  overflow: hidden;
  color: var(--text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}

.feedback-row > header small {
  overflow: hidden;
  color: var(--text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  line-height: 1.35;
}

.feedback-semantics-note {
  border-bottom: 1px solid var(--divider);
  color: var(--text-muted);
  background: #ffffff05;
  margin: 0;
  padding: 8px 13px;
  font-size: 11px;
  line-height: 1.45;
}

.feedback-progress {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 4px;
  min-width: 0;
}

.feedback-progress > span {
  position: relative;
  display: grid;
  color: var(--text-muted);
  text-align: center;
  justify-items: center;
  gap: 3px;
  min-width: 0;
}

.feedback-progress > span:after {
  position: absolute;
  z-index: 0;
  content: "";
  background: #6895b52e;
  height: 2px;
  top: 10px;
  left: calc(50% + 11px);
  right: calc(11px - 50%);
}

.feedback-progress > span:last-child:after {
  display: none;
}

.feedback-progress i {
  position: relative;
  z-index: 1;
  display: grid;
  background: #061522;
  border: 2px solid #4d6e87;
  border-radius: 50%;
  place-items:  center;
  width: 21px;
  height: 21px;
  font-size: 10px;
  font-style: normal;
}

.feedback-progress small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 11px;
}

.feedback-progress > span[data-state="done"] i {
  color: #04150d;
  background: #1fdc84;
  border-color: #1fdc84;
}

.feedback-progress > span[data-state="done"]:after {
  background: #1fdc8459;
}

.feedback-progress > span[data-state="current"] i {
  color: #d9f4ff;
  background: #07375e;
  border-color: #2ba8ff;
  box-shadow: 0 0 0 3px #2ba8ff1a, 0 0 10px #2ba8ff47;
}

.feedback-row > p {
  color: var(--text-secondary);
  margin: 0;
  font-size: 11px;
  line-height: 1.45;
}

.feedback-row > footer {
  display: flex;
  color: var(--text-muted);
  flex-wrap: wrap;
  gap: 5px 12px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 11px;
}

.finding-row[data-severity="P2"] .finding-row__severity {
  color: #78caff;
  background: #248cff14;
}

.finding-row[data-severity="P3"] .finding-row__severity {
  color: #97aaba;
  background: #7491a512;
}

@media (max-width: 1180px) {
  .auditor-status-grid {
    grid-template-columns: 1fr;
  }

  .auditor-status-grid article {
    border-right: 0;
    border-bottom: 1px solid var(--divider);
  }

  .auditor-status-grid article:last-child {
    border-bottom: 0;
  }

  .review-layout--findings {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .feedback-progress {
    grid-template-columns: repeat(7, 92px);
    overflow-x: auto;
    justify-content: start;
    padding-bottom: 4px;
  }

  .feedback-row > footer {
    display: grid;
    gap: 3px;
  }

  .auditor-status-grid article {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .auditor-status-grid article > div:nth-of-type(2) {
    grid-column: 2 / 4;
  }

  .finding-detail-body > div {
    grid-template-columns: 72px minmax(0, 1fr);
  }
}

.lifecycle-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  min-width: 0;
}

.lifecycle-list {
  display: grid;
}

.lifecycle-list > article {
  display: grid;
  border-bottom: 1px solid var(--divider);
  gap: 8px;
  min-width: 0;
  padding: 11px 13px;
}

.lifecycle-list > article:last-child {
  border-bottom: 0;
}

.lifecycle-list article > header {
  display: flex;
  justify-content: space-between;
  align-items:  flex-start;
  gap: 8px;
  min-width: 0;
}

.lifecycle-list article > header > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.lifecycle-list article > header strong {
  color: var(--text-primary);
  font-size: 11px;
}

.lifecycle-list article > header span {
  overflow: hidden;
  color: var(--text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}

.lifecycle-list article > p {
  color: var(--text-secondary);
  margin: 0;
  font-size: 11px;
  line-height: 1.48;
}

.lifecycle-list dl {
  display: grid;
  gap: 4px;
  margin: 0;
}

.lifecycle-list dl > div {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 7px;
  min-width: 0;
}

.lifecycle-list dt {
  color: var(--text-muted);
  font-size: 11px;
}

.lifecycle-list dd {
  overflow: hidden;
  color: var(--text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  margin: 0;
  font-size: 11px;
}

.finalization-track {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 3px;
}

.finalization-track span {
  color: var(--text-muted);
  text-align: center;
  background: #648ba60e;
  border-radius: 5px;
  min-width: 0;
  padding: 5px 3px;
  font-size: 10px;
  line-height: 1.25;
}

.finalization-track span[data-state="done"] {
  color: #77dcb0;
  background: #22c47b17;
}

.finalization-track span[data-state="current"] {
  color: #a8ddff;
  box-shadow: inset 0 -2px var(--accent-cyan);
  background: #2a9eff21;
}

.lifecycle-blockers {
  display: grid;
  list-style: none;
  gap: 4px;
  margin: 0;
  padding: 0;
}

.lifecycle-blockers li {
  color: #dfb763;
  background: #cd841b12;
  border-radius: 6px;
  padding: 5px 7px;
  font-size: 11px;
}

.lifecycle-blockers li:before {
  content: "• ";
  color: var(--accent-gold-hi);
}

.handoff-title-preview {
  overflow: hidden;
  color: #dff3ff;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font: 600 11px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.handoff-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 9px;
}

.handoff-facts span {
  color: var(--text-muted);
  background: #2d82bd0f;
  border-radius: 5px;
  padding: 3px 5px;
  font-size: 11px;
}

.handoff-facts b {
  color: var(--text-primary);
}

.history-separation {
  display: flex;
  color: #d5b870;
  background: #d8a74a0f;
  border-radius: 6px;
  align-items:  flex-start;
  gap: 6px;
  padding: 7px;
  font-size: 11px;
  line-height: 1.4;
}

.history-separation .icon {
  flex: none;
  margin-top: 1px;
}

.recovery-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.recovery-grid > article {
  display: grid;
  border-right: 1px solid var(--divider);
  gap: 8px;
  min-width: 0;
  padding: 11px 13px;
}

.recovery-grid > article:last-child {
  border-right: 0;
}

.recovery-grid article > header {
  display: flex;
  justify-content: space-between;
  align-items:  flex-start;
  gap: 7px;
  min-width: 0;
}

.recovery-grid article > header > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.recovery-grid article > header strong {
  color: var(--text-primary);
  font-size: 11px;
}

.recovery-grid article > header span {
  overflow: hidden;
  color: var(--text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}

.recovery-grid dl {
  display: grid;
  gap: 3px;
  margin: 0;
}

.recovery-grid dl > div {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 6px;
}

.recovery-grid dt {
  color: var(--text-muted);
  font-size: 11px;
}

.recovery-grid dd {
  color: var(--text-secondary);
  margin: 0;
  font: 11px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.recovery-grid article > section {
  display: grid;
  gap: 2px;
}

.recovery-grid article > section > span {
  color: var(--text-muted);
  font-size: 11px;
}

.recovery-grid article > section p {
  color: var(--text-secondary);
  margin: 0;
  font-size: 11px;
  line-height: 1.42;
}

.recovery-grid article > footer {
  border-top: 1px solid var(--divider);
  color: var(--text-muted);
  padding-top: 6px;
  font-size: 11px;
}

.recovery-grid article[data-recovery-state="HUMAN_REQUIRED"] {
  background: linear-gradient(#64162017, #0000);
}

.recovery-grid article[data-recovery-state="RECOVERED"] {
  background: linear-gradient(#11664712, #0000);
}

@media (max-width: 1180px) {
  .lifecycle-grid, .recovery-grid {
    grid-template-columns: 1fr;
  }

  .recovery-grid > article {
    border-right: 0;
    border-bottom: 1px solid var(--divider);
  }

  .recovery-grid > article:last-child {
    border-bottom: 0;
  }
}

@media (max-width: 700px) {
  .finalization-track {
    grid-template-columns: repeat(6, 92px);
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .lifecycle-list dl > div {
    grid-template-columns: 80px minmax(0, 1fr);
  }
}

.review-page, .activity-page {
  gap: 18px;
}

.review-summary-strip > div {
  min-height: 88px;
  padding: 16px 18px 15px;
}

.review-panel__header {
  min-height: 60px;
  padding: 12px 15px;
}

.review-row, .finding-row {
  padding: 14px 15px;
}

.operation-certainty-row {
  gap: 10px;
  padding: 15px;
}

.auditor-status-grid article {
  min-height: 82px;
  padding: 13px 14px;
}

.feedback-row {
  gap: 11px;
  padding: 14px 15px;
}

.lifecycle-grid {
  gap: 16px;
}

.lifecycle-list > article {
  gap: 10px;
  padding: 14px 15px;
}

.finalization-track {
  gap: 5px;
}

.finalization-track span {
  display: grid;
  place-items:  center;
  min-height: 34px;
  padding: 7px 5px;
}

.lifecycle-blockers {
  gap: 6px;
}

.lifecycle-blockers li {
  padding: 7px 9px;
  line-height: 1.4;
}

.handoff-facts {
  gap: 6px 10px;
}

.handoff-facts span {
  padding: 4px 6px;
}

.history-separation {
  padding: 9px;
  line-height: 1.5;
}

.recovery-grid > article {
  gap: 10px;
  padding: 14px 15px;
}

@media (max-width: 760px) {
  .review-page, .activity-page {
    gap: 14px;
  }

  .review-summary-strip > div {
    min-height: 0;
    padding: 14px 15px;
  }

  .finalization-track span {
    min-height: 36px;
  }
}

.external-change-list {
  display: grid;
}

.external-change-list > article {
  display: grid;
  border-bottom: 1px solid var(--divider);
  background: linear-gradient(#d8a74a0e, #05111c2e);
  gap: 10px;
  min-width: 0;
  padding: 14px 15px;
}

.external-change-list > article:last-child {
  border-bottom: 0;
}

.external-change-list article > header {
  display: flex;
  justify-content: space-between;
  align-items:  flex-start;
  gap: 10px;
  min-width: 0;
}

.external-change-list article > header > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.external-change-list article > header strong {
  color: var(--text-primary);
  font-size: var(--font-sm);
}

.external-change-list article > header span, .external-change-list article > small {
  color: var(--text-muted);
  font-size: 11px;
  line-height: 1.45;
}

.external-change-list article > p {
  color: var(--text-secondary);
  font-size: var(--font-xs);
  margin: 0;
  line-height: 1.5;
}

.external-change-scopes {
  display: flex;
  flex-wrap: wrap;
  align-items:  center;
  gap: 6px;
  min-width: 0;
}

.external-change-scopes > span {
  color: var(--text-muted);
  margin-right: 2px;
  font-size: 11px;
}

.external-change-scopes code {
  overflow: hidden;
  color: #e3c37e;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #d8a74a0f;
  border: 1px solid #d8a74a21;
  border-radius: 6px;
  max-width: 100%;
  padding: 4px 7px;
  font: 11px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.external-change-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.external-change-actions button {
  color: #a8ddff;
  font: inherit;
  cursor: pointer;
  background: #248cff12;
  border: 1px solid #38cfff2e;
  border-radius: 7px;
  min-height: 34px;
  padding: 0 10px;
  font-size: 11px;
}

.external-change-actions button:disabled {
  border-color: var(--border-subtle);
  color: var(--text-muted);
  cursor: not-allowed;
  opacity: .55;
  background: #ffffff06;
}

/* src/styles/forms.css */
.form-label {
  display: grid;
  color: var(--text-secondary);
  font-size: var(--font-xs);
  gap: 6px;
}

.form-control {
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  color: var(--text-primary);
  font: inherit;
  background: #020a12b8;
  width: 100%;
  min-height: 38px;
  padding: 0 10px;
}

textarea.form-control {
  resize: vertical;
  min-height: 96px;
  padding: 9px 10px;
}

.form-control::placeholder {
  color: var(--text-muted);
}

.form-control:disabled {
  color: var(--text-muted);
  cursor: not-allowed;
  opacity: .72;
}

.form-help {
  color: var(--text-muted);
  font-size: 12px;
  line-height: 1.45;
}

.form-error {
  color: #ff9aa5;
  font-size: 12px;
  line-height: 1.45;
}

/* src/styles/tools.css */
.tools-page, .settings-page {
  gap: 14px;
}

.tools-summary-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  background: #05101cb8;
  min-width: 0;
  box-shadow: 0 16px 44px #00000024;
}

.tools-summary-strip > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "label value" "detail detail";
  border-right: 1px solid var(--divider);
  align-items: baseline;
  gap: 4px 12px;
  min-width: 0;
  padding: 13px 16px 12px;
}

.tools-summary-strip > div:last-child {
  border-right: 0;
}

.tools-summary-strip span {
  grid-area: label;
  color: var(--text-secondary);
  font-size: var(--font-sm);
  font-weight: 620;
}

.tools-summary-strip strong {
  grid-area: value;
  color: var(--text-strong);
  font-variant-numeric: tabular-nums;
  font-size: 24px;
  line-height: 1;
}

.tools-summary-strip small {
  grid-area: detail;
  overflow: hidden;
  color: var(--text-muted);
  font-size: var(--font-xs);
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.tools-summary-strip > div[data-tone="mint"] strong {
  color: var(--accent-mint);
}

.tools-summary-strip > div[data-tone="gold"] strong {
  color: var(--accent-gold-hi);
}

.tools-summary-strip__text {
  letter-spacing: .03em;
  color: var(--accent-cyan) !important;
  font-size: var(--font-lg) !important;
}

.tools-toolbar {
  display: flex;
  justify-content: space-between;
  align-items:  center;
  gap: 12px;
  min-width: 0;
}

.tools-toolbar > span {
  color: var(--text-muted);
  font-size: var(--font-xs);
}

.tools-filter {
  display: inline-flex;
  overflow-x: auto;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-md);
  background: #020a128f;
  gap: 3px;
  min-width: 0;
  padding: 3px;
}

.tools-filter button {
  color: var(--text-muted);
  font: inherit;
  font-size: var(--font-xs);
  white-space: nowrap;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 7px;
  min-height: 30px;
  padding: 0 10px;
}

.tools-filter button[aria-pressed="true"] {
  color: var(--text-strong);
  background: #248cff24;
  box-shadow: inset 0 0 0 1px #248cff2e;
}

.capability-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.capability-tile {
  overflow: hidden;
  display: grid;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  background: linear-gradient(#0c1e2edb, #06121ee6);
  align-content:  start;
  min-width: 0;
  box-shadow: 0 16px 42px #00000026;
}

.capability-tile[data-capability-state="READY"] {
  box-shadow: inset 0 1px #2ad99024, 0 16px 42px #00000026;
}

.capability-tile[data-capability-state="LOGIN_REQUIRED"], .capability-tile[data-capability-state="DEGRADED"], .capability-tile[data-capability-state="UNVERIFIED"], .capability-tile[data-capability-state="QUOTA_UNKNOWN"] {
  box-shadow: inset 0 1px #d8a74a29, 0 16px 42px #00000026;
}

.capability-tile[data-capability-state="NOT_INSTALLED"] {
  opacity: .86;
}

.capability-tile > header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items:  start;
  gap: 9px;
  min-width: 0;
  padding: 12px 12px 8px;
}

.capability-tile__icon {
  display: grid;
  color: var(--accent-cyan);
  background: #248cff14;
  border: 1px solid #38cfff1f;
  border-radius: 9px;
  place-items:  center;
  width: 34px;
  height: 34px;
}

.capability-tile > header > div {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.capability-tile > header > div > span {
  overflow: hidden;
  color: var(--text-muted);
  letter-spacing: .04em;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}

.capability-tile h3 {
  overflow: hidden;
  color: var(--text-strong);
  font-size: var(--font-sm);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-weight: 680;
}

.capability-tile > p {
  color: var(--text-secondary);
  font-size: var(--font-xs);
  min-height: 50px;
  margin: 0;
  padding: 0 12px 9px;
  line-height: 1.48;
}

.capability-tile__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
  padding: 0 12px 10px;
}

.capability-tile__chips span {
  overflow: hidden;
  color: var(--text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #01080f7a;
  border: 0;
  border-radius: 6px;
  max-width: 100%;
  padding: 3px 6px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
}

.provider-control {
  background: #020a1275;
  border-left: 2px solid #38cfff57;
  border-radius: 0 8px 8px 0;
  margin: 0 10px 10px;
  padding: 9px 10px;
}

.provider-control[data-provider-state="BUSY"] {
  border-left-color: var(--accent-cyan);
  background: #0719269e;
}

.provider-control[data-provider-state="UNVERIFIED"], .provider-control[data-provider-state="LOGIN_REQUIRED"] {
  border-left-color: var(--accent-gold);
}

.provider-control__task {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.provider-control__task small {
  color: var(--text-muted);
  font-size: 12px;
}

.provider-control__task strong {
  overflow: hidden;
  color: var(--text-primary);
  font-size: var(--font-xs);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.provider-control__task span {
  overflow: hidden;
  color: var(--text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}

.provider-control__actions {
  display: flex;
  gap: 6px;
  margin-top: 8px;
}

.provider-control__actions button {
  color: var(--text-secondary);
  font: inherit;
  cursor: pointer;
  background: #ffffff06;
  border: 1px solid #5cb0ea21;
  border-radius: 7px;
  min-height: 30px;
  padding: 0 9px;
  font-size: 12px;
}

.provider-control__actions button:first-child:not(:disabled) {
  color: var(--accent-cyan);
  border-color: #38cfff3d;
}

.provider-control__actions button:disabled {
  cursor: not-allowed;
  opacity: .52;
}

.capability-tile > footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
  border-top: 1px solid var(--divider);
  background: #020a1261;
  align-items:  end;
  gap: 8px;
  min-width: 0;
  padding: 9px 12px;
}

.capability-tile > footer > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.capability-tile > footer small {
  color: var(--text-muted);
  font-size: 12px;
}

.capability-tile > footer strong {
  overflow: hidden;
  color: var(--text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}

.capability-tile > footer button {
  display: inline-flex;
  color: var(--text-secondary);
  font: inherit;
  cursor: pointer;
  background: #ffffff06;
  border: 1px solid #0000;
  border-radius: 7px;
  align-items:  center;
  gap: 4px;
  height: 30px;
  padding: 0 8px;
  font-size: 12px;
}

.capability-tile > footer button[aria-expanded="true"] .icon {
  transform: rotate(180deg);
}

.capability-tile__detail {
  display: flex;
  border-top: 1px solid var(--divider);
  color: var(--text-secondary);
  font-size: var(--font-xs);
  background: #020a129e;
  align-items:  flex-start;
  gap: 8px;
  padding: 10px 12px;
  line-height: 1.5;
}

.capability-tile__detail .icon {
  color: var(--accent-cyan);
  margin-top: 1px;
}

.settings-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  min-width: 0;
}

.settings-card {
  overflow: hidden;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  background: linear-gradient(#0b1c2bd1, #06121ee6);
  min-width: 0;
  box-shadow: 0 16px 42px #00000024;
}

.settings-card--diagnostics {
  grid-column: 1 / -1;
}

.settings-card > header {
  display: flex;
  border-bottom: 1px solid var(--divider);
  background: #020a1261;
  align-items:  center;
  gap: 10px;
  min-width: 0;
  padding: 12px 14px;
}

.settings-card__icon {
  display: grid;
  color: var(--accent-cyan);
  background: #248cff14;
  border-radius: 9px;
  flex: none;
  place-items:  center;
  width: 34px;
  height: 34px;
}

.settings-card > header > div {
  min-width: 0;
}

.settings-card > header .section-kicker {
  margin: 0 0 2px;
}

.settings-card > header h2 {
  color: var(--text-strong);
  font-size: var(--font-md);
  margin: 0;
}

.settings-facts {
  display: grid;
  background: none;
  gap: 0;
  margin: 0;
}

.settings-facts > div {
  display: grid;
  grid-template-columns: minmax(120px, .36fr) minmax(0, 1fr);
  border-top: 1px solid var(--divider);
  background: none;
  gap: 12px;
  min-width: 0;
  padding: 9px 14px;
}

.settings-facts dt {
  color: var(--text-muted);
  font-size: var(--font-xs);
}

.settings-facts dd {
  overflow: hidden;
  color: var(--text-primary);
  font-size: var(--font-sm);
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  margin: 0;
}

.settings-facts--mono dd {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: var(--font-xs);
}

.settings-note {
  display: flex;
  color: var(--text-muted);
  font-size: var(--font-xs);
  align-items:  flex-start;
  gap: 8px;
  padding: 10px 14px;
  line-height: 1.5;
}

.settings-note .icon {
  color: var(--accent-gold-hi);
  margin-top: 1px;
}

.grant-list {
  display: grid;
}

.grant-list article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  border-bottom: 1px solid var(--divider);
  align-items:  center;
  gap: 10px;
  min-width: 0;
  padding: 10px 14px;
}

.grant-list article > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.grant-list strong {
  overflow: hidden;
  color: var(--text-primary);
  font-size: var(--font-sm);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.grant-list article > div span {
  overflow: hidden;
  color: var(--text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
}

.settings-local-action {
  display: inline-flex;
  border: 1px solid var(--border-subtle);
  color: var(--text-muted);
  font: inherit;
  font-size: var(--font-xs);
  background: #ffffff06;
  border-radius: 8px;
  align-items:  center;
  gap: 7px;
  min-height: 34px;
  margin: 11px 14px 13px;
  padding: 0 10px;
}

.settings-local-action:disabled {
  cursor: not-allowed;
  opacity: .62;
}

.settings-card__empty {
  color: var(--text-muted);
  font-size: var(--font-xs);
  padding: 18px 14px;
  line-height: 1.5;
}

.settings-policy {
  padding: 14px;
}

.settings-policy strong {
  color: var(--text-primary);
  font-size: var(--font-sm);
}

.settings-policy p {
  color: var(--text-secondary);
  font-size: var(--font-xs);
  margin: 6px 0 0;
  line-height: 1.55;
}

.settings-readonly-row {
  display: flex;
  border-top: 1px solid var(--divider);
  color: var(--text-muted);
  font-size: var(--font-xs);
  justify-content: space-between;
  align-items:  center;
  gap: 10px;
  padding: 10px 14px;
}

.settings-card--diagnostics .settings-facts {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.settings-card--diagnostics .settings-facts > div {
  grid-template-columns: 1fr;
  gap: 3px;
}

@media (max-width: 1540px) {
  .capability-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1180px) {
  .tools-summary-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tools-summary-strip > div:nth-child(2) {
    border-right: 0;
  }

  .tools-summary-strip > div:nth-child(-n+2) {
    border-bottom: 1px solid var(--divider);
  }

  .capability-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .tools-summary-strip, .settings-grid {
    grid-template-columns: 1fr;
  }

  .tools-summary-strip > div {
    border-right: 0;
    border-bottom: 1px solid var(--divider);
  }

  .tools-summary-strip > div:last-child {
    border-bottom: 0;
  }

  .capability-grid {
    grid-template-columns: 1fr;
  }

  .settings-card--diagnostics {
    grid-column: auto;
  }

  .settings-facts > div, .settings-card--diagnostics .settings-facts > div {
    grid-template-columns: 1fr;
    gap: 3px;
  }

  .settings-card--diagnostics .settings-facts {
    grid-template-columns: 1fr;
  }
}

.first-use-readiness {
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-panel);
  background: radial-gradient(circle at 0 0, #248cff16, #0000 32%), linear-gradient(#081928f0, #05111cf7);
  border: 1px solid #5bade829;
  min-width: 0;
}

.first-use-readiness > header {
  display: flex;
  border-bottom: 1px solid var(--divider);
  justify-content: space-between;
  align-items:  flex-start;
  gap: 16px;
  min-width: 0;
  padding: 12px 14px 10px;
}

.first-use-readiness > header > div {
  min-width: 0;
}

.first-use-readiness h2 {
  color: var(--text-strong);
  margin: 1px 0 0;
  font-size: 14px;
}

.first-use-readiness > header p {
  color: var(--text-muted);
  max-width: 980px;
  margin: 4px 0 0;
  font-size: 11px;
  line-height: 1.5;
}

.first-use-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(250px, 320px);
  min-width: 0;
}

.first-use-steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  list-style: none;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.first-use-steps li {
  position: relative;
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  border-right: 1px solid var(--divider);
  align-content:  start;
  gap: 7px;
  min-width: 0;
  min-height: 104px;
  padding: 12px 10px;
}

.first-use-steps li[data-current="true"] {
  box-shadow: inset 0 -2px var(--accent-cyan);
  background: #248cff0e;
}

.first-use-step__index {
  display: grid;
  border: 1px solid var(--border-subtle);
  color: var(--text-muted);
  background: #ffffff06;
  border-radius: 50%;
  place-items:  center;
  width: 25px;
  height: 25px;
  font-size: 10px;
  font-weight: 700;
}

.first-use-steps li[data-state="READY"] .first-use-step__index {
  color: var(--accent-mint);
  background: #2ad99017;
  border-color: #2ad9903d;
}

.first-use-steps li[data-state="ACTION_REQUIRED"] .first-use-step__index {
  color: var(--accent-rose);
  background: #ff526014;
  border-color: #ff6b7a40;
}

.first-use-steps li > div {
  display: grid;
  align-content:  start;
  gap: 3px;
  min-width: 0;
}

.first-use-steps strong {
  overflow-wrap: anywhere;
  color: var(--text-primary);
  font-size: 11px;
}

.first-use-steps small {
  display: -webkit-box;
  overflow: hidden;
  color: var(--text-muted);
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 11px;
  line-height: 1.4;
}

.first-use-step__state {
  grid-column: 2;
  color: var(--text-muted);
  letter-spacing: .035em;
  background: #6f97b514;
  border-radius: 5px;
  width: max-content;
  max-width: 100%;
  padding: 2px 5px;
  font-size: 10px;
  font-weight: 720;
}

.first-use-step__state[data-state="READY"] {
  color: var(--accent-mint);
  background: #2ad99014;
}

.first-use-step__state[data-state="ACTION_REQUIRED"] {
  color: #ff8b96;
  background: #ff526017;
}

.first-use-step__state[data-state="WAITING"] {
  color: var(--accent-gold-hi);
  background: #d8a74a14;
}

.first-use-next {
  display: grid;
  background: #020b136b;
  align-content:  center;
  gap: 6px;
  min-width: 0;
  padding: 13px 14px;
}

.first-use-next h3 {
  overflow-wrap: anywhere;
  color: var(--text-strong);
  margin: 0;
  font-size: 13px;
}

.first-use-next p {
  color: var(--text-secondary);
  margin: 0;
  font-size: 11px;
  line-height: 1.5;
}

.first-use-next button {
  display: inline-flex;
  color: #a8ddff;
  font: inherit;
  cursor: pointer;
  background: #248cff1a;
  border: 1px solid #38cfff38;
  border-radius: 7px;
  justify-content: center;
  align-items:  center;
  gap: 6px;
  width: max-content;
  max-width: 100%;
  min-height: 34px;
  margin-top: 3px;
  padding: 0 10px;
  font-size: 11px;
}

.first-use-next button:disabled {
  cursor: not-allowed;
  opacity: .45;
}

.first-use-next[data-state="ACTION_REQUIRED"] {
  background: linear-gradient(#401f2229, #020b1370);
}

.first-use-next__unknown {
  color: var(--accent-gold);
  font-size: 11px;
  line-height: 1.45;
}

.settings-product-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  min-width: 0;
}

.settings-section {
  overflow: hidden;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  background: linear-gradient(#0a1b2ad1, #06121ee6);
  min-width: 0;
}

.settings-section > header {
  display: flex;
  border-bottom: 1px solid var(--divider);
  background: #020a1259;
  justify-content: space-between;
  align-items:  center;
  gap: 10px;
  min-height: 52px;
  padding: 10px 13px;
}

.settings-section > header h2 {
  color: var(--text-strong);
  margin: 1px 0 0;
  font-size: 13px;
}

.settings-section > header > span {
  color: var(--text-muted);
  font-size: 10px;
}

.account-settings-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items:  center;
  gap: 12px;
  padding: 12px 14px;
}

.account-identity {
  display: flex;
  align-items:  center;
  gap: 11px;
  min-width: 0;
}

.account-avatar-large {
  display: grid;
  background: var(--sheen-brand);
  color: #fff;
  border: 1px solid #5dadff47;
  border-radius: 50%;
  flex: none;
  place-items:  center;
  width: 48px;
  height: 48px;
  font-size: 20px;
  font-weight: 760;
}

.account-identity > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.account-identity strong {
  color: var(--text-strong);
  font-size: 13px;
}

.account-identity span, .account-identity small {
  overflow: hidden;
  color: var(--text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}

.account-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.account-actions button, .settings-savebar button {
  border: 1px solid var(--border-subtle);
  color: var(--text-secondary);
  font: inherit;
  cursor: pointer;
  background: #ffffff06;
  border-radius: 7px;
  min-height: 32px;
  padding: 0 9px;
  font-size: 11px;
}

.account-actions button:disabled, .settings-savebar button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.account-actions .danger-quiet {
  color: #ff8b95;
}

.settings-authority-board {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 7px;
  min-width: 0;
}

.settings-authority {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  background: #030d177a;
  border: 1px solid #5bade81c;
  border-radius: 9px;
  gap: 5px;
  min-width: 0;
  padding: 9px 10px;
}

.settings-authority > span {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.settings-authority b {
  overflow: hidden;
  color: var(--text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 650;
}

.settings-authority small {
  color: var(--text-muted);
  font-size: 10px;
}

.settings-authority .status-pill {
  white-space: nowrap;
  flex-wrap: nowrap;
  flex: none;
  justify-content: center;
  width: max-content;
  min-width: 116px;
}

.settings-authority[data-scope="AGENT_LOCAL"] {
  background: #261d0d24;
  border-color: #d8a74a29;
}

.settings-authority[data-compact="true"] {
  grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
  background: #01091057;
  border-width: 0 0 1px;
  border-radius: 0;
  align-items:  center;
  padding: 7px 13px;
}

.settings-authority[data-compact="true"] > span:first-child b {
  color: var(--accent-cyan);
}

.settings-authority--unknown {
  display: block;
  color: var(--text-muted);
  font-size: 11px;
}

.settings-current-run {
  display: grid;
  border-top: 1px solid var(--divider);
  gap: 6px;
}

.settings-current-run > span {
  color: var(--text-muted);
  padding: 0 13px 9px;
  font-size: 11px;
}

.settings-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 12px 14px 4px;
}

.settings-form-grid label, .budget-grid label {
  display: grid;
  color: var(--text-muted);
  gap: 4px;
  font-size: 11px;
}

.settings-form-grid select, .budget-grid input, .settings-number-row input {
  border: 1px solid var(--border-subtle);
  color: var(--text-primary);
  font: inherit;
  background: #020a12ad;
  border-radius: 7px;
  min-width: 0;
  min-height: 34px;
  padding: 0 8px;
  font-size: 11px;
}

.provider-choice, .notification-choices {
  display: flex;
  border-top: 1px solid var(--divider);
  flex-wrap: wrap;
  align-items:  center;
  gap: 6px 10px;
  padding: 9px 14px;
}

.provider-choice > span, .notification-choices > span {
  color: var(--text-muted);
  width: 100%;
  font-size: 11px;
}

.provider-choice label, .notification-choices label {
  display: inline-flex;
  color: var(--text-secondary);
  align-items:  center;
  gap: 5px;
  font-size: 11px;
}

.provider-choice label small {
  color: var(--text-muted);
}

.provider-choice p {
  color: var(--text-muted);
  margin: 0;
  font-size: 11px;
}

.settings-toggle-list {
  display: grid;
}

.settings-toggle-row {
  position: relative;
  display: flex;
  border-bottom: 1px solid var(--divider);
  cursor: pointer;
  justify-content: space-between;
  align-items:  center;
  gap: 12px;
  min-width: 0;
  min-height: 58px;
  padding: 9px 14px;
}

.settings-toggle-row > span {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.settings-toggle-row strong {
  color: var(--text-primary);
  font-size: 11px;
}

.settings-toggle-row small {
  color: var(--text-muted);
  font-size: 11px;
  line-height: 1.4;
}

.settings-toggle-row input {
  position: absolute;
  opacity: 0;
}

.settings-toggle-row > i {
  position: relative;
  background: #26394a;
  border-radius: 99px;
  flex: none;
  width: 34px;
  height: 18px;
  transition: background .12s;
}

.settings-toggle-row > i:after {
  position: absolute;
  content: "";
  background: #8397a6;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  transition: transform .12s, background .12s;
  top: 3px;
  left: 3px;
}

.settings-toggle-row input:checked + i {
  background: #248cff6b;
  box-shadow: 0 0 9px #248cff29;
}

.settings-toggle-row input:checked + i:after {
  background: #69cfff;
  transform: translateX(16px);
}

.settings-number-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 82px auto;
  border-bottom: 1px solid var(--divider);
  align-items:  center;
  gap: 8px;
  padding: 9px 14px;
}

.settings-number-row > span {
  display: grid;
  gap: 2px;
}

.settings-number-row strong {
  color: var(--text-primary);
  font-size: 11px;
}

.settings-number-row small {
  color: var(--text-muted);
  font-size: 11px;
}

.settings-number-row b {
  color: var(--text-muted);
  font-size: 11px;
  font-weight: 500;
}

.settings-segment {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  border-bottom: 1px solid var(--divider);
  align-items:  center;
  gap: 8px;
  padding: 9px 14px;
}

.settings-segment > span {
  color: var(--text-primary);
  font-size: 11px;
}

.settings-segment > div {
  display: flex;
  border: 1px solid var(--border-subtle);
  background: #061522;
  border-radius: 7px;
  padding: 2px;
}

.settings-segment button {
  color: var(--text-muted);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 5px;
  min-height: 27px;
  padding: 0 7px;
  font-size: 11px;
}

.settings-segment button[aria-pressed="true"] {
  color: #d7efff;
  background: #248cff26;
}

.budget-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 10px 14px;
}

.budget-grid small {
  color: var(--text-muted);
  font-size: 11px;
}

.settings-section--retention {
  grid-column: 1 / -1;
}

.settings-diagnostics-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.settings-diagnostics-grid > div {
  display: grid;
  border-right: 1px solid var(--divider);
  gap: 3px;
  min-width: 0;
  padding: 10px 13px;
}

.settings-diagnostics-grid > div:last-child {
  border-right: 0;
}

.settings-diagnostics-grid span {
  color: var(--text-muted);
  font-size: 11px;
}

.settings-diagnostics-grid strong {
  overflow: hidden;
  color: var(--text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}

.settings-savebar {
  position: sticky;
  z-index: 8;
  display: flex;
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-lg);
  background: #05121ef7;
  justify-content: space-between;
  align-items:  center;
  gap: 12px;
  min-width: 0;
  padding: 10px 12px;
  bottom: 8px;
  box-shadow: 0 18px 50px #0006;
}

.settings-savebar > div:first-child {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.settings-savebar strong {
  color: var(--text-primary);
  font-size: 11px;
}

.settings-savebar span, .settings-savebar small {
  color: var(--text-muted);
  font-size: 11px;
}

.settings-savebar > div:last-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.settings-savebar .settings-primary-save {
  color: #fff;
  background: linear-gradient(#248cffdb, #1265cce0);
  border-color: #248cff61;
}

.settings-savebar[data-dirty="true"] {
  box-shadow: 0 18px 50px #0006, inset 2px 0 var(--accent-cyan);
}

.settings-internal-policy {
  color: var(--text-muted);
  margin: 0;
  font-size: 11px;
  line-height: 1.45;
}

@media (max-width: 1180px) {
  .first-use-layout {
    grid-template-columns: 1fr;
  }

  .first-use-next {
    border-top: 1px solid var(--divider);
  }

  .settings-authority-board {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .settings-authority[data-compact="true"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
  }

  .settings-product-grid {
    grid-template-columns: 1fr;
  }

  .settings-diagnostics-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .settings-diagnostics-grid > div {
    border-bottom: 1px solid var(--divider);
  }

  .settings-savebar {
    flex-direction: column;
    align-items:  flex-start;
  }

  .settings-savebar > div:last-child {
    justify-content: flex-start;
    width: 100%;
  }
}

@media (max-width: 700px) {
  .first-use-readiness > header {
    flex-direction: column;
    align-items:  flex-start;
  }

  .first-use-steps {
    grid-template-columns: 1fr;
  }

  .first-use-steps li {
    grid-template-columns: 26px minmax(0, 1fr) auto;
    border-right: 0;
    border-bottom: 1px solid var(--divider);
    align-items:  center;
    min-height: 0;
  }

  .first-use-step__state {
    grid-column: 3;
    grid-row: 1;
  }

  .first-use-next {
    padding: 12px;
  }

  .first-use-next button {
    width: 100%;
  }

  .first-use-steps small {
    -webkit-line-clamp: 2;
  }

  .settings-authority-board, .settings-authority[data-compact="true"] {
    grid-template-columns: 1fr;
  }

  .settings-authority[data-compact="true"] .status-pill {
    justify-self: start;
  }

  .account-settings-grid, .settings-form-grid, .budget-grid {
    grid-template-columns: 1fr;
  }

  .account-actions {
    justify-content: flex-start;
  }

  .settings-diagnostics-grid {
    grid-template-columns: 1fr;
  }

  .settings-diagnostics-grid > div {
    border-right: 0;
  }

  .settings-savebar > div:last-child {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .settings-savebar button {
    width: 100%;
  }

  .settings-number-row {
    grid-template-columns: minmax(0, 1fr) 72px auto;
  }

  .settings-segment {
    grid-template-columns: 1fr;
  }

  .settings-segment > div {
    width: max-content;
  }
}

.capability-grid {
  gap: 13px;
}

.capability-tile > header {
  padding: 14px 14px 10px;
}

.capability-tile > p {
  min-height: 58px;
  padding: 0 14px 11px;
  line-height: 1.55;
}

.capability-tile__chips {
  padding: 0 14px 12px;
}

.capability-tile > footer {
  padding: 11px 14px;
}

.first-use-readiness > header {
  padding: 14px 16px 12px;
}

.first-use-steps li {
  min-height: 116px;
  padding: 14px 12px;
}

.first-use-next {
  padding: 15px 16px;
}

.settings-product-grid {
  gap: 16px;
}

.settings-section > header {
  min-height: 60px;
  padding: 12px 15px;
}

.account-settings-grid {
  padding: 15px 16px;
}

.settings-authority {
  padding: 11px 12px;
}

.settings-authority > .status-pill {
  display: inline-flex;
  flex-flow: row;
  justify-content: center;
  place-self:  start;
  align-items:  center;
  gap: 6px;
  min-width: max-content;
  min-height: 26px;
  padding: 4px 9px;
}

.settings-authority > .status-pill > span {
  display: block;
  white-space: nowrap;
}

.settings-authority[data-compact="true"] {
  padding: 9px 15px;
}

.settings-form-grid {
  gap: 10px;
  padding: 14px 16px 6px;
}

.provider-choice, .notification-choices {
  padding: 11px 16px;
}

.settings-toggle-row {
  min-height: 66px;
  padding: 11px 16px;
}

.settings-number-row, .settings-segment {
  padding: 11px 16px;
}

.budget-grid {
  gap: 10px;
  padding: 12px 16px;
}

.settings-diagnostics-grid > div {
  padding: 12px 15px;
}

.settings-savebar {
  padding: 12px 14px;
}

@media (max-width: 700px) {
  .first-use-steps li {
    min-height: 0;
  }

  .settings-product-grid {
    gap: 13px;
  }
}

.tools-filter button, .provider-control__actions button, .first-use-next button {
  min-height: 34px;
}

.settings-form-grid select, .budget-grid input, .settings-number-row input {
  min-height: 38px;
}

.account-actions button, .settings-savebar button {
  min-height: 36px;
}

.settings-segment button {
  min-height: 30px;
}

/* src/styles/overlays.css */
.overlay-surface {
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-xl);
  background: linear-gradient(#112639fc, #07121efc);
  box-shadow: 0 32px 100px #00000080, inset 0 1px #ffffff0a;
}

[data-overlay-open="true"] {
  overflow: hidden;
}

/* src/styles/runs.css */
.runs-page {
  gap: 14px;
}

.runs-overview {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
  gap: 12px;
  min-width: 0;
}

.runs-overview[data-builder-open="false"] {
  grid-template-columns: 1fr;
}

.run-builder, .run-diagnostics, .plan-preview, .active-run-control {
  overflow: hidden;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  background: linear-gradient(#0b1c2bd6, #06121ee8);
  min-width: 0;
  box-shadow: 0 16px 44px #00000026;
}

.run-section-header {
  display: flex;
  border-bottom: 1px solid var(--divider);
  background: #020a126b;
  justify-content: space-between;
  align-items:  center;
  gap: 12px;
  min-height: 52px;
  padding: 10px 13px;
}

.run-section-header .section-kicker {
  margin: 0 0 2px;
}

.run-section-header h2 {
  color: var(--text-strong);
  font-size: var(--font-md);
  margin: 0;
}

.run-section-header > span {
  color: var(--text-muted);
  font-size: var(--font-xs);
  white-space: nowrap;
}

.run-section-header__actions {
  display: flex;
  align-items:  center;
  gap: 7px;
}

.run-disclosure {
  display: inline-flex;
  color: var(--text-secondary);
  font: inherit;
  cursor: pointer;
  background: #ffffff06;
  border: 1px solid #0000;
  border-radius: 7px;
  align-items:  center;
  gap: 5px;
  min-height: 30px;
  padding: 0 9px;
  font-size: 12px;
}

.run-disclosure[aria-expanded="true"] .icon {
  transform: rotate(180deg);
}

.run-builder__collapsed {
  display: flex;
  color: var(--text-muted);
  align-items:  center;
  gap: 8px;
  min-height: 54px;
  padding: 10px 13px;
  font-size: 12px;
}

.run-builder__collapsed .icon {
  color: var(--accent-cyan);
}

.active-run-control--primary {
  border-color: #38cfff24;
  box-shadow: inset 2px 0 #38cfff8f, 0 16px 44px #00000026;
}

.plan-preview--primary {
  border-color: #70b1de1a;
}

.run-source-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  padding: 10px 12px 0;
}

.run-source-tabs button {
  display: inline-flex;
  border: 1px solid var(--border-subtle);
  color: var(--text-muted);
  font: inherit;
  font-size: var(--font-xs);
  cursor: pointer;
  background: #020a128a;
  border-radius: 8px;
  justify-content: center;
  align-items:  center;
  gap: 7px;
  min-height: 36px;
}

.run-source-tabs button[aria-selected="true"] {
  color: var(--text-strong);
  background: #248cff1a;
  border-color: #248cff3d;
  box-shadow: inset 0 1px #38cfff1a;
}

.run-source-input {
  padding: 10px 12px;
}

.run-source-input textarea {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: var(--font-xs);
  min-height: 148px;
  line-height: 1.55;
}

.run-builder__actions {
  display: flex;
  justify-content: flex-end;
  align-items:  center;
  gap: 8px;
  padding: 0 12px 12px;
}

.run-primary-button, .run-secondary-button, .danger-confirm-button {
  display: inline-flex;
  font: inherit;
  font-size: var(--font-xs);
  cursor: pointer;
  border-radius: 8px;
  justify-content: center;
  align-items:  center;
  gap: 7px;
  min-height: 34px;
  padding: 0 11px;
  font-weight: 650;
}

.run-primary-button {
  color: #fff;
  background: linear-gradient(#248cff, #1676dc);
  border: 1px solid #248cff80;
  box-shadow: 0 8px 22px #248cff30;
}

.run-secondary-button {
  border: 1px solid var(--border-subtle);
  color: var(--text-secondary);
  background: #ffffff06;
}

.run-primary-button:disabled, .run-secondary-button:disabled {
  cursor: not-allowed;
  opacity: .5;
  box-shadow: none;
}

.run-local-feedback {
  display: flex;
  color: var(--text-secondary);
  background: #2ad9900e;
  border: 1px solid #2ad99026;
  border-radius: 8px;
  align-items:  center;
  gap: 7px;
  margin: 0 12px 12px;
  padding: 8px 10px;
  font-size: 12px;
}

.run-local-feedback .icon {
  color: var(--accent-mint);
}

.run-diagnostic-list {
  display: grid;
}

.run-diagnostic-list article {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  border-bottom: 1px solid var(--divider);
  align-items:  start;
  gap: 9px;
  min-width: 0;
  padding: 11px 12px;
}

.run-diagnostic-list article:last-child {
  border-bottom: 0;
}

.run-diagnostic-list article[data-diagnostic-level="ERROR"] {
  background: #5c141f17;
}

.run-diagnostic-list__icon {
  display: grid;
  color: var(--accent-cyan);
  background: #248cff12;
  border-radius: 8px;
  place-items:  center;
  width: 30px;
  height: 30px;
}

.run-diagnostic-list article[data-diagnostic-level="WARNING"] .run-diagnostic-list__icon {
  color: var(--accent-gold-hi);
  background: #d8a74a14;
}

.run-diagnostic-list article[data-diagnostic-level="ERROR"] .run-diagnostic-list__icon {
  color: var(--accent-rose);
  background: #ff6b7a14;
}

.run-diagnostic-list article > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.run-diagnostic-list strong {
  color: var(--text-primary);
  font-size: var(--font-xs);
}

.run-diagnostic-list p {
  color: var(--text-secondary);
  margin: 0;
  font-size: 12px;
  line-height: 1.48;
}

.plan-task-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  min-width: 0;
  padding: 10px;
}

.plan-task-card {
  overflow: hidden;
  background: #040f1a9e;
  border: 1px solid #87b7d812;
  border-radius: 10px;
  min-width: 0;
}

.plan-task-card[data-priority="P0"] {
  box-shadow: inset 0 2px #ff6b7a75;
}

.plan-task-card[data-priority="P1"] {
  box-shadow: inset 0 2px #d8a74a57;
}

.plan-task-card > header {
  display: flex;
  border-bottom: 1px solid var(--divider);
  justify-content: space-between;
  align-items:  flex-start;
  gap: 9px;
  min-width: 0;
  padding: 10px 10px 8px;
}

.plan-task-card > header > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.plan-task-card > header span {
  color: var(--accent-cyan);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
}

.plan-task-card h3 {
  color: var(--text-primary);
  font-size: var(--font-xs);
  margin: 0;
  line-height: 1.35;
}

.plan-task-card__actor {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #248cff12;
  border-radius: 6px;
  max-width: 40%;
  padding: 3px 6px;
  color: var(--text-muted) !important;
}

.plan-task-card ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

.plan-task-card li {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  border-bottom: 1px solid var(--divider);
  gap: 8px;
  min-width: 0;
  padding: 8px 10px;
}

.plan-task-card li:last-child {
  border-bottom: 0;
}

.plan-task-card li > span {
  display: grid;
  color: var(--text-muted);
  background: #ffffff05;
  border: 1px solid #87b7d817;
  border-radius: 999px;
  place-items:  center;
  width: 22px;
  height: 22px;
  font-size: 12px;
}

.plan-task-card li > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.plan-task-card li strong {
  color: var(--text-secondary);
  font-size: 12px;
}

.plan-task-card li small {
  overflow: hidden;
  color: var(--text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}

.active-run-control__body {
  display: grid;
  grid-template-columns: minmax(220px, 1.4fr) minmax(160px, .8fr) minmax(180px, 1fr) auto;
  align-items:  center;
  gap: 12px;
  min-width: 0;
  padding: 12px 13px;
}

.active-run-control__identity {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.active-run-control__identity strong {
  overflow: hidden;
  color: var(--text-strong);
  font-size: var(--font-sm);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.active-run-control__identity span {
  color: var(--text-muted);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
}

.active-run-control__fact {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.active-run-control__fact small {
  color: var(--text-muted);
  font-size: 12px;
}

.active-run-control__fact strong {
  overflow: hidden;
  color: var(--text-secondary);
  font-size: var(--font-xs);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.active-run-control__actions {
  display: flex;
  gap: 7px;
}

.active-run-control__actions button {
  display: inline-flex;
  border: 1px solid var(--border-subtle);
  color: var(--text-secondary);
  font: inherit;
  font-size: var(--font-xs);
  cursor: pointer;
  background: #ffffff06;
  border-radius: 8px;
  align-items:  center;
  gap: 6px;
  min-height: 34px;
  padding: 0 10px;
}

.active-run-control__actions button:disabled {
  cursor: not-allowed;
  opacity: .5;
}

.active-run-control__actions .danger-action {
  color: #ff9aa5;
  border-color: #ff6b7a38;
}

.modal-backdrop {
  position: fixed;
  z-index: 95;
  display: grid;
  backdrop-filter: blur(10px);
  background: #00040ab8;
  place-items:  center;
  padding: 20px;
  inset: 0;
}

.confirm-dialog {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  border-radius: var(--radius-xl);
  background: linear-gradient(#132231fc, #07121efc);
  border: 1px solid #ff6b7a33;
  gap: 12px;
  width: min(520px, 100%);
  padding: 18px;
  box-shadow: 0 32px 100px #0000008a, inset 0 1px #ffffff09;
}

.confirm-dialog__icon {
  display: grid;
  color: var(--accent-rose);
  background: #ff6b7a17;
  border-radius: 11px;
  place-items:  center;
  width: 42px;
  height: 42px;
}

.confirm-dialog__copy {
  min-width: 0;
}

.confirm-dialog__copy .section-kicker {
  color: #ff9aa5;
}

.confirm-dialog h2 {
  color: var(--text-strong);
  font-size: var(--font-lg);
  margin: 0;
}

.confirm-dialog p {
  color: var(--text-secondary);
  font-size: var(--font-xs);
  margin: 8px 0 0;
  line-height: 1.55;
}

.confirm-dialog__actions {
  grid-column: 1 / -1;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 4px;
}

.danger-confirm-button {
  color: #fff;
  background: linear-gradient(#962b38eb, #701b26f5);
  border: 1px solid #ff6b7a7a;
}

@media (max-width: 1180px) {
  .runs-overview {
    grid-template-columns: 1fr;
  }

  .plan-task-grid, .active-run-control__body {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .active-run-control__actions {
    justify-content: flex-end;
  }
}

@media (max-width: 760px) {
  .plan-task-grid, .active-run-control__body {
    grid-template-columns: 1fr;
  }

  .active-run-control__actions {
    justify-content: stretch;
  }

  .active-run-control__actions button {
    flex: 1;
    justify-content: center;
  }

  .run-builder__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .run-primary-button, .run-secondary-button {
    width: 100%;
  }
}

.task-entry-workbench {
  overflow: hidden;
  border-radius: var(--radius-lg);
  background: linear-gradient(#081b2bf7, #04111cfa);
  border: 1px solid #319ae533;
  min-width: 0;
  box-shadow: inset 2px 0 #2ca9ff85, 0 18px 48px #0000002e;
}

.task-entry-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-bottom: 1px solid var(--divider);
  background: #020a125c;
  gap: 6px;
  padding: 9px 12px;
}

.task-entry-tabs button {
  display: flex;
  border: 1px solid var(--border-subtle);
  color: var(--text-muted);
  font: inherit;
  cursor: pointer;
  background: #ffffff05;
  border-radius: 8px;
  justify-content: center;
  align-items:  center;
  gap: 7px;
  min-height: 38px;
  font-size: 12px;
}

.task-entry-tabs button[aria-selected="true"] {
  color: var(--text-strong);
  box-shadow: inset 0 -2px var(--accent-cyan);
  background: linear-gradient(#248cff29, #145dac17);
  border-color: #30a6ff57;
}

.task-entry-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
  gap: 0;
  min-width: 0;
}

.plan-input-panel {
  border-right: 1px solid var(--divider);
  min-width: 0;
  padding: 12px;
}

.plan-context-panel {
  background: #030d1652;
  min-width: 0;
  padding: 12px;
}

.md-file-limit, .md-file-status {
  display: flex;
  border: 1px solid var(--border-subtle);
  color: var(--text-muted);
  background: #ffffff05;
  border-radius: 7px;
  align-items:  flex-start;
  gap: 7px;
  min-width: 0;
  margin: 8px 0 2px;
  padding: 7px 9px;
  font-size: 10.5px;
  line-height: 1.45;
}

.md-file-limit .icon, .md-file-status .icon {
  color: var(--accent-cyan);
  flex: none;
  margin-top: 1px;
}

.md-file-status[data-state="reading"] {
  color: var(--text-secondary);
  background: #248cff0b;
  border-color: #38cfff29;
}

.md-file-status[data-state="error"] {
  color: #ff9aa5;
  background: #ff52600e;
  border-color: #ff6b7a33;
}

.md-file-status[data-state="error"] .icon {
  color: var(--accent-rose);
}

.file-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 9px;
}

.file-action-row button {
  display: inline-flex;
  border: 1px solid var(--border-subtle);
  color: var(--text-secondary);
  font: inherit;
  cursor: pointer;
  background: #ffffff06;
  border-radius: 7px;
  align-items:  center;
  gap: 6px;
  min-height: 32px;
  padding: 0 9px;
  font-size: 11px;
}

.file-action-row button:first-of-type {
  color: #d8eeff;
  background: #248cff17;
  border-color: #289df152;
}

.file-action-row button:disabled {
  opacity: .46;
  cursor: not-allowed;
}

.md-drop-zone {
  display: flex;
  color: var(--accent-cyan);
  background: #12486f0f;
  border: 1px dashed #57a8de40;
  border-radius: 9px;
  align-items:  center;
  gap: 10px;
  min-width: 0;
  min-height: 62px;
  padding: 10px 11px;
}

.md-drop-zone > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.md-drop-zone strong {
  overflow: hidden;
  color: var(--text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}

.md-drop-zone span {
  color: var(--text-muted);
  font-size: 11px;
  line-height: 1.4;
}

.task-entry-workbench .run-source-input {
  padding: 10px 0 0;
}

.task-entry-workbench .run-source-input textarea {
  min-height: 214px;
}

.plan-stale-warning {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  background: #b7751112;
  border: 1px solid #e5ae3d2e;
  border-radius: 7px;
  gap: 2px 7px;
  margin-top: 8px;
  padding: 8px 9px;
}

.plan-stale-warning .icon {
  grid-row: 1 / 3;
  color: var(--accent-gold-hi);
}

.plan-stale-warning strong {
  color: #f2c977;
  font-size: 11px;
}

.plan-stale-warning span {
  color: var(--text-muted);
  font-size: 11px;
}

.run-context-fields {
  display: grid;
  gap: 7px;
}

.run-context-fields label, .manual-fields-row label {
  display: grid;
  color: var(--text-muted);
  gap: 4px;
  font-size: 11px;
}

.run-context-fields select, .run-context-fields input, .manual-fields-row select {
  border: 1px solid var(--border-subtle);
  outline: 0;
  color: var(--text-primary);
  font: inherit;
  background: #020a12b8;
  border-radius: 7px;
  min-width: 0;
  min-height: 34px;
  padding: 0 8px;
  font-size: 11px;
}

.role-context {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  margin-top: 9px;
}

.role-context > div {
  display: grid;
  background: #2f7aae0f;
  border-radius: 7px;
  gap: 2px;
  min-width: 0;
  padding: 7px;
}

.role-context span {
  color: var(--text-muted);
  font-size: 11px;
}

.role-context strong {
  overflow: hidden;
  color: var(--text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}

.planning-phases {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  list-style: none;
  gap: 4px;
  margin: 10px 0 0;
  padding: 0;
}

.planning-phases li {
  display: grid;
  color: var(--text-muted);
  text-align: center;
  justify-items: center;
  gap: 3px;
  min-width: 0;
}

.planning-phases li > span {
  display: grid;
  background: #061522;
  border: 2px solid #4d6e87;
  border-radius: 50%;
  place-items:  center;
  width: 24px;
  height: 24px;
  font-size: 11px;
}

.planning-phases li small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 11px;
}

.planning-phases li[data-state="done"] > span {
  color: #04150d;
  background: #1fdc84;
  border-color: #1ee689;
  box-shadow: 0 0 10px #1fdc8433;
}

.planning-phases li[data-state="current"] > span {
  color: #d9f2ff;
  background: #09365d;
  border-color: #269fff;
  box-shadow: 0 0 0 3px #269fff1a, 0 0 10px #269fff47;
}

.seat-preflight {
  overflow: hidden;
  background: #03121e8f;
  border: 1px solid #3eaaef26;
  border-radius: 8px;
  min-width: 0;
  margin-top: 10px;
}

.seat-preflight > header {
  display: flex;
  border-bottom: 1px solid var(--divider);
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  padding: 8px 9px;
}

.seat-preflight > header strong {
  color: var(--text-primary);
  font-size: 11px;
}

.seat-preflight > header small {
  color: var(--text-muted);
  text-align: right;
  font-size: 11px;
}

.seat-preflight__list {
  display: grid;
}

.seat-preflight__list article {
  display: grid;
  grid-template-columns: auto minmax(0, .8fr) minmax(0, 1fr);
  grid-template-areas: "mode identity device" "mode caps caps";
  border-top: 1px solid var(--divider);
  align-items:  center;
  gap: 4px 7px;
  min-width: 0;
  padding: 7px 9px;
}

.seat-preflight__list article:first-child {
  border-top: 0;
}

.seat-preflight__mode {
  grid-area: mode;
  color: var(--accent-cyan);
  text-align: center;
  background: #248cff12;
  border: 1px solid #38cfff29;
  border-radius: 5px;
  min-width: 50px;
  padding: 3px 5px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 10px;
  font-weight: 720;
}

.seat-preflight__list article[data-provisioning="REUSE"] .seat-preflight__mode {
  color: var(--accent-mint);
  background: #2ad9900f;
  border-color: #2ad9902e;
}

.seat-preflight__identity {
  grid-area: identity;
  display: grid;
  gap: 1px;
  min-width: 0;
}

.seat-preflight__identity strong, .seat-preflight__device strong {
  overflow: hidden;
  color: var(--text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}

.seat-preflight__identity small, .seat-preflight__device span {
  overflow: hidden;
  color: var(--text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}

.seat-preflight__device {
  grid-area: device;
  display: grid;
  gap: 1px;
  min-width: 0;
}

.seat-preflight__capabilities {
  grid-area: caps;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
}

.seat-preflight__capabilities span {
  overflow: hidden;
  color: var(--text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #ffffff06;
  border-radius: 5px;
  max-width: 100%;
  padding: 2px 5px;
  font-size: 10px;
}

.seat-preflight > p {
  border-top: 1px solid var(--divider);
  color: var(--text-muted);
  margin: 0;
  padding: 7px 9px;
  font-size: 10.5px;
  line-height: 1.45;
}

.plan-diagnostic-compact {
  display: grid;
  border-top: 1px solid var(--divider);
  gap: 4px;
  margin-top: 10px;
  padding-top: 8px;
}

.plan-diagnostic-compact > strong {
  color: var(--text-secondary);
  font-size: 11px;
}

.plan-diagnostic-compact span {
  overflow: hidden;
  color: var(--text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}

.plan-diagnostic-compact span[data-level="ERROR"] {
  color: #ff8a95;
}

.plan-diagnostic-compact span[data-level="WARNING"] {
  color: #e8b34c;
}

.plan-diagnostic-compact span[data-level="READY"] {
  color: #54dca1;
}

.task-entry-actions {
  grid-column: 1 / -1;
  display: flex;
  border-top: 1px solid var(--divider);
  background: #01080e57;
  justify-content: flex-end;
  gap: 8px;
  padding: 10px 12px;
}

.task-entry-actions button {
  min-width: 168px;
}

.manual-append-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(280px, .7fr);
  min-width: 0;
}

.manual-append-form {
  display: grid;
  border-right: 1px solid var(--divider);
  gap: 10px;
  min-width: 0;
  padding: 12px;
}

.manual-fields-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.manual-instruction {
  min-height: 184px !important;
}

.check-row {
  display: flex;
  color: var(--text-secondary);
  align-items:  center;
  gap: 7px;
  font-size: 11px;
}

.check-row input {
  accent-color: var(--accent-blue);
}

.duplicate-member-choice {
  display: flex;
  background: #aa6f140f;
  border: 1px solid #e0aa442e;
  border-radius: 8px;
  flex-wrap: wrap;
  gap: 8px 15px;
  padding: 9px;
}

.duplicate-member-choice legend {
  color: #e9c16e;
  padding: 0 4px;
  font-size: 11px;
}

.duplicate-member-choice label {
  display: flex;
  color: var(--text-secondary);
  align-items:  center;
  gap: 5px;
  font-size: 11px;
}

.manual-draft-revision {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  border: 1px solid var(--border-subtle);
  background: #ffffff05;
  border-radius: 7px;
  align-items: baseline;
  gap: 7px;
  min-width: 0;
  padding: 7px 9px;
}

.manual-draft-revision > span {
  color: var(--accent-cyan);
  letter-spacing: .09em;
  font-size: 11px;
  font-weight: 750;
}

.manual-draft-revision > strong {
  color: var(--text-primary);
  font-size: 11px;
}

.manual-draft-revision > small {
  overflow: hidden;
  color: var(--text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: 11px;
}

.pending-submission-card {
  display: grid;
  box-shadow: inset 2px 0 var(--accent-cyan);
  background: linear-gradient(#082335e0, #051725eb);
  border: 1px solid #38cfff2e;
  border-radius: 9px;
  gap: 9px;
  min-width: 0;
  padding: 11px;
}

.pending-submission-card > header {
  display: flex;
  justify-content: space-between;
  align-items:  flex-start;
  gap: 10px;
  min-width: 0;
}

.pending-submission-card > header > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.pending-submission-card > header strong {
  overflow: hidden;
  color: var(--text-strong);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Cascadia Code, Consolas, monospace;
  font-size: 11px;
}

.pending-submission-card__facts {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.pending-submission-card__facts span {
  color: var(--text-muted);
  background: #ffffff09;
  border-radius: 5px;
  padding: 4px 6px;
  font-size: 11px;
}

.pending-submission-card__facts b {
  color: var(--text-secondary);
  font-weight: 620;
}

.pending-submission-card p {
  color: var(--text-secondary);
  margin: 0;
  font-size: 11px;
  line-height: 1.5;
}

.pending-submission-card > button {
  width: max-content;
}

.manual-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.manual-context-panel {
  background: #030d1652;
  min-width: 0;
  padding: 14px;
}

.manual-context-panel h3 {
  color: var(--text-strong);
  margin: 3px 0 2px;
  font-size: 15px;
}

.manual-context-panel > p {
  color: var(--text-muted);
  margin: 0 0 9px;
  font-size: 11px;
  line-height: 1.45;
}

.manual-context-panel > div {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  border-top: 1px solid var(--divider);
  gap: 7px;
  padding: 7px 0;
}

.manual-context-panel span {
  color: var(--text-muted);
  font-size: 11px;
}

.manual-context-panel strong {
  overflow: hidden;
  color: var(--text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}

.manual-context-note {
  background: #268ed60f;
  border-radius: 7px;
  padding: 8px;
  color: var(--text-secondary) !important;
  margin-top: 10px !important;
}

.runs-detail-grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 12px;
  min-width: 0;
}

.seat-launch-panel {
  overflow: hidden;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  background: linear-gradient(#0b1c2bd6, #06121ee8);
  min-width: 0;
}

.seat-launch-list {
  display: grid;
}

.seat-launch-list article {
  display: flex;
  border-top: 1px solid var(--divider);
  justify-content: space-between;
  align-items:  center;
  gap: 8px;
  min-width: 0;
  padding: 8px 11px;
}

.seat-launch-list article:first-child {
  border-top: 0;
}

.seat-launch-list article > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.seat-launch-list strong {
  color: var(--text-primary);
  font-size: 11px;
}

.seat-launch-list span:not(.status-pill) {
  overflow: hidden;
  color: var(--text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}

.run-policy-note {
  border-top: 1px solid var(--divider);
  color: var(--text-muted);
  margin: 0;
  padding: 9px 11px;
  font-size: 11px;
  line-height: 1.5;
}

.plan-task-scope {
  display: grid;
  border-bottom: 1px solid var(--divider);
  background: #2981bc09;
  gap: 3px;
  padding: 7px 10px;
}

.plan-task-scope span {
  overflow: hidden;
  color: var(--text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}

@media (max-width: 1180px) {
  .task-entry-grid, .manual-append-grid {
    grid-template-columns: 1fr;
  }

  .plan-input-panel, .manual-append-form {
    border-right: 0;
    border-bottom: 1px solid var(--divider);
  }

  .runs-detail-grid {
    grid-template-columns: 1fr;
  }

  .planning-phases {
    grid-template-columns: repeat(8, minmax(76px, 1fr));
    overflow-x: auto;
  }

  .task-entry-workbench .run-source-input textarea {
    min-height: 170px;
  }
}

@media (max-width: 700px) {
  .task-entry-tabs, .manual-fields-row {
    grid-template-columns: 1fr;
  }

  .task-entry-actions, .manual-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .task-entry-actions button, .manual-actions button {
    width: 100%;
  }

  .role-context {
    grid-template-columns: 1fr;
  }

  .file-action-row button {
    flex: calc(50% - 6px);
    justify-content: center;
  }

  .planning-phases {
    grid-template-columns: repeat(8, 82px);
  }

  .seat-preflight__list article {
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas: "mode identity" "device device" "caps caps";
  }

  .seat-preflight > header {
    flex-direction: column;
    align-items:  flex-start;
  }

  .seat-preflight > header small {
    text-align: left;
  }

  .runs-page {
    gap: 10px;
  }
}

.runs-page {
  gap: 18px;
}

.run-section-header {
  min-height: 60px;
  padding: 12px 15px;
}

.task-entry-tabs {
  gap: 8px;
  padding: 12px 14px;
}

.task-entry-tabs button {
  min-height: 44px;
  font-size: 12px;
}

.plan-input-panel, .plan-context-panel, .manual-append-form, .manual-context-panel {
  padding: 15px;
}

.file-action-row {
  gap: 8px;
  margin-bottom: 12px;
}

.file-action-row button {
  min-height: 36px;
  padding: 0 11px;
  font-size: 11.5px;
}

.md-drop-zone {
  min-height: 74px;
  padding: 12px 13px;
}

.md-file-limit, .md-file-status {
  padding: 9px 11px;
}

.md-source-preview {
  overflow: hidden;
  background: #020c1475;
  border: 1px solid #4ba9e829;
  border-radius: 9px;
  min-width: 0;
  margin-top: 12px;
}

.md-source-preview > header {
  display: flex;
  border-bottom: 1px solid var(--divider);
  background: #091d2d80;
  justify-content: space-between;
  align-items:  center;
  gap: 10px;
  min-height: 42px;
  padding: 8px 10px;
}

.md-source-preview > header > div {
  display: flex;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
}

.md-source-preview > header span {
  color: var(--text-primary);
  font-size: 11px;
  font-weight: 680;
}

.md-source-preview > header small {
  color: var(--text-muted);
  font-size: 10px;
}

.md-source-preview > header button {
  border: 1px solid var(--border-subtle);
  color: var(--text-secondary);
  font: inherit;
  cursor: pointer;
  background: #ffffff06;
  border-radius: 7px;
  min-height: 30px;
  padding: 0 9px;
  font-size: 11px;
}

.md-preview-content {
  overflow: auto;
  color: #c7d7e4;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  background: #01080e8f;
  min-height: 220px;
  max-height: 360px;
  margin: 0;
  padding: 14px 15px;
  font: 12px / 1.65 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.md-source-preview .run-source-input {
  padding: 12px;
}

.md-source-preview .run-source-input textarea {
  min-height: 220px;
}

.run-context-fields {
  gap: 10px;
}

.run-context-fields label, .manual-fields-row label, .project-picker-field {
  display: grid;
  color: var(--text-muted);
  align-content:  start;
  gap: 5px;
  font-size: 11px;
}

.run-context-fields select, .run-context-fields input, .manual-fields-row select, .project-picker-control select {
  min-height: 40px;
}

.project-picker-control {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  min-width: 0;
}

.project-picker-control select {
  border: 1px solid var(--border-subtle);
  outline: 0;
  color: var(--text-primary);
  font: inherit;
  background: #020a12b8;
  border-radius: 7px;
  min-width: 0;
  padding: 0 8px;
  font-size: 11px;
}

.project-picker-control button {
  border: 1px solid var(--border-subtle);
  color: var(--text-secondary);
  font: inherit;
  cursor: pointer;
  background: #ffffff06;
  border-radius: 7px;
  min-height: 40px;
  font-size: 11px;
}

.project-picker-add {
  padding: 0 10px;
}

.project-picker-control button:disabled {
  opacity: .35;
  cursor: not-allowed;
}

.execution-device-help {
  color: var(--text-muted);
  font-size: 10.5px;
  line-height: 1.45;
}

.role-context {
  gap: 8px;
  margin-top: 12px;
}

.role-context > div {
  padding: 9px;
}

.planning-phases {
  grid-template-columns: repeat(8, minmax(68px, 1fr));
  gap: 6px;
  margin-top: 14px;
}

.planning-phases li {
  gap: 5px;
}

.planning-phases li > span {
  width: 28px;
  height: 28px;
}

.planning-phases li small {
  font-size: 10.5px;
}

.seat-preflight {
  margin-top: 13px;
}

.seat-preflight > header {
  padding: 10px 11px;
}

.seat-preflight__list article {
  padding: 9px 11px;
}

.plan-diagnostic-compact {
  gap: 6px;
  margin-top: 13px;
  padding-top: 10px;
}

.task-entry-actions {
  justify-content: flex-start;
  gap: 10px;
  padding: 14px 15px 15px;
}

.task-entry-actions button {
  min-width: 216px;
  min-height: 46px;
  padding: 0 17px;
  font-size: 13px;
}

.manual-fields-row {
  gap: 10px;
}

.manual-append-form {
  gap: 13px;
}

.manual-instruction {
  min-height: 220px !important;
}

.manual-actions {
  justify-content: flex-start;
  gap: 10px;
}

.manual-actions .run-primary-button {
  min-height: 44px;
  padding-inline-start: 16px;
  padding-inline-end: 16px;
}

.active-run-control__body {
  gap: 15px;
  min-height: 78px;
  padding: 15px 16px;
}

.plan-task-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 11px;
  padding: 12px;
}

.plan-task-card {
  min-height: 248px;
}

.plan-task-card > header {
  padding: 12px 11px 10px;
}

.plan-task-card__actor {
  max-width: 46%;
}

.plan-task-scope {
  gap: 5px;
  padding: 9px 11px;
}

.plan-task-scope span {
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.35;
}

.plan-task-card li {
  gap: 9px;
  padding: 10px 11px;
}

.plan-task-card li strong {
  line-height: 1.35;
}

.plan-task-card li small {
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.4;
}

.seat-launch-list article {
  padding: 10px 12px;
}

.run-diagnostic-list article {
  padding: 13px 14px;
}

.project-create-dialog {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  border-radius: var(--radius-xl);
  background: linear-gradient(#122333fc, #07121efc);
  border: 1px solid #38cfff33;
  gap: 14px;
  width: min(540px, 100%);
  padding: 20px;
  box-shadow: 0 32px 100px #0000008a, inset 0 1px #ffffff0a;
}

.project-create-dialog__icon {
  display: grid;
  color: var(--accent-cyan);
  background: #248cff1a;
  border-radius: 11px;
  place-items:  center;
  width: 44px;
  height: 44px;
}

.project-create-dialog > div:nth-child(2) {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.project-create-dialog h2 {
  color: var(--text-strong);
  font-size: var(--font-lg);
  margin: 0;
}

.project-create-dialog p {
  color: var(--text-secondary);
  font-size: var(--font-xs);
  margin: 0;
  line-height: 1.55;
}

.project-create-dialog label {
  display: grid;
  color: var(--text-muted);
  gap: 5px;
  font-size: 11px;
}

.project-create-dialog input {
  border: 1px solid var(--border-subtle);
  outline: 0;
  color: var(--text-primary);
  font: inherit;
  background: #020a12b8;
  border-radius: 8px;
  min-height: 40px;
  padding: 0 10px;
  font-size: 12px;
}

@media (max-width: 1180px) {
  .plan-task-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .planning-phases {
    overflow-x: auto;
  }

  .task-entry-grid, .manual-append-grid {
    grid-template-columns: 1fr;
  }

  .plan-input-panel, .manual-append-form {
    border-right: 0;
    border-bottom: 1px solid var(--divider);
  }
}

@media (max-width: 760px) {
  .plan-task-grid {
    grid-template-columns: 1fr;
  }

  .plan-task-card {
    min-height: 0;
  }

  .project-picker-control {
    grid-template-columns: 1fr;
  }

  .task-entry-actions button {
    min-width: 0;
  }

  .md-preview-content {
    min-height: 180px;
  }

  .runs-page {
    gap: 14px;
  }
}

.runs-page {
  gap: 14px;
}

.runs-hero {
  position: relative;
  overflow: hidden;
  display: flex;
  border-radius: var(--radius-lg);
  background: linear-gradient(90deg, #020b14f7 0%, #03111ed1 38%, #03142538 70%, #020c177a 100%), url("./module-banner-tasks-k5j76bpf.jpg") center 46% / cover no-repeat;
  border: 1px solid #47a6e733;
  justify-content: space-between;
  align-items:  center;
  gap: 24px;
  min-width: 0;
  min-height: 118px;
  padding: 18px 22px;
  box-shadow: 0 18px 44px #00000040, inset 0 1px #94daff12;
}

.runs-hero:after {
  position: absolute;
  content: "";
  background: linear-gradient(90deg, #0000, #3ec6ff75, #0000);
  height: 1px;
  inset: auto 0 0;
}

.runs-hero__identity {
  position: relative;
  z-index: 1;
  display: flex;
  align-items:  center;
  gap: 14px;
  min-width: 0;
}

.runs-hero__icon {
  display: grid;
  color: #65d7ff;
  background: linear-gradient(#114f7a9e, #062135bf);
  border: 1px solid #41bcff3d;
  border-radius: 11px;
  flex: none;
  place-items:  center;
  width: 48px;
  height: 48px;
  box-shadow: inset 0 1px #ffffff0d, 0 8px 22px #0003;
}

.runs-hero__identity > div {
  min-width: 0;
}

.runs-hero__title-row {
  display: flex;
  flex-wrap: wrap;
  align-items:  center;
  gap: 10px;
}

.runs-hero h1 {
  color: #f6fbff;
  letter-spacing: -.035em;
  text-shadow: 0 3px 18px #0000008a;
  margin: 0;
  font-size: clamp(26px, 2vw, 32px);
  font-weight: 700;
  line-height: 1.08;
}

.runs-hero p {
  color: #deeef9c7;
  text-shadow: 0 2px 12px #00000085;
  margin: 7px 0 0;
  font-size: 12.5px;
  line-height: 1.5;
}

.runs-hero blockquote {
  position: relative;
  z-index: 1;
  color: #eef8ffd6;
  text-align: right;
  text-shadow: 0 2px 14px #000000b8;
  flex: none;
  max-width: 250px;
  margin: 0;
  font-size: 12.5px;
}

.runs-hero blockquote small {
  display: block;
  color: #b0cbdeb3;
  margin-top: 5px;
  font-size: 11px;
}

.task-entry-workbench {
  background: linear-gradient(#071a2afa, #03101bfa);
  border-color: #3aa8ef38;
  box-shadow: 0 20px 54px #0003, inset 2px 0 #2ca9ff7a;
}

.task-entry-workbench > .run-section-header {
  min-height: 52px;
  padding: 10px 13px;
}

.task-entry-tabs {
  background: #020a127a;
  gap: 9px;
  padding: 10px 12px;
}

.task-entry-tabs button {
  border-radius: 9px;
  min-height: 48px;
  font-size: 12px;
  font-weight: 640;
}

.task-entry-tabs button[aria-selected="true"] {
  color: #fff;
  background: linear-gradient(#1979ffbd, #0c5bd7b3);
  border-color: #30a6ff94;
  box-shadow: 0 8px 22px #126fe62e, inset 0 1px #ffffff21;
}

.task-entry-grid {
  grid-template-columns: minmax(370px, .84fr) minmax(0, 1.16fr);
  align-items: stretch;
}

.plan-input-stack {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  border-right: 1px solid var(--divider);
  min-width: 0;
}

.plan-input-panel {
  border-right: 0;
  padding: 13px 14px 12px;
}

.plan-context-panel {
  display: grid;
  background: linear-gradient(#04121f9e, #020c1570);
  align-content:  start;
  gap: 9px;
  min-width: 0;
  padding: 10px;
}

.file-action-row--utility {
  align-items:  center;
  margin: 0 0 8px;
}

.file-action-row__label {
  color: var(--text-primary);
  margin-right: auto;
  font-size: 12px;
  font-weight: 680;
}

.file-action-row--utility button {
  color: var(--text-muted);
  background: none;
  border-color: #0000;
  min-height: 30px;
}

.file-action-row--utility button:first-of-type {
  color: var(--text-muted);
  background: none;
  border-color: #0000;
}

.file-action-row--utility button:hover:not(:disabled) {
  border-color: var(--border-subtle);
  color: var(--text-primary);
  background: #ffffff06;
}

.md-drop-zone {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  outline: 0;
  color: var(--accent-cyan);
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: linear-gradient(#0b334e2e, #03142252);
  border: 1px dashed #3daef761;
  border-radius: 9px;
  align-items:  center;
  gap: 12px;
  width: 100%;
  min-height: 108px;
  padding: 14px 15px;
  transition: border-color .12s, background .12s, box-shadow .12s;
}

.md-drop-zone:hover {
  background: linear-gradient(#14537c38, #041a2b6b);
  border-color: #49c7ffb8;
  box-shadow: inset 0 0 0 1px #42c2ff12, 0 10px 26px #00000024;
}

.md-drop-zone:focus-visible {
  background: linear-gradient(#14537c38, #041a2b6b);
  border-color: #49c7ffb8;
  box-shadow: inset 0 0 0 1px #42c2ff12, 0 10px 26px #00000024;
}

.md-drop-zone__icon {
  display: grid;
  color: #5cf;
  background: #187ec41f;
  border-radius: 10px;
  place-items:  center;
  width: 44px;
  height: 44px;
}

.md-drop-zone > div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.md-drop-zone strong {
  overflow: hidden;
  color: var(--text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}

.md-drop-zone span:not(.md-drop-zone__icon):not(.md-drop-zone__action) {
  color: var(--text-muted);
  font-size: 11px;
  line-height: 1.45;
}

.md-drop-zone__action {
  color: #b9e6ff;
  text-align: center;
  background: #248cff17;
  border: 1px solid #39b1f940;
  border-radius: 7px;
  min-width: 76px;
  padding: 7px 10px;
  font-size: 11px;
  font-weight: 650;
}

.md-file-limit {
  background: none;
  border: 0;
  margin: 5px 0 0;
  padding: 4px 2px;
  line-height: 1.45;
}

.md-file-status {
  margin-top: 6px;
}

.md-source-preview {
  background: #020c1457;
  border-color: #529ed21f;
  margin-top: 8px;
}

.md-source-preview > header {
  background: #081b2a6b;
  min-height: 38px;
  padding: 7px 9px;
}

.md-source-preview > header span {
  font-size: 11.5px;
}

.md-source-preview > header small {
  font-size: 11px;
}

.md-source-preview > header button {
  min-height: 28px;
}

.md-preview-content {
  min-height: 164px;
  max-height: 240px;
  padding: 12px 13px;
  font-size: 11.5px;
  line-height: 1.62;
}

.md-source-preview .run-source-input textarea {
  min-height: 180px;
}

.task-entry-actions {
  grid-column: auto;
  border-top: 1px solid var(--divider);
  background: #01080e4d;
  justify-content: flex-start;
  gap: 9px;
  padding: 11px 14px 13px;
}

.task-entry-actions button {
  min-width: 190px;
  min-height: 46px;
  padding: 0 16px;
  font-size: 12.5px;
}

.task-entry-actions .run-primary-button {
  min-width: 208px;
}

.project-summary-card, .plan-preview--inline, .run-preflight-details {
  overflow: hidden;
  background: #03111d94;
  border: 1px solid #59a1d221;
  border-radius: 9px;
  min-width: 0;
}

.project-summary-card > header, .plan-preview-inline__header {
  display: flex;
  border-bottom: 1px solid var(--divider);
  background: #071a2980;
  justify-content: space-between;
  align-items:  center;
  gap: 10px;
  min-height: 42px;
  padding: 7px 10px;
}

.project-summary-card > header > div, .plan-preview-inline__header > div {
  min-width: 0;
}

.project-summary-card h3, .plan-preview-inline__header h2 {
  color: var(--text-strong);
  margin: 0;
  font-size: 12px;
}

.project-summary-card > header > span, .plan-preview-inline__header > span {
  overflow: hidden;
  color: var(--text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}

.run-context-fields--summary {
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  gap: 7px;
  padding: 8px 9px;
}

.run-context-fields--summary .project-picker-field {
  grid-column: 1 / -1;
}

.run-context-fields--summary label {
  gap: 4px;
}

.run-context-fields--summary select, .run-context-fields--summary input, .run-context-fields--summary .project-picker-control select {
  min-height: 34px;
}

.project-summary-facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid var(--divider);
}

.project-summary-facts > div {
  display: grid;
  border-right: 1px solid var(--divider);
  gap: 2px;
  min-width: 0;
  padding: 8px 9px;
}

.project-summary-facts > div:last-child {
  border-right: 0;
}

.project-summary-facts span {
  color: var(--text-muted);
  font-size: 10.5px;
}

.project-summary-facts strong {
  overflow: hidden;
  color: var(--text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}

.plan-preview--inline {
  box-shadow: none;
}

.plan-task-scroll {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  scrollbar-color: #379fe280 #051522b3;
  min-width: 0;
}

.plan-task-grid--inline {
  display: flex;
  gap: 7px;
  width: 100%;
  padding: 8px;
}

.plan-task-grid--inline .plan-task-card {
  flex: 1 0 146px;
  min-height: 188px;
}

.plan-task-grid--inline .plan-task-card > header {
  padding: 8px 8px 7px;
}

.plan-task-grid--inline .plan-task-card h3 {
  font-size: 11px;
}

.plan-task-grid--inline .plan-task-card__actor {
  max-width: 34%;
  padding: 2px 5px;
  font-size: 10px;
}

.plan-task-grid--inline .plan-task-scope {
  gap: 2px;
  padding: 6px 8px;
}

.plan-task-grid--inline .plan-task-scope span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  line-height: 1.4;
}

.plan-task-grid--inline .plan-task-card li {
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 6px;
  padding: 6px 8px;
}

.plan-task-grid--inline .plan-task-card li > span {
  width: 20px;
  height: 20px;
  font-size: 10px;
}

.plan-task-grid--inline .plan-task-card li strong, .plan-task-grid--inline .plan-task-card li small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10.5px;
  line-height: 1.35;
}

.plan-preview__hint {
  display: flex;
  border-top: 1px solid var(--divider);
  color: var(--text-muted);
  align-items:  center;
  gap: 6px;
  margin: 0;
  padding: 6px 9px;
  font-size: 10.5px;
  line-height: 1.4;
}

.plan-preview__hint .icon {
  color: var(--accent-cyan);
}

.compact-empty--plan {
  min-height: 180px;
}

.run-preflight-details > summary {
  display: flex;
  color: var(--text-secondary);
  cursor: pointer;
  list-style: none;
  justify-content: space-between;
  align-items:  center;
  gap: 10px;
  min-height: 39px;
  padding: 8px 10px;
  font-size: 11px;
}

.run-preflight-details > summary::-webkit-details-marker {
  display: none;
}

.run-preflight-details > summary:after {
  content: "⌄";
  color: var(--accent-cyan);
  transition: transform .12s;
  font-size: 15px;
}

.run-preflight-details[open] > summary:after {
  transform: rotate(180deg);
}

.run-preflight-details > summary strong {
  color: var(--text-muted);
  margin-left: auto;
  font-size: 10.5px;
  font-weight: 550;
}

.run-preflight-details__body {
  display: grid;
  border-top: 1px solid var(--divider);
  gap: 8px;
  padding: 9px 10px 10px;
}

.run-preflight-details .planning-phases {
  margin-top: 4px;
}

.run-preflight-details .seat-preflight {
  margin-top: 0;
}

@media (max-width: 1120px) {
  .task-entry-grid {
    grid-template-columns: 1fr;
  }

  .plan-input-stack {
    border-right: 0;
    border-bottom: 1px solid var(--divider);
  }

  .plan-context-panel {
    grid-template-columns: minmax(0, 1fr);
  }

  .runs-hero blockquote {
    display: none;
  }

  .plan-task-grid--inline .plan-task-card {
    flex-basis: 170px;
  }
}

@media (max-width: 760px) {
  .runs-hero {
    min-height: 106px;
    padding: 15px;
  }

  .runs-hero__icon {
    width: 42px;
    height: 42px;
  }

  .runs-hero h1 {
    font-size: 27px;
  }

  .task-entry-tabs {
    grid-template-columns: 1fr;
  }

  .md-drop-zone {
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 148px;
  }

  .md-drop-zone__action {
    grid-column: 2;
    width: max-content;
  }

  .md-drop-zone__selected {
    grid-column: 1 / -1;
  }

  .project-summary-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .project-summary-facts > div:nth-child(2) {
    border-right: 0;
  }

  .project-summary-facts > div:nth-child(-n+2) {
    border-bottom: 1px solid var(--divider);
  }

  .run-context-fields--summary {
    grid-template-columns: 1fr;
  }

  .task-entry-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .task-entry-actions button, .task-entry-actions .run-primary-button {
    width: 100%;
    min-width: 0;
  }

  .plan-task-grid--inline .plan-task-card {
    flex-basis: 178px;
  }

  .plan-input-panel {
    padding: 11px;
  }

  .plan-context-panel {
    padding: 8px;
  }
}

.runs-hero {
  background: linear-gradient(90deg, #01080ffa 0%, #020e19db 30%, #03132166 51%, #020e1914 73%, #020a132e 100%), linear-gradient(#04142205 0%, #020f1b0f 50%, #01080f94 100%), url("./module-banner-tasks-k5j76bpf.jpg") center 54% / cover no-repeat;
  border: 0;
  min-height: 148px;
  box-shadow: 0 24px 62px #0000003d;
}

.runs-hero:before {
  position: absolute;
  pointer-events: none;
  content: "";
  background: radial-gradient(circle at 78% 22%, #3b95ff33, #0000 32%);
  inset: 0;
}

.runs-hero h1 {
  font-size: clamp(30px, 2.2vw, 36px);
}

.runs-hero p, .runs-hero blockquote {
  font-size: 14px;
}

.runs-hero blockquote small {
  font-size: 12px;
}

.task-entry-workbench {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: linear-gradient(#020d172e 0, #03101bd1 300px, #03101bfc 560px), linear-gradient(90deg, #01080fd1 0%, #020d1861 43%, #020c1614 72%, #020a1233 100%), url("./module-banner-tasks-k5j76bpf.jpg") center 31% / 100% no-repeat;
  border-color: #3aa8ef4d;
  box-shadow: 0 28px 74px #00000047, inset 2px 0 #2ca9ffa3;
}

.task-entry-workbench > .run-section-header {
  background: #020a124d;
  min-height: 62px;
  padding: 12px 16px;
}

.task-entry-workbench > .run-section-header h2 {
  font-size: 18px;
}

.task-entry-workbench > .run-section-header > span {
  font-size: 12px;
}

.task-entry-tabs {
  background: #01080f5c;
  gap: 12px;
  padding: 12px 14px 13px;
}

.task-entry-tabs button {
  text-align: left;
  justify-content: flex-start;
  gap: 14px;
  min-height: 70px;
  padding: 10px 18px;
  font-size: 14px;
}

.task-entry-tabs button > span:last-child {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.task-entry-tabs button strong {
  color: inherit;
  font-size: 15px;
  font-weight: 720;
}

.task-entry-tabs button small {
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 500;
}

.task-entry-tabs button[aria-selected="true"] small {
  color: #e0f2ffd1;
}

.task-entry-tab-icon {
  display: grid;
  color: #dff3ff;
  background: #08294b7a;
  border: 1px solid #97cdff57;
  border-radius: 999px;
  flex: none;
  place-items:  center;
  width: 44px;
  height: 44px;
  box-shadow: inset 0 1px #ffffff1f;
}

.task-entry-tabs button[aria-selected="true"] .task-entry-tab-icon {
  background: #448fff57;
  box-shadow: 0 0 22px #288fff40, inset 0 1px #fff3;
}

.task-entry-grid {
  grid-template-columns: minmax(420px, .78fr) minmax(0, 1.22fr);
}

.plan-input-panel {
  padding: 16px 16px 14px;
}

.plan-context-panel {
  gap: 10px;
  padding: 13px;
}

.file-action-row__label {
  font-size: 14px;
}

.file-action-row--utility button {
  font-size: 12px;
}

.md-drop-zone {
  grid-template-columns: 1fr;
  text-align: center;
  align-content:  center;
  justify-items: center;
  gap: 8px;
  min-height: 206px;
  padding: 18px;
}

.md-drop-zone__icon {
  color: #4fc7ff;
  background: radial-gradient(circle, #198fe138, #0d446b1f);
  border: 1px solid #3fb5ff38;
  border-radius: 16px;
  width: 58px;
  height: 58px;
  box-shadow: 0 0 28px #229bed1f;
}

.md-drop-zone__copy {
  display: grid;
  justify-items: center;
  gap: 5px;
}

.md-drop-zone__copy strong {
  color: var(--text-strong);
  font-size: 14px;
}

.md-drop-zone__copy span {
  max-width: 420px;
  color: var(--text-secondary) !important;
  font-size: 12px !important;
}

.md-drop-zone__action {
  color: #d9f1ff;
  background: linear-gradient(#1b79c938, #083b6547);
  border-color: #4bb7ff6b;
  min-width: 94px;
  padding: 8px 14px;
  font-size: 12px;
}

.md-drop-zone__selected {
  display: flex;
  color: #50caff;
  text-align: left;
  background: #041b2cb8;
  border: 1px solid #47aaeb33;
  border-radius: 8px;
  align-items:  center;
  gap: 10px;
  width: 100%;
  margin-top: 8px;
  padding: 10px 12px;
}

.md-drop-zone__selected > span {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.md-drop-zone__selected strong {
  overflow: hidden;
  color: var(--text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12.5px;
}

.md-drop-zone__selected small {
  color: var(--text-muted);
  font-size: 11.5px;
}

.md-file-limit, .md-file-status {
  font-size: 11.5px;
}

.md-source-preview > header span {
  font-size: 13px;
}

.md-source-preview > header small {
  font-size: 11.5px;
}

.md-preview-content {
  min-height: 188px;
  max-height: 280px;
  font-size: 12.5px;
  line-height: 1.7;
}

.project-summary-card > header, .plan-preview-inline__header {
  min-height: 48px;
  padding: 9px 11px;
}

.project-summary-card h3, .plan-preview-inline__header h2 {
  font-size: 14px;
}

.project-summary-card > header > span, .plan-preview-inline__header > span {
  font-size: 12px;
}

.run-context-fields--summary select, .run-context-fields--summary input, .run-context-fields--summary .project-picker-control select, .project-picker-control button {
  min-height: 40px;
  font-size: 12px;
}

.project-summary-facts span {
  font-size: 11.5px;
}

.project-summary-facts strong {
  font-size: 12.5px;
}

.plan-task-grid--inline {
  gap: 9px;
  padding: 10px;
}

.plan-task-grid--inline .plan-task-card {
  flex: 1 0 168px;
  min-height: 220px;
}

.plan-task-grid--inline .plan-task-card > header {
  padding: 10px 9px 8px;
}

.plan-task-grid--inline .plan-task-card h3 {
  font-size: 12.5px;
}

.plan-task-grid--inline .plan-task-card__actor {
  font-size: 11px;
}

.plan-task-grid--inline .plan-task-scope {
  gap: 3px;
  padding: 8px 9px;
}

.plan-task-grid--inline .plan-task-scope span {
  font-size: 11.5px;
}

.plan-task-grid--inline .plan-task-card li {
  padding: 8px 9px;
}

.plan-task-grid--inline .plan-task-card li strong, .plan-task-grid--inline .plan-task-card li small {
  font-size: 11.5px;
}

.plan-preview__hint {
  padding: 8px 10px;
  font-size: 11.5px;
}

.task-entry-actions {
  gap: 10px;
  padding: 14px 16px 16px;
}

.task-entry-actions button {
  border-radius: 9px;
  min-width: 210px;
  min-height: 52px;
  padding: 0 20px;
  font-size: 14px;
}

.task-entry-actions .run-primary-button {
  min-width: 236px;
  box-shadow: 0 12px 30px #248cff47, inset 0 1px #ffffff2e;
}

.run-preflight-details > summary {
  min-height: 44px;
  font-size: 12px;
}

.run-section-header > span, .active-run-control__fact small, .active-run-control__identity span, .run-policy-note {
  font-size: 12px;
}

.active-run-control__identity strong {
  font-size: 15px;
}

.active-run-control__fact strong {
  font-size: 13px;
}

.project-summary-picker {
  border-bottom: 1px solid var(--divider);
  padding: 10px 11px 9px;
}

.project-summary-picker .project-picker-field > span {
  display: none;
}

.project-summary-picker .project-picker-control {
  grid-template-columns: minmax(0, 1fr) auto;
}

.project-summary-picker .project-picker-control select, .project-summary-picker .project-picker-control button {
  min-height: 42px;
  font-size: 12.5px;
}

.project-summary-overview {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(150px, .65fr);
  border-bottom: 1px solid var(--divider);
  min-width: 0;
}

.project-summary-overview > label, .project-summary-overview > div {
  display: grid;
  align-content:  center;
  gap: 4px;
  min-width: 0;
  padding: 9px 11px;
}

.project-summary-overview > label {
  border-right: 1px solid var(--divider);
  color: var(--text-muted);
  font-size: 11.5px;
}

.project-summary-overview input {
  outline: 0;
  color: var(--text-primary);
  font: inherit;
  background: none;
  border: 0;
  width: 100%;
  min-width: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 650;
}

.project-summary-overview input::placeholder {
  color: #aec7da94;
  opacity: 1;
}

.project-summary-overview span, .project-summary-facts span {
  color: var(--text-muted);
  font-size: 11.5px;
}

.project-summary-overview strong, .project-summary-facts strong {
  overflow: hidden;
  color: var(--text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}

.project-summary-facts {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 0;
}

.project-summary-facts > div {
  align-content:  center;
  min-height: 54px;
  padding: 9px 11px;
}

.plan-device-picker {
  display: grid;
  color: var(--text-muted);
  gap: 5px;
  min-width: 0;
  font-size: 11.5px;
}

.plan-device-picker select {
  border: 1px solid var(--border-subtle);
  outline: 0;
  color: var(--text-primary);
  font: inherit;
  background: #020a12b8;
  border-radius: 7px;
  min-height: 38px;
  padding: 0 9px;
  font-size: 12px;
}

.plan-task-grid--inline .plan-task-card {
  position: relative;
  overflow: hidden;
  background: linear-gradient(#072034f0, #04121ef7);
  border-color: #30a9ff4d;
  box-shadow: inset 0 2px #30a9ffdb, 0 12px 28px #00000029;
}

.plan-task-grid--inline .plan-task-card:after {
  position: absolute;
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  content: "";
  background: #30a9ff57;
  width: 18px;
  height: 18px;
  bottom: 0;
  right: 0;
}

.plan-task-grid--inline .plan-task-card[data-accent="mint"] {
  border-color: #23dda661;
  box-shadow: inset 0 2px #23dda6eb, 0 12px 28px #00000029;
}

.plan-task-grid--inline .plan-task-card[data-accent="rose"] {
  border-color: #ef4a9166;
  box-shadow: inset 0 2px #ef4a91f0, 0 12px 28px #00000029;
}

.plan-task-grid--inline .plan-task-card[data-accent="gold"] {
  border-color: #f2be2f6b;
  box-shadow: inset 0 2px #f2be2ff5, 0 12px 28px #00000029;
}

.plan-task-grid--inline .plan-task-card[data-accent="mint"]:after {
  background: #23dda666;
}

.plan-task-grid--inline .plan-task-card[data-accent="rose"]:after {
  background: #ef4a916b;
}

.plan-task-grid--inline .plan-task-card[data-accent="gold"]:after {
  background: #f2be2f70;
}

.plan-task-grid--inline .plan-task-card[data-accent="cyan"] > header > div > span {
  color: #58d0ff;
}

.plan-task-grid--inline .plan-task-card[data-accent="mint"] > header > div > span {
  color: #45e0b0;
}

.plan-task-grid--inline .plan-task-card[data-accent="rose"] > header > div > span {
  color: #ff6ba8;
}

.plan-task-grid--inline .plan-task-card[data-accent="gold"] > header > div > span {
  color: #ffd15d;
}

.plan-task-grid--inline .plan-task-card[data-placeholder="true"] {
  background: linear-gradient(#081d2ecc, #04111de0);
}

.plan-task-grid--inline .plan-task-card[data-placeholder="true"] .plan-task-scope, .plan-task-grid--inline .plan-task-card[data-placeholder="true"] ol {
  opacity: .72;
}

.plan-preview--placeholder .plan-preview-inline__header > span {
  color: #8ca4b7;
}

.runs-hero {
  background-position: center, center, center 54%;
}

.task-entry-workbench {
  background-position: top;
  background-size: auto, cover;
}

@media (max-width: 1120px) {
  .task-entry-grid {
    grid-template-columns: 1fr;
  }

  .md-drop-zone {
    min-height: 180px;
  }

  .task-entry-workbench {
    background-size: auto, cover;
  }
}

@media (max-width: 760px) {
  .project-summary-overview {
    grid-template-columns: 1fr;
  }

  .project-summary-overview > label {
    border-right: 0;
    border-bottom: 1px solid var(--divider);
  }

  .project-summary-facts {
    grid-template-columns: 1fr;
  }

  .project-summary-facts > div {
    border-bottom: 1px solid var(--divider);
    border-right: 0 !important;
  }

  .project-summary-facts > div:last-child {
    border-bottom: 0;
  }

  .project-summary-picker .project-picker-control {
    grid-template-columns: 1fr;
  }
}

/* src/styles/states.css */
.route-state-boundary, .route-state-content {
  min-width: 0;
}

.route-state-boundary {
  display: grid;
  gap: 12px;
}

.route-state-notice {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  background: linear-gradient(#091927db, #040f19e6);
  align-items:  center;
  gap: 11px;
  min-width: 0;
  padding: 10px 12px;
  box-shadow: inset 0 1px #ffffff05;
}

.route-state-notice[data-blocking="true"] {
  background: linear-gradient(#31121b6b, #07101bf0);
  border-color: #ff6b7a2e;
  box-shadow: inset 3px 0 #ff6b7a94;
}

.route-state-boundary[data-ui-state="loading"] .route-state-notice {
  border-color: #38cfff24;
}

.route-state-boundary[data-ui-state="partial"] .route-state-notice, .route-state-boundary[data-ui-state="stale"] .route-state-notice {
  border-color: #d8a74a26;
}

.route-state-notice__icon {
  display: grid;
  color: var(--accent-cyan);
  background: #248cff14;
  border-radius: 9px;
  place-items:  center;
  width: 34px;
  height: 34px;
}

.route-state-notice[data-blocking="true"] .route-state-notice__icon {
  color: #ff9aa5;
  background: #ff6b7a14;
}

.route-state-notice__copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.route-state-notice__copy > span {
  color: var(--text-muted);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 750;
}

.route-state-notice__copy strong {
  color: var(--text-primary);
  font-size: var(--font-sm);
}

.route-state-notice__copy p {
  color: var(--text-secondary);
  font-size: var(--font-xs);
  overflow-wrap: anywhere;
  margin: 0;
  line-height: 1.45;
}

.route-state-boundary[data-ui-state="loading"] .route-state-content {
  opacity: .72;
}

.route-state-boundary[data-ui-state="unavailable"] .route-state-content, .route-state-boundary[data-ui-state="contract-mismatch"] .route-state-content {
  opacity: .56;
}

.route-state-content * {
  min-inline-size: 0;
}

@media (max-width: 620px) {
  .route-state-notice {
    grid-template-columns: auto minmax(0, 1fr);
    align-items:  start;
  }

  .route-state-notice > .status-pill {
    grid-column: 2;
  }
}

@media (prefers-reduced-motion: reduce) {
  .route-state-content, .route-state-notice {
    transition: none !important;
  }
}