* {
  box-sizing: border-box;
}

.sales-mainline-workspace {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid #b9d9d0;
  border-radius: 6px;
  background: #f7fbfa;
}

.sales-mainline-workspace-header,
.sales-mainline-workspace-footer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.sales-mainline-workspace-header > div,
.sales-mainline-workspace-footer > div {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.sales-mainline-workspace span,
.sales-mainline-task-grid span,
.sales-mainline-metric span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.sales-mainline-workspace strong,
.sales-mainline-workspace p,
.sales-mainline-task-grid strong,
.sales-mainline-task-grid p {
  min-width: 0;
  overflow-wrap: anywhere;
}

.sales-mainline-workspace-header strong {
  color: #16241f;
  font-size: 20px;
  line-height: 1.3;
}

.sales-mainline-workspace p,
.sales-mainline-task-grid p {
  margin: 0;
  color: #52635a;
  font-size: 13px;
  line-height: 1.45;
}

.commercial-opportunity-decision-brief-goal-context {
  margin: 0;
  color: #53675f;
  font-size: 12px;
  line-height: 1.4;
}

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

.sales-mainline-task-grid article,
.sales-mainline-metric {
  display: grid;
  align-content: start;
  gap: 7px;
  min-width: 0;
  padding: 12px;
  border: 1px solid #d9e4e0;
  border-radius: 6px;
  background: #ffffff;
}

.sales-mainline-task-grid strong {
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

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

.sales-mainline-metric strong {
  color: #182026;
  font-size: 25px;
  line-height: 1;
}

.sales-mainline-workspace-footer {
  align-items: center;
  padding-top: 2px;
}

.sales-mainline-workspace-footer > p {
  max-width: 62ch;
}

.sales-proof-manual-outcome-flow {
  display: grid;
  gap: 12px;
  margin: 14px 0;
  padding: 16px;
  border: 1px solid #b7d7d0;
  border-radius: 8px;
  background: #f4fbf8;
}

.sales-proof-manual-outcome-head,
.sales-proof-current-task {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.sales-proof-manual-outcome-head > div:first-child,
.sales-proof-current-task > div:first-child {
  display: grid;
  gap: 5px;
}

.sales-proof-manual-outcome-head span,
.sales-proof-current-task span,
.sales-proof-boundary {
  color: #5f7169;
  font-size: 13px;
}

.sales-proof-manual-outcome-head strong,
.sales-proof-current-task strong {
  color: #16241f;
  font-size: 18px;
}

.sales-proof-manual-outcome-head p,
.sales-proof-current-task p,
.sales-proof-boundary {
  margin: 0;
  line-height: 1.5;
}

.sales-proof-stage-path {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sales-proof-stage-path li {
  min-height: 44px;
  display: flex;
  align-items: center;
  padding: 8px 10px;
  border: 1px solid #d8e3df;
  border-radius: 6px;
  background: #fff;
  color: #64746e;
  font-size: 13px;
  line-height: 1.3;
}

.sales-proof-stage-path li.active {
  border-color: #23766b;
  background: #e8f5f1;
  color: #155d54;
  font-weight: 700;
}

.sales-proof-current-task {
  align-items: center;
  padding: 12px;
  border: 1px solid #d8e3df;
  border-radius: 6px;
  background: #fff;
}

.sales-proof-current-action {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.sales-proof-current-action .runtime-preflight-panel,
.sales-proof-current-action .runtime-follow-up-panel {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.sales-proof-current-action .runtime-outcome-row {
  grid-template-columns: minmax(120px, 0.65fr) minmax(210px, 1fr) auto;
}

.sales-reporting-matrix {
  display: grid;
  gap: 12px;
  padding: 12px;
  border: 1px solid #d8e3df;
  border-radius: 6px;
  background: #fbfdfc;
}

.sales-reporting-matrix summary {
  color: #1b5e55;
  cursor: pointer;
  font-weight: 700;
}

.sales-reporting-matrix p {
  margin: 0;
  color: #52635a;
  line-height: 1.5;
}

.sales-reporting-matrix-boundary {
  font-size: 13px;
}

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

.sales-reporting-matrix-dimension {
  display: grid;
  gap: 4px;
  min-height: 66px;
  padding: 10px;
  border: 1px solid #d8e3df;
  border-radius: 6px;
  background: #fff;
  color: #36453f;
  text-align: left;
}

.sales-reporting-matrix-dimension:hover,
.sales-reporting-matrix-dimension.is-selected {
  border-color: #1b7569;
  background: #eef8f5;
}

.sales-reporting-matrix-dimension span {
  color: #52635a;
  font-size: 12px;
  overflow-wrap: anywhere;
}

.sales-reporting-matrix-dimension strong {
  color: #182026;
  font-size: 20px;
}

.sales-reporting-matrix-drilldown {
  display: grid;
  gap: 7px;
  padding: 12px;
  border: 1px solid #bcd8d1;
  border-radius: 6px;
  background: #fff;
}

.sales-reporting-matrix-drilldown > span,
.sales-reporting-matrix-drilldown-footer p {
  color: #61736a;
  font-size: 12px;
  font-weight: 700;
}

.sales-reporting-matrix-drilldown strong {
  color: #182026;
  font-size: 16px;
}

.sales-reporting-matrix-drilldown-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.sales-reporting-matrix-drilldown-footer button {
  flex: 0 0 auto;
}

.sales-case-retrospective,
.sales-case-retrospective-header,
.sales-case-retrospective-grid,
.sales-case-retrospective-facts,
.sales-case-retrospective-form,
.sales-case-retrospective-form > div {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.sales-case-retrospective {
  padding: 14px;
  border: 1px solid #c5dcd5;
  border-radius: 6px;
  background: #ffffff;
}

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

.sales-case-retrospective-header > div {
  display: grid;
  gap: 5px;
}

.sales-case-retrospective-header strong,
.sales-case-retrospective > div > strong {
  color: #182026;
  font-size: 17px;
  line-height: 1.35;
}

.sales-case-retrospective p,
.sales-case-retrospective li {
  margin: 0;
  color: #52635a;
  font-size: 13px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

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

.sales-case-retrospective-facts {
  padding: 11px;
  border: 1px solid #d9e4e0;
  border-radius: 6px;
  background: #fbfdfc;
}

.sales-case-retrospective-facts ul {
  display: grid;
  gap: 5px;
  margin: 0;
  padding-left: 18px;
}

.sales-case-retrospective-form {
  padding-top: 2px;
}

.sales-case-retrospective-form label {
  color: #26342f;
  font-size: 13px;
  font-weight: 700;
}

.sales-case-retrospective-form textarea {
  width: 100%;
  min-height: 76px;
  resize: vertical;
}

.sales-case-retrospective-form > div {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.sales-case-retrospective-boundary {
  color: #5c7068;
  font-size: 12px !important;
}

.sales-case-retrospective-error {
  color: #9c2f2f !important;
}

.sales-case-retrospective-form.has-validation-error textarea {
  border-color: #b23b3b;
}

@media (max-width: 760px) {
  .sales-reporting-matrix-controls {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sales-reporting-matrix-drilldown-footer {
    align-items: stretch;
    flex-direction: column;
  }

  .sales-reporting-matrix-drilldown-footer button {
    width: 100%;
  }

  .sales-proof-manual-outcome-head,
  .sales-proof-current-task,
  .sales-case-retrospective-header {
    flex-direction: column;
    align-items: stretch;
  }

  .sales-proof-stage-path {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sales-proof-current-action,
  .sales-proof-current-action .runtime-outcome-row,
  .sales-case-retrospective-form > div {
    width: 100%;
    grid-template-columns: 1fr;
  }
}

.sales-mainline-context {
  display: grid;
  gap: 10px;
  padding: 14px;
  border-left: 3px solid #26766a;
  background: #edf8f5;
}

.sales-mainline-context-intro,
.sales-mainline-context-intro > div:first-child,
.sales-mainline-context article,
.sales-mainline-context-actions {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.sales-mainline-context-intro {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 16px;
}

.sales-mainline-context strong {
  color: #16241f;
  font-size: 16px;
}

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

.sales-mainline-context-grid article {
  padding: 10px;
  border: 1px solid #cfe3dd;
  background: #ffffff;
}

.sales-mainline-context-actions {
  grid-auto-flow: column;
  justify-content: start;
}

.sales-mainline-context-boundary,
.sales-mainline-context-message,
.sales-mainline-context-reference {
  color: #52635a;
  font-size: 12px;
}

.sales-mainline-intake-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sales-mainline-intake-steps li {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid #d4e1dd;
  border-radius: 6px;
  background: #ffffff;
  color: #65717a;
}

.sales-mainline-intake-steps button {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  padding: 0;
  color: inherit;
  background: transparent;
  border: 0;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.sales-mainline-intake-steps li.locked button {
  cursor: pointer;
}

.sales-mainline-intake-steps small {
  color: #7a8388;
  font-size: 11px;
}

.sales-mainline-intake-steps li.complete,
.sales-mainline-intake-steps li.active {
  border-color: #92c9bc;
  color: #1c6c60;
}

.sales-mainline-intake-steps li.active {
  background: #eaf7f3;
}

.sales-mainline-intake-steps li > span {
  display: inline-grid;
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  place-items: center;
  border-radius: 50%;
  background: #e5eeeb;
  color: #355149;
  font-size: 12px;
}

.sales-mainline-intake-steps li.active > span,
.sales-mainline-intake-steps li.complete > span {
  background: #26766a;
  color: #ffffff;
}

.sales-mainline-intake-steps strong {
  color: inherit;
  font-size: 13px;
  line-height: 1.25;
}

.sales-mainline-intake-panel {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid #b9d9d0;
  border-radius: 6px;
  background: #ffffff;
}

.sales-mainline-intake-next-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  border: 1px solid #8dc7b9;
  border-radius: 6px;
  background: #edf8f5;
}

.sales-mainline-intake-next-action > div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.sales-mainline-intake-next-action strong {
  color: #16241f;
  font-size: 16px;
}

.sales-mainline-intake-next-action p {
  margin: 0;
}

.sales-mainline-intake-panel > div:first-child,
.sales-mainline-intake-summary,
.sales-mainline-intake-ai-boundary {
  display: grid;
  gap: 6px;
}

.sales-mainline-intake-panel strong {
  color: #16241f;
  font-size: 17px;
}

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

.sales-mainline-route-proposal-grid article {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #d4e1dd;
  background: #fbfdfc;
}

.sales-mainline-route-proposal-grid span {
  color: #65717a;
  font-size: 12px;
}

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

.sales-mainline-intake-form .sales-mainline-workspace-footer {
  grid-column: 1 / -1;
}

.sales-mainline-intake-form .runtime-field {
  margin: 0;
}

.sales-mainline-intake-form .runtime-field-multiline {
  grid-column: 1 / -1;
}

.sales-mainline-intake-summary,
.sales-mainline-intake-ai-boundary,
.sales-mainline-intake-boundary {
  padding: 10px;
  border-left: 3px solid #26766a;
  background: #edf8f5;
}

.sales-mainline-intake-ai-boundary {
  border-left-color: #a5792c;
  background: #fff8e8;
}

@media (max-width: 760px) {
  .sales-mainline-intake-steps,
  .sales-mainline-intake-form,
  .sales-mainline-route-proposal-grid {
    grid-template-columns: 1fr;
  }
}

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

.sales-mainline-goal-map article,
.sales-mainline-priority-explanation {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 13px;
  border: 1px solid #d4e1dd;
  background: #ffffff;
}

.sales-mainline-goal-map strong,
.sales-mainline-priority-explanation strong {
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.sales-mainline-goal-map p,
.sales-mainline-priority-explanation p {
  margin: 0;
  color: #52635a;
  font-size: 13px;
  line-height: 1.45;
}

.sales-mainline-case-readiness {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid #b9dcd3;
  background: #f7fbfa;
}

.sales-mainline-case-readiness-header {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(240px, 0.8fr);
  gap: 12px;
  align-items: start;
}

.sales-mainline-case-readiness-header > div:first-child,
.sales-mainline-case-readiness-rows article {
  min-width: 0;
}

.sales-mainline-case-readiness-header strong,
.sales-mainline-case-readiness-rows strong {
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.sales-mainline-case-readiness-header p,
.sales-mainline-case-readiness-rows p,
.sales-mainline-case-readiness-empty,
.sales-mainline-case-readiness-boundary {
  margin: 0;
  color: #52635a;
  font-size: 13px;
  line-height: 1.45;
}

.sales-mainline-case-readiness-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.sales-mainline-case-readiness-metrics span {
  min-width: 0;
  padding: 9px;
  border: 1px solid #d4e1dd;
  background: #ffffff;
}

.sales-mainline-case-readiness-metrics strong {
  display: block;
  color: #1d6f61;
  font-size: 18px;
  line-height: 1.2;
}

.sales-mainline-case-readiness-metrics small {
  display: block;
  margin-top: 4px;
  color: #5d6a65;
  font-size: 12px;
  line-height: 1.25;
}

.sales-mainline-case-readiness-rows {
  display: grid;
  gap: 10px;
}

.sales-mainline-case-readiness-rows article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.9fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid #d4e1dd;
  background: #ffffff;
}

.sales-mainline-case-readiness-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.sales-mainline-case-readiness-facts div {
  min-width: 0;
}

.sales-mainline-case-readiness-facts dt {
  color: #6a7975;
  font-size: 12px;
  line-height: 1.3;
}

.sales-mainline-case-readiness-facts dd {
  margin: 2px 0 0;
  color: #24332e;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
}

.sales-mainline-case-readiness-boundary {
  padding-left: 10px;
  border-left: 3px solid #237668;
}

.sales-mainline-case-timeline {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid #d4e1dd;
  background: #ffffff;
}

.sales-mainline-case-timeline-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 0.4fr);
  gap: 12px;
  align-items: start;
}

.sales-mainline-case-timeline-header > div {
  min-width: 0;
}

.sales-mainline-case-timeline-header strong,
.sales-mainline-case-timeline-stages strong {
  display: block;
  color: #182026;
  font-size: 14px;
  line-height: 1.35;
}

.sales-mainline-case-timeline-header p,
.sales-mainline-case-timeline-header small,
.sales-mainline-case-timeline-boundary {
  margin: 0;
  color: #52635a;
  font-size: 12px;
  line-height: 1.45;
}

.sales-mainline-case-timeline-stages {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.sales-mainline-case-timeline-stages li {
  min-width: 0;
  padding: 9px;
  border: 1px solid #d6e5e1;
  background: #f7fbfa;
}

.sales-mainline-case-timeline-stages li[data-commercial-case-timeline-stage-status="complete"] {
  border-color: #9bcfc3;
  background: #edf8f5;
}

.sales-mainline-case-timeline-stages li[data-commercial-case-timeline-stage-status="active"] {
  border-color: #237668;
  background: #e8f5f1;
}

.sales-mainline-case-timeline-stages li[data-commercial-case-timeline-stage-status="blocked"] {
  border-color: #b7832b;
  background: #fff7e8;
}

.sales-mainline-case-timeline-stages span {
  display: block;
  margin-bottom: 3px;
  color: #63716c;
  font-size: 11px;
  line-height: 1.3;
}

.sales-mainline-case-timeline-boundary {
  padding-left: 10px;
  border-left: 3px solid #237668;
}

.sales-mainline-term-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.sales-mainline-term-list li {
  padding: 5px 8px;
  border: 1px solid #d6e5e1;
  border-radius: 999px;
  background: #f5faf8;
  color: #355d55;
  font-size: 12px;
  line-height: 1.3;
}

.sales-mainline-priority-explanation {
  grid-template-columns: minmax(0, 1.5fr) minmax(180px, 0.7fr);
  border-color: #b9dcd3;
  background: #f4fbf8;
}

.sales-mainline-priority-explanation > div {
  display: grid;
  align-content: start;
  gap: 6px;
  min-width: 0;
}

.sales-mainline-priority-facts {
  padding-left: 12px;
  border-left: 1px solid #c8e0d9;
}

@media (max-width: 760px) {
  .sales-mainline-workspace-header,
  .sales-mainline-workspace-footer,
  .sales-mainline-intake-next-action {
    align-items: stretch;
    flex-direction: column;
  }

  .sales-mainline-task-grid,
  .sales-mainline-metric-grid,
  .sales-mainline-context-grid,
  .sales-mainline-goal-map,
  .sales-case-retrospective-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sales-mainline-context-intro {
    grid-template-columns: minmax(0, 1fr);
  }

  .sales-mainline-workspace-footer .primary-button {
    width: 100%;
  }

  .sales-mainline-intake-next-action .primary-button {
    width: 100%;
  }

  .sales-mainline-context-actions {
    grid-auto-flow: row;
  }

  .sales-mainline-context-actions .primary-button,
  .sales-mainline-context-actions .secondary-button {
    width: 100%;
  }

  .sales-mainline-priority-explanation {
    grid-template-columns: minmax(0, 1fr);
  }

  .sales-mainline-case-readiness-header,
  .sales-mainline-case-readiness-rows article,
  .sales-mainline-case-readiness-facts,
  .sales-mainline-case-timeline-header {
    grid-template-columns: minmax(0, 1fr);
  }

  .sales-mainline-case-timeline-stages {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sales-mainline-priority-facts {
    padding-top: 10px;
    padding-left: 0;
    border-top: 1px solid #c8e0d9;
    border-left: 0;
  }
}

body {
  margin: 0;
  color: #182026;
  background: #f5f7f8;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.shell {
  width: min(1280px, calc(100vw - 32px));
  margin: 0 auto;
  padding: 28px 0;
}

.toolbar,
.section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.toolbar {
  margin-bottom: 18px;
}

.toolbar-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.locale-picker {
  display: grid;
  gap: 4px;
  color: #65717a;
  font-size: 12px;
  font-weight: 650;
}

.locale-picker select {
  min-width: 120px;
  height: 34px;
  border: 1px solid #d8dee2;
  border-radius: 6px;
  background: #ffffff;
  color: #182026;
  font: inherit;
}

.role-summary {
  display: grid;
  gap: 2px;
  min-width: 150px;
  padding: 8px 10px;
  border: 1px solid #d8dee2;
  border-radius: 6px;
  background: #ffffff;
  text-align: right;
}

.role-summary strong {
  font-size: 13px;
  line-height: 1.2;
}

.role-summary span {
  color: #65717a;
  font-size: 12px;
  line-height: 1.2;
}

.route-nav {
  display: grid;
  gap: 10px;
  margin-bottom: 12px;
}

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

.core-route-tab {
  min-height: 44px;
  font-weight: 750;
}

.core-route-tab.locked {
  color: #87939a;
  background: #f3f5f6;
  cursor: not-allowed;
}

.secondary-route-nav {
  border: 1px solid #d8dee2;
  border-radius: 8px;
  background: #ffffff;
}

.secondary-workspace-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 38px;
  padding: 8px 12px;
  border: 0;
  background: transparent;
  color: #273038;
  cursor: pointer;
  font-size: 13px;
  font-weight: 750;
  text-align: left;
}

.secondary-workspace-toggle::after {
  content: "+";
  color: #65717a;
  font-size: 17px;
  line-height: 1;
}

.secondary-workspace-toggle[aria-expanded="true"]::after {
  content: "-";
}

.secondary-workspace-panel {
  border-top: 1px solid #edf0f1;
}

.secondary-workspace-panel[hidden] {
  display: none;
}

.secondary-route-count {
  color: #65717a;
  font-size: 12px;
  font-weight: 650;
}

.secondary-workspace-panel > p {
  margin: 0;
  padding: 0 12px 8px;
  color: #65717a;
  font-size: 12px;
}

.secondary-route-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 12px 12px;
}

.route-tab {
  border-color: #d3dbdf;
  background: #ffffff;
  color: #273038;
}

.route-tab.active {
  border-color: #226b62;
  background: #226b62;
  color: #ffffff;
}

.status-banner {
  margin-bottom: 14px;
  padding: 10px 12px;
  border: 1px solid #d8dee2;
  border-radius: 8px;
  background: #ffffff;
  color: #273038;
  font-size: 13px;
  font-weight: 650;
  overflow-wrap: anywhere;
}

.status-banner.loaded {
  border-color: #b9d8d1;
  background: #e8f4f1;
  color: #1b5f57;
}

.status-banner.fallback {
  border-color: #dbc777;
  background: #fff8da;
  color: #6c5615;
}

.status-banner.unauthorized,
.status-banner.error {
  border-color: #e1a8a8;
  background: #fff0f0;
  color: #8b1e1e;
}

.pilot-auth-panel {
  display: grid;
  grid-template-columns: minmax(240px, 0.6fr) minmax(0, 1.4fr);
  gap: 14px;
  align-items: center;
  margin-bottom: 14px;
  padding: 14px;
  border: 1px solid #d8dee2;
  border-radius: 8px;
  background: #ffffff;
}

.pilot-auth-panel.authenticated {
  grid-template-columns: minmax(0, 1fr) max-content;
  border-color: #b9d8d1;
  background: #e8f4f1;
}

.pilot-auth-panel strong,
.pilot-auth-panel span {
  display: block;
}

.pilot-auth-panel span {
  margin-top: 4px;
  color: #65717a;
  font-size: 12px;
  line-height: 1.35;
}

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

.pilot-role-button {
  display: grid;
  gap: 2px;
  min-height: 58px;
  padding: 9px 10px;
  border-color: #d3dbdf;
  background: #fbfcfc;
  color: #182026;
  text-align: left;
}

.pilot-role-button:hover {
  border-color: #226b62;
  background: #e8f4f1;
}

.secondary-button {
  border-color: #d3dbdf;
  background: #ffffff;
  color: #273038;
}

body.pilot-locked .route-nav,
body.pilot-locked [data-app-section],
body[data-app-loading="true"] .route-nav,
body[data-app-loading="true"] [data-app-section] {
  display: none !important;
}

h1,
h2,
p {
  margin: 0;
}

h1 {
  font-size: 28px;
  line-height: 1.15;
}

h2 {
  font-size: 16px;
}

p,
.muted {
  color: #65717a;
}

p {
  margin-top: 6px;
}

button {
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid #226b62;
  background: #226b62;
  color: white;
  border-radius: 6px;
  font-weight: 650;
  cursor: pointer;
}

button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

input,
select,
textarea {
  width: 100%;
  border: 1px solid #d3dbdf;
  border-radius: 6px;
  background: #ffffff;
  color: #182026;
  font: inherit;
}

input,
select {
  min-height: 36px;
  padding: 0 10px;
}

textarea {
  min-height: 120px;
  padding: 10px;
  resize: vertical;
  line-height: 1.45;
}

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

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

.layout {
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  gap: 14px;
  margin-bottom: 14px;
}

.layout[data-visible-section-count="1"] {
  grid-template-columns: minmax(0, 1fr);
}

.lower-layout {
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
}

.metric,
.panel {
  min-width: 0;
  background: white;
  border: 1px solid #d8dee2;
  border-radius: 8px;
}

.metric {
  padding: 14px;
  min-height: 76px;
}

.metric strong {
  display: block;
  font-size: 24px;
  line-height: 1.1;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.metric-long strong {
  font-size: 20px;
  line-height: 1.18;
}

.metric span {
  color: #65717a;
  font-size: 12px;
}

.panel {
  padding: 16px;
}

.opportunity-run-panel {
  margin-bottom: 14px;
}

.runtime-panel {
  margin-bottom: 14px;
}

.runtime-workbench,
.runtime-proof-packs,
.runtime-route-report,
.runtime-source-auth {
  display: grid;
  gap: 14px;
  margin-top: 14px;
}

.commercial-opportunity-workbench {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

.commercial-opportunity-decision-brief {
  display: grid;
  gap: 16px;
  padding: 18px;
  border: 1px solid #9ecfc5;
  border-radius: 8px;
  background: #f3fbf8;
  box-shadow: 0 4px 14px rgba(25, 86, 76, 0.08);
}

.commercial-opportunity-decision-brief-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.commercial-opportunity-decision-brief-head h3 {
  margin: 4px 0 0;
  font-size: 24px;
  line-height: 1.16;
  overflow-wrap: anywhere;
}

.commercial-opportunity-decision-brief-summary {
  margin: 7px 0 0;
  color: #52676a;
}

.commercial-opportunity-user-task-flow {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(240px, 0.7fr);
  gap: 16px;
  align-items: stretch;
}

.commercial-opportunity-user-task-value {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  min-width: 0;
}

.commercial-opportunity-user-task-value > section {
  display: grid;
  align-content: start;
  gap: 7px;
  min-width: 0;
  padding: 4px 14px;
  border-left: 1px solid #cbe3dd;
}

.commercial-opportunity-user-task-value > section:first-child {
  padding-left: 0;
  border-left: 0;
}

.commercial-opportunity-user-task-flow strong,
.commercial-opportunity-user-task-flow p {
  overflow-wrap: anywhere;
}

.commercial-opportunity-user-task-flow p {
  margin: 0;
  color: #52676a;
}

.commercial-opportunity-user-task-flow small {
  color: #687779;
  line-height: 1.35;
}

.commercial-opportunity-decision-brief-action {
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
  padding: 14px;
  border-left: 3px solid #28766d;
  border-radius: 0 6px 6px 0;
  background: #ffffff;
}

.commercial-opportunity-decision-brief-action .primary-button {
  width: 100%;
}

.brief-kicker {
  color: #28766d;
  font-size: 12px;
  font-weight: 800;
}

.commercial-opportunity-brief-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  color: #1e6960;
  font-size: 13px;
  font-weight: 750;
}

.commercial-opportunity-brief-subreadout {
  display: grid;
  gap: 3px;
  margin-top: 4px;
  padding-top: 8px;
  border-top: 1px solid #d8ebe6;
}

.commercial-opportunity-brief-subreadout span,
.commercial-opportunity-brief-label {
  color: #28766d;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0;
}

.commercial-opportunity-brief-subreadout small,
.commercial-opportunity-brief-empty {
  color: #687779;
  line-height: 1.35;
}

.commercial-opportunity-brief-fact-list {
  display: grid;
  gap: 3px;
  margin: 0;
  padding-left: 16px;
  color: #314c4d;
  font-size: 12px;
  line-height: 1.35;
}

.commercial-opportunity-brief-fact-list li {
  overflow-wrap: anywhere;
}

.commercial-opportunity-decision-brief-action {
  background: #eaf7f3 !important;
}

.commercial-opportunity-decision-brief-action .primary-button {
  width: 100%;
}

.commercial-opportunity-list-disclosure {
  border: 1px solid #ccd9d5;
  border-radius: 6px;
  background: #fbfdfc;
}

.commercial-opportunity-list-disclosure summary {
  cursor: pointer;
  padding: 11px 14px;
  color: #1d5f58;
  font-weight: 800;
}

.commercial-opportunity-list-disclosure[open] {
  padding-bottom: 12px;
}

.commercial-opportunity-list-disclosure[open] summary {
  margin-bottom: 12px;
  border-bottom: 1px solid #dbe7e3;
}

.commercial-opportunity-list-disclosure .commercial-opportunity-grid {
  padding: 0 12px;
}

.commercial-opportunity-card[data-opportunity-focused="true"] {
  border-color: #267a6f;
  box-shadow: 0 0 0 3px rgba(38, 122, 111, 0.12);
}

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

.commercial-opportunity-card {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 14px;
  border: 1px solid #ccd9d5;
  border-radius: 6px;
  background: #fbfdfc;
}

.commercial-opportunity-recovery-task {
  display: grid;
  gap: 5px;
  padding: 10px 12px;
  border-left: 3px solid #267a6f;
  background: #eef8f5;
  color: #285d58;
}

.commercial-opportunity-recovery-task strong {
  color: #174f49;
}

.commercial-opportunity-case-entry {
  display: grid;
  gap: 4px;
  width: min(100%, 420px);
  margin-top: 9px;
  padding: 9px 11px;
  border-left: 3px solid #28766d;
  background: #eef8f5;
  color: #285d58;
}

.commercial-opportunity-card .commercial-opportunity-case-entry {
  width: 100%;
  margin-top: 0;
}

.commercial-opportunity-case-entry span {
  color: #28766d;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.3;
}

.commercial-opportunity-case-entry strong {
  color: #173f3a;
  font-size: 13px;
  line-height: 1.35;
}

.commercial-opportunity-case-entry small {
  color: #4f6763;
  font-size: 12px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.commercial-opportunity-recovery-task span {
  width: fit-content;
  padding: 3px 7px;
  border-radius: 999px;
  background: #d6eee7;
  color: #1d6b61;
  font-size: 12px;
  font-weight: 800;
}

.commercial-opportunity-recovery-task p,
.commercial-opportunity-recovery-task small {
  margin: 0;
  overflow-wrap: anywhere;
}

.commercial-opportunity-recovery-requirements {
  display: grid;
  gap: 6px;
  padding: 10px 12px;
  border-left: 3px solid #c58b42;
  background: #fff8ed;
  color: #6d4b20;
}

.commercial-opportunity-recovery-requirements strong {
  color: #5e3e16;
}

.commercial-opportunity-recovery-requirements p,
.commercial-opportunity-recovery-requirements ul {
  margin: 0;
  overflow-wrap: anywhere;
}

.commercial-opportunity-recovery-requirements ul {
  padding-left: 18px;
}

.commercial-opportunity-recovery-queue {
  display: grid;
  gap: 10px;
  margin: 14px 0;
  padding: 14px;
  border: 1px solid #b7d8cf;
  border-radius: 6px;
  background: #f2faf7;
}

.commercial-opportunity-recovery-queue-head,
.commercial-opportunity-recovery-queue-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.commercial-opportunity-recovery-queue-head h3 {
  margin: 3px 0 0;
  font-size: 16px;
  line-height: 1.3;
}

.commercial-opportunity-recovery-queue-list {
  display: grid;
  gap: 8px;
}

.commercial-opportunity-recovery-queue-row {
  padding: 10px 0;
  border-top: 1px solid #d5e8e2;
}

.commercial-opportunity-recovery-queue-row-main,
.commercial-opportunity-recovery-queue-row-action {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.commercial-opportunity-recovery-queue-row-main > span,
.commercial-opportunity-recovery-queue-row-action > small {
  color: #4c6d68;
  font-size: 12px;
  font-weight: 700;
}

.commercial-opportunity-recovery-queue-row-main p,
.commercial-opportunity-recovery-queue-boundary {
  margin: 0;
  overflow-wrap: anywhere;
}

.commercial-opportunity-recovery-queue-row-action {
  justify-items: end;
  flex: 0 0 auto;
}

.commercial-opportunity-recovery-queue-boundary {
  padding-top: 2px;
  font-size: 12px;
}

.runtime-write-error {
  margin: 0;
  color: #a13d3d;
  font-size: 13px;
}

.commercial-opportunity-card-head,
.commercial-opportunity-actions {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.commercial-opportunity-card h3 {
  margin: 3px 0 0;
  font-size: 18px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.commercial-opportunity-lane,
.commercial-opportunity-evidence,
.commercial-opportunity-boundaries {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  color: #5d6e72;
  font-size: 12px;
}

.commercial-opportunity-lane span {
  color: #1c6c65;
  font-weight: 750;
}

.commercial-opportunity-details {
  display: grid;
  gap: 8px;
  margin: 0;
}

.commercial-opportunity-details div {
  display: grid;
  grid-template-columns: minmax(100px, 0.32fr) minmax(0, 1fr);
  gap: 8px;
  min-width: 0;
}

.commercial-opportunity-details dt {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.commercial-opportunity-details dd {
  margin: 0;
  min-width: 0;
  color: #253237;
  overflow-wrap: anywhere;
}

.commercial-opportunity-next,
.commercial-opportunity-blockers {
  display: grid;
  gap: 4px;
  padding: 9px 10px;
  border-radius: 5px;
  background: #f1f7f5;
}

.commercial-opportunity-blockers {
  background: #fff8ed;
  color: #754f1e;
}

.commercial-opportunity-next p {
  margin: 0;
}

.commercial-opportunity-actions {
  align-items: center;
}

.commercial-opportunity-actions .muted {
  min-width: 0;
  overflow-wrap: anywhere;
}

.commercial-opportunity-boundary {
  margin: 0;
}

.commercial-opportunity-case-work-queue {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid #b9ddd5;
  border-left: 4px solid #28766d;
  border-radius: 6px;
  background: #f5fbf9;
  color: #1f3936;
}

.commercial-opportunity-case-work-queue h3,
.commercial-opportunity-case-work-queue p {
  margin: 0;
}

.commercial-opportunity-case-work-queue-rows {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.commercial-opportunity-case-work-queue-rows article {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px 9px;
  border: 1px solid #c7e4de;
  border-radius: 5px;
  background: #ffffff;
}

.commercial-opportunity-case-work-queue-rows span,
.commercial-opportunity-case-work-queue-rows small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.commercial-opportunity-case-work-queue-rows span {
  font-size: 12px;
  font-weight: 800;
  color: #285d58;
}

.commercial-opportunity-case-work-queue-rows strong {
  font-size: 20px;
  line-height: 1.1;
}

.commercial-opportunity-case-task-anchor {
  width: fit-content;
  max-width: 100%;
  margin-top: 4px;
  white-space: normal;
}

.commercial-opportunity-case-detail-surface {
  display: grid;
  gap: 12px;
  padding: 13px;
  border: 1px solid #bfded8;
  border-radius: 6px;
  background: #fbfdfc;
  color: #203735;
}

.commercial-opportunity-case-detail-head,
.commercial-opportunity-case-detail-next {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.commercial-opportunity-case-detail-head h3,
.commercial-opportunity-case-detail-head p,
.commercial-opportunity-case-detail-next p,
.commercial-opportunity-case-detail-boundary {
  margin: 0;
  overflow-wrap: anywhere;
}

.commercial-opportunity-case-detail-head h3 {
  margin-top: 2px;
  font-size: 17px;
  line-height: 1.3;
}

.commercial-opportunity-case-detail-facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.commercial-opportunity-case-detail-facts div {
  min-width: 0;
  padding: 8px 9px;
  border: 1px solid #d5e8e2;
  border-radius: 5px;
  background: #ffffff;
}

.commercial-opportunity-case-detail-facts dt {
  color: #5b6e6a;
  font-size: 12px;
  font-weight: 800;
}

.commercial-opportunity-case-detail-facts dd {
  margin: 2px 0 0;
  color: #183e39;
  font-size: 13px;
  font-weight: 750;
  overflow-wrap: anywhere;
}

.commercial-opportunity-case-detail-stage-map {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

.commercial-opportunity-case-detail-stage-map article {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px;
  border: 1px solid #d5e8e2;
  border-radius: 5px;
  background: #ffffff;
}

.commercial-opportunity-case-detail-stage-map [data-commercial-case-detail-stage-status="complete"] {
  border-color: #9ed2c8;
  background: #eef8f5;
}

.commercial-opportunity-case-detail-stage-map [data-commercial-case-detail-stage-status="active"],
.commercial-opportunity-case-detail-stage-map [data-commercial-case-detail-stage-status="blocked"] {
  border-color: #28766d;
  box-shadow: inset 3px 0 0 #28766d;
}

.commercial-opportunity-case-detail-stage-map span {
  color: #5c6f6b;
  font-size: 11px;
  font-weight: 800;
}

.commercial-opportunity-case-detail-stage-map strong {
  color: #1f3936;
  font-size: 12px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.commercial-opportunity-case-detail-next {
  padding: 10px;
  border-left: 3px solid #28766d;
  background: #eef8f5;
}

@media (max-width: 640px) {
  .commercial-opportunity-case-work-queue-rows,
  .commercial-opportunity-case-detail-facts,
  .commercial-opportunity-case-detail-stage-map {
    grid-template-columns: 1fr;
  }

  .commercial-opportunity-case-detail-head,
  .commercial-opportunity-case-detail-next {
    display: grid;
  }
}

[data-runtime-workbench-i18n-scope="root"] {
  display: grid;
  gap: 14px;
  min-width: 0;
  max-width: 100%;
}

[data-runtime-workbench-i18n-scope="root"] > * {
  min-width: 0;
}

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

.runtime-operator-header {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.35fr);
  gap: 10px;
  align-items: stretch;
}

.customer-workbench-closeout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(260px, 0.58fr);
  gap: 10px;
  padding: 12px;
  border: 1px solid #cad7d2;
  border-radius: 6px;
  background: #f8fbfa;
}

.customer-workbench-closeout-main,
.customer-workbench-closeout-next {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
}

.customer-workbench-closeout-main > span,
.customer-workbench-closeout-next > span,
.customer-workbench-progress span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.customer-workbench-closeout-main strong,
.customer-workbench-closeout-next strong,
.customer-workbench-closeout-main p,
.customer-workbench-progress strong,
.customer-workbench-progress em {
  min-width: 0;
  overflow-wrap: anywhere;
}

.customer-workbench-closeout-main strong,
.customer-workbench-closeout-next strong {
  color: #17221f;
  font-size: 16px;
  line-height: 1.3;
}

.customer-workbench-closeout-main p {
  margin: 0;
  color: #52635a;
  font-size: 13px;
  line-height: 1.45;
}

.customer-workbench-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.customer-workbench-actions a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 10px;
  border: 1px solid #bfd0ca;
  border-radius: 6px;
  background: #ffffff;
  color: #1c5d55;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.customer-workbench-progress,
.customer-workbench-safety {
  grid-column: 1 / -1;
  display: grid;
  gap: 8px;
}

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

.customer-workbench-progress article {
  display: grid;
  gap: 5px;
  min-width: 0;
  min-height: 78px;
  padding: 10px;
  border: 1px solid #e1e7e4;
  border-radius: 6px;
  background: #ffffff;
}

.customer-workbench-progress article.active {
  border-color: #96c3ba;
  background: #eff8f5;
}

.customer-workbench-progress article.blocked {
  border-color: #e1c16d;
  background: #fff9e8;
}

.customer-workbench-progress strong,
.customer-workbench-progress em {
  font-size: 12px;
  font-style: normal;
}

.customer-workbench-progress strong {
  color: #182026;
}

.customer-workbench-progress em {
  color: #65717a;
}

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

.runtime-operator-main,
.runtime-operator-context article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 12px;
  border: 1px solid #d8dee2;
  border-radius: 6px;
  background: #ffffff;
}

.runtime-operator-main {
  border-color: #a9cbc5;
  background: #f3faf8;
}

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

.runtime-operator-main > span,
.runtime-operator-context article > span,
.runtime-decision-body span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.runtime-operator-main strong,
.runtime-operator-main p,
.runtime-operator-context strong,
.runtime-operator-context p,
.runtime-decision-title strong,
.runtime-decision-title p,
.runtime-decision-body p,
.runtime-decision-control {
  min-width: 0;
  overflow-wrap: anywhere;
}

.runtime-operator-main strong,
.runtime-operator-context strong {
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.runtime-operator-main p,
.runtime-operator-context p,
.runtime-decision-body p {
  margin: 0;
  color: #52635a;
  font-size: 13px;
  line-height: 1.45;
}

.route-search-plan-review {
  display: grid;
  gap: 12px;
  padding: 12px;
  border: 1px solid #d2dfdc;
  border-radius: 6px;
  background: #ffffff;
}

.route-search-plan-review.blocked {
  border-color: #d8b7b7;
  background: #fff8f7;
}

.route-search-plan-review.needs_review {
  border-color: #dccb9d;
  background: #fffaf0;
}

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

.route-search-plan-header > div:first-child,
.route-search-plan-actions {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.route-search-plan-header span,
.route-search-plan-grid span,
.route-search-plan-detail-grid span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.route-search-plan-header strong,
.route-search-plan-header p,
.route-search-plan-grid strong,
.route-search-plan-grid p,
.route-search-plan-detail-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.route-search-plan-header strong {
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.route-search-plan-header p,
.route-search-plan-grid p {
  margin: 0;
  color: #52635a;
  font-size: 13px;
  line-height: 1.45;
}

.route-search-plan-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid #bfd3cc;
  border-radius: 6px;
  color: #226b62;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.route-search-plan-actions a:hover {
  background: #f3faf8;
}

.route-search-plan-grid,
.route-search-plan-detail-grid {
  display: grid;
  gap: 10px;
}

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

.route-search-plan-detail-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.route-search-plan-grid article,
.route-search-plan-detail-grid article {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #dbe5e2;
  border-radius: 6px;
  background: #ffffff;
}

.route-search-plan-grid strong {
  color: #182026;
  font-size: 13px;
}

.route-search-plan-grid ul,
.route-search-plan-detail-grid ul,
.route-search-plan-detail-grid ol {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
  color: #52635a;
  font-size: 12px;
  line-height: 1.45;
}

.customer-route-report-mode {
  display: grid;
  gap: 12px;
  padding: 12px;
  border: 1px solid #c8d8d4;
  border-radius: 6px;
  background: #f8fbfa;
}

.customer-route-report-mode.blocked {
  border-color: #d6b9b6;
  background: #fff8f7;
}

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

.customer-route-report-mode-header > div:first-child,
.customer-route-report-mode-grid article,
.customer-route-report-value-row {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.customer-route-report-mode-header span,
.customer-route-report-mode-grid span,
.customer-route-report-value-row > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.customer-route-report-mode-header strong,
.customer-route-report-mode-header p,
.customer-route-report-mode-grid strong,
.customer-route-report-mode-grid p,
.customer-route-report-signal-list li,
.customer-route-report-signal-list small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.customer-route-report-mode-header strong {
  color: #182026;
  font-size: 16px;
  line-height: 1.35;
}

.customer-route-report-mode-header p,
.customer-route-report-mode-grid p,
.customer-route-report-signal-list small {
  margin: 0;
  color: #52635a;
  font-size: 13px;
  line-height: 1.45;
}

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

.customer-route-report-mode-grid article,
.customer-route-report-value-row {
  padding: 10px;
  border: 1px solid #dbe5e2;
  border-radius: 6px;
  background: #ffffff;
}

.customer-route-report-mode-grid strong {
  color: #182026;
  font-size: 13px;
  line-height: 1.35;
}

.customer-route-report-signal-list {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.customer-route-report-signal-list li {
  display: grid;
  gap: 2px;
}

.mainline-delivery-readout {
  display: grid;
  gap: 12px;
  padding: 12px;
  border: 1px solid #c9d8d1;
  border-radius: 6px;
  background: #fbfcfa;
}

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

.mainline-delivery-readout-header > div:first-child,
.mainline-delivery-flow article,
.mainline-delivery-grid article {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.mainline-delivery-readout-header span,
.mainline-delivery-flow span,
.mainline-delivery-grid > article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.mainline-delivery-readout-header strong,
.mainline-delivery-readout-header p,
.mainline-delivery-flow strong,
.mainline-delivery-flow p,
.mainline-delivery-grid strong,
.mainline-delivery-grid span,
.mainline-delivery-grid p,
.mainline-delivery-grid small,
.mainline-delivery-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.mainline-delivery-readout-header strong {
  color: #182026;
  font-size: 18px;
  line-height: 1.3;
}

.mainline-delivery-readout-header p,
.mainline-delivery-flow p,
.mainline-delivery-grid p,
.mainline-delivery-grid span,
.mainline-delivery-grid small {
  margin: 0;
  color: #52635a;
  font-size: 13px;
  line-height: 1.45;
}

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

.mainline-delivery-flow article,
.mainline-delivery-grid article {
  padding: 10px;
  border: 1px solid #dbe5e2;
  border-radius: 6px;
  background: #ffffff;
}

.mainline-delivery-flow article.visible {
  border-color: #b9d9c7;
  background: #f7fcf9;
}

.mainline-delivery-flow article.blocked,
.mainline-delivery-flow article.locked {
  border-color: #ddc6bd;
  background: #fffaf7;
}

.mainline-delivery-flow strong,
.mainline-delivery-grid strong {
  color: #182026;
  font-size: 13px;
  line-height: 1.35;
}

.mainline-delivery-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 0.9fr);
  gap: 10px;
}

.mainline-delivery-grid ul {
  display: grid;
  gap: 7px;
  margin: 0;
  padding-left: 18px;
  color: #52635a;
  font-size: 12px;
  line-height: 1.45;
}

.mainline-delivery-grid li {
  padding-left: 2px;
}

.mainline-delivery-grid li strong,
.mainline-delivery-grid li span,
.mainline-delivery-grid li small {
  display: block;
}

.mainline-delivery-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.mainline-delivery-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 10px;
  border: 1px solid #bfd3cc;
  border-radius: 6px;
  color: #226b62;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.mainline-delivery-actions a:hover {
  background: #f3faf8;
}

.customer-route-report-mode-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.customer-route-report-mode-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 10px;
  border: 1px solid #bfd3cc;
  border-radius: 6px;
  color: #226b62;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.customer-route-report-mode-actions a:hover {
  background: #f3faf8;
}

.customer-observation-task-strip {
  display: grid;
  gap: 10px;
  padding: 10px;
  border: 1px solid #cbded8;
  border-radius: 6px;
  background: #f4faf8;
}

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

.customer-observation-task-strip-header > div:first-child,
.customer-observation-task-strip-grid article {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.customer-observation-task-strip-header span,
.customer-observation-task-strip-grid span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.customer-observation-task-strip-header strong,
.customer-observation-task-strip-header p,
.customer-observation-task-strip-grid strong,
.customer-observation-task-strip-grid p {
  min-width: 0;
  overflow-wrap: anywhere;
}

.customer-observation-task-strip-header strong,
.customer-observation-task-strip-grid strong {
  color: #182026;
  font-size: 13px;
  line-height: 1.35;
}

.customer-observation-task-strip-header p,
.customer-observation-task-strip-grid p {
  margin: 0;
  color: #52635a;
  font-size: 12px;
  line-height: 1.45;
}

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

.customer-observation-task-strip-grid article {
  min-height: 116px;
  padding: 10px;
  border: 1px solid #dbe5e2;
  border-radius: 6px;
  background: #ffffff;
}

.customer-observation-task-strip-grid article.passed {
  border-color: #b9d9c7;
  background: #f7fcf9;
}

.customer-observation-task-strip-grid article.missing,
.customer-observation-task-strip-grid article.locked {
  border-color: #ddc6bd;
  background: #fffaf7;
}

.customer-acceptance-walkthrough {
  display: grid;
  gap: 12px;
  padding: 12px;
  border: 1px solid #d8dee2;
  border-radius: 6px;
  background: #ffffff;
}

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

.customer-acceptance-walkthrough-header > div:first-child,
.customer-acceptance-walkthrough-grid article,
.customer-acceptance-language,
.customer-acceptance-next-step,
.customer-acceptance-checklist {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.customer-acceptance-walkthrough-header span,
.customer-acceptance-walkthrough-grid article > span,
.customer-acceptance-language span,
.customer-acceptance-next-step span,
.customer-acceptance-checklist > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.customer-acceptance-walkthrough-header strong,
.customer-acceptance-walkthrough-header p,
.customer-acceptance-walkthrough-grid strong,
.customer-acceptance-walkthrough-grid p,
.customer-acceptance-evidence li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.customer-acceptance-walkthrough-header strong {
  color: #182026;
  font-size: 16px;
  line-height: 1.35;
}

.customer-acceptance-walkthrough-header p,
.customer-acceptance-walkthrough-grid p,
.customer-acceptance-evidence li {
  margin: 0;
  color: #52635a;
  font-size: 13px;
  line-height: 1.45;
}

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

.customer-acceptance-walkthrough-grid article,
.customer-acceptance-checklist {
  padding: 10px;
  border: 1px solid #dbe5e2;
  border-radius: 6px;
  background: #fbfcfc;
}

.customer-acceptance-walkthrough-grid strong {
  color: #182026;
  font-size: 14px;
  line-height: 1.35;
}

.customer-acceptance-evidence {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.customer-acceptance-language,
.customer-acceptance-next-step {
  padding-top: 4px;
  border-top: 1px solid #e6ecea;
}

.customer-value-roi-report {
  display: grid;
  gap: 12px;
  padding: 12px;
  border: 1px solid #cfd8dc;
  border-radius: 6px;
  background: #ffffff;
}

.customer-value-roi-report.value_reviewable {
  border-color: #b8d3cd;
  background: #f7fbfa;
}

.customer-value-roi-report.value_not_proven,
.customer-value-roi-report.limitations_visible {
  border-color: #dccb9d;
  background: #fffaf0;
}

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

.customer-value-roi-header > div:first-child,
.customer-value-roi-grid article {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.customer-value-roi-header span,
.customer-value-roi-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.customer-value-roi-header strong,
.customer-value-roi-header p,
.customer-value-roi-grid strong,
.customer-value-roi-grid p,
.customer-value-roi-list li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.customer-value-roi-header strong {
  color: #182026;
  font-size: 16px;
  line-height: 1.35;
}

.customer-value-roi-header p,
.customer-value-roi-grid p,
.customer-value-roi-list li {
  margin: 0;
  color: #52635a;
  font-size: 13px;
  line-height: 1.45;
}

.customer-value-roi-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  gap: 10px;
}

.customer-value-roi-grid article {
  padding: 10px;
  border: 1px solid #dbe5e2;
  border-radius: 6px;
  background: #ffffff;
}

.customer-value-roi-grid strong {
  color: #182026;
  font-size: 14px;
  line-height: 1.35;
}

.customer-value-roi-list {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.pilot-operator-script {
  display: grid;
  gap: 12px;
  padding: 12px;
  border: 1px solid #d8dee2;
  border-radius: 6px;
  background: #ffffff;
}

.pilot-operator-script.controlled_validation_required {
  border-color: #dccb9d;
  background: #fffaf0;
}

.pilot-operator-script.ready_for_operator_rehearsal {
  border-color: #b8d3cd;
  background: #f7fbfa;
}

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

.pilot-operator-script-header > div:first-child,
.pilot-operator-script-grid article,
.pilot-operator-script-anchors {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.pilot-operator-script-header span,
.pilot-operator-script-grid span,
.pilot-operator-script-anchors > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.pilot-operator-script-header strong,
.pilot-operator-script-header p,
.pilot-operator-script-grid strong,
.pilot-operator-script-grid p {
  min-width: 0;
  overflow-wrap: anywhere;
}

.pilot-operator-script-header strong {
  color: #182026;
  font-size: 16px;
  line-height: 1.35;
}

.pilot-operator-script-header p,
.pilot-operator-script-grid p {
  margin: 0;
  color: #52635a;
  font-size: 13px;
  line-height: 1.45;
}

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

.pilot-operator-script-grid article,
.pilot-operator-script-anchors {
  padding: 10px;
  border: 1px solid #dbe5e2;
  border-radius: 6px;
  background: #ffffff;
}

.pilot-operator-script-grid strong {
  color: #182026;
  font-size: 13px;
  line-height: 1.35;
}

.pilot-operator-script-anchors > div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.pilot-operator-script-anchors a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 10px;
  border: 1px solid #bfd3cc;
  border-radius: 6px;
  color: #226b62;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.pilot-operator-script-anchors a:hover {
  background: #f3faf8;
}

#runtime-proof-packs > .runtime-summary-grid,
.proof-review-workbench .runtime-summary-grid {
  grid-template-columns: repeat(auto-fit, minmax(126px, 1fr));
}

.runtime-step-strip {
  display: grid;
  grid-template-columns: repeat(13, minmax(112px, 1fr));
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 2px;
}

.runtime-step-card {
  display: grid;
  align-content: start;
  gap: 6px;
  min-height: 116px;
  padding: 10px;
  border: 1px solid #e3e8eb;
  border-radius: 6px;
  background: #fbfcfc;
}

.runtime-step-card.active {
  border-color: #9fc9c1;
  background: #f1faf7;
}

.runtime-step-card.up_next {
  border-color: #d8c88f;
  background: #fff9e8;
}

.runtime-step-card strong,
.runtime-step-card span,
.runtime-step-card em {
  min-width: 0;
  overflow-wrap: anywhere;
}

.runtime-step-card strong {
  color: #1b5f57;
  font-size: 12px;
}

.runtime-step-card span,
.runtime-step-card em {
  font-size: 12px;
}

.runtime-step-card em {
  color: #65717a;
  font-style: normal;
}

.runtime-decision-card {
  display: grid;
  gap: 10px;
}

.runtime-decision-title {
  display: grid;
  gap: 4px;
}

.runtime-decision-body {
  display: grid;
  gap: 8px;
}

.runtime-decision-body > div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px;
  border: 1px solid #e3e8eb;
  border-radius: 6px;
  background: #fbfcfc;
}

.runtime-decision-controls {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.runtime-decision-control {
  min-height: 34px;
  padding: 7px 8px;
  border: 1px solid #cfd8dc;
  border-radius: 6px;
  background: #ffffff;
  color: #203038;
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}

.runtime-decision-control:disabled {
  color: #8a969c;
  cursor: not-allowed;
  background: #f4f6f7;
}

.route-task-summary {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 10px;
}

.route-task-card {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  min-height: 150px;
  padding: 12px;
  border: 1px solid #d8dee2;
  border-radius: 6px;
  background: #ffffff;
}

.route-task-card-primary {
  border-color: #a9cbc5;
  background: #f3faf8;
}

.route-task-card > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.route-task-card strong,
.route-task-card p {
  min-width: 0;
  overflow-wrap: anywhere;
}

.route-task-card strong {
  color: #182026;
  font-size: 15px;
  line-height: 1.3;
}

.route-task-card p {
  margin-top: 0;
  font-size: 13px;
  line-height: 1.45;
}

.outcome-learning-readout {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 10px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #b8d3cd;
  border-radius: 6px;
  background: #f7fbfa;
}

.outcome-learning-main,
.outcome-learning-evidence,
.outcome-learning-decision {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
}

.outcome-learning-main > span,
.outcome-learning-evidence > span,
.outcome-learning-decision > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.outcome-learning-main strong,
.outcome-learning-main p,
.outcome-learning-evidence strong,
.outcome-learning-evidence span,
.outcome-learning-evidence small,
.outcome-learning-decision strong,
.outcome-learning-decision p {
  min-width: 0;
  overflow-wrap: anywhere;
}

.outcome-learning-main strong,
.outcome-learning-decision strong {
  color: #182026;
  font-size: 15px;
  line-height: 1.3;
}

.outcome-learning-main p,
.outcome-learning-decision p,
.outcome-learning-evidence p {
  margin-top: 0;
  color: #52635a;
  font-size: 13px;
  line-height: 1.45;
}

.outcome-learning-evidence-row {
  display: grid;
  gap: 3px;
  padding: 8px;
  border: 1px solid #dce6e4;
  border-radius: 6px;
  background: #ffffff;
}

.outcome-learning-evidence-row span,
.outcome-learning-evidence-row small {
  color: #65717a;
  font-size: 12px;
}

.discovery-learning-readout {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #c8d8d4;
  border-radius: 6px;
  background: #fbfdfc;
}

.discovery-learning-header,
.discovery-learning-row-summary,
.discovery-learning-review-form {
  display: grid;
  gap: 10px;
}

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

.discovery-learning-header span,
.discovery-learning-row-summary span {
  display: block;
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.discovery-learning-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.discovery-learning-boundary,
.discovery-learning-row small,
.discovery-learning-reviewed {
  margin: 0;
  color: #52635a;
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.discovery-learning-row {
  display: grid;
  gap: 12px;
  padding: 10px;
  border: 1px solid #dce6e4;
  border-radius: 6px;
  background: #ffffff;
}

.discovery-learning-row-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.discovery-learning-row-summary strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 14px;
  overflow-wrap: anywhere;
}

.discovery-learning-review-form {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center;
}

.discovery-learning-review-form .runtime-action-buttons {
  grid-column: 1 / -1;
}

.controlled-pilot-pack {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d8dee2;
  border-radius: 6px;
  background: #ffffff;
}

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

.controlled-pilot-pack-header span,
.controlled-pilot-pack-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.controlled-pilot-pack-header strong,
.controlled-pilot-pack-grid strong,
.controlled-pilot-pack-grid p,
.controlled-pilot-pack-grid li,
.controlled-pilot-checklist small,
.controlled-pilot-source-gaps span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.controlled-pilot-pack-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

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

.controlled-pilot-pack-grid-secondary {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
}

.controlled-pilot-pack-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e3e8eb;
  border-radius: 6px;
  background: #fbfcfc;
}

.controlled-pilot-pack-grid p,
.controlled-pilot-pack-grid li,
.controlled-pilot-checklist small,
.controlled-pilot-source-gaps span {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.controlled-pilot-pack-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.controlled-pilot-checklist,
.controlled-pilot-source-gaps {
  display: grid;
  gap: 8px;
}

.controlled-pilot-checklist > div,
.controlled-pilot-source-gaps > div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 8px;
  border: 1px solid #dfe7e2;
  border-radius: 6px;
  background: #ffffff;
}

.customer-trial-handoff-readout {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fbfcfd;
}

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

.customer-trial-handoff-header span,
.customer-trial-handoff-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.customer-trial-handoff-header strong,
.customer-trial-handoff-header p,
.customer-trial-handoff-grid strong,
.customer-trial-handoff-grid p,
.customer-trial-handoff-grid li,
.customer-trial-handoff-list span,
.customer-trial-handoff-list small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.customer-trial-handoff-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.customer-trial-handoff-header p,
.customer-trial-handoff-grid p,
.customer-trial-handoff-grid li,
.customer-trial-handoff-list span,
.customer-trial-handoff-list small {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

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

.customer-trial-handoff-grid-secondary {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.customer-trial-handoff-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.customer-trial-handoff-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.customer-trial-handoff-list {
  display: grid;
  gap: 8px;
}

.customer-trial-handoff-list > div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 8px;
  border: 1px solid #dfe7e2;
  border-radius: 6px;
  background: #fbfcfc;
}

.customer-trial-handoff-review-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d8dee2;
  border-radius: 6px;
  background: #ffffff;
}

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

.customer-trial-handoff-review-header span,
.customer-trial-handoff-review-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.customer-trial-handoff-review-header strong,
.customer-trial-handoff-review-grid strong,
.customer-trial-handoff-review-grid p,
.customer-trial-handoff-review-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.customer-trial-handoff-review-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.customer-trial-handoff-review-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 10px;
}

.customer-trial-handoff-review-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e3e8eb;
  border-radius: 6px;
  background: #fbfcfc;
}

.customer-trial-handoff-review-grid p,
.customer-trial-handoff-review-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.customer-trial-handoff-review-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.customer-conversation-outcome {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fbfcfd;
}

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

.customer-conversation-outcome-header span,
.customer-conversation-outcome-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.customer-conversation-outcome-header strong,
.customer-conversation-outcome-grid strong,
.customer-conversation-outcome-grid p,
.customer-conversation-outcome-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.customer-conversation-outcome-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.customer-conversation-outcome-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr) minmax(0, 1.1fr);
  gap: 10px;
}

.customer-conversation-outcome-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.customer-conversation-outcome-grid p,
.customer-conversation-outcome-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.customer-conversation-outcome-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.next-controlled-pilot-plan {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d8e3dd;
  border-radius: 6px;
  background: #fbfdfb;
}

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

.next-controlled-pilot-plan-header span,
.next-controlled-pilot-plan-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.next-controlled-pilot-plan-header strong,
.next-controlled-pilot-plan-grid strong,
.next-controlled-pilot-plan-grid p,
.next-controlled-pilot-plan-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.next-controlled-pilot-plan-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.next-controlled-pilot-plan-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 10px;
}

.next-controlled-pilot-plan-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.next-controlled-pilot-plan-grid textarea {
  min-height: 92px;
  resize: vertical;
}

.next-controlled-pilot-plan-grid p,
.next-controlled-pilot-plan-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.next-controlled-pilot-plan-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.next-controlled-pilot-plan-review-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

.next-controlled-pilot-plan-review-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.next-controlled-pilot-plan-review-header span,
.next-controlled-pilot-plan-review-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.next-controlled-pilot-plan-review-header strong,
.next-controlled-pilot-plan-review-grid strong,
.next-controlled-pilot-plan-review-grid p,
.next-controlled-pilot-plan-review-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.next-controlled-pilot-plan-review-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.next-controlled-pilot-plan-review-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 10px;
}

.next-controlled-pilot-plan-review-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.next-controlled-pilot-plan-review-grid p,
.next-controlled-pilot-plan-review-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.next-controlled-pilot-plan-review-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.next-batch-preparation-brief {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

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

.next-batch-preparation-brief-header span,
.next-batch-preparation-brief-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.next-batch-preparation-brief-header strong,
.next-batch-preparation-brief-grid strong,
.next-batch-preparation-brief-grid p,
.next-batch-preparation-brief-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.next-batch-preparation-brief-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

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

.next-batch-preparation-brief-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.next-batch-preparation-brief-grid input {
  width: 100%;
  min-width: 0;
}

.next-batch-preparation-brief-grid p,
.next-batch-preparation-brief-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.next-batch-preparation-brief-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.manual-candidate-intake-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

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

.manual-candidate-intake-header span,
.manual-candidate-intake-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.manual-candidate-intake-header strong,
.manual-candidate-intake-grid strong,
.manual-candidate-intake-grid p,
.manual-candidate-intake-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.manual-candidate-intake-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.manual-candidate-intake-readiness {
  display: grid;
  gap: 10px;
  padding: 10px;
  border: 1px solid #d2dfdc;
  border-radius: 6px;
  background: #ffffff;
}

.manual-candidate-intake-readiness.blocked_until_manual_preparation_started,
.manual-candidate-intake-readiness.needs_search_plan_review,
.manual-candidate-intake-readiness.schema_review_required {
  border-color: #dccb9d;
  background: #fffaf0;
}

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

.manual-candidate-intake-readiness-header > div:first-child {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.manual-candidate-intake-readiness-header span,
.manual-candidate-intake-readiness-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.manual-candidate-intake-readiness-header strong,
.manual-candidate-intake-readiness-header p,
.manual-candidate-intake-readiness-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.manual-candidate-intake-readiness-header strong {
  color: #182026;
  font-size: 14px;
  line-height: 1.35;
}

.manual-candidate-intake-readiness-header p,
.manual-candidate-intake-readiness-grid li {
  margin: 0;
  color: #52635a;
  font-size: 12px;
  line-height: 1.45;
}

.manual-candidate-intake-readiness-header a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid #bfd3cc;
  border-radius: 6px;
  color: #226b62;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.manual-candidate-intake-readiness-header a:hover {
  background: #f3faf8;
}

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

.manual-candidate-intake-readiness-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.manual-candidate-intake-readiness-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.manual-candidate-intake-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.2fr);
  gap: 10px;
}

.manual-candidate-intake-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.manual-candidate-intake-grid input {
  width: 100%;
  min-width: 0;
}

.manual-candidate-intake-grid p,
.manual-candidate-intake-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.manual-candidate-intake-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-import-commit-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

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

.candidate-import-commit-header span,
.candidate-import-commit-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-import-commit-header strong,
.candidate-import-commit-grid strong,
.candidate-import-commit-grid p,
.candidate-import-commit-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-import-commit-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.candidate-import-commit-readiness {
  display: grid;
  gap: 10px;
  padding: 10px;
  border: 1px solid #d2dfdc;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-import-commit-readiness.blocked_until_candidate_intake_receipt,
.candidate-import-commit-readiness.needs_intake_receipt_review,
.candidate-import-commit-readiness.count_review_required {
  border-color: #dccb9d;
  background: #fffaf0;
}

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

.candidate-import-commit-readiness-header > div:first-child {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.candidate-import-commit-readiness-header span,
.candidate-import-commit-readiness-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-import-commit-readiness-header strong,
.candidate-import-commit-readiness-header p,
.candidate-import-commit-readiness-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-import-commit-readiness-header strong {
  color: #182026;
  font-size: 14px;
  line-height: 1.35;
}

.candidate-import-commit-readiness-header p,
.candidate-import-commit-readiness-grid li {
  margin: 0;
  color: #52635a;
  font-size: 12px;
  line-height: 1.45;
}

.candidate-import-commit-readiness-header a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid #bfd3cc;
  border-radius: 6px;
  color: #226b62;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.candidate-import-commit-readiness-header a:hover {
  background: #f3faf8;
}

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

.candidate-import-commit-readiness-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-import-commit-readiness-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-import-commit-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.2fr);
  gap: 10px;
}

.candidate-import-commit-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-import-commit-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-import-commit-grid p,
.candidate-import-commit-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-import-commit-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-object-creation-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

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

.candidate-object-creation-header span,
.candidate-object-creation-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-object-creation-header strong,
.candidate-object-creation-grid strong,
.candidate-object-creation-grid p,
.candidate-object-creation-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-object-creation-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.candidate-object-creation-readiness {
  display: grid;
  gap: 10px;
  padding: 10px;
  border: 1px solid #d2dfdc;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-object-creation-readiness.blocked_until_import_commit_recorded,
.candidate-object-creation-readiness.needs_import_commit_review,
.candidate-object-creation-readiness.count_review_required {
  border-color: #dccb9d;
  background: #fffaf0;
}

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

.candidate-object-creation-readiness-header > div:first-child {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.candidate-object-creation-readiness-header span,
.candidate-object-creation-readiness-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-object-creation-readiness-header strong,
.candidate-object-creation-readiness-header p,
.candidate-object-creation-readiness-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-object-creation-readiness-header strong {
  color: #182026;
  font-size: 14px;
  line-height: 1.35;
}

.candidate-object-creation-readiness-header p,
.candidate-object-creation-readiness-grid li {
  margin: 0;
  color: #52635a;
  font-size: 12px;
  line-height: 1.45;
}

.candidate-object-creation-readiness-header a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid #bfd3cc;
  border-radius: 6px;
  color: #226b62;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.candidate-object-creation-readiness-header a:hover {
  background: #f3faf8;
}

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

.candidate-object-creation-readiness-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-object-creation-readiness-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

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

.candidate-object-creation-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-object-creation-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-object-creation-grid p,
.candidate-object-creation-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-object-creation-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-evidence-extraction-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

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

.candidate-evidence-extraction-header span,
.candidate-evidence-extraction-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-evidence-extraction-header strong,
.candidate-evidence-extraction-grid strong,
.candidate-evidence-extraction-grid p,
.candidate-evidence-extraction-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-evidence-extraction-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.candidate-evidence-extraction-readiness {
  display: grid;
  gap: 10px;
  padding: 10px;
  border: 1px solid #d2dfdc;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-evidence-extraction-readiness.blocked_until_candidate_objects_created,
.candidate-evidence-extraction-readiness.needs_candidate_object_review,
.candidate-evidence-extraction-readiness.count_review_required {
  border-color: #dccb9d;
  background: #fffaf0;
}

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

.candidate-evidence-extraction-readiness-header > div:first-child {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.candidate-evidence-extraction-readiness-header span,
.candidate-evidence-extraction-readiness-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-evidence-extraction-readiness-header strong,
.candidate-evidence-extraction-readiness-header p,
.candidate-evidence-extraction-readiness-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-evidence-extraction-readiness-header strong {
  color: #182026;
  font-size: 14px;
  line-height: 1.35;
}

.candidate-evidence-extraction-readiness-header p,
.candidate-evidence-extraction-readiness-grid li {
  margin: 0;
  color: #52635a;
  font-size: 12px;
  line-height: 1.45;
}

.candidate-evidence-extraction-readiness-header a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid #bfd3cc;
  border-radius: 6px;
  color: #226b62;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.candidate-evidence-extraction-readiness-header a:hover {
  background: #f3faf8;
}

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

.candidate-evidence-extraction-readiness-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-evidence-extraction-readiness-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

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

.candidate-evidence-extraction-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-evidence-extraction-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-evidence-extraction-grid p,
.candidate-evidence-extraction-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-evidence-extraction-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-scoring-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

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

.candidate-scoring-header span,
.candidate-scoring-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-scoring-header strong,
.candidate-scoring-grid strong,
.candidate-scoring-grid p,
.candidate-scoring-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-scoring-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.candidate-scoring-readiness {
  display: grid;
  gap: 10px;
  padding: 10px;
  border: 1px solid #d2dfdc;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-scoring-readiness.blocked_until_evidence_extraction_recorded,
.candidate-scoring-readiness.needs_evidence_trail_review,
.candidate-scoring-readiness.count_review_required {
  border-color: #dccb9d;
  background: #fffaf0;
}

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

.candidate-scoring-readiness-header > div:first-child {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.candidate-scoring-readiness-header span,
.candidate-scoring-readiness-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-scoring-readiness-header strong,
.candidate-scoring-readiness-header p,
.candidate-scoring-readiness-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-scoring-readiness-header strong {
  color: #182026;
  font-size: 14px;
  line-height: 1.35;
}

.candidate-scoring-readiness-header p,
.candidate-scoring-readiness-grid li {
  margin: 0;
  color: #52635a;
  font-size: 12px;
  line-height: 1.45;
}

.candidate-scoring-readiness-header a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid #bfd3cc;
  border-radius: 6px;
  color: #226b62;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.candidate-scoring-readiness-header a:hover {
  background: #f3faf8;
}

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

.candidate-scoring-readiness-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-scoring-readiness-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

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

.candidate-scoring-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-scoring-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-scoring-grid p,
.candidate-scoring-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-scoring-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-proof-pack-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

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

.candidate-proof-pack-header span,
.candidate-proof-pack-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-proof-pack-header strong,
.candidate-proof-pack-grid strong,
.candidate-proof-pack-grid p,
.candidate-proof-pack-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-proof-pack-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.candidate-proof-pack-readiness {
  display: grid;
  gap: 10px;
  padding: 10px;
  border: 1px solid #d2dfdc;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-proof-pack-readiness.blocked_until_candidate_scoring_recorded,
.candidate-proof-pack-readiness.needs_scored_candidate_review,
.candidate-proof-pack-readiness.count_review_required {
  border-color: #dccb9d;
  background: #fffaf0;
}

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

.candidate-proof-pack-readiness-header > div:first-child {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.candidate-proof-pack-readiness-header span,
.candidate-proof-pack-readiness-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-proof-pack-readiness-header strong,
.candidate-proof-pack-readiness-header p,
.candidate-proof-pack-readiness-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-proof-pack-readiness-header strong {
  color: #182026;
  font-size: 14px;
  line-height: 1.35;
}

.candidate-proof-pack-readiness-header p,
.candidate-proof-pack-readiness-grid li {
  margin: 0;
  color: #52635a;
  font-size: 12px;
  line-height: 1.45;
}

.candidate-proof-pack-readiness-header a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid #bfd3cc;
  border-radius: 6px;
  color: #226b62;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.candidate-proof-pack-readiness-header a:hover {
  background: #f3faf8;
}

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

.candidate-proof-pack-readiness-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-proof-pack-readiness-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.customer-proof-pack-experience {
  display: grid;
  gap: 10px;
  padding: 10px;
  border: 1px solid #d7e1e8;
  border-radius: 6px;
  background: #f8fbfc;
}

.proof-decision-first {
  display: grid;
  gap: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d7e1e8;
}

.proof-decision-first-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.proof-decision-first-heading > div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.proof-decision-first-heading span,
.proof-decision-first-evidence {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.25;
}

.proof-decision-first-heading strong {
  color: #182026;
  font-size: 16px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.proof-decision-first-evidence {
  padding: 5px 8px;
  border: 1px solid #d7e1e8;
  border-radius: 999px;
  background: #ffffff;
  white-space: nowrap;
}

.proof-first-viewport-review-path {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) repeat(3, minmax(0, 1fr));
  gap: 8px;
  align-items: stretch;
}

.proof-first-viewport-review-path article {
  display: grid;
  align-content: start;
  gap: 5px;
  min-width: 0;
  padding: 2px 10px 4px;
  border-left: 2px solid #d7e1e8;
}

.proof-first-viewport-review-path article:first-child {
  padding-left: 0;
  border-left: 0;
}

.proof-first-viewport-review-path [data-proof-decision-point="line-a"] {
  border-color: #3c8879;
}

.proof-first-viewport-review-path [data-proof-decision-point="line-b"] {
  border-color: #bf8b33;
}

.proof-first-viewport-review-path [data-proof-decision-point="boundary"] {
  border-color: #7f8990;
}

.proof-first-viewport-review-path [data-proof-decision-role="sales_handoff"] {
  border-color: #6c7f91;
  background: #f5f8fa;
}

.proof-first-viewport-review-path [data-proof-decision-role="reviewer"] {
  border-color: #28766d;
  background: #f3fbf8;
}

.proof-first-viewport-review-path article span,
.proof-first-viewport-detail-map span,
.proof-first-viewport-detail-map a {
  color: #65717a;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.15;
  text-decoration: none;
}

.proof-first-viewport-review-path article strong {
  min-width: 0;
  color: #182026;
  font-size: 13px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.proof-first-viewport-review-path article p {
  min-width: 0;
  margin: 0;
  color: #52635a;
  font-size: 12px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.proof-first-viewport-review-path article small {
  color: #896124;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.proof-first-viewport-review-path article button {
  justify-self: start;
  min-height: 30px;
  padding: 0 9px;
  font-size: 12px;
}

.proof-first-viewport-detail-map {
  display: flex;
  grid-column: 1 / -1;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  padding-top: 2px;
}

.proof-first-viewport-detail-map a,
.proof-first-viewport-detail-map span {
  padding: 5px 8px;
  border: 1px solid #d7e1e8;
  border-radius: 999px;
  background: #f8fbfa;
  white-space: nowrap;
}

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

.customer-proof-pack-experience-head > div:first-child {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.customer-proof-pack-experience-head span,
.customer-proof-pack-experience-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.customer-proof-pack-experience-head strong,
.customer-proof-pack-experience-head p,
.customer-proof-pack-experience-grid strong,
.customer-proof-pack-experience-grid li,
.customer-proof-pack-experience-grid p {
  min-width: 0;
  overflow-wrap: anywhere;
}

.customer-proof-pack-experience-head strong,
.customer-proof-pack-experience-grid strong {
  color: #182026;
  font-size: 14px;
  line-height: 1.35;
}

.customer-proof-pack-experience-head p,
.customer-proof-pack-experience-grid li,
.customer-proof-pack-experience-grid p {
  margin: 0;
  color: #52635a;
  font-size: 12px;
  line-height: 1.45;
}

.proof-review-role-handoff {
  display: grid;
  gap: 4px;
  padding: 10px 12px;
  border-left: 3px solid #6c7f91;
  background: #f5f8fa;
}

.proof-review-role-handoff strong {
  color: #26333c;
  font-size: 13px;
}

.proof-review-role-handoff p {
  margin: 0;
  color: #566570;
  font-size: 12px;
  line-height: 1.4;
}

.proof-review-receipt-lock {
  border-left-color: #28766d;
  background: #f3fbf8;
}

.proof-controlled-preview-banner {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.proof-state-boundary-strip,
.proof-route-context-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.proof-controlled-preview-banner span {
  padding: 5px 8px;
  border: 1px solid #d7e1e8;
  border-radius: 999px;
  color: #52635a;
  font-size: 11px;
  font-weight: 750;
  line-height: 1;
  white-space: nowrap;
}

.proof-state-boundary-strip span,
.proof-route-context-strip span {
  padding: 5px 8px;
  border: 1px solid #d7e1e8;
  border-radius: 999px;
  background: #f8fbfa;
  color: #52635a;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.15;
}

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

.customer-proof-pack-experience-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.customer-proof-pack-experience-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.customer-proof-pack-experience-grid button {
  width: 100%;
}

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

.candidate-proof-pack-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-proof-pack-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-proof-pack-grid p,
.candidate-proof-pack-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-proof-pack-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-action-recommendation-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

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

.candidate-action-recommendation-header span,
.candidate-action-recommendation-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-action-recommendation-header strong,
.candidate-action-recommendation-grid strong,
.candidate-action-recommendation-grid p,
.candidate-action-recommendation-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-action-recommendation-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.candidate-action-recommendation-readiness {
  display: grid;
  gap: 10px;
  padding: 10px;
  border: 1px solid #d2dfdc;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-action-recommendation-readiness.blocked_until_proof_pack_recorded,
.candidate-action-recommendation-readiness.needs_proof_pack_review,
.candidate-action-recommendation-readiness.count_review_required {
  border-color: #dccb9d;
  background: #fffaf0;
}

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

.candidate-action-recommendation-readiness-header > div:first-child {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.candidate-action-recommendation-readiness-header span,
.candidate-action-recommendation-readiness-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-action-recommendation-readiness-header strong,
.candidate-action-recommendation-readiness-header p,
.candidate-action-recommendation-readiness-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-action-recommendation-readiness-header strong {
  color: #182026;
  font-size: 14px;
  line-height: 1.35;
}

.candidate-action-recommendation-readiness-header p,
.candidate-action-recommendation-readiness-grid li {
  margin: 0;
  color: #52635a;
  font-size: 12px;
  line-height: 1.45;
}

.candidate-action-recommendation-readiness-header a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid #bfd3cc;
  border-radius: 6px;
  color: #226b62;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.candidate-action-recommendation-readiness-header a:hover {
  background: #f3faf8;
}

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

.candidate-action-recommendation-readiness-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-action-recommendation-readiness-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

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

.candidate-action-recommendation-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-action-recommendation-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-action-recommendation-grid p,
.candidate-action-recommendation-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-action-recommendation-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-action-playbook-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

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

.candidate-action-playbook-header span,
.candidate-action-playbook-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-action-playbook-header strong,
.candidate-action-playbook-grid strong,
.candidate-action-playbook-grid p,
.candidate-action-playbook-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-action-playbook-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.candidate-action-playbook-readiness {
  display: grid;
  gap: 10px;
  padding: 10px;
  border: 1px solid #d2dfdc;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-action-playbook-readiness.blocked_until_action_recommendation_recorded,
.candidate-action-playbook-readiness.needs_recommended_action_review,
.candidate-action-playbook-readiness.count_review_required {
  border-color: #dccb9d;
  background: #fffaf0;
}

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

.candidate-action-playbook-readiness-header > div:first-child {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.candidate-action-playbook-readiness-header span,
.candidate-action-playbook-readiness-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-action-playbook-readiness-header strong,
.candidate-action-playbook-readiness-header p,
.candidate-action-playbook-readiness-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-action-playbook-readiness-header strong {
  color: #182026;
  font-size: 14px;
  line-height: 1.35;
}

.candidate-action-playbook-readiness-header p,
.candidate-action-playbook-readiness-grid li {
  margin: 0;
  color: #52635a;
  font-size: 12px;
  line-height: 1.45;
}

.candidate-action-playbook-readiness-header a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid #bfd3cc;
  border-radius: 6px;
  color: #226b62;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.candidate-action-playbook-readiness-header a:hover {
  background: #f3faf8;
}

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

.candidate-action-playbook-readiness-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-action-playbook-readiness-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

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

.candidate-action-playbook-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-action-playbook-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-action-playbook-grid p,
.candidate-action-playbook-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-action-playbook-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-execution-confirmation-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

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

.candidate-execution-confirmation-header span,
.candidate-execution-confirmation-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-execution-confirmation-header strong,
.candidate-execution-confirmation-grid strong,
.candidate-execution-confirmation-grid p,
.candidate-execution-confirmation-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-execution-confirmation-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.candidate-execution-confirmation-readiness {
  display: grid;
  gap: 10px;
  padding: 10px;
  border: 1px solid #d2dfdc;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-execution-confirmation-readiness.blocked_until_action_playbook_created,
.candidate-execution-confirmation-readiness.needs_action_playbook_review,
.candidate-execution-confirmation-readiness.count_review_required {
  border-color: #dccb9d;
  background: #fffaf0;
}

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

.candidate-execution-confirmation-readiness-header > div:first-child {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.candidate-execution-confirmation-readiness-header span,
.candidate-execution-confirmation-readiness-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-execution-confirmation-readiness-header strong,
.candidate-execution-confirmation-readiness-header p,
.candidate-execution-confirmation-readiness-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-execution-confirmation-readiness-header strong {
  color: #182026;
  font-size: 14px;
  line-height: 1.35;
}

.candidate-execution-confirmation-readiness-header p,
.candidate-execution-confirmation-readiness-grid li {
  margin: 0;
  color: #52635a;
  font-size: 12px;
  line-height: 1.45;
}

.candidate-execution-confirmation-readiness-header a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid #bfd3cc;
  border-radius: 6px;
  color: #226b62;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.candidate-execution-confirmation-readiness-header a:hover {
  background: #f3faf8;
}

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

.candidate-execution-confirmation-readiness-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-execution-confirmation-readiness-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

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

.candidate-execution-confirmation-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-execution-confirmation-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-execution-confirmation-grid p,
.candidate-execution-confirmation-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-execution-confirmation-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-external-execution-handoff-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

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

.candidate-external-execution-handoff-header span,
.candidate-external-execution-handoff-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-external-execution-handoff-header strong,
.candidate-external-execution-handoff-grid strong,
.candidate-external-execution-handoff-grid p,
.candidate-external-execution-handoff-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-external-execution-handoff-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.candidate-external-execution-handoff-readiness {
  display: grid;
  gap: 10px;
  padding: 10px;
  border: 1px solid #d2dfdc;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-external-execution-handoff-readiness.blocked_until_execution_confirmation_recorded,
.candidate-external-execution-handoff-readiness.needs_execution_confirmation_review,
.candidate-external-execution-handoff-readiness.count_review_required {
  border-color: #dccb9d;
  background: #fffaf0;
}

.candidate-external-execution-handoff-readiness-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.candidate-external-execution-handoff-readiness-header > div:first-child {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.candidate-external-execution-handoff-readiness-header span,
.candidate-external-execution-handoff-readiness-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-external-execution-handoff-readiness-header strong,
.candidate-external-execution-handoff-readiness-header p,
.candidate-external-execution-handoff-readiness-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-external-execution-handoff-readiness-header strong {
  color: #182026;
  font-size: 14px;
  line-height: 1.35;
}

.candidate-external-execution-handoff-readiness-header p,
.candidate-external-execution-handoff-readiness-grid li {
  margin: 0;
  color: #52635a;
  font-size: 12px;
  line-height: 1.45;
}

.candidate-external-execution-handoff-readiness-header a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid #bfd3cc;
  border-radius: 6px;
  color: #226b62;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.candidate-external-execution-handoff-readiness-header a:hover {
  background: #f3faf8;
}

.candidate-external-execution-handoff-readiness-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.candidate-external-execution-handoff-readiness-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-external-execution-handoff-readiness-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

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

.candidate-external-execution-handoff-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-external-execution-handoff-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-external-execution-handoff-grid p,
.candidate-external-execution-handoff-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-external-execution-handoff-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-follow-up-recording-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

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

.candidate-follow-up-recording-header span,
.candidate-follow-up-recording-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-follow-up-recording-header strong,
.candidate-follow-up-recording-grid strong,
.candidate-follow-up-recording-grid p,
.candidate-follow-up-recording-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-follow-up-recording-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

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

.candidate-follow-up-recording-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-follow-up-recording-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-follow-up-recording-grid p,
.candidate-follow-up-recording-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-follow-up-recording-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-outcome-tracking-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

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

.candidate-outcome-tracking-header span,
.candidate-outcome-tracking-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-outcome-tracking-header strong,
.candidate-outcome-tracking-grid strong,
.candidate-outcome-tracking-grid p,
.candidate-outcome-tracking-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-outcome-tracking-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

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

.candidate-outcome-tracking-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-outcome-tracking-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-outcome-tracking-grid p,
.candidate-outcome-tracking-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-outcome-tracking-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-route-learning-calibration-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

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

.candidate-route-learning-calibration-header span,
.candidate-route-learning-calibration-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-route-learning-calibration-header strong,
.candidate-route-learning-calibration-grid strong,
.candidate-route-learning-calibration-grid p,
.candidate-route-learning-calibration-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-route-learning-calibration-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

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

.candidate-route-learning-calibration-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-route-learning-calibration-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-route-learning-calibration-grid p,
.candidate-route-learning-calibration-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-route-learning-calibration-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-route-rule-proposal-preparation-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

.candidate-route-rule-proposal-preparation-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.candidate-route-rule-proposal-preparation-header span,
.candidate-route-rule-proposal-preparation-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-route-rule-proposal-preparation-header strong,
.candidate-route-rule-proposal-preparation-grid strong,
.candidate-route-rule-proposal-preparation-grid p,
.candidate-route-rule-proposal-preparation-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-route-rule-proposal-preparation-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.candidate-route-rule-proposal-preparation-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.candidate-route-rule-proposal-preparation-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-route-rule-proposal-preparation-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-route-rule-proposal-preparation-grid p,
.candidate-route-rule-proposal-preparation-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-route-rule-proposal-preparation-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-route-rule-proposal-review-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

.candidate-route-rule-proposal-review-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.candidate-route-rule-proposal-review-header span,
.candidate-route-rule-proposal-review-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-route-rule-proposal-review-header strong,
.candidate-route-rule-proposal-review-grid strong,
.candidate-route-rule-proposal-review-grid p,
.candidate-route-rule-proposal-review-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-route-rule-proposal-review-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.candidate-route-rule-proposal-review-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.candidate-route-rule-proposal-review-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-route-rule-proposal-review-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-route-rule-proposal-review-grid p,
.candidate-route-rule-proposal-review-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-route-rule-proposal-review-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-route-rule-experiment-plan-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

.candidate-route-rule-experiment-plan-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.candidate-route-rule-experiment-plan-header span,
.candidate-route-rule-experiment-plan-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-route-rule-experiment-plan-header strong,
.candidate-route-rule-experiment-plan-grid strong,
.candidate-route-rule-experiment-plan-grid p,
.candidate-route-rule-experiment-plan-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-route-rule-experiment-plan-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.candidate-route-rule-experiment-plan-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.candidate-route-rule-experiment-plan-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-route-rule-experiment-plan-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-route-rule-experiment-plan-grid p,
.candidate-route-rule-experiment-plan-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-route-rule-experiment-plan-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-route-rule-experiment-start-review-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

.candidate-route-rule-experiment-start-review-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.candidate-route-rule-experiment-start-review-header span,
.candidate-route-rule-experiment-start-review-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-route-rule-experiment-start-review-header strong,
.candidate-route-rule-experiment-start-review-grid strong,
.candidate-route-rule-experiment-start-review-grid p,
.candidate-route-rule-experiment-start-review-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-route-rule-experiment-start-review-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.candidate-route-rule-experiment-start-review-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.candidate-route-rule-experiment-start-review-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-route-rule-experiment-start-review-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-route-rule-experiment-start-review-grid p,
.candidate-route-rule-experiment-start-review-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-route-rule-experiment-start-review-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-route-rule-experiment-start-confirmation-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

.candidate-route-rule-experiment-start-confirmation-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.candidate-route-rule-experiment-start-confirmation-header span,
.candidate-route-rule-experiment-start-confirmation-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-route-rule-experiment-start-confirmation-header strong,
.candidate-route-rule-experiment-start-confirmation-grid strong,
.candidate-route-rule-experiment-start-confirmation-grid p,
.candidate-route-rule-experiment-start-confirmation-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-route-rule-experiment-start-confirmation-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.candidate-route-rule-experiment-start-confirmation-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.candidate-route-rule-experiment-start-confirmation-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-route-rule-experiment-start-confirmation-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-route-rule-experiment-start-confirmation-grid p,
.candidate-route-rule-experiment-start-confirmation-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-route-rule-experiment-start-confirmation-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-route-rule-experiment-outcome-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

.candidate-route-rule-experiment-outcome-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.candidate-route-rule-experiment-outcome-header span,
.candidate-route-rule-experiment-outcome-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-route-rule-experiment-outcome-header strong,
.candidate-route-rule-experiment-outcome-grid strong,
.candidate-route-rule-experiment-outcome-grid p,
.candidate-route-rule-experiment-outcome-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-route-rule-experiment-outcome-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.candidate-route-rule-experiment-outcome-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.candidate-route-rule-experiment-outcome-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-route-rule-experiment-outcome-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-route-rule-experiment-outcome-grid p,
.candidate-route-rule-experiment-outcome-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-route-rule-experiment-outcome-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-route-rule-learning-calibration-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

.candidate-route-rule-learning-calibration-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.candidate-route-rule-learning-calibration-header span,
.candidate-route-rule-learning-calibration-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-route-rule-learning-calibration-header strong,
.candidate-route-rule-learning-calibration-grid strong,
.candidate-route-rule-learning-calibration-grid p,
.candidate-route-rule-learning-calibration-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-route-rule-learning-calibration-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.candidate-route-rule-learning-calibration-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.candidate-route-rule-learning-calibration-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-route-rule-learning-calibration-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-route-rule-learning-calibration-grid p,
.candidate-route-rule-learning-calibration-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-route-rule-learning-calibration-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-route-rule-calibration-proposal-preparation-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

.candidate-route-rule-calibration-proposal-preparation-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.candidate-route-rule-calibration-proposal-preparation-header span,
.candidate-route-rule-calibration-proposal-preparation-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-route-rule-calibration-proposal-preparation-header strong,
.candidate-route-rule-calibration-proposal-preparation-grid strong,
.candidate-route-rule-calibration-proposal-preparation-grid p,
.candidate-route-rule-calibration-proposal-preparation-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-route-rule-calibration-proposal-preparation-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.candidate-route-rule-calibration-proposal-preparation-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.candidate-route-rule-calibration-proposal-preparation-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-route-rule-calibration-proposal-preparation-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-route-rule-calibration-proposal-preparation-grid p,
.candidate-route-rule-calibration-proposal-preparation-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-route-rule-calibration-proposal-preparation-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-route-rule-calibration-proposal-review-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

.candidate-route-rule-calibration-proposal-review-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.candidate-route-rule-calibration-proposal-review-header span,
.candidate-route-rule-calibration-proposal-review-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-route-rule-calibration-proposal-review-header strong,
.candidate-route-rule-calibration-proposal-review-grid strong,
.candidate-route-rule-calibration-proposal-review-grid p,
.candidate-route-rule-calibration-proposal-review-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-route-rule-calibration-proposal-review-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.candidate-route-rule-calibration-proposal-review-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.candidate-route-rule-calibration-proposal-review-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-route-rule-calibration-proposal-review-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-route-rule-calibration-proposal-review-grid p,
.candidate-route-rule-calibration-proposal-review-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-route-rule-calibration-proposal-review-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-route-rule-calibration-experiment-plan-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

.candidate-route-rule-calibration-experiment-plan-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.candidate-route-rule-calibration-experiment-plan-header span,
.candidate-route-rule-calibration-experiment-plan-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-route-rule-calibration-experiment-plan-header strong,
.candidate-route-rule-calibration-experiment-plan-grid strong,
.candidate-route-rule-calibration-experiment-plan-grid p,
.candidate-route-rule-calibration-experiment-plan-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-route-rule-calibration-experiment-plan-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.candidate-route-rule-calibration-experiment-plan-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.candidate-route-rule-calibration-experiment-plan-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-route-rule-calibration-experiment-plan-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-route-rule-calibration-experiment-plan-grid p,
.candidate-route-rule-calibration-experiment-plan-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-route-rule-calibration-experiment-plan-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-route-rule-calibration-experiment-start-review-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

.candidate-route-rule-calibration-experiment-start-review-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.candidate-route-rule-calibration-experiment-start-review-header span,
.candidate-route-rule-calibration-experiment-start-review-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-route-rule-calibration-experiment-start-review-header strong,
.candidate-route-rule-calibration-experiment-start-review-grid strong,
.candidate-route-rule-calibration-experiment-start-review-grid p,
.candidate-route-rule-calibration-experiment-start-review-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-route-rule-calibration-experiment-start-review-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.candidate-route-rule-calibration-experiment-start-review-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.candidate-route-rule-calibration-experiment-start-review-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-route-rule-calibration-experiment-start-review-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-route-rule-calibration-experiment-start-review-grid p,
.candidate-route-rule-calibration-experiment-start-review-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-route-rule-calibration-experiment-start-review-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-route-rule-calibration-experiment-start-confirmation-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

.candidate-route-rule-calibration-experiment-start-confirmation-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.candidate-route-rule-calibration-experiment-start-confirmation-header span,
.candidate-route-rule-calibration-experiment-start-confirmation-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-route-rule-calibration-experiment-start-confirmation-header strong,
.candidate-route-rule-calibration-experiment-start-confirmation-grid strong,
.candidate-route-rule-calibration-experiment-start-confirmation-grid p,
.candidate-route-rule-calibration-experiment-start-confirmation-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-route-rule-calibration-experiment-start-confirmation-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.candidate-route-rule-calibration-experiment-start-confirmation-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.candidate-route-rule-calibration-experiment-start-confirmation-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-route-rule-calibration-experiment-start-confirmation-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-route-rule-calibration-experiment-start-confirmation-grid p,
.candidate-route-rule-calibration-experiment-start-confirmation-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-route-rule-calibration-experiment-start-confirmation-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-route-rule-calibration-experiment-outcome-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

.candidate-route-rule-calibration-experiment-outcome-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.candidate-route-rule-calibration-experiment-outcome-header span,
.candidate-route-rule-calibration-experiment-outcome-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-route-rule-calibration-experiment-outcome-header strong,
.candidate-route-rule-calibration-experiment-outcome-grid strong,
.candidate-route-rule-calibration-experiment-outcome-grid p,
.candidate-route-rule-calibration-experiment-outcome-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-route-rule-calibration-experiment-outcome-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.candidate-route-rule-calibration-experiment-outcome-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.candidate-route-rule-calibration-experiment-outcome-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-route-rule-calibration-experiment-outcome-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-route-rule-calibration-experiment-outcome-grid p,
.candidate-route-rule-calibration-experiment-outcome-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-route-rule-calibration-experiment-outcome-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-route-rule-calibration-learning-review-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

.candidate-route-rule-calibration-learning-review-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.candidate-route-rule-calibration-learning-review-header span,
.candidate-route-rule-calibration-learning-review-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-route-rule-calibration-learning-review-header strong,
.candidate-route-rule-calibration-learning-review-grid strong,
.candidate-route-rule-calibration-learning-review-grid p,
.candidate-route-rule-calibration-learning-review-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-route-rule-calibration-learning-review-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.candidate-route-rule-calibration-learning-review-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.candidate-route-rule-calibration-learning-review-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-route-rule-calibration-learning-review-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-route-rule-calibration-learning-review-grid p,
.candidate-route-rule-calibration-learning-review-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-route-rule-calibration-learning-review-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-route-rule-calibration-learning-proposal-preparation-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

.candidate-route-rule-calibration-learning-proposal-preparation-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.candidate-route-rule-calibration-learning-proposal-preparation-header span,
.candidate-route-rule-calibration-learning-proposal-preparation-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-route-rule-calibration-learning-proposal-preparation-header strong,
.candidate-route-rule-calibration-learning-proposal-preparation-grid strong,
.candidate-route-rule-calibration-learning-proposal-preparation-grid p,
.candidate-route-rule-calibration-learning-proposal-preparation-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-route-rule-calibration-learning-proposal-preparation-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.candidate-route-rule-calibration-learning-proposal-preparation-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.candidate-route-rule-calibration-learning-proposal-preparation-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-route-rule-calibration-learning-proposal-preparation-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-route-rule-calibration-learning-proposal-preparation-grid p,
.candidate-route-rule-calibration-learning-proposal-preparation-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-route-rule-calibration-learning-proposal-preparation-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-route-rule-calibration-learning-proposal-review-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

.candidate-route-rule-calibration-learning-proposal-review-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.candidate-route-rule-calibration-learning-proposal-review-header span,
.candidate-route-rule-calibration-learning-proposal-review-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-route-rule-calibration-learning-proposal-review-header strong,
.candidate-route-rule-calibration-learning-proposal-review-grid strong,
.candidate-route-rule-calibration-learning-proposal-review-grid p,
.candidate-route-rule-calibration-learning-proposal-review-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-route-rule-calibration-learning-proposal-review-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.candidate-route-rule-calibration-learning-proposal-review-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.candidate-route-rule-calibration-learning-proposal-review-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-route-rule-calibration-learning-proposal-review-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-route-rule-calibration-learning-proposal-review-grid p,
.candidate-route-rule-calibration-learning-proposal-review-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-route-rule-calibration-learning-proposal-review-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-route-rule-calibration-learning-experiment-plan-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

.candidate-route-rule-calibration-learning-experiment-plan-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.candidate-route-rule-calibration-learning-experiment-plan-header span,
.candidate-route-rule-calibration-learning-experiment-plan-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-route-rule-calibration-learning-experiment-plan-header strong,
.candidate-route-rule-calibration-learning-experiment-plan-grid strong,
.candidate-route-rule-calibration-learning-experiment-plan-grid p,
.candidate-route-rule-calibration-learning-experiment-plan-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-route-rule-calibration-learning-experiment-plan-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.candidate-route-rule-calibration-learning-experiment-plan-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.candidate-route-rule-calibration-learning-experiment-plan-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-route-rule-calibration-learning-experiment-plan-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-route-rule-calibration-learning-experiment-plan-grid p,
.candidate-route-rule-calibration-learning-experiment-plan-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-route-rule-calibration-learning-experiment-plan-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-route-rule-calibration-learning-experiment-start-review-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

.candidate-route-rule-calibration-learning-experiment-start-review-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.candidate-route-rule-calibration-learning-experiment-start-review-header span,
.candidate-route-rule-calibration-learning-experiment-start-review-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-route-rule-calibration-learning-experiment-start-review-header strong,
.candidate-route-rule-calibration-learning-experiment-start-review-grid strong,
.candidate-route-rule-calibration-learning-experiment-start-review-grid p,
.candidate-route-rule-calibration-learning-experiment-start-review-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-route-rule-calibration-learning-experiment-start-review-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.candidate-route-rule-calibration-learning-experiment-start-review-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.candidate-route-rule-calibration-learning-experiment-start-review-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-route-rule-calibration-learning-experiment-start-review-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-route-rule-calibration-learning-experiment-start-review-grid p,
.candidate-route-rule-calibration-learning-experiment-start-review-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-route-rule-calibration-learning-experiment-start-review-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-route-rule-calibration-learning-experiment-start-confirmation-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

.candidate-route-rule-calibration-learning-experiment-start-confirmation-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.candidate-route-rule-calibration-learning-experiment-start-confirmation-header span,
.candidate-route-rule-calibration-learning-experiment-start-confirmation-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-route-rule-calibration-learning-experiment-start-confirmation-header strong,
.candidate-route-rule-calibration-learning-experiment-start-confirmation-grid strong,
.candidate-route-rule-calibration-learning-experiment-start-confirmation-grid p,
.candidate-route-rule-calibration-learning-experiment-start-confirmation-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-route-rule-calibration-learning-experiment-start-confirmation-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.candidate-route-rule-calibration-learning-experiment-start-confirmation-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.candidate-route-rule-calibration-learning-experiment-start-confirmation-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-route-rule-calibration-learning-experiment-start-confirmation-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-route-rule-calibration-learning-experiment-start-confirmation-grid p,
.candidate-route-rule-calibration-learning-experiment-start-confirmation-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-route-rule-calibration-learning-experiment-start-confirmation-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-route-rule-calibration-learning-experiment-outcome-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

.candidate-route-rule-calibration-learning-experiment-outcome-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.candidate-route-rule-calibration-learning-experiment-outcome-header span,
.candidate-route-rule-calibration-learning-experiment-outcome-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-route-rule-calibration-learning-experiment-outcome-header strong,
.candidate-route-rule-calibration-learning-experiment-outcome-grid strong,
.candidate-route-rule-calibration-learning-experiment-outcome-grid p,
.candidate-route-rule-calibration-learning-experiment-outcome-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-route-rule-calibration-learning-experiment-outcome-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.candidate-route-rule-calibration-learning-experiment-outcome-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.candidate-route-rule-calibration-learning-experiment-outcome-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-route-rule-calibration-learning-experiment-outcome-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-route-rule-calibration-learning-experiment-outcome-grid p,
.candidate-route-rule-calibration-learning-experiment-outcome-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-route-rule-calibration-learning-experiment-outcome-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-route-rule-calibration-learning-experiment-learning-review-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

.candidate-route-rule-calibration-learning-experiment-learning-review-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.candidate-route-rule-calibration-learning-experiment-learning-review-header span,
.candidate-route-rule-calibration-learning-experiment-learning-review-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-route-rule-calibration-learning-experiment-learning-review-header strong,
.candidate-route-rule-calibration-learning-experiment-learning-review-grid strong,
.candidate-route-rule-calibration-learning-experiment-learning-review-grid p,
.candidate-route-rule-calibration-learning-experiment-learning-review-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-route-rule-calibration-learning-experiment-learning-review-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.candidate-route-rule-calibration-learning-experiment-learning-review-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.candidate-route-rule-calibration-learning-experiment-learning-review-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-route-rule-calibration-learning-experiment-learning-review-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-route-rule-calibration-learning-experiment-learning-review-grid p,
.candidate-route-rule-calibration-learning-experiment-learning-review-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-route-rule-calibration-learning-experiment-learning-review-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-route-rule-calibration-learning-iteration-summary-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

.candidate-route-rule-calibration-learning-iteration-summary-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.candidate-route-rule-calibration-learning-iteration-summary-header span,
.candidate-route-rule-calibration-learning-iteration-summary-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-route-rule-calibration-learning-iteration-summary-header strong,
.candidate-route-rule-calibration-learning-iteration-summary-grid strong,
.candidate-route-rule-calibration-learning-iteration-summary-grid p,
.candidate-route-rule-calibration-learning-iteration-summary-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-route-rule-calibration-learning-iteration-summary-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.candidate-route-rule-calibration-learning-iteration-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.candidate-route-rule-calibration-learning-iteration-summary-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-route-rule-calibration-learning-iteration-summary-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-route-rule-calibration-learning-iteration-summary-grid p,
.candidate-route-rule-calibration-learning-iteration-summary-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-route-rule-calibration-learning-iteration-summary-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-route-rule-calibration-learning-followup-experiment-plan-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

.candidate-route-rule-calibration-learning-followup-experiment-plan-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.candidate-route-rule-calibration-learning-followup-experiment-plan-header span,
.candidate-route-rule-calibration-learning-followup-experiment-plan-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-route-rule-calibration-learning-followup-experiment-plan-header strong,
.candidate-route-rule-calibration-learning-followup-experiment-plan-grid strong,
.candidate-route-rule-calibration-learning-followup-experiment-plan-grid p,
.candidate-route-rule-calibration-learning-followup-experiment-plan-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-route-rule-calibration-learning-followup-experiment-plan-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.candidate-route-rule-calibration-learning-followup-experiment-plan-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.candidate-route-rule-calibration-learning-followup-experiment-plan-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-route-rule-calibration-learning-followup-experiment-plan-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-route-rule-calibration-learning-followup-experiment-plan-grid p,
.candidate-route-rule-calibration-learning-followup-experiment-plan-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-route-rule-calibration-learning-followup-experiment-plan-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-route-rule-calibration-learning-followup-experiment-start-review-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

.candidate-route-rule-calibration-learning-followup-experiment-start-review-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.candidate-route-rule-calibration-learning-followup-experiment-start-review-header span,
.candidate-route-rule-calibration-learning-followup-experiment-start-review-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-route-rule-calibration-learning-followup-experiment-start-review-header strong,
.candidate-route-rule-calibration-learning-followup-experiment-start-review-grid strong,
.candidate-route-rule-calibration-learning-followup-experiment-start-review-grid p,
.candidate-route-rule-calibration-learning-followup-experiment-start-review-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-route-rule-calibration-learning-followup-experiment-start-review-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.candidate-route-rule-calibration-learning-followup-experiment-start-review-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.candidate-route-rule-calibration-learning-followup-experiment-start-review-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-route-rule-calibration-learning-followup-experiment-start-review-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-route-rule-calibration-learning-followup-experiment-start-review-grid p,
.candidate-route-rule-calibration-learning-followup-experiment-start-review-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-route-rule-calibration-learning-followup-experiment-start-review-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-route-rule-calibration-learning-followup-experiment-start-confirmation-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

.candidate-route-rule-calibration-learning-followup-experiment-start-confirmation-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.candidate-route-rule-calibration-learning-followup-experiment-start-confirmation-header span,
.candidate-route-rule-calibration-learning-followup-experiment-start-confirmation-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-route-rule-calibration-learning-followup-experiment-start-confirmation-header strong,
.candidate-route-rule-calibration-learning-followup-experiment-start-confirmation-grid strong,
.candidate-route-rule-calibration-learning-followup-experiment-start-confirmation-grid p,
.candidate-route-rule-calibration-learning-followup-experiment-start-confirmation-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-route-rule-calibration-learning-followup-experiment-start-confirmation-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.candidate-route-rule-calibration-learning-followup-experiment-start-confirmation-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.candidate-route-rule-calibration-learning-followup-experiment-start-confirmation-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-route-rule-calibration-learning-followup-experiment-start-confirmation-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-route-rule-calibration-learning-followup-experiment-start-confirmation-grid p,
.candidate-route-rule-calibration-learning-followup-experiment-start-confirmation-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-route-rule-calibration-learning-followup-experiment-start-confirmation-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-route-rule-calibration-learning-followup-experiment-outcome-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

.candidate-route-rule-calibration-learning-followup-experiment-outcome-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.candidate-route-rule-calibration-learning-followup-experiment-outcome-header span,
.candidate-route-rule-calibration-learning-followup-experiment-outcome-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-route-rule-calibration-learning-followup-experiment-outcome-header strong,
.candidate-route-rule-calibration-learning-followup-experiment-outcome-grid strong,
.candidate-route-rule-calibration-learning-followup-experiment-outcome-grid p,
.candidate-route-rule-calibration-learning-followup-experiment-outcome-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-route-rule-calibration-learning-followup-experiment-outcome-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.candidate-route-rule-calibration-learning-followup-experiment-outcome-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.candidate-route-rule-calibration-learning-followup-experiment-outcome-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-route-rule-calibration-learning-followup-experiment-outcome-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-route-rule-calibration-learning-followup-experiment-outcome-grid p,
.candidate-route-rule-calibration-learning-followup-experiment-outcome-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-route-rule-calibration-learning-followup-experiment-outcome-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-route-rule-calibration-learning-followup-experiment-learning-review-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

.candidate-route-rule-calibration-learning-followup-experiment-learning-review-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.candidate-route-rule-calibration-learning-followup-experiment-learning-review-header span,
.candidate-route-rule-calibration-learning-followup-experiment-learning-review-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-route-rule-calibration-learning-followup-experiment-learning-review-header strong,
.candidate-route-rule-calibration-learning-followup-experiment-learning-review-grid strong,
.candidate-route-rule-calibration-learning-followup-experiment-learning-review-grid p,
.candidate-route-rule-calibration-learning-followup-experiment-learning-review-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-route-rule-calibration-learning-followup-experiment-learning-review-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.candidate-route-rule-calibration-learning-followup-experiment-learning-review-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.candidate-route-rule-calibration-learning-followup-experiment-learning-review-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-route-rule-calibration-learning-followup-experiment-learning-review-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-route-rule-calibration-learning-followup-experiment-learning-review-grid p,
.candidate-route-rule-calibration-learning-followup-experiment-learning-review-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-route-rule-calibration-learning-followup-experiment-learning-review-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-route-rule-calibration-learning-followup-iteration-summary-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

.candidate-route-rule-calibration-learning-followup-iteration-summary-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.candidate-route-rule-calibration-learning-followup-iteration-summary-header span,
.candidate-route-rule-calibration-learning-followup-iteration-summary-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-route-rule-calibration-learning-followup-iteration-summary-header strong,
.candidate-route-rule-calibration-learning-followup-iteration-summary-grid strong,
.candidate-route-rule-calibration-learning-followup-iteration-summary-grid p,
.candidate-route-rule-calibration-learning-followup-iteration-summary-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-route-rule-calibration-learning-followup-iteration-summary-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.candidate-route-rule-calibration-learning-followup-iteration-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.candidate-route-rule-calibration-learning-followup-iteration-summary-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-route-rule-calibration-learning-followup-iteration-summary-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-route-rule-calibration-learning-followup-iteration-summary-grid p,
.candidate-route-rule-calibration-learning-followup-iteration-summary-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-route-rule-calibration-learning-followup-iteration-summary-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.candidate-route-rule-calibration-learning-loop-closeout-gate {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #d9e2e7;
  border-radius: 6px;
  background: #fcfcfd;
}

.candidate-route-rule-calibration-learning-loop-closeout-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.candidate-route-rule-calibration-learning-loop-closeout-header span,
.candidate-route-rule-calibration-learning-loop-closeout-grid article > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-route-rule-calibration-learning-loop-closeout-header strong,
.candidate-route-rule-calibration-learning-loop-closeout-grid strong,
.candidate-route-rule-calibration-learning-loop-closeout-grid p,
.candidate-route-rule-calibration-learning-loop-closeout-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-route-rule-calibration-learning-loop-closeout-header strong {
  display: block;
  margin-top: 4px;
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.candidate-route-rule-calibration-learning-loop-closeout-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.candidate-route-rule-calibration-learning-loop-closeout-grid article {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e2e8ec;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-route-rule-calibration-learning-loop-closeout-grid input {
  width: 100%;
  min-width: 0;
}

.candidate-route-rule-calibration-learning-loop-closeout-grid p,
.candidate-route-rule-calibration-learning-loop-closeout-grid li {
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.candidate-route-rule-calibration-learning-loop-closeout-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.route-task-meter {
  position: relative;
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #e3e8eb;
}

.route-task-meter i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #226b62;
}

.route-task-kpis,
.route-boundary-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.route-task-kpis div {
  min-width: 78px;
  padding: 7px 8px;
  border: 1px solid #e3e8eb;
  border-radius: 6px;
  background: #fbfcfc;
}

.route-task-kpis div strong,
.route-task-kpis div span {
  display: block;
}

.route-task-kpis div strong {
  font-size: 16px;
  line-height: 1.1;
}

.route-task-kpis div span {
  color: #65717a;
  font-size: 11px;
  font-weight: 750;
}

.route-current-action-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid #a9cbc5;
  border-radius: 6px;
  background: #f7fbfa;
}

.route-current-action-panel span,
.route-detail-disclosure summary span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.route-current-action-panel strong,
.route-current-action-panel p {
  min-width: 0;
  overflow-wrap: anywhere;
}

.route-current-action-panel strong {
  display: block;
  margin-top: 2px;
  font-size: 15px;
  line-height: 1.3;
}

.route-current-action-panel p {
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.45;
}

.route-detail-disclosure {
  min-width: 0;
  border: 1px solid #d8dee2;
  border-radius: 6px;
  background: #ffffff;
}

.route-detail-disclosure summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 10px;
  align-items: center;
  padding: 12px;
  cursor: pointer;
}

.route-detail-disclosure summary::after {
  content: "Expand";
  padding: 4px 8px;
  border: 1px solid #d3dbdf;
  border-radius: 999px;
  color: #52635a;
  font-size: 11px;
  font-weight: 750;
}

.route-detail-disclosure[open] summary::after {
  content: "Collapse";
}

.route-detail-disclosure > :not(summary) {
  margin: 0 12px 12px;
}

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

.target-intelligence-dossier {
  display: grid;
  gap: 12px;
  margin: 12px 0;
  padding: 16px;
  border: 1px solid #cfdadd;
  border-radius: 6px;
  background: #ffffff;
}

.target-intelligence-dossier .runtime-card-header {
  display: grid;
  gap: 4px;
}

.target-intelligence-dossier .runtime-card-header span,
.target-intelligence-dossier-item span {
  color: #5b6b72;
  font-size: 12px;
  font-weight: 750;
}

.target-intelligence-dossier .runtime-card-header strong {
  color: #182328;
  font-size: 18px;
}

.target-intelligence-dossier-item {
  display: grid;
  gap: 9px;
  min-width: 0;
  padding: 12px;
  border: 1px solid #e0e7e9;
  border-radius: 6px;
  background: #fbfcfc;
}

.target-intelligence-dossier-item > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.target-intelligence-dossier-item strong,
.target-intelligence-dossier-item p,
.target-intelligence-dossier-item small {
  overflow-wrap: anywhere;
}

.target-intelligence-dossier-item strong {
  color: #182328;
}

.target-intelligence-dossier-item small {
  color: #63737a;
  line-height: 1.45;
}

.target-intelligence-dossier .runtime-card-boundary {
  margin: 0;
  color: #52635a;
  font-size: 12px;
}

.runtime-section,
.runtime-report-panel,
.runtime-candidate-card,
.runtime-proof-card,
.proof-review-workbench,
.proof-review-detail,
.proof-object-disclosure,
.runtime-source-row,
.runtime-execution-queue,
.runtime-execution-row,
.runtime-optimization-card,
.runtime-playbook-preview {
  min-width: 0;
  border: 1px solid #e3e8eb;
  border-radius: 6px;
  background: #fbfcfc;
}

.runtime-section,
.runtime-report-panel,
.runtime-proof-card,
.proof-review-workbench,
.proof-review-detail,
.runtime-execution-queue,
.runtime-source-row {
  padding: 12px;
}

.proof-review-workbench {
  display: grid;
  gap: 12px;
  background: #f7fbfa;
}

.proof-secondary-disclosure {
  display: grid;
  gap: 10px;
  padding-top: 10px;
  border-top: 1px solid #d7e1e8;
}

.proof-secondary-disclosure > summary {
  width: fit-content;
  color: #226b62;
  cursor: pointer;
  font-size: 13px;
  font-weight: 800;
}

.proof-secondary-disclosure > summary:hover {
  text-decoration: underline;
}

.proof-review-detail > .proof-secondary-disclosure {
  margin-top: 2px;
}

.proof-review-layout {
  display: grid;
  grid-template-columns: minmax(230px, 0.36fr) minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.proof-review-queue {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.proof-review-task {
  display: grid;
  gap: 5px;
  justify-items: start;
  width: 100%;
  padding: 10px;
  border: 1px solid #d8dee2;
  border-radius: 6px;
  background: #ffffff;
  color: #182026;
  text-align: left;
}

.proof-review-task.active {
  border-color: #226b62;
  background: #edf8f5;
}

.proof-review-task span,
.proof-review-task em,
.proof-review-task small,
.proof-review-next-step span,
.proof-object-disclosure summary span,
.proof-review-detail .runtime-proof-header span {
  color: #65717a;
  font-size: 12px;
  font-style: normal;
  font-weight: 750;
}

.proof-review-task strong,
.proof-review-task em,
.proof-review-task small,
.proof-review-next-step strong {
  min-width: 0;
  overflow-wrap: anywhere;
}

.proof-review-task small {
  font-weight: 650;
  line-height: 1.3;
}

.proof-review-detail {
  display: grid;
  gap: 10px;
  background: #ffffff;
}

.proof-discovery-context {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid #c8ded9;
  border-radius: 6px;
  background: #f2faf8;
}

.proof-commercial-case-context {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(260px, 0.85fr);
  gap: 12px;
  align-items: start;
  padding: 12px;
  border: 1px solid #c8ded9;
  border-radius: 6px;
  background: #f7fbfa;
}

.proof-commercial-case-context > div,
.proof-commercial-case-context dl {
  min-width: 0;
}

.proof-commercial-case-context span,
.proof-commercial-case-context dt {
  color: #526b68;
  font-size: 12px;
  font-weight: 750;
}

.proof-commercial-case-context strong,
.proof-commercial-case-context dd {
  color: #173f3a;
  overflow-wrap: anywhere;
}

.proof-commercial-case-context p {
  grid-column: 1 / -1;
  margin: 0;
  color: #52635a;
  font-size: 12px;
  line-height: 1.45;
}

.proof-commercial-case-context dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.proof-commercial-case-context dd {
  margin: 2px 0 0;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.35;
}

.proof-discovery-context-head,
.proof-discovery-context-grid {
  display: grid;
  gap: 8px;
}

.proof-discovery-context-head span,
.proof-discovery-context-grid span {
  color: #526b68;
  font-size: 12px;
  font-weight: 750;
}

.proof-discovery-context-head strong,
.proof-discovery-context-grid strong {
  color: #173f3a;
  overflow-wrap: anywhere;
}

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

.proof-discovery-context-grid > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.proof-discovery-context p {
  margin: 0;
  color: #52635a;
  font-size: 12px;
  line-height: 1.45;
}

.proof-review-next-step {
  display: grid;
  gap: 4px;
  padding: 10px;
  border: 1px solid #dfe7e2;
  border-radius: 6px;
  background: #fbfcfc;
}

.proof-review-next-step a {
  width: fit-content;
  margin-top: 4px;
  color: #226b62;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.proof-review-next-step a:hover {
  text-decoration: underline;
}

.proof-detail-review-action-path {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 8px;
  border: 1px solid #dce8e2;
  border-radius: 6px;
  background: #f5faf8;
}

.proof-review-focus {
  display: grid;
  gap: 8px;
  padding-top: 2px;
}

.proof-review-focus-heading {
  display: flex;
  gap: 12px;
  align-items: start;
  justify-content: space-between;
}

.proof-review-focus-heading > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.proof-review-focus-heading span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.proof-review-focus-heading strong {
  color: #182026;
  font-size: 17px;
  line-height: 1.35;
}

.proof-review-focus-heading p {
  margin: 0;
  color: #52635a;
  font-size: 13px;
  line-height: 1.35;
}

.proof-review-focus-heading > span {
  flex: 0 0 auto;
  color: #226b62;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.35;
  text-align: right;
}

.proof-review-status-details {
  margin: 0 0 8px;
}

.proof-review-status-details > summary {
  color: #65717a;
  cursor: pointer;
  font-size: 12px;
  font-weight: 750;
}

.proof-review-status-details .runtime-action-state {
  margin-top: 8px;
}

.proof-detail-review-action-path a {
  display: grid;
  align-content: start;
  gap: 5px;
  min-width: 0;
  min-height: 104px;
  padding: 9px;
  border: 1px solid #e3e8eb;
  border-radius: 6px;
  background: #ffffff;
  color: #182026;
  text-decoration: none;
}

.proof-detail-review-action-path a:hover {
  border-color: #226b62;
  background: #edf8f5;
}

.proof-detail-review-action-path a:focus-visible,
.proof-secondary-disclosure > summary:focus-visible {
  outline: 3px solid #78a99d;
  outline-offset: 2px;
}

.proof-detail-review-action-path span {
  color: #226b62;
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.proof-detail-review-action-path strong,
.proof-detail-review-action-path p {
  min-width: 0;
  overflow-wrap: anywhere;
}

.proof-detail-review-action-path strong {
  color: #182026;
  font-size: 13px;
  line-height: 1.25;
}

.proof-detail-review-action-path p {
  margin: 0;
  color: #52635a;
  font-size: 12px;
  line-height: 1.35;
}

.proof-pack-detail-review {
  display: grid;
  gap: 10px;
  padding: 10px;
  border: 1px solid #d9e4df;
  border-radius: 6px;
  background: #f8fbfa;
}

.proof-pack-detail-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
  min-width: 0;
}

.proof-pack-detail-head > div:first-child,
.proof-pack-detail-card {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
}

.proof-pack-detail-head span,
.proof-pack-detail-card > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.proof-pack-detail-head strong,
.proof-pack-detail-head p,
.proof-pack-detail-card strong,
.proof-pack-evidence-list em,
.proof-pack-checklist span,
.proof-pack-receipt-list span,
.proof-pack-receipt-list em {
  min-width: 0;
  overflow-wrap: anywhere;
}

.proof-pack-detail-head strong,
.proof-pack-detail-card strong {
  color: #182026;
  font-size: 14px;
  line-height: 1.35;
}

.proof-pack-detail-head p {
  margin: 0;
  color: #52635a;
  font-size: 13px;
  line-height: 1.45;
}

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

.proof-pack-detail-card {
  padding: 10px;
  border: 1px solid #e3e8eb;
  border-radius: 6px;
  background: #ffffff;
}

.proof-pack-evidence-list,
.proof-pack-fact-list,
.proof-pack-checklist,
.proof-pack-receipt-list {
  display: grid;
  gap: 6px;
}

.proof-pack-evidence-list em,
.proof-pack-fact-list em,
.proof-pack-receipt-list em {
  color: #65717a;
  font-size: 12px;
  font-style: normal;
  line-height: 1.35;
}

.proof-pack-fact-list {
  padding-top: 6px;
  border-top: 1px solid #edf1f2;
}

.proof-pack-fact-list span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.proof-pack-checklist > div,
.proof-pack-receipt-list > div,
.proof-pack-boundary-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.proof-pack-checklist > div,
.proof-pack-receipt-list > div {
  justify-content: space-between;
  padding: 8px;
  border: 1px solid #edf1f2;
  border-radius: 6px;
  background: #fbfcfc;
}

.proof-pack-checklist span,
.proof-pack-receipt-list span {
  color: #33413d;
  font-size: 12px;
  font-weight: 750;
}

.evidence-trail-detail-review {
  display: grid;
  gap: 10px;
  padding: 10px;
  border: 1px solid #d8e1e6;
  border-radius: 6px;
  background: #f8fbfa;
}

.evidence-trail-detail-head,
.evidence-trail-row-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.72fr);
  gap: 10px;
  align-items: start;
  min-width: 0;
}

.evidence-trail-detail-head > div:first-child,
.evidence-trail-row-head > div:first-child,
.evidence-trail-panel {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
}

.evidence-trail-detail-head span,
.evidence-trail-row-head span,
.evidence-trail-panel span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.evidence-trail-detail-head strong,
.evidence-trail-detail-head p,
.evidence-trail-row-head strong,
.evidence-trail-row-head p,
.evidence-trail-panel em {
  min-width: 0;
  overflow-wrap: anywhere;
}

.evidence-trail-detail-head strong,
.evidence-trail-row-head strong {
  color: #182026;
  font-size: 14px;
  line-height: 1.35;
}

.evidence-trail-detail-head p,
.evidence-trail-row-head p {
  margin: 0;
  color: #52635a;
  font-size: 13px;
  line-height: 1.45;
}

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

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

.evidence-trail-row-stack {
  display: grid;
  gap: 10px;
}

.evidence-trail-row,
.evidence-trail-panel {
  padding: 10px;
  border: 1px solid #e3e8eb;
  border-radius: 6px;
  background: #ffffff;
}

.evidence-trail-row {
  display: grid;
  gap: 10px;
}

.evidence-trail-panel em {
  color: #65717a;
  font-size: 12px;
  font-style: normal;
  line-height: 1.35;
}

.evidence-trail-boundary-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.evidence-source-boundary-note {
  margin: 0;
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.action-playbook-workspace {
  display: grid;
  gap: 10px;
  padding: 10px;
  border: 1px solid #d8e1e6;
  border-radius: 6px;
  background: #fbfcfc;
}

.action-playbook-head,
.action-playbook-draft-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.7fr);
  gap: 10px;
  align-items: start;
  min-width: 0;
}

.action-playbook-head > div:first-child,
.action-playbook-panel,
.action-playbook-draft-preview,
.action-playbook-branch-rules {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
}

.action-playbook-head span,
.action-playbook-panel span,
.action-playbook-draft-preview span,
.action-playbook-branch-rules > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.action-playbook-head strong,
.action-playbook-head p,
.action-playbook-head em,
.action-playbook-panel em,
.action-playbook-draft-preview strong,
.action-playbook-draft-preview p,
.action-playbook-branch-rules strong,
.action-playbook-branch-rules em,
.action-playbook-control-list strong,
.action-playbook-control-list span,
.action-playbook-control-list em {
  min-width: 0;
  overflow-wrap: anywhere;
}

.action-playbook-head strong,
.action-playbook-draft-preview strong {
  color: #182026;
  font-size: 14px;
  line-height: 1.35;
}

.action-playbook-head p,
.action-playbook-draft-preview p {
  margin: 0;
  color: #52635a;
  font-size: 13px;
  line-height: 1.45;
}

.action-playbook-kicker {
  color: #65717a;
  font-size: 12px;
  font-style: normal;
  font-weight: 750;
}

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

.action-playbook-panel,
.action-playbook-draft-preview,
.action-playbook-branch-rules,
.action-playbook-control-list > div {
  padding: 10px;
  border: 1px solid #e3e8eb;
  border-radius: 6px;
  background: #ffffff;
}

.action-playbook-panel em,
.action-playbook-branch-rules em,
.action-playbook-control-list em {
  color: #65717a;
  font-size: 12px;
  font-style: normal;
  line-height: 1.35;
}

.action-playbook-branch-rules > div,
.action-playbook-control-list,
.action-playbook-control-list > div,
.action-playbook-boundary-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.action-playbook-branch-rules > div,
.action-playbook-control-list > div {
  justify-content: space-between;
}

.action-playbook-control-list {
  align-items: stretch;
}

.action-playbook-control-list > div {
  flex: 1 1 220px;
}

.action-playbook-control-list span {
  color: #33413d;
  font-size: 12px;
  line-height: 1.35;
}

.proof-object-disclosure {
  background: #ffffff;
}

.proof-object-disclosure summary {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 12px;
  cursor: pointer;
}

.proof-object-disclosure > :not(summary) {
  margin: 0 12px 12px;
}

.runtime-section-heading,
.runtime-proof-header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.runtime-section-heading span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.runtime-card-stack {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.runtime-candidate-card {
  display: grid;
  gap: 8px;
  padding: 10px;
  background: #ffffff;
}

.runtime-candidate-card.active {
  border-color: #8cbfaf;
  background: #f5fbf8;
}

.candidate-workbench-detail {
  display: grid;
  gap: 12px;
  margin-bottom: 12px;
  padding: 12px;
  border: 1px solid #d2dfdc;
  border-radius: 6px;
  background: #f7faf9;
}

.customer-workbench-role-focus {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(260px, 0.8fr);
  gap: 12px;
  align-items: start;
  margin-bottom: 12px;
  padding: 12px;
  border: 1px solid #d2dfdc;
  border-radius: 6px;
  background: #ffffff;
}

.customer-workbench-role-focus.tenant_admin {
  background: #f8fbfa;
}

.customer-workbench-role-main,
.customer-workbench-role-side {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.customer-workbench-role-main span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.customer-workbench-role-main strong,
.customer-workbench-role-main p {
  min-width: 0;
  overflow-wrap: anywhere;
}

.customer-workbench-role-main strong {
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.customer-workbench-role-main p {
  margin: 0;
  color: #52635a;
  font-size: 13px;
  line-height: 1.45;
}

.customer-workbench-role-side a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  width: fit-content;
  padding: 0 12px;
  border: 1px solid #bfd3cc;
  border-radius: 6px;
  color: #226b62;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.customer-workbench-role-side a:hover {
  background: #f3faf8;
}

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

.customer-target-setup {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(260px, 0.8fr);
  gap: 12px;
  align-items: start;
  margin-bottom: 12px;
  padding: 12px;
  border: 1px solid #d2dfdc;
  border-radius: 6px;
  background: #ffffff;
}

.customer-target-setup.blocked {
  border-color: #d8b7b7;
  background: #fff8f7;
}

.customer-target-setup.needs_review {
  border-color: #dccb9d;
  background: #fffaf0;
}

.customer-target-setup-main,
.customer-target-setup-side {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.customer-target-setup-main span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.customer-target-setup-main strong,
.customer-target-setup-main p {
  min-width: 0;
  overflow-wrap: anywhere;
}

.customer-target-setup-main strong {
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.customer-target-setup-main p {
  margin: 0;
  color: #52635a;
  font-size: 13px;
  line-height: 1.45;
}

.customer-target-setup-side a,
.customer-target-setup-steps a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  width: fit-content;
  padding: 0 12px;
  border: 1px solid #bfd3cc;
  border-radius: 6px;
  color: #226b62;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.customer-target-setup-side a:hover,
.customer-target-setup-steps a:hover {
  background: #f3faf8;
}

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

.customer-target-setup-steps {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.customer-target-setup-steps article {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #dbe5e2;
  border-radius: 6px;
  background: #ffffff;
}

.customer-target-setup-steps article.blocked {
  border-color: #d8b7b7;
  background: #fff8f7;
}

.customer-target-setup-steps article.needs_review {
  border-color: #dccb9d;
  background: #fffaf0;
}

.customer-target-setup-steps article > div {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
}

.customer-target-setup-steps span,
.customer-target-setup-steps strong {
  min-width: 0;
  overflow-wrap: anywhere;
}

.customer-target-setup-steps span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.customer-target-setup-steps strong {
  color: #182026;
  font-size: 12px;
}

.customer-target-setup-steps p {
  margin: 0;
  color: #52635a;
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.customer-workbench-state {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
  padding: 12px;
  border: 1px solid #d2dfdc;
  border-radius: 6px;
  background: #ffffff;
}

.customer-workbench-state.blocked {
  border-color: #d8b7b7;
  background: #fff8f7;
}

.customer-workbench-state.empty {
  border-color: #d9d5c7;
  background: #fbfaf5;
}

.customer-workbench-state.complete {
  border-color: #c8d9d1;
  background: #f5fbf8;
}

.customer-workbench-state > div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.customer-workbench-state span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.customer-workbench-state strong,
.customer-workbench-state p {
  min-width: 0;
  overflow-wrap: anywhere;
}

.customer-workbench-state strong {
  color: #182026;
  font-size: 14px;
  line-height: 1.35;
}

.customer-workbench-state p {
  margin: 0;
  color: #52635a;
  font-size: 13px;
  line-height: 1.45;
}

.customer-workbench-state a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid #bfd3cc;
  border-radius: 6px;
  color: #226b62;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
}

.customer-workbench-state a:hover {
  background: #f3faf8;
}

.customer-workbench-lane-empty {
  display: grid;
  gap: 5px;
  padding: 10px;
  border: 1px dashed #d2dfdc;
  border-radius: 6px;
  background: #fbfcfc;
}

.customer-workbench-lane-empty strong,
.customer-workbench-lane-empty p,
.customer-workbench-lane-empty span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.customer-workbench-lane-empty strong {
  color: #182026;
  font-size: 13px;
  line-height: 1.35;
}

.customer-workbench-lane-empty p {
  margin: 0;
  color: #52635a;
  font-size: 12px;
  line-height: 1.4;
}

.customer-workbench-lane-empty span {
  color: #65717a;
  font-size: 11px;
  font-weight: 750;
}

.candidate-workbench-detail-head,
.candidate-workbench-navigation {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.candidate-workbench-detail-head > div:first-child,
.candidate-workbench-navigation > div:first-child {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.candidate-workbench-detail-head span,
.candidate-workbench-navigation span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-workbench-detail-head strong,
.candidate-workbench-detail-head p,
.candidate-workbench-navigation strong,
.candidate-workbench-navigation p {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-workbench-detail-head strong,
.candidate-workbench-navigation strong {
  color: #182026;
  font-size: 14px;
  line-height: 1.35;
}

.candidate-workbench-detail-head p,
.candidate-workbench-navigation p {
  margin: 0;
  color: #52635a;
  font-size: 13px;
  line-height: 1.45;
}

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

.candidate-workbench-task-path span {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 8px;
  border: 1px solid #e3e8eb;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-workbench-task-path em,
.candidate-workbench-task-path strong {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-workbench-task-path em {
  color: #65717a;
  font-size: 11px;
  font-style: normal;
  font-weight: 750;
}

.candidate-workbench-task-path strong {
  color: #182026;
  font-size: 12px;
  line-height: 1.3;
}

.candidate-workbench-completion-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  padding: 8px;
  border: 1px solid #dfe7e2;
  border-radius: 6px;
  background: #fbfcfc;
}

.candidate-workbench-return-path {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  padding: 10px;
  border: 1px solid #d2dfdc;
  border-radius: 6px;
  background: #ffffff;
}

.candidate-workbench-return-path > div:first-child {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.candidate-workbench-return-path span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.candidate-workbench-return-path strong,
.candidate-workbench-return-path p {
  min-width: 0;
  overflow-wrap: anywhere;
}

.candidate-workbench-return-path strong {
  color: #182026;
  font-size: 14px;
  line-height: 1.35;
}

.candidate-workbench-return-path p {
  margin: 0;
  color: #52635a;
  font-size: 13px;
  line-height: 1.45;
}

.runtime-candidate-card p,
.runtime-optimization-card p,
.runtime-proof-header p,
.runtime-source-row p,
.runtime-report-panel p {
  margin-top: 4px;
  line-height: 1.4;
}

.runtime-optimization-card {
  display: grid;
  gap: 8px;
  padding: 10px;
  background: #ffffff;
}

.runtime-card-meta,
.runtime-card-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.runtime-card-footer {
  justify-content: space-between;
  color: #65717a;
  font-size: 12px;
}

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

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

.runtime-source-boundary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  padding: 12px;
  border: 1px solid #d2dfdc;
  border-radius: 6px;
  background: #f3faf8;
}

.runtime-source-boundary > div:first-child,
.runtime-source-customer-next-step {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.runtime-source-boundary span,
.runtime-source-customer-next-step span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.runtime-source-boundary strong,
.runtime-source-boundary p,
.runtime-source-customer-next-step strong,
.runtime-source-customer-next-step p {
  min-width: 0;
  overflow-wrap: anywhere;
}

.runtime-source-boundary strong,
.runtime-source-customer-next-step strong {
  color: #182026;
  font-size: 14px;
  line-height: 1.35;
}

.runtime-source-boundary p,
.runtime-source-customer-next-step p {
  margin: 0;
  color: #52635a;
  font-size: 13px;
  line-height: 1.45;
}

.runtime-source-customer-next-step {
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #e3e8eb;
  border-radius: 6px;
  background: #ffffff;
}

.runtime-source-production-posture {
  display: grid;
  gap: 12px;
  padding: 12px;
  border: 1px solid #d2dfdc;
  border-radius: 6px;
  background: #ffffff;
}

.runtime-source-production-posture.production_posture_blocked {
  border-color: #d8b7b7;
  background: #fff8f7;
}

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

.runtime-source-production-header > div:first-child,
.runtime-source-production-grid article,
.runtime-source-production-blockers {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.runtime-source-production-header span,
.runtime-source-production-grid span,
.runtime-source-production-blockers > span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.runtime-source-production-header strong,
.runtime-source-production-header p,
.runtime-source-production-grid strong,
.runtime-source-production-grid p,
.runtime-source-production-blockers li,
.runtime-source-production-blockers span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.runtime-source-production-header strong {
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.runtime-source-production-header p,
.runtime-source-production-grid p,
.runtime-source-production-blockers span {
  margin: 0;
  color: #52635a;
  font-size: 13px;
  line-height: 1.45;
}

.runtime-source-production-header a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid #bfd3cc;
  border-radius: 6px;
  color: #226b62;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.runtime-source-production-header a:hover {
  background: #f3faf8;
}

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

.runtime-source-production-grid article,
.runtime-source-production-blockers {
  padding: 10px;
  border: 1px solid #dbe5e2;
  border-radius: 6px;
  background: #ffffff;
}

.runtime-source-production-grid strong {
  color: #182026;
  font-size: 13px;
  line-height: 1.35;
}

.runtime-source-production-blockers ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.runtime-source-production-blockers li {
  display: grid;
  gap: 2px;
}

.runtime-source-search-plan-blockers {
  display: grid;
  gap: 12px;
  padding: 12px;
  border: 1px solid #d2dfdc;
  border-radius: 6px;
  background: #ffffff;
}

.runtime-source-search-plan-blockers.blocked {
  border-color: #d8b7b7;
  background: #fff8f7;
}

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

.runtime-source-search-plan-header > div:first-child {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.runtime-source-search-plan-header span,
.runtime-source-blocker-grid span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.runtime-source-search-plan-header strong,
.runtime-source-search-plan-header p,
.runtime-source-blocker-grid strong,
.runtime-source-blocker-grid p,
.runtime-source-blocker-grid li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.runtime-source-search-plan-header strong {
  color: #182026;
  font-size: 15px;
  line-height: 1.35;
}

.runtime-source-search-plan-header p,
.runtime-source-blocker-grid p {
  margin: 0;
  color: #52635a;
  font-size: 13px;
  line-height: 1.45;
}

.runtime-source-search-plan-header a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid #bfd3cc;
  border-radius: 6px;
  color: #226b62;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.runtime-source-search-plan-header a:hover {
  background: #f3faf8;
}

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

.runtime-source-blocker-grid article {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #dbe5e2;
  border-radius: 6px;
  background: #ffffff;
}

.runtime-source-blocker-grid ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
  color: #52635a;
  font-size: 12px;
  line-height: 1.45;
}

.runtime-list-block {
  display: grid;
  align-content: start;
  gap: 5px;
  min-height: 96px;
  padding: 10px;
  border: 1px solid #e3e8eb;
  border-radius: 6px;
  background: #ffffff;
}

.runtime-list-block strong,
.runtime-list-block span,
.runtime-playbook-preview strong,
.runtime-playbook-preview span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.runtime-list-block span,
.runtime-playbook-preview span {
  color: #65717a;
  font-size: 12px;
  line-height: 1.35;
}

.runtime-playbook-preview {
  display: grid;
  gap: 8px;
  margin-top: 10px;
  padding: 10px;
  background: #ffffff;
}

.runtime-execution-queue {
  display: grid;
  gap: 10px;
  margin-top: 12px;
  background: #f7faf9;
}

.runtime-execution-row {
  display: grid;
  gap: 8px;
  padding: 10px;
  background: #ffffff;
}

.runtime-execution-row > *,
.runtime-execution-row .runtime-card-meta,
.runtime-execution-row .runtime-proof-columns,
.runtime-execution-row .runtime-proof-column {
  min-width: 0;
  max-width: 100%;
}

.runtime-execution-row p,
.runtime-execution-row li,
.runtime-execution-row .pill {
  overflow-wrap: anywhere;
}

.runtime-write-banner {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px solid #d3dbdf;
  border-radius: 6px;
  background: #ffffff;
}

.runtime-write-banner.succeeded {
  border-color: #9bc8b9;
  background: #f0faf6;
}

.runtime-write-banner.failed {
  border-color: #d8b7b7;
  background: #fff5f5;
}

.runtime-write-banner span {
  min-width: 0;
  color: #65717a;
  font-size: 12px;
  overflow-wrap: anywhere;
}

.runtime-action-panel {
  display: grid;
  gap: 10px;
  padding-top: 8px;
  border-top: 1px solid #e3e8eb;
}

.runtime-action-panel-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.68fr);
  gap: 10px;
  align-items: start;
  min-width: 0;
  padding: 10px;
  border: 1px solid #dce8e2;
  border-radius: 6px;
  background: #f8fbfa;
}

.runtime-action-panel-head > div:first-child {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.runtime-action-panel-head span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.runtime-action-panel-head strong,
.runtime-action-panel-head p {
  min-width: 0;
  overflow-wrap: anywhere;
}

.runtime-action-panel-head strong {
  color: #182026;
  font-size: 14px;
  line-height: 1.35;
}

.runtime-action-panel-head p {
  margin: 0;
  color: #52635a;
  font-size: 13px;
  line-height: 1.45;
}

.runtime-preflight-panel {
  display: grid;
  gap: 10px;
  padding-top: 8px;
  border-top: 1px solid #e3e8eb;
}

.runtime-follow-up-panel {
  display: grid;
  gap: 10px;
  padding-top: 8px;
  border-top: 1px solid #e3e8eb;
}

.runtime-action-state,
.runtime-action-buttons,
.runtime-outcome-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.runtime-field {
  display: grid;
  gap: 6px;
}

.runtime-field span {
  color: #65717a;
  font-size: 12px;
  font-weight: 750;
}

.runtime-field textarea {
  min-height: 96px;
}

.runtime-outcome-row {
  display: grid;
  grid-template-columns: minmax(140px, 0.7fr) minmax(220px, 1.4fr) auto;
}

.runtime-preflight-panel .runtime-outcome-row {
  grid-template-columns: minmax(140px, 0.7fr) minmax(140px, 0.7fr) minmax(220px, 1.4fr) auto;
}

.runtime-distribution {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.runtime-distribution div {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 8px;
  border: 1px solid #e3e8eb;
  border-radius: 6px;
  background: #ffffff;
}

.runtime-distribution span {
  color: #65717a;
}

.runtime-empty {
  padding: 10px;
  border: 1px dashed #d3dbdf;
  border-radius: 6px;
  color: #65717a;
  font-size: 12px;
}

.opportunity-run-panel .section-heading p {
  max-width: 720px;
}

.opportunity-run {
  margin-top: 14px;
}

.discovery-preparation-workspace {
  display: grid;
  gap: 14px;
}

.opportunity-run-grid {
  display: grid;
  grid-template-columns: minmax(280px, 0.42fr) minmax(0, 1fr);
  gap: 14px;
  min-width: 0;
}

.run-control-panel,
.run-result-panel {
  display: grid;
  align-content: start;
  gap: 12px;
  min-width: 0;
}

.discovery-preparation-context {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid #9fcfc4;
  border-radius: 6px;
  background: #f2fbf8;
}

.discovery-preparation-context strong {
  font-size: 17px;
  line-height: 1.35;
}

.discovery-preparation-context > p {
  margin: 0;
  color: #536660;
}

.discovery-preparation-boundary {
  padding: 9px 10px;
  border-left: 3px solid #247768;
  background: #e7f5f1;
  font-size: 13px;
}

.discovery-preparation-context-required {
  max-width: 720px;
}

.run-step-list {
  display: grid;
  gap: 6px;
}

.run-step {
  display: grid;
  grid-template-columns: 28px minmax(72px, 0.35fr) minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-height: 42px;
  padding: 8px;
  border: 1px solid #e3e8eb;
  border-radius: 6px;
  background: #fbfcfc;
  min-width: 0;
}

.run-step span {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: #e8f4f1;
  color: #1b5f57;
  font-size: 12px;
  font-weight: 750;
}

.run-step strong {
  font-size: 13px;
}

.run-step em {
  color: #65717a;
  font-size: 12px;
  font-style: normal;
  overflow-wrap: anywhere;
}

.run-step.active {
  border-color: #b9d8d1;
  background: #f3faf8;
}

.run-field {
  display: grid;
  gap: 6px;
}

.run-field span {
  color: #65717a;
  font-size: 12px;
  font-weight: 650;
}

.new-target-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 8px;
}

.run-empty-state {
  display: grid;
  gap: 8px;
  min-height: 260px;
  align-content: center;
  padding: 18px;
  border: 1px solid #e3e8eb;
  border-radius: 6px;
  background: #fbfcfc;
}

.scenario-intro-card,
.scenario-empty-state {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid #c9ddd8;
  border-radius: 6px;
  background: #f4faf8;
}

.scenario-intro-card strong,
.scenario-empty-state strong {
  font-size: 15px;
  line-height: 1.3;
}

.scenario-line-tabs,
.scenario-boundary-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.scenario-line-tab {
  padding: 5px 8px;
  border: 1px solid #d3dbdf;
  border-radius: 999px;
  background: #ffffff;
  color: #365149;
  font-size: 12px;
  font-weight: 700;
}

.scenario-line-tab.active {
  border-color: #226b62;
  background: #226b62;
  color: #ffffff;
}

.run-result-header,
.run-review-actions {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

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

.run-receipt-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  color: var(--muted);
  font-size: 12px;
}

.run-receipt-strip span {
  min-width: 0;
  padding: 5px 8px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #f8fafc;
  overflow-wrap: anywhere;
}

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

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

.draft-field textarea {
  font-family: inherit;
  font-size: 13px;
}

.run-review-actions {
  flex-wrap: wrap;
  justify-content: flex-start;
}

.run-next-step {
  display: grid;
  gap: 6px;
  padding: 12px;
  border: 1px solid #c9ddd8;
  border-radius: 6px;
  background: #f4faf8;
}

.run-next-step p {
  margin: 0;
  color: #365149;
}

.foundation-live-binding-panel {
  margin-top: 14px;
  padding: 16px;
  border: 1px solid #c9ddd8;
  border-radius: 8px;
  background: #f4faf8;
  display: grid;
  gap: 14px;
}

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

.foundation-live-binding-next,
.foundation-live-binding-blockers,
.code-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.code-list code {
  border: 1px solid #d3dbdf;
  border-radius: 6px;
  background: #ffffff;
  padding: 6px 8px;
  font-size: 12px;
}

.danger-button {
  border-color: #d8b7b7;
  background: #fff5f5;
  color: #8b1e1e;
}

[hidden] {
  display: none !important;
}

.detail-panel {
  min-height: 360px;
}

.layout[data-visible-section-count="1"] .detail-panel,
.layout[data-visible-section-count="1"] #accounts-section {
  width: 100%;
}

.account-list,
.table,
.stack {
  display: grid;
  gap: 8px;
  margin-top: 14px;
  min-width: 0;
}

.layout[data-visible-section-count="1"] #accounts-section .account-list {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.account-button {
  display: grid;
  gap: 4px;
  width: 100%;
  min-height: 58px;
  padding: 10px;
  border: 1px solid #dce2e5;
  background: #fbfcfc;
  color: #182026;
  text-align: left;
}

.account-button.active {
  border-color: #226b62;
  background: #e8f4f1;
}

.account-button span,
.muted {
  font-size: 12px;
}

.signal-row,
.opportunity-row,
.lead-row,
.compact-row {
  display: grid;
  gap: 10px;
  align-items: center;
  min-height: 56px;
  padding: 10px;
  border: 1px solid #e3e8eb;
  border-radius: 6px;
  background: #fbfcfc;
  min-width: 0;
  overflow-wrap: anywhere;
}

.signal-row {
  grid-template-columns: minmax(220px, 1.3fr) minmax(120px, 0.7fr) minmax(120px, 0.6fr) minmax(220px, 1fr);
}

.opportunity-row {
  grid-template-columns: minmax(160px, 0.8fr) minmax(140px, 0.7fr) minmax(240px, 1.3fr) minmax(180px, 0.9fr);
}

.lead-row {
  grid-template-columns: minmax(180px, 0.8fr) minmax(130px, 0.55fr) minmax(260px, 1.35fr) minmax(190px, 0.8fr);
}

.compact-row {
  grid-template-columns: minmax(0, 1fr) max-content;
}

.compact-row[data-ops-request-context] {
  align-items: start;
}

.compact-row-meta {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.pill {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  margin: 0 6px 4px 0;
  padding: 4px 8px;
  border-radius: 999px;
  background: #e8f4f1;
  color: #1b5f57;
  font-size: 12px;
  font-weight: 650;
}

.feedback-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 6px;
}

.feedback-action {
  min-height: 28px;
  padding: 0 8px;
  border-color: #d3dbdf;
  background: #ffffff;
  color: #273038;
  font-size: 12px;
}

.feedback-action.active {
  border-color: #226b62;
  background: #e8f4f1;
  color: #1b5f57;
}

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

.tab {
  min-height: 30px;
  padding: 0 10px;
  border-color: #d3dbdf;
  background: #f7f9fa;
  color: #273038;
}

.tab.active {
  border-color: #226b62;
  background: #226b62;
  color: white;
}

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

.account-detail-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(150px, 0.18fr);
  gap: 14px;
  align-items: stretch;
  margin-top: 14px;
}

.account-detail-hero h3,
.detail-story-card h3 {
  margin: 4px 0 0;
  font-size: 20px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.account-detail-hero p,
.detail-story-card p,
.detail-summary-card p,
.message-preview p {
  max-width: 880px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.account-score-card,
.detail-summary-card,
.detail-story-card,
.message-preview {
  min-width: 0;
  border: 1px solid #e3e8eb;
  border-radius: 8px;
  background: #fbfcfc;
}

.account-score-card {
  display: grid;
  align-content: center;
  justify-items: start;
  gap: 6px;
  padding: 14px;
}

.account-score-card strong {
  font-size: 34px;
  line-height: 1;
}

.account-score-card.compact strong {
  font-size: 28px;
}

.detail-card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.detail-summary-card {
  display: grid;
  align-content: start;
  gap: 8px;
  min-height: 138px;
  padding: 12px;
}

.detail-card-stack {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.detail-story-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(190px, 0.26fr);
  gap: 14px;
  align-items: start;
  padding: 14px;
}

.detail-card-main,
.detail-card-side {
  min-width: 0;
}

.detail-card-side {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
}

.detail-card-side .muted,
.detail-card-side a {
  width: 100%;
  text-align: right;
  font-size: 12px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.detail-card-side a {
  color: #1b5f57;
  font-weight: 650;
}

.message-preview {
  display: grid;
  gap: 6px;
  margin-top: 12px;
  padding: 10px;
  background: #ffffff;
}

.message-preview span {
  color: #1b5f57;
  font-size: 12px;
  font-weight: 650;
}

.score-breakdown {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.score-bar {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) 36px;
  gap: 8px;
  align-items: center;
  font-size: 12px;
}

.score-bar div {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #e3e8eb;
}

.score-bar i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #226b62;
}

.detail-definition-list {
  display: grid;
  gap: 8px;
  margin: 12px 0 0;
}

.detail-definition-list div {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 8px;
}

.detail-definition-list dt {
  color: #65717a;
  font-size: 12px;
}

.detail-definition-list dd {
  margin: 0;
  overflow-wrap: anywhere;
}

.object-card {
  margin-top: 10px;
  padding: 12px;
  border: 1px solid #e3e8eb;
  border-radius: 6px;
  background: #fbfcfc;
}

.trust-summary {
  margin-top: 14px;
}

.trust-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.trust-list div {
  display: grid;
  gap: 4px;
  min-height: 58px;
  padding: 10px;
  border: 1px solid #e3e8eb;
  border-radius: 6px;
  background: #fbfcfc;
}

.trust-list span {
  color: #65717a;
  font-size: 12px;
  line-height: 1.35;
}

pre {
  max-height: 220px;
  overflow: auto;
  margin: 8px 0 0;
  color: #30404a;
  white-space: pre-wrap;
  word-break: break-word;
}

.empty {
  padding: 16px 0;
}

.runtime-metric-input {
  background: #ffffff;
  border: 1px solid #dfe7e2;
  border-radius: 8px;
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 10px;
}

.runtime-metric-input span {
  color: #52635a;
  font-size: 0.78rem;
  font-weight: 700;
}

.runtime-metric-input input {
  border: 1px solid #cad7d0;
  border-radius: 6px;
  font: inherit;
  min-width: 0;
  padding: 8px;
  width: 100%;
}

@media (max-width: 960px) {
  .grid,
  .compact-grid,
  .detail-grid,
  .detail-card-grid,
  .foundation-live-binding-grid,
  .trust-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .layout,
  .lower-layout,
  .account-detail-hero,
  .customer-workbench-closeout,
  .customer-workbench-role-focus,
  .customer-target-setup,
  .customer-workbench-state,
  .route-search-plan-header,
  .route-search-plan-grid,
  .route-search-plan-detail-grid,
  .detail-story-card,
  .opportunity-run-grid,
  .run-detail-columns,
  .runtime-section-grid,
  .runtime-proof-columns,
  .proof-detail-review-action-path,
  .proof-pack-detail-grid,
  .evidence-trail-summary-grid,
  .evidence-trail-column-grid,
  .evidence-trail-detail-head,
  .evidence-trail-row-head,
  .candidate-workbench-detail-head,
  .candidate-workbench-navigation,
  .candidate-workbench-return-path,
  .action-playbook-grid,
  .action-playbook-head,
  .action-playbook-draft-row,
  .runtime-action-panel-head,
  .runtime-source-boundary,
  .runtime-source-production-header,
  .runtime-source-production-grid,
  .runtime-source-search-plan-header,
  .runtime-source-blocker-grid,
  .proof-review-layout,
  .route-task-summary,
  .mainline-delivery-readout-header,
  .mainline-delivery-flow,
  .mainline-delivery-grid,
  .customer-route-report-mode-header,
  .customer-route-report-mode-grid,
  .customer-acceptance-walkthrough-header,
  .customer-acceptance-walkthrough-grid,
  .customer-value-roi-header,
  .customer-value-roi-grid,
  .pilot-operator-script-header,
  .pilot-operator-script-grid,
  .outcome-learning-readout,
  .discovery-learning-header,
  .discovery-learning-row-summary,
  .discovery-learning-review-form,
  .controlled-pilot-pack-header,
  .controlled-pilot-pack-grid,
  .controlled-pilot-pack-grid-secondary,
  .customer-trial-handoff-header,
  .customer-trial-handoff-grid,
  .customer-trial-handoff-grid-secondary,
  .customer-trial-handoff-review-header,
  .customer-trial-handoff-review-grid,
  .customer-conversation-outcome-header,
  .customer-conversation-outcome-grid,
  .next-controlled-pilot-plan-header,
  .next-controlled-pilot-plan-grid,
  .next-controlled-pilot-plan-review-header,
  .next-controlled-pilot-plan-review-grid,
  .next-batch-preparation-brief-header,
  .next-batch-preparation-brief-grid,
  .manual-candidate-intake-header,
  .manual-candidate-intake-readiness-header,
  .manual-candidate-intake-readiness-grid,
  .manual-candidate-intake-grid,
  .candidate-import-commit-header,
  .candidate-import-commit-readiness-header,
  .candidate-import-commit-readiness-grid,
  .candidate-import-commit-grid,
  .candidate-object-creation-header,
  .candidate-object-creation-readiness-header,
  .candidate-object-creation-readiness-grid,
  .candidate-object-creation-grid,
  .candidate-evidence-extraction-header,
  .candidate-evidence-extraction-readiness-header,
  .candidate-evidence-extraction-readiness-grid,
  .candidate-evidence-extraction-grid,
  .candidate-scoring-header,
  .candidate-scoring-readiness-header,
  .candidate-scoring-readiness-grid,
  .candidate-scoring-grid,
  .candidate-proof-pack-header,
  .candidate-proof-pack-readiness-header,
  .candidate-proof-pack-readiness-grid,
  .candidate-proof-pack-grid,
  .candidate-action-recommendation-header,
  .candidate-action-recommendation-readiness-header,
  .candidate-action-recommendation-readiness-grid,
  .candidate-action-recommendation-grid,
  .candidate-action-playbook-header,
  .candidate-action-playbook-readiness-header,
  .candidate-action-playbook-readiness-grid,
  .candidate-action-playbook-grid,
  .candidate-execution-confirmation-header,
  .candidate-execution-confirmation-readiness-header,
  .candidate-execution-confirmation-readiness-grid,
  .candidate-execution-confirmation-grid,
  .candidate-external-execution-handoff-header,
  .candidate-external-execution-handoff-readiness-header,
  .candidate-external-execution-handoff-readiness-grid,
  .candidate-external-execution-handoff-grid,
  .candidate-follow-up-recording-header,
  .candidate-follow-up-recording-grid,
  .candidate-outcome-tracking-header,
  .candidate-outcome-tracking-grid,
  .candidate-route-learning-calibration-header,
  .candidate-route-learning-calibration-grid,
  .candidate-route-rule-proposal-preparation-header,
  .candidate-route-rule-proposal-preparation-grid,
  .candidate-route-rule-proposal-review-header,
  .candidate-route-rule-proposal-review-grid,
  .candidate-route-rule-experiment-plan-header,
  .candidate-route-rule-experiment-plan-grid,
  .candidate-route-rule-experiment-start-review-header,
  .candidate-route-rule-experiment-start-review-grid,
  .candidate-route-rule-experiment-start-confirmation-header,
  .candidate-route-rule-experiment-start-confirmation-grid,
  .candidate-route-rule-experiment-outcome-header,
  .candidate-route-rule-experiment-outcome-grid,
  .candidate-route-rule-learning-calibration-header,
  .candidate-route-rule-learning-calibration-grid,
  .candidate-route-rule-calibration-proposal-preparation-header,
  .candidate-route-rule-calibration-proposal-preparation-grid,
  .candidate-route-rule-calibration-proposal-review-header,
  .candidate-route-rule-calibration-proposal-review-grid,
  .candidate-route-rule-calibration-experiment-plan-header,
  .candidate-route-rule-calibration-experiment-plan-grid,
  .candidate-route-rule-calibration-experiment-start-review-header,
  .candidate-route-rule-calibration-experiment-start-review-grid,
  .candidate-route-rule-calibration-experiment-start-confirmation-header,
  .candidate-route-rule-calibration-experiment-start-confirmation-grid,
  .candidate-route-rule-calibration-experiment-outcome-header,
  .candidate-route-rule-calibration-experiment-outcome-grid,
  .candidate-route-rule-calibration-learning-review-header,
  .candidate-route-rule-calibration-learning-review-grid,
  .candidate-route-rule-calibration-learning-proposal-preparation-header,
  .candidate-route-rule-calibration-learning-proposal-preparation-grid,
  .candidate-route-rule-calibration-learning-proposal-review-header,
  .candidate-route-rule-calibration-learning-proposal-review-grid,
  .candidate-route-rule-calibration-learning-experiment-plan-header,
  .candidate-route-rule-calibration-learning-experiment-plan-grid,
  .candidate-route-rule-calibration-learning-experiment-start-review-header,
  .candidate-route-rule-calibration-learning-experiment-start-review-grid,
  .candidate-route-rule-calibration-learning-experiment-start-confirmation-header,
  .candidate-route-rule-calibration-learning-experiment-start-confirmation-grid,
  .candidate-route-rule-calibration-learning-experiment-outcome-header,
  .candidate-route-rule-calibration-learning-experiment-outcome-grid,
  .candidate-route-rule-calibration-learning-experiment-learning-review-header,
  .candidate-route-rule-calibration-learning-experiment-learning-review-grid,
  .candidate-route-rule-calibration-learning-iteration-summary-header,
  .candidate-route-rule-calibration-learning-iteration-summary-grid,
  .candidate-route-rule-calibration-learning-followup-experiment-plan-header,
  .candidate-route-rule-calibration-learning-followup-experiment-plan-grid,
  .candidate-route-rule-calibration-learning-followup-experiment-start-review-header,
  .candidate-route-rule-calibration-learning-followup-experiment-start-review-grid,
  .candidate-route-rule-calibration-learning-followup-experiment-start-confirmation-header,
  .candidate-route-rule-calibration-learning-followup-experiment-start-confirmation-grid,
  .candidate-route-rule-calibration-learning-followup-experiment-outcome-header,
  .candidate-route-rule-calibration-learning-followup-experiment-outcome-grid,
  .candidate-route-rule-calibration-learning-followup-experiment-learning-review-header,
  .candidate-route-rule-calibration-learning-followup-experiment-learning-review-grid,
  .candidate-route-rule-calibration-learning-followup-iteration-summary-header,
  .candidate-route-rule-calibration-learning-followup-iteration-summary-grid,
  .candidate-route-rule-calibration-learning-loop-closeout-header,
  .candidate-route-rule-calibration-learning-loop-closeout-grid,
  .route-current-action-panel,
  .route-detail-disclosure summary,
  .signal-row,
  .opportunity-row,
  .lead-row,
  .pilot-auth-panel,
  .pilot-role-grid {
    grid-template-columns: 1fr;
  }

  .detail-card-side {
    justify-content: flex-start;
  }

  .detail-card-side .muted,
  .detail-card-side a {
    text-align: left;
  }

  .proof-pack-detail-head {
    display: grid;
  }

  .customer-workbench-progress,
  .customer-workbench-safety,
  .customer-target-setup-steps,
  .candidate-workbench-task-path {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .candidate-workbench-detail-head,
  .candidate-workbench-navigation {
    display: grid;
  }
}

@media (max-width: 560px) {
  .shell {
    width: min(100vw - 20px, 1280px);
    min-width: 0;
    padding: 18px 0;
  }

  .shell > *,
  .panel,
  .runtime-route-report,
  .runtime-route-report > *,
  .route-search-plan-review,
  .route-search-plan-grid,
  .route-search-plan-detail-grid,
  .route-search-plan-grid > *,
  .route-search-plan-detail-grid > * {
    min-width: 0;
    max-width: 100%;
  }

  input,
  select,
  textarea {
    min-width: 0;
    max-width: 100%;
  }

  .runtime-route-report strong,
  .runtime-route-report p,
  .runtime-route-report li,
  .runtime-route-report code,
  .runtime-route-report input {
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .runtime-route-report *,
  .runtime-route-report article,
  .runtime-route-report section,
  .runtime-route-report div,
  .runtime-route-report .runtime-card-meta,
  .runtime-route-report .pill {
    min-width: 0;
    max-width: 100%;
  }

  .runtime-route-report .pill {
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .route-search-plan-grid article,
  .route-search-plan-detail-grid article,
  .proof-discovery-context-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .proof-commercial-case-context,
  .proof-commercial-case-context dl {
    grid-template-columns: minmax(0, 1fr);
  }

  .commercial-opportunity-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .commercial-opportunity-decision-brief {
    padding: 14px;
  }

  .commercial-opportunity-decision-brief-head {
    flex-direction: column;
  }

  .commercial-opportunity-decision-brief-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .commercial-opportunity-recovery-queue-head,
  .commercial-opportunity-recovery-queue-row {
    align-items: stretch;
    flex-direction: column;
  }

  .commercial-opportunity-recovery-queue-row-action {
    justify-items: stretch;
  }

  .commercial-opportunity-card-head,
  .commercial-opportunity-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .commercial-opportunity-details div {
    grid-template-columns: minmax(88px, 0.34fr) minmax(0, 1fr);
  }

  .toolbar,
  .toolbar-actions,
  .section-heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .toolbar-actions,
  .role-summary {
    width: 100%;
    min-width: 0;
  }

  .role-summary {
    text-align: left;
  }

  .pilot-auth-panel.authenticated {
    grid-template-columns: 1fr;
  }

  .core-route-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  .core-route-tab {
    min-width: 0;
    overflow: hidden;
    padding-inline: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .secondary-route-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .secondary-route-list .route-tab {
    white-space: nowrap;
  }

  .grid,
  .compact-grid,
  .detail-grid,
  .detail-card-grid,
  .customer-workbench-progress,
  .customer-workbench-safety,
  .customer-workbench-role-focus,
  .customer-target-setup,
  .customer-target-setup-steps,
  .customer-workbench-state,
  .route-search-plan-header,
  .route-search-plan-grid,
  .route-search-plan-detail-grid,
  .mainline-delivery-readout-header,
  .mainline-delivery-flow,
  .mainline-delivery-grid,
  .candidate-workbench-task-path,
  .candidate-workbench-return-path,
  .runtime-operator-header,
  .runtime-operator-context,
  .runtime-decision-controls,
  .runtime-source-boundary,
  .runtime-source-production-header,
  .runtime-source-production-grid,
  .runtime-source-search-plan-header,
  .runtime-source-blocker-grid,
  .runtime-proof-columns,
  .proof-detail-review-action-path,
  .foundation-live-binding-grid,
  .trust-list,
  #runtime-proof-packs > .runtime-summary-grid,
  .proof-review-workbench .runtime-summary-grid,
  .run-proof-grid,
  .runtime-proof-grid,
  .runtime-preflight-panel .runtime-outcome-row,
  .runtime-action-panel-head,
  .runtime-outcome-row {
    grid-template-columns: 1fr;
  }

  .run-step,
  .new-target-row,
  .run-result-header {
    grid-template-columns: 1fr;
  }

  .run-result-header {
    display: grid;
  }
}

@media (max-width: 720px) {
  .compact-row[data-ops-request-context] {
    grid-template-columns: minmax(0, 1fr);
  }

  .compact-row[data-ops-request-context] .compact-row-meta {
    justify-content: flex-start;
  }

  .compact-row[data-ops-request-context] .pill {
    width: auto;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  body[data-route-id="proof_packs"] #runtime-proof-packs,
  body[data-route-id="proof_packs"] #runtime-proof-packs *,
  body[data-route-id="proof_packs"] #runtime-proof-packs article,
  body[data-route-id="proof_packs"] #runtime-proof-packs section,
  body[data-route-id="proof_packs"] #runtime-proof-packs div,
  body[data-route-id="proof_packs"] #runtime-proof-packs .pill {
    min-width: 0;
    max-width: 100%;
  }

  body[data-route-id="proof_packs"] #runtime-proof-packs strong,
  body[data-route-id="proof_packs"] #runtime-proof-packs p,
  body[data-route-id="proof_packs"] #runtime-proof-packs span,
  body[data-route-id="proof_packs"] #runtime-proof-packs li,
  body[data-route-id="proof_packs"] #runtime-proof-packs .pill {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  body[data-route-id="proof_packs"] .proof-first-viewport-review-path {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  body[data-route-id="proof_packs"] .toolbar,
  body[data-route-id="proof_packs"] .toolbar-actions {
    align-items: flex-start;
    flex-direction: column;
  }

  body[data-route-id="proof_packs"] .toolbar-actions {
    width: 100%;
  }

  body[data-route-id="proof_packs"] .runtime-proof-header {
    align-items: stretch;
    flex-direction: column;
  }

  .runtime-execution-row .runtime-proof-columns {
    grid-template-columns: minmax(0, 1fr);
  }

  .runtime-execution-queue .runtime-preflight-panel .runtime-outcome-row,
  .runtime-execution-queue .runtime-outcome-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .runtime-execution-queue .runtime-action-state,
  .runtime-execution-queue .runtime-action-buttons,
  .runtime-execution-queue .runtime-outcome-row,
  .runtime-execution-queue .runtime-field {
    min-width: 0;
    max-width: 100%;
  }
}

@media (max-width: 560px) {
  body[data-route-id="opportunity_feed"] .shell {
    padding-top: 12px;
  }

  body[data-route-id="opportunity_feed"] .toolbar {
    gap: 8px;
    margin-bottom: 8px;
  }

  body[data-route-id="opportunity_feed"] .toolbar h1 {
    font-size: 24px;
    line-height: 1.15;
  }

  body[data-route-id="opportunity_feed"] .toolbar > div:first-child p {
    display: none;
  }

  body[data-route-id="opportunity_feed"] .toolbar-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 6px;
  }

  body[data-route-id="opportunity_feed"] .toolbar-actions .role-summary {
    display: none;
  }

  body[data-route-id="opportunity_feed"] .toolbar-actions .locale-picker {
    grid-column: 1 / -1;
  }

  body[data-route-id="opportunity_feed"] .toolbar-actions .locale-picker select,
  body[data-route-id="opportunity_feed"] .toolbar-actions button {
    width: 100%;
  }

  body[data-route-id="opportunity_feed"] .pilot-auth-panel {
    gap: 6px;
    margin-bottom: 8px;
    padding: 8px 10px;
  }

  body[data-route-id="opportunity_feed"] .pilot-auth-panel.authenticated > div > span {
    display: none;
  }

  body[data-route-id="opportunity_feed"] .route-nav {
    margin-bottom: 8px;
  }

  body[data-route-id="opportunity_feed"] .status-banner {
    margin-bottom: 8px;
    padding: 6px 10px;
  }

  body[data-route-id="opportunity_feed"] #commercial-opportunity-workbench-section > .section-heading {
    margin-bottom: 8px;
  }

  body[data-route-id="opportunity_feed"] #commercial-opportunity-workbench-section > .section-heading p,
  body[data-route-id="opportunity_feed"] #commercial-opportunity-workbench-section > .section-heading .pill {
    display: none;
  }

  body[data-route-id="opportunity_feed"] #commercial-opportunity-workbench-section > .section-heading h2 {
    font-size: 18px;
    line-height: 1.2;
  }

  body[data-route-id="opportunity_feed"] .commercial-opportunity-decision-brief {
    gap: 10px;
    padding: 10px;
  }

  body[data-route-id="opportunity_feed"] .commercial-opportunity-decision-brief-head {
    gap: 8px;
  }

  body[data-route-id="opportunity_feed"] .commercial-opportunity-decision-brief-head h3 {
    font-size: 20px;
  }

  body[data-route-id="opportunity_feed"] .commercial-opportunity-decision-brief-summary {
    margin-top: 4px;
    font-size: 13px;
  }

  body[data-route-id="opportunity_feed"] .commercial-opportunity-user-task-flow {
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
  }

  body[data-route-id="opportunity_feed"] .commercial-opportunity-user-task-value {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-route-id="opportunity_feed"] .commercial-opportunity-user-task-value > section {
    gap: 5px;
    padding: 9px 0;
    border-top: 1px solid #d8ebe6;
    border-left: 0;
    font-size: 13px;
  }

  body[data-route-id="opportunity_feed"] .commercial-opportunity-user-task-value > section:first-child {
    padding-top: 0;
    border-top: 0;
  }

  body[data-route-id="opportunity_feed"] .commercial-opportunity-decision-brief-action {
    order: -1;
    padding: 10px;
  }

  body[data-route-id="opportunity_feed"] .commercial-opportunity-user-task-flow small {
    font-size: 11px;
  }

  body[data-route-id="proof_packs"] .shell {
    padding-top: 12px;
  }

  body:not(.pilot-locked)[data-route-id="proof_packs"] .pilot-auth-panel,
  body:not(.pilot-locked)[data-route-id="opportunity_feed"] .pilot-auth-panel {
    display: none;
  }

  body[data-route-id="proof_packs"] .toolbar > div:first-child p,
  body[data-route-id="opportunity_feed"] .toolbar > div:first-child p {
    display: none;
  }

  body[data-route-id="proof_packs"] #runtime-proof-packs,
  body[data-route-id="proof_packs"] #runtime-proof-packs *,
  body[data-route-id="proof_packs"] #runtime-proof-packs article,
  body[data-route-id="proof_packs"] #runtime-proof-packs section,
  body[data-route-id="proof_packs"] #runtime-proof-packs div,
  body[data-route-id="proof_packs"] #runtime-proof-packs .pill {
    min-width: 0;
    max-width: 100%;
  }

  body[data-route-id="proof_packs"] #runtime-proof-packs strong,
  body[data-route-id="proof_packs"] #runtime-proof-packs p,
  body[data-route-id="proof_packs"] #runtime-proof-packs span,
  body[data-route-id="proof_packs"] #runtime-proof-packs li,
  body[data-route-id="proof_packs"] #runtime-proof-packs .pill {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  body[data-route-id="proof_packs"] .toolbar {
    gap: 8px;
    margin-bottom: 10px;
  }

  body[data-route-id="proof_packs"] .toolbar h1 {
    margin: 0;
    font-size: 24px;
    line-height: 1.15;
  }

  body[data-route-id="proof_packs"] .toolbar p {
    margin: 4px 0 0;
    font-size: 14px;
    line-height: 1.35;
  }

  body[data-route-id="proof_packs"] .toolbar-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
  }

  body[data-route-id="proof_packs"] .locale-picker {
    grid-column: 1 / -1;
  }

  body[data-route-id="proof_packs"] .locale-picker select,
  body[data-route-id="proof_packs"] .role-summary,
  body[data-route-id="proof_packs"] .toolbar-actions button {
    width: 100%;
  }

  body[data-route-id="proof_packs"] .pilot-auth-panel {
    gap: 6px;
    margin-bottom: 10px;
    padding: 10px 12px;
  }

  body[data-route-id="proof_packs"] .route-nav {
    margin-bottom: 8px;
  }

  body[data-route-id="proof_packs"] .status-banner {
    margin-bottom: 10px;
    padding: 8px 10px;
  }

  body[data-route-id="proof_packs"] #runtime-proof-packs-section {
    padding: 10px;
  }

  body[data-route-id="proof_packs"] #runtime-proof-packs-section > .section-heading {
    margin-bottom: 8px;
  }

  body[data-route-id="proof_packs"] #runtime-proof-packs-section > .section-heading h2 {
    margin: 0;
    font-size: 18px;
    line-height: 1.2;
  }

  body[data-route-id="proof_packs"] #runtime-proof-packs-section > .section-heading p {
    margin-top: 4px;
    font-size: 13px;
    line-height: 1.3;
  }

  body[data-route-id="proof_packs"] .customer-proof-pack-experience {
    gap: 8px;
    padding: 8px;
  }

  body[data-route-id="proof_packs"] .customer-proof-pack-experience-grid,
  body[data-route-id="proof_packs"] .proof-review-layout,
  body[data-route-id="proof_packs"] .proof-pack-detail-grid,
  body[data-route-id="proof_packs"] .evidence-trail-column-grid,
  body[data-route-id="proof_packs"] .action-playbook-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-route-id="proof_packs"] .proof-first-viewport-review-path {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  body[data-route-id="proof_packs"] .proof-first-viewport-review-path [data-proof-decision-point="next-task"],
  body[data-route-id="proof_packs"] .proof-first-viewport-review-path [data-proof-decision-point="boundary"] {
    grid-column: 1 / -1;
  }

  body[data-route-id="proof_packs"] .proof-decision-first-heading {
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
  }

  body[data-route-id="proof_packs"] .proof-decision-first-evidence {
    justify-self: start;
    white-space: normal;
  }

  body[data-route-id="proof_packs"] .proof-first-viewport-review-path article {
    gap: 4px;
    min-height: 0;
    padding: 8px 0;
    border-top: 1px solid #d7e1e8;
    border-left: 0;
  }

  body[data-route-id="proof_packs"] .proof-first-viewport-review-path article:first-child {
    padding-top: 0;
    border-top: 0;
  }

  body[data-route-id="proof_packs"] .proof-first-viewport-review-path article strong {
    font-size: 12px;
  }

  body[data-route-id="proof_packs"] .proof-first-viewport-review-path article p {
    font-size: 11px;
    line-height: 1.25;
  }

  body[data-route-id="proof_packs"] .proof-first-viewport-detail-map {
    gap: 4px;
  }

  body[data-route-id="proof_packs"] .proof-first-viewport-detail-map a,
  body[data-route-id="proof_packs"] .proof-first-viewport-detail-map span {
    padding: 4px 7px;
    font-size: 10px;
  }

  body[data-route-id="proof_packs"] .proof-review-focus-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
  }

  body[data-route-id="proof_packs"] .proof-review-focus-heading strong {
    font-size: 16px;
  }

  body[data-route-id="proof_packs"] .proof-review-focus-heading > span {
    text-align: left;
  }

  body[data-route-id="proof_packs"] .customer-proof-pack-experience-head {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  body[data-route-id="proof_packs"] .customer-proof-pack-experience-head .runtime-card-meta {
    justify-content: flex-start;
  }

  body[data-route-id="proof_packs"] #runtime-proof-packs > .runtime-summary-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
  }

  body[data-route-id="proof_packs"] #runtime-proof-packs > .runtime-summary-grid .metric {
    min-height: 54px;
    padding: 8px;
  }

  body[data-route-id="proof_packs"] #runtime-proof-packs > .runtime-summary-grid .metric strong {
    font-size: 18px;
  }

  body[data-route-id="proof_packs"] #runtime-proof-packs > .runtime-summary-grid .metric span {
    font-size: 10px;
  }

  body[data-route-id="proof_packs"] .proof-review-workbench,
  body[data-route-id="proof_packs"] .proof-review-detail {
    gap: 8px;
    padding: 8px;
  }

  body[data-route-id="proof_packs"] .proof-review-task {
    padding: 8px;
  }

  body[data-route-id="proof_packs"] .proof-detail-review-action-path {
    gap: 6px;
    padding: 6px;
  }

  body[data-route-id="proof_packs"] .proof-detail-review-action-path a {
    min-height: 0;
    padding: 8px;
  }

  body[data-route-id="proof_packs"] .proof-detail-review-action-path strong {
    font-size: 12px;
  }

  body[data-route-id="proof_packs"] .proof-detail-review-action-path p {
    font-size: 11px;
    line-height: 1.28;
  }

  body[data-route-id="proof_packs"] .proof-pack-detail-review,
  body[data-route-id="proof_packs"] .evidence-trail-detail-review,
  body[data-route-id="proof_packs"] .action-playbook-workspace {
    gap: 8px;
    padding: 8px;
  }

  body[data-route-id="proof_packs"] .runtime-action-panel-head {
    gap: 8px;
    padding: 8px;
  }
}