:root {
  color-scheme: dark;
  --bg: #111315;
  --surface: #1b1e21;
  --surface-strong: #25292d;
  --surface-muted: #202428;
  --surface-warm: #2b241a;
  --panel: #1b1e21;
  --ink: #f4f1eb;
  --muted: #b2bac0;
  --line: #3a4045;
  --orange: #f28c18;
  --orange-deep: #ffb45f;
  --blue: #8bb8c9;
  --teal: #4f7e91;
  --green: #7bd78b;
  --amber: #f3bd62;
  --red: #ff8a80;
  --plum: #d7a1e2;
  --success-bg: #17351f;
  --warning-bg: #3a2d12;
  --risk-bg: #3b1d1b;
  --info-bg: #182d37;
  --plum-bg: #302039;
  --shadow: 0 14px 32px rgba(0, 0, 0, 0.28);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-width: 320px;
  color: var(--ink);
  background: var(--bg);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
}

button,
input,
select {
  font: inherit;
  min-width: 0;
  max-width: 100%;
}

button {
  cursor: pointer;
}

button:disabled {
  cursor: not-allowed;
}

.appShell {
  display: grid;
  grid-template-columns: 264px minmax(0, 1fr);
  min-height: 100vh;
}

.sideNav {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 22px 18px;
  color: #f7f4ef;
  background: #2d3033;
}

.brandBlock {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.brandMark {
  display: grid;
  width: 158px;
  height: 52px;
  place-items: center;
  padding: 0;
  background: transparent;
}

.brandLogo {
  display: block;
  width: 100%;
  height: auto;
  max-height: 40px;
  object-fit: contain;
}

.brandBlock h1,
.brandBlock p,
.topBar h2,
.topBar p,
.panel h3 {
  margin: 0;
}

.brandBlock h1 {
  font-size: 1.08rem;
  line-height: 1.2;
}

.brandBlock p {
  margin-top: 2px;
  color: #d8d2ca;
  font-size: 0.86rem;
}

.sideNav nav {
  display: grid;
  gap: 6px;
}

.auditNavButton {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
}

.meetingDeliveryProduct {
  margin-bottom: 20px;
}

.deliverySection {
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--surface);
  box-shadow: var(--shadow);
}

.deliverySectionHead,
.deliveryCardHead {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
}

.deliverySectionHead h2,
.deliverySectionHead p,
.deliveryCardHead h3,
.deliveryCardHead p,
.deliveryCard p {
  margin: 0;
}

.deliverySectionHead > div > p:last-child,
.deliveryCardHead p,
.deliveryNextAction {
  color: var(--muted);
}

.deliveryAccessibility {
  display: grid;
  gap: 0.4rem;
  margin: 0.75rem 0;
}

.deliveryAccessibility div {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.deliveryAccessibility dt { color: var(--muted); }
.deliveryAccessibility dd { margin: 0; font-weight: 700; text-align: right; }

.deliveryGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
  margin-top: 18px;
}

.deliveryCard {
  display: grid;
  gap: 14px;
  align-content: start;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-muted);
}

.deliveryStatus {
  padding: 5px 8px;
  border-radius: 999px;
  color: var(--ink);
  background: var(--info-bg);
  font-size: 0.78rem;
  font-weight: 700;
  white-space: nowrap;
}

.deliveryCard[data-state="needs-review"] .deliveryStatus,
.deliveryCard[data-state="ready-to-publish"] .deliveryStatus { background: var(--warning-bg); }
.deliveryCard[data-state="problem"] .deliveryStatus { background: var(--risk-bg); }
.deliveryCard[data-state="published"] .deliveryStatus { background: var(--success-bg); }
.deliveryAttention { color: var(--amber); }
.deliveryPrimaryAction { justify-self: start; }

.deliveryTodayQuiet {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 18px;
}

.deliveryTodayQuiet .deliveryGrid {
  grid-template-columns: 1fr;
}

.deliveryNextAction {
  display: grid;
  gap: 4px;
}

.deliveryNextAction strong {
  color: var(--ink);
  font-size: 0.78rem;
  text-transform: uppercase;
}

.libraryDeliveryIntro,
.auditShortcutGrid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.libraryDeliveryIntro {
  margin-bottom: 12px;
}

.libraryDeliveryIntro span {
  padding: 6px 10px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  background: var(--surface-muted);
  font-weight: 700;
}

.siteOnboardingWorkspace {
  margin: 18px 0;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-muted);
}

.onboardingTaskList {
  display: grid;
  gap: 8px;
  margin: 12px 0 0;
  padding-left: 28px;
}

.onboardingTaskList li { padding: 8px; border-bottom: 1px solid var(--line); }
.onboardingAudioTask fieldset { display: grid; gap: 8px; border: 0; padding: 0; }
.onboardingAudioTask label { display: flex; gap: 8px; align-items: center; }
.onboardingAudioTask p { margin: 0; color: var(--muted); }

.navButton {
  width: 100%;
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: #e6e1d8;
  background: transparent;
  text-align: left;
}

.navButton:hover,
.navButton.active {
  color: #ffffff;
  border-color: rgba(242, 140, 24, 0.62);
  background: rgba(242, 140, 24, 0.14);
  box-shadow: inset 3px 0 0 var(--orange);
}

.modeBox {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: auto;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  color: #e6e1d8;
  background: rgba(255, 255, 255, 0.08);
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.modeBox:hover,
.modeBox:focus-visible,
.modeBox.active {
  color: #ffffff;
  border-color: rgba(242, 140, 24, 0.62);
  background: rgba(242, 140, 24, 0.14);
  outline: none;
}

.stateDot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--muted);
}

.stateDot.safe {
  background: #70d6a3;
}

.mainArea {
  min-width: 0;
  padding: 24px;
}

.topBar {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  margin-bottom: 20px;
}

.eyebrow {
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 700;
  text-transform: uppercase;
}

.topBar h2 {
  margin-top: 2px;
  font-size: 1.7rem;
  line-height: 1.2;
}

.topActions,
.buttonRow,
.sourceStrip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.adminAuthStatus {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  gap: 7px;
  padding: 4px 6px 4px 10px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  background: var(--surface);
  font-size: 0.78rem;
  font-weight: 700;
}

.adminAuthStatus[hidden] {
  display: none;
}

.adminAuthSignOut {
  min-height: 24px;
  padding: 2px 8px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--ink);
  background: var(--surface-strong);
  font-size: 0.75rem;
  font-weight: 700;
}

.adminAuthDialog {
  width: min(430px, calc(100vw - 32px));
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--ink);
  background: var(--surface);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.28);
}

.adminAuthDialog::backdrop {
  background: rgba(36, 38, 40, 0.72);
}

.adminAuthForm {
  display: grid;
  gap: 16px;
  padding: 28px;
}

.adminAuthForm[hidden] {
  display: none;
}

.adminAuthLogo {
  display: block;
  width: 150px;
  height: auto;
}

.adminAuthForm h2,
.adminAuthForm p {
  margin: 0;
}

.adminAuthForm h2 {
  margin-top: 3px;
  font-size: 1.45rem;
}

.adminAuthIntro,
.adminAuthBoundary {
  margin-top: 6px !important;
  color: var(--muted);
  line-height: 1.45;
}

.adminAuthBoundary {
  font-size: 0.78rem;
}

.adminAuthField {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 700;
}

.adminAuthField input {
  width: 100%;
  min-height: 44px;
  padding: 9px 11px;
  border: 1px solid var(--line);
  border-radius: 6px;
  color: var(--ink);
  background: var(--surface);
}

.adminAuthField input:focus {
  border-color: var(--orange);
  outline: 2px solid rgba(242, 140, 24, 0.2);
  outline-offset: 1px;
}

.adminAuthFeedback {
  min-height: 20px;
  color: var(--red);
  font-size: 0.82rem;
}

.adminAuthSubmit {
  width: 100%;
  min-height: 44px;
}

.pill,
.statusChip {
  display: inline-flex;
  max-width: 100%;
  min-width: 0;
  min-height: 26px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 4px 9px;
  font-size: 0.78rem;
  font-weight: 700;
  overflow-wrap: anywhere;
  text-align: center;
  white-space: normal;
}

.pill {
  color: var(--orange-deep);
  background: var(--surface-warm);
}

.statusChip.good {
  color: var(--green);
  background: var(--success-bg);
}

.statusChip.warn {
  color: var(--amber);
  background: var(--warning-bg);
}

.statusChip.risk {
  color: var(--red);
  background: var(--risk-bg);
}

.statusChip.muted {
  color: var(--muted);
  background: var(--surface-muted);
}

.view {
  display: none;
}

.view.active {
  display: grid;
  gap: 18px;
}

.selectedSiteContext {
  display: grid;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
  background: var(--surface-muted);
  box-shadow: var(--shadow);
}

.selectedSiteContextTop {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
}

.selectedSiteContextTop div:first-child {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.selectedSiteContextTop span,
.selectedSiteContextTop small,
.selectedSiteContextFacts span,
.selectedSiteContextNote,
.selectedSiteProofTrail span,
.selectedSiteProofTrail small {
  color: var(--muted);
}

.selectedSiteContextTop strong {
  font-size: 1.05rem;
}

.selectedSiteContextTop small,
.selectedSiteContextNote,
.selectedSiteProofTrail small {
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.selectedSiteContextActions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

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

.selectedSiteContextFacts div {
  display: grid;
  min-height: 58px;
  align-content: center;
  gap: 3px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 8px;
  background: var(--surface);
}

.selectedSiteContextFacts span {
  font-size: 0.76rem;
  font-weight: 700;
}

.selectedSiteContextFacts strong {
  overflow-wrap: anywhere;
}

.selectedSiteProofTrail {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid #8bb8c9;
  border-radius: 8px;
  padding: 10px;
  background: var(--surface);
}

.selectedSiteProofTrail > div:first-child {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.selectedSiteProofTrail strong {
  overflow-wrap: anywhere;
}

.selectedSiteProofTrailReviewCue {
  display: grid;
  flex: 1 1 280px;
  min-width: 220px;
  gap: 3px;
  border-left: 1px solid var(--line);
  padding-left: 10px;
}

.selectedSiteProofTrailReviewCue strong {
  font-size: 0.88rem;
}

.selectedSiteProofTrailSteps {
  display: flex;
  flex: 1 1 240px;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.selectedSiteProofTrailSteps span {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 5px 7px;
  background: var(--surface-muted);
  color: var(--ink);
  font-size: 0.78rem;
  font-weight: 700;
}

.metricGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.metricCard,
.panel,
.finalizationCard,
.boundaryItem {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: var(--shadow);
}

.metricCard {
  display: grid;
  gap: 6px;
  min-height: 114px;
  padding: 16px;
}

.metricCard span,
.metricCard small,
.detailItem span,
.finalizationTop span,
.statusGrid span,
.boundaryItem span,
.meetingItem small,
.siteButton small,
.attentionItem span {
  color: var(--muted);
}

.metricCard strong {
  font-size: 2rem;
  line-height: 1;
}

.panel {
  min-width: 0;
  padding: 16px;
}

.panel > *,
.splitLayout > *,
.sitesLayout > *,
.siteListRail > *,
.siteWorkflowRail > * {
  min-width: 0;
}

.panelHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 34px;
  margin-bottom: 14px;
}

.panelHead h3 {
  font-size: 1rem;
}

.panelHead span {
  color: var(--muted);
  font-size: 0.86rem;
}

.deviceStatusRefreshActions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
}

.deviceStatusRefreshFeedback {
  margin: -4px 0 14px;
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.4;
}

.deviceStatusRefreshButton {
  width: 100%;
  margin-top: 8px;
}

.deviceHoldWorkspace {
  margin: 0 0 18px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: color-mix(in srgb, var(--panel) 92%, var(--bg));
}

.deviceHoldWorkspaceHead,
.deviceHoldCardHead,
.deviceHoldActions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.deviceHoldWorkspaceHead h3,
.deviceHoldWorkspaceHead p,
.deviceHoldCardHead strong,
.deviceHoldCardHead span,
.deviceHoldNextAction span,
.deviceHoldNextAction strong {
  display: block;
}

.deviceHoldWorkspaceSummary,
.deviceHoldFeedback,
.deviceHoldUnavailable {
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.45;
}

.deviceHoldCards {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

.deviceHoldCard {
  padding: 14px;
  border: 1px solid var(--line);
  border-left: 4px solid var(--amber);
  border-radius: 12px;
  background: var(--panel);
}

.deviceHoldCard[data-severity="critical"] {
  border-left-color: var(--red);
}

.deviceHoldCardHead span,
.deviceHoldFacts span,
.deviceHoldFacts small,
.deviceHoldNextAction span {
  color: var(--muted);
  font-size: 0.78rem;
}

.deviceHoldFacts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.deviceHoldFacts > div,
.deviceHoldNextAction {
  display: grid;
  gap: 4px;
  padding: 10px;
  border-radius: 9px;
  background: color-mix(in srgb, var(--panel) 78%, var(--bg));
}

.deviceHoldFacts strong,
.deviceHoldNextAction strong {
  overflow-wrap: anywhere;
  line-height: 1.35;
}

.deviceHoldActions {
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 12px;
}

.deviceHoldGuide {
  margin-top: 12px;
  color: var(--muted);
  font-size: 0.86rem;
}

.deviceHoldGuide summary {
  cursor: pointer;
  color: var(--ink);
  font-weight: 700;
}

.deviceHoldGuide ol {
  margin: 10px 0 0;
  padding-left: 22px;
  line-height: 1.55;
}

.deviceHoldFeedback:empty {
  display: none;
}

@media (max-width: 780px) {
  .deviceHoldFacts {
    grid-template-columns: 1fr;
  }

  .deviceHoldWorkspaceHead,
  .deviceHoldCardHead {
    align-items: flex-start;
  }

  .deviceHoldActions > .button,
  .deviceHoldActions > a.button {
    width: 100%;
    text-align: center;
  }
}

.splitLayout,
.focusLayout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.76fr);
  gap: 18px;
}

.splitLayout.wideLeft {
  grid-template-columns: minmax(0, 1fr) minmax(340px, 0.82fr);
}

.finalizationLayout {
  display: grid;
  grid-template-columns: minmax(280px, 0.64fr) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.sitesLayout {
  display: grid;
  grid-template-columns: 310px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.siteListRail,
.siteWorkflowRail {
  min-width: 0;
}

.siteListRail {
  position: sticky;
  top: 24px;
  align-self: start;
  max-height: calc(100vh - 48px);
  overflow: auto;
  overscroll-behavior: contain;
}

.siteWorkflowRail {
  display: grid;
  gap: 18px;
  align-items: start;
}

.siteWorkflowRail > .panel {
  grid-column: 1 / -1;
}

.siteReviewDeck {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  min-width: 0;
  border-top: 1px solid var(--line);
  padding-top: 18px;
}

.siteReviewDeck > .panel {
  grid-column: auto;
}

.siteReviewDeck > .realSiteRehearsalPanel,
.siteReviewDeck > .siteEdgeReadinessPanel,
.siteReviewDeck > .siteDeviceInventoryPanel,
.siteReviewDeck > .siteCompleteOperationReadinessPanel,
.siteReviewDeck > .siteSetupEvidencePanel,
.siteReviewDeck > .siteTemplatePreviewPanel,
.siteReviewDeck > .noCodeTemplateReadinessPanel,
.siteReviewDeck > .templateRequirementsPanel {
  grid-column: 1 / -1;
}

.siteReviewDeck > .panel .panelHead {
  min-height: 30px;
}

.onboardingPanel {
  grid-column: 1 / -1;
}

.siteEdgeReadinessPanel {
  grid-column: 2;
}

.siteRegistrySourcePanel {
  grid-column: 2;
}

.assignmentSourcePanel {
  grid-column: 1 / -1;
}

.runSourcePanel {
  grid-column: 1 / -1;
}

.finalizationSourcePanel {
  grid-column: 1 / -1;
}

.siteReadinessReasonsPanel {
  grid-column: 2;
}

.siteReadinessReturnCuePanel {
  grid-column: 2;
}

.siteRolloutChecklistPanel {
  grid-column: 2;
}

.siteCompleteOperationReadinessPanel {
  grid-column: 2;
}

.realSiteRehearsalPanel {
  grid-column: 2;
}

.siteSetupEvidencePanel {
  grid-column: 2;
}

.siteVodCaptionHandoffPanel {
  grid-column: 2;
}

.siteTemplatePreviewPanel {
  grid-column: 1 / -1;
}

.noCodeTemplateReadinessPanel {
  grid-column: 1 / -1;
}

.settingsBoundaryPanel {
  grid-column: 1 / -1;
}

.settingsOperationsHandoffPanel {
  grid-column: 1 / -1;
}

.settingsOverviewPanel {
  grid-column: 1 / -1;
}

.adminCompletionTrackerPanel,
.buildCandidatePanel,
.buildLaunchGatePanel,
.hostedBuildHandoffChecklistPanel,
.hostedAdminMappingPanel,
.hostedReadOwnerDecisionPanel,
.hostedPersistenceApprovalPanel,
.focusHostedReadinessSnapshotPanel {
  grid-column: 1 / -1;
}

.focusHostedReadinessSnapshot {
  display: grid;
  gap: 10px;
}

.focusHostedReadinessLead {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.focusHostedReadinessLead div:first-child {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.focusHostedReadinessLead strong,
.focusHostedReadinessLead span {
  overflow-wrap: anywhere;
}

.focusHostedReadinessLead span,
.focusHostedReadinessSource span,
.focusHostedReadinessItem span {
  color: var(--muted);
  line-height: 1.4;
}

.focusHostedReadinessLeadActions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.focusHostedPublicationOwnerCue {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  border: 1px solid #d8b15f;
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-warm);
}

.focusHostedPublicationOwnerCue div:first-child {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.focusHostedPublicationOwnerCue strong,
.focusHostedPublicationOwnerCue span,
.focusHostedPublicationOwnerCue small {
  overflow-wrap: anywhere;
}

.focusHostedPublicationOwnerCue span,
.focusHostedPublicationOwnerCue small {
  color: var(--muted);
  line-height: 1.4;
}

.focusHostedPublicationOwnerActions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

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

.focusHostedReadinessItem {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  min-height: 118px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-muted);
}

.focusHostedReadinessItem div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.focusHostedReadinessItem strong,
.focusHostedReadinessItem span {
  overflow-wrap: anywhere;
}

.focusHostedReadinessLeadActions .statusChip,
.focusHostedPublicationOwnerActions .statusChip,
.focusHostedReadinessItem .statusChip {
  max-width: 100%;
  justify-self: start;
  white-space: normal;
  text-align: center;
}

.focusHostedReadinessSource {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-muted);
}

.focusHostedReadinessSource span {
  flex: 1 1 260px;
  overflow-wrap: anywhere;
}

.focusChurchillFinalizationSourceActivationCue {
  display: grid;
  gap: 10px;
  border: 1px solid #e9901b;
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-warm);
}

.focusChurchillFinalizationSourceActivationLead {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.focusChurchillFinalizationSourceActivationLead div:first-child,
.focusChurchillFinalizationSourceActivationGrid article {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.focusChurchillFinalizationSourceActivationLead span,
.focusChurchillFinalizationSourceActivationGrid span,
.focusChurchillFinalizationSourceActivationGrid small {
  color: var(--muted);
  line-height: 1.4;
}

.focusChurchillFinalizationSourceActivationLead strong,
.focusChurchillFinalizationSourceActivationLead span,
.focusChurchillFinalizationSourceActivationGrid strong,
.focusChurchillFinalizationSourceActivationGrid span,
.focusChurchillFinalizationSourceActivationGrid small {
  overflow-wrap: anywhere;
}

.focusChurchillFinalizationSourceActivationActions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

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

.focusChurchillFinalizationSourceActivationGrid article {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.buildCandidateGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
  gap: 10px;
}

.buildCandidateItem {
  display: grid;
  min-width: 0;
  min-height: 118px;
  align-content: start;
  gap: 5px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-muted);
}

.buildCandidateItem span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
}

.buildCandidateItem span,
.buildCandidateItem strong,
.buildCandidateItem small,
.buildCandidateItem code {
  overflow-wrap: anywhere;
}

.buildCandidateItem small {
  color: var(--muted);
  line-height: 1.4;
}

.draftPanel {
  grid-column: 1 / -1;
}

.draftWorkflowStrip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.draftWorkflowItem {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface-muted);
  min-width: 0;
}

.draftWorkflowStep {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: var(--surface);
  color: var(--blue);
  font-weight: 800;
}

.draftWorkflowItem div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.draftWorkflowItem strong,
.draftWorkflowItem small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.draftWorkflowItem small {
  color: var(--muted);
  line-height: 1.35;
}

.draftOperatorGrid {
  display: grid;
  grid-template-columns: minmax(280px, 0.78fr) minmax(0, 1.22fr);
  gap: 16px;
  align-items: start;
}

.draftInputRail,
.draftReviewRail {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.draftInputRail .siteSetupPath,
.draftInputRail .templateDetail {
  margin-top: 0;
}

.draftInputRail .templateDetail {
  max-height: 720px;
  overflow: auto;
}

.draftReviewRail .jsonPreview {
  max-height: 420px;
  overflow: auto;
}

.siteDraftSummary {
  display: grid;
  gap: 14px;
}

.siteDraftSourcePanel {
  display: grid;
  gap: 10px;
}

.siteSetupPath {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.siteSetupPathHead {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

.siteSetupPathGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr));
  gap: 10px;
}

.siteSetupPathItem {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface-muted);
  min-width: 0;
}

.siteSetupPathItem div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.siteSetupPathItem span,
.siteSetupPathItem strong,
.siteSetupPathItem small {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.siteSetupPathItem strong {
  color: var(--ink);
}

.siteDraftSummary > *,
.siteDraftSummary .runSection > *,
.siteDraftSummary .detailItem,
.siteDraftSummary .acceptPlanItem,
.siteDraftSummary .configTarget,
.siteDraftSummary .candidateDraftReadiness,
.siteDraftSummary .candidateDraftReadinessRow,
.siteDraftSummary .candidateManualDraftBoundary,
.siteDraftSummary .candidateManualDraftBoundaryRow,
.siteDraftSummary .candidatePackageHandoff,
.siteDraftSummary .candidatePackageHandoffRow,
.siteDraftSummary .candidateOperatorPreflight,
.siteDraftSummary .candidateOperatorPreflightRow,
.siteDraftSummary .draftReviewPanel,
.siteDraftSummary .draftReviewPanelBody,
.siteDraftSummary .draftReviewPanelText,
.siteDraftSummary .exportPreviewItem,
.siteDraftSummary .lockedActionItem,
.siteDraftSummary .onboardingItem,
.siteDraftSummary .onboardingDevice,
.siteDraftSummary .siteDraftGeneratedGoNoGo,
.siteDraftSummary .siteDraftGeneratedGoNoGoRow,
.siteDraftSummary .siteDraftGeneratedPreflight,
.siteDraftSummary .siteDraftGeneratedPreflightRow,
.siteDraftSummary .siteDraftMetadataItem,
.siteDraftSummary .siteDraftOutcomeItem,
.siteDraftSummary .siteDraftOutcomeLead,
.siteDraftSummary .siteDraftPackageEvidenceItem,
.siteDraftSummary .siteDraftPackageRehearsalItem,
.siteDraftSummary .siteDraftPromotionItem,
.siteDraftSummary .siteDraftReviewNextAction,
.siteDraftSummary .siteDraftReviewReadinessItem,
.siteDraftSummary .sourceMapItem,
.siteDraftSummary .wizardReviewItem {
  min-width: 0;
}

.siteDraftSummary strong,
.siteDraftSummary span,
.siteDraftSummary code,
.siteDraftSummary li,
.siteDraftSummary small {
  overflow-wrap: anywhere;
}

.siteDraftSummary .statusChip {
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  text-align: center;
}

.siteDraftOutcomeStrip {
  display: grid;
  gap: 10px;
}

.siteDraftOutcomeLead {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  padding: 12px;
  border: 1px solid #bfd3dc;
  border-radius: 8px;
  background: var(--surface-muted);
}

.siteDraftOutcomeLead div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.siteDraftOutcomeLead span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
}

.siteDraftOutcomeLead small {
  color: var(--muted);
  line-height: 1.45;
}

.siteDraftOutcomeGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.siteDraftOutcomeItem {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface);
}

.siteDraftOutcomeItem div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.siteDraftOutcomeItem span {
  color: var(--muted);
  line-height: 1.4;
}

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

.siteDraftReviewFocus {
  display: grid;
  gap: 10px;
}

.siteDraftReviewFocusList {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.siteDraftReviewFocusItem {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface);
  min-width: 0;
}

.siteDraftReviewFocusItem div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.siteDraftReviewFocusItem span {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.siteDraftReviewReadiness {
  display: grid;
  gap: 10px;
}

.siteDraftReviewNextAction {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  padding: 12px;
  border: 1px solid #bfd3dc;
  border-radius: 8px;
  background: var(--surface-muted);
}

.siteDraftReviewNextAction div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.siteDraftReviewNextAction span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
}

.siteDraftReviewNextAction small {
  color: var(--muted);
  line-height: 1.45;
}

.siteDraftMetadataReview {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.siteDraftMetadataHeader {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.siteDraftMetadataHeader div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.siteDraftMetadataHeader span {
  color: var(--muted);
  line-height: 1.4;
}

.siteDraftMetadataSummary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(170px, 100%), 1fr));
  gap: 10px;
}

.siteDraftMetadataList {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.siteDraftMetadataItem {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface-muted);
  min-width: 0;
}

.siteDraftMetadataItem div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.siteDraftMetadataItem span,
.siteDraftMetadataItem small {
  color: var(--muted);
  line-height: 1.4;
}

.siteDraftPromotionHandoff {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.siteDraftPromotionHeader {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.siteDraftPromotionHeader div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.siteDraftPromotionHeader span {
  color: var(--muted);
  line-height: 1.4;
}

.siteDraftPromotionSummary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(170px, 100%), 1fr));
  gap: 10px;
}

.siteDraftPromotionList {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.siteDraftPromotionItem {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface-muted);
  min-width: 0;
}

.siteDraftPromotionItem div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.siteDraftPromotionItem span {
  color: var(--muted);
  line-height: 1.4;
}

.siteDraftPackageRehearsal {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.siteDraftPackageRehearsalHeader {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.siteDraftPackageRehearsalHeader div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.siteDraftPackageRehearsalHeader span {
  color: var(--muted);
  line-height: 1.4;
}

.siteDraftPackageRehearsalSummary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(170px, 100%), 1fr));
  gap: 10px;
}

.siteDraftPackageEvidenceSummary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.siteDraftPackageEvidenceItem {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface-muted);
  min-width: 0;
}

.siteDraftPackageEvidenceItem div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.siteDraftPackageEvidenceItem span {
  color: var(--muted);
  line-height: 1.4;
}

.siteDraftPackageRehearsalList {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.siteDraftPackageRehearsalItem {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface-muted);
  min-width: 0;
}

.siteDraftPackageRehearsalItem div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.siteDraftPackageRehearsalItem span {
  color: var(--muted);
  line-height: 1.4;
}

.acceptedSiteRehearsalOutcome {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid #bfd3dc;
  border-radius: 8px;
  background: var(--surface-muted);
}

.acceptedSiteRehearsalHeader {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.acceptedSiteRehearsalHeader div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.acceptedSiteRehearsalHeader span {
  color: var(--muted);
  line-height: 1.4;
}

.acceptedSiteRehearsalSummary,
.acceptedSiteRehearsalRows {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.acceptedSiteRehearsalRow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface);
  min-width: 0;
}

.acceptedSiteRehearsalRow div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.acceptedSiteRehearsalRow span {
  color: var(--muted);
  line-height: 1.4;
}

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

.siteDraftReviewReadinessGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.siteDraftReviewReadinessItem {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface);
  min-width: 0;
}

.siteDraftReviewReadinessItem div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.siteDraftReviewReadinessItem span {
  color: var(--muted);
  overflow-wrap: anywhere;
}

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

.wizardReviewList {
  display: grid;
  gap: 10px;
}

.exportPreviewList {
  display: grid;
  gap: 10px;
}

.reviewPackageList {
  display: grid;
  gap: 10px;
}

.validationProofBundle {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

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

.validationProofBundleItem {
  display: flex;
  min-height: 72px;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface-muted);
}

.operatorReviewResultItem {
  display: flex;
  min-height: 78px;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface);
}

.validationProofBundleItem div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.operatorReviewResultItem div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.validationProofBundleItem strong,
.validationProofBundleItem span,
.operatorReviewResultItem strong,
.operatorReviewResultItem span {
  overflow-wrap: anywhere;
}

.validationProofBundleItem span,
.operatorReviewResultItem span {
  color: var(--muted);
  line-height: 1.4;
}

.sourceTargetList {
  display: grid;
  gap: 10px;
}

.acceptPlanList {
  display: grid;
  gap: 10px;
}

.draftDiffList {
  display: grid;
  gap: 10px;
}

.reviewPackageItem,
.exportPreviewItem,
.wizardReviewItem {
  display: flex;
  min-height: 58px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.wizardReviewItem {
  min-height: 74px;
  align-items: flex-start;
}

.exportPreviewItem {
  min-height: 74px;
  align-items: flex-start;
}

.sourceTargetItem {
  display: flex;
  min-height: 74px;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.acceptPlanItem {
  display: flex;
  min-height: 74px;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.draftDiffItem {
  display: flex;
  min-height: 82px;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.reviewPackageItem div,
.exportPreviewItem div,
.wizardReviewItem div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.exportPreviewItem span,
.wizardReviewItem span {
  color: var(--muted);
  line-height: 1.4;
}

.exportPreviewJson {
  max-height: 460px;
}

.registryPackageJson {
  max-height: 520px;
}

.draftReviewStack {
  gap: 12px;
}

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

.draftReviewPanels {
  display: grid;
  gap: 10px;
}

.draftReviewPromotionPath {
  display: grid;
  gap: 10px;
  border: 1px solid #a9c3ce;
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.draftReviewPromotionPathIntro {
  display: grid;
  gap: 3px;
}

.draftReviewPromotionPathIntro span,
.draftReviewPromotionPathStep small {
  color: var(--muted);
  line-height: 1.4;
}

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

.draftReviewPromotionPathStep {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface-muted);
}

.draftReviewPromotionPathStep > span {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 50%;
  background: var(--info-bg);
  color: var(--blue);
  font-weight: 800;
}

.draftReviewPromotionPathStep div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.draftReviewPromotionPathStep strong,
.draftReviewPromotionPathStep small {
  overflow-wrap: anywhere;
}

.draftReviewPanel {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  overflow: hidden;
}

.draftReviewPanel[open] {
  border-color: #a9c3ce;
}

.draftReviewPanelSummary {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 62px;
  padding: 12px;
  cursor: pointer;
  list-style: none;
}

.draftReviewPanelSummary::-webkit-details-marker {
  display: none;
}

.draftReviewPanelSummary::before {
  content: "+";
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 50%;
  color: var(--blue);
  background: var(--surface-strong);
  font-weight: 800;
  line-height: 1;
}

.draftReviewPanel[open] > .draftReviewPanelSummary::before {
  content: "-";
}

.draftReviewPanelText {
  display: grid;
  gap: 3px;
}

.draftReviewPanelText small {
  color: var(--muted);
  line-height: 1.4;
}

.draftReviewPanelBody {
  display: grid;
  gap: 12px;
  padding: 0 12px 12px 46px;
}

.draftReviewPanelBody > * {
  min-width: 0;
}

.sourceTargetItem div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.sourceTargetItem strong,
.sourceTargetItem span,
.sourceTargetItem small {
  overflow-wrap: anywhere;
}

.acceptPlanItem div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.draftDiffItem div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.draftDiffItem small {
  color: var(--muted);
  line-height: 1.4;
}

.sourceTargetItem code {
  display: block;
  overflow-wrap: anywhere;
  color: var(--muted);
  font-size: 0.78rem;
}

.siteList,
.meetingList,
.peopleList,
.assignmentMeetingList,
.activityList,
.attentionList,
.commandOperatorPath,
.commandOperatorPathList,
.commandRolloutList,
.commandSiteEvidenceSummary,
.commandMeetingList,
.commandFinalizationProof,
.commandFinalizationList,
.boundaryList,
.artifactList,
.artifactGroupList,
.finalizationChecklist,
.configTargetList,
.onboardingChecklist,
.onboardingDeviceList,
.finalizationGrid {
  display: grid;
  gap: 10px;
}

.siteListGroup {
  display: grid;
  gap: 8px;
}

.siteListGroup + .siteListGroup {
  margin-top: 8px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
}

.siteListGroupHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: var(--muted);
  font-size: 0.74rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.siteRegistrySource,
.activitySource,
.assignmentSource,
.runSource,
.finalizationSource {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
  gap: 12px;
}

.peopleRoleCoverage {
  display: grid;
  gap: 12px;
}

.peopleOperationsSummary {
  display: grid;
  gap: 12px;
}

.peopleAccessHandoff {
  display: grid;
  gap: 12px;
}

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

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

.peopleOperationsSummaryItem {
  display: grid;
  min-width: 0;
  min-height: 106px;
  align-content: start;
  gap: 5px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-muted);
}

.peopleAccessHandoffItem {
  display: grid;
  min-width: 0;
  min-height: 164px;
  align-content: start;
  gap: 7px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-muted);
}

.peopleAccessHandoffItem div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.peopleOperationsSummaryItem span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
}

.peopleOperationsSummaryItem strong,
.peopleOperationsSummaryItem small {
  overflow-wrap: anywhere;
}

.peopleAccessHandoffItem strong,
.peopleAccessHandoffItem span,
.peopleAccessHandoffItem small,
.peopleAccessHandoffItem p,
.peopleAccessHandoffBoundary span,
.peopleAccessHandoffHeader span {
  overflow-wrap: anywhere;
}

.peopleOperationsSummaryItem small {
  color: var(--muted);
  line-height: 1.4;
}

.peopleAccessHandoffItem span,
.peopleAccessHandoffItem small,
.peopleAccessHandoffItem p,
.peopleAccessHandoffBoundary span,
.peopleAccessHandoffHeader span {
  color: var(--muted);
  line-height: 1.4;
}

.peopleAccessHandoffItem p {
  margin: 0;
}

.peopleOperationsSummarySource {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.peopleOperationsSummarySource div {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.peopleOperationsSummarySource span {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.peopleAccessHandoffHeader,
.peopleAccessHandoffBoundary {
  display: grid;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.peopleAccessHandoffHeader {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
}

.peopleAccessHandoffHeader div {
  display: grid;
  min-width: 0;
  gap: 4px;
}

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

.peopleRoleCoverageItem {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-height: 132px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-strong);
}

.meetingHostedReviewProof {
  display: grid;
  min-width: 0;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-muted);
}

.meetingHostedReviewHeader {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.meetingHostedReviewHeader div {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.meetingHostedReviewHeader span {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.peopleRoleCoverageItem div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.peopleRoleCoverageItem span,
.peopleRoleCoverageItem small,
.peopleRoleCoverageSource span {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.peopleRoleCoverageSource {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.peopleRoleCoverageSource span {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 5px 8px;
  background: var(--surface);
  font-size: 0.8rem;
}

.participantHostedReviewProof {
  display: grid;
  min-width: 0;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--success-bg);
}

.participantHostedReviewHeader {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.participantHostedReviewHeader div {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.participantHostedReviewHeader span {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

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

.siteRegistryLaunchGate div {
  display: grid;
  min-width: 0;
  min-height: 86px;
  align-content: start;
  gap: 4px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface-muted);
}

.siteRegistryLaunchGate span {
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 700;
  text-transform: uppercase;
}

.siteRegistryLaunchGate strong,
.siteRegistryLaunchGate small {
  overflow-wrap: anywhere;
}

.siteRegistryLaunchGate small {
  color: var(--muted);
  line-height: 1.4;
}

.siteOwnershipBlock {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

.clientProducerOperations {
  display: grid;
  gap: 12px;
}

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

.clientProducerOperationsItem {
  display: grid;
  min-width: 0;
  min-height: 106px;
  align-content: start;
  gap: 5px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-muted);
}

.clientProducerOperationsItem span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
}

.clientProducerOperationsItem strong,
.clientProducerOperationsItem small {
  overflow-wrap: anywhere;
}

.clientProducerOperationsItem small {
  color: var(--muted);
  line-height: 1.4;
}

.clientProducerOperationsSource {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.clientProducerOperationsSource div {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.clientProducerOperationsSource span {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.noCodeSiteSetupOperations {
  display: grid;
  gap: 12px;
}

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

.noCodeSiteSetupOperationsItem {
  display: grid;
  min-width: 0;
  min-height: 106px;
  align-content: start;
  gap: 5px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-muted);
}

.noCodeSiteSetupOperationsItem span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
}

.noCodeSiteSetupOperationsItem strong,
.noCodeSiteSetupOperationsItem small,
.noCodeSiteSetupOperationsSource span,
.noCodeSiteSetupOperationsHandoff span {
  overflow-wrap: anywhere;
}

.noCodeSiteSetupOperationsItem small,
.noCodeSiteSetupOperationsSource span,
.noCodeSiteSetupOperationsHandoff span {
  color: var(--muted);
  line-height: 1.4;
}

.noCodeSiteSetupOperationsSource,
.noCodeSiteSetupOperationsHandoff {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.noCodeSiteSetupOperationsSource div,
.noCodeSiteSetupOperationsHandoff div {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.noCodeSiteSetupOperationsHandoffActions {
  align-content: start;
  justify-items: end;
}

.siteOwnershipGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

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

.siteOwnershipItem {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-height: 108px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-strong);
}

.siteOwnershipPanel .siteOwnershipItem {
  min-height: 88px;
  gap: 8px;
  padding: 10px;
}

.siteOwnershipItem div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.siteOwnershipPanel .siteOwnershipItem div {
  gap: 3px;
}

.siteOwnershipItem span,
.siteOwnershipItem small,
.siteOwnershipSource span {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.siteOwnershipSource {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.siteOwnershipSource span {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 5px 8px;
  background: var(--surface);
  font-size: 0.8rem;
}

.siteOwnershipPanel .siteOwnershipSource {
  gap: 6px;
}

.siteOwnershipPanel .siteOwnershipSource span {
  border-radius: 8px;
  padding: 4px 7px;
  font-size: 0.76rem;
}

.siteRegistryGuardrails,
.activityGuardrails,
.assignmentGuardrails,
.runGuardrails,
.finalizationGuardrails {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
  gap: 8px;
}

.siteRegistryGuardrails span,
.activityGuardrails span,
.assignmentGuardrails span,
.runGuardrails span,
.finalizationGuardrails span {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 8px 10px;
  color: var(--muted);
  background: var(--surface-muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.activityHostedReviewProof {
  display: grid;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.activityHostedReviewHeader {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.activityHostedReviewHeader div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.activityHostedReviewHeader span {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.activityOperationsSummary {
  display: grid;
  gap: 12px;
}

.activityNotificationHandoff {
  display: grid;
  gap: 12px;
}

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

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

.activityOperationsSummaryItem {
  display: grid;
  min-width: 0;
  min-height: 96px;
  align-content: start;
  gap: 5px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.activityNotificationHandoffItem {
  display: grid;
  min-width: 0;
  min-height: 164px;
  align-content: start;
  gap: 7px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.activityNotificationHandoffItem div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.activityOperationsSummaryItem span {
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 700;
  text-transform: uppercase;
}

.activityOperationsSummaryItem strong,
.activityOperationsSummaryItem small,
.activityOperationsSummarySource span,
.activityNotificationHandoffItem strong,
.activityNotificationHandoffItem span,
.activityNotificationHandoffItem small,
.activityNotificationHandoffItem p,
.activityNotificationHandoffBoundary span,
.activityNotificationHandoffHeader span {
  overflow-wrap: anywhere;
}

.activityOperationsSummaryItem small,
.activityOperationsSummarySource span,
.activityNotificationHandoffItem span,
.activityNotificationHandoffItem small,
.activityNotificationHandoffItem p,
.activityNotificationHandoffBoundary span,
.activityNotificationHandoffHeader span {
  color: var(--muted);
  line-height: 1.4;
}

.activityNotificationHandoffItem p {
  margin: 0;
}

.activityOperationsSummarySource {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-muted);
}

.activityOperationsSummarySource div {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.activityNotificationHandoffHeader,
.activityNotificationHandoffBoundary {
  display: grid;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-muted);
}

.activityNotificationHandoffHeader {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
}

.activityNotificationHandoffHeader div {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.finalizationReviewTarget {
  display: grid;
  gap: 10px;
}

.finalizationOperationalSummary {
  display: grid;
  gap: 10px;
}

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

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

.finalizationReviewTargetItem {
  display: grid;
  min-width: 0;
  min-height: 96px;
  align-content: start;
  gap: 5px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.finalizationOperationalSummaryItem {
  display: grid;
  min-width: 0;
  min-height: 96px;
  align-content: start;
  gap: 5px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.finalizationReviewTargetItem span {
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 700;
  text-transform: uppercase;
}

.finalizationOperationalSummaryItem span {
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 700;
  text-transform: uppercase;
}

.finalizationReviewTargetItem strong,
.finalizationReviewTargetItem small,
.finalizationOperationalSummaryItem strong,
.finalizationOperationalSummaryItem small,
.finalizationOperationalSummarySource span,
.finalizationReviewTargetActions span {
  overflow-wrap: anywhere;
}

.finalizationReviewTargetItem small,
.finalizationOperationalSummaryItem small,
.finalizationOperationalSummarySource span,
.finalizationReviewTargetActions span {
  color: var(--muted);
  line-height: 1.4;
}

.finalizationOperationalSummarySource {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface-muted);
}

.finalizationOperationalSummarySource span {
  flex: 1 1 220px;
}

.finalizationReviewTargetActions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface-muted);
}

.finalizationReviewTargetActions span:last-child {
  flex: 1 1 260px;
}

.meetingOperationsSummary {
  display: grid;
  gap: 12px;
}

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

.meetingOperationsSummaryItem {
  display: grid;
  min-width: 0;
  min-height: 96px;
  align-content: start;
  gap: 5px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.meetingOperationsSummaryItem span {
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 700;
  text-transform: uppercase;
}

.meetingOperationsSummaryItem strong,
.meetingOperationsSummaryItem small,
.meetingOperationsSummarySource span {
  overflow-wrap: anywhere;
}

.meetingOperationsSummaryItem small,
.meetingOperationsSummarySource span {
  color: var(--muted);
  line-height: 1.4;
}

.meetingOperationsSummarySource {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-muted);
}

.meetingOperationsSummarySource div {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.meetingSchedule {
  display: grid;
  gap: 12px;
}

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

.meetingScheduleSummary article,
.meetingScheduleBoundary,
.meetingScheduleItem {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.meetingScheduleSummary article {
  display: grid;
  min-width: 0;
  min-height: 86px;
  align-content: start;
  gap: 5px;
  padding: 12px;
}

.meetingScheduleSummary span {
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 700;
  text-transform: uppercase;
}

.meetingScheduleSummary strong,
.meetingScheduleSummary small,
.meetingScheduleBoundary span,
.meetingScheduleItem strong,
.meetingScheduleItem small {
  overflow-wrap: anywhere;
}

.meetingScheduleSummary small,
.meetingScheduleBoundary span,
.meetingScheduleItem small {
  color: var(--muted);
  line-height: 1.4;
}

.meetingScheduleBoundary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  padding: 12px;
  background: var(--surface-muted);
}

.meetingScheduleList {
  display: grid;
  gap: 8px;
}

.meetingScheduleItem {
  display: grid;
  width: 100%;
  grid-template-columns: minmax(90px, 0.18fr) minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  padding: 12px;
  color: var(--ink);
  text-align: left;
}

.meetingScheduleItem:hover,
.meetingScheduleItem.selected {
  border-color: var(--orange);
  background: var(--surface-warm);
}

.meetingScheduleItem > span {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.meetingScheduleDate strong {
  color: var(--orange-deep);
}

.meetingScheduleMeta {
  justify-items: end;
}

.meetingCalendarToolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface);
}

.meetingCalendarWriteActions {
  display: flex;
  grid-column: 1 / -1;
  justify-content: flex-end;
  gap: 8px;
  border-top: 1px solid var(--line);
  padding-top: 10px;
}

.meetingWriteDialog {
  width: min(720px, calc(100vw - 32px));
  max-height: calc(100vh - 32px);
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0;
  color: var(--ink);
  background: var(--surface);
  box-shadow: 0 24px 70px rgba(24, 24, 24, 0.28);
}

.meetingWriteDialog::backdrop {
  background: rgba(35, 38, 40, 0.66);
}

.meetingWriteForm {
  display: grid;
  gap: 16px;
  padding: 20px;
}

.meetingWriteDialogHeader,
.meetingWriteActions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.meetingWriteDialogHeader > div {
  display: grid;
  gap: 3px;
}

.meetingWriteDialogHeader span,
.meetingWriteField span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
}

.meetingWriteDialogHeader h3 {
  margin: 0;
  font-size: 1.25rem;
}

.meetingWriteFields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.meetingWriteField {
  display: grid;
  gap: 6px;
}

.meetingWriteFieldWide {
  grid-column: 1 / -1;
}

.meetingWriteField input,
.meetingWriteField select,
.meetingWriteField textarea {
  width: 100%;
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 9px 10px;
  color: var(--ink);
  background: var(--surface);
  font: inherit;
}

.meetingWriteField textarea {
  resize: vertical;
}

.meetingWriteFeedback {
  min-height: 22px;
  color: var(--red);
  font-size: 0.88rem;
  font-weight: 700;
}

.edgeCredentialResult {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--orange);
  border-radius: 8px;
  background: var(--surface-warm);
}

.edgeCredentialResult[hidden] {
  display: none;
}

.edgeCredentialResult > div:first-child {
  display: grid;
  gap: 4px;
}

.edgeCredentialResult small {
  color: var(--muted);
}

.edgeCredentialValue {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}

.edgeCredentialValue input {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 9px 10px;
  font: inherit;
}

.meetingWriteActions {
  border-top: 1px solid var(--line);
  padding-top: 14px;
}

.meetingWriteActions > span {
  flex: 1;
}

.meetingWriteDelete {
  border-color: #e5b5b0;
  color: var(--red);
}

.peopleDirectoryActions,
.personCardActions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.peopleWriteChoices {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.peopleWriteChoice {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 8px 10px;
  background: var(--surface);
}

.peopleWriteChoice input {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: var(--orange);
}

.peopleWriteBoundary {
  border-left: 3px solid var(--orange);
  padding: 8px 10px;
  color: var(--muted);
  background: var(--surface-muted);
  font-size: 0.88rem;
  line-height: 1.4;
}

.meetingCalendarNavigation,
.meetingCalendarViewTabs {
  display: flex;
  min-width: 0;
  gap: 6px;
  align-items: center;
}

.meetingCalendarViewTabs {
  justify-content: flex-end;
}

.meetingCalendarNavigation .iconButton {
  min-width: 38px;
  font-size: 1.35rem;
}

.meetingCalendarViewTabs button {
  min-height: 38px;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 0 13px;
  color: var(--muted);
  background: var(--surface-muted);
  font-weight: 700;
}

.meetingCalendarViewTabs button:hover,
.meetingCalendarViewTabs button.active {
  border-color: var(--orange);
  color: var(--ink);
  background: var(--surface-warm);
}

.meetingCalendarRangeTitle {
  text-align: center;
}

.meetingCalendarScrollCue {
  display: none;
  margin: 0;
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 700;
}

.meetingCalendarScroller {
  width: 100%;
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.meetingCalendarMonth {
  display: grid;
  min-width: 760px;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.meetingCalendarWeekday {
  padding: 9px;
  border-bottom: 1px solid var(--line);
  color: var(--muted);
  background: var(--surface-muted);
  font-size: 0.76rem;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
}

.meetingCalendarDay {
  min-height: 126px;
  padding: 8px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: var(--surface);
}

.meetingCalendarDay:nth-child(7n) {
  border-right: 0;
}

.meetingCalendarDay.outside {
  color: #a3a6a8;
  background: var(--surface-muted);
}

.meetingCalendarDay.today {
  box-shadow: inset 0 0 0 2px var(--orange);
}

.meetingCalendarDayNumber {
  display: inline-flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 0.82rem;
  font-weight: 800;
}

.meetingCalendarDay.today .meetingCalendarDayNumber {
  color: #ffffff;
  background: var(--orange);
}

.meetingCalendarDayEvents,
.meetingCalendarSingleDayEvents {
  display: grid;
  gap: 6px;
  margin-top: 6px;
}

.meetingCalendarEvent {
  display: grid;
  width: 100%;
  min-width: 0;
  gap: 2px;
  border: 1px solid #f2c78d;
  border-radius: 6px;
  padding: 7px;
  color: var(--ink);
  background: var(--surface-warm);
  text-align: left;
}

.meetingCalendarEvent:hover,
.meetingCalendarEvent.selected {
  border-color: var(--orange);
  background: var(--surface-warm);
}

.meetingCalendarEvent span,
.meetingCalendarEvent small {
  color: var(--muted);
  font-size: 0.7rem;
}

.meetingCalendarEvent strong {
  overflow-wrap: anywhere;
  font-size: 0.8rem;
  line-height: 1.25;
}

.meetingCalendarEvent .statusChip {
  width: fit-content;
  margin-top: 3px;
  font-size: 0.62rem;
}

.meetingCalendarWeek {
  display: grid;
  min-width: 840px;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.meetingCalendarWeekDay {
  min-height: 260px;
  padding: 9px;
  border-right: 1px solid var(--line);
}

.meetingCalendarWeekDay:last-child {
  border-right: 0;
}

.meetingCalendarWeekDay header,
.meetingCalendarSingleDay header {
  display: grid;
  gap: 3px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--line);
}

.meetingCalendarWeekDay header span,
.meetingCalendarSingleDay header span {
  color: var(--muted);
  font-size: 0.74rem;
  font-weight: 800;
  text-transform: uppercase;
}

.meetingCalendarNoEvents {
  padding: 8px 2px;
  color: var(--muted);
  font-size: 0.78rem;
}

.meetingCalendarSingleDay {
  display: grid;
  grid-template-columns: minmax(150px, 0.25fr) minmax(0, 1fr);
  gap: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: var(--surface);
}

.meetingCalendarSingleDayEvents {
  margin-top: 0;
}

.siteButton,
.meetingItem,
.assignmentMeetingButton,
.commandRolloutItem,
.commandMeetingItem,
.commandFinalizationItem,
.attentionItem {
  display: flex;
  width: 100%;
  min-height: 66px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--ink);
  background: var(--surface);
  text-align: left;
}

.siteButton:hover,
.siteButton.selected,
.meetingItem:hover,
.meetingItem.selected,
.assignmentMeetingButton:hover,
.assignmentMeetingButton.selected,
.finalizationCard:hover,
.finalizationCard.selected {
  border-color: #8bb8c9;
  background: var(--info-bg);
}

.siteButton span,
.meetingItem span,
.assignmentMeetingButton span,
.commandRolloutItem div,
.commandMeetingItem div,
.commandFinalizationItem div,
.attentionItem div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.siteButton strong,
.siteButton small,
.meetingItem strong,
.meetingItem small,
.commandRolloutItem strong,
.commandRolloutItem span,
.commandRolloutItem small,
.commandMeetingItem strong,
.commandMeetingItem span,
.commandMeetingItem small,
.commandFinalizationItem strong,
.commandFinalizationItem span,
.commandFinalizationItem small,
.attentionItem strong,
.attentionItem span,
.attentionItem small {
  overflow-wrap: anywhere;
}

.siteButtonReason,
.siteButtonOwnership {
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.siteButtonOwnership {
  font-weight: 700;
}

.siteButtonMeta {
  flex: 0 0 auto;
  justify-items: end;
  min-width: 120px;
}

.siteButtonMeta small {
  line-height: 1.35;
  text-align: right;
}

.siteButtonEdgeRoles {
  font-weight: 700;
}

.meetingItem {
  flex-wrap: wrap;
}

.meetingSelectButton {
  display: flex;
  flex: 1 1 220px;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 0;
  padding: 0;
  color: inherit;
  background: transparent;
  text-align: left;
}

.meetingSelectButton:focus-visible,
.meetingFinalizationButton:focus-visible,
.meetingHandoffButton:focus-visible {
  outline: 2px solid var(--teal);
  outline-offset: 3px;
}

.meetingFinalizationButton,
.meetingHandoffButton,
.meetingStaffingButton {
  display: grid;
  flex: 0 0 auto;
  gap: 2px;
  justify-items: start;
  line-height: 1.2;
}

.meetingFinalizationButton small,
.meetingHandoffButton small {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 700;
}

.assignmentNavigationContext {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid var(--orange);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-warm);
}

.assignmentNavigationContext div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.assignmentNavigationContext span,
.assignmentNavigationContext small {
  color: var(--muted);
}

.assignmentNavigationContext strong,
.assignmentNavigationContext small {
  overflow-wrap: anywhere;
}

.assignmentNavigationContext .button {
  flex: 0 0 auto;
}

.meetingButtonReason,
.meetingProducerSummary,
.meetingHandoffPreview {
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.meetingProducerSummary {
  font-weight: 700;
}

.meetingHandoffPreview {
  color: var(--blue);
  font-weight: 700;
}

.meetingButtonMeta {
  flex: 0 0 auto;
  justify-items: end;
  min-width: 128px;
}

.meetingButtonMeta small {
  color: var(--muted);
  line-height: 1.35;
  text-align: right;
}

.commandOperatorPathPanel,
.commandChurchillPathPanel,
.commandCompletionCuePanel,
.commandOperationReadinessPanel,
.commandHostedProofPanel,
.commandRolloutPanel,
.commandSiteEvidencePanel,
.commandMeetingPanel,
.commandFinalizationPanel {
  display: grid;
  gap: 14px;
}

.commandChurchillPathPanel {
  border-color: rgba(242, 140, 24, 0.42);
  background: linear-gradient(135deg, #2b241a 0%, #1b1e21 62%, #25292d 100%);
}

.commandOperatorPathPanel {
  border-color: #8bb8c9;
  background: var(--surface-muted);
}

.commandCompletionCuePanel {
  border-color: #9bb7a6;
  background: var(--success-bg);
}

.commandCompletionCue {
  display: grid;
  gap: 10px;
}

.commandCompletionCueLead {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.commandCompletionCueLead div:first-child {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.commandCompletionCueLead strong,
.commandCompletionCueLead span {
  overflow-wrap: anywhere;
}

.commandCompletionCueLead span,
.commandCompletionCueSource span {
  color: var(--muted);
  line-height: 1.4;
}

.commandCompletionCueActions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.commandCompletionCueGrid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.commandCompletionCueGrid .detailItem span,
.commandCompletionCueGrid .detailItem strong,
.commandCompletionCueGrid .detailItem small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.commandCompletionCueSource {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-muted);
}

.commandCompletionCueSource span {
  flex: 1 1 260px;
  overflow-wrap: anywhere;
}

.commandDailySplit {
  align-items: start;
}

.commandChurchillPath {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.commandChurchillPathHero {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: flex-start;
  justify-content: space-between;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.commandChurchillPathHero > div:first-child,
.commandChurchillPathCard div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.commandChurchillPathHero span,
.commandChurchillPathHero small,
.commandChurchillPathCard span,
.commandChurchillPathCard small,
.commandChurchillPathBoundary span {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.commandChurchillPathHero > div:first-child > span,
.commandChurchillPathCard span {
  color: var(--orange-deep);
  font-size: 0.76rem;
  font-weight: 800;
  text-transform: uppercase;
}

.commandChurchillPathHero strong {
  color: var(--ink);
  font-size: 1.24rem;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.commandChurchillPathHeroMeta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
}

.commandChurchillPathHeroMeta span:not(.statusChip) {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 4px 9px;
  background: var(--surface-warm);
  font-size: 0.78rem;
  font-weight: 700;
}

.commandChurchillPathGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
  gap: 10px;
}

.commandChurchillPathCard {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  min-width: 0;
  min-height: 148px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.commandChurchillPathCard strong {
  overflow-wrap: anywhere;
}

.commandChurchillPathActions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.commandChurchillPathBoundary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-muted);
}

.commandChurchillPathBoundary span {
  flex: 1 1 260px;
}

.commandReviewDeck {
  display: grid;
  gap: 16px;
  border-top: 1px solid var(--line);
  padding-top: 16px;
}

.commandReviewDeck > .panel {
  background: var(--surface-muted);
}

.commandReviewDeck .panelHead h3 {
  font-size: 0.98rem;
}

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

.commandOperatorPathItem {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
  min-height: 164px;
  align-content: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.commandOperatorStep {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 999px;
  color: #ffffff;
  background: var(--teal);
  font-size: 0.84rem;
  font-weight: 800;
}

.commandOperatorPathBody {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.commandOperatorPathBody span {
  color: var(--muted);
  line-height: 1.4;
}

.commandOperatorPathBody strong,
.commandOperatorPathBody span {
  overflow-wrap: anywhere;
}

.commandOperatorPathActions {
  display: flex;
  grid-column: 1 / -1;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
}

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

.commandOperatorPathContextItem {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface);
}

.commandOperatorPathContextItem div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.commandOperatorPathContextItem strong,
.commandOperatorPathContextItem span {
  overflow-wrap: anywhere;
}

.commandOperatorPathContextItem span {
  color: var(--muted);
  line-height: 1.35;
}

.commandOperatorPathSource {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-muted);
}

.commandOperatorPathSource span {
  flex: 1 1 260px;
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.commandOperationReadinessSummary {
  display: grid;
  gap: 10px;
}

.commandOperationDecisionStrip {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.4fr);
  gap: 10px;
  align-items: stretch;
}

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

.commandOperationDecisionCounts div {
  min-height: 72px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface);
}

.commandOperationDecisionCounts span,
.commandOperationDecisionCounts strong {
  display: block;
}

.commandOperationDecisionCounts span {
  color: var(--muted);
}

.commandOperationDecisionCounts strong {
  margin-top: 8px;
  color: var(--ink);
  font-size: 1.18rem;
}

.commandOperationDecisionHold {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface);
}

.commandOperationDecisionHold div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.commandOperationDecisionHold span,
.commandOperationDecisionHold small {
  color: var(--muted);
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.commandOperationDecisionHold strong {
  overflow-wrap: anywhere;
}

.commandOperationReadinessGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(188px, 100%), 1fr));
  gap: 10px;
}

.commandOperationReadinessItem {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-height: 156px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.commandOperationReadinessItem div:first-child {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.commandOperationReadinessItem span,
.commandOperationReadinessSource span {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.commandOperationReadinessItem strong {
  overflow-wrap: anywhere;
}

.commandOperationReadinessActions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.commandOperationReadinessSource {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-muted);
}

.commandOperationReadinessSource span {
  flex: 1 1 260px;
}

.commandHostedProofSummary {
  display: grid;
  gap: 10px;
}

.commandHostedProofGrid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.commandHostedProofGrid .detailItem span,
.commandHostedProofGrid .detailItem strong,
.commandHostedProofGrid .detailItem small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.commandHostedProofSource {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-muted);
}

.commandHostedProofSource span {
  flex: 1 1 260px;
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

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

.commandRolloutSummary,
.commandMeetingSummary,
.commandFinalizationSummary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.commandRolloutSummary .detailItem,
.commandMeetingSummary .detailItem,
.commandFinalizationSummary .detailItem {
  min-height: 82px;
}

.commandRolloutItem,
.commandSiteEvidenceItem,
.commandMeetingItem,
.commandFinalizationItem {
  align-items: flex-start;
}

.commandSiteEvidenceItem {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  min-height: 118px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.commandSiteEvidenceItem div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.commandSiteEvidenceItem span {
  color: var(--muted);
  line-height: 1.4;
}

.commandSiteEvidenceItem strong,
.commandSiteEvidenceItem span {
  overflow-wrap: anywhere;
}

.commandSiteEvidenceBoundary {
  grid-column: 1 / -1;
}

.commandFinalizationProofItem {
  border-color: #8bb8c9;
  background: var(--surface-muted);
}

.commandRolloutItem small,
.commandMeetingItem small,
.commandFinalizationItem small {
  color: var(--muted);
  line-height: 1.4;
}

.commandRolloutBlocker {
  overflow-wrap: anywhere;
}

.commandRolloutActions,
.commandSiteEvidenceActions,
.commandMeetingActions,
.commandFinalizationActions {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.commandSiteEvidenceActions {
  grid-column: 1 / -1;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-muted);
}

.commandSiteEvidenceActions span {
  flex: 1 1 260px;
  color: var(--muted);
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.operatorShortcutTarget {
  flex: 1 1 100%;
  color: var(--muted);
  line-height: 1.35;
  text-align: right;
  overflow-wrap: anywhere;
}

.personCard {
  display: grid;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 13px;
  background: var(--surface);
}

.personCard p {
  margin: 0;
  color: var(--muted);
  line-height: 1.4;
}

.personCard small,
.personTop span,
.assignmentRoleItem span,
.assignmentRoleItem small {
  color: var(--muted);
}

.personTop,
.assignmentRoleItem {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.personTop div,
.assignmentRoleItem div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

@media (max-width: 640px) {
  .peopleWriteChoices {
    grid-template-columns: 1fr;
  }
}

.rolePillRow {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.rolePillRow span {
  border-radius: 8px;
  padding: 6px 8px;
  color: var(--blue);
  background: var(--info-bg);
  font-size: 0.8rem;
  font-weight: 700;
}

.assignmentMeetingList {
  margin-bottom: 14px;
}

.assignmentBox,
.assignmentRoleList {
  display: grid;
  gap: 12px;
}

.assignmentRoleItem {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface-muted);
}

.assignmentRoleActions {
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 auto;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
}

.siteDeviceInventoryActions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.activityItem {
  display: grid;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 13px;
  background: var(--surface);
}

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

.activityDeliveryBoundaryItem {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-height: 96px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-strong);
}

.activityDeliveryBoundaryItem div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.activityDeliveryBoundaryItem span,
.activityDeliveryBoundaryItem small {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.activityTop {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.activityTop div:first-child {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.activityTop span,
.activityMeta span,
.activityItem p {
  color: var(--muted);
}

.activityItem p {
  margin: 0;
  line-height: 1.45;
}

.activityChips,
.activityMeta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.activityRunSourceTarget {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.activityRunSourceTarget span {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 8px 10px;
  color: var(--muted);
  background: var(--surface-muted);
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.activityActions,
.attentionActions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.activityMeta span {
  border-radius: 8px;
  padding: 6px 8px;
  background: var(--surface-strong);
  font-size: 0.8rem;
  font-weight: 700;
}

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

.detailItem {
  display: grid;
  min-width: 0;
  min-height: 68px;
  align-content: start;
  gap: 5px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-strong);
}

.detailItem strong {
  overflow-wrap: anywhere;
}

.completionEvidenceHash code {
  color: var(--text);
  font-size: 0.8rem;
  overflow-wrap: anywhere;
  white-space: normal;
}

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

.siteDetailPanel .detailItem {
  min-height: 58px;
  gap: 4px;
  padding: 10px;
}

.siteDetailPanel .detailItem span {
  font-size: 0.78rem;
}

.siteDetailPanel .detailItem strong {
  font-size: 0.9rem;
  line-height: 1.25;
}

.draftForm {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.draftInputRail .draftForm {
  grid-template-columns: 1fr;
}

.draftForm label {
  display: grid;
  gap: 6px;
}

.draftForm label span {
  color: var(--muted);
  font-size: 0.84rem;
  font-weight: 700;
}

.draftForm input,
.draftForm select {
  width: 100%;
  min-height: 40px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 8px 10px;
  color: var(--ink);
  background: var(--surface);
}

.draftForm .checkLine {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding-top: 20px;
}

.draftForm .checkLine input {
  width: 18px;
  min-height: 18px;
}

.templateDetail {
  display: grid;
  gap: 12px;
  min-width: 0;
  margin-top: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  color: var(--ink);
  background: var(--surface-strong);
}

.templateDetail span,
.templateDetail small {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.selectedTemplatePreflight {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.templatePreflightHeader {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.templatePreflightHeader div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.templatePreflightHeader span {
  color: var(--muted);
  line-height: 1.4;
}

.draftPreflightSummary {
  display: grid;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface);
}

.draftPreflightSummaryTop {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.draftPreflightSummaryTop div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.draftPreflightSummaryTop span {
  color: var(--muted);
  line-height: 1.4;
}

.draftPreflightCounts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(120px, 100%), 1fr));
  gap: 8px;
}

.draftPreflightCounts div {
  display: grid;
  min-width: 0;
  min-height: 54px;
  align-content: center;
  gap: 3px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 8px;
  background: var(--surface-strong);
}

.draftPreflightCounts span {
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 700;
}

.templatePreflightSummary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(120px, 100%), 1fr));
  gap: 8px;
}

.templatePreflightSummary div {
  display: grid;
  min-width: 0;
  min-height: 58px;
  align-content: center;
  gap: 3px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 8px;
  background: var(--surface);
}

.templatePreflightSummary span,
.templatePreflightSummary strong,
.draftPreflightCounts span,
.draftPreflightCounts strong {
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.templatePreflightSummary strong,
.draftPreflightCounts strong {
  color: var(--ink);
  font-size: inherit;
}

.selectedTemplatePreflightList {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
  gap: 8px;
}

.selectedTemplatePreflightItem {
  display: flex;
  min-height: 76px;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface);
}

.selectedTemplatePreflightItem div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.selectedTemplatePreflightItem span {
  color: var(--muted);
  line-height: 1.4;
}

.siteIdPreflight {
  display: grid;
  gap: 8px;
}

.siteIdPreflightHeader {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.siteIdPreflightHeader div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.siteIdPreflightHeader span {
  color: var(--muted);
  line-height: 1.4;
}

.siteIdPreflightList {
  display: grid;
  gap: 8px;
}

.siteIdPreflightItem {
  display: flex;
  min-height: 70px;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface);
}

.siteIdPreflightItem div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.siteIdPreflightItem span {
  color: var(--muted);
  line-height: 1.4;
}

.edgePackagePreflight {
  display: grid;
  gap: 8px;
}

.edgePackagePreflightHeader {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.edgePackagePreflightHeader div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.edgePackagePreflightHeader span {
  color: var(--muted);
  line-height: 1.4;
}

.edgePackagePreflightList {
  display: grid;
  gap: 8px;
}

.edgePackagePreflightItem {
  display: flex;
  min-height: 82px;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface);
}

.edgePackagePreflightItem div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.edgePackagePreflightItem span,
.edgePackagePreflightItem small {
  color: var(--muted);
  line-height: 1.4;
}

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

.templateRequirementsGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
  gap: 12px;
}

.noCodeReadinessGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
  gap: 12px;
}

.templatePreviewCard {
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-muted);
}

.templateRequirementCard {
  display: grid;
  min-width: 0;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-muted);
}

.noCodeReadinessCard {
  display: grid;
  min-width: 0;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-muted);
}

.templatePreviewCard p {
  margin: 0;
  color: var(--muted);
  line-height: 1.4;
}

.templatePreviewTop,
.templateRequirementTop {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: flex-start;
}

.templatePreviewTop div,
.templateRequirementTop div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.templatePreviewTop span,
.templateRequirementTop span {
  color: var(--muted);
}

.templateRequirementSummary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(170px, 100%), 1fr));
  gap: 8px;
}

.noCodeReadinessSummary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(170px, 100%), 1fr));
  gap: 8px;
}

.templateRequirementSummary div {
  display: grid;
  min-width: 0;
  min-height: 58px;
  align-content: center;
  gap: 3px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 8px;
  background: var(--surface);
}

.noCodeReadinessSummary div {
  display: grid;
  min-width: 0;
  min-height: 58px;
  align-content: center;
  gap: 3px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 8px;
  background: var(--surface);
}

.templateRequirementSummary span,
.templateRequirementSummary strong {
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.noCodeReadinessSummary span,
.noCodeReadinessSummary strong {
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.templateRequirementSummary strong,
.noCodeReadinessSummary strong {
  color: var(--ink);
  font-size: inherit;
}

.templateRequirementList {
  display: grid;
  gap: 8px;
}

.noCodeReadinessList {
  display: grid;
  gap: 8px;
}

.templateRequirementItem {
  display: flex;
  min-height: 70px;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface);
}

.noCodeReadinessItem {
  display: flex;
  min-height: 78px;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface);
}

.templateRequirementItem div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.noCodeReadinessItem div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.templateRequirementItem span {
  color: var(--muted);
  line-height: 1.4;
}

.noCodeReadinessItem span {
  color: var(--muted);
  line-height: 1.4;
}

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

.detailGrid.compact .detailItem {
  min-height: 68px;
}

.sourcePreview {
  display: grid;
  gap: 6px;
}

.sourcePreview > span {
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 700;
}

.sourcePreview div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.sourcePreview div span {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 5px 7px;
  color: var(--ink);
  background: var(--surface);
  font-size: 0.82rem;
}

.button {
  display: inline-flex;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 8px 12px;
  color: var(--ink);
  background: var(--surface);
  font-weight: 700;
  line-height: 1.2;
  overflow-wrap: anywhere;
  text-decoration: none;
  text-align: center;
  white-space: normal;
}

.button.primary {
  color: #ffffff;
  border-color: var(--orange-deep);
  background: var(--orange);
}

.button.disabled {
  display: inline-flex;
  align-items: center;
  color: var(--muted);
  background: var(--surface-muted);
}

.button:disabled {
  color: var(--muted);
  background: var(--surface-muted);
}

.jsonPreview {
  min-width: 0;
  min-height: 180px;
  max-height: 320px;
  overflow: auto;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
  margin: 14px 0 0;
  border: 1px solid #c9d2d8;
  border-radius: 8px;
  padding: 12px;
  color: var(--ink);
  background: var(--surface-muted);
  font-size: 0.86rem;
  line-height: 1.45;
}

.requestPreviewAction {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.requestPreviewAction span {
  min-width: 0;
  color: var(--muted);
  line-height: 1.4;
}

.requestPreviewOperatorAudit {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 10px;
}

.requestPreviewOperatorAudit label {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.requestPreviewOperatorAudit span {
  color: var(--muted);
  font-size: 0.82rem;
}

.requestPreviewOperatorAudit input {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 8px 10px;
  color: var(--ink);
  background: var(--surface);
}

.requestPreviewOperatorAudit input:disabled {
  color: var(--muted);
  background: var(--surface-muted);
}

.requestPreviewResult {
  display: grid;
  gap: 4px;
  margin-top: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px 12px;
  background: var(--surface);
}

.requestPreviewResult.success {
  border-color: #89c2a2;
  background: var(--success-bg);
}

.requestPreviewResult.blocked {
  border-color: #d8b36f;
  background: var(--surface-warm);
}

.requestPreviewResult span,
.requestPreviewResult small {
  min-width: 0;
  color: var(--muted);
  overflow-wrap: anywhere;
}

.requestPreviewResultDetails {
  display: grid;
  gap: 10px;
  margin-top: 6px;
}

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

.requestPreviewResultGrid span,
.requestPreviewResultList {
  display: grid;
  gap: 4px;
  border: 1px solid #d6e7da;
  border-radius: 8px;
  padding: 8px 10px;
  background: rgba(27, 30, 33, 0.78);
}

.requestPreviewResultGrid strong,
.requestPreviewResultList strong {
  color: var(--ink);
  font-size: 0.84rem;
}

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

.requestPreviewResultList li {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  min-width: 0;
}

.requestPreviewResultList li span {
  min-width: 0;
  color: var(--ink);
}

.requestPreviewJson {
  min-height: 220px;
  max-height: 360px;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

.tableWrap {
  overflow-x: auto;
}

.deviceCheckinTable {
  margin-bottom: 16px;
}

.clerkCoverage,
.deviceStatusSource,
.deviceOperationalSummary,
.siteDeviceInventory,
.siteEdgeReadiness {
  display: grid;
  gap: 12px;
  margin-bottom: 16px;
}

.deviceStatusSource {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-muted);
}

.deviceStatusSourceTop {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.deviceStatusSourceTop div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.deviceStatusSourceTop span,
.deviceStatusSourceSectionHead span,
.deviceStatusSourceSectionHead small,
.deviceStatusSourceGrid span {
  color: var(--muted);
  line-height: 1.4;
}

.deviceStatusSourceSection {
  display: grid;
  gap: 10px;
}

.deviceStatusSourceSectionHead {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.deviceStatusSourceSectionHead div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.deviceStatusSourceSectionHead strong,
.deviceStatusSourceSectionHead small {
  display: block;
  overflow-wrap: anywhere;
}

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

.deviceStatusSourceGrid div {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface);
}

.deviceStatusSourceGrid span,
.deviceStatusSourceGrid strong {
  display: block;
}

.deviceStatusSourceGrid strong {
  margin-top: 6px;
  overflow-wrap: anywhere;
}

.deviceStatusExportProof {
  display: grid;
  gap: 10px;
}

.deviceStatusExportDecision {
  display: grid;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface);
}

.deviceStatusSelectedExportCue {
  display: grid;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface);
}

.deviceStatusSelectedExportChecklist {
  display: grid;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface-muted);
}

.deviceStatusExportProofGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
  gap: 10px;
}

.deviceStatusExportDecisionGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
  gap: 10px;
}

.deviceStatusSelectedExportCueGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
  gap: 10px;
}

.deviceStatusSelectedExportChecklistGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
  gap: 10px;
}

.deviceStatusExportProofItem {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  min-height: 112px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface);
}

.deviceStatusExportDecisionItem {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  min-height: 104px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface-muted);
}

.deviceStatusSelectedExportCueItem {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  min-height: 104px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface-muted);
}

.deviceStatusSelectedExportChecklistItem {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  min-height: 112px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface);
}

.deviceStatusExportProofItem div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.deviceStatusExportDecisionItem div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.deviceStatusSelectedExportCueItem div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.deviceStatusSelectedExportChecklistItem div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.deviceStatusExportProofItem span,
.deviceStatusExportDecisionItem span,
.deviceStatusSelectedExportCueItem span,
.deviceStatusSelectedExportChecklistItem span,
.deviceStatusExportBoundary span {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.deviceStatusExportProofItem strong,
.deviceStatusExportDecisionItem strong,
.deviceStatusSelectedExportCueItem strong,
.deviceStatusSelectedExportChecklistItem strong {
  overflow-wrap: anywhere;
}

.deviceStatusExportBoundary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  background: var(--surface);
}

.deviceStatusExportBoundary span {
  flex: 1 1 220px;
}

.deviceStatusExportBoundary code {
  display: inline-block;
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: normal;
}

.clerkCoverageSummary,
.deviceOperationalSummaryGrid,
.selectedSiteEdgeRoleSummaryGrid,
.siteDeviceInventorySummary,
.siteEdgeReadinessSummary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.churchillBaselineReference {
  display: grid;
  gap: 10px;
}

.churchillOperatorPage {
  display: grid;
  gap: 12px;
}

.churchillOperatorHero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
  border: 1px solid #f3c888;
  border-radius: 8px;
  padding: 14px;
  background: linear-gradient(135deg, #2b241a 0%, #1b1e21 58%);
}

.churchillOperatorHero > div:first-child,
.churchillOperatorHeroMeta,
.churchillOperatorCard > div {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.churchillOperatorHero span,
.churchillOperatorHero small,
.churchillOperatorHeroMeta span,
.churchillOperatorCard span,
.churchillOperatorCard small,
.churchillOperatorBoundary span {
  color: var(--muted);
  line-height: 1.4;
}

.churchillOperatorHero > div:first-child > span,
.churchillOperatorCard span {
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
}

.churchillOperatorHero strong {
  color: var(--ink);
  font-size: 1.34rem;
  line-height: 1.16;
}

.churchillOperatorHeroMeta {
  justify-items: end;
}

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

.churchillOperatorCard {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  min-width: 0;
  min-height: 124px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.churchillOperatorCard strong {
  color: var(--ink);
  line-height: 1.22;
  overflow-wrap: anywhere;
}

.churchillOperatorActions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.churchillOperatorBoundary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px 12px;
  background: var(--surface-muted);
}

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

.siteEdgeReadinessSource {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.clerkCoverageSummary div,
.churchillBaselineSummary div,
.deviceOperationalSummaryItem,
.selectedSiteEdgeRoleSummaryItem,
.siteDeviceInventorySummary div,
.siteEdgeReadinessSummary div,
.siteEdgeReadinessSource div {
  min-width: 0;
  min-height: 76px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  background: var(--surface-muted);
}

.clerkCoverageSummary span,
.clerkCoverageItem span,
.clerkCoverageItem small,
.churchillBaselineSummary span,
.churchillBaselineRow span,
.deviceOperationalSummaryItem span,
.deviceOperationalSummaryItem small,
.deviceOperationalSummarySource span,
.selectedSiteEdgeRoleSummaryItem span,
.selectedSiteEdgeRoleSummaryItem small,
.selectedSiteEdgeRoleSummaryItem strong,
.selectedSiteEdgeRoleSummarySource span,
.siteDeviceInventoryItem span,
.siteDeviceInventoryItem small,
.siteDeviceInventorySource span,
.siteDeviceInventorySummary span,
.siteEdgeReadinessSummary span,
.siteEdgeReadinessItem span,
.siteEdgeReadinessItem small,
.siteEdgeReadinessSource span,
.siteEdgeReadinessSource small {
  color: var(--muted);
}

.clerkCoverageSummary span,
.clerkCoverageSummary strong,
.churchillBaselineSummary span,
.churchillBaselineSummary strong,
.deviceOperationalSummaryItem span,
.deviceOperationalSummaryItem strong,
.selectedSiteEdgeRoleSummaryItem span,
.selectedSiteEdgeRoleSummaryItem strong,
.siteDeviceInventorySummary span,
.siteDeviceInventorySummary strong,
.siteEdgeReadinessSummary span,
.siteEdgeReadinessSummary strong,
.siteEdgeReadinessSource span,
.siteEdgeReadinessSource strong,
.siteEdgeReadinessSource small {
  display: block;
}

.clerkCoverageSummary strong,
.churchillBaselineSummary strong,
.deviceOperationalSummaryItem strong,
.selectedSiteEdgeRoleSummaryItem strong,
.siteDeviceInventorySummary strong,
.siteEdgeReadinessSummary strong {
  margin-top: 8px;
  color: var(--ink);
  font-size: 1.35rem;
}

.churchillBaselineRows {
  display: grid;
  gap: 10px;
}

.churchillBaselineRow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

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

.churchillBaselineRow span {
  line-height: 1.4;
}

.siteEdgeReadinessSource span,
.siteEdgeReadinessSource small {
  line-height: 1.4;
}

.siteEdgeReadinessSource strong {
  margin-top: 6px;
  overflow-wrap: anywhere;
}

.siteEdgeReadinessSource small {
  margin-top: 4px;
  overflow-wrap: anywhere;
}

.deviceOperationalSummarySource,
.selectedSiteEdgeRoleSummarySource,
.siteDeviceInventorySource {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  background: var(--surface);
}

.deviceOperationalSummarySource span,
.selectedSiteEdgeRoleSummarySource span,
.siteDeviceInventorySource span {
  flex: 1 1 220px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.selectedSiteEdgeRoleSummary {
  display: grid;
  min-width: 0;
  gap: 10px;
  margin-top: 12px;
}

.selectedSiteEdgeRoleSummaryGrid {
  min-width: 0;
}

.selectedSiteEdgeRoleSummaryItem span,
.selectedSiteEdgeRoleSummaryItem strong,
.selectedSiteEdgeRoleSummaryItem small {
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: normal;
}

.selectedSiteEdgeRoleSummary code {
  display: inline-block;
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: normal;
}

.selectedSiteEdgeRoleSummaryActions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.selectedSiteEdgeRoleSummaryActions .button {
  min-width: 160px;
}

.selectedSiteEdgeRoleSummaryActions span {
  flex: 1 1 260px;
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.clerkCoverageList,
.siteDeviceInventoryList,
.siteEdgeReadinessList {
  display: grid;
  gap: 10px;
}

.siteEdgeInstallHandoff {
  display: grid;
  gap: 10px;
}

.siteEdgeInstallList {
  display: grid;
  gap: 10px;
}

.clerkCoverageItem,
.siteDeviceInventoryItem,
.siteEdgeReadinessItem {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(240px, 1.25fr) auto;
  gap: 12px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.clerkCoverageItem div:first-child,
.siteDeviceInventoryItem div:first-child,
.siteEdgeReadinessItem div:first-child {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.clerkCoverageItem small,
.siteDeviceInventoryItem small,
.siteEdgeReadinessItem small {
  line-height: 1.4;
}

.clerkCoverageChecks,
.siteEdgeReadinessChecks {
  display: grid;
  gap: 6px;
}

.siteEdgeInstallItem {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  min-height: 76px;
  align-items: flex-start;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.siteEdgeInstallItem div {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.siteEdgeInstallItem span,
.siteEdgeInstallItem small,
.siteEdgeInstallItem code,
.siteEdgeInstallSource span {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.siteEdgeInstallItem code {
  font-size: 0.78rem;
}

.siteEdgeInstallSource {
  display: grid;
  gap: 8px;
}

.siteEdgeInstallSource span {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 8px 10px;
  background: var(--surface-muted);
}

.siteReadinessReasons {
  display: grid;
  gap: 10px;
}

.siteRolloutChecklist {
  display: grid;
  gap: 10px;
}

.siteReadinessReturnCue {
  display: grid;
  gap: 10px;
}

.realSiteRehearsal {
  display: grid;
  gap: 10px;
}

.siteSetupEvidence {
  display: grid;
  gap: 10px;
}

.siteCompleteOperationReadiness {
  display: grid;
  gap: 10px;
}

.siteRolloutChecklistGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

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

.siteCompleteOperationSummary div {
  min-height: 76px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  background: var(--surface-strong);
}

.siteCompleteOperationSummary span,
.siteCompleteOperationSummary strong {
  display: block;
}

.siteCompleteOperationSummary span {
  color: var(--muted);
}

.siteCompleteOperationSummary strong {
  margin-top: 8px;
  color: var(--ink);
  font-size: 1.25rem;
  overflow-wrap: anywhere;
}

.siteCompleteOperationDecision {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-muted);
}

.siteCompleteOperationDecision div {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.siteCompleteOperationDecision span,
.siteCompleteOperationDecision small,
.siteCompleteOperationItem span,
.siteCompleteOperationItem small,
.siteCompleteOperationSource span {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.siteCompleteOperationDecision strong,
.siteCompleteOperationItem strong {
  overflow-wrap: anywhere;
}

.siteCompleteOperationRows {
  display: grid;
  gap: 10px;
}

.siteCompleteOperationItem {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

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

.siteCompleteOperationActions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.siteCompleteOperationSource {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  background: var(--surface-muted);
}

.siteCompleteOperationSource span {
  flex: 1 1 240px;
}

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

.siteSetupEvidenceSummary div {
  min-height: 76px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  background: var(--surface-strong);
}

.siteSetupEvidenceSummary span,
.siteSetupEvidenceSummary strong {
  display: block;
}

.siteSetupEvidenceSummary span {
  color: var(--muted);
}

.siteSetupEvidenceSummary strong {
  margin-top: 8px;
  color: var(--ink);
  font-size: 1.35rem;
  overflow-wrap: anywhere;
}

.siteSetupEvidenceDecision {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: flex-start;
  justify-content: space-between;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-muted);
}

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

.siteSetupEvidenceDecisionActions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
}

.siteSetupEvidenceDecision span,
.siteSetupEvidenceDecision small {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.siteSetupEvidenceDecision strong {
  overflow-wrap: anywhere;
}

.siteSetupEvidenceList {
  display: grid;
  gap: 10px;
}

.siteSetupEvidenceItem {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

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

.siteSetupEvidenceItem span,
.siteSetupEvidenceItem small,
.siteSetupEvidenceSource span {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.siteSetupEvidenceItem strong {
  overflow-wrap: anywhere;
}

.siteSetupEvidenceActions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.siteSetupEvidenceSource {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  background: var(--surface-muted);
}

.siteSetupEvidenceSource span {
  flex: 1 1 240px;
}

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

.realSiteRehearsalSummary div {
  min-height: 76px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  background: var(--surface-muted);
}

.realSiteRehearsalSummary span,
.realSiteRehearsalSummary strong {
  display: block;
}

.realSiteRehearsalSummary span {
  color: var(--muted);
}

.realSiteRehearsalSummary strong {
  margin-top: 8px;
  color: var(--ink);
  font-size: 1.08rem;
  overflow-wrap: anywhere;
}

.realSiteBuildPathStrip {
  display: grid;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-muted);
}

.realSiteBuildPathStrip > div:first-child {
  display: grid;
  gap: 3px;
}

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

.realSiteBuildPathStripRows > div {
  display: grid;
  align-content: start;
  gap: 4px;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--panel);
}

.realSiteBuildPathStrip span,
.realSiteBuildPathStrip strong,
.realSiteBuildPathStrip small {
  min-width: 0;
}

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

.realSiteBuildPathStrip strong {
  font-size: 14px;
  overflow-wrap: anywhere;
}

.realSiteRehearsalList {
  display: grid;
  gap: 10px;
}

.realSiteRehearsalItem {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

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

.realSiteRehearsalItem span,
.realSiteRehearsalItem small,
.realSiteRehearsalSource span {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.realSiteRehearsalBlockerStack > div:first-child {
  gap: 8px;
}

.realSiteRehearsalBlockerRows {
  display: grid;
  gap: 8px;
  margin-top: 6px;
}

.realSiteSelectedEvidence > div:first-child {
  gap: 8px;
}

.realSiteSelectedEvidenceRows {
  display: grid;
  gap: 8px;
  margin-top: 6px;
}

.realSiteDraftReadiness > div:first-child {
  gap: 8px;
}

.realSiteReadinessProof > div:first-child {
  gap: 8px;
}

.realSitePackageGoNoGo > div:first-child {
  gap: 8px;
}

.realSiteLaunchChecklist > div:first-child {
  gap: 8px;
}

.realSiteNextPackageTarget > div:first-child {
  gap: 8px;
}

.realSitePackageQueue > div:first-child {
  gap: 8px;
}

.realSiteMatchChurchillPath > div:first-child {
  gap: 8px;
}

.realSiteDraftReadinessRows {
  display: grid;
  gap: 8px;
  margin-top: 6px;
}

.realSiteReadinessProofRows {
  display: grid;
  gap: 8px;
  margin-top: 6px;
}

.realSitePackageGoNoGoRows {
  display: grid;
  gap: 8px;
  margin-top: 6px;
}

.realSiteLaunchChecklistRows {
  display: grid;
  gap: 8px;
  margin-top: 6px;
}

.realSitePackageQueueRows {
  display: grid;
  gap: 8px;
  margin-top: 6px;
}

.realSiteNextPackageTargetSteps {
  display: grid;
  gap: 8px;
  margin-top: 6px;
}

.realSiteMatchChurchillRows {
  display: grid;
  gap: 8px;
  margin-top: 6px;
}

.realSiteRehearsalBlockerRow {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface-muted);
}

.realSiteSelectedEvidenceRow {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface-muted);
}

.realSiteDraftReadinessRow {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface-muted);
}

.realSiteReadinessProofRow {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface-muted);
}

.realSitePackageGoNoGoRow {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface-muted);
}

.realSiteNextPackageTargetStep {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface-muted);
}

.realSitePackageQueueRow {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface-muted);
}

.realSiteMatchChurchillRow {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface-muted);
}

.realSiteRehearsalBlockerRow div:first-child {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.realSiteSelectedEvidenceRow div:first-child {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.realSiteDraftReadinessRow div:first-child {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.realSiteReadinessProofRow div:first-child {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.realSitePackageGoNoGoRow div:first-child {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.realSiteNextPackageTargetStep div:first-child {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.realSitePackageQueueRow div:first-child {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.realSiteMatchChurchillRow div:first-child {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.realSiteOperatorActionList {
  display: grid;
  gap: 8px;
  margin: 8px 0 0;
  padding-left: 22px;
}

.realSiteOperatorActionItem {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface-muted);
}

.realSiteOperatorActionItem div:first-child {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.realSiteRehearsalActions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.realSiteRehearsalSource {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  background: var(--surface-muted);
}

.realSiteRehearsalSource span {
  flex: 1 1 240px;
}

.siteRolloutChecklistItem {
  display: grid;
  gap: 10px;
  align-content: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.siteRolloutChecklistTop {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.siteRolloutChecklistTop div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.siteRolloutChecklistItem span,
.siteRolloutChecklistItem small,
.siteRolloutChecklistSource {
  color: var(--muted);
  line-height: 1.4;
}

.siteRolloutChecklistItem span,
.siteRolloutChecklistSource {
  overflow-wrap: anywhere;
}

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

.siteRolloutChecklistMeta span {
  display: grid;
  gap: 2px;
  min-height: 48px;
  align-content: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 6px;
  background: var(--surface-muted);
  color: var(--muted);
  font-size: 0.74rem;
  font-weight: 700;
  text-align: center;
}

.siteRolloutChecklistMeta strong {
  color: var(--ink);
  font-size: 1rem;
  line-height: 1;
}

.siteRolloutChecklistActions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  align-self: end;
}

.siteRolloutChecklistActions .button {
  min-width: 136px;
}

.siteOperatorSetupSequence {
  display: grid;
  gap: 10px;
}

.siteOperatorSetupList {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: setup-step;
}

.siteOperatorSetupItem {
  counter-increment: setup-step;
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.siteOperatorSetupItem::before {
  content: counter(setup-step);
  display: grid;
  width: 26px;
  height: 26px;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 50%;
  color: var(--blue);
  background: var(--surface-strong);
  font-weight: 800;
}

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

.siteOperatorSetupItem span,
.siteOperatorSetupItem small,
.siteOperatorSetupSource span {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.siteOperatorSetupActions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.siteOperatorSetupSource {
  display: grid;
  gap: 8px;
}

.siteOperatorSetupSource span {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 8px 10px;
  background: var(--surface-muted);
}

.siteRolloutChecklistSource {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  background: var(--surface-muted);
}

.siteReadinessReturnCueGrid {
  display: grid;
  gap: 10px;
}

.siteReadinessReturnCueItem {
  display: grid;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.siteReadinessReturnCueTop {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.siteReadinessReturnCueTop div {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.siteReadinessReturnCueItem span,
.siteReadinessReturnCueSource span {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.siteReadinessReturnCueActions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.siteReadinessReturnCueSource {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  background: var(--surface-muted);
}

.siteReadinessReturnCueSource span {
  flex: 1 1 240px;
}

.siteVodCaptionHandoff {
  display: grid;
  gap: 10px;
}

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

.siteVodCaptionSummary div {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  background: var(--surface-strong);
}

.siteVodCaptionList {
  display: grid;
  gap: 10px;
}

.siteVodCaptionItem {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.9fr);
  gap: 12px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.siteVodCaptionItem div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.siteVodCaptionSummary span,
.siteVodCaptionItem span,
.siteVodCaptionItem small,
.siteVodCaptionSource span {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.siteVodCaptionSummary strong,
.siteVodCaptionItem strong {
  overflow-wrap: anywhere;
}

.siteVodCaptionStatusGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.siteVodCaptionStatusGrid span {
  display: grid;
  gap: 2px;
  min-height: 50px;
  align-content: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 6px;
  background: var(--surface-muted);
  color: var(--muted);
  font-size: 0.74rem;
  font-weight: 700;
  text-align: center;
}

.siteVodCaptionStatusGrid strong {
  color: var(--ink);
  font-size: 0.9rem;
  line-height: 1.1;
}

.siteVodCaptionItem > .siteVodCaptionActions {
  display: flex;
  flex-wrap: wrap;
  grid-column: 1 / -1;
  gap: 8px;
  justify-content: flex-end;
}

.siteVodCaptionItem > .siteVodCaptionActions .button {
  min-width: 170px;
}

.siteVodCaptionSource {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  background: var(--surface-muted);
}

.siteVodCaptionSource span {
  flex: 1 1 240px;
}

.siteReadinessReasonList {
  display: grid;
  gap: 10px;
}

.siteReadinessReasonSource {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.siteReadinessReasonItem {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.siteReadinessReasonSource div {
  min-height: 76px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  background: var(--surface-muted);
}

.siteReadinessReasonItem div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.siteReadinessReasonItem span {
  color: var(--muted);
  line-height: 1.4;
}

.siteReadinessReasonSource span,
.siteReadinessReasonSource strong,
.siteReadinessReasonSource small {
  display: block;
}

.siteReadinessReasonSource span,
.siteReadinessReasonSource small {
  color: var(--muted);
  line-height: 1.4;
}

.siteReadinessReasonSource strong {
  margin-top: 6px;
  overflow-wrap: anywhere;
}

.siteReadinessReasonSource small {
  margin-top: 4px;
  overflow-wrap: anywhere;
}

table {
  width: 100%;
  min-width: 980px;
  border-collapse: collapse;
}

th,
td {
  padding: 12px 10px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: top;
}

th {
  color: var(--muted);
  font-size: 0.78rem;
  text-transform: uppercase;
}

td strong,
td small {
  display: block;
}

td small {
  margin-top: 4px;
  color: var(--muted);
  line-height: 1.35;
}

.deviceNameCell {
  min-width: 250px;
}

.checkStack {
  display: grid;
  min-width: 190px;
  gap: 6px;
}

.checkItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 32px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 5px 7px;
  background: var(--surface-muted);
}

.checkItem > span:first-child {
  overflow-wrap: anywhere;
}

.mutedText {
  color: var(--muted);
}

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

.finalizationDetail {
  display: grid;
  gap: 14px;
}

.siteOnboarding {
  display: grid;
  gap: 14px;
}

.onboardingPackageSummary {
  display: grid;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.onboardingPackageSummaryLead {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  justify-content: space-between;
}

.onboardingPackageSummaryLead div {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.onboardingPackageSummaryLead span,
.onboardingPackageFacts span,
.onboardingPackageFacts small,
.onboardingPackageNextStep span,
.onboardingPackageNextStep small {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.onboardingPackageSummaryLead strong,
.onboardingPackageFacts strong,
.onboardingPackageNextStep strong {
  overflow-wrap: anywhere;
}

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

.onboardingPackageFacts div {
  display: grid;
  min-height: 76px;
  align-content: center;
  gap: 3px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 9px;
  background: var(--surface-muted);
}

.onboardingPackageFacts span {
  font-size: 0.76rem;
  font-weight: 700;
}

.onboardingPackageNextStep {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border: 1px solid #8bb8c9;
  border-radius: 8px;
  padding: 10px;
  background: var(--surface-muted);
}

.onboardingPackageNextStep div {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.localEdgeHandoff {
  min-width: 0;
}

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

.localEdgeHandoffSummary div {
  min-height: 76px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  background: var(--surface-strong);
}

.localEdgeHandoffSummary span,
.localEdgeHandoffSummary strong {
  display: block;
}

.localEdgeHandoffSummary span {
  color: var(--muted);
}

.localEdgeHandoffSummary strong {
  margin-top: 8px;
  color: var(--ink);
  font-size: 1.35rem;
  overflow-wrap: anywhere;
}

.localEdgeHandoffList {
  display: grid;
  gap: 10px;
}

.localEdgeHandoffItem {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.localEdgeHandoffItem div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.localEdgeHandoffItem span,
.localEdgeHandoffItem small,
.localEdgeHandoffItem li,
.localEdgeHandoffBoundary span {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.localEdgeHandoffItem ul {
  display: grid;
  gap: 4px;
  margin: 6px 0 0;
  padding-left: 18px;
}

.localEdgeHandoffBoundary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  background: var(--surface-muted);
}

.localEdgeHandoffBoundary span {
  flex: 1 1 240px;
}

.onboardingSelectedExportPreview {
  min-width: 0;
}

.localEdgeEvidenceIntake {
  min-width: 0;
}

.localEdgeCodexHandoffCue {
  min-width: 0;
}

.onboardingReviewDecisionStrip {
  min-width: 0;
}

.onboardingReviewDecisionGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
  gap: 10px;
}

.onboardingReviewDecisionItem {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  background: var(--surface);
}

.onboardingReviewDecisionItem div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.onboardingReviewDecisionItem span {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.onboardingReviewDecisionItem strong {
  overflow-wrap: anywhere;
}

.onboardingReviewDecisionActions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  padding: 11px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-muted);
}

.onboardingReviewDecisionActions span:not(.statusChip) {
  flex: 1 1 240px;
  color: var(--muted);
  line-height: 1.4;
}

.candidateDraftPrefillContext {
  min-width: 0;
}

.candidateDraftReadiness {
  display: grid;
  gap: 10px;
}

.candidateDraftReadinessRows {
  display: grid;
  gap: 8px;
}

.candidateDraftReadinessRow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface-muted);
}

.candidateDraftReadinessRow div:first-child {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.candidateDraftReadinessRow span,
.candidateDraftReadinessRow small,
.candidateDraftReadiness > small {
  color: var(--muted);
  line-height: 1.4;
}

.candidateManualDraftBoundary {
  display: grid;
  gap: 10px;
  border: 1px solid #8bb8c9;
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

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

.candidateManualDraftBoundaryRow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface-muted);
}

.candidateManualDraftBoundaryRow div:first-child {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.candidateManualDraftBoundaryRow span,
.candidateManualDraftBoundaryRow small,
.candidateManualDraftBoundary > small {
  color: var(--muted);
  line-height: 1.4;
}

.candidatePackageHandoff {
  display: grid;
  gap: 10px;
}

.candidatePackageHandoffRows {
  display: grid;
  gap: 8px;
}

.candidatePackageHandoffRow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface-muted);
}

.candidatePackageHandoffRow div:first-child {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.candidatePackageHandoffRow span,
.candidatePackageHandoffRow small,
.candidatePackageHandoff > small {
  color: var(--muted);
  line-height: 1.4;
}

.candidateOperatorPreflight {
  display: grid;
  gap: 10px;
}

.candidateOperatorPreflightRows {
  display: grid;
  gap: 8px;
}

.candidateOperatorPreflightRow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface-muted);
}

.candidateOperatorPreflightRow div:first-child {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.candidateOperatorPreflightRow span,
.candidateOperatorPreflightRow small,
.candidateOperatorPreflight > small {
  color: var(--muted);
  line-height: 1.4;
}

.siteDraftGeneratedPreflight {
  display: grid;
  gap: 10px;
}

.siteDraftGeneratedPreflightRows {
  display: grid;
  gap: 8px;
}

.siteDraftGeneratedPreflightRow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface-muted);
}

.siteDraftGeneratedPreflightRow div:first-child {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.siteDraftGeneratedPreflightRow span,
.siteDraftGeneratedPreflightRow small,
.siteDraftGeneratedPreflight > small {
  color: var(--muted);
  line-height: 1.4;
}

.siteDraftGeneratedGoNoGo {
  display: grid;
  gap: 10px;
}

.siteDraftGeneratedGoNoGoRows {
  display: grid;
  gap: 8px;
}

.siteDraftGeneratedGoNoGoRow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface-muted);
}

.siteDraftGeneratedGoNoGoRow div:first-child {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.siteDraftGeneratedGoNoGoRow span,
.siteDraftGeneratedGoNoGoRow small,
.siteDraftGeneratedGoNoGo > small {
  color: var(--muted);
  line-height: 1.4;
}

.onboardingSourcePanel {
  display: grid;
  gap: 10px;
}

.handoffTitle,
.finalizationTop {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.sourceStrip span,
.lockedAction,
.guardrailMini span {
  border-radius: 8px;
  padding: 8px 10px;
  color: var(--plum);
  background: var(--plum-bg);
  font-size: 0.86rem;
  font-weight: 700;
}

.handoffActions {
  display: grid;
  gap: 8px;
}

.handoffLink {
  width: fit-content;
}

.handoffUrl {
  display: block;
  overflow-wrap: anywhere;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  color: var(--ink);
  background: var(--surface-muted);
}

.guardrailMini {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.runSection {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.handoffBox .runSection > * {
  min-width: 0;
}

.runSectionTitle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 28px;
}

.hostedReadModelComposition .runSectionTitle,
.hostedReadRoutePublication .runSectionTitle,
.hostedSitesDevicesPublicationStatus .runSectionTitle,
.hostedRoutePublicationApprovalCutline .runSectionTitle,
.hostedRoutePublicationContract .runSectionTitle,
.hostedReadinessSummary .runSectionTitle,
.hostedFrameworkBindingSummary .runSectionTitle,
.modernSitesDevicesReadSliceCue .runSectionTitle {
  align-items: flex-start;
  flex-wrap: wrap;
  min-width: 0;
}

.hostedReadModelComposition .runSectionTitle strong,
.hostedReadModelComposition .statusChip,
.hostedReadRoutePublication .runSectionTitle strong,
.hostedReadRoutePublication .statusChip,
.hostedSitesDevicesPublicationStatus .runSectionTitle strong,
.hostedSitesDevicesPublicationStatus .statusChip,
.hostedRoutePublicationApprovalCutline .runSectionTitle strong,
.hostedRoutePublicationApprovalCutline .statusChip,
.hostedRoutePublicationContract .runSectionTitle strong,
.hostedRoutePublicationContract .statusChip,
.hostedReadinessSummary .runSectionTitle strong,
.hostedReadinessSummary .statusChip,
.hostedFrameworkBindingSummary .runSectionTitle strong,
.hostedFrameworkBindingSummary .statusChip,
.modernSitesDevicesReadSliceCue .runSectionTitle strong,
.modernSitesDevicesReadSliceCue .statusChip {
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: normal;
}

.runSectionTitle span {
  color: var(--muted);
  font-size: 0.84rem;
}

.churchillRunOperatorHeader {
  display: grid;
  gap: 12px;
  min-width: 0;
  border: 1px solid rgba(242, 140, 24, 0.42);
  border-radius: 8px;
  padding: 14px;
  background: linear-gradient(135deg, #2b241a 0%, #1b1e21 58%, #25292d 100%);
}

.churchillRunHero {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: flex-start;
  justify-content: space-between;
  min-width: 0;
}

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

.churchillRunHeroLead span,
.churchillRunHeroLead small,
.churchillRunHeroMeta span,
.churchillRunOperatorCard span,
.churchillRunOperatorCard small,
.churchillRunOperatorBoundary span {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.churchillRunHeroLead span,
.churchillRunOperatorCard span {
  font-size: 0.76rem;
  font-weight: 800;
  text-transform: uppercase;
}

.churchillRunHeroLead strong {
  color: var(--ink);
  font-size: 1.22rem;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.churchillRunHeroMeta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
}

.churchillRunHeroMeta span:not(.statusChip) {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 4px 9px;
  background: var(--surface);
  font-size: 0.78rem;
  font-weight: 700;
}

.churchillRunOperatorGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(210px, 100%), 1fr));
  gap: 10px;
}

.churchillRunOperatorCard {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  min-width: 0;
  min-height: 126px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.churchillRunOperatorCard div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.churchillRunOperatorCard strong {
  color: var(--ink);
  overflow-wrap: anywhere;
}

.churchillRunOperatorActions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.churchillRunOperatorBoundary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  background: var(--surface-muted);
}

.churchillRunOperatorBoundary span {
  flex: 1 1 240px;
}

.runReadiness {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.runReadiness .detailItem {
  min-height: 92px;
}

.runReadinessSummary {
  display: grid;
  grid-template-columns: minmax(0, 1.8fr) repeat(3, minmax(86px, 0.6fr));
  gap: 10px;
}

.runReadinessSummary div {
  display: grid;
  gap: 5px;
  min-height: 82px;
  align-content: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-strong);
}

.runReadinessSummary span,
.runReadinessSummary small,
.runReadinessReasonItem span {
  color: var(--muted);
  line-height: 1.4;
}

.runReadinessSummary strong,
.runReadinessSummary small {
  overflow-wrap: anywhere;
}

.runOpsHandoffSummary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr));
  gap: 10px;
}

.runOpsHandoffItem {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  min-height: 96px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-strong);
}

.runOpsHandoffItem div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.runOpsHandoffItem span,
.runOpsHandoffItem small {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.runOpsHandoffItem strong {
  overflow-wrap: anywhere;
}

.meetingRunReviewPath {
  min-width: 0;
}

.meetingRunReviewPathGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr));
  gap: 10px;
}

.meetingRunReviewPathItem {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-height: 116px;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-strong);
}

.meetingRunReviewPathItem div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.meetingRunReviewPathItem span {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.meetingRunReviewPathItem strong {
  overflow-wrap: anywhere;
}

.meetingOperatorSequence {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr));
  gap: 10px;
}

.meetingOperatorSequenceContext {
  margin: 0;
}

.completeMeetingSetup {
  border: 1px solid rgba(242, 140, 24, 0.42);
  border-radius: 8px;
  padding: 14px;
  background: var(--surface-warm);
}

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

.completeMeetingSetupItem,
.completeMeetingSetupResult {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.completeMeetingSetupItem div,
.completeMeetingSetupResult div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.completeMeetingSetupItem span,
.completeMeetingSetupItem small,
.completeMeetingSetupResult span,
.completeMeetingSetupResult small {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.completeMeetingSetupItem strong,
.completeMeetingSetupResult strong {
  overflow-wrap: anywhere;
}

.completeMeetingSetupResult {
  border-color: rgba(242, 140, 24, 0.42);
}

.completeMeetingSetupActions {
  margin: 0;
}

.meetingOperatorSequenceItem {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-height: 126px;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.meetingOperatorSequenceItem div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.meetingOperatorSequenceItem small,
.meetingOperatorSequenceItem span,
.meetingOperatorSequenceBoundary span {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.meetingOperatorSequenceItem strong {
  overflow-wrap: anywhere;
}

.meetingOperatorSequenceBoundary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-top: 10px;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  background: var(--surface-muted);
}

.meetingOperatorSequenceBoundary span {
  flex: 1 1 240px;
}

.runParticipantRosterBoundary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  background: var(--surface-muted);
}

.runParticipantRosterBoundary span {
  flex: 1 1 240px;
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.runRecordProof {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
  gap: 10px;
}

.runRecordProofItem {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  min-height: 108px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.runRecordProofItem div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.runRecordProofItem span,
.runRecordProofBoundary span {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.runRecordProofItem strong {
  overflow-wrap: anywhere;
}

.runRecordProofBoundary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-top: 10px;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  background: var(--surface-muted);
}

.runRecordProofBoundary span {
  flex: 1 1 220px;
}

.runClerkInputHandoff {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr));
  gap: 10px;
}

.runClerkInputItem {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  min-height: 110px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-strong);
}

.runClerkInputItem div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.runClerkInputItem span,
.runClerkInputBoundary span {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.runClerkInputItem strong {
  overflow-wrap: anywhere;
}

.runClerkInputBoundary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-top: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  background: var(--surface-muted);
}

.runClerkInputBoundary span {
  flex: 1 1 220px;
}

.runRecordingHandoff {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr));
  gap: 10px;
}

.runRecordingHandoffItem {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  min-height: 108px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.runRecordingHandoffItem div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.runRecordingHandoffItem span,
.runRecordingBoundary span {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.runRecordingHandoffItem strong {
  overflow-wrap: anywhere;
}

.handoffBox .statusChip {
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  text-align: center;
}

.runRecordingBoundary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-top: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  background: var(--surface-muted);
}

.runRecordingBoundary span {
  flex: 1 1 220px;
}

.runReadinessReasons {
  display: grid;
  gap: 10px;
}

.runReadinessReasonItem {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-muted);
}

.runReadinessReasonItem div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.runDeviceList {
  display: grid;
  gap: 8px;
}

.runDeviceItem {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface-muted);
}

.runDeviceItem div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.runDeviceItem span,
.runDeviceItem small {
  color: var(--muted);
}

.nextActionList {
  display: grid;
  gap: 8px;
  margin: 0;
  padding-left: 22px;
}

.nextActionList li {
  line-height: 1.45;
}

.finalizationGrid {
  grid-template-columns: 1fr;
}

.finalizationCard {
  display: grid;
  width: 100%;
  gap: 14px;
  padding: 14px;
  color: var(--ink);
  text-align: left;
  appearance: none;
}

.finalizationTop div {
  display: grid;
  gap: 3px;
}

.finalizationCheck,
.artifactGroupItem,
.artifactItem,
.lockedActionItem {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-muted);
}

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

.finalizationControlBoundaryItem {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-height: 108px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-strong);
}

.finalizationControlBoundaryItem div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.finalizationControlBoundaryItem span,
.finalizationControlBoundaryItem small {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.finalizationControlBoundaryItem strong,
.finalizationArtifactStatusItem strong {
  overflow-wrap: anywhere;
}

.finalizationRunbookHandoff {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.finalizationRunDetailHandoffCue {
  min-width: 0;
}

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

.finalizationRunDetailHandoffItem {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-height: 112px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-strong);
}

.finalizationRunDetailHandoffItem div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.finalizationRunDetailHandoffItem span {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.finalizationRunDetailHandoffItem strong {
  overflow-wrap: anywhere;
}

.finalizationNextReviewCue {
  min-width: 0;
}

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

.finalizationNextReviewItem {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-height: 112px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-strong);
}

.finalizationNextReviewItem div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.finalizationNextReviewItem span {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.finalizationNextReviewItem strong {
  overflow-wrap: anywhere;
}

.finalizationSiteReturnCue {
  min-width: 0;
}

.finalizationSiteReturnGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(190px, 100%), 1fr));
  gap: 10px;
}

.finalizationSiteReturnItem {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  min-height: 146px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-strong);
}

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

.finalizationSiteReturnItem span {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.finalizationSiteReturnItem strong {
  overflow-wrap: anywhere;
}

.finalizationSiteReturnActions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.finalizationRunbookStep {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-height: 116px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-muted);
}

.finalizationRunbookStep div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.finalizationRunbookStep span,
.finalizationRunbookStep small {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.finalizationReviewQueue {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 10px;
}

.finalizationReviewQueueItem {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-height: 148px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-strong);
}

.finalizationReviewQueueItem div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.finalizationReviewQueueItem span,
.finalizationReviewQueueItem small {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.finalizationReviewQueueItem strong {
  overflow-wrap: anywhere;
}

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

.finalizationArtifactStatusItem {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-height: 112px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-strong);
}

.finalizationArtifactStatusItem div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.finalizationArtifactStatusItem span,
.finalizationArtifactStatusBoundary span {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.finalizationArtifactStatusBoundary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-top: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  background: var(--surface-muted);
}

.finalizationArtifactStatusBoundary span {
  flex: 1 1 220px;
}

.finalizationCheck div,
.artifactGroupItem div,
.artifactItem div,
.lockedActionItem div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.finalizationCheck span,
.artifactGroupItem span,
.artifactItem span,
.lockedActionItem span {
  color: var(--muted);
  line-height: 1.4;
}

.artifactGroupItem small {
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.4;
}

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

.artifactGroupTargets span {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 4px 7px;
  color: var(--ink);
  background: var(--surface);
}

.artifactItem code {
  overflow-wrap: anywhere;
  color: var(--ink);
  font-size: 0.82rem;
}

.lockedActionList {
  display: grid;
  gap: 10px;
}

.onboardingItem,
.onboardingDevice,
.sourceMapItem,
.configTarget {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-muted);
}

.onboardingItem div,
.onboardingDevice div,
.sourceMapItem div,
.configTarget div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.onboardingItem span,
.onboardingDevice span,
.onboardingDevice small,
.sourceMapItem span,
.configTarget span,
.configTarget small {
  color: var(--muted);
  line-height: 1.4;
}

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

.sourceMapGrid .emptyState {
  grid-column: 1 / -1;
}

.configTarget small {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 10px;
}

.configTarget small span {
  overflow-wrap: anywhere;
}

.settingsBoundary,
.settingsOverview,
.settingsOverviewGrid,
.settingsOperationalSummary,
.settingsOperationalSummaryGrid,
.settingsOperationsHandoff,
.settingsOperationsHandoffGrid,
.settingsOperationsHandoffBoundary,
.settingsProviderHandoff,
.settingsProviderHandoffGrid,
.settingsProviderOwnershipLedger,
.settingsHostedReviewProof,
.settingsProviderOwnershipGrid,
.settingsReadinessProof,
.settingsOwnershipMatrix,
.settingsSecretExclusions,
.settingsIntegrationList,
.settingsBlockedRoutes,
.settingsGuardrails {
  display: grid;
  gap: 10px;
}

.settingsPageLayout {
  display: grid;
  gap: 18px;
}

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

.settingsPrimaryCard {
  display: grid;
  min-height: 230px;
  align-content: start;
  gap: 12px;
}

.settingsPrimaryCard h3,
.settingsPrimaryCard p {
  margin: 0;
}

.settingsPrimaryCard p {
  color: var(--muted);
  line-height: 1.55;
}

.settingsPrimaryCard .button {
  justify-self: start;
  margin-top: auto;
}

.auditRelocationTarget,
.auditPanelGroup {
  display: grid;
  gap: 18px;
}

.auditPanelGroup {
  padding-top: 20px;
  border-top: 1px solid var(--line);
}

.auditPanelGroup > summary {
  cursor: pointer;
  list-style: none;
}

.auditPanelGroup > summary::-webkit-details-marker {
  display: none;
}

.auditPanelGroupHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.auditPanelGroupHead > span:first-child {
  display: grid;
  gap: 3px;
}

.auditPanelGroupHead .eyebrow {
  color: var(--muted);
  font-size: 0.72rem;
}

.auditPanelGroupCue {
  color: var(--orange-deep);
  font-weight: 700;
}

.auditPanelGroupCue::after {
  content: "Show";
  font-size: 0.78rem;
}

.auditPanelGroup[open] .auditPanelGroupCue::after {
  content: "Hide";
}

.auditPanelGroupHead h3,
.auditPanelGroupHead p,
.auditLandingPanel h3,
.auditLandingPanel p {
  margin: 0;
}

.auditLandingPanel {
  display: grid;
  gap: 14px;
}

.auditLandingPanel > p {
  max-width: 76ch;
  color: var(--muted);
  line-height: 1.55;
}

.auditVerifierBoundary {
  margin: 0;
  max-width: 76ch;
  color: var(--muted);
  line-height: 1.55;
}

.auditVerifierForm {
  display: grid;
  width: 100%;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
  align-items: end;
  gap: 12px;
}

.auditVerifierForm label {
  display: grid;
  min-width: 0;
  gap: 7px;
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 700;
}

.auditVerifierForm input {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--bg);
  color: var(--text);
  padding: 10px 12px;
}

.auditVerifierResult {
  display: grid;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  gap: 12px;
}

.auditVerifierResult .detailGrid,
.auditVerifierResult .detailItem,
.auditVerifierResult strong,
.auditVerifierResult small {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

#view-audit .siteConfigurationPreview {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.navButton:focus-visible,
.button:focus-visible,
.primaryButton:focus-visible,
.secondaryButton:focus-visible,
.meetingSelectButton:focus-visible {
  outline: 3px solid var(--orange);
  outline-offset: 3px;
}

@media (max-width: 760px) {
  .deliveryTodayQuiet,
  .settingsPrimaryLayout,
  .auditVerifierForm {
    grid-template-columns: 1fr;
  }

  .settingsPrimaryCard {
    min-height: 0;
  }
}

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

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

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

.settingsOverviewItem,
.settingsOperationalSummaryItem {
  display: grid;
  min-width: 0;
  min-height: 106px;
  align-content: start;
  gap: 5px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-muted);
}

.settingsOverviewItem span,
.settingsOperationalSummaryItem span {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
}

.settingsOverviewItem strong,
.settingsOverviewItem small,
.settingsOperationalSummaryItem strong,
.settingsOperationalSummaryItem small {
  overflow-wrap: anywhere;
}

.settingsOverviewItem small,
.settingsOperationalSummaryItem small {
  color: var(--muted);
  line-height: 1.4;
}

.settingsOperationalSummarySource {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.settingsOperationalSummarySource div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.settingsOperationalSummarySource span {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.settingsOperationsHandoff {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.settingsOperationsHandoffHeader {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.settingsOperationsHandoffHeader div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.settingsOperationsHandoffHeader span,
.settingsOperationsHandoffItem span,
.settingsOperationsHandoffItem small,
.settingsOperationsHandoffItem p,
.settingsOperationsHandoffBoundary span {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.settingsOperationsHandoffItem {
  display: grid;
  min-width: 0;
  min-height: 172px;
  align-content: start;
  gap: 7px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  background: var(--surface-muted);
}

.settingsOperationsHandoffItem div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.settingsOperationsHandoffItem p {
  margin: 0;
}

.settingsOperationsHandoffBoundary {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface-muted);
}

.settingsOperationsHandoffBoundary strong {
  overflow-wrap: anywhere;
}

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

.settingsReadinessProof .detailItem {
  min-height: 82px;
}

.settingsReadinessNext {
  display: grid;
  gap: 4px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface-muted);
}

.settingsReadinessNext span,
.settingsReadinessNext small {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.settingsProviderHandoff {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.settingsProviderHandoffHeader {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.settingsProviderHandoffActions {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.settingsProviderHandoffActions .button {
  justify-self: start;
}

.settingsProviderHandoffHeader div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.settingsProviderHandoffHeader span,
.settingsProviderHandoffActions span {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

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

.settingsProviderHandoffItem {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--surface-muted);
}

.settingsProviderHandoffItem div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.settingsProviderHandoffItem span {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.settingsProviderOwnershipLedger {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.settingsHostedReviewProof {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface);
}

.settingsProviderOwnershipHeader,
.settingsHostedReviewHeader,
.settingsProviderOwnershipTopline {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.settingsProviderOwnershipHeader div,
.settingsHostedReviewHeader div,
.settingsProviderOwnershipTopline div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.settingsProviderOwnershipHeader span,
.settingsHostedReviewHeader span,
.settingsProviderOwnershipTopline span,
.settingsProviderOwnershipLedger p {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

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

.settingsProviderOwnershipItem {
  display: grid;
  gap: 10px;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  background: var(--surface-muted);
}

.settingsProviderOwnershipItem dl {
  display: grid;
  gap: 6px;
  margin: 0;
}

.settingsProviderOwnershipItem dl div {
  display: grid;
  gap: 2px;
}

.settingsProviderOwnershipItem dt,
.settingsProviderOwnershipItem dd {
  margin: 0;
  overflow-wrap: anywhere;
}

.settingsProviderOwnershipItem dt {
  color: var(--muted);
  font-size: 0.76rem;
  font-weight: 700;
  text-transform: uppercase;
}

.settingsProviderOwnershipItem dd {
  color: var(--ink);
  line-height: 1.35;
}

.settingsProviderOwnershipLedger p {
  margin: 0;
}

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

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

.settingsOwnershipItem,
.settingsSecretExclusion {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  background: var(--surface);
}

.settingsOwnershipItem div,
.settingsSecretExclusion div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.settingsOwnershipItem span,
.settingsOwnershipItem small,
.settingsSecretExclusion span {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.settingsIntegrationItem {
  display: grid;
  gap: 7px;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 11px;
  background: var(--surface-muted);
}

.settingsIntegrationItem div {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.settingsIntegrationItem span,
.settingsIntegrationItem small,
.settingsIntegrationItem p {
  color: var(--muted);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.settingsIntegrationItem p {
  margin: 0;
}

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

.settingsBlockedRoutes code,
.settingsGuardrails span {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 8px 10px;
  background: var(--surface-muted);
  color: var(--muted);
  overflow-wrap: anywhere;
}

.statusGrid {
  display: grid;
  grid-template-columns: minmax(130px, 0.65fr) minmax(0, 1fr);
  gap: 8px 12px;
}

.boundaryItem {
  display: grid;
  gap: 5px;
  padding: 13px;
}

.nextList {
  display: grid;
  gap: 10px;
  margin: 0;
  padding-left: 22px;
}

.nextList li {
  line-height: 1.45;
}

@media (max-width: 1100px) {
  .appShell {
    grid-template-columns: 1fr;
  }

  .sideNav {
    position: sticky;
    top: 0;
    z-index: 20;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 12px 16px;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
  }

  .brandBlock {
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
    align-items: center;
  }

  .brandMark {
    width: 126px;
    height: 42px;
    padding: 7px 9px;
  }

  .brandLogo {
    max-height: 26px;
  }

  .brandBlock h1 {
    font-size: 0.96rem;
  }

  .brandBlock p {
    font-size: 0.78rem;
  }

  .sideNav nav {
    grid-template-columns: repeat(auto-fit, minmax(92px, 1fr));
    gap: 6px;
  }

  .navButton {
    min-height: 38px;
    padding: 8px 9px;
    text-align: center;
  }

  .modeBox {
    margin-top: 0;
    padding: 9px 10px;
    white-space: nowrap;
  }

  .mainArea {
    padding: 18px;
  }

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

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

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

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

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

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

  .selectedSiteProofTrail {
    flex-direction: column;
  }

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

  .selectedSiteProofTrailReviewCue {
    width: 100%;
    border-left: 0;
    border-top: 1px solid var(--line);
    padding-left: 0;
    padding-top: 8px;
  }

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

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

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

  .sitesLayout,
  .siteReviewDeck,
  .splitLayout,
  .splitLayout.wideLeft,
  .finalizationLayout,
  .activityOperationsSummaryGrid,
  .activityNotificationHandoffGrid,
  .clientProducerOperationsGrid,
  .noCodeSiteSetupOperationsGrid,
  .meetingOperationsSummaryGrid,
  .peopleOperationsSummaryGrid,
  .peopleAccessHandoffGrid,
  .settingsOverviewGrid,
  .settingsOperationalSummaryGrid,
  .settingsOperationsHandoffGrid,
  .focusLayout {
    grid-template-columns: 1fr;
  }

  .siteListRail {
    position: static;
    max-height: none;
    overflow: visible;
  }

  .siteEdgeReadinessPanel,
  .siteRegistrySourcePanel,
  .settingsBoundaryPanel {
    grid-column: 1 / -1;
  }

  .siteReadinessReasonsPanel,
  .siteReadinessReturnCuePanel,
  .siteRolloutChecklistPanel,
  .siteCompleteOperationReadinessPanel,
  .realSiteRehearsalPanel,
  .siteSetupEvidencePanel,
  .siteVodCaptionHandoffPanel {
    grid-column: 1 / -1;
  }
}

@media (max-width: 920px) {
  .sideNav {
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px 10px;
    align-items: center;
  }

  .sideNav nav {
    grid-column: 1 / -1;
    grid-row: 2;
    display: flex;
    gap: 6px;
    overflow-x: auto;
    padding-bottom: 2px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .sideNav nav::-webkit-scrollbar {
    display: none;
  }

  .navButton {
    flex: 0 0 auto;
    width: auto;
    min-height: 32px;
    padding: 6px 10px;
    white-space: nowrap;
  }

  .modeBox {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    justify-content: flex-end;
    min-height: 32px;
    padding: 6px 9px;
    font-size: 0.72rem;
    white-space: normal;
  }

  .mainArea {
    padding: 14px;
  }

  .topBar {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .commandChurchillPathGrid,
  .commandChurchillPathHero,
  .commandChurchillPathCard,
  .commandChurchillPathBoundary {
    grid-template-columns: 1fr;
  }

  .metricGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .metricCard {
    min-height: 74px;
    padding: 10px;
    gap: 3px;
  }

  .metricCard strong {
    font-size: 1.42rem;
  }

  .commandChurchillPathHero,
  .commandChurchillPathCard,
  .commandChurchillPathBoundary {
    padding: 10px;
  }

  .commandChurchillPathHeroMeta,
  .commandChurchillPathActions {
    justify-content: flex-start;
  }

  .commandChurchillPathCard {
    min-height: auto;
  }

  .commandChurchillPathCard strong {
    font-size: 1rem;
    line-height: 1.18;
  }

  .commandChurchillPathCard > .statusChip {
    width: fit-content;
    max-width: 100%;
    white-space: normal;
  }
}

@media (max-width: 780px) {
  .appShell {
    grid-template-columns: 1fr;
  }

  .meetingCalendarScrollCue {
    display: block;
  }

  .sideNav {
    position: static;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px 10px;
    align-items: center;
    padding: 10px;
    box-shadow: none;
  }

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

  .brandMark {
    width: 96px;
    height: 32px;
    padding: 5px 7px;
  }

  .brandLogo {
    max-height: 20px;
  }

  .deviceCheckinTable {
    overflow: visible;
  }

  .deviceCheckinTable table {
    min-width: 0;
  }

  .deviceCheckinTable thead {
    display: none;
  }

  .deviceCheckinTable tbody {
    display: grid;
    gap: 12px;
  }

  .deviceCheckinTable .deviceCheckinRow {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px 12px;
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 12px;
    background: var(--panel);
  }

  .deviceCheckinTable td {
    display: grid;
    grid-template-columns: minmax(88px, 0.34fr) minmax(0, 1fr);
    gap: 10px;
    padding: 0;
    border: 0;
    min-width: 0;
  }

  .deviceCheckinTable td::before {
    content: attr(data-label);
    color: var(--muted);
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
  }

  .deviceCheckinTable .deviceNameCell {
    display: block;
    grid-column: 1;
    min-width: 0;
  }

  .deviceCheckinTable .deviceNameCell::before,
  .deviceCheckinTable .deviceStateCell::before {
    display: none;
  }

  .deviceCheckinTable .deviceStateCell {
    display: grid;
    gap: 8px;
    grid-column: 2;
    justify-self: end;
  }

  .deviceCheckinTable .deviceStatusRefreshButton {
    width: auto;
    margin-top: 0;
  }

  .deviceCheckinTable .deviceSiteCell,
  .deviceCheckinTable .deviceAppCell,
  .deviceCheckinTable .deviceCheckinCell,
  .deviceCheckinTable .deviceSessionCell,
  .deviceCheckinTable .deviceChecksCell {
    grid-column: 1 / -1;
  }

  .deviceCheckinTable .checkStack {
    min-width: 0;
  }

  .brandBlock h1 {
    font-size: 0.84rem;
  }

  .brandBlock p {
    font-size: 0.7rem;
  }

  .modeBox {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    justify-content: flex-end;
    min-height: 30px;
    padding: 5px 8px;
    font-size: 0.7rem;
    white-space: nowrap;
  }

  .sideNav nav {
    grid-column: 1 / -1;
    grid-row: 2;
    display: flex;
    gap: 6px;
    overflow-x: auto;
    padding-bottom: 2px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .sideNav nav::-webkit-scrollbar {
    display: none;
  }

  .navButton {
    flex: 0 0 auto;
    width: auto;
    min-height: 32px;
    padding: 6px 10px;
    white-space: nowrap;
  }

  .templatePreviewGrid,
  .noCodeReadinessGrid,
  .templateRequirementsGrid,
  .buildCandidateGrid,
  .siteRegistryLaunchGate,
  .churchillOperatorGrid,
  .churchillOperatorHero,
  .churchillOperatorBoundary,
  .siteSetupPathGrid,
  .draftReviewPromotionPathSteps,
  .validationProofBundle,
  .operatorReviewResult,
  .selectedSiteContextFacts,
  .detailGrid.compact {
    grid-template-columns: 1fr;
  }

  .selectedSiteContextTop {
    display: grid;
  }

  .onboardingPackageSummaryLead {
    display: grid;
  }

  .selectedSiteContextActions {
    justify-content: flex-start;
  }

  .churchillOperatorHeroMeta {
    justify-items: start;
  }

  .activityTop {
    display: grid;
  }

  .activityActions,
  .attentionActions {
    justify-content: flex-start;
  }

  .operatorShortcutTarget {
    text-align: left;
  }

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

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

  .navButton {
    text-align: center;
  }

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

  .siteButtonMeta {
    justify-items: start;
    min-width: 0;
  }

  .siteButtonMeta small {
    text-align: left;
  }

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

  .assignmentNavigationContext {
    align-items: stretch;
    flex-direction: column;
  }

  .meetingButtonMeta {
    justify-items: start;
    min-width: 0;
  }

  .meetingButtonMeta small {
    text-align: left;
  }

  .meetingScheduleMeta {
    justify-items: start;
  }

  .meetingCalendarToolbar {
    grid-template-columns: 1fr;
  }

  .meetingCalendarNavigation,
  .meetingCalendarViewTabs {
    justify-content: flex-start;
    overflow-x: auto;
  }

  .meetingCalendarRangeTitle {
    grid-row: 1;
    text-align: left;
  }

  .meetingCalendarSingleDay {
    grid-template-columns: 1fr;
  }

  .meetingCalendarWriteActions {
    justify-content: flex-start;
  }

  .meetingWriteFields {
    grid-template-columns: 1fr;
  }

  .meetingWriteFieldWide {
    grid-column: auto;
  }

  .meetingWriteActions {
    align-items: stretch;
    flex-direction: column;
  }

  .meetingWriteActions > span {
    display: none;
  }

  .mainArea {
    padding: 16px;
  }

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

  .commandChurchillPathGrid,
  .commandChurchillPathHero,
  .commandChurchillPathCard,
  .commandOperatorPathList,
  .commandOperatorPathContextProof,
  .commandCompletionCueLead,
  .commandCompletionCueGrid,
  .focusHostedReadinessLead,
  .focusHostedPublicationOwnerCue,
  .focusHostedReadinessGrid,
  .commandOperationDecisionStrip,
  .commandOperationDecisionCounts,
  .commandOperationReadinessGrid,
  .commandHostedProofGrid,
  .commandRolloutSummary,
  .commandSiteEvidenceSummary,
  .commandMeetingSummary,
  .commandFinalizationSummary,
  .clerkCoverageSummary,
  .clerkCoverageItem,
  .churchillBaselineSummary,
  .churchillBaselineRow,
  .deviceOperationalSummaryGrid,
  .deviceOperationalSummarySource,
  .selectedSiteEdgeRoleSummaryGrid,
  .selectedSiteEdgeRoleSummarySource,
  .deviceStatusSourceGrid,
  .deviceStatusSourceTop,
  .deviceStatusExportProofGrid,
  .siteDeviceInventorySummary,
  .siteDeviceInventorySource,
  .siteDeviceInventoryItem,
  .siteEdgeReadinessSummary,
  .siteEdgeReadinessSource,
  .siteEdgeReadinessItem,
  .siteEdgeInstallItem,
  .siteRolloutChecklistGrid,
  .siteReadinessReasonItem,
  .siteReadinessReasonSource,
  .siteReadinessReturnCueItem,
  .realSiteRehearsalSummary,
  .realSiteBuildPathStripRows,
  .realSiteRehearsalItem,
  .siteCompleteOperationSummary,
  .siteCompleteOperationDecision,
  .siteCompleteOperationItem,
  .realSiteRehearsalBlockerRow,
  .realSiteReadinessProofRow,
  .realSitePackageGoNoGoRow,
  .realSiteNextPackageTargetStep,
  .realSitePackageQueueRow,
  .realSiteMatchChurchillRow,
  .realSiteOperatorActionItem,
  .siteSetupEvidenceSummary,
  .siteSetupEvidenceItem,
  .onboardingPackageFacts,
  .onboardingPackageNextStep,
  .localEdgeHandoffSummary,
  .localEdgeHandoffItem,
  .onboardingReviewDecisionGrid,
  .onboardingReviewDecisionItem,
  .siteOperatorSetupItem,
  .siteVodCaptionSummary,
  .siteVodCaptionItem,
  .siteVodCaptionStatusGrid,
  .siteOwnershipGrid,
  .clientProducerOperationsGrid,
  .noCodeSiteSetupOperationsGrid,
  .noCodeSiteSetupOperationsSource,
  .noCodeSiteSetupOperationsHandoff,
  .meetingOperationsSummaryGrid,
  .meetingOperationsSummarySource,
  .meetingScheduleSummary,
  .meetingScheduleBoundary,
  .meetingScheduleItem,
  .peopleOperationsSummaryGrid,
  .peopleAccessHandoffGrid,
  .peopleAccessHandoffHeader,
  .peopleRoleCoverageGrid,
  .activityDeliveryBoundary,
  .activityOperationsSummaryGrid,
  .activityOperationsSummarySource,
  .activityNotificationHandoffGrid,
  .activityNotificationHandoffHeader,
  .runReadinessSummary,
  .runOpsHandoffSummary,
  .meetingRunReviewPathGrid,
  .meetingOperatorSequence,
  .completeMeetingSetupGrid,
  .runRecordProof,
  .runClerkInputHandoff,
  .runRecordingHandoff,
  .runReadinessReasonItem,
  .finalizationControlBoundary,
  .finalizationOperationalSummaryGrid,
  .finalizationOperationalSummarySource,
  .finalizationReviewTargetGrid,
  .finalizationRunDetailHandoffGrid,
  .finalizationNextReviewGrid,
  .finalizationSiteReturnGrid,
  .finalizationRunbookHandoff,
  .finalizationReviewQueue,
  .finalizationArtifactStatusProof,
  .draftReadinessCounts,
  .draftReviewStackSummary,
  .reviewPackageGrid,
  .candidateDraftReadinessRow,
  .candidateDraftReadinessRows,
  .candidateManualDraftBoundaryRow,
  .candidateManualDraftBoundaryRows,
  .candidatePackageHandoffRow,
  .candidatePackageHandoffRows,
  .candidateOperatorPreflightRow,
  .candidateOperatorPreflightRows,
  .siteDraftGeneratedGoNoGoRow,
  .siteDraftGeneratedGoNoGoRows,
  .siteDraftGeneratedPreflightRow,
  .siteDraftGeneratedPreflightRows,
  .siteDraftMetadataHeader,
  .siteDraftMetadataList,
  .siteDraftMetadataSummary,
  .siteDraftPackageEvidenceSummary,
  .siteDraftPackageRehearsalHeader,
  .siteDraftPackageRehearsalList,
  .siteDraftPackageRehearsalSummary,
  .acceptedSiteRehearsalHeader,
  .acceptedSiteRehearsalRows,
  .acceptedSiteRehearsalSummary,
  .siteDraftPromotionHeader,
  .siteDraftPromotionList,
  .siteDraftPromotionSummary,
  .siteDraftOutcomeGrid,
  .siteDraftOutcomeItem,
  .siteDraftOutcomeLead,
  .siteDraftReviewFocusList,
  .siteDraftReviewNextAction,
  .siteDraftReviewReadinessGrid,
  .wizardReviewGrid,
  .settingsOperationsHandoffGrid,
  .settingsProviderHandoffGrid,
  .settingsProviderOwnershipGrid,
  .settingsIntegrationList,
  .settingsOwnershipMatrix,
  .settingsSecretExclusions,
  .settingsBlockedRoutes,
  .templatePreflightSummary,
  .draftPreflightCounts,
  .requestPreviewOperatorAudit,
  .requestPreviewResultGrid,
  .siteDetailPanel .detailGrid,
  .siteOwnershipPanel .siteOwnershipGrid,
  .draftWorkflowStrip,
  .draftOperatorGrid,
  .draftInputRail .draftForm,
  .detailGrid,
  .draftForm,
  .runReadiness,
  .sourceMapGrid,
  .finalizationGrid {
    grid-template-columns: 1fr;
  }

  .metricGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .metricCard {
    min-height: 72px;
    padding: 10px;
    gap: 3px;
  }

  .metricCard strong {
    font-size: 1.36rem;
  }

  .commandChurchillPathHero,
  .commandChurchillPathCard,
  .commandChurchillPathBoundary {
    padding: 10px;
  }

  .commandChurchillPathHeroMeta,
  .commandChurchillPathActions {
    justify-content: flex-start;
  }

  .commandChurchillPathCard {
    min-height: auto;
  }

  .commandChurchillPathCard strong {
    font-size: 1rem;
    line-height: 1.18;
  }

  .sourceTargetItem,
  .attentionItem,
  .commandChurchillPathCard,
  .commandOperatorPathItem,
  .commandOperationReadinessItem,
  .commandRolloutItem,
  .commandSiteEvidenceItem,
  .commandMeetingItem,
  .commandFinalizationItem {
    align-items: stretch;
    flex-direction: column;
  }

  .sourceTargetItem > .statusChip,
  .attentionItem > .statusChip,
  .commandChurchillPathCard > .statusChip,
  .commandOperationReadinessItem > .statusChip,
  .commandRolloutItem > .statusChip,
  .commandSiteEvidenceItem > .statusChip,
  .commandMeetingItem > .statusChip,
  .commandFinalizationItem > .statusChip {
    width: fit-content;
    max-width: 100%;
    white-space: normal;
  }

  .siteRolloutChecklistActions .button {
    width: 100%;
  }

  .attentionActions,
  .commandChurchillPathActions,
  .commandOperatorPathActions,
  .commandOperationReadinessActions,
  .commandRolloutActions,
  .commandSiteEvidenceActions,
  .commandMeetingActions,
  .commandFinalizationActions,
  .selectedSiteEdgeRoleSummaryActions,
  .siteCompleteOperationActions,
  .siteVodCaptionActions,
  .settingsProviderHandoffActions,
  .finalizationReviewTargetActions {
    display: flex;
    width: 100%;
    justify-content: flex-start;
  }

  .siteVodCaptionItem > .siteVodCaptionActions {
    display: flex;
  }

  .attentionActions .statusChip,
  .commandChurchillPathActions .statusChip,
  .commandOperatorPathActions .statusChip,
  .commandOperationReadinessActions .statusChip,
  .commandRolloutActions .statusChip,
  .commandMeetingActions .statusChip,
  .commandFinalizationActions .statusChip,
  .siteCompleteOperationActions .statusChip,
  .siteVodCaptionActions .statusChip,
  .finalizationReviewTargetActions .statusChip {
    max-width: 100%;
    white-space: normal;
  }

  .siteCompleteOperationActions .button,
  .settingsProviderHandoffActions .button,
  .siteVodCaptionItem > .siteVodCaptionActions .button {
    flex: 1 1 100%;
    min-width: 0;
    width: 100%;
  }

  .deviceStatusSourceSectionHead {
    grid-template-columns: 1fr;
  }

  .deviceStatusSourceSectionHead .statusChip {
    justify-self: start;
  }

  .selectedTemplatePreflightList {
    grid-template-columns: 1fr;
  }

  .draftForm .checkLine {
    padding-top: 0;
  }

  .draftReviewPanelSummary {
    grid-template-columns: 24px minmax(0, 1fr);
  }

  .draftReviewPanelSummary .statusChip {
    grid-column: 2;
    width: fit-content;
  }

  .draftReviewPanelBody {
    padding-left: 12px;
  }
}
.siteConfigurationForm {
  margin-top: 16px;
}

.siteConfigurationForm textarea {
  width: 100%;
  min-height: 280px;
  resize: vertical;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.siteConfigurationSummary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
}

.siteConfigurationFeedback {
  margin-top: 12px;
  overflow-wrap: anywhere;
}

.siteCommissioningPackageActions { display: grid; gap: 10px; margin-top: 14px; }
.siteCommissioningPackageActions label { display: grid; gap: 6px; }
.siteCommissioningPackageActions pre { max-height: 320px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; }

/* Quiet primary composition: five icon-led areas with technical evidence kept secondary. */
.appShell {
  grid-template-columns: minmax(0, 1fr);
}

.sideNav {
  position: sticky;
  top: 0;
  z-index: 30;
  display: grid;
  grid-template-columns: minmax(180px, 0.8fr) minmax(520px, 2.4fr) auto auto;
  gap: 14px;
  align-items: center;
  min-height: 78px;
  padding: 10px 22px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.24);
}

.brandBlock {
  grid-template-columns: 139px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.brandMark {
  width: 139px;
  height: 40px;
  padding: 0;
}

.brandLogo {
  max-height: 40px;
}

.brandBlock h1 {
  font-size: 1rem;
}

.brandBlock p {
  font-size: 0.74rem;
}

.sideNav nav {
  display: grid;
  grid-template-columns: repeat(5, minmax(82px, 1fr));
  gap: 7px;
}

.navButton {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  min-height: 56px;
  padding: 7px 8px;
  text-align: center;
}

.navButton:hover,
.navButton.active {
  box-shadow: inset 0 -3px 0 var(--orange);
}

.navIcon {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7;
}

.navLabel {
  font-size: 0.76rem;
  font-weight: 700;
}

.auditAccess {
  min-width: 116px;
}

.auditNavButton {
  min-height: 36px;
  margin: 0;
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  color: #cbd0d4;
  font-size: 0.74rem;
}

.modeBox {
  min-height: 36px;
  margin: 0;
  padding: 8px 10px;
  white-space: nowrap;
}

.mainArea {
  width: min(1280px, 100%);
  margin: 0 auto;
  padding: 24px;
}

.deliveryAssetStrip,
.meetingWorkflowFacts,
.meetingWorkflowAssets,
.sitePrimaryWorkspaceGrid {
  display: grid;
  gap: 10px;
}

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

.deliveryAssetStrip > div,
.meetingWorkflowFacts > div,
.meetingWorkflowAssets > section {
  display: grid;
  gap: 4px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.deliveryAssetStrip span,
.meetingWorkflowFacts span,
.meetingWorkflowAssets span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
}

.deliveryAssetStrip strong,
.meetingWorkflowFacts strong,
.meetingWorkflowAssets strong {
  overflow-wrap: anywhere;
}

.meetingWorkflow {
  display: grid;
  gap: 18px;
}

.meetingWorkflowHead,
.sitePrimaryWorkspaceHead {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
}

.meetingWorkflowHead h3,
.meetingWorkflowHead p,
.sitePrimaryWorkspaceHead h3,
.sitePrimaryWorkspaceHead p,
.sitePrimaryWorkspaceGrid h4,
.sitePrimaryWorkspaceGrid p {
  margin: 0;
}

.meetingWorkflowHead > div > p:last-child,
.sitePrimaryWorkspaceHead > span,
.sitePrimaryWorkspaceGrid p,
.meetingWorkflowAssets small {
  color: var(--muted);
}

.meetingWorkflowState {
  padding: 6px 10px;
  border-radius: 999px;
  color: var(--ink);
  background: var(--warning-bg);
  font-size: 0.78rem;
  font-weight: 700;
  white-space: nowrap;
}

.meetingWorkflowState[data-state="ready"] { background: var(--success-bg); }
.meetingWorkflowState[data-state="limited"] { background: var(--warning-bg); }
.meetingWorkflowState[data-state="blocked"] { background: var(--risk-bg); }

.meetingReadinessBand {
  display: grid;
  gap: 5px;
  padding: 16px;
  border: 1px solid var(--line);
  border-left: 5px solid var(--orange);
  border-radius: 9px;
  background: var(--surface-muted);
}

.meetingReadinessBand[data-state="ready"] { border-left-color: var(--green); }
.meetingReadinessBand[data-state="limited"] { border-left-color: var(--orange); }
.meetingReadinessBand[data-state="blocked"] { border-left-color: var(--red); }
.meetingReadinessBand span,
.meetingReadinessBand small,
.meetingCapability p,
.meetingCapability > small { color: var(--muted); }

.meetingCapabilityGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 10px;
}

.meetingCapability {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 13px;
  border: 1px solid var(--line);
  border-top: 4px solid var(--line);
  border-radius: 9px;
  background: var(--surface);
}

.meetingCapability[data-state="ready"] { border-top-color: var(--green); }
.meetingCapability[data-state="limited"],
.meetingCapability[data-state="verify"] { border-top-color: var(--orange); }
.meetingCapability[data-state="blocked"] { border-top-color: var(--red); }
.meetingCapability[data-state="not-requested"] { border-top-color: var(--muted); }
.meetingCapability > div { display: flex; justify-content: space-between; gap: 8px; }
.meetingCapability p { margin: 0; line-height: 1.4; }
.meetingCapability > div small { text-transform: uppercase; font-weight: 700; }

.meetingTechnicalDetails {
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: var(--surface-muted);
}

.meetingTechnicalDetails summary { cursor: pointer; font-weight: 700; }
.meetingTechnicalDetails .meetingWorkflowAssets { margin-top: 12px; }

.meetingWorkflowTabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--line);
}

.meetingWorkflowTabs a {
  padding: 7px 10px;
  border-radius: 999px;
  color: var(--ink);
  background: var(--surface-muted);
  text-decoration: none;
}

.meetingWorkflowTabs a:hover,
.meetingWorkflowTabs a:focus-visible {
  color: #fff;
  outline: 2px solid var(--orange);
  outline-offset: 2px;
}

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

.meetingWorkflowLinks {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

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

.meetingWorkflowPrimaryAction {
  justify-self: start;
}

.transcriptWorkspace {
  display: grid;
  gap: 18px;
  margin-top: 20px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--surface);
  box-shadow: var(--shadow);
}

.transcriptWorkspace[hidden] { display: none; }
.transcriptWorkspaceHead,
.transcriptRevisionHead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.transcriptWorkspaceHead h2,
.transcriptWorkspaceHead p,
.transcriptRevisionHead h3,
.transcriptRevisionHead p { margin: 0; }
.transcriptWorkspaceHead p:last-child,
.transcriptRevisionHead p { color: var(--muted); }
.transcriptRevisionCard { display: grid; gap: 16px; }
.privateMediaPreview,
.privateMediaPlayer { display: grid; gap: 14px; }
.privateMediaPreview { border-top: 1px solid var(--line); margin-top: 4px; padding-top: 18px; }
.privateMediaPreview h3,
.privateMediaPreview p,
.privateMediaPlayer h3,
.privateMediaPlayer p { margin: 0; }
.privateMediaPreview > .button { justify-self: start; }
.privateMediaPlayer { background: var(--surface-muted); border: 1px solid var(--line); border-radius: 12px; padding: 16px; }
.privateMediaPlayer video { background: #000; max-width: 100%; width: 100%; }
.privateMediaControls { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; }
.privateMediaControls label { align-items: center; display: flex; gap: 7px; }
.privateMediaPlayer .transcript { max-width: 72ch; }
.privateMediaPlayer .transcript p { margin: 10px 0; }
.privateMediaPlayer .transcript a:focus-visible,
.privateMediaPlayer video:focus-visible,
.privateMediaControls :focus-visible { outline: 4px solid #ffd166; outline-offset: 3px; }
.privateMediaAlternative { border-left: 3px solid var(--orange); padding-left: 12px; }
.transcriptRevisionHead label { display: grid; gap: 6px; min-width: min(320px, 100%); }
.transcriptMetadata { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin: 0; }
.transcriptMetadata div { display: grid; gap: 4px; padding: 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); min-width: 0; }
.transcriptMetadata dt { color: var(--muted); font-size: 0.72rem; font-weight: 700; text-transform: uppercase; }
.transcriptMetadata dd { margin: 0; overflow-wrap: anywhere; }
.transcriptOptions { display: flex; flex-wrap: wrap; gap: 10px 18px; padding: 14px; border: 1px solid var(--line); border-radius: 8px; }
.transcriptOptions legend { padding: 0 6px; font-weight: 700; }
.transcriptOptions label { display: inline-flex; gap: 7px; align-items: center; }
.transcriptFormatActions { display: flex; flex-wrap: wrap; gap: 8px; }
.transcriptFormatActions .button { min-height: 44px; }
.transcriptFeedback { min-height: 1.4em; margin: 0; color: var(--muted); overflow-wrap: anywhere; }
.transcriptCorrection { padding: 12px 14px; border: 1px solid var(--line); border-radius: 8px; }
.transcriptCorrection summary { cursor: pointer; font-weight: 700; }
.transcriptCorrection form { display: grid; gap: 10px; margin-top: 12px; }
.transcriptCorrection label { display: grid; gap: 6px; }
.transcriptCorrection .button { justify-self: start; }
.transcriptCorrectionActions { display: flex; flex-wrap: wrap; gap: 8px; }
.transcriptCorrectionDiff { display: grid; gap: 10px; }
.transcriptCorrectionDiff[hidden] { display: none; }
.transcriptCorrectionDiff article { padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); }
.transcriptCorrectionDiff strong { display: block; margin-bottom: 8px; }
.transcriptCorrectionDiff dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0; }
.transcriptCorrectionDiff dl div { min-width: 0; }
.transcriptCorrectionDiff dt { color: var(--muted); font-size: 0.72rem; font-weight: 700; text-transform: uppercase; }
.transcriptCorrectionDiff dd { margin: 3px 0 0; overflow-wrap: anywhere; }

.sitePrimaryWorkspace {
  display: grid;
  gap: 16px;
  margin-bottom: 20px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--surface);
  box-shadow: var(--shadow);
}

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

.sitePrimaryWorkspaceGrid article {
  display: grid;
  gap: 9px;
  align-content: start;
  min-height: 190px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: var(--surface-muted);
}

.sitePrimaryWorkspaceGrid svg {
  width: 25px;
  height: 25px;
  fill: none;
  stroke: var(--orange-deep);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7;
}

.sitePrimaryWorkspaceGrid .button {
  justify-self: start;
  margin-top: auto;
}

.siteConfigurationPanelActions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.siteConfigurationPanel.siteConfigurationCollapsed > :not(.panelHead) {
  display: none;
}

@media (max-width: 980px) {
  .sideNav {
    grid-template-columns: minmax(150px, auto) minmax(0, 1fr) auto;
  }

  .sideNav nav {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .auditAccess {
    grid-column: 3;
    grid-row: 1;
  }

  .modeBox {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
  }

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

@media (max-width: 640px) {
  .sideNav {
    position: static;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    padding: 9px 10px;
  }

  .brandBlock {
    grid-template-columns: 96px minmax(0, 1fr);
  }

  .brandMark {
    width: 96px;
    height: 28px;
  }

  .brandLogo {
    max-height: 28px;
  }

  .brandBlock p,
  .modeBox {
    display: none;
  }

  .sideNav.auditMode .modeBox {
    display: flex;
  }

  .sideNav.auditMode .auditAccess {
    display: none;
  }

  .sideNav nav {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 3px;
    width: 100%;
    overflow: visible;
  }

  .navButton {
    min-height: 50px;
    padding: 5px 2px;
    white-space: normal;
  }

  .navIcon {
    width: 19px;
    height: 19px;
  }

  .navLabel {
    font-size: 0.62rem;
  }

  .auditAccess {
    grid-column: 2;
    grid-row: 1;
    min-width: 100px;
  }

  .auditNavButton {
    min-height: 34px;
    font-size: 0.68rem;
  }

  .mainArea {
    padding: 12px;
  }

  .deliveryTodayQuiet,
  .deliveryAssetStrip,
  .meetingWorkflowFacts,
  .meetingWorkflowAssets,
  .sitePrimaryWorkspaceGrid {
    grid-template-columns: minmax(0, 1fr);
  }

  .deliverySection,
  .sitePrimaryWorkspace {
    padding: 14px;
  }

  .deliverySectionHead,
  .deliveryCardHead,
  .meetingWorkflowHead,
  .transcriptWorkspaceHead,
  .transcriptRevisionHead,
  .sitePrimaryWorkspaceHead,
  .siteConfigurationPanel > .panelHead {
    flex-direction: column;
    align-items: stretch;
  }

  .siteConfigurationPanelActions {
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .transcriptMetadata { grid-template-columns: minmax(0, 1fr); }
  .transcriptCorrectionDiff dl { grid-template-columns: minmax(0, 1fr); }
  .privateMediaControls > * { flex: 1 1 100%; }
  .privateMediaControls label { justify-content: space-between; }

  .sitePrimaryWorkspaceGrid article {
    min-height: 0;
  }
}