:root {
  color-scheme: light;
  --ink: #172126;
  --muted: #5a6870;
  --line: #d8e0e3;
  --soft: #f5f7f4;
  --panel: #ffffff;
  --brand: #19aeb2;
  --brand-dark: #0d4f85;
  --accent: #f26a21;
  --warning: #b88715;
  --danger: #b33a30;
  --ok: #17724d;
}

.manualj-calculation-audit-card {
  border: 1px solid rgba(24, 34, 38, 0.12);
  border-left: 5px solid #2f8bd4;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 16px 34px rgba(24, 34, 38, 0.08);
  padding: 1rem;
  display: grid;
  gap: 0.85rem;
  overflow: hidden;
}

.manualj-calculation-audit-card.ready { border-left-color: #19aeb2; }
.manualj-calculation-audit-card.review { border-left-color: #f2a51f; }
.manualj-calculation-audit-card.locked { border-left-color: #d94f45; }

.manualj-calculation-audit-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
  gap: 0.65rem;
}

.manualj-calculation-audit-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(220px, 0.75fr) minmax(220px, 0.8fr);
  gap: 0.75rem;
  align-items: stretch;
}

.manualj-calculation-audit-check {
  width: 100%;
  border: 1px solid rgba(24, 34, 38, 0.12);
  border-radius: 8px;
  background: #f8fbfc;
  color: #172126;
  padding: 0.75rem;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 0.65rem;
  text-align: left;
  cursor: pointer;
}

.manualj-calculation-audit-check > span {
  width: 42px;
  min-height: 28px;
  border-radius: 6px;
  display: inline-grid;
  place-items: center;
  background: rgba(47, 139, 212, 0.12);
  color: #1b5f93;
  font-size: 0.72rem;
  font-weight: 800;
}

.manualj-calculation-audit-check.fix > span {
  background: rgba(217, 79, 69, 0.12);
  color: #a7322d;
}

.manualj-calculation-audit-check.warn > span {
  background: rgba(242, 165, 31, 0.16);
  color: #8a5b00;
}

.manualj-calculation-audit-check.pass > span {
  background: rgba(25, 174, 178, 0.14);
  color: #087f83;
}

.manualj-calculation-audit-check strong,
.manualj-calculation-audit-check p,
.manualj-calculation-audit-check small,
.manualj-calculation-audit-card p,
.manualj-calculation-audit-card h3 {
  overflow-wrap: anywhere;
}

.manualj-calculation-audit-check p { margin: 0.2rem 0; }

.manualj-calculation-audit-evidence { align-content: start; }

.manualj-calculation-audit-evidence span {
  display: inline-block;
  max-width: 100%;
  margin: 0.16rem 0.16rem 0.16rem 0;
  border: 1px solid rgba(24, 34, 38, 0.12);
  border-radius: 999px;
  background: #f3f7f8;
  padding: 0.22rem 0.48rem;
  font-size: 0.76rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.manualj-calculation-audit-lock.compact .manualj-calculation-audit-card {
  padding: 0.8rem;
  box-shadow: none;
}

.manualj-calculation-audit-lock.compact .manualj-calculation-audit-grid {
  grid-template-columns: 1fr;
}

.load-input-data-completeness-lock {
  margin: 14px 0;
  max-width: 100%;
  min-width: 0;
}

.load-input-data-completeness-card {
  display: grid;
  gap: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
  min-width: 0;
}

.load-input-data-completeness-card.ready,
.load-input-data-completeness-card.pass {
  border-color: rgba(23, 114, 77, 0.34);
  background: #f5fbf7;
}

.load-input-data-completeness-card.review,
.load-input-data-completeness-card.warn {
  border-color: rgba(47, 139, 212, 0.28);
  background: #f5faff;
}

.load-input-data-completeness-card.locked,
.load-input-data-completeness-card.fix {
  border-color: rgba(184, 135, 21, 0.34);
  background: #fffaf0;
}

.load-input-data-completeness-card h3,
.load-input-data-completeness-card h4,
.load-input-data-completeness-card p {
  margin-top: 0;
}

.load-input-data-completeness-card p,
.load-input-data-completeness-card span,
.load-input-data-completeness-card strong,
.load-input-data-completeness-card small,
.load-input-data-completeness-card button {
  min-width: 0;
  overflow-wrap: anywhere;
}

.load-input-data-completeness-metrics,
.load-input-data-completeness-grid {
  display: grid;
  gap: 12px;
}

.load-input-data-completeness-metrics {
  grid-template-columns: repeat(4, minmax(112px, 1fr));
}

.load-input-data-completeness-grid {
  grid-template-columns: repeat(2, minmax(240px, 1fr));
  align-items: stretch;
}

.load-input-data-completeness-item {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 10px;
  width: 100%;
  min-height: 128px;
  border: 1px solid rgba(24, 34, 38, 0.1);
  border-radius: 8px;
  background: #fff;
  padding: 12px;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.load-input-data-completeness-item > span {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(184, 135, 21, 0.14);
  color: #93610a;
  font-weight: 900;
}

.load-input-data-completeness-item.pass > span {
  background: rgba(25, 174, 178, 0.14);
  color: #087f83;
}

.load-input-data-completeness-item.warn > span {
  background: rgba(47, 139, 212, 0.14);
  color: #1f6da6;
}

.load-input-data-completeness-item.fix > span {
  background: rgba(184, 135, 21, 0.16);
  color: #93610a;
}

.load-input-data-completeness-evidence {
  align-content: start;
}

.load-input-data-completeness-evidence span {
  display: inline-block;
  max-width: 100%;
  margin: 0.16rem 0.16rem 0.16rem 0;
  border: 1px solid rgba(24, 34, 38, 0.12);
  border-radius: 999px;
  background: #f3f7f8;
  padding: 0.22rem 0.48rem;
  font-size: 0.76rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.load-input-data-completeness-lock.compact .load-input-data-completeness-card {
  padding: 14px;
  box-shadow: none;
}

.load-input-data-completeness-lock.compact .load-input-data-completeness-metrics,
.load-input-data-completeness-lock.compact .load-input-data-completeness-grid {
  grid-template-columns: 1fr;
}

.load-input-data-completeness-lock.compact .load-input-data-completeness-item {
  min-height: auto;
}

.reference-comparison-release-lock {
  margin: 14px 0;
  max-width: 100%;
  min-width: 0;
}

.reference-comparison-release-lock-card {
  display: grid;
  gap: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
  min-width: 0;
}

.reference-comparison-release-lock-card.ready,
.reference-comparison-release-lock-card.reference-final-release-ready,
.reference-comparison-release-lock-card.standalone-reference-review-ready,
.reference-comparison-release-lock-card.beta-reference-validation-ready {
  border-color: rgba(23, 114, 77, 0.34);
  background: #f5fbf7;
}

.reference-comparison-release-lock-card.review,
.reference-comparison-release-lock-card.reference-validation-evidence-ready,
.reference-comparison-release-lock-card.reference-comparison-review {
  border-color: rgba(47, 139, 212, 0.28);
  background: #f5faff;
}

.reference-comparison-release-lock-card.locked,
.reference-comparison-release-lock-card.reference-release-locked {
  border-color: rgba(184, 135, 21, 0.34);
  background: #fffaf0;
}

.reference-comparison-release-lock-card h3,
.reference-comparison-release-lock-card h4,
.reference-comparison-release-lock-card p {
  margin-top: 0;
}

.reference-comparison-release-lock-card p,
.reference-comparison-release-lock-card span,
.reference-comparison-release-lock-card strong,
.reference-comparison-release-lock-card small,
.reference-comparison-release-lock-card button {
  min-width: 0;
  overflow-wrap: anywhere;
}

.reference-comparison-release-lock-metrics,
.reference-comparison-release-lock-grid {
  display: grid;
  gap: 12px;
}

.reference-comparison-release-lock-metrics {
  grid-template-columns: repeat(4, minmax(112px, 1fr));
}

.reference-comparison-release-lock-grid {
  grid-template-columns: minmax(260px, 1.2fr) minmax(220px, 0.8fr) minmax(220px, 0.8fr);
  align-items: start;
}

.reference-comparison-release-lock-item {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 10px;
  width: 100%;
  min-height: 126px;
  border: 1px solid rgba(24, 34, 38, 0.1);
  border-radius: 8px;
  background: #fff;
  padding: 12px;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.reference-comparison-release-lock-item > span {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(184, 135, 21, 0.14);
  color: #93610a;
  font-weight: 900;
}

.reference-comparison-release-lock-item.pass > span {
  background: rgba(25, 174, 178, 0.14);
  color: #087f83;
}

.reference-comparison-release-lock-item.warn > span {
  background: rgba(47, 139, 212, 0.14);
  color: #1f6da6;
}

.reference-comparison-release-lock-evidence span {
  display: inline-block;
  max-width: 100%;
  margin: 0.16rem 0.16rem 0.16rem 0;
  border: 1px solid rgba(24, 34, 38, 0.12);
  border-radius: 999px;
  background: #f3f7f8;
  padding: 0.22rem 0.48rem;
  font-size: 0.76rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.reference-comparison-release-lock.compact .reference-comparison-release-lock-card {
  padding: 14px;
  box-shadow: none;
}

.reference-comparison-release-lock.compact .reference-comparison-release-lock-metrics,
.reference-comparison-release-lock.compact .reference-comparison-release-lock-grid {
  grid-template-columns: 1fr;
}

.reference-comparison-release-lock.compact .reference-comparison-release-lock-item {
  min-height: auto;
}

.hosted-real-plan-launch-lock {
  margin: 14px 0;
  max-width: 100%;
  min-width: 0;
}

.hosted-real-plan-launch-lock-card {
  display: grid;
  gap: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
  min-width: 0;
}

.hosted-real-plan-launch-lock-card.ready,
.hosted-real-plan-launch-lock-card.hosted-beta-test-ready,
.hosted-real-plan-launch-lock-card.hosted-final-review-ready {
  border-color: rgba(23, 114, 77, 0.34);
  background: #f5fbf7;
}

.hosted-real-plan-launch-lock-card.review,
.hosted-real-plan-launch-lock-card.hosted-takeoff-ready,
.hosted-real-plan-launch-lock-card.hosted-load-run-ready,
.hosted-real-plan-launch-lock-card.hosted-validation-review,
.hosted-real-plan-launch-lock-card.hosted-setup-active {
  border-color: rgba(47, 139, 212, 0.28);
  background: #f5faff;
}

.hosted-real-plan-launch-lock-card.locked,
.hosted-real-plan-launch-lock-card.hosted-launch-locked {
  border-color: rgba(184, 135, 21, 0.34);
  background: #fffaf0;
}

.hosted-real-plan-launch-lock-card h3,
.hosted-real-plan-launch-lock-card h4,
.hosted-real-plan-launch-lock-card p {
  margin-top: 0;
}

.hosted-real-plan-launch-lock-card p,
.hosted-real-plan-launch-lock-card span,
.hosted-real-plan-launch-lock-card strong,
.hosted-real-plan-launch-lock-card small,
.hosted-real-plan-launch-lock-card button {
  min-width: 0;
  overflow-wrap: anywhere;
}

.hosted-real-plan-launch-lock-metrics,
.hosted-real-plan-launch-lock-grid {
  display: grid;
  gap: 12px;
}

.hosted-real-plan-launch-lock-metrics {
  grid-template-columns: repeat(4, minmax(112px, 1fr));
}

.hosted-real-plan-launch-lock-grid {
  grid-template-columns: minmax(260px, 1.2fr) minmax(220px, 0.8fr) minmax(220px, 0.8fr);
  align-items: start;
}

.hosted-real-plan-launch-lock-item {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 10px;
  width: 100%;
  min-height: 126px;
  border: 1px solid rgba(24, 34, 38, 0.1);
  border-radius: 8px;
  background: #fff;
  padding: 12px;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.hosted-real-plan-launch-lock-item > span {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(184, 135, 21, 0.14);
  color: #93610a;
  font-weight: 900;
}

.hosted-real-plan-launch-lock-item.pass > span {
  background: rgba(25, 174, 178, 0.14);
  color: #087f83;
}

.hosted-real-plan-launch-lock-item.warn > span {
  background: rgba(47, 139, 212, 0.14);
  color: #1f6da6;
}

.hosted-real-plan-launch-lock-evidence span {
  display: inline-block;
  max-width: 100%;
  margin: 0.16rem 0.16rem 0.16rem 0;
  border: 1px solid rgba(24, 34, 38, 0.12);
  border-radius: 999px;
  background: #f3f7f8;
  padding: 0.22rem 0.48rem;
  font-size: 0.76rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.hosted-real-plan-launch-lock.compact .hosted-real-plan-launch-lock-card {
  padding: 14px;
  box-shadow: none;
}

.hosted-real-plan-launch-lock.compact .hosted-real-plan-launch-lock-metrics,
.hosted-real-plan-launch-lock.compact .hosted-real-plan-launch-lock-grid {
  grid-template-columns: 1fr;
}

.hosted-real-plan-launch-lock.compact .hosted-real-plan-launch-lock-item {
  min-height: auto;
}

.current-test-plan-execution-lock {
  margin: 14px 0;
  max-width: 100%;
  min-width: 0;
}

.current-test-plan-execution-lock-card {
  display: grid;
  gap: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
  min-width: 0;
}

.current-test-plan-execution-lock-card.ready,
.current-test-plan-execution-lock-card.test-plan-package-review,
.current-test-plan-execution-lock-card.test-plan-final-review-ready {
  border-color: rgba(23, 114, 77, 0.34);
  background: #f5fbf7;
}

.current-test-plan-execution-lock-card.review,
.current-test-plan-execution-lock-card.test-plan-takeoff-ready,
.current-test-plan-execution-lock-card.test-plan-load-run-ready,
.current-test-plan-execution-lock-card.test-plan-reference-review,
.current-test-plan-execution-lock-card.test-plan-upload-ready {
  border-color: rgba(47, 139, 212, 0.28);
  background: #f5faff;
}

.current-test-plan-execution-lock-card.locked,
.current-test-plan-execution-lock-card.test-plan-execution-locked {
  border-color: rgba(184, 135, 21, 0.34);
  background: #fffaf0;
}

.current-test-plan-execution-lock-card h3,
.current-test-plan-execution-lock-card h4,
.current-test-plan-execution-lock-card p {
  margin-top: 0;
}

.current-test-plan-execution-lock-card p,
.current-test-plan-execution-lock-card span,
.current-test-plan-execution-lock-card strong,
.current-test-plan-execution-lock-card small,
.current-test-plan-execution-lock-card button {
  min-width: 0;
  overflow-wrap: anywhere;
}

.current-test-plan-execution-lock-metrics,
.current-test-plan-execution-lock-grid {
  display: grid;
  gap: 12px;
}

.current-test-plan-execution-lock-metrics {
  grid-template-columns: repeat(4, minmax(112px, 1fr));
}

.current-test-plan-execution-lock-grid {
  grid-template-columns: minmax(260px, 1.2fr) minmax(220px, 0.8fr) minmax(220px, 0.8fr);
  align-items: start;
}

.current-test-plan-execution-lock-item {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 10px;
  width: 100%;
  min-height: 126px;
  border: 1px solid rgba(24, 34, 38, 0.1);
  border-radius: 8px;
  background: #fff;
  padding: 12px;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.current-test-plan-execution-lock-item > span {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(184, 135, 21, 0.14);
  color: #93610a;
  font-weight: 900;
}

.current-test-plan-execution-lock-item.pass > span {
  background: rgba(25, 174, 178, 0.14);
  color: #087f83;
}

.current-test-plan-execution-lock-item.warn > span {
  background: rgba(47, 139, 212, 0.14);
  color: #1f6da6;
}

.current-test-plan-execution-lock-evidence span {
  display: inline-block;
  max-width: 100%;
  margin: 0.16rem 0.16rem 0.16rem 0;
  border: 1px solid rgba(24, 34, 38, 0.12);
  border-radius: 999px;
  background: #f3f7f8;
  padding: 0.22rem 0.48rem;
  font-size: 0.76rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.current-test-plan-execution-lock.compact .current-test-plan-execution-lock-card {
  padding: 14px;
  box-shadow: none;
}

.current-test-plan-execution-lock.compact .current-test-plan-execution-lock-metrics,
.current-test-plan-execution-lock.compact .current-test-plan-execution-lock-grid {
  grid-template-columns: 1fr;
}

.current-test-plan-execution-lock.compact .current-test-plan-execution-lock-item {
  min-height: auto;
}

.manual-j-sellable-beta-readiness-lock {
  margin: 14px 0;
  max-width: 100%;
  min-width: 0;
}

.manual-j-sellable-beta-readiness-card {
  display: grid;
  gap: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
  min-width: 0;
}

.manual-j-sellable-beta-readiness-card.ready,
.manual-j-sellable-beta-readiness-card.paid-handoff-saas-ready,
.manual-j-sellable-beta-readiness-card.reviewed-manual-j-beta-ready,
.manual-j-sellable-beta-readiness-card.standalone-manual-j-ready {
  border-color: rgba(23, 114, 77, 0.34);
  background: #f5fbf7;
}

.manual-j-sellable-beta-readiness-card.review,
.manual-j-sellable-beta-readiness-card.internal-beta-ready,
.manual-j-sellable-beta-readiness-card.outside-beta-test-ready {
  border-color: rgba(47, 139, 212, 0.28);
  background: #f5faff;
}

.manual-j-sellable-beta-readiness-card.locked,
.manual-j-sellable-beta-readiness-card.manual-j-beta-readiness-locked {
  border-color: rgba(184, 135, 21, 0.34);
  background: #fffaf0;
}

.manual-j-sellable-beta-readiness-card h3,
.manual-j-sellable-beta-readiness-card h4,
.manual-j-sellable-beta-readiness-card p {
  margin-top: 0;
}

.manual-j-sellable-beta-readiness-card p,
.manual-j-sellable-beta-readiness-card span,
.manual-j-sellable-beta-readiness-card strong,
.manual-j-sellable-beta-readiness-card small,
.manual-j-sellable-beta-readiness-card button {
  min-width: 0;
  overflow-wrap: anywhere;
}

.manual-j-sellable-beta-readiness-lanes,
.manual-j-sellable-beta-readiness-metrics,
.manual-j-sellable-beta-readiness-grid {
  display: grid;
  gap: 12px;
}

.manual-j-sellable-beta-readiness-lanes {
  grid-template-columns: repeat(5, minmax(120px, 1fr));
}

.manual-j-sellable-beta-readiness-metrics {
  grid-template-columns: repeat(4, minmax(112px, 1fr));
}

.manual-j-sellable-beta-readiness-grid {
  grid-template-columns: minmax(260px, 1.2fr) minmax(220px, 0.8fr) minmax(220px, 0.8fr);
  align-items: start;
}

.manual-j-sellable-beta-readiness-item {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 10px;
  width: 100%;
  min-height: 126px;
  border: 1px solid rgba(24, 34, 38, 0.1);
  border-radius: 8px;
  background: #fff;
  padding: 12px;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.manual-j-sellable-beta-readiness-item > span {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(184, 135, 21, 0.14);
  color: #93610a;
  font-weight: 900;
}

.manual-j-sellable-beta-readiness-item.pass > span {
  background: rgba(25, 174, 178, 0.14);
  color: #087f83;
}

.manual-j-sellable-beta-readiness-item.warn > span {
  background: rgba(47, 139, 212, 0.14);
  color: #1f6da6;
}

.manual-j-sellable-beta-readiness-evidence span {
  display: inline-block;
  max-width: 100%;
  margin: 0.16rem 0.16rem 0.16rem 0;
  border: 1px solid rgba(24, 34, 38, 0.12);
  border-radius: 999px;
  background: #f3f7f8;
  padding: 0.22rem 0.48rem;
  font-size: 0.76rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.manual-j-sellable-beta-readiness-lock.compact .manual-j-sellable-beta-readiness-card {
  padding: 14px;
  box-shadow: none;
}

.manual-j-sellable-beta-readiness-lock.compact .manual-j-sellable-beta-readiness-lanes,
.manual-j-sellable-beta-readiness-lock.compact .manual-j-sellable-beta-readiness-metrics,
.manual-j-sellable-beta-readiness-lock.compact .manual-j-sellable-beta-readiness-grid {
  grid-template-columns: 1fr;
}

.manual-j-sellable-beta-readiness-lock.compact .manual-j-sellable-beta-readiness-item {
  min-height: auto;
}

.validation-campaign-execution-lock {
  margin: 14px 0;
  max-width: 100%;
  min-width: 0;
}

.validation-campaign-execution-card {
  display: grid;
  gap: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
  min-width: 0;
}

.validation-campaign-execution-card.ready,
.validation-campaign-execution-card.beta-validation-ready,
.validation-campaign-execution-card.standalone-validation-ready {
  border-color: rgba(23, 114, 77, 0.34);
  background: #f5fbf7;
}

.validation-campaign-execution-card.review,
.validation-campaign-execution-card.first-three-validation-ready,
.validation-campaign-execution-card.validation-campaign-in-progress {
  border-color: rgba(47, 139, 212, 0.28);
  background: #f5faff;
}

.validation-campaign-execution-card.locked,
.validation-campaign-execution-card.validation-campaign-locked {
  border-color: rgba(184, 135, 21, 0.34);
  background: #fffaf0;
}

.validation-campaign-execution-card h3,
.validation-campaign-execution-card h4,
.validation-campaign-execution-card p {
  margin-top: 0;
}

.validation-campaign-execution-card p,
.validation-campaign-execution-card span,
.validation-campaign-execution-card strong,
.validation-campaign-execution-card small,
.validation-campaign-execution-card button {
  min-width: 0;
  overflow-wrap: anywhere;
}

.validation-campaign-execution-lanes,
.validation-campaign-execution-metrics,
.validation-campaign-execution-grid {
  display: grid;
  gap: 12px;
}

.validation-campaign-execution-lanes {
  grid-template-columns: repeat(5, minmax(120px, 1fr));
}

.validation-campaign-execution-metrics {
  grid-template-columns: repeat(6, minmax(104px, 1fr));
}

.validation-campaign-execution-grid {
  grid-template-columns: minmax(260px, 1.2fr) minmax(220px, 0.8fr) minmax(220px, 0.8fr);
  align-items: start;
}

.validation-campaign-execution-item {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 10px;
  width: 100%;
  min-height: 126px;
  border: 1px solid rgba(24, 34, 38, 0.1);
  border-radius: 8px;
  background: #fff;
  padding: 12px;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.validation-campaign-execution-item > span {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(184, 135, 21, 0.14);
  color: #93610a;
  font-weight: 900;
}

.validation-campaign-execution-item.pass > span {
  background: rgba(25, 174, 178, 0.14);
  color: #087f83;
}

.validation-campaign-execution-item.warn > span {
  background: rgba(47, 139, 212, 0.14);
  color: #1f6da6;
}

.validation-campaign-operator-runbook {
  align-content: start;
}

.validation-campaign-runbook-step {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  width: 100%;
  border: 1px solid rgba(24, 34, 38, 0.1);
  border-radius: 8px;
  background: #fff;
  padding: 9px;
  color: inherit;
  text-align: left;
  min-width: 0;
  cursor: pointer;
}

.validation-campaign-runbook-step.pass {
  border-color: rgba(25, 174, 178, 0.22);
  background: #f4fbfb;
}

.validation-campaign-runbook-step.warn {
  border-color: rgba(47, 139, 212, 0.24);
  background: #f5faff;
}

.validation-campaign-runbook-step.fix {
  border-color: rgba(197, 84, 54, 0.26);
  background: #fff7f4;
}

.validation-campaign-runbook-step > span {
  display: grid;
  place-items: center;
  width: 34px;
  min-height: 28px;
  border-radius: 6px;
  background: rgba(24, 34, 38, 0.08);
  color: var(--text);
  font-size: 0.72rem;
  font-weight: 900;
}

.validation-campaign-runbook-step strong,
.validation-campaign-runbook-step small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.validation-campaign-runbook-step small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 0.78rem;
}

.validation-campaign-execution-evidence span {
  display: inline-block;
  max-width: 100%;
  margin: 0.16rem 0.16rem 0.16rem 0;
  border: 1px solid rgba(24, 34, 38, 0.12);
  border-radius: 999px;
  background: #f3f7f8;
  padding: 0.22rem 0.48rem;
  font-size: 0.76rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.validation-campaign-execution-lock.compact .validation-campaign-execution-card {
  padding: 14px;
  box-shadow: none;
}

.validation-campaign-execution-lock.compact .validation-campaign-execution-lanes,
.validation-campaign-execution-lock.compact .validation-campaign-execution-metrics,
.validation-campaign-execution-lock.compact .validation-campaign-execution-grid {
  grid-template-columns: 1fr;
}

.validation-campaign-execution-lock.compact .validation-campaign-execution-item {
  min-height: auto;
}

.real-plan-test-launch-pad {
  margin: 14px 0;
  max-width: 100%;
  min-width: 0;
}

.real-plan-test-launch-pad-card {
  display: grid;
  gap: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
  min-width: 0;
}

.real-plan-test-launch-pad-card.ready,
.real-plan-test-launch-pad-card.manager-review-ready,
.real-plan-test-launch-pad-card.evidence-package-ready {
  border-color: rgba(23, 114, 77, 0.34);
  background: #f5fbf7;
}

.real-plan-test-launch-pad-card.review,
.real-plan-test-launch-pad-card.load-run-ready,
.real-plan-test-launch-pad-card.ready-to-run-loads,
.real-plan-test-launch-pad-card.takeoff-in-progress {
  border-color: rgba(47, 139, 212, 0.28);
  background: #f5faff;
}

.real-plan-test-launch-pad-card.locked,
.real-plan-test-launch-pad-card.ready-for-plan-upload,
.real-plan-test-launch-pad-card.plan-intake-active {
  border-color: rgba(184, 135, 21, 0.34);
  background: #fffaf0;
}

.real-plan-test-launch-pad-card h3,
.real-plan-test-launch-pad-card h4,
.real-plan-test-launch-pad-card p {
  margin-top: 0;
}

.real-plan-test-launch-pad-card p,
.real-plan-test-launch-pad-card span,
.real-plan-test-launch-pad-card strong,
.real-plan-test-launch-pad-card small,
.real-plan-test-launch-pad-card button {
  min-width: 0;
  overflow-wrap: anywhere;
}

.real-plan-test-launch-pad-lanes,
.real-plan-test-launch-pad-stepper,
.real-plan-test-launch-pad-grid {
  display: grid;
  gap: 12px;
}

.real-plan-test-launch-pad-lanes {
  grid-template-columns: repeat(6, minmax(104px, 1fr));
}

.real-plan-test-launch-pad-stepper {
  grid-template-columns: repeat(11, minmax(84px, 1fr));
}

.real-plan-test-launch-pad-grid {
  grid-template-columns: minmax(280px, 1.2fr) minmax(220px, 0.8fr) minmax(220px, 0.8fr);
  align-items: start;
}

.real-plan-test-launch-pad-step,
.real-plan-test-launch-pad-item {
  border: 1px solid rgba(24, 34, 38, 0.1);
  border-radius: 8px;
  background: #fff;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.real-plan-test-launch-pad-step {
  display: grid;
  align-content: start;
  gap: 6px;
  min-height: 112px;
  padding: 10px;
}

.real-plan-test-launch-pad-step > span,
.real-plan-test-launch-pad-item > span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(184, 135, 21, 0.14);
  color: #93610a;
  font-weight: 900;
}

.real-plan-test-launch-pad-step.pass > span,
.real-plan-test-launch-pad-item.pass > span {
  background: rgba(25, 174, 178, 0.14);
  color: #087f83;
}

.real-plan-test-launch-pad-step.warn > span,
.real-plan-test-launch-pad-item.warn > span {
  background: rgba(47, 139, 212, 0.14);
  color: #1f6da6;
}

.real-plan-test-launch-pad-step.pass {
  border-color: rgba(23, 114, 77, 0.24);
}

.real-plan-test-launch-pad-step.warn {
  border-color: rgba(47, 139, 212, 0.24);
}

.real-plan-test-launch-pad-step.fix {
  border-color: rgba(184, 135, 21, 0.28);
}

.real-plan-test-launch-pad-item {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 10px;
  width: 100%;
  min-height: 126px;
  padding: 12px;
}

.real-plan-test-launch-pad-evidence span {
  display: inline-block;
  max-width: 100%;
  margin: 0.16rem 0.16rem 0.16rem 0;
  border: 1px solid rgba(24, 34, 38, 0.12);
  border-radius: 999px;
  background: #f3f7f8;
  padding: 0.22rem 0.48rem;
  font-size: 0.76rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.real-plan-test-launch-pad.compact .real-plan-test-launch-pad-card {
  padding: 14px;
  box-shadow: none;
}

.real-plan-test-launch-pad.compact .real-plan-test-launch-pad-lanes,
.real-plan-test-launch-pad.compact .real-plan-test-launch-pad-stepper,
.real-plan-test-launch-pad.compact .real-plan-test-launch-pad-grid {
  grid-template-columns: 1fr;
}

.real-plan-test-launch-pad.compact .real-plan-test-launch-pad-step,
.real-plan-test-launch-pad.compact .real-plan-test-launch-pad-item {
  min-height: auto;
}

.real-plan-submission-qa-packet {
  margin: 14px 0;
  max-width: 100%;
  min-width: 0;
}

.real-plan-submission-qa-packet-card {
  display: grid;
  gap: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
  min-width: 0;
}

.real-plan-submission-qa-packet-card.ready,
.real-plan-submission-qa-packet-card.reviewed-export-ready,
.real-plan-submission-qa-packet-card.manager-review-ready,
.real-plan-submission-qa-packet-card.beta-evidence-package-ready {
  border-color: rgba(23, 114, 77, 0.34);
  background: #f5fbf7;
}

.real-plan-submission-qa-packet-card.review,
.real-plan-submission-qa-packet-card.reference-validation-ready,
.real-plan-submission-qa-packet-card.internal-qa-ready {
  border-color: rgba(47, 139, 212, 0.28);
  background: #f5faff;
}

.real-plan-submission-qa-packet-card.locked,
.real-plan-submission-qa-packet-card.needs-plan-upload,
.real-plan-submission-qa-packet-card.submission-building {
  border-color: rgba(184, 135, 21, 0.34);
  background: #fffaf0;
}

.real-plan-submission-qa-packet-card h3,
.real-plan-submission-qa-packet-card h4,
.real-plan-submission-qa-packet-card p {
  margin-top: 0;
}

.real-plan-submission-qa-packet-card p,
.real-plan-submission-qa-packet-card span,
.real-plan-submission-qa-packet-card strong,
.real-plan-submission-qa-packet-card small,
.real-plan-submission-qa-packet-card button {
  min-width: 0;
  overflow-wrap: anywhere;
}

.real-plan-submission-qa-packet-lanes,
.real-plan-submission-qa-packet-grid {
  display: grid;
  gap: 12px;
}

.real-plan-submission-qa-packet-lanes {
  grid-template-columns: repeat(6, minmax(104px, 1fr));
}

.real-plan-submission-qa-packet-grid {
  grid-template-columns: minmax(280px, 1.1fr) minmax(240px, 0.9fr) minmax(220px, 0.75fr) minmax(220px, 0.75fr);
  align-items: start;
}

.real-plan-submission-qa-packet-item {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 10px;
  width: 100%;
  min-height: 126px;
  border: 1px solid rgba(24, 34, 38, 0.1);
  border-radius: 8px;
  background: #fff;
  color: inherit;
  padding: 12px;
  text-align: left;
  cursor: pointer;
}

.real-plan-submission-qa-packet-item > span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(184, 135, 21, 0.14);
  color: #93610a;
  font-weight: 900;
}

.real-plan-submission-qa-packet-item.pass > span {
  background: rgba(25, 174, 178, 0.14);
  color: #087f83;
}

.real-plan-submission-qa-packet-item.warn > span {
  background: rgba(47, 139, 212, 0.14);
  color: #1f6da6;
}

.real-plan-submission-qa-packet-evidence span {
  display: inline-block;
  max-width: 100%;
  margin: 0.16rem 0.16rem 0.16rem 0;
  border: 1px solid rgba(24, 34, 38, 0.12);
  border-radius: 999px;
  background: #f3f7f8;
  padding: 0.22rem 0.48rem;
  font-size: 0.76rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.real-plan-submission-qa-packet.compact .real-plan-submission-qa-packet-card {
  padding: 14px;
  box-shadow: none;
}

.real-plan-submission-qa-packet.compact .real-plan-submission-qa-packet-lanes,
.real-plan-submission-qa-packet.compact .real-plan-submission-qa-packet-grid {
  grid-template-columns: 1fr;
}

.real-plan-submission-qa-packet.compact .real-plan-submission-qa-packet-item {
  min-height: auto;
}

.reviewed-final-export-enforcement {
  margin: 14px 0;
  max-width: 100%;
  min-width: 0;
}

.reviewed-final-export-enforcement-card {
  display: grid;
  gap: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
  min-width: 0;
}

.reviewed-final-export-enforcement-card.ready,
.reviewed-final-export-enforcement-card.reviewed-beta-export-ready,
.reviewed-final-export-enforcement-card.standalone-review-ready {
  border-color: rgba(23, 114, 77, 0.34);
  background: #f5fbf7;
}

.reviewed-final-export-enforcement-card.review,
.reviewed-final-export-enforcement-card.engine-review-ready,
.reviewed-final-export-enforcement-card.manager-review-ready {
  border-color: rgba(47, 139, 212, 0.28);
  background: #f5faff;
}

.reviewed-final-export-enforcement-card.locked,
.reviewed-final-export-enforcement-card.reviewed-export-locked {
  border-color: rgba(184, 135, 21, 0.34);
  background: #fffaf0;
}

.reviewed-final-export-enforcement-card h3,
.reviewed-final-export-enforcement-card h4,
.reviewed-final-export-enforcement-card p {
  margin-top: 0;
}

.reviewed-final-export-enforcement-card p,
.reviewed-final-export-enforcement-card span,
.reviewed-final-export-enforcement-card strong,
.reviewed-final-export-enforcement-card small,
.reviewed-final-export-enforcement-card button {
  min-width: 0;
  overflow-wrap: anywhere;
}

.reviewed-final-export-enforcement-metrics,
.reviewed-final-export-enforcement-list {
  display: grid;
  gap: 12px;
}

.reviewed-final-export-enforcement-metrics {
  grid-template-columns: repeat(6, minmax(104px, 1fr));
}

.reviewed-final-export-enforcement-list {
  grid-template-columns: repeat(3, minmax(220px, 1fr));
  align-items: stretch;
}

.reviewed-final-export-enforcement-list > button {
  display: grid;
  gap: 8px;
  width: 100%;
  min-height: 146px;
  border: 1px solid rgba(24, 34, 38, 0.1);
  border-radius: 8px;
  background: #fff;
  color: inherit;
  padding: 12px;
  text-align: left;
  cursor: pointer;
}

.reviewed-final-export-enforcement-list > button.pass {
  border-color: rgba(23, 114, 77, 0.26);
  background: #f7fcf8;
}

.reviewed-final-export-enforcement-list > button.warn {
  border-color: rgba(47, 139, 212, 0.22);
  background: #f7fbff;
}

.reviewed-final-export-enforcement-list > button.fix {
  border-color: rgba(184, 135, 21, 0.28);
  background: #fffaf2;
}

.reviewed-final-export-enforcement-list > button > span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.reviewed-final-export-enforcement-list > button > small {
  color: var(--muted);
  font-weight: 700;
}

.reviewed-final-export-enforcement.compact .reviewed-final-export-enforcement-card {
  padding: 14px;
  box-shadow: none;
}

.reviewed-final-export-enforcement.compact .reviewed-final-export-enforcement-metrics,
.reviewed-final-export-enforcement.compact .reviewed-final-export-enforcement-list {
  grid-template-columns: 1fr;
}

.reviewed-final-export-enforcement.compact .reviewed-final-export-enforcement-list > button {
  min-height: auto;
}

.comfortload-objective-coverage-audit {
  margin: 14px 0;
  max-width: 100%;
  min-width: 0;
}

.comfortload-objective-coverage-card {
  display: grid;
  gap: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
  min-width: 0;
}

.comfortload-objective-coverage-card.ready,
.comfortload-objective-coverage-card.reviewed-beta-covered,
.comfortload-objective-coverage-card.standalone-review-covered {
  border-color: rgba(23, 114, 77, 0.34);
  background: #f5fbf7;
}

.comfortload-objective-coverage-card.review,
.comfortload-objective-coverage-card.outside-beta-building {
  border-color: rgba(47, 139, 212, 0.28);
  background: #f5faff;
}

.comfortload-objective-coverage-card.locked,
.comfortload-objective-coverage-card.launch-coverage-open {
  border-color: rgba(184, 135, 21, 0.34);
  background: #fffaf0;
}

.comfortload-objective-coverage-card h3,
.comfortload-objective-coverage-card h4,
.comfortload-objective-coverage-card p {
  margin-top: 0;
}

.comfortload-objective-coverage-card p,
.comfortload-objective-coverage-card span,
.comfortload-objective-coverage-card strong,
.comfortload-objective-coverage-card small,
.comfortload-objective-coverage-card button {
  min-width: 0;
  overflow-wrap: anywhere;
}

.comfortload-objective-coverage-metrics,
.comfortload-objective-coverage-phases,
.comfortload-objective-coverage-list {
  display: grid;
  gap: 12px;
}

.comfortload-objective-coverage-metrics {
  grid-template-columns: repeat(6, minmax(104px, 1fr));
}

.comfortload-objective-coverage-phases {
  grid-template-columns: repeat(2, minmax(180px, 1fr));
}

.comfortload-objective-coverage-phases article,
.comfortload-objective-coverage-list > button {
  border: 1px solid rgba(24, 34, 38, 0.1);
  border-radius: 8px;
  background: #fff;
  padding: 12px;
}

.comfortload-objective-coverage-phases article.pass,
.comfortload-objective-coverage-list > button.pass {
  border-color: rgba(23, 114, 77, 0.26);
  background: #f7fcf8;
}

.comfortload-objective-coverage-phases article.warn,
.comfortload-objective-coverage-list > button.warn {
  border-color: rgba(47, 139, 212, 0.22);
  background: #f7fbff;
}

.comfortload-objective-coverage-phases article.fix,
.comfortload-objective-coverage-list > button.fix {
  border-color: rgba(184, 135, 21, 0.28);
  background: #fffaf2;
}

.comfortload-objective-coverage-list {
  grid-template-columns: repeat(3, minmax(220px, 1fr));
}

.comfortload-objective-coverage-list > button {
  display: grid;
  gap: 8px;
  width: 100%;
  min-height: 152px;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.comfortload-objective-coverage-list > button > span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.comfortload-objective-coverage-list > button > small {
  color: var(--muted);
  font-weight: 700;
}

.comfortload-objective-coverage-audit.compact .comfortload-objective-coverage-card {
  padding: 14px;
  box-shadow: none;
}

.comfortload-objective-coverage-audit.compact .comfortload-objective-coverage-metrics,
.comfortload-objective-coverage-audit.compact .comfortload-objective-coverage-phases,
.comfortload-objective-coverage-audit.compact .comfortload-objective-coverage-list {
  grid-template-columns: 1fr;
}

.comfortload-objective-coverage-audit.compact .comfortload-objective-coverage-list > button {
  min-height: auto;
}

@media (max-width: 920px) {
  .manualj-calculation-audit-grid {
    grid-template-columns: 1fr;
  }

  .load-input-data-completeness-metrics,
  .load-input-data-completeness-grid,
  .reference-comparison-release-lock-metrics,
  .reference-comparison-release-lock-grid,
  .hosted-real-plan-launch-lock-metrics,
  .hosted-real-plan-launch-lock-grid,
  .current-test-plan-execution-lock-metrics,
  .current-test-plan-execution-lock-grid,
  .manual-j-sellable-beta-readiness-lanes,
  .manual-j-sellable-beta-readiness-metrics,
  .manual-j-sellable-beta-readiness-grid,
  .validation-campaign-execution-lanes,
  .validation-campaign-execution-metrics,
  .validation-campaign-execution-grid,
  .real-plan-test-launch-pad-lanes,
  .real-plan-test-launch-pad-stepper,
  .real-plan-test-launch-pad-grid,
  .real-plan-submission-qa-packet-lanes,
  .real-plan-submission-qa-packet-grid,
  .reviewed-final-export-enforcement-metrics,
  .reviewed-final-export-enforcement-list,
  .comfortload-objective-coverage-metrics,
  .comfortload-objective-coverage-phases,
  .comfortload-objective-coverage-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .project-archive-retention-card {
    padding: 12px;
  }

  .project-archive-retention-card .control-center-head {
    display: grid;
    gap: 10px;
  }

  .archive-retention-metrics,
  .archive-retention-grid {
    grid-template-columns: 1fr;
  }

  .project-archive-retention-card .tool-buttons {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(104px, 1fr));
    gap: 8px;
    width: 100%;
  }

  .archive-retention-item div {
    display: grid;
  }
}

/* v522 branded app URL readiness */
.custom-domain-dns-card {
  border: 1px solid rgba(23, 33, 38, 0.14);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 26px rgba(20, 38, 44, 0.08);
  margin: 12px 0 16px;
  padding: 16px;
}

/* v523 sign-in live access guard */
.auth-access-note {
  border: 1px solid rgba(23, 33, 38, 0.14);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
  padding: 12px;
}

.auth-access-note div {
  min-width: 0;
}

.auth-access-note strong {
  color: #172126;
  display: block;
  font-size: 0.78rem;
  margin-bottom: 4px;
}

.auth-access-note a,
.auth-access-note span,
.auth-access-note code {
  color: #345057;
  display: block;
  font-size: 0.86rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
  white-space: normal;
}

.auth-access-note code {
  background: #f7fafb;
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  padding: 6px 8px;
}

/* v550 remote access rescue */
.auth-remote-access-rescue {
  margin-top: 12px;
  min-width: 0;
}

.auth-remote-access-card {
  background: #ffffff;
  border: 1px solid rgba(23, 33, 38, 0.14);
  border-left: 4px solid #f59e0b;
  border-radius: 8px;
  display: grid;
  gap: 12px;
  padding: 14px;
  box-shadow: 0 12px 26px rgba(20, 38, 44, 0.08);
  min-width: 0;
}

.auth-remote-access-card.ready {
  border-left-color: #16a34a;
}

.auth-remote-access-card.blocked {
  border-left-color: #dc2626;
}

.auth-remote-access-head {
  align-items: start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  min-width: 0;
}

.auth-remote-access-head strong {
  color: #172126;
  display: block;
  font-size: 1rem;
  text-transform: capitalize;
}

.auth-remote-access-head p {
  color: #425861;
  margin: 4px 0 0;
  overflow-wrap: anywhere;
}

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

.auth-remote-access-links div {
  background: #f7fafb;
  border: 1px solid rgba(23, 33, 38, 0.1);
  border-radius: 8px;
  min-width: 0;
  padding: 10px;
}

.auth-remote-access-links span {
  color: #65777f;
  display: block;
  font-size: 0.74rem;
  font-weight: 700;
  margin-bottom: 4px;
  text-transform: uppercase;
}

.auth-remote-access-links a,
.auth-remote-access-links code {
  color: #172126;
  display: block;
  font-size: 0.83rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
  white-space: normal;
}

.auth-remote-access-links code {
  background: transparent;
  border: 0;
  padding: 0;
}

.auth-remote-access-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

@media (max-width: 760px) {
  .auth-access-note {
    grid-template-columns: 1fr;
    margin-top: 12px;
    padding: 10px;
  }

  .auth-remote-access-head {
    display: grid;
  }

  .auth-remote-access-head .tool-buttons {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .auth-remote-access-head .tool-buttons > * {
    justify-content: center;
    width: 100%;
  }

  .auth-remote-access-links {
    grid-template-columns: 1fr;
  }

  .auth-remote-access-actions {
    display: grid;
    grid-template-columns: 1fr;
  }
}

/* v525 outside beta send gate */
.outside-beta-send-card {
  border: 1px solid rgba(23, 33, 38, 0.14);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 26px rgba(20, 38, 44, 0.08);
  padding: 16px;
}

.outside-beta-send-card.ready {
  border-color: rgba(18, 128, 92, 0.28);
}

.outside-beta-send-card.review {
  border-color: rgba(188, 137, 31, 0.3);
}

.outside-beta-send-card.blocked {
  border-color: rgba(197, 77, 33, 0.3);
}

.outside-beta-send-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(138px, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.outside-beta-send-copy {
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #f7fafb;
  color: #172126;
  font: 0.86rem/1.45 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  margin: 12px 0 0;
  max-height: 280px;
  overflow: auto;
  padding: 12px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

@media (max-width: 760px) {
  .outside-beta-send-card {
    padding: 12px;
  }

  .outside-beta-send-card .control-center-head {
    display: grid;
    gap: 10px;
  }

  .outside-beta-send-metrics {
    grid-template-columns: 1fr;
  }

  .outside-beta-send-card .tool-buttons {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(104px, 1fr));
    gap: 8px;
    width: 100%;
  }

  .outside-beta-send-copy {
    max-height: 220px;
  }
}

/* v526 first beta company monitor */
.first-beta-monitor-card {
  border: 1px solid rgba(23, 33, 38, 0.14);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 26px rgba(20, 38, 44, 0.08);
  padding: 16px;
}

.first-beta-monitor-card.ready {
  border-color: rgba(18, 128, 92, 0.28);
}

.first-beta-monitor-card.review {
  border-color: rgba(188, 137, 31, 0.3);
}

.first-beta-monitor-card.blocked {
  border-color: rgba(197, 77, 33, 0.3);
}

.first-beta-monitor-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
  gap: 10px;
  margin: 14px 0;
}

/* v533 first beta tester workflow */
.first-beta-tester-workflow-card {
  border: 1px solid rgba(23, 33, 38, 0.14);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 26px rgba(20, 38, 44, 0.08);
  padding: 16px;
  display: grid;
  gap: 14px;
}

.first-beta-tester-workflow-card.ready {
  border-color: rgba(18, 128, 92, 0.28);
}

.first-beta-tester-workflow-card.review {
  border-color: rgba(188, 137, 31, 0.3);
}

.first-beta-tester-workflow-card.blocked {
  border-color: rgba(197, 77, 33, 0.3);
}

.first-beta-workflow-metrics,
.first-beta-workflow-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(164px, 1fr));
  gap: 10px;
}

.first-beta-workflow-step {
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #f8fafb;
  padding: 12px;
  display: grid;
  gap: 8px;
  min-width: 0;
}

.first-beta-workflow-step.pass {
  border-color: rgba(18, 128, 92, 0.28);
}

.first-beta-workflow-step.warn {
  border-color: rgba(188, 137, 31, 0.28);
}

.first-beta-workflow-step.fix {
  border-color: rgba(197, 77, 33, 0.28);
}

.first-beta-workflow-step div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}

.first-beta-workflow-step span,
.first-beta-workflow-step small,
.first-beta-workflow-step p {
  color: #43515a;
  overflow-wrap: anywhere;
}

.first-beta-workflow-step p {
  margin: 0;
  line-height: 1.4;
}

/* v534 floor export readiness gate */
.floor-export-gate-card {
  border: 1px solid rgba(23, 33, 38, 0.14);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 26px rgba(20, 38, 44, 0.08);
  padding: 16px;
  display: grid;
  gap: 14px;
}

.floor-export-gate-card.ready {
  border-color: rgba(18, 128, 92, 0.28);
}

.floor-export-gate-card.review {
  border-color: rgba(188, 137, 31, 0.3);
}

.floor-export-gate-card.blocked {
  border-color: rgba(197, 77, 33, 0.3);
}

.floor-export-gate-metrics,
.floor-export-gate-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(164px, 1fr));
  gap: 10px;
}

.floor-export-gate-item {
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #f8fafb;
  padding: 12px;
  display: grid;
  gap: 8px;
  min-width: 0;
}

.floor-export-gate-item.pass {
  border-color: rgba(18, 128, 92, 0.28);
}

.floor-export-gate-item.warn {
  border-color: rgba(188, 137, 31, 0.28);
}

.floor-export-gate-item.fix {
  border-color: rgba(197, 77, 33, 0.28);
}

.floor-export-gate-item div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}

.floor-export-gate-item span,
.floor-export-gate-item small,
.floor-export-gate-item p {
  color: #43515a;
  overflow-wrap: anywhere;
}

.floor-export-gate-item p {
  margin: 0;
  line-height: 1.4;
}

/* v547 floor detail package ledger */
.floor-detail-ledger-card {
  border: 1px solid rgba(23, 33, 38, 0.14);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 26px rgba(20, 38, 44, 0.08);
  padding: 16px;
  display: grid;
  gap: 14px;
}

.floor-detail-ledger-card.ready {
  border-color: rgba(18, 128, 92, 0.28);
}

.floor-detail-ledger-card.review {
  border-color: rgba(188, 137, 31, 0.3);
}

.floor-detail-ledger-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
}

.floor-detail-ledger-floor {
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #f8fafb;
  padding: 12px;
  display: grid;
  gap: 8px;
  min-width: 0;
}

.floor-detail-ledger-floor.ready {
  border-color: rgba(18, 128, 92, 0.25);
  background: #f6fbf8;
}

.floor-detail-ledger-floor.review {
  border-color: rgba(188, 137, 31, 0.28);
  background: #fffaf2;
}

.floor-detail-ledger-floor > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}

.floor-detail-ledger-floor p,
.floor-detail-ledger-floor small,
.floor-detail-ledger-floor li {
  color: #43515a;
  overflow-wrap: anywhere;
}

.floor-detail-ledger-floor p {
  margin: 0;
  line-height: 1.4;
}

.floor-detail-ledger-floor details {
  border-top: 1px solid rgba(23, 33, 38, 0.1);
  padding-top: 8px;
}

.floor-detail-ledger-floor summary {
  cursor: pointer;
  font-weight: 800;
}

.floor-detail-ledger-floor ul {
  margin: 8px 0 0;
  padding-left: 18px;
}

/* v557 floor package review board */
.floor-package-review-card {
  border: 1px solid rgba(23, 33, 38, 0.14);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 26px rgba(20, 38, 44, 0.08);
  padding: 16px;
  display: grid;
  gap: 14px;
  margin: 12px 0;
  min-width: 0;
}

.floor-package-review-card.ready {
  border-color: rgba(18, 128, 92, 0.28);
}

.floor-package-review-card.review {
  border-color: rgba(188, 137, 31, 0.32);
  background: #fffaf2;
}

.floor-package-review-card.blocked {
  border-color: rgba(197, 77, 33, 0.32);
  background: #fff7f4;
}

.floor-package-review-metrics,
.floor-package-review-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(164px, 1fr));
  gap: 10px;
  min-width: 0;
}

.floor-package-review-floor {
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #f8fafb;
  padding: 12px;
  display: grid;
  gap: 8px;
  min-width: 0;
}

.floor-package-review-floor.pass {
  border-color: rgba(18, 128, 92, 0.25);
  background: #f6fbf8;
}

.floor-package-review-floor.warn {
  border-color: rgba(188, 137, 31, 0.28);
  background: #fffaf2;
}

.floor-package-review-floor.fix {
  border-color: rgba(197, 77, 33, 0.28);
  background: #fff7f4;
}

.floor-package-review-floor div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}

.floor-package-review-floor p,
.floor-package-review-floor small,
.floor-package-review-floor li,
.floor-package-review-floor strong,
.floor-package-review-floor span {
  overflow-wrap: anywhere;
}

.floor-package-review-floor p,
.floor-package-review-floor ul {
  margin: 0;
}

.floor-package-review-floor ul {
  padding-left: 18px;
}

.floor-proof-package-card {
  border: 1px solid rgba(23, 33, 38, 0.14);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 26px rgba(20, 38, 44, 0.08);
  padding: 16px;
  display: grid;
  gap: 14px;
  margin: 12px 0;
  min-width: 0;
}

.floor-proof-package-card.ready {
  border-color: rgba(18, 128, 92, 0.28);
  background: #f6fbf8;
}

.floor-proof-package-card.review {
  border-color: rgba(188, 137, 31, 0.32);
  background: #fffaf2;
}

.floor-proof-package-card.blocked {
  border-color: rgba(197, 77, 33, 0.32);
  background: #fff7f4;
}

.floor-proof-package-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
  min-width: 0;
}

.floor-proof-package-table {
  border: 1px solid rgba(23, 33, 38, 0.08);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
}

.floor-proof-package-table td,
.floor-proof-package-table th {
  min-width: 116px;
  vertical-align: top;
}

.floor-proof-package-table td:last-child,
.floor-proof-package-table th:last-child {
  min-width: 220px;
}

.floor-proof-package-sources {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 8px;
  min-width: 0;
}

.floor-proof-package-sources p {
  border: 1px solid rgba(23, 33, 38, 0.1);
  border-radius: 8px;
  background: rgba(23, 33, 38, 0.03);
  padding: 9px 10px;
  display: grid;
  gap: 3px;
  margin: 0;
  min-width: 0;
}

.floor-proof-package-card p,
.floor-proof-package-card strong,
.floor-proof-package-card span,
.floor-proof-package-card small,
.floor-proof-package-card td,
.floor-proof-package-card th {
  overflow-wrap: anywhere;
}

.floor-execution-matrix {
  margin: 12px 0;
}

.floor-execution-card {
  border: 1px solid rgba(23, 33, 38, 0.14);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 26px rgba(20, 38, 44, 0.08);
  padding: 16px;
  display: grid;
  gap: 14px;
  min-width: 0;
}

.floor-execution-card.ready {
  border-color: rgba(18, 128, 92, 0.28);
  background: #f6fbf8;
}

.floor-execution-card.review {
  border-color: rgba(188, 137, 31, 0.32);
  background: #fffaf2;
}

.floor-execution-card.blocked {
  border-color: rgba(197, 77, 33, 0.32);
  background: #fff7f4;
}

.floor-execution-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
  gap: 10px;
  min-width: 0;
}

.floor-execution-table {
  border: 1px solid rgba(23, 33, 38, 0.08);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
}

.floor-execution-table td,
.floor-execution-table th {
  min-width: 112px;
  vertical-align: top;
}

.floor-execution-table td:last-child,
.floor-execution-table th:last-child {
  min-width: 230px;
}

.floor-execution-sources {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 8px;
  min-width: 0;
}

.floor-execution-sources p {
  border: 1px solid rgba(23, 33, 38, 0.1);
  border-radius: 8px;
  background: rgba(23, 33, 38, 0.03);
  padding: 9px 10px;
  display: grid;
  gap: 3px;
  margin: 0;
  min-width: 0;
}

.floor-execution-card p,
.floor-execution-card strong,
.floor-execution-card span,
.floor-execution-card small,
.floor-execution-card td,
.floor-execution-card th {
  overflow-wrap: anywhere;
}

/* v527 first beta feedback intake */
.first-beta-feedback-card {
  border: 1px solid rgba(23, 33, 38, 0.14);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 26px rgba(20, 38, 44, 0.08);
  padding: 16px;
  display: grid;
  gap: 14px;
}

.first-beta-feedback-card.ready {
  border-color: rgba(18, 128, 92, 0.28);
}

.first-beta-feedback-card.review {
  border-color: rgba(188, 137, 31, 0.3);
}

.first-beta-feedback-card.blocked {
  border-color: rgba(197, 77, 33, 0.3);
}

.first-beta-feedback-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
  gap: 10px;
}

.first-beta-feedback-form {
  align-items: end;
}

.feedback-prompt-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 8px;
}

.feedback-prompt-list p {
  margin: 0;
  padding: 10px;
  border-radius: 8px;
  background: #f6f8f9;
  color: #43515a;
  font-size: 0.86rem;
  line-height: 1.35;
}

.first-beta-feedback-card .responsive-table-wrap {
  overflow-x: auto;
  max-width: 100%;
}

.first-beta-feedback-card .review-table td:last-child {
  min-width: 240px;
}

/* v528 first beta fix verification */
.first-beta-fix-card {
  border: 1px solid rgba(23, 33, 38, 0.14);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 26px rgba(20, 38, 44, 0.08);
  padding: 16px;
  display: grid;
  gap: 14px;
}

.first-beta-fix-card.ready {
  border-color: rgba(18, 128, 92, 0.28);
}

.first-beta-fix-card.review {
  border-color: rgba(188, 137, 31, 0.3);
}

.first-beta-fix-card.blocked {
  border-color: rgba(197, 77, 33, 0.3);
}

.first-beta-fix-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(124px, 1fr));
  gap: 10px;
}

.first-beta-fix-form {
  align-items: end;
}

.first-beta-fix-card .responsive-table-wrap {
  overflow-x: auto;
  max-width: 100%;
}

.first-beta-fix-card .review-table td:last-child {
  min-width: 260px;
}

/* v529 beta expansion gate */
.beta-expansion-card {
  border: 1px solid rgba(23, 33, 38, 0.14);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 26px rgba(20, 38, 44, 0.08);
  padding: 16px;
  display: grid;
  gap: 14px;
}

.beta-expansion-card.ready {
  border-color: rgba(18, 128, 92, 0.28);
}

.beta-expansion-card.review {
  border-color: rgba(188, 137, 31, 0.3);
}

.beta-expansion-card.blocked {
  border-color: rgba(197, 77, 33, 0.3);
}

.beta-expansion-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(124px, 1fr));
  gap: 10px;
}

/* v530 second beta invite packet */
.second-beta-packet-card {
  border: 1px solid rgba(23, 33, 38, 0.14);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 26px rgba(20, 38, 44, 0.08);
  padding: 16px;
  display: grid;
  gap: 14px;
}

.second-beta-packet-card.ready {
  border-color: rgba(18, 128, 92, 0.28);
}

.second-beta-packet-card.blocked {
  border-color: rgba(197, 77, 33, 0.3);
}

.second-beta-packet-metrics,
.second-beta-scope-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 10px;
}

.second-beta-scope-grid article {
  border: 1px solid rgba(23, 33, 38, 0.1);
  border-radius: 8px;
  background: #f8fafb;
  padding: 12px;
}

.second-beta-scope-grid h4,
.invite-copy-box h4 {
  margin: 0 0 8px;
}

.second-beta-scope-grid p {
  margin: 6px 0;
  color: #43515a;
  font-size: 0.9rem;
  line-height: 1.35;
}

.invite-copy-box {
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  padding: 12px;
  background: #f6f8f9;
  min-width: 0;
}

.invite-copy-box pre {
  margin: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  color: #172126;
  font-size: 0.86rem;
  line-height: 1.45;
}

/* v532 beta company roster and program limits */
.beta-company-roster-card {
  border: 1px solid rgba(23, 33, 38, 0.14);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 26px rgba(20, 38, 44, 0.08);
  padding: 16px;
  display: grid;
  gap: 14px;
}

.beta-company-roster-card.ready {
  border-color: rgba(18, 128, 92, 0.28);
}

.beta-company-roster-card.review {
  border-color: rgba(188, 137, 31, 0.3);
}

.beta-company-roster-card.blocked {
  border-color: rgba(197, 77, 33, 0.3);
}

.beta-company-roster-metrics,
.beta-company-slot-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(164px, 1fr));
  gap: 10px;
}

.beta-company-slot {
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #f8fafb;
  padding: 12px;
  display: grid;
  gap: 8px;
  min-width: 0;
}

.beta-company-slot.pass {
  border-color: rgba(18, 128, 92, 0.28);
}

.beta-company-slot.warn {
  border-color: rgba(188, 137, 31, 0.28);
}

.beta-company-slot.fix {
  border-color: rgba(197, 77, 33, 0.28);
}

.beta-company-slot div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}

.beta-company-slot span,
.beta-company-slot small,
.beta-company-slot p {
  color: #43515a;
  overflow-wrap: anywhere;
}

.beta-company-slot p {
  margin: 0;
  line-height: 1.4;
}

.beta-program-limit-card {
  border: 1px solid rgba(23, 33, 38, 0.14);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 26px rgba(20, 38, 44, 0.08);
  padding: 16px;
  display: grid;
  gap: 14px;
}

.beta-program-limit-card.ready {
  border-color: rgba(18, 128, 92, 0.28);
}

.beta-program-limit-card.review {
  border-color: rgba(188, 137, 31, 0.3);
}

.beta-program-limit-card.blocked {
  border-color: rgba(197, 77, 33, 0.3);
}

.beta-program-limit-metrics,
.beta-program-limit-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(164px, 1fr));
  gap: 10px;
}

.beta-program-limit-item {
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #f8fafb;
  padding: 12px;
  display: grid;
  gap: 8px;
  min-width: 0;
}

.beta-program-limit-item.pass {
  border-color: rgba(18, 128, 92, 0.28);
}

.beta-program-limit-item.warn {
  border-color: rgba(188, 137, 31, 0.28);
}

.beta-program-limit-item.fix {
  border-color: rgba(197, 77, 33, 0.28);
}

.beta-program-limit-item div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}

.beta-program-limit-item span,
.beta-program-limit-item small,
.beta-program-limit-item p {
  color: #43515a;
  overflow-wrap: anywhere;
}

.beta-program-limit-item p {
  margin: 0;
  line-height: 1.4;
}

@media (max-width: 760px) {
  .first-beta-monitor-card {
    padding: 12px;
  }

  .first-beta-monitor-card .control-center-head {
    display: grid;
    gap: 10px;
  }

  .first-beta-monitor-metrics {
    grid-template-columns: 1fr;
  }

  .first-beta-monitor-card .tool-buttons {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(104px, 1fr));
    gap: 8px;
    width: 100%;
  }

  .first-beta-feedback-card {
    padding: 12px;
  }

  .first-beta-feedback-card .control-center-head {
    display: grid;
    gap: 10px;
  }

  .first-beta-feedback-metrics,
  .feedback-prompt-list {
    grid-template-columns: 1fr;
  }

  .first-beta-feedback-card .tool-buttons {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(104px, 1fr));
    gap: 8px;
    width: 100%;
  }

  .first-beta-feedback-form {
    display: grid;
    grid-template-columns: 1fr;
  }

  .first-beta-fix-card {
    padding: 12px;
  }

  .first-beta-fix-card .control-center-head {
    display: grid;
    gap: 10px;
  }

  .first-beta-fix-metrics {
    grid-template-columns: 1fr;
  }

  .first-beta-fix-card .tool-buttons {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(104px, 1fr));
    gap: 8px;
    width: 100%;
  }

  .first-beta-fix-form {
    display: grid;
    grid-template-columns: 1fr;
  }

  .beta-expansion-card {
    padding: 12px;
  }

  .beta-expansion-card .control-center-head {
    display: grid;
    gap: 10px;
  }

  .beta-expansion-metrics {
    grid-template-columns: 1fr;
  }

  .beta-expansion-card .tool-buttons {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(104px, 1fr));
    gap: 8px;
    width: 100%;
  }

  .second-beta-packet-card {
    padding: 12px;
  }

  .second-beta-packet-card .control-center-head {
    display: grid;
    gap: 10px;
  }

  .second-beta-packet-metrics,
  .second-beta-scope-grid {
    grid-template-columns: 1fr;
  }

  .second-beta-packet-card .tool-buttons {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(104px, 1fr));
    gap: 8px;
    width: 100%;
  }

  .beta-company-roster-card {
    padding: 12px;
  }

  .beta-company-roster-card .control-center-head {
    display: grid;
    gap: 10px;
  }

  .beta-company-roster-metrics,
  .beta-company-slot-grid {
    grid-template-columns: 1fr;
  }

  .beta-company-roster-card .tool-buttons {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(104px, 1fr));
    gap: 8px;
    width: 100%;
  }

  .beta-company-slot div {
    display: grid;
  }

  .beta-program-limit-card {
    padding: 12px;
  }

  .beta-program-limit-card .control-center-head {
    display: grid;
    gap: 10px;
  }

  .beta-program-limit-metrics,
  .beta-program-limit-grid {
    grid-template-columns: 1fr;
  }

  .beta-program-limit-card .tool-buttons {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(104px, 1fr));
    gap: 8px;
    width: 100%;
  }

  .beta-program-limit-item div {
    display: grid;
  }

  .first-beta-tester-workflow-card {
    padding: 12px;
  }

  .first-beta-tester-workflow-card .control-center-head {
    display: grid;
    gap: 10px;
  }

  .first-beta-workflow-metrics,
  .first-beta-workflow-grid {
    grid-template-columns: 1fr;
  }

  .first-beta-tester-workflow-card .tool-buttons {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(104px, 1fr));
    gap: 8px;
    width: 100%;
  }

  .first-beta-workflow-step div {
    display: grid;
  }

  .floor-export-gate-card {
    padding: 12px;
  }

  .floor-export-gate-card .control-center-head {
    display: grid;
    gap: 10px;
  }

  .floor-export-gate-metrics,
  .floor-export-gate-grid,
  .floor-detail-ledger-grid {
    grid-template-columns: 1fr;
  }

  .floor-export-gate-card .tool-buttons,
  .floor-detail-ledger-card .tool-buttons {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(104px, 1fr));
    gap: 8px;
    width: 100%;
  }

  .floor-export-gate-item div,
  .floor-detail-ledger-floor > div {
    display: grid;
  }

  .floor-detail-ledger-card {
    padding: 12px;
  }

  .floor-detail-ledger-card .control-center-head {
    display: grid;
    gap: 10px;
  }
}

.custom-domain-dns-card.ready {
  border-color: rgba(18, 128, 92, 0.28);
}

.custom-domain-dns-card.blocked {
  border-color: rgba(197, 77, 33, 0.28);
}

.custom-domain-record-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(138px, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.dns-record-box {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 8px;
  margin: 12px 0;
}

.dns-record-box code {
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #f7fafb;
  color: #172126;
  display: block;
  font-size: 0.86rem;
  padding: 9px 10px;
  white-space: normal;
  overflow-wrap: anywhere;
}

@media (max-width: 760px) {
  .custom-domain-dns-card {
    padding: 12px;
    margin: 10px 0 12px;
  }

  .custom-domain-dns-card .control-center-head {
    display: grid;
    gap: 10px;
  }

  .custom-domain-record-grid,
  .dns-record-box {
    grid-template-columns: 1fr;
  }

  .custom-domain-dns-card h3,
  .custom-domain-dns-card p,
  .custom-domain-dns-card strong,
  .custom-domain-dns-card small,
  .custom-domain-dns-card span,
  .custom-domain-dns-card button,
  .custom-domain-dns-card code {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    white-space: normal;
  }

  .custom-domain-dns-card .tool-buttons {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(104px, 1fr));
    gap: 8px;
    width: 100%;
  }
}

/* v397 mobile overflow proof and first-plan runner hardening */
html,
body {
  max-width: 100%;
  overflow-x: clip;
}

body,
.app-shell,
.workspace,
.screen,
.auth-gate,
.auth-panel,
.sidebar,
.topbar,
.cloud-panel,
.notice,
.qa-panel,
.manualj-card,
.control-list,
.validation-countability-card,
.current-real-plan-test-run-flow-card,
.first-real-plan-validation-runner,
.first-real-plan-validation-runner-card,
.responsive-layout-audit-card,
.mobile-device-qa-matrix {
  min-width: 0;
  max-width: 100%;
}

.tool-buttons,
.top-actions,
.qa-actions,
.field-actions,
.pdf-actions,
.map-toolbar,
.plan-toolbar {
  min-width: 0;
}

.tool-buttons > *,
.top-actions > *,
.qa-actions > *,
.field-actions > *,
.pdf-actions > *,
.map-toolbar > *,
.plan-toolbar > *,
.qa-check-item,
.readiness-card,
.library-status,
.badge,
.dashboard-badge {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.qa-check-item > div,
.qa-check-item strong,
.qa-check-item p,
.qa-check-item small,
.readiness-card span,
.readiness-card strong,
.control-list p,
.control-list strong,
.control-list small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.responsive-offender-list {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.responsive-offender-list h4 {
  margin: 0;
}

@media (max-width: 760px) {
  .workspace,
  .sidebar,
  .screen {
    padding-left: min(12px, 3vw);
    padding-right: min(12px, 3vw);
  }

  .topbar h1,
  .section-head h2,
  .control-center-head h3 {
    overflow-wrap: anywhere;
  }

  .tool-buttons,
  .top-actions,
  .qa-actions,
  .field-actions,
  .pdf-actions,
  .map-toolbar,
  .plan-toolbar {
    display: grid;
    grid-template-columns: 1fr;
    gap: 7px;
    width: 100%;
  }

  .tool-buttons button,
  .top-actions button,
  .qa-actions button,
  .field-actions button,
  .pdf-actions button,
  .map-toolbar button,
  .plan-toolbar button,
  button,
  input,
  select,
  textarea {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .validation-countability-metrics,
  .manualj-runner-metrics,
  .plan-viewer-guide-metrics,
  .real-plan-fast-start-metrics,
  .mobile-qa-grid,
  .launch-readiness-summary {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 132px), 1fr));
  }

  .validation-countability-grid,
  .manualj-runner-grid,
  .plan-viewer-guide-grid,
  .real-plan-fast-start-grid,
  .stripe-billing-activation-metrics,
  .stripe-billing-activation-grid,
  .stripe-test-launch-metrics,
  .stripe-test-launch-grid,
  .validation-sprint-metrics,
  .validation-sprint-grid {
    grid-template-columns: 1fr;
  }

  .qa-check-item {
    grid-template-columns: minmax(34px, auto) minmax(0, 1fr);
    gap: 8px;
    padding: 10px;
  }

  .qa-check-dot,
  .qa-check-item > span:first-child {
    width: auto;
    min-width: 34px;
    max-width: 52px;
    padding: 0 4px;
    text-align: center;
    line-height: 1.15;
  }

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

@media (max-width: 420px) {
  .workspace,
  .sidebar,
  .screen,
  .auth-panel,
  .validation-countability-card,
  .current-real-plan-test-run-flow-card,
  .first-real-plan-validation-runner-card {
    padding-left: 8px;
    padding-right: 8px;
  }

  .steps,
  .validation-countability-metrics,
  .manualj-runner-metrics,
  .plan-viewer-guide-metrics,
  .real-plan-fast-start-metrics,
  .mobile-qa-grid,
  .launch-readiness-summary {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .manualj-calculation-audit-card .control-center-head,
  .manualj-calculation-audit-card .tool-buttons {
    align-items: stretch;
  }

  .manualj-calculation-audit-card .tool-buttons button {
    width: 100%;
    min-width: 0;
  }

  .manualj-calculation-audit-check {
    grid-template-columns: 42px minmax(0, 1fr);
    padding: 0.65rem;
  }

  .load-input-data-completeness-card .control-center-head,
  .load-input-data-completeness-card .tool-buttons {
    align-items: stretch;
  }

  .load-input-data-completeness-card .tool-buttons button {
    width: 100%;
    min-width: 0;
  }

  .load-input-data-completeness-item {
    grid-template-columns: 42px minmax(0, 1fr);
    min-height: auto;
    padding: 0.65rem;
  }

  .reference-comparison-release-lock-card .control-center-head,
  .reference-comparison-release-lock-card .tool-buttons {
    align-items: stretch;
  }

  .reference-comparison-release-lock-card .tool-buttons button {
    width: 100%;
    min-width: 0;
  }

  .reference-comparison-release-lock-item {
    grid-template-columns: 42px minmax(0, 1fr);
    min-height: auto;
    padding: 0.65rem;
  }

  .hosted-real-plan-launch-lock-card .control-center-head,
  .hosted-real-plan-launch-lock-card .tool-buttons {
    align-items: stretch;
  }

  .hosted-real-plan-launch-lock-card .tool-buttons button {
    width: 100%;
    min-width: 0;
  }

  .hosted-real-plan-launch-lock-item {
    grid-template-columns: 42px minmax(0, 1fr);
    min-height: auto;
    padding: 0.65rem;
  }

  .current-test-plan-execution-lock-card .control-center-head,
  .current-test-plan-execution-lock-card .tool-buttons {
    align-items: stretch;
  }

  .current-test-plan-execution-lock-card .tool-buttons button {
    width: 100%;
    min-width: 0;
  }

  .current-test-plan-execution-lock-item {
    grid-template-columns: 42px minmax(0, 1fr);
    min-height: auto;
    padding: 0.65rem;
  }

  .manual-j-sellable-beta-readiness-card .control-center-head,
  .manual-j-sellable-beta-readiness-card .tool-buttons {
    align-items: stretch;
  }

  .manual-j-sellable-beta-readiness-card .tool-buttons button {
    width: 100%;
    min-width: 0;
  }

  .manual-j-sellable-beta-readiness-item {
    grid-template-columns: 42px minmax(0, 1fr);
    min-height: auto;
    padding: 0.65rem;
  }

  .validation-campaign-execution-card .control-center-head,
  .validation-campaign-execution-card .tool-buttons {
    align-items: stretch;
  }

  .validation-campaign-execution-card .tool-buttons button {
    width: 100%;
    min-width: 0;
  }

  .validation-campaign-execution-item {
    grid-template-columns: 42px minmax(0, 1fr);
    min-height: auto;
    padding: 0.65rem;
  }

  .real-plan-test-launch-pad-card .control-center-head,
  .real-plan-test-launch-pad-card .tool-buttons,
  .real-plan-submission-qa-packet-card .control-center-head,
  .real-plan-submission-qa-packet-card .tool-buttons,
  .reviewed-final-export-enforcement-card .control-center-head,
  .reviewed-final-export-enforcement-card .tool-buttons,
  .comfortload-objective-coverage-card .control-center-head,
  .comfortload-objective-coverage-card .tool-buttons {
    align-items: stretch;
  }

  .real-plan-test-launch-pad-card .tool-buttons button,
  .real-plan-submission-qa-packet-card .tool-buttons button,
  .reviewed-final-export-enforcement-card .tool-buttons button,
  .comfortload-objective-coverage-card .tool-buttons button {
    width: 100%;
    min-width: 0;
  }

  .real-plan-test-launch-pad-step,
  .real-plan-test-launch-pad-item,
  .real-plan-submission-qa-packet-item,
  .reviewed-final-export-enforcement-list > button,
  .comfortload-objective-coverage-list > button {
    min-height: auto;
    padding: 0.65rem;
  }

  .real-plan-test-launch-pad-item,
  .real-plan-submission-qa-packet-item {
    grid-template-columns: 42px minmax(0, 1fr);
  }
}

* {
  box-sizing: border-box;
}

html,
body {
  overflow-x: hidden;
}

body {
  margin: 0;
  min-height: 100vh;
  color: var(--ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #eef3f0;
}

body.auth-required .app-shell {
  display: none;
}

.auth-gate {
  min-height: 100vh;
  display: none;
  place-items: center;
  padding: 24px;
  background:
    linear-gradient(120deg, rgba(25, 174, 178, 0.12), transparent 42%),
    #eef3f0;
}

body.auth-required .auth-gate {
  display: grid;
}

.auth-panel {
  width: min(980px, 100%);
  display: grid;
  gap: 22px;
}

.auth-panel > div:first-child {
  max-width: 680px;
}

.auth-panel h1 {
  margin-bottom: 8px;
  font-size: 44px;
}

.auth-panel p {
  color: var(--muted);
}

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

.auth-card {
  display: grid;
  gap: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 18px;
  background: #fff;
}

.auth-card h2 {
  margin-bottom: 0;
}

.auth-message {
  min-height: 24px;
  margin: 0;
  color: var(--danger);
  font-weight: 800;
}

.auth-bootstrap-status {
  min-width: 0;
}

.auth-bootstrap-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
  background: #fff;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.5fr);
  gap: 12px;
  align-items: start;
}

.auth-bootstrap-card.pass {
  border-color: #9bd4b8;
  background: #f3fbf7;
}

.auth-bootstrap-card.review {
  border-color: #e8ca7c;
  background: #fffaf0;
}

.auth-bootstrap-card.fix {
  border-color: #efb4b4;
  background: #fff7f7;
}

.auth-bootstrap-card strong,
.auth-bootstrap-card p,
.auth-bootstrap-card span {
  overflow-wrap: anywhere;
}

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

.auth-bootstrap-facts span {
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 6px;
  padding: 7px 8px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  background: rgba(255, 255, 255, 0.64);
}

button,
input,
select {
  font: inherit;
}

img,
svg,
input,
select,
textarea,
button {
  max-width: 100%;
}

.file-input-hidden {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px !important;
  min-width: 0;
  max-width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
  clip-path: inset(50%);
}

h1,
h2,
h3,
p,
button,
label,
input,
select,
textarea,
td,
th {
  overflow-wrap: anywhere;
}

.workspace,
.screen,
.topbar,
.section-head,
.compact-head,
.top-actions,
.tool-buttons,
.qa-actions,
.dashboard-controls,
.dashboard-bulk-actions,
.folder-tabs,
.pdf-actions,
.map-toolbar,
.plan-toolbar,
.field-actions,
.review-table,
.readiness-card,
.qa-check-item,
.library-status,
.notice,
.badge,
.dashboard-badge,
.auth-card,
.auth-bootstrap-card,
.manualj-card,
.qa-panel,
.admin-card,
.integration-card,
.backup-panel,
.backup-restore-card {
  min-width: 0;
}

pre,
code,
.library-status,
.notice,
.qa-check-item p,
.readiness-card strong,
.review-table td,
.review-table th {
  overflow-wrap: anywhere;
  word-break: break-word;
}

pre {
  white-space: pre-wrap;
  max-width: 100%;
  overflow-x: auto;
}

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

.sidebar {
  padding: 22px;
  background: #132421;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.brand {
  display: flex;
  gap: 12px;
  align-items: center;
  min-width: 0;
}

.brand-mark {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: var(--ink);
  font-weight: 800;
  font-size: 22px;
}

.logo-mark svg {
  width: 42px;
  height: 42px;
  display: block;
}

.brand strong,
.brand span {
  display: block;
  min-width: 0;
}

.brand span {
  color: #b8c9c4;
  font-size: 13px;
}

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

.step {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid transparent;
  border-radius: 6px;
  color: #dbe7e3;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.step.active,
.step:hover {
  border-color: rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}

.status-panel {
  margin-top: auto;
  display: grid;
  gap: 10px;
}

.status-panel div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 6px;
  padding: 12px;
}

.status-panel span {
  color: #c4d2ce;
}

.workspace {
  padding: 28px;
  overflow: auto;
  min-width: 0;
}

.topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
  min-width: 0;
}

.topbar > div {
  min-width: 0;
}

.eyebrow {
  margin: 0 0 4px;
  color: var(--accent);
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}

h1,
h2,
h3,
p {
  margin-top: 0;
}

h1 {
  margin-bottom: 0;
  font-size: 30px;
  line-height: 1.15;
}

h2 {
  margin-bottom: 6px;
  font-size: 22px;
}

h3 {
  font-size: 16px;
}

.top-actions,
.export-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.user-pill {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 0 12px;
  color: var(--brand-dark);
  background: #fff;
  font-weight: 800;
}

button {
  border: 0;
  border-radius: 6px;
  min-height: 42px;
  padding: 0 16px;
  cursor: pointer;
  font-weight: 700;
  white-space: normal;
}

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

.primary {
  background: var(--brand);
  color: #fff;
}

.primary:hover {
  background: var(--brand-dark);
}

.secondary {
  background: #e3eee9;
  color: var(--brand-dark);
}

.ghost {
  background: #fff;
  color: var(--brand-dark);
  border: 1px solid var(--line);
}

.notice,
.screen,
.cloud-panel {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 8px;
}

.cloud-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 360px);
  gap: 14px;
  align-items: center;
  padding: 14px 16px;
  margin-bottom: 18px;
}

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

.cloud-panel span {
  color: var(--muted);
  margin-top: 4px;
}

.notice {
  padding: 14px 16px;
  color: var(--muted);
  margin-bottom: 18px;
}

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

.screen {
  display: none;
  padding: 22px;
}

.screen.active {
  display: block;
}

.section-head {
  margin-bottom: 18px;
}

.compact-head {
  margin-top: 22px;
}

.section-head p {
  color: var(--muted);
  margin-bottom: 0;
}

.form-grid,
.defaults-grid,
.standards-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(220px, 1fr));
  gap: 16px;
}

.wide-field {
  grid-column: 1 / -1;
}

.field-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: end;
}

.program-summary {
  margin-top: 18px;
}

.program-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.8fr);
  gap: 16px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: var(--soft);
}

.program-card h3 {
  margin: 8px 0 6px;
}

.program-card p {
  margin: 0;
  color: var(--muted);
}

.program-facts {
  display: grid;
  gap: 8px;
  color: var(--muted);
}

.program-facts span {
  display: block;
  overflow-wrap: anywhere;
}

.document-parser {
  margin-top: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: var(--soft);
}

.parsed-document-results {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.parsed-document {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: #fff;
}

.parsed-document strong,
.parsed-document span {
  display: block;
}

.parsed-document span,
.parsed-document p {
  color: var(--muted);
}

.parsed-document p {
  margin: 8px 0 0;
  overflow-wrap: anywhere;
}

.standard-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: var(--soft);
}

.standard-card h3 {
  margin: 0 0 10px;
}

.standard-card p,
.library-status {
  color: var(--muted);
}

.standard-card label:not(.upload-card) {
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: start;
  color: var(--ink);
  font-weight: 650;
  margin: 9px 0;
}

.standard-card input[type="checkbox"] {
  min-height: auto;
  margin-top: 3px;
}

.compact-upload {
  margin-top: 12px;
  padding: 14px;
}

.library-actions {
  margin-top: 12px;
}

label {
  display: grid;
  gap: 7px;
  color: var(--muted);
  font-weight: 700;
}

input,
select,
textarea {
  width: 100%;
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 9px 11px;
  color: var(--ink);
  background: #fff;
}

.upload-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(220px, 1fr));
  gap: 16px;
}

.upload-cloud-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(130px, 1fr));
  gap: 10px;
  margin: 0 0 14px;
}

.upload-card {
  border: 1px dashed #aab8bd;
  border-radius: 8px;
  padding: 18px;
  background: var(--soft);
  color: var(--ink);
  cursor: pointer;
}

.upload-card input {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  opacity: 0;
}

.upload-card span,
.upload-card small {
  display: block;
}

.upload-card span {
  font-size: 16px;
  margin-bottom: 6px;
}

.upload-card small {
  color: var(--muted);
  font-weight: 500;
}

.takeoff-form {
  display: grid;
  grid-template-columns: 1.4fr 1fr 0.9fr 0.9fr 0.9fr 0.8fr 1fr auto;
  gap: 12px;
  align-items: end;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--soft);
  margin-bottom: 18px;
}

.input-card {
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--soft);
}

.input-card .card-title {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  margin-bottom: 10px;
}

.input-card strong {
  font-size: 15px;
}

.badge {
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 12px;
  color: #fff;
}

.badge.confirmed {
  background: var(--ok);
}

.badge.assumed {
  background: var(--warning);
}

.badge.missing {
  background: var(--danger);
}

.input-card textarea {
  width: 100%;
  min-height: 68px;
  resize: vertical;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 9px 11px;
  font: inherit;
}

.review-table {
  width: 100%;
  border-collapse: collapse;
}

.review-table th,
.review-table td {
  border-bottom: 1px solid var(--line);
  padding: 12px 10px;
  text-align: left;
  vertical-align: top;
  overflow-wrap: anywhere;
}

.review-table th {
  color: var(--muted);
  font-size: 13px;
}

.table-link {
  display: inline-block;
  margin-left: 8px;
  color: var(--brand-dark);
  font-size: 13px;
  font-weight: 900;
}

.table-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

.mini-button {
  min-height: 30px;
  padding: 0 10px;
  font-size: 12px;
}

.compact-table {
  margin-bottom: 18px;
}

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

.dashboard-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(140px, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.dashboard-stats .readiness-card strong {
  font-size: 20px;
  overflow-wrap: anywhere;
}

.dashboard-controls {
  display: grid;
  gap: 12px;
  margin-bottom: 14px;
}

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

.folder-tab {
  min-height: 38px;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 0 12px;
  color: var(--brand-dark);
  background: #fff;
}

.folder-tab.active,
.folder-tab:hover {
  border-color: rgba(25, 174, 178, 0.45);
  background: #e3f5f2;
}

.folder-tab span {
  display: inline-flex;
  min-width: 24px;
  min-height: 22px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  margin-left: 6px;
  padding: 0 7px;
  color: #fff;
  background: var(--brand-dark);
  font-size: 12px;
}

.dashboard-filter-grid {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(160px, 220px) minmax(160px, 220px);
  gap: 12px;
  align-items: end;
}

.dashboard-status {
  margin: 0 0 12px;
  color: var(--muted);
  font-weight: 800;
}

.dashboard-table {
  margin-bottom: 14px;
}

.dashboard-badge {
  display: inline-block;
  margin-left: 8px;
}

.status-select {
  min-width: 150px;
}

.table-subtext {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

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

.reference-guide-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(120px, 1fr));
  gap: 12px;
  margin: 12px 0 16px;
}

.reference-assumptions-panel {
  border: 1px solid var(--line);
  border-radius: 8px;
  margin: 14px 0;
  padding: 12px;
  background: var(--soft);
}

.validation-import-panel {
  border: 1px solid var(--line);
  border-radius: 8px;
  margin: 14px 0;
  padding: 12px;
  background: var(--soft);
}

.reference-assumptions-panel summary {
  cursor: pointer;
  font-weight: 900;
  color: var(--ink);
}

.validation-import-panel summary {
  cursor: pointer;
  font-weight: 900;
  color: var(--ink);
}

.validation-import-dossier {
  margin: 14px 0;
}

.validation-import-dossier-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
  background: #fff;
  display: grid;
  gap: 14px;
}

.validation-import-dossier-card.ready {
  border-color: rgba(23, 114, 77, 0.34);
}

.validation-import-dossier-card.review {
  border-color: rgba(193, 122, 29, 0.38);
}

.validation-import-dossier-card.blocked {
  border-color: rgba(171, 55, 55, 0.35);
}

.validation-import-dossier-card.empty {
  background: rgba(255, 255, 255, 0.72);
}

.validation-import-dossier-card h4,
.validation-import-dossier-card h5 {
  margin: 0;
}

.validation-import-dossier-card p {
  margin: 6px 0 0;
}

.validation-import-dossier-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(120px, 1fr));
  gap: 10px;
}

.validation-import-dossier-grid {
  display: grid;
  grid-template-columns: minmax(280px, 0.9fr) minmax(360px, 1.1fr);
  gap: 14px;
  align-items: start;
}

.validation-import-dossier-grid section {
  min-width: 0;
}

.post-import-evidence-queue-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
  margin: 14px 0;
  background: #fff;
  display: grid;
  gap: 14px;
}

.post-import-evidence-queue-card.queue-open {
  border-color: rgba(193, 122, 29, 0.38);
}

.post-import-evidence-queue-card.proof-set-building {
  border-color: rgba(23, 114, 77, 0.34);
}

.post-import-evidence-queue-card.no-validation-jobs {
  border-color: rgba(171, 55, 55, 0.3);
}

.post-import-evidence-queue-card h4 {
  margin: 0;
}

.post-import-evidence-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(120px, 1fr));
  gap: 10px;
}

.post-import-evidence-grid {
  display: grid;
  grid-template-columns: minmax(280px, 0.9fr) minmax(380px, 1.1fr);
  gap: 14px;
  align-items: start;
}

.post-import-evidence-grid section {
  min-width: 0;
}

.post-import-proof-actions-board {
  display: grid;
  grid-template-columns: repeat(5, minmax(140px, 1fr));
  gap: 10px;
}

.proof-action-lane {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--soft);
  display: grid;
  gap: 6px;
  min-width: 0;
}

.proof-action-lane span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.proof-action-lane strong {
  color: var(--ink);
  font-size: 14px;
}

.proof-action-lane em {
  color: var(--accent);
  font-size: 26px;
  font-style: normal;
  font-weight: 900;
}

.proof-action-lane p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.beta-proof-shipping-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
  margin: 14px 0;
  background: #fff;
  display: grid;
  gap: 14px;
}

.beta-proof-shipping-card.ready-to-send {
  border-color: rgba(23, 114, 77, 0.34);
}

.beta-proof-shipping-card.send-with-owner-review {
  border-color: rgba(193, 122, 29, 0.38);
}

.beta-proof-shipping-card.hold-do-not-send {
  border-color: rgba(171, 55, 55, 0.35);
}

.beta-proof-shipping-card h4 {
  margin: 0;
}

.beta-proof-shipping-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(120px, 1fr));
  gap: 10px;
}

.beta-proof-shipping-grid {
  display: grid;
  grid-template-columns: minmax(280px, 0.95fr) minmax(360px, 1.05fr);
  gap: 14px;
  align-items: start;
}

.beta-proof-shipping-grid section {
  min-width: 0;
}

.reference-assumptions-panel .settings-grid {
  margin-top: 12px;
}

.reference-assumption-resolution-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: var(--shadow-soft);
  padding: 16px;
  margin: 14px 0;
  min-width: 0;
}

.reference-assumption-resolution-card.resolved,
.reference-assumption-resolution-card.matched {
  border-color: rgba(44, 150, 105, 0.42);
}

.reference-assumption-resolution-card.rerun-review {
  border-color: rgba(196, 138, 43, 0.42);
}

.reference-assumption-resolution-card.blocked {
  border-color: rgba(198, 67, 67, 0.34);
}

.reference-assumption-resolution-metrics,
.reference-assumption-resolution-list {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.reference-assumption-resolution-metrics {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 12px 0;
}

.reference-assumption-resolution-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.reference-assumption-resolution-list article {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-muted);
  padding: 12px;
  min-width: 0;
}

.reference-assumption-resolution-list article.pass {
  border-color: rgba(44, 150, 105, 0.42);
  background: rgba(44, 150, 105, 0.07);
}

.reference-assumption-resolution-list article.warn {
  border-color: rgba(196, 138, 43, 0.42);
  background: rgba(196, 138, 43, 0.07);
}

.reference-assumption-resolution-list article.fix {
  border-color: rgba(198, 67, 67, 0.34);
  background: rgba(198, 67, 67, 0.06);
}

.reference-assumption-resolution-card h3,
.reference-assumption-resolution-card p,
.reference-assumption-resolution-card strong,
.reference-assumption-resolution-card small,
.reference-assumption-resolution-card td,
.reference-assumption-resolution-card th {
  overflow-wrap: anywhere;
}

.reference-assumption-resolution-table input,
.reference-assumption-resolution-table select {
  width: 100%;
  min-width: 0;
}

@media (max-width: 1060px) {
  .reference-assumption-resolution-metrics,
  .reference-assumption-resolution-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .reference-assumption-resolution-metrics,
  .reference-assumption-resolution-list {
    grid-template-columns: 1fr;
  }

  .reference-assumption-resolution-card .tool-buttons {
    align-items: stretch;
  }

  .reference-assumption-resolution-card .tool-buttons button {
    width: 100%;
    min-width: 0;
  }
}

.readiness-card {
  min-height: 84px;
  display: grid;
  align-content: center;
  gap: 6px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
  background: var(--soft);
}

.readiness-card span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

.readiness-card strong {
  color: var(--ink);
  font-size: 24px;
}

.readiness-card.ok {
  border-color: rgba(23, 114, 77, 0.3);
  background: #eef8f3;
}

.readiness-card.warn {
  border-color: rgba(184, 135, 21, 0.36);
  background: #fff9eb;
}

.readiness-card.bad {
  border-color: rgba(179, 58, 48, 0.36);
  background: #fff1ef;
}

.review-issues {
  margin-bottom: 18px;
}

.success-note {
  border-color: rgba(23, 114, 77, 0.28);
  background: #eef8f3;
}

.export-readiness {
  margin-bottom: 16px;
}

.formula-audit-card {
  border-color: rgba(11, 107, 90, 0.22);
  background: #fbfefd;
}

.formula-audit-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}

.formula-audit-grid {
  display: grid;
  grid-template-columns: minmax(300px, 1fr) minmax(300px, 0.9fr);
  gap: 12px;
  align-items: start;
  margin-bottom: 12px;
}

.formula-audit-list {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.formula-audit-list h4 {
  margin: 0 0 4px;
}

.formula-audit-row {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  min-height: 92px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  color: var(--ink);
  background: #fff;
  text-align: left;
}

.formula-audit-row > span {
  display: inline-grid;
  min-width: 34px;
  height: 28px;
  place-items: center;
  border-radius: 6px;
  color: #fff;
  background: var(--brand-dark);
  font-size: 11px;
  font-weight: 800;
}

.formula-audit-row.pass,
.formula-audit-row.not.required {
  border-color: rgba(23, 114, 77, 0.32);
  background: #f3fbf6;
}

.formula-audit-row.warn {
  border-color: rgba(184, 135, 21, 0.38);
  background: #fffaf0;
}

.formula-audit-row.fix {
  border-color: rgba(179, 58, 48, 0.28);
  background: #fff8f6;
}

.formula-audit-row strong,
.formula-audit-row p,
.formula-audit-row small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.formula-audit-row p {
  margin: 3px 0;
  color: var(--muted);
  font-size: 13px;
}

.formula-audit-row small {
  color: var(--muted);
  font-weight: 700;
}

.manualj-category-confidence-card {
  display: grid;
  gap: 14px;
}

.manualj-category-confidence-metrics,
.manualj-category-confidence-grid {
  display: grid;
  gap: 10px;
}

.manualj-category-confidence-metrics {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

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

.manualj-category-confidence-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 12px;
  text-align: left;
}

.manualj-category-confidence-row.pass,
.manualj-category-confidence-row.not.required {
  border-color: rgba(22, 163, 74, 0.22);
  background: #f8fdf9;
}

.manualj-category-confidence-row.warn {
  border-color: rgba(217, 119, 6, 0.25);
  background: #fffaf0;
}

.manualj-category-confidence-row.fix {
  border-color: rgba(220, 38, 38, 0.22);
  background: #fff8f8;
}

.manualj-category-confidence-row strong,
.manualj-category-confidence-row p,
.manualj-category-confidence-row small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.input-evidence-panel {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  margin: 16px 0;
  background: #fff;
}

.design-input-enforcement-panel {
  box-shadow: var(--shadow-soft);
}

.enforcement-metrics {
  margin: 14px 0;
}

.enforcement-phase-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(138px, 1fr));
  gap: 10px;
  margin: 12px 0 16px;
}

.phase-chip {
  display: grid;
  gap: 3px;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px 12px;
  background: #f7fafc;
}

.phase-chip strong,
.phase-chip span,
.enforcement-table td,
.enforcement-table th {
  min-width: 0;
  overflow-wrap: anywhere;
}

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

.phase-chip.ready {
  border-color: rgba(25, 174, 178, 0.3);
  background: rgba(25, 174, 178, 0.08);
}

.phase-chip.needs-review {
  border-color: rgba(242, 106, 33, 0.35);
  background: rgba(242, 106, 33, 0.08);
}

.phase-chip.needs-fix {
  border-color: rgba(191, 80, 68, 0.35);
  background: rgba(191, 80, 68, 0.08);
}

.export-status-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: var(--soft);
}

.export-status-card.ready {
  border-color: rgba(23, 114, 77, 0.3);
  background: #eef8f3;
}

.export-status-card.not-ready {
  border-color: rgba(184, 135, 21, 0.36);
  background: #fff9eb;
}

.export-status-card strong,
.export-status-card span {
  display: block;
}

.export-status-card span {
  color: var(--muted);
  margin-top: 4px;
}

.export-preview {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  margin: 16px 0;
  background: #fff;
}

.export-preview h3,
.qa-panel h3 {
  margin: 0 0 8px;
}

.export-preview p {
  color: var(--muted);
  margin: 0 0 12px;
}

.final-export-lock,
.export-audit-panel {
  margin: 16px 0;
}

.export-audit-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.export-audit-controls {
  display: grid;
  grid-template-columns: repeat(5, minmax(120px, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.export-audit-inline-actions {
  margin: 10px 0;
}

.export-audit-table td {
  vertical-align: top;
  overflow-wrap: anywhere;
}

.file-action-history-panel {
  margin: 18px 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  min-width: 0;
}

.secure-file-access-panel {
  margin: 18px 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  min-width: 0;
}

.file-storage-reconciliation-panel {
  margin: 18px 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  min-width: 0;
}

.file-storage-reconciliation-summary {
  grid-template-columns: repeat(4, minmax(120px, 1fr));
}

.file-storage-reconciliation-table td,
.file-storage-reconciliation-table th {
  overflow-wrap: anywhere;
}

.upload-quarantine-panel {
  margin: 18px 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  min-width: 0;
}

.secure-file-summary {
  grid-template-columns: repeat(4, minmax(130px, 1fr));
}

.quarantine-summary {
  grid-template-columns: repeat(4, minmax(130px, 1fr));
}

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

.file-action-table td {
  vertical-align: top;
  overflow-wrap: anywhere;
}

.support-docs-hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin: 12px 0 18px;
  padding: 16px;
  border: 1px solid rgba(13, 79, 133, 0.18);
  border-radius: 8px;
  background: #f7fbfd;
  min-width: 0;
}

.support-docs-hero strong {
  display: block;
  margin: 4px 0;
  color: var(--ink);
  font-size: 1.1rem;
}

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

.support-doc-card {
  display: grid;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
  background: #fff;
  min-width: 0;
  overflow-wrap: anywhere;
}

.support-doc-card h3 {
  margin: 0;
  font-size: 1rem;
}

.support-doc-card p,
.support-doc-card li {
  color: var(--muted);
}

.support-doc-card ol {
  margin: 0;
  padding-left: 20px;
}

.final-lock-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.85fr);
  gap: 16px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
}

.final-lock-card.locked {
  border-color: rgba(179, 58, 48, 0.35);
  background: #fff5f3;
}

.final-lock-card.unlocked {
  border-color: rgba(23, 114, 77, 0.32);
  background: #eef8f3;
}

.final-lock-card strong {
  display: block;
  margin: 4px 0;
  font-size: 20px;
}

.final-lock-card p {
  color: var(--muted);
  margin: 0;
}

.final-lock-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(90px, 1fr));
  gap: 10px;
}

.final-lock-table {
  margin-top: 12px;
}

.qa-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 16px;
}

.qa-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(140px, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.qa-panel {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
}

.account-smoke-panel {
  margin-bottom: 16px;
}

.company-beta-card {
  margin-bottom: 16px;
}

.company-beta-stats {
  display: grid;
  grid-template-columns: repeat(6, minmax(110px, 1fr));
  gap: 10px;
  margin: 12px 0 16px;
}

.company-beta-stats .readiness-card strong {
  font-size: 19px;
}

.company-beta-controls {
  display: grid;
  grid-template-columns: minmax(220px, 2fr) repeat(3, minmax(150px, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}

.company-beta-controls label {
  color: var(--muted);
  display: grid;
  font-size: 13px;
  font-weight: 800;
  gap: 6px;
}

.company-beta-controls input,
.company-beta-controls select {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 9px 10px;
  font: inherit;
}

.company-beta-table strong {
  display: inline-block;
  max-width: 260px;
}

.company-beta-trends {
  border-top: 1px solid var(--line);
  margin-top: 16px;
  padding-top: 14px;
}

.company-beta-trend-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(260px, 1fr));
  gap: 14px;
}

.company-beta-trend-grid h5 {
  margin: 0 0 8px;
  color: var(--ink);
}

.company-validation-card {
  margin-bottom: 18px;
}

.company-validation-meters {
  display: grid;
  grid-template-columns: repeat(6, minmax(110px, 1fr));
  gap: 10px;
  margin: 12px 0 16px;
}

.company-validation-approval-card {
  background: #f8fafc;
  border: 1px solid #dbe5ef;
  border-radius: 8px;
  margin: 0 0 16px;
  padding: 14px;
}

.company-validation-approval-card h4 {
  margin: 0 0 4px;
}

.company-validation-cohort-card {
  border-color: rgba(22, 128, 143, 0.28);
}

.cohort-release-hero {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  border: 1px solid rgba(22, 128, 143, 0.24);
  border-radius: 8px;
  background: #f4fbfb;
  padding: 14px;
  margin: 12px 0;
  min-width: 0;
}

.cohort-release-hero strong {
  display: block;
  margin: 3px 0 6px;
  font-size: 1.05rem;
}

.cohort-release-hero p {
  color: var(--muted);
}

.cohort-release-lanes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
}

.cohort-release-lane {
  display: grid;
  gap: 6px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 12px;
  min-width: 0;
}

.cohort-release-lane.pass {
  border-color: rgba(25, 174, 178, 0.45);
}

.cohort-release-lane.fix {
  border-color: rgba(190, 47, 47, 0.32);
}

.cohort-release-lane span,
.cohort-release-lane p {
  color: var(--muted);
  font-size: 0.82rem;
}

.cohort-release-lane strong {
  font-size: 1.35rem;
}

.cohort-release-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.75fr);
  gap: 14px;
  align-items: start;
}

.cohort-release-hero,
.cohort-release-lane,
.cohort-release-grid {
  overflow-wrap: anywhere;
}

.validation-accelerator-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 16px;
  margin-bottom: 16px;
}

.validation-accelerator-card.reviewed-beta-ready,
.validation-accelerator-card.private-beta-ready,
.validation-accelerator-card.standalone-review-ready {
  border-color: rgba(18, 154, 128, 0.32);
  background: linear-gradient(180deg, rgba(18, 154, 128, 0.06), #fff);
}

.validation-accelerator-metrics,
.validation-accelerator-targets {
  display: grid;
  grid-template-columns: repeat(6, minmax(105px, 1fr));
  gap: 10px;
  margin: 12px 0;
}

.validation-accelerator-next,
.validation-accelerator-targets article {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 12px;
  min-width: 0;
}

.validation-accelerator-next strong,
.validation-accelerator-targets span,
.validation-accelerator-targets strong {
  display: block;
  overflow-wrap: anywhere;
}

.validation-accelerator-targets span {
  color: var(--muted);
  font-size: 0.75rem;
  text-transform: capitalize;
}

.validation-accelerator-targets strong {
  margin-top: 4px;
  font-size: 1.15rem;
}

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

.validation-accelerator-item {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 10px;
  text-align: left;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 12px;
  cursor: pointer;
  min-width: 0;
}

.validation-accelerator-item > span {
  align-self: start;
  justify-self: start;
  border-radius: 6px;
  padding: 4px 6px;
  font-size: 0.72rem;
  font-weight: 800;
  color: #ffffff;
  background: var(--danger);
}

.validation-accelerator-item.pass > span {
  background: var(--ok);
}

.validation-accelerator-item.warn > span {
  background: var(--warning);
}

.validation-accelerator-item strong,
.validation-accelerator-item p,
.validation-accelerator-item small,
.validation-accelerator-item em {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.validation-accelerator-item small,
.validation-accelerator-item p,
.validation-accelerator-item em {
  color: var(--muted);
}

.validation-accelerator-item em {
  font-style: normal;
  font-size: 0.78rem;
}

.first-reference-job-capture {
  border-color: rgba(47, 139, 212, 0.26);
}

.first-reference-hero {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  border: 1px solid rgba(47, 139, 212, 0.24);
  border-radius: 8px;
  background: #f5f9fd;
  padding: 14px;
  margin: 12px 0;
  min-width: 0;
}

.first-reference-hero strong {
  display: block;
  margin: 3px 0 6px;
  font-size: 1.05rem;
}

.first-reference-hero p {
  color: var(--muted);
}

.first-reference-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(110px, 1fr));
  gap: 10px;
  margin: 12px 0 16px;
}

.first-reference-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.72fr);
  gap: 14px;
  align-items: start;
}

.first-reference-grid .qa-check-item {
  width: 100%;
  text-align: left;
}

.validation-evidence-completion {
  border-color: rgba(18, 154, 128, 0.28);
}

.validation-evidence-completion-hero {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  border: 1px solid rgba(18, 154, 128, 0.26);
  border-radius: 8px;
  background: #f3fbf9;
  padding: 14px;
  margin: 12px 0;
  min-width: 0;
}

.validation-evidence-completion-hero strong {
  display: block;
  margin: 3px 0 6px;
  font-size: 1.05rem;
}

.validation-evidence-completion-hero p {
  color: var(--muted);
}

.validation-evidence-completion-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(110px, 1fr));
  gap: 10px;
  margin: 12px 0 16px;
}

.validation-evidence-completion-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.72fr);
  gap: 14px;
  align-items: start;
}

.validation-evidence-completion-grid .qa-check-item {
  width: 100%;
  text-align: left;
}

.design-basis-lock-board {
  margin: 16px 0;
}

.design-basis-lock-card {
  border: 1px solid rgba(15, 91, 141, 0.18);
  border-radius: 8px;
  background: #ffffff;
  padding: 16px;
  box-shadow: 0 12px 32px rgba(17, 24, 39, 0.06);
  min-width: 0;
}

.design-basis-lock-card.compact {
  padding: 14px;
}

.design-basis-lock-hero {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  border: 1px solid rgba(18, 154, 128, 0.24);
  border-radius: 8px;
  background: #f6fbfa;
  padding: 14px;
  margin: 12px 0;
  min-width: 0;
}

.design-basis-lock-hero strong {
  display: block;
  margin: 3px 0 6px;
  font-size: 1.05rem;
}

.design-basis-lock-hero p {
  color: var(--muted);
}

.design-basis-lock-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(110px, 1fr));
  gap: 10px;
  margin: 12px 0 16px;
}

.design-basis-lock-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
  gap: 10px;
  margin: 12px 0;
}

.first-reference-hero,
.first-reference-grid,
.first-reference-grid .qa-check-item,
.validation-evidence-completion-hero,
.validation-evidence-completion-grid,
.validation-evidence-completion-grid .qa-check-item,
.design-basis-lock-card,
.design-basis-lock-hero,
.design-basis-lock-grid,
.market-launch-card,
.market-launch-hero,
.market-launch-lanes,
.market-launch-lane,
.deployment-recovery-card,
.deployment-recovery-next {
  overflow-wrap: anywhere;
}

.first-reference-hero,
.first-reference-grid,
.first-reference-grid .qa-check-item,
.validation-evidence-completion-hero,
.validation-evidence-completion-grid,
.validation-evidence-completion-grid .qa-check-item {
  overflow-wrap: anywhere;
}

.company-validation-controls {
  display: grid;
  grid-template-columns: minmax(220px, 2fr) repeat(2, minmax(150px, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}

.company-validation-controls label {
  color: var(--muted);
  display: grid;
  font-size: 13px;
  font-weight: 800;
  gap: 6px;
}

.company-validation-controls input,
.company-validation-controls select {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 9px 10px;
  font: inherit;
}

.company-validation-blockers {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}

.company-validation-blockers span {
  background: #fff4ed;
  border: 1px solid #fed7aa;
  border-radius: 999px;
  color: #9a3412;
  font-size: 12px;
  font-weight: 900;
  padding: 6px 10px;
}

.company-variance-card {
  margin-bottom: 18px;
}

.supply-return-card {
  margin: 14px 0 18px;
}

.supply-return-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(110px, 1fr));
  gap: 10px;
  margin: 10px 0 14px;
}

.equipment-guardrail-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(110px, 1fr));
  gap: 10px;
  margin: 10px 0 14px;
}

.program-report-pack-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(110px, 1fr));
  gap: 10px;
  margin: 10px 0 14px;
}

.ahj-code-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(110px, 1fr));
  gap: 10px;
  margin: 10px 0 14px;
}

.plan-to-load-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(110px, 1fr));
  gap: 10px;
  margin: 10px 0 14px;
}

.ahri-matchup-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(110px, 1fr));
  gap: 10px;
  margin: 10px 0 14px;
}

.manualj-reviewer-signoff {
  display: grid;
  gap: 12px;
  margin: 14px 0;
}

.signoff-panel {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: #fff;
}

.signoff-panel.fix {
  border-color: rgba(179, 58, 48, 0.34);
  background: #fff7f5;
}

.signoff-panel.warn {
  border-color: rgba(184, 135, 21, 0.34);
  background: #fffaf0;
}

.signoff-panel.pass {
  border-color: rgba(23, 114, 77, 0.28);
  background: #f4fbf7;
}

.signoff-history {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
}

.signoff-history h4 {
  margin: 0;
  padding: 12px 14px;
  border-bottom: 1px solid var(--line);
  background: #f6f8f6;
  color: var(--ink);
  font-size: 14px;
}

.signoff-history .review-table {
  border: 0;
  margin: 0;
}

.company-variance-meters {
  display: grid;
  grid-template-columns: repeat(6, minmax(110px, 1fr));
  gap: 10px;
  margin: 12px 0 16px;
}

.company-variance-controls {
  display: grid;
  grid-template-columns: minmax(220px, 2fr) repeat(3, minmax(140px, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}

.company-variance-controls label {
  color: var(--muted);
  display: grid;
  font-size: 13px;
  font-weight: 800;
  gap: 6px;
}

.company-variance-controls input,
.company-variance-controls select {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 9px 10px;
  font: inherit;
}

.company-variance-table strong {
  display: inline-block;
  max-width: 260px;
}

.tuning-task-panel {
  border-top: 1px solid var(--line);
  margin-top: 18px;
  padding-top: 16px;
}

.tuning-task-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(110px, 1fr));
  gap: 10px;
  margin: 12px 0 16px;
}

.tuning-task-table strong {
  display: inline-block;
  max-width: 280px;
}

.manualj-calibration-card {
  border-top: 1px solid var(--line);
  margin-top: 18px;
  padding-top: 16px;
}

.manualj-calibration-card.calibration-locked {
  border-top-color: rgba(239, 68, 68, 0.28);
}

.manualj-calibration-card.calibration-review {
  border-top-color: rgba(245, 158, 11, 0.34);
}

.manualj-calibration-card.calibration-beta-ready,
.manualj-calibration-card.calibration-standalone-review-ready {
  border-top-color: rgba(20, 184, 166, 0.34);
}

.manualj-calibration-metrics,
.manualj-calibration-grid {
  display: grid;
  gap: 10px;
  margin: 12px 0 16px;
}

.manualj-calibration-metrics {
  grid-template-columns: repeat(5, minmax(110px, 1fr));
}

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

.manualj-calibration-next {
  background: rgba(20, 184, 166, 0.08);
  border: 1px solid rgba(20, 184, 166, 0.22);
  border-radius: 8px;
  margin: 0 0 14px;
  padding: 12px;
}

.manualj-calibration-next p {
  margin: 4px 0 0;
}

.manualj-calibration-factor {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 8px;
  min-width: 0;
  padding: 12px;
}

.manualj-calibration-factor > div {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: space-between;
}

.manualj-calibration-factor.pass {
  border-color: rgba(20, 184, 166, 0.35);
}

.manualj-calibration-factor.warn {
  border-color: rgba(245, 158, 11, 0.4);
}

.manualj-calibration-factor.fix {
  border-color: rgba(239, 68, 68, 0.4);
}

.manualj-calibration-factor strong,
.manualj-calibration-factor p,
.manualj-calibration-factor small,
.manualj-calibration-card h4,
.manualj-calibration-card p {
  overflow-wrap: anywhere;
}

.manualj-calibration-factor p {
  margin: 8px 0;
}

.manualj-calibration-factor small {
  color: var(--muted);
  display: block;
}

.manualj-calibration-decision-board.compact .manualj-calibration-grid {
  grid-template-columns: 1fr;
}

.manualj-calibration-decision-board.compact .manualj-calibration-factor p {
  font-size: 12px;
}

.mini-field {
  color: var(--muted);
  display: grid;
  font-size: 12px;
  font-weight: 800;
  gap: 4px;
  margin-bottom: 8px;
}

.mini-field input,
.mini-field select,
.mini-field textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 6px;
  font: inherit;
  padding: 7px 8px;
}

.vertical-buttons {
  align-items: stretch;
  display: grid;
  gap: 6px;
}

.company-tuning-task-card {
  margin-bottom: 18px;
}

.company-tuning-task-meters {
  display: grid;
  grid-template-columns: repeat(6, minmax(110px, 1fr));
  gap: 10px;
  margin: 12px 0 16px;
}

.company-tuning-task-controls {
  display: grid;
  grid-template-columns: minmax(220px, 2fr) repeat(3, minmax(140px, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}

.company-tuning-task-controls label {
  color: var(--muted);
  display: grid;
  font-size: 13px;
  font-weight: 800;
  gap: 6px;
}

.company-tuning-task-controls input,
.company-tuning-task-controls select {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 9px 10px;
  font: inherit;
}

.company-tuning-task-table strong {
  display: inline-block;
  max-width: 260px;
}

.capture-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(180px, 1fr));
  gap: 14px;
  margin-bottom: 16px;
}

.capture-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: var(--soft);
}

.capture-card h3 {
  margin: 10px 0 6px;
}

.capture-card p {
  margin: 0;
  color: var(--muted);
}

.status-pill {
  display: inline-flex;
  min-height: 26px;
  align-items: center;
  border-radius: 999px;
  padding: 0 9px;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
}

.status-pill.ready {
  background: var(--ok);
}

.status-pill.planned {
  background: var(--brand-dark);
}

.status-pill.useful {
  background: var(--accent);
}

.mobile-flow {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(260px, 0.9fr);
  gap: 16px;
  margin-bottom: 16px;
}

.qa-list {
  display: grid;
  gap: 10px;
}

.qa-check-item {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--soft);
}

.qa-check-item.pass {
  border-color: rgba(23, 114, 77, 0.24);
  background: #eef8f3;
}

.qa-check-item.fix {
  border-color: rgba(184, 135, 21, 0.34);
  background: #fff9eb;
}

.qa-check-item.warn {
  border-color: rgba(242, 106, 33, 0.32);
  background: #fff6ef;
}

.qa-check-dot {
  display: grid;
  place-items: center;
  min-height: 30px;
  border-radius: 6px;
  color: #fff;
  background: var(--brand-dark);
  font-size: 12px;
  font-weight: 900;
}

.qa-check-item.pass .qa-check-dot {
  background: var(--ok);
}

.qa-check-item.fix .qa-check-dot {
  background: var(--warning);
}

.qa-check-item.warn .qa-check-dot {
  background: var(--accent);
}

.qa-check-item strong,
.qa-check-item p {
  display: block;
}

.qa-check-item p {
  margin: 4px 0 0;
  color: var(--muted);
}

.review-table tfoot th {
  background: var(--soft);
  color: var(--ink);
}

.room-table {
  min-width: 860px;
}

.room-envelope-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.room-envelope-table {
  min-width: 980px;
}

.opening-entry,
.approval-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(150px, 1fr));
  gap: 12px;
  align-items: end;
  margin-bottom: 16px;
}

.opening-entry .primary,
.approval-grid .primary {
  align-self: end;
}

.opening-bulk-actions {
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 14px;
}

.schedule-import-panel {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
  margin: 16px 0;
  background: var(--soft);
}

.airflow-calculator-panel {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
  margin: 4px 0;
  background: var(--soft);
}

.opening-import-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
}

.opening-bulk-actions .library-status {
  margin: 0;
}

.manager-approval {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  margin: 16px 0;
  background: #fff;
}

.final-review-queue {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  margin: 16px 0;
  background: #fff;
}

.submission-review-queue {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  margin: 16px 0;
  background: #fff;
}

.company-signoff-dashboard {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  margin: 16px 0;
  background: #fff;
}

.final-review-meters {
  display: grid;
  grid-template-columns: repeat(6, minmax(110px, 1fr));
  gap: 10px;
  margin: 12px 0 16px;
}

.final-review-controls {
  display: grid;
  grid-template-columns: minmax(220px, 2fr) repeat(2, minmax(150px, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}

.final-review-controls label {
  color: var(--muted);
  display: grid;
  font-size: 13px;
  font-weight: 800;
  gap: 6px;
}

.final-review-controls input,
.final-review-controls select {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 9px 10px;
  font: inherit;
}

.submission-audit-panel {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
  margin: 14px 0;
  background: #fff;
}

.submission-audit-panel h4 {
  margin: 0 0 4px;
  font-size: 16px;
}

.submission-audit-panel p {
  margin: 0;
  color: var(--muted);
}

.launch-readiness-panel {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
}

.launch-readiness-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(110px, 1fr));
  gap: 10px;
  margin: 12px 0 16px;
}

.launch-next-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.launch-next-grid > div {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: #f8fafc;
}

.launch-next-grid strong {
  display: block;
  margin-top: 4px;
  line-height: 1.35;
}

.launch-readiness-tables {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.launch-readiness-tables h4 {
  margin: 0 0 8px;
  font-size: 16px;
}

.beta-invite-readiness-card {
  background: #fff;
}

.admin-beta-dashboard-card {
  background: #fff;
}

.beta-invite-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(110px, 1fr));
  gap: 10px;
  margin: 10px 0 14px;
}

.seat-billing-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(110px, 1fr));
  gap: 10px;
  margin: 10px 0 14px;
}

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

.plan-limit-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(110px, 1fr));
  gap: 10px;
  margin: 10px 0 14px;
}

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

.beta-paid-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(110px, 1fr));
  gap: 10px;
  margin: 10px 0 14px;
}

.billing-portal-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(110px, 1fr));
  gap: 10px;
  margin: 10px 0 14px;
}

.stripe-checkout-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(110px, 1fr));
  gap: 10px;
  margin: 10px 0 14px;
}

.stripe-sandbox-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(110px, 1fr));
  gap: 10px;
  margin: 10px 0 14px;
}

.stripe-sandbox-step-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
}

.stripe-test-evidence-ledger {
  margin-top: 14px;
}

.stripe-test-scenario-card {
  border: 1px solid rgba(23, 33, 38, 0.14);
  border-radius: 8px;
  background: #fff;
  padding: 16px;
  margin-top: 14px;
  display: grid;
  gap: 14px;
}

.stripe-test-scenario-card.ready {
  border-color: rgba(18, 128, 92, 0.28);
  background: #f6fbf8;
}

.stripe-test-scenario-card.review {
  border-color: rgba(188, 137, 31, 0.3);
  background: #fffaf2;
}

.dns-activation-attempt-card {
  border: 1px solid rgba(23, 33, 38, 0.14);
  border-radius: 8px;
  background: #fff;
  padding: 16px;
  margin-top: 14px;
  display: grid;
  gap: 14px;
}

.dns-activation-attempt-card.ready {
  border-color: rgba(18, 128, 92, 0.28);
  background: #f6fbf8;
}

.dns-activation-attempt-card.blocked {
  border-color: rgba(188, 137, 31, 0.3);
  background: #fffaf2;
}

.live-billing-approval-card {
  border: 1px solid rgba(23, 33, 38, 0.14);
  border-radius: 8px;
  background: #fff;
  padding: 16px;
  margin-top: 14px;
  display: grid;
  gap: 14px;
}

.live-billing-approval-card.ready {
  border-color: rgba(18, 128, 92, 0.28);
  background: #f6fbf8;
}

.live-billing-approval-card.locked {
  border-color: rgba(181, 66, 49, 0.28);
  background: #fff7f5;
}

.stripe-test-evidence-card {
  border: 1px solid rgba(23, 33, 38, 0.14);
  border-radius: 8px;
  background: #fff;
  padding: 16px;
  display: grid;
  gap: 14px;
}

.stripe-test-evidence-card.ready {
  border-color: rgba(18, 128, 92, 0.28);
  background: #f6fbf8;
}

.stripe-test-evidence-card.review {
  border-color: rgba(188, 137, 31, 0.3);
  background: #fffaf2;
}

.real-plan-validation-go-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 16px;
  margin: 14px 0;
}

.real-plan-validation-go-card.ready {
  border-color: rgba(25, 174, 178, 0.38);
}

.real-plan-validation-go-card.review {
  border-color: rgba(242, 106, 33, 0.38);
}

.real-plan-validation-go-card.locked {
  border-color: rgba(150, 45, 45, 0.28);
}

.real-plan-go-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(110px, 1fr));
  gap: 10px;
  margin: 10px 0 14px;
}

.real-plan-go-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
}

.first-plan-reviewer-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 16px;
  margin: 14px 0;
}

.first-plan-reviewer-card.ready {
  border-color: rgba(25, 174, 178, 0.4);
  box-shadow: 0 0 0 1px rgba(25, 174, 178, 0.08);
}

.first-plan-reviewer-card.review {
  border-color: rgba(242, 106, 33, 0.42);
}

.first-plan-reviewer-card.locked {
  border-color: rgba(150, 45, 45, 0.3);
}

.first-plan-reviewer-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(110px, 1fr));
  gap: 10px;
  margin: 10px 0 14px;
}

.first-plan-reviewer-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
}

.first-plan-evidence-binder-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 16px;
  margin: 14px 0;
}

.first-plan-evidence-binder-card.ready {
  border-color: rgba(25, 174, 178, 0.4);
  box-shadow: 0 0 0 1px rgba(25, 174, 178, 0.08);
}

.first-plan-evidence-binder-card.review {
  border-color: rgba(242, 106, 33, 0.42);
}

.first-plan-evidence-binder-card.locked {
  border-color: rgba(150, 45, 45, 0.3);
}

.first-plan-evidence-binder-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(110px, 1fr));
  gap: 10px;
  margin: 10px 0 14px;
}

.first-plan-evidence-binder-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
}

.first-plan-cloud-restore-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
}

.real-test-design-command-center-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 16px;
  margin: 14px 0;
  min-width: 0;
}

.real-test-design-command-center-card.ready {
  border-color: rgba(25, 174, 178, 0.4);
  box-shadow: 0 0 0 1px rgba(25, 174, 178, 0.08);
}

.real-test-design-command-center-card.review {
  border-color: rgba(47, 139, 212, 0.34);
  background: #f6fbff;
}

.real-test-design-command-center-card.locked {
  border-color: rgba(150, 45, 45, 0.3);
  background: #fffafa;
}

.real-test-design-command-center-card h3,
.real-test-design-command-center-card p,
.real-test-design-command-center-card span,
.real-test-design-command-center-card strong,
.real-test-design-command-center-card small,
.real-test-design-command-center-card button {
  min-width: 0;
  overflow-wrap: anywhere;
}

.real-test-design-command-center-summary {
  display: grid;
  grid-template-columns: repeat(8, minmax(100px, 1fr));
  gap: 10px;
  margin: 10px 0 14px;
}

.real-test-design-command-center-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
}

.real-test-design-command-center-sources {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0;
}

.real-test-design-command-center-sources span {
  max-width: 100%;
  border: 1px solid rgba(24, 34, 38, 0.1);
  border-radius: 999px;
  background: #f6f8f9;
  padding: 0.24rem 0.52rem;
  font-size: 0.76rem;
  overflow-wrap: anywhere;
}

.real-test-design-command-checkpoint-ledger {
  border: 1px solid rgba(24, 34, 38, 0.1);
  border-radius: 8px;
  background: #f8fafb;
  padding: 10px 12px;
  margin: 10px 0;
  color: var(--muted);
  font-size: 0.86rem;
  overflow-wrap: anywhere;
}

.real-test-design-restore-drill-ledger {
  border: 1px solid rgba(24, 34, 38, 0.1);
  border-radius: 8px;
  background: #f8fafb;
  padding: 10px 12px;
  margin: 10px 0;
  color: var(--muted);
  font-size: 0.86rem;
  overflow-wrap: anywhere;
}

.real-test-design-restore-gate-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
}

.beta-paid-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
}

.seat-plan-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: #fff;
}

.seat-plan-card.selected {
  border-color: var(--teal);
  box-shadow: 0 0 0 2px rgba(25, 174, 178, 0.14);
}

.seat-plan-card strong {
  display: block;
  font-size: 18px;
  margin-bottom: 4px;
}

.crm-handoff-panel {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
  background: #f8fafc;
}

.crm-handoff-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(110px, 1fr));
  gap: 10px;
  margin: 10px 0 14px;
}

.webhook-events-panel {
  margin-top: 16px;
}

.email-notifications-panel {
  margin-top: 16px;
}

.webhook-events-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(110px, 1fr));
  gap: 10px;
  margin: 10px 0 14px;
}

.email-readiness-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(110px, 1fr));
  gap: 10px;
  margin: 10px 0 14px;
}

.webhook-check-list {
  margin-top: 14px;
}

.email-check-list {
  margin-top: 14px;
}

.admin-beta-summary {
  display: grid;
  grid-template-columns: repeat(7, minmax(104px, 1fr));
  gap: 10px;
  margin: 10px 0 14px;
}

.admin-beta-table td {
  vertical-align: top;
}

.compact-filter-grid {
  margin: 8px 0 14px;
}

.company-setup-wizard-card {
  background: #fff;
}

.company-setup-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(110px, 1fr));
  gap: 10px;
  margin: 10px 0 14px;
}

.manualj-provenance-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(110px, 1fr));
  gap: 10px;
  margin: 10px 0 14px;
}

.calculation-input-control-center {
  margin: 14px 0;
}

.room-load-input-foundation-gate {
  margin: 14px 0;
  max-width: 100%;
  min-width: 0;
}

.room-load-input-foundation-card {
  display: grid;
  gap: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
}

.room-load-input-foundation-card.ready {
  border-color: rgba(23, 114, 77, 0.34);
  background: #f5fbf7;
}

.room-load-input-foundation-card.review {
  border-color: rgba(47, 139, 212, 0.28);
  background: #f5faff;
}

.room-load-input-foundation-card.locked {
  border-color: rgba(184, 135, 21, 0.34);
  background: #fffaf0;
}

.room-load-input-foundation-card h3,
.room-load-input-foundation-card h4,
.room-load-input-foundation-card p {
  margin-top: 0;
}

.room-load-input-foundation-card p,
.room-load-input-foundation-card span,
.room-load-input-foundation-card strong,
.room-load-input-foundation-card small,
.room-load-input-foundation-card button {
  min-width: 0;
  overflow-wrap: anywhere;
}

.room-load-foundation-metrics,
.room-load-foundation-grid {
  display: grid;
  gap: 12px;
}

.room-load-foundation-metrics {
  grid-template-columns: repeat(4, minmax(112px, 1fr));
}

.room-load-foundation-grid {
  grid-template-columns: minmax(260px, 1fr) minmax(260px, 1fr) minmax(220px, 0.8fr);
  align-items: start;
}

.room-load-input-foundation-gate.compact .room-load-input-foundation-card {
  padding: 14px;
}

.room-load-input-foundation-gate.compact .room-load-foundation-metrics,
.room-load-input-foundation-gate.compact .room-load-foundation-grid {
  grid-template-columns: 1fr;
}

.room-load-input-foundation-gate.compact .qa-check-item small,
.room-load-input-foundation-gate.compact .control-list:nth-child(3) {
  display: none;
}

.calculation-input-card {
  display: grid;
  gap: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
}

.calculation-input-card.ready {
  border-color: rgba(23, 114, 77, 0.34);
  background: #f5fbf7;
}

.calculation-input-card.review {
  border-color: rgba(47, 139, 212, 0.28);
  background: #f5faff;
}

.calculation-input-card.locked {
  border-color: rgba(184, 135, 21, 0.34);
  background: #fffaf0;
}

.calculation-input-trust-enforcement {
  margin: 14px 0;
}

.calculation-input-trust-card {
  display: grid;
  gap: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
}

.calculation-input-trust-card.ready,
.calculation-input-trust-card.final-trust-ready {
  border-color: rgba(23, 114, 77, 0.34);
  background: #f5fbf7;
}

.calculation-input-trust-card.review,
.calculation-input-trust-card.review-signoff-required {
  border-color: rgba(47, 139, 212, 0.28);
  background: #f5faff;
}

.calculation-input-trust-card.locked,
.calculation-input-trust-card.trust-blocked {
  border-color: rgba(184, 135, 21, 0.34);
  background: #fffaf0;
}

.calculation-input-trust-card h3,
.calculation-input-trust-card h4,
.calculation-input-trust-card p {
  margin-top: 0;
}

.calculation-input-trust-card p,
.calculation-input-trust-card span,
.calculation-input-trust-card strong,
.calculation-input-trust-card small,
.calculation-input-trust-card button {
  min-width: 0;
  overflow-wrap: anywhere;
}

.calculation-input-trust-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(112px, 1fr));
  gap: 12px;
}

.calculation-input-trust-enforcement.compact .calculation-input-trust-card {
  padding: 14px;
}

.calculation-input-trust-enforcement.compact .calculation-input-trust-metrics,
.calculation-input-trust-enforcement.compact .calculation-input-grid {
  grid-template-columns: 1fr;
}

.calculation-input-trust-enforcement.compact .control-list:nth-child(3) {
  display: none;
}

.current-reference-crosscheck-enforcement {
  margin: 14px 0;
}

.current-reference-crosscheck-card {
  display: grid;
  gap: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
}

.current-reference-crosscheck-card.ready,
.current-reference-crosscheck-card.reference-crosscheck-ready {
  border-color: rgba(23, 114, 77, 0.34);
  background: #f5fbf7;
}

.current-reference-crosscheck-card.review,
.current-reference-crosscheck-card.reference-crosscheck-review {
  border-color: rgba(47, 139, 212, 0.28);
  background: #f5faff;
}

.current-reference-crosscheck-card.locked,
.current-reference-crosscheck-card.reference-crosscheck-blocked {
  border-color: rgba(184, 135, 21, 0.34);
  background: #fffaf0;
}

.current-reference-crosscheck-card h3,
.current-reference-crosscheck-card h4,
.current-reference-crosscheck-card p {
  margin-top: 0;
}

.current-reference-crosscheck-card p,
.current-reference-crosscheck-card span,
.current-reference-crosscheck-card strong,
.current-reference-crosscheck-card small,
.current-reference-crosscheck-card button {
  min-width: 0;
  overflow-wrap: anywhere;
}

.current-reference-crosscheck-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(112px, 1fr));
  gap: 12px;
}

.current-reference-crosscheck-enforcement.compact .current-reference-crosscheck-card {
  padding: 14px;
}

.current-reference-crosscheck-enforcement.compact .current-reference-crosscheck-metrics,
.current-reference-crosscheck-enforcement.compact .current-reference-crosscheck-grid {
  grid-template-columns: 1fr;
}

.current-reference-crosscheck-enforcement.compact .control-list:nth-child(3) {
  display: none;
}

.calculation-input-card h3,
.calculation-input-card h4,
.calculation-input-card p {
  margin-top: 0;
}

.calculation-input-card p,
.calculation-input-card span,
.calculation-input-card strong,
.calculation-input-card small,
.calculation-input-card button {
  min-width: 0;
  overflow-wrap: anywhere;
}

.calculation-input-metrics,
.calculation-input-grid {
  display: grid;
  gap: 12px;
}

.calculation-input-metrics {
  grid-template-columns: repeat(4, minmax(112px, 1fr));
}

.calculation-input-grid {
  grid-template-columns: minmax(260px, 1fr) minmax(280px, 1fr) minmax(220px, 0.75fr);
  align-items: start;
}

.calculation-input-control-center.compact .calculation-input-card {
  padding: 14px;
}

.calculation-input-control-center.compact .calculation-input-grid {
  grid-template-columns: 1fr;
}

.calculation-input-control-center.compact .qa-check-item small,
.calculation-input-control-center.compact .control-list:nth-child(3) {
  display: none;
}

.validation-campaign-launch-checkpoint {
  margin: 14px 0;
  max-width: 100%;
  min-width: 0;
}

.validation-campaign-launch-checkpoint-card .qa-check-dot {
  min-width: 32px;
}

.validation-campaign-launch-checkpoint.compact .calculation-input-grid {
  grid-template-columns: 1fr;
}

.validation-campaign-launch-checkpoint.compact .control-list:nth-child(3) {
  display: none;
}

.first-three-real-plans-sprint {
  margin: 14px 0;
  max-width: 100%;
  min-width: 0;
}

.first-three-real-plans-sprint-card .qa-check-dot {
  min-width: 32px;
}

.first-three-real-plans-sprint.compact .calculation-input-grid {
  grid-template-columns: 1fr;
}

.first-three-real-plans-sprint.compact .control-list:nth-child(3) {
  display: none;
}

.real-plan-upload-review-queue {
  margin: 14px 0;
  max-width: 100%;
  min-width: 0;
}

.real-plan-upload-review-list {
  display: grid;
  gap: 10px;
  margin: 14px 0;
  min-width: 0;
}

.real-plan-upload-review-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 12px;
  min-width: 0;
}

.real-plan-upload-review-row.active {
  border-color: rgba(14, 143, 133, 0.55);
  background: #f2fbf9;
}

.real-plan-upload-review-row.fix {
  border-left: 4px solid #c2410c;
}

.real-plan-upload-review-row.warn {
  border-left: 4px solid #b7791f;
}

.real-plan-upload-review-row.pass {
  border-left: 4px solid #0e8f85;
}

.real-plan-upload-review-row h4,
.real-plan-upload-review-row p {
  margin: 0;
  overflow-wrap: anywhere;
}

.real-plan-upload-review-queue.compact .calculation-input-grid {
  grid-template-columns: 1fr;
}

.real-plan-upload-review-queue.compact .control-list:nth-child(3) {
  display: none;
}

@media (max-width: 760px) {
  .real-plan-upload-review-row {
    grid-template-columns: 1fr;
  }

  .real-plan-upload-review-row .tool-buttons {
    justify-content: stretch;
  }

  .real-plan-upload-review-row .tool-buttons button {
    flex: 1 1 96px;
  }
}

.manualj-lock-summary {
  display: grid;
  grid-template-columns: repeat(7, minmax(104px, 1fr));
  gap: 10px;
  margin: 10px 0 14px;
}

.manualj-lock-status {
  border: 1px solid var(--line);
  border-left: 4px solid var(--warning);
  border-radius: 8px;
  padding: 12px 14px;
  margin-bottom: 14px;
  background: #fffaf0;
  display: grid;
  gap: 4px;
}

.manualj-lock-status.ready {
  border-left-color: var(--success);
  background: #f3fbf7;
}

.manualj-lock-status.locked {
  border-left-color: var(--danger);
  background: #fff5f5;
}

.manualj-lock-table-wrap {
  overflow-x: auto;
}

.manualj-input-lock-card .review-table {
  min-width: 860px;
}

.manualj-provenance-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 14px;
}

.manualj-provenance-grid h4 {
  margin: 0 0 8px;
  font-size: 16px;
}

.acceptance-panel {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  margin-top: 16px;
  background: #fff;
}

.paid-launch-panel {
  display: grid;
  gap: 12px;
}

.paid-launch-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(130px, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}

.paid-launch-list small {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-weight: 800;
}

.legal-docs-panel {
  display: grid;
  gap: 12px;
}

.data-retention-policy-panel {
  display: grid;
  gap: 12px;
}

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

.legal-page-preview-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 16px 0;
}

.legal-page-preview {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
  background: #fff;
  min-width: 0;
}

.legal-page-preview pre {
  max-height: 360px;
  overflow: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-family: inherit;
  font-size: 13px;
  line-height: 1.5;
  color: var(--ink);
  margin: 0;
}

.legal-doc-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: #f8fafc;
}

.legal-doc-card h4 {
  margin: 10px 0 6px;
}

.legal-doc-card p {
  margin: 0;
  color: var(--muted);
}

.retention-summary {
  grid-template-columns: repeat(4, minmax(130px, 1fr));
}

.retention-window-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(150px, 1fr));
  gap: 12px;
  margin: 16px 0;
}

.account-cancellation-card {
  grid-column: 1 / -1;
}

.usage-analytics-card {
  grid-column: 1 / -1;
}

.error-logging-card {
  grid-column: 1 / -1;
}

.cancellation-summary {
  grid-template-columns: repeat(4, minmax(130px, 1fr));
}

.usage-analytics-summary {
  grid-template-columns: repeat(4, minmax(130px, 1fr));
}

.error-logging-summary {
  grid-template-columns: repeat(4, minmax(130px, 1fr));
}

.cancellation-form-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(170px, 1fr));
  gap: 12px;
  margin: 16px 0;
}

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

.acceptance-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(180px, 1fr));
  gap: 12px;
  align-items: end;
}

.roadmap-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(130px, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.launch-sprint-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: var(--surface);
  margin-bottom: 16px;
}

.launch-sprint-command.compact .launch-sprint-card {
  padding: 14px;
}

.launch-sprint-command.compact .launch-week-grid,
.launch-sprint-command.compact .launch-foundation-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.launch-sprint-command.compact .launch-foundation-item p,
.launch-sprint-command.compact .launch-week-card p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

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

.launch-sprint-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(240px, 1fr));
  gap: 14px;
}

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

.launch-week-card {
  text-align: left;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 12px;
  min-width: 0;
  cursor: pointer;
}

.launch-week-card span {
  color: var(--muted);
  font-size: 0.78rem;
  text-transform: uppercase;
}

.launch-week-card strong {
  display: block;
  margin: 5px 0;
}

.launch-week-card p,
.launch-week-card small {
  color: var(--muted);
}

.launch-week-card.pass {
  border-color: rgba(18, 154, 128, 0.36);
  background: #f3fbf9;
}

.launch-week-card.warn {
  border-color: rgba(217, 119, 6, 0.34);
  background: #fff8ec;
}

.launch-week-card.fix {
  border-color: rgba(220, 38, 38, 0.28);
  background: #fff7f7;
}

.launch-foundation-track {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

.launch-foundation-track h4 {
  margin: 0 0 4px;
}

.launch-foundation-track p {
  margin: 0;
  color: var(--muted);
}

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

.launch-foundation-item {
  min-width: 0;
  text-align: left;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 12px;
  cursor: pointer;
}

.launch-foundation-item span,
.launch-foundation-item small,
.launch-foundation-item strong,
.launch-foundation-item p {
  min-width: 0;
  overflow-wrap: anywhere;
}

.launch-foundation-item span {
  display: block;
  color: var(--muted);
  font-size: 0.75rem;
  text-transform: uppercase;
}

.launch-foundation-item strong {
  display: block;
  margin: 5px 0;
}

.launch-foundation-item p,
.launch-foundation-item small {
  color: var(--muted);
}

.launch-foundation-item.pass {
  border-color: rgba(18, 154, 128, 0.36);
  background: #f3fbf9;
}

.launch-foundation-item.warn {
  border-color: rgba(217, 119, 6, 0.34);
  background: #fff8ec;
}

.launch-foundation-item.fix {
  border-color: rgba(220, 38, 38, 0.28);
  background: #fff7f7;
}

.four-week-proof-card {
  border: 1px solid rgba(15, 91, 141, 0.18);
  border-radius: 8px;
  background: var(--surface);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.four-week-proof-card.internal-test-ready {
  border-left: 5px solid #d97706;
}

.four-week-proof-card.outside-beta-ready,
.four-week-proof-card.paid-launch-ready {
  border-left: 5px solid #129a80;
}

.four-week-proof-card.blocked {
  border-left: 5px solid #dc2626;
}

.four-week-proof-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(110px, 1fr));
  gap: 12px;
  margin: 14px 0;
  min-width: 0;
}

.four-week-proof-next {
  display: grid;
  gap: 4px;
  border: 1px solid rgba(15, 91, 141, 0.14);
  border-radius: 8px;
  background: #f6fbfd;
  padding: 12px;
  margin-bottom: 12px;
  overflow-wrap: anywhere;
}

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

.four-week-proof-item {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 12px;
  text-align: left;
  cursor: pointer;
}

.four-week-proof-item > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  border-radius: 6px;
  background: rgba(23, 33, 38, 0.08);
  color: #263238;
  font-size: 11px;
  font-weight: 800;
}

.four-week-proof-item.pass {
  border-color: rgba(18, 154, 128, 0.34);
  background: #f8fdfa;
}

.four-week-proof-item.warn {
  border-color: rgba(217, 119, 6, 0.34);
  background: #fffaf0;
}

.four-week-proof-item.fix {
  border-color: rgba(220, 38, 38, 0.28);
  background: #fff8f8;
}

.four-week-proof-item strong,
.four-week-proof-item small,
.four-week-proof-item p,
.four-week-proof-item em {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.four-week-proof-item p {
  margin: 5px 0;
}

.four-week-proof-item small,
.four-week-proof-item em {
  color: var(--muted);
}

.market-launch-card {
  border: 1px solid rgba(15, 91, 141, 0.18);
  border-radius: 8px;
  background: var(--surface);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.market-launch-card.compact {
  padding: 14px;
}

.market-launch-hero {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  border: 1px solid rgba(18, 154, 128, 0.24);
  border-radius: 8px;
  background: #f6fbfa;
  padding: 14px;
  margin: 12px 0;
  min-width: 0;
}

.market-launch-hero strong {
  display: block;
  margin: 3px 0 6px;
  font-size: 1.05rem;
}

.market-launch-hero p {
  color: var(--muted);
}

.market-launch-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(110px, 1fr));
  gap: 10px;
  margin: 12px 0 16px;
}

.market-launch-lanes {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
}

.market-launch-lane {
  text-align: left;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 12px;
  min-width: 0;
  cursor: pointer;
}

.market-launch-lane span {
  color: var(--muted);
  font-size: 0.76rem;
  text-transform: uppercase;
}

.market-launch-lane strong {
  display: block;
  margin: 5px 0;
}

.market-launch-lane p,
.market-launch-lane small {
  color: var(--muted);
}

.market-launch-lane.pass {
  border-color: rgba(18, 154, 128, 0.36);
  background: #f3fbf9;
}

.market-launch-lane.warn {
  border-color: rgba(217, 119, 6, 0.34);
  background: #fff8ec;
}

.market-launch-lane.fix {
  border-color: rgba(220, 38, 38, 0.28);
  background: #fff7f7;
}

.sales-claim-lock-card {
  border: 1px solid rgba(15, 91, 141, 0.18);
  border-radius: 8px;
  background: var(--surface);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
  overflow: hidden;
}

.sales-claim-lock-card.claims-locked {
  border-color: rgba(220, 38, 38, 0.24);
}

.sales-claim-lock-card.claims-review {
  border-color: rgba(217, 119, 6, 0.28);
}

.sales-claim-lock-card.claims-ready {
  border-color: rgba(18, 154, 128, 0.32);
}

.sales-claim-lock-board.compact .sales-claim-lock-card {
  padding: 14px;
}

.sales-claim-hero {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  border: 1px solid rgba(18, 154, 128, 0.24);
  border-radius: 8px;
  background: #f6fbfa;
  padding: 14px;
  margin: 12px 0;
  min-width: 0;
}

.sales-claim-hero strong {
  display: block;
  margin: 3px 0 6px;
  font-size: 1.05rem;
}

.sales-claim-hero p {
  color: var(--muted);
}

.sales-claim-metrics,
.sales-claim-grid {
  display: grid;
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.sales-claim-metrics {
  grid-template-columns: repeat(5, minmax(110px, 1fr));
}

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

.sales-claim-next {
  border: 1px solid rgba(18, 154, 128, 0.22);
  border-radius: 8px;
  background: #f6fbfa;
  padding: 12px;
  margin: 12px 0;
}

.sales-claim-next p {
  color: var(--muted);
  margin-top: 5px;
}

.sales-claim-row {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 10px;
  padding: 11px;
  min-width: 0;
}

.sales-claim-row.allowed {
  border-color: rgba(44, 150, 105, 0.38);
  background: rgba(44, 150, 105, 0.07);
}

.sales-claim-row.review {
  border-color: rgba(196, 138, 43, 0.42);
  background: rgba(196, 138, 43, 0.07);
}

.sales-claim-row.locked {
  border-color: rgba(198, 67, 67, 0.34);
  background: rgba(198, 67, 67, 0.06);
}

.sales-claim-row span {
  width: 38px;
  height: 30px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: #172126;
  color: #ffffff;
  font-size: 0.68rem;
  font-weight: 900;
}

.sales-claim-row strong,
.sales-claim-row p,
.sales-claim-row small,
.sales-claim-lock-card h3,
.sales-claim-lock-card p {
  overflow-wrap: anywhere;
}

.sales-claim-row p {
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.4;
  margin: 4px 0;
}

.sales-claim-row small {
  color: var(--muted);
}

.sales-claim-lock-board.compact .sales-claim-grid {
  grid-template-columns: 1fr;
}

.sales-claim-lock-board.compact .sales-claim-row p,
.sales-claim-lock-board.compact .sales-claim-row small {
  display: none;
}

.owner-go-live-card {
  border: 1px solid rgba(15, 91, 141, 0.18);
  border-radius: 8px;
  background: var(--surface);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
  overflow: hidden;
}

.owner-go-live-card.locked {
  border-color: rgba(220, 38, 38, 0.24);
}

.owner-go-live-card.review {
  border-color: rgba(217, 119, 6, 0.28);
}

.owner-go-live-card.ready {
  border-color: rgba(18, 154, 128, 0.32);
}

.owner-account-go-live-board.compact .owner-go-live-card {
  padding: 14px;
}

.owner-go-live-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(220px, 0.65fr);
  gap: 12px;
  border: 1px solid rgba(18, 154, 128, 0.24);
  border-radius: 8px;
  background: #f6fbfa;
  padding: 14px;
  margin: 12px 0;
  min-width: 0;
}

.owner-go-live-hero strong {
  display: block;
  margin: 5px 0;
  font-size: 1.02rem;
  overflow-wrap: anywhere;
}

.owner-go-live-hero p {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.owner-go-live-metrics,
.owner-go-live-grid {
  display: grid;
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.owner-go-live-metrics {
  grid-template-columns: repeat(6, minmax(105px, 1fr));
}

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

.owner-go-live-row {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 10px;
  padding: 11px;
  min-width: 0;
}

.owner-go-live-row.pass {
  border-color: rgba(44, 150, 105, 0.38);
  background: rgba(44, 150, 105, 0.07);
}

.owner-go-live-row.warn {
  border-color: rgba(196, 138, 43, 0.42);
  background: rgba(196, 138, 43, 0.07);
}

.owner-go-live-row.fix {
  border-color: rgba(198, 67, 67, 0.34);
  background: rgba(198, 67, 67, 0.06);
}

.owner-go-live-row span {
  width: 38px;
  height: 30px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: #172126;
  color: #ffffff;
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.owner-go-live-row strong,
.owner-go-live-row p,
.owner-go-live-row small,
.owner-go-live-card h3,
.owner-go-live-card p {
  overflow-wrap: anywhere;
}

.owner-go-live-row p {
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.4;
  margin: 4px 0;
}

.owner-go-live-row small {
  color: var(--muted);
}

.owner-account-go-live-board.compact .owner-go-live-grid {
  grid-template-columns: 1fr;
}

.owner-account-go-live-board.compact .owner-go-live-row p,
.owner-account-go-live-board.compact .owner-go-live-row small {
  display: none;
}

.deployment-recovery-card {
  border: 1px solid rgba(15, 91, 141, 0.18);
  border-radius: 8px;
  background: var(--surface);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.deployment-recovery-card.deploy-blocked {
  border-color: rgba(220, 38, 38, 0.24);
}

.deployment-recovery-card.deploy-review {
  border-color: rgba(217, 119, 6, 0.28);
}

.deployment-recovery-card.deploy-ready {
  border-color: rgba(18, 154, 128, 0.32);
}

.deployment-recovery-packet.compact .deployment-recovery-card {
  padding: 14px;
}

.deployment-recovery-packet.compact .qa-list {
  display: grid;
  gap: 8px;
}

.deployment-recovery-packet.compact .qa-check-item p {
  display: none;
}

.deployment-recovery-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(130px, 1fr));
  gap: 10px;
  margin: 12px 0;
}

.deployment-recovery-next {
  border: 1px solid rgba(18, 154, 128, 0.22);
  border-radius: 8px;
  background: #f6fbfa;
  padding: 12px;
  margin: 12px 0;
}

.deployment-recovery-next p {
  color: var(--muted);
  margin-top: 5px;
}

.cloud-backend-card {
  border: 1px solid rgba(15, 91, 141, 0.18);
  border-radius: 8px;
  background: var(--surface);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
  overflow: hidden;
}

.cloud-backend-card.backend-blocked {
  border-color: rgba(220, 38, 38, 0.24);
}

.cloud-backend-card.backend-review,
.cloud-backend-card.remote-use-ready-review {
  border-color: rgba(217, 119, 6, 0.28);
}

.cloud-backend-card.backend-beta-ready {
  border-color: rgba(18, 154, 128, 0.32);
}

.cloud-backend-go-live-board.compact .cloud-backend-card {
  padding: 14px;
}

.cloud-backend-metrics,
.cloud-backend-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

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

.cloud-backend-next {
  border: 1px solid rgba(18, 154, 128, 0.22);
  border-radius: 8px;
  background: #f6fbfa;
  padding: 12px;
  margin: 12px 0;
}

.cloud-backend-next p {
  color: var(--muted);
  margin-top: 5px;
}

.cloud-backend-check {
  appearance: none;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  padding: 11px;
  text-align: left;
  min-width: 0;
}

.cloud-backend-check span {
  width: 30px;
  height: 30px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: #172126;
  color: #fff;
  font-size: 0.72rem;
  font-weight: 900;
}

.cloud-backend-check.pass {
  border-color: rgba(44, 150, 105, 0.38);
  background: rgba(44, 150, 105, 0.07);
}

.cloud-backend-check.warn {
  border-color: rgba(196, 138, 43, 0.42);
  background: rgba(196, 138, 43, 0.07);
}

.cloud-backend-check.fix {
  border-color: rgba(198, 67, 67, 0.34);
  background: rgba(198, 67, 67, 0.06);
}

.cloud-backend-check strong,
.cloud-backend-check small,
.cloud-backend-check p,
.cloud-backend-card h3,
.cloud-backend-card p {
  overflow-wrap: anywhere;
}

.cloud-backend-check small {
  color: var(--muted);
  font-size: 0.76rem;
}

.cloud-backend-check p {
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.4;
  margin: 4px 0 0;
}

.cloud-backend-go-live-board.compact .cloud-backend-grid {
  grid-template-columns: 1fr;
}

.cloud-backend-go-live-board.compact .cloud-backend-check p {
  display: none;
}

.national-design-temp-card {
  border: 1px solid rgba(15, 91, 141, 0.18);
  border-radius: 8px;
  background: var(--surface);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
  overflow: hidden;
}

.national-design-temp-card.locked {
  border-color: rgba(220, 38, 38, 0.24);
}

.national-design-temp-card.review {
  border-color: rgba(217, 119, 6, 0.28);
}

.national-design-temp-card.ready {
  border-color: rgba(18, 154, 128, 0.32);
}

.national-design-temp-gate.compact .national-design-temp-card {
  padding: 14px;
}

.national-design-temp-metrics,
.national-design-temp-grid {
  display: grid;
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.national-design-temp-metrics {
  grid-template-columns: repeat(5, minmax(110px, 1fr));
}

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

.national-design-temp-next {
  border: 1px solid rgba(18, 154, 128, 0.22);
  border-radius: 8px;
  background: #f6fbfa;
  padding: 12px;
  margin: 12px 0;
}

.national-design-temp-next p {
  color: var(--muted);
  margin-top: 5px;
}

.national-design-temp-check {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  padding: 11px;
  min-width: 0;
}

.national-design-temp-check.pass {
  border-color: rgba(44, 150, 105, 0.38);
  background: rgba(44, 150, 105, 0.07);
}

.national-design-temp-check.warn {
  border-color: rgba(196, 138, 43, 0.42);
  background: rgba(196, 138, 43, 0.07);
}

.national-design-temp-check.fix {
  border-color: rgba(198, 67, 67, 0.34);
  background: rgba(198, 67, 67, 0.06);
}

.national-design-temp-check span {
  width: 30px;
  height: 30px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: #172126;
  color: #fff;
  font-size: 0.72rem;
  font-weight: 900;
}

.national-design-temp-check strong,
.national-design-temp-check p,
.national-design-temp-card h3,
.national-design-temp-card p {
  overflow-wrap: anywhere;
}

.national-design-temp-check p {
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.4;
  margin: 4px 0 0;
}

.national-design-temp-gate.compact .national-design-temp-grid {
  grid-template-columns: 1fr;
}

.national-design-temp-gate.compact .national-design-temp-check p {
  display: none;
}

.design-temp-import-qa {
  margin: 16px 0;
  min-width: 0;
}

.design-temp-import-card {
  display: grid;
  gap: 12px;
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #ffffff;
  padding: 16px;
  min-width: 0;
  overflow: hidden;
}

.design-temp-import-card.blocked {
  border-color: rgba(198, 67, 67, 0.34);
}

.design-temp-import-card.review {
  border-color: rgba(196, 138, 43, 0.38);
}

.design-temp-import-card.approved-import {
  border-color: rgba(18, 154, 128, 0.3);
}

.design-temp-import-metrics,
.design-temp-import-grid {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.design-temp-import-metrics {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

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

.design-temp-import-check {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafb;
  padding: 11px;
  min-width: 0;
}

.design-temp-import-check.pass {
  border-color: rgba(44, 150, 105, 0.34);
  background: rgba(44, 150, 105, 0.07);
}

.design-temp-import-check.warn {
  border-color: rgba(196, 138, 43, 0.38);
  background: rgba(196, 138, 43, 0.07);
}

.design-temp-import-check.fix {
  border-color: rgba(198, 67, 67, 0.34);
  background: rgba(198, 67, 67, 0.06);
}

.design-temp-import-check span {
  width: 30px;
  height: 30px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: #172126;
  color: #fff;
  font-size: 0.72rem;
  font-weight: 900;
}

.design-temp-import-check strong,
.design-temp-import-check p,
.design-temp-import-card h3,
.design-temp-import-card p {
  overflow-wrap: anywhere;
}

.design-temp-import-check p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.4;
}

.design-temp-import-qa.compact .design-temp-import-card {
  padding: 14px;
}

.design-temp-import-qa.compact .design-temp-import-grid {
  grid-template-columns: 1fr;
}

.design-temp-import-qa.compact .design-temp-import-check p {
  display: none;
}

.design-temp-finder-panel {
  border: 1px solid rgba(15, 91, 141, 0.14);
  border-radius: 8px;
  background: #f8fafb;
  padding: 14px;
  margin: 14px 0;
  min-width: 0;
  overflow: hidden;
}

.design-temp-finder-card {
  display: grid;
  gap: 12px;
  min-width: 0;
}

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

.design-temp-finder-card table {
  min-width: 640px;
}

.design-temp-staging-panel {
  border: 1px solid rgba(23, 33, 38, 0.1);
  border-radius: 8px;
  padding: 12px;
  background: #f8fafb;
  margin: 12px 0;
  min-width: 0;
}

.design-temp-staging-panel summary {
  cursor: pointer;
  font-weight: 800;
  color: var(--ink);
}

.design-temp-staging-panel textarea {
  width: 100%;
  min-width: 0;
  resize: vertical;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.82rem;
  line-height: 1.45;
}

.design-temp-release-panel {
  display: grid;
  gap: 12px;
  margin: 12px 0;
  min-width: 0;
}

.design-temp-release-card {
  display: grid;
  gap: 10px;
  border: 1px solid rgba(18, 154, 128, 0.22);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbfa 100%);
  padding: 14px;
  min-width: 0;
  overflow: hidden;
}

.design-temp-release-audit {
  margin: 16px 0;
  min-width: 0;
}

.design-temp-release-audit-card {
  display: grid;
  gap: 12px;
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #ffffff;
  padding: 16px;
  min-width: 0;
  overflow: hidden;
}

.design-temp-release-audit-card.locked {
  border-color: rgba(198, 67, 67, 0.34);
}

.design-temp-release-audit-card.review {
  border-color: rgba(196, 138, 43, 0.38);
}

.design-temp-release-audit-card.ready {
  border-color: rgba(18, 154, 128, 0.3);
}

.design-temp-release-audit-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.design-temp-staging-card {
  display: grid;
  gap: 10px;
  border: 1px solid rgba(23, 33, 38, 0.1);
  border-radius: 8px;
  background: #ffffff;
  padding: 12px;
  min-width: 0;
  overflow-x: auto;
}

.design-temp-staging-card.empty {
  border-color: rgba(198, 67, 67, 0.22);
}

.design-temp-staging-card.review,
.design-temp-staging-card.blocked {
  border-color: rgba(196, 138, 43, 0.3);
}

.design-temp-staging-card.approved-import {
  border-color: rgba(18, 154, 128, 0.3);
}

.design-temp-staging-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

@media (max-width: 920px) {
  .national-design-temp-metrics,
  .national-design-temp-grid,
  .design-temp-import-metrics,
  .design-temp-import-grid,
  .design-temp-finder-metrics,
  .design-temp-release-audit-metrics,
  .design-temp-staging-metrics {
    grid-template-columns: 1fr;
  }
}

.design-basis-source-authority-card {
  border: 1px solid rgba(15, 91, 141, 0.18);
  border-radius: 8px;
  background: var(--surface);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
  overflow: hidden;
}

.design-basis-source-authority-card.locked {
  border-color: rgba(220, 38, 38, 0.24);
}

.design-basis-source-authority-card.review {
  border-color: rgba(217, 119, 6, 0.28);
}

.design-basis-source-authority-card.ready {
  border-color: rgba(18, 154, 128, 0.32);
}

.design-basis-source-authority-lock.compact .design-basis-source-authority-card {
  padding: 14px;
}

.design-basis-source-authority-metrics,
.design-basis-source-authority-rollup {
  display: grid;
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.design-basis-source-authority-metrics {
  grid-template-columns: repeat(6, minmax(110px, 1fr));
}

.design-basis-source-authority-rollup {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.design-basis-source-authority-rollup article {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 11px;
  min-width: 0;
}

.design-basis-source-authority-rollup article.pass {
  border-color: rgba(44, 150, 105, 0.38);
  background: rgba(44, 150, 105, 0.07);
}

.design-basis-source-authority-rollup article.warn {
  border-color: rgba(196, 138, 43, 0.42);
  background: rgba(196, 138, 43, 0.07);
}

.design-basis-source-authority-rollup article.fix {
  border-color: rgba(198, 67, 67, 0.34);
  background: rgba(198, 67, 67, 0.06);
}

.design-basis-source-authority-card h3,
.design-basis-source-authority-card p,
.design-basis-source-authority-rollup strong,
.design-basis-source-authority-rollup p,
.design-basis-source-authority-rollup small,
.design-basis-source-authority-table td {
  overflow-wrap: anywhere;
}

.design-basis-source-authority-rollup p,
.design-basis-source-authority-rollup small {
  color: var(--muted);
  line-height: 1.35;
  margin: 4px 0 0;
}

.design-basis-source-authority-lock.compact .design-basis-source-authority-rollup {
  grid-template-columns: 1fr;
}

.design-basis-source-authority-lock.compact .design-basis-source-authority-rollup small {
  display: none;
}

.roadmap-controls {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(180px, 240px) minmax(180px, 240px) auto;
  gap: 12px;
  align-items: end;
  margin-bottom: 16px;
}

.integration-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(120px, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.integration-actions {
  margin-bottom: 10px;
}

.cloud-self-test-panel {
  margin: 12px 0 16px;
}

.cloud-self-test-panel p {
  color: var(--muted);
}

.manualj-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(120px, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.manualj-validation-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(120px, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.validation-campaign-center {
  margin-bottom: 16px;
}

.validation-campaign-card {
  display: grid;
  gap: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
}

.validation-campaign-meters {
  display: grid;
  grid-template-columns: repeat(4, minmax(130px, 1fr));
  gap: 12px;
}

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

.validation-execution-card {
  display: grid;
  gap: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
  margin-bottom: 16px;
}

.validation-execution-meters {
  display: grid;
  grid-template-columns: repeat(5, minmax(120px, 1fr));
  gap: 12px;
}

.validation-execution-table td {
  vertical-align: top;
}

.validation-learning-card {
  border: 1px solid rgba(10, 90, 136, 0.26);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(10, 90, 136, 0.06), #fff);
  box-shadow: var(--shadow-soft);
  padding: 16px;
  margin-bottom: 14px;
  display: grid;
  gap: 14px;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.validation-learning-card.learning-blocked {
  border-color: rgba(198, 67, 67, 0.34);
}

.validation-learning-card.learning-review {
  border-color: rgba(196, 138, 43, 0.42);
}

.validation-learning-card.learning-complete {
  border-color: rgba(44, 150, 105, 0.42);
}

.validation-learning-metrics {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  min-width: 0;
}

.validation-learning-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(290px, 0.9fr) minmax(0, 1.1fr);
  align-items: start;
  min-width: 0;
}

.validation-learning-grid section,
.validation-learning-command-list {
  min-width: 0;
}

.validation-learning-command-list {
  display: grid;
  gap: 8px;
}

.validation-learning-card h3,
.validation-learning-card h4,
.validation-learning-card p,
.validation-learning-card strong,
.validation-learning-card td,
.validation-learning-card th {
  overflow-wrap: anywhere;
}

.manualj-validation-gap-card {
  display: grid;
  gap: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 18px;
  background: linear-gradient(180deg, rgba(47, 139, 212, 0.07), rgba(255, 255, 255, 0.98));
  margin: 16px 0;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  color: #172126;
}

.manualj-validation-gap-card.beta-blocked,
.manualj-validation-gap-card.standalone-blocked {
  border-color: rgba(198, 67, 67, 0.38);
}

.manualj-validation-gap-card.review {
  border-color: rgba(196, 138, 43, 0.42);
}

.manualj-validation-gap-card.clear {
  border-color: rgba(44, 150, 105, 0.42);
}

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

.validation-gap-grid {
  display: grid;
  grid-template-columns: minmax(260px, 0.85fr) minmax(320px, 1.15fr);
  gap: 14px;
  min-width: 0;
  align-items: start;
}

.validation-gap-grid section,
.validation-gap-table-wrap {
  min-width: 0;
}

.validation-gap-group {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  color: var(--ink);
  text-align: left;
  padding: 10px;
  margin-bottom: 8px;
  cursor: pointer;
  min-width: 0;
}

.validation-gap-group > span {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  background: #172126;
  color: #fff;
  font-size: 0.72rem;
  font-weight: 800;
}

.validation-gap-group.fix {
  border-color: rgba(198, 67, 67, 0.38);
  background: rgba(198, 67, 67, 0.07);
}

.validation-gap-group.warn {
  border-color: rgba(196, 138, 43, 0.42);
  background: rgba(196, 138, 43, 0.08);
}

.validation-gap-group div,
.validation-gap-group strong,
.validation-gap-group p,
.validation-gap-group small,
.manualj-validation-gap-card h3,
.manualj-validation-gap-card p {
  min-width: 0;
  overflow-wrap: anywhere;
}

.validation-gap-group p {
  margin: 5px 0;
  color: #33444d;
}

.validation-gap-group small {
  color: var(--muted);
}

.validation-evidence-card {
  display: grid;
  gap: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
  margin-bottom: 16px;
}

.validation-evidence-meters,
.validation-evidence-form {
  display: grid;
  grid-template-columns: repeat(5, minmax(120px, 1fr));
  gap: 12px;
  align-items: end;
}

.validation-evidence-form {
  grid-template-columns: minmax(180px, 1fr) minmax(220px, 1.2fr) minmax(180px, 1fr) minmax(180px, 1fr) auto;
}

.reference-job-wizard {
  margin-bottom: 16px;
}

.reference-job-card {
  display: grid;
  gap: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
}

.reference-job-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(130px, 1fr));
  gap: 12px;
}

.reference-evidence-pack {
  margin-bottom: 16px;
}

.reference-evidence-card {
  display: grid;
  gap: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #f8fbfa;
}

.reference-evidence-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(120px, 1fr));
  gap: 12px;
}

.reference-software-run-pack {
  margin-bottom: 16px;
}

.reference-crosscheck-workbench {
  margin-bottom: 16px;
}

.reference-comparison-intake-gate {
  margin-bottom: 16px;
}

.reference-comparison-intake-card {
  display: grid;
  gap: 14px;
  border: 1px solid #cfe4e2;
  border-radius: 8px;
  padding: 16px;
  background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}

.reference-comparison-intake-card.validation-credit-ready,
.reference-comparison-intake-card.validation-save-ready {
  border-color: #8fd6c9;
}

.reference-comparison-intake-card.setup-required {
  border-color: #f2c7c7;
}

.reference-comparison-intake-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(110px, 1fr));
  gap: 12px;
}

.reference-comparison-intake-grid {
  display: grid;
  grid-template-columns: minmax(220px, 0.8fr) minmax(320px, 1.4fr) minmax(220px, 0.8fr);
  gap: 14px;
}

.reference-comparison-intake-list {
  display: grid;
  gap: 10px;
}

.reference-comparison-intake-step {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  width: 100%;
  text-align: left;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 12px;
  color: var(--ink);
}

.reference-comparison-intake-step > span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: #ecfdf5;
  color: #047857;
  font-size: 0.78rem;
  font-weight: 800;
}

.reference-comparison-intake-step.fix > span {
  background: #fef2f2;
  color: #b91c1c;
}

.reference-comparison-intake-step.warn > span {
  background: #fffbeb;
  color: #b45309;
}

.reference-comparison-intake-step strong,
.reference-comparison-intake-step p,
.reference-comparison-intake-step small {
  overflow-wrap: anywhere;
}

.reference-comparison-intake-step small {
  display: block;
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.35;
}

.reference-comparison-intake-step p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 0.85rem;
  line-height: 1.45;
}

.reference-comparison-intake-gate.compact .reference-comparison-intake-card {
  padding: 14px;
}

.reference-comparison-intake-gate.compact .reference-comparison-intake-grid {
  grid-template-columns: 1fr;
}

.reference-comparison-intake-gate.compact .reference-comparison-intake-step p {
  display: none;
}

.reference-crosscheck-card {
  display: grid;
  gap: 14px;
  border: 1px solid #cfe4e2;
  border-radius: 8px;
  padding: 16px;
  background: linear-gradient(180deg, #f7fcfb 0%, #ffffff 100%);
}

.reference-crosscheck-card.cross-check-ready {
  border-color: #8fd6c9;
}

.reference-crosscheck-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(110px, 1fr));
  gap: 12px;
}

.reference-crosscheck-lanes {
  display: grid;
  grid-template-columns: repeat(3, minmax(180px, 1fr));
  gap: 12px;
}

.reference-crosscheck-lanes article {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: #fff;
}

.reference-crosscheck-lanes span,
.reference-crosscheck-stage small {
  display: block;
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.35;
}

.reference-crosscheck-lanes strong {
  display: block;
  margin-top: 4px;
  color: var(--ink);
}

.reference-crosscheck-lanes p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.45;
}

.reference-crosscheck-stage-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(240px, 1fr));
  gap: 10px;
}

.reference-crosscheck-stage {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  width: 100%;
  text-align: left;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 12px;
  color: var(--ink);
}

.reference-crosscheck-stage > span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: #ecfdf5;
  color: #047857;
  font-size: 0.78rem;
  font-weight: 800;
}

.reference-crosscheck-stage.fix > span {
  background: #fef2f2;
  color: #b91c1c;
}

.reference-crosscheck-stage.warn > span {
  background: #fffbeb;
  color: #b45309;
}

.reference-crosscheck-stage strong,
.reference-crosscheck-stage p,
.reference-crosscheck-stage small {
  overflow-wrap: anywhere;
}

.reference-crosscheck-stage p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 0.85rem;
  line-height: 1.45;
}

.reference-crosscheck-workbench.compact .reference-crosscheck-card {
  padding: 14px;
}

.reference-crosscheck-workbench.compact .reference-crosscheck-lanes,
.reference-crosscheck-workbench.compact .reference-crosscheck-stage-grid {
  grid-template-columns: 1fr;
}

.reference-crosscheck-workbench.compact .reference-crosscheck-stage p {
  display: none;
}

.reference-comparison-campaign-workbench-card {
  border: 1px solid rgba(22, 128, 143, 0.16);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.reference-comparison-campaign-workbench-card.locked,
.reference-comparison-campaign-workbench-card.reference-campaign-open {
  border-color: rgba(197, 84, 54, 0.34);
}

.reference-comparison-campaign-workbench-card.review,
.reference-comparison-campaign-workbench-card.reference-campaign-building,
.reference-comparison-campaign-workbench-card.first-three-reference-ready {
  border-color: rgba(194, 136, 35, 0.34);
  background: linear-gradient(180deg, rgba(244, 179, 64, 0.08), #fff 58%);
}

.reference-comparison-campaign-workbench-card.ready,
.reference-comparison-campaign-workbench-card.beta-reference-campaign-ready,
.reference-comparison-campaign-workbench-card.standalone-reference-campaign-ready {
  border-color: rgba(22, 128, 143, 0.32);
  background: linear-gradient(180deg, rgba(20, 184, 166, 0.08), #fff 58%);
}

.reference-comparison-campaign-workbench.compact .reference-comparison-campaign-workbench-card {
  box-shadow: none;
  margin: 10px 0;
}

.reference-comparison-campaign-workbench-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.reference-comparison-campaign-workbench.compact .reference-comparison-campaign-workbench-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.reference-comparison-campaign-workbench-card p,
.reference-comparison-campaign-workbench-card strong,
.reference-comparison-campaign-workbench-card small,
.reference-comparison-campaign-workbench-card button,
.reference-comparison-campaign-workbench-card td,
.reference-comparison-campaign-workbench-card th {
  overflow-wrap: anywhere;
}

.manualj-variance-tuning-decision-board-card {
  border: 1px solid rgba(22, 128, 143, 0.16);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.manualj-variance-tuning-decision-board-card.locked,
.manualj-variance-tuning-decision-board-card.decision-board-open,
.manualj-variance-tuning-decision-board-card.decision-board-blocked {
  border-color: rgba(197, 84, 54, 0.34);
}

.manualj-variance-tuning-decision-board-card.review,
.manualj-variance-tuning-decision-board-card.decision-review {
  border-color: rgba(194, 136, 35, 0.34);
  background: linear-gradient(180deg, rgba(244, 179, 64, 0.08), #fff 58%);
}

.manualj-variance-tuning-decision-board-card.ready,
.manualj-variance-tuning-decision-board-card.beta-decision-ready {
  border-color: rgba(22, 128, 143, 0.32);
  background: linear-gradient(180deg, rgba(20, 184, 166, 0.08), #fff 58%);
}

.manualj-variance-tuning-decision-board.compact .manualj-variance-tuning-decision-board-card {
  box-shadow: none;
  margin: 10px 0;
}

.manualj-variance-tuning-decision-board-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.manualj-variance-tuning-decision-board.compact .manualj-variance-tuning-decision-board-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.manualj-variance-tuning-decision-board-checks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.manualj-variance-tuning-decision-board-card p,
.manualj-variance-tuning-decision-board-card strong,
.manualj-variance-tuning-decision-board-card small,
.manualj-variance-tuning-decision-board-card button,
.manualj-variance-tuning-decision-board-card td,
.manualj-variance-tuning-decision-board-card th {
  overflow-wrap: anywhere;
}

.current-plan-proof-slot-bridge-card {
  border: 1px solid rgba(22, 128, 143, 0.16);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.current-plan-proof-slot-bridge-card.locked,
.current-plan-proof-slot-bridge-card.validation-blocked {
  border-color: rgba(197, 84, 54, 0.34);
  background: linear-gradient(180deg, rgba(251, 113, 133, 0.08), #fff 60%);
}

.current-plan-proof-slot-bridge-card.review,
.current-plan-proof-slot-bridge-card.validation-review {
  border-color: rgba(194, 136, 35, 0.36);
  background: linear-gradient(180deg, rgba(244, 179, 64, 0.08), #fff 60%);
}

.current-plan-proof-slot-bridge-card.ready,
.current-plan-proof-slot-bridge-card.validation-credit-ready {
  border-color: rgba(22, 128, 143, 0.34);
  background: linear-gradient(180deg, rgba(20, 184, 166, 0.08), #fff 60%);
}

.current-plan-proof-slot-bridge.compact .current-plan-proof-slot-bridge-card {
  box-shadow: none;
  margin: 10px 0;
}

.current-plan-proof-slot-bridge-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.current-plan-proof-slot-bridge.compact .current-plan-proof-slot-bridge-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.current-plan-proof-slot-bridge-lanes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.current-plan-proof-slot-bridge.compact .current-plan-proof-slot-bridge-lanes {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.current-plan-proof-slot-bridge-lane {
  display: grid;
  align-content: start;
  gap: 6px;
  border: 1px solid rgba(120, 141, 156, 0.22);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.76);
  padding: 10px;
  min-width: 0;
}

.current-plan-proof-slot-bridge-lane.pass {
  border-color: rgba(22, 128, 143, 0.32);
}

.current-plan-proof-slot-bridge-lane.warn {
  border-color: rgba(194, 136, 35, 0.38);
}

.current-plan-proof-slot-bridge-lane.fix {
  border-color: rgba(197, 84, 54, 0.34);
}

.current-plan-proof-slot-bridge-card p,
.current-plan-proof-slot-bridge-card strong,
.current-plan-proof-slot-bridge-card small,
.current-plan-proof-slot-bridge-card button,
.current-plan-proof-slot-bridge-card td,
.current-plan-proof-slot-bridge-card th {
  overflow-wrap: anywhere;
}

.current-plan-proof-slot-bridge-table {
  min-width: 720px;
}

.current-plan-final-review-gate-card {
  border: 1px solid rgba(22, 128, 143, 0.16);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.current-plan-final-review-gate-card.locked,
.current-plan-final-review-gate-card.final-review-locked {
  border-color: rgba(197, 84, 54, 0.34);
  background: linear-gradient(180deg, rgba(251, 113, 133, 0.08), #fff 60%);
}

.current-plan-final-review-gate-card.review,
.current-plan-final-review-gate-card.proof-ready-final-locked,
.current-plan-final-review-gate-card.manager-submission-ready,
.current-plan-final-review-gate-card.final-review-with-warnings {
  border-color: rgba(194, 136, 35, 0.36);
  background: linear-gradient(180deg, rgba(244, 179, 64, 0.08), #fff 60%);
}

.current-plan-final-review-gate-card.ready,
.current-plan-final-review-gate-card.reviewed-export-ready {
  border-color: rgba(22, 128, 143, 0.34);
  background: linear-gradient(180deg, rgba(20, 184, 166, 0.08), #fff 60%);
}

.current-plan-final-review-gate.compact .current-plan-final-review-gate-card {
  box-shadow: none;
  margin: 10px 0;
}

.current-plan-final-review-gate-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.current-plan-final-review-gate.compact .current-plan-final-review-gate-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.current-plan-final-review-gate-lanes {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.current-plan-final-review-gate.compact .current-plan-final-review-gate-lanes {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.current-plan-final-review-gate-card .qa-check-item {
  align-content: start;
  min-width: 0;
}

.current-plan-final-review-gate-card p,
.current-plan-final-review-gate-card strong,
.current-plan-final-review-gate-card small,
.current-plan-final-review-gate-card button,
.current-plan-final-review-gate-card td,
.current-plan-final-review-gate-card th {
  overflow-wrap: anywhere;
}

.current-plan-final-review-gate-table {
  min-width: 860px;
}

.current-design-basis-readiness-card {
  border: 1px solid rgba(22, 128, 143, 0.16);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.current-design-basis-readiness-card.locked,
.current-design-basis-readiness-card.design-basis-locked {
  border-color: rgba(197, 84, 54, 0.34);
  background: linear-gradient(180deg, rgba(251, 113, 133, 0.08), #fff 60%);
}

.current-design-basis-readiness-card.review,
.current-design-basis-readiness-card.design-basis-review,
.current-design-basis-readiness-card.manual-j-input-review {
  border-color: rgba(194, 136, 35, 0.36);
  background: linear-gradient(180deg, rgba(244, 179, 64, 0.08), #fff 60%);
}

.current-design-basis-readiness-card.ready,
.current-design-basis-readiness-card.manual-j-input-ready,
.current-design-basis-readiness-card.design-basis-ready {
  border-color: rgba(22, 128, 143, 0.34);
  background: linear-gradient(180deg, rgba(20, 184, 166, 0.08), #fff 60%);
}

.current-design-basis-readiness-gate.compact .current-design-basis-readiness-card {
  box-shadow: none;
  margin: 10px 0;
}

.current-design-basis-readiness-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.current-design-basis-readiness-gate.compact .current-design-basis-readiness-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.current-design-basis-readiness-lanes {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.current-design-basis-readiness-gate.compact .current-design-basis-readiness-lanes {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.current-design-basis-readiness-card .qa-check-item {
  align-content: start;
  min-width: 0;
}

.current-design-basis-readiness-card p,
.current-design-basis-readiness-card strong,
.current-design-basis-readiness-card small,
.current-design-basis-readiness-card button,
.current-design-basis-readiness-card td,
.current-design-basis-readiness-card th {
  overflow-wrap: anywhere;
}

.current-design-basis-readiness-table {
  min-width: 940px;
}

.manualj-current-run-review-card {
  border: 1px solid rgba(23, 105, 170, 0.18);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.manualj-current-run-review-card.locked,
.manualj-current-run-review-card.manual-j-review-locked {
  border-color: rgba(197, 84, 54, 0.34);
  background: linear-gradient(180deg, rgba(251, 113, 133, 0.08), #fff 60%);
}

.manualj-current-run-review-card.review,
.manualj-current-run-review-card.manual-j-review-ready,
.manualj-current-run-review-card.manual-j-review-with-warnings {
  border-color: rgba(194, 136, 35, 0.36);
  background: linear-gradient(180deg, rgba(244, 179, 64, 0.08), #fff 60%);
}

.manualj-current-run-review-card.ready,
.manualj-current-run-review-card.manual-j-reviewed-evidence-ready {
  border-color: rgba(22, 128, 143, 0.34);
  background: linear-gradient(180deg, rgba(20, 184, 166, 0.08), #fff 60%);
}

.manualj-current-run-review-gate.compact .manualj-current-run-review-card {
  box-shadow: none;
  margin: 10px 0;
}

.manualj-current-run-review-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.manualj-current-run-review-gate.compact .manualj-current-run-review-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.manualj-current-run-review-lanes {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.manualj-current-run-review-gate.compact .manualj-current-run-review-lanes {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.manualj-current-run-review-card .qa-check-item {
  align-content: start;
  min-width: 0;
}

.manualj-current-run-review-card p,
.manualj-current-run-review-card strong,
.manualj-current-run-review-card small,
.manualj-current-run-review-card button,
.manualj-current-run-review-card td,
.manualj-current-run-review-card th {
  overflow-wrap: anywhere;
}

.manualj-current-run-review-table {
  min-width: 980px;
}

.test-design-launch-gate-card {
  border: 1px solid rgba(22, 128, 143, 0.18);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.test-design-launch-gate-card.locked,
.test-design-launch-gate-card.test-design-setup-required {
  border-color: rgba(197, 84, 54, 0.34);
  background: linear-gradient(180deg, rgba(251, 113, 133, 0.08), #fff 60%);
}

.test-design-launch-gate-card.review,
.test-design-launch-gate-card.test-design-in-progress,
.test-design-launch-gate-card.test-design-ready-with-review {
  border-color: rgba(194, 136, 35, 0.36);
  background: linear-gradient(180deg, rgba(244, 179, 64, 0.08), #fff 60%);
}

.test-design-launch-gate-card.ready,
.test-design-launch-gate-card.test-design-manager-review-ready,
.test-design-launch-gate-card.test-design-beta-package-ready {
  border-color: rgba(22, 128, 143, 0.34);
  background: linear-gradient(180deg, rgba(20, 184, 166, 0.08), #fff 60%);
}

.test-design-launch-gate.compact .test-design-launch-gate-card {
  box-shadow: none;
  margin: 10px 0;
}

.test-design-launch-gate-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.test-design-launch-gate.compact .test-design-launch-gate-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.test-design-launch-gate-lanes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.test-design-launch-gate.compact .test-design-launch-gate-lanes {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.test-design-launch-gate-card .qa-check-item {
  align-content: start;
  min-width: 0;
}

.test-design-launch-gate-card p,
.test-design-launch-gate-card strong,
.test-design-launch-gate-card small,
.test-design-launch-gate-card button,
.test-design-launch-gate-card td,
.test-design-launch-gate-card th {
  overflow-wrap: anywhere;
}

.test-design-launch-gate-table {
  min-width: 980px;
}

.reference-run-pack-card {
  display: grid;
  gap: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
}

.reference-run-pack-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(120px, 1fr));
  gap: 12px;
}

.reference-run-pack-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(240px, 1fr));
  gap: 14px;
}

.real-job-validation-intake {
  margin-top: 16px;
}

.real-job-intake-card {
  background: #f8fafc;
  border: 1px solid #dbe5ef;
  border-radius: 8px;
  padding: 16px;
}

.real-job-intake-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
  gap: 16px;
  margin-top: 14px;
}

.real-job-intake-grid h4 {
  margin: 0 0 8px;
}

.real-job-wizard-panel {
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid var(--line);
  border-radius: 8px;
  display: grid;
  gap: 14px;
  margin: 14px 0;
  min-width: 0;
  padding: 14px;
}

.real-job-wizard-panel.intake-blocked {
  border-color: rgba(198, 67, 67, 0.34);
}

.real-job-wizard-panel.intake-review {
  border-color: rgba(196, 138, 43, 0.42);
}

.real-job-wizard-panel.intake-ready {
  border-color: rgba(44, 150, 105, 0.42);
}

.real-job-wizard-head {
  align-items: start;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) auto;
  min-width: 0;
}

.real-job-wizard-head h4,
.real-job-wizard-head p {
  margin: 0;
}

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

.real-job-wizard-step {
  align-items: start;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: #172126;
  display: grid;
  gap: 5px;
  grid-template-columns: 28px minmax(0, 1fr);
  min-height: 96px;
  min-width: 0;
  padding: 10px;
  text-align: left;
}

.real-job-wizard-step span {
  align-items: center;
  background: rgba(23, 33, 38, 0.08);
  border-radius: 999px;
  display: inline-flex;
  font-size: 0.78rem;
  font-weight: 800;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.real-job-wizard-step small {
  color: var(--muted);
  grid-column: 2;
}

.real-job-wizard-step.pass {
  border-color: rgba(44, 150, 105, 0.42);
}

.real-job-wizard-step.warn {
  border-color: rgba(196, 138, 43, 0.42);
}

.real-job-wizard-step.fix {
  border-color: rgba(198, 67, 67, 0.34);
}

.real-job-wizard-panel h4,
.real-job-wizard-panel p,
.real-job-wizard-panel strong,
.real-job-wizard-panel small,
.real-job-wizard-panel button {
  overflow-wrap: anywhere;
}

@media (max-width: 760px) {
  .real-job-wizard-head,
  .real-job-intake-grid {
    grid-template-columns: 1fr;
  }

  .real-job-wizard-head .tool-buttons {
    justify-content: stretch;
  }

  .real-job-wizard-head .tool-buttons button {
    width: 100%;
  }

  .real-job-wizard-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 460px) {
  .real-job-wizard-steps {
    grid-template-columns: 1fr;
  }
}

.validation-job-editor-head {
  align-items: start;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) auto;
  margin: 16px 0 10px;
}

.validation-job-editor-head h4 {
  margin: 0 0 4px;
}

.validation-job-editor-head .tool-buttons {
  justify-content: end;
}

.manualj-validation-approval-gate {
  margin-top: 16px;
}

.validation-approval-card {
  background: #fffaf4;
  border: 1px solid #eed8b7;
  border-radius: 8px;
  padding: 16px;
}

.validation-approval-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1.3fr) minmax(260px, 0.7fr);
  margin-top: 14px;
}

.validation-approval-grid h4 {
  margin: 0 0 8px;
}

.review-table .mini-field {
  min-width: 150px;
}

.review-table .mini-field input,
.review-table .mini-field select,
.review-table .mini-field textarea {
  width: 100%;
}

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

.validation-run-card {
  margin-bottom: 16px;
}

.validation-run-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(120px, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}

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

.validation-run-step {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  min-height: 82px;
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: #fff;
  color: var(--ink);
  text-align: left;
  cursor: pointer;
}

.validation-run-step:hover {
  border-color: var(--teal);
  box-shadow: 0 8px 22px rgba(13, 28, 37, 0.08);
}

.validation-run-step.pass {
  background: #f3fbf8;
}

.validation-run-step.warn {
  background: #fff9ef;
}

.validation-run-step.fix {
  background: #fff6f4;
}

.validation-run-step .step-number {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: var(--ink);
  color: #fff;
  font-weight: 800;
  font-size: 0.78rem;
}

.validation-run-step strong,
.validation-run-step small {
  display: block;
}

.validation-run-step small {
  margin-top: 4px;
  color: var(--muted);
  line-height: 1.35;
}

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

.manualj-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 16px;
  background: #fff;
}

.manualj-card h3 {
  margin-bottom: 10px;
}

.manualj-card p {
  color: var(--muted);
}

.equipment-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(130px, 1fr));
  gap: 12px;
  margin: 12px 0 16px;
}

.duct-load-evidence-gate {
  margin: 16px 0;
}

.duct-load-evidence-card {
  border-color: rgba(18, 154, 128, 0.24);
}

.duct-load-hero {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  border: 1px solid rgba(15, 91, 141, 0.16);
  border-radius: 8px;
  background: #f6fbfa;
  padding: 14px;
  margin: 12px 0;
  min-width: 0;
}

.duct-load-hero strong {
  display: block;
  margin: 6px 0 4px;
  font-size: 1.05rem;
}

.duct-load-hero p {
  color: var(--muted);
}

.duct-load-totals {
  display: grid;
  gap: 8px;
  min-width: 170px;
}

.duct-load-totals span {
  display: block;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 9px 11px;
  font-weight: 800;
  color: var(--ink);
}

.duct-load-metrics {
  grid-template-columns: repeat(6, minmax(105px, 1fr));
}

.duct-load-table td {
  vertical-align: top;
}

.duct-zone-reconciliation {
  margin: 16px 0;
}

.duct-zone-reconciliation-card {
  border-color: rgba(47, 139, 212, 0.28);
}

.duct-zone-reconciliation-hero {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  border: 1px solid rgba(47, 139, 212, 0.18);
  border-radius: 8px;
  background: #f5f9fd;
  padding: 14px;
  margin: 12px 0;
  min-width: 0;
}

.duct-zone-reconciliation-hero strong {
  display: block;
  margin: 6px 0 4px;
  font-size: 1.05rem;
}

.duct-zone-reconciliation-hero p {
  color: var(--muted);
}

.duct-zone-reconciliation-totals {
  display: grid;
  gap: 8px;
  min-width: 150px;
}

.duct-zone-reconciliation-totals span {
  display: block;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 9px 11px;
  font-weight: 800;
  color: var(--ink);
}

.duct-zone-reconciliation-metrics {
  grid-template-columns: repeat(6, minmax(105px, 1fr));
}

.duct-zone-reconciliation-table td {
  vertical-align: top;
}

.duct-load-evidence-card,
.duct-load-hero,
.duct-load-totals,
.duct-load-table,
.duct-zone-reconciliation-card,
.duct-zone-reconciliation-hero,
.duct-zone-reconciliation-totals,
.duct-zone-reconciliation-table {
  overflow-wrap: anywhere;
}

.airflow-evidence-gate {
  margin: 14px 0;
}

.airflow-evidence-card {
  display: grid;
  gap: 12px;
  border: 1px solid rgba(15, 91, 141, 0.18);
  border-radius: 8px;
  background: #fff;
  padding: 14px;
  min-width: 0;
}

.airflow-evidence-hero {
  border: 1px solid rgba(18, 154, 128, 0.22);
  border-radius: 8px;
  background: #f6fbfa;
  padding: 12px;
  min-width: 0;
}

.airflow-evidence-hero strong {
  display: block;
  margin: 6px 0 4px;
  font-size: 1.02rem;
}

.airflow-evidence-hero p {
  color: var(--muted);
}

.airflow-evidence-metrics {
  grid-template-columns: repeat(6, minmax(105px, 1fr));
}

.airflow-evidence-table td {
  vertical-align: top;
}

.airflow-evidence-card,
.airflow-evidence-hero,
.airflow-evidence-table {
  overflow-wrap: anywhere;
}

.muted-small {
  display: inline-block;
  color: var(--muted);
  font-size: 12px;
  margin-top: 4px;
}

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

.integration-card {
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
}

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

.integration-card-head h3 {
  margin-bottom: 0;
}

.integration-readiness-panel {
  margin-top: 16px;
}

.domain-activation-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 4px;
}

.domain-blocker-list {
  display: grid;
  gap: 6px;
  margin: 8px 0 0;
  padding-left: 18px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.custom-domain-work-order-card {
  display: grid;
  gap: 12px;
  border: 1px solid rgba(220, 38, 38, 0.18);
  border-radius: 8px;
  padding: 14px;
  background: #fffafa;
  margin-top: 12px;
}

.custom-domain-work-order-card.domain-active {
  border-color: rgba(22, 163, 74, 0.28);
  background: #f7fdf9;
}

.custom-domain-work-order-card h4,
.custom-domain-work-order-card h5 {
  margin: 0;
}

.custom-domain-work-order-metrics,
.custom-domain-work-order-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.custom-domain-work-order-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.custom-domain-work-order-grid section {
  border: 1px solid rgba(12, 74, 110, 0.12);
  border-radius: 8px;
  padding: 12px;
  background: #fff;
}

.hosted-beta-smoke-card {
  display: grid;
  gap: 14px;
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #ffffff;
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
  color: #172126;
}

.hosted-beta-smoke-card.blocked {
  border-left: 4px solid #b42318;
}

.hosted-beta-smoke-card.private-beta-ready-with-warnings {
  border-left: 4px solid #b7791f;
}

.hosted-beta-smoke-card.private-beta-ready {
  border-left: 4px solid #188459;
}

.hosted-beta-smoke-metrics,
.hosted-beta-smoke-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 10px;
  min-width: 0;
}

.hosted-beta-smoke-card p,
.hosted-beta-smoke-card strong,
.hosted-beta-smoke-card small,
.hosted-beta-smoke-card button {
  min-width: 0;
  overflow-wrap: anywhere;
}

.live-access-proof {
  margin: 16px 0;
}

.live-access-card {
  display: grid;
  gap: 14px;
  border: 1px solid rgba(22, 128, 143, 0.28);
  border-radius: 8px;
  background: #f8fcfb;
  padding: 16px;
}

.live-access-card.compact {
  padding: 14px;
}

.live-access-card.compact .live-access-grid {
  grid-template-columns: 1fr;
}

.live-access-card.compact .live-access-path:nth-child(2) {
  display: none;
}

.live-access-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: start;
}

.live-access-head h3,
.live-access-path h4 {
  margin-bottom: 0;
}

.button-like {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  border-radius: 8px;
  padding: 0 16px;
  text-decoration: none;
  cursor: pointer;
  font-weight: 700;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.live-access-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

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

.live-access-path {
  display: grid;
  gap: 6px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 12px;
  min-width: 0;
}

.live-access-path a {
  color: var(--brand);
  font-weight: 800;
}

.live-access-checks {
  display: grid;
  gap: 8px;
}

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

.ops-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
}

.ops-card h3 {
  margin-bottom: 6px;
}

.ops-card p {
  color: var(--muted);
}

.activity-list {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.activity-item {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--soft);
}

.activity-item strong,
.activity-item p {
  display: block;
  margin: 0;
}

.activity-item p {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.feedback-triage-grid,
.beta-issue-summary,
.beta-issue-area-grid {
  display: grid;
  gap: 10px;
}

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

.beta-issue-summary,
.beta-issue-area-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 12px;
}

.beta-issue-triage {
  margin-top: 12px;
}

.roadmap-table-wrap {
  overflow-x: auto;
}

.roadmap-table {
  min-width: 980px;
}

.text-button {
  min-height: auto;
  padding: 0;
  color: var(--danger);
  background: transparent;
  border-radius: 0;
}

.two-column {
  display: grid;
  grid-template-columns: minmax(280px, 1.2fr) minmax(260px, 0.8fr);
  gap: 16px;
}

.rule-list,
.duct-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: var(--soft);
}

.rule-list label {
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: start;
  color: var(--ink);
  font-weight: 600;
  margin: 10px 0;
}

.rule-list input {
  min-height: auto;
  margin-top: 3px;
}

.duct-card p {
  color: var(--muted);
}

.site-map {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--soft);
  overflow: hidden;
  min-height: 390px;
  display: grid;
  grid-template-rows: auto 1fr;
}

.plan-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: 16px;
  max-width: 100%;
  min-width: 0;
}

.plan-tools {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(220px, 1.3fr) minmax(150px, 0.8fr) minmax(130px, 0.6fr) minmax(110px, 0.5fr) minmax(180px, 1fr) auto;
  gap: 12px;
  align-items: end;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--soft);
}

.pdf-page-strip {
  grid-column: 1 / -1;
  display: none;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 12px;
  align-items: stretch;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: #fff;
}

.pdf-page-strip > div:first-child {
  display: grid;
  align-content: center;
  gap: 4px;
}

.pdf-page-strip strong,
.pdf-page-strip span {
  display: block;
}

.pdf-page-strip span {
  color: var(--muted);
  font-size: 13px;
}

.pdf-thumbnails {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding-bottom: 3px;
}

.pdf-thumbnail {
  min-width: 126px;
  min-height: 118px;
  display: grid;
  place-items: center;
  gap: 7px;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 8px;
  color: var(--ink);
  background: var(--soft);
}

.pdf-thumbnail canvas {
  max-width: 112px;
  max-height: 82px;
  border: 1px solid var(--line);
  background: #fff;
  box-shadow: 0 5px 12px rgba(23, 33, 38, 0.1);
}

.pdf-thumbnail.active {
  border-color: var(--accent);
  background: #fff7f2;
  color: var(--brand-dark);
}

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

.tool-buttons button {
  min-width: 42px;
  padding: 0 12px;
}

.plan-stage-wrap {
  min-height: 620px;
  border: 1px solid var(--line);
  border-radius: 8px;
  overflow: auto;
  background: #dfe8eb;
  min-width: 0;
  max-width: 100%;
}

.plan-stage {
  position: relative;
  width: 1100px;
  height: 760px;
  margin: 18px;
  overflow: hidden;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 14px 32px rgba(23, 33, 38, 0.16);
  transform-origin: top left;
}

.empty-plan {
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  gap: 8px;
  text-align: center;
  color: var(--brand-dark);
  background:
    linear-gradient(90deg, rgba(13, 79, 133, 0.08) 1px, transparent 1px),
    linear-gradient(0deg, rgba(13, 79, 133, 0.08) 1px, transparent 1px);
  background-size: 32px 32px;
}

.empty-plan strong,
.empty-plan span {
  display: block;
}

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

.plan-content {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: grid;
  place-items: stretch;
  transform-origin: center;
}

.plan-content object,
.plan-content img,
.plan-render-canvas {
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: contain;
  background: #fff;
}

.plan-render-canvas {
  display: block;
}

.plan-render-loading {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  padding: 24px;
  color: var(--brand-dark);
  font-weight: 800;
  text-align: center;
  background: #fff;
}

.sample-plan {
  width: 100%;
  height: 100%;
  display: block;
}

.plan-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  cursor: crosshair;
  touch-action: none;
}

.trace-line {
  stroke: var(--accent);
  stroke-width: 3;
  fill: none;
}

.trace-polygon {
  fill: rgba(25, 174, 178, 0.18);
  stroke: var(--brand-dark);
  stroke-width: 3;
}

.trace-point {
  fill: #fff;
  stroke: var(--accent);
  stroke-width: 3;
  cursor: grab;
  pointer-events: auto;
}

.trace-point:active {
  cursor: grabbing;
}

.saved-shape {
  pointer-events: auto;
  cursor: pointer;
}

.assignment-line {
  stroke: rgba(47, 139, 212, 0.56);
  stroke-width: 2;
  stroke-dasharray: 8 8;
  pointer-events: none;
}

.saved-room {
  fill: rgba(25, 174, 178, 0.16);
  stroke: var(--brand-dark);
  stroke-width: 3;
}

.saved-exterior-shell {
  fill: rgba(242, 106, 33, 0.08);
  stroke: #f26a21;
  stroke-width: 5;
  stroke-dasharray: 18 9;
}

.saved-attic-zone,
.saved-crawlspace-zone,
.saved-garage-zone,
.saved-duct-zone,
.saved-mechanical-zone {
  stroke-width: 4;
  stroke-dasharray: 14 8;
}

.saved-attic-zone {
  fill: rgba(184, 135, 21, 0.15);
  stroke: #b88715;
}

.saved-crawlspace-zone {
  fill: rgba(95, 111, 118, 0.14);
  stroke: #5f6f76;
}

.saved-garage-zone {
  fill: rgba(242, 106, 33, 0.12);
  stroke: #f26a21;
}

.saved-duct-zone {
  fill: rgba(47, 139, 212, 0.12);
  stroke: #2f8bd4;
}

.saved-mechanical-zone {
  fill: rgba(25, 174, 178, 0.12);
  stroke: #19aeb2;
}

.saved-wall {
  stroke: #172126;
  stroke-width: 5;
}

.saved-window {
  stroke: #2f8bd4;
  stroke-width: 6;
}

.saved-door {
  stroke: #f26a21;
  stroke-width: 6;
  stroke-dasharray: 12 7;
}

.plan-redline-overlay {
  pointer-events: none;
}

.plan-redline-cell.changed {
  fill: rgba(242, 180, 76, 0.24);
  stroke: rgba(242, 106, 33, 0.7);
  stroke-width: 2;
}

.plan-redline-cell.high {
  fill: rgba(211, 78, 63, 0.32);
  stroke: rgba(179, 58, 48, 0.86);
  stroke-width: 3;
}

.plan-redline-label {
  fill: #b33a30;
  stroke: #fff;
  stroke-width: 4;
  paint-order: stroke;
  font-size: 21px;
  font-weight: 900;
}

.selected-shape {
  stroke: #f26a21;
  stroke-width: 7;
}

.suggested-shape {
  fill: rgba(184, 135, 21, 0.14);
  stroke: #b88715;
  stroke-dasharray: 12 8;
}

.rejected-shape {
  fill: rgba(211, 78, 63, 0.08);
  stroke: #b33a30;
  stroke-dasharray: 4 10;
  opacity: 0.72;
}

.shape-edit-point {
  fill: #fff;
  stroke: #f26a21;
  stroke-width: 4;
  cursor: grab;
  pointer-events: auto;
}

.shape-edit-point:active {
  cursor: grabbing;
}

.shape-label-text {
  fill: #172126;
  paint-order: stroke;
  stroke: #fff;
  stroke-width: 4;
  font-size: 16px;
  font-weight: 800;
}

.detect-area-rect {
  fill: rgba(242, 106, 33, 0.08);
  stroke: #f26a21;
  stroke-width: 5;
  stroke-dasharray: 16 10;
  pointer-events: none;
}

.detect-area-rect.preview {
  fill: rgba(47, 139, 212, 0.08);
  stroke: #2f8bd4;
}

.detect-area-label {
  fill: #0d4f85;
  paint-order: stroke;
  stroke: #fff;
  stroke-width: 5;
  font-size: 17px;
  font-weight: 900;
  pointer-events: none;
}

.orientation-evidence {
  display: grid;
  gap: 4px;
  margin: 14px 0;
  padding: 12px;
  border: 1px solid rgba(47, 139, 212, 0.34);
  border-radius: 8px;
  background: #f6fbff;
}

.orientation-evidence span {
  color: var(--muted);
  font-size: 0.9rem;
  line-height: 1.35;
}

.orientation-solar-evidence-gate {
  margin: 14px 0;
}

.orientation-solar-card {
  display: grid;
  gap: 14px;
  padding: 14px;
  border: 1px solid rgba(47, 139, 212, 0.26);
  border-radius: 8px;
  background: #ffffff;
}

.orientation-solar-hero {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding: 14px;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(25, 174, 178, 0.12), rgba(242, 106, 33, 0.12));
}

.orientation-solar-hero strong {
  display: block;
  margin-top: 6px;
  color: var(--ink);
  font-size: 1rem;
}

.orientation-solar-hero p {
  margin: 6px 0 0;
}

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

.orientation-solar-table td {
  vertical-align: top;
}

.orientation-automation-panel {
  border: 1px solid var(--line);
  border-radius: 8px;
  margin: 12px 0;
  padding: 12px;
  background: #f8fbfc;
}

.orientation-automation-hero {
  display: grid;
  gap: 4px;
  margin-bottom: 10px;
}

.orientation-automation-hero strong {
  font-size: 1rem;
}

.orientation-automation-hero p {
  margin: 0;
  color: var(--muted);
}

.orientation-automation-metrics {
  margin-bottom: 10px;
}

.orientation-automation-table td {
  vertical-align: top;
}

.window-solar-review-panel {
  margin-top: 18px;
}

.window-solar-review-card {
  display: grid;
  gap: 14px;
}

.window-solar-review-hero {
  padding: 14px;
  border: 1px solid rgba(25, 174, 178, 0.28);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(25, 174, 178, 0.11), rgba(47, 139, 212, 0.1));
}

.window-solar-review-hero strong {
  display: block;
  margin-top: 6px;
  color: var(--ink);
  font-size: 1rem;
}

.window-solar-review-hero p {
  margin: 6px 0 0;
}

.window-solar-review-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.window-solar-review-table td {
  vertical-align: top;
}

.window-solar-review-table span {
  color: var(--muted);
  font-size: 0.82rem;
}

.assembly-defaults-evidence-gate {
  margin-top: 18px;
}

.assembly-defaults-gate-card {
  display: grid;
  gap: 14px;
  padding: 14px;
  border: 1px solid rgba(13, 79, 133, 0.2);
  border-radius: 8px;
  background: #ffffff;
  min-width: 0;
}

.assembly-defaults-gate-hero {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 14px;
  padding: 14px;
  border: 1px solid rgba(18, 154, 128, 0.22);
  border-radius: 8px;
  background: #f7fbf9;
  min-width: 0;
}

.assembly-defaults-gate-hero strong,
.assembly-defaults-gate-source strong {
  display: block;
  margin-top: 6px;
  color: var(--ink);
  font-size: 1rem;
}

.assembly-defaults-gate-hero p {
  margin: 6px 0 0;
}

.assembly-defaults-gate-source {
  min-width: 140px;
  padding-left: 14px;
  border-left: 1px solid rgba(13, 79, 133, 0.16);
  color: var(--muted);
}

.assembly-defaults-gate-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.assembly-defaults-gate-table td {
  vertical-align: top;
}

.assembly-defaults-gate-card,
.assembly-defaults-gate-hero,
.assembly-defaults-gate-source,
.assembly-defaults-gate-table {
  overflow-wrap: anywhere;
}

.north-arrow-line {
  stroke: #0d4f85;
  stroke-width: 7;
  stroke-linecap: round;
  pointer-events: none;
}

.north-arrow-head {
  fill: #0d4f85;
}

.north-arrow-label {
  fill: #0d4f85;
  paint-order: stroke;
  stroke: #fff;
  stroke-width: 6;
  font-size: 20px;
  font-weight: 900;
  pointer-events: none;
}

.plan-results {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: var(--soft);
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

.auto-detect-panel {
  display: grid;
  gap: 10px;
  border-top: 1px solid var(--line);
  padding-top: 14px;
  margin-top: 14px;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

.auto-detect-panel h3,
.auto-detect-panel p {
  margin: 0;
}

.auto-detect-panel p {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.detect-area-status {
  font-weight: 800;
}

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

.mini-button {
  min-height: 34px;
  padding: 0 10px;
  font-size: 13px;
}

.plan-results dl {
  display: grid;
  gap: 10px;
  margin: 0 0 16px;
}

.plan-results dl div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid var(--line);
  padding-bottom: 9px;
  min-width: 0;
}

.plan-results dt {
  color: var(--muted);
  font-weight: 800;
}

.plan-results dd {
  margin: 0;
  color: var(--brand-dark);
  font-weight: 800;
  overflow-wrap: anywhere;
  text-align: right;
}

.shape-editor {
  display: grid;
  gap: 10px;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
}

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

.check-row {
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: center;
  color: var(--ink);
}

.check-row input {
  width: auto;
  min-height: auto;
  padding: 0;
}

.shape-editor h3,
.shape-list-wrap h3 {
  margin-bottom: 0;
}

.shape-list-wrap {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
}

.shape-list {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.plan-review-summary {
  border-top: 1px solid var(--line);
  margin-top: 16px;
  padding-top: 14px;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  overflow-wrap: anywhere;
}

.plan-review-summary h3 {
  margin: 0 0 12px;
}

.boundary-summary-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 12px;
}

.override-audit {
  border-top: 1px solid var(--line);
  margin-top: 16px;
  padding-top: 14px;
}

.override-audit-head {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  margin-bottom: 12px;
}

.override-audit-head h4 {
  margin: 0;
}

.shape-item {
  min-height: auto;
  display: grid;
  gap: 4px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 6px;
  color: var(--ink);
  background: #fff;
  text-align: left;
}

.shape-item.active {
  border-color: var(--accent);
  background: #fff7f2;
}

.shape-item span,
.empty-list {
  color: var(--muted);
  font-size: 13px;
}

.danger-button {
  color: #fff;
  background: var(--danger);
}

.map-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px;
  border-bottom: 1px solid var(--line);
  background: #fff;
}

.map-placeholder {
  min-height: 300px;
  display: grid;
  place-content: center;
  text-align: center;
  gap: 7px;
  color: var(--brand-dark);
  background:
    linear-gradient(45deg, rgba(11, 107, 90, 0.09) 25%, transparent 25%),
    linear-gradient(-45deg, rgba(11, 107, 90, 0.09) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, rgba(189, 91, 46, 0.09) 75%),
    linear-gradient(-45deg, transparent 75%, rgba(189, 91, 46, 0.09) 75%);
  background-size: 28px 28px;
  background-position: 0 0, 0 14px, 14px -14px, -14px 0;
}

.map-placeholder span {
  font-weight: 800;
}

.map-placeholder small {
  color: var(--muted);
  font-weight: 600;
}

.site-measuring-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: var(--surface);
  box-shadow: var(--shadow-soft);
  min-width: 0;
}

.site-measuring-card.ready {
  border-color: rgba(33, 150, 83, 0.38);
}

.site-measuring-card.review {
  border-color: rgba(238, 165, 37, 0.45);
}

.site-measuring-card.waiting {
  border-color: rgba(47, 139, 212, 0.24);
}

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

.site-measure-layout {
  display: grid;
  grid-template-columns: minmax(300px, 1.35fr) minmax(240px, 0.65fr);
  gap: 14px;
  align-items: start;
  margin: 12px 0;
}

.site-measure-canvas-wrap {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-muted);
  min-width: 0;
}

.site-measure-svg {
  width: 100%;
  height: auto;
  display: block;
  cursor: crosshair;
  touch-action: manipulation;
}

.site-measure-empty {
  min-height: 420px;
}

.site-measure-side {
  display: grid;
  gap: 12px;
  min-width: 0;
}

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

.site-measuring-card .stacked-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.site-measuring-card p,
.site-measuring-card label,
.site-measuring-card input,
.site-measuring-card select,
.site-measuring-card textarea,
.site-measuring-card button {
  overflow-wrap: anywhere;
}

.export-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(180px, 1fr));
}

.export-card {
  min-height: 86px;
  background: var(--soft);
  border: 1px solid var(--line);
  color: var(--brand-dark);
  text-align: left;
}

.export-note {
  margin-top: 16px;
}

.pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(180px, 1fr));
  gap: 16px;
  margin-bottom: 16px;
}

.price-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: var(--soft);
}

.price-card.featured {
  border-color: rgba(11, 107, 90, 0.45);
  background: #eef7f3;
}

.price-card strong {
  display: block;
  color: var(--brand-dark);
  font-size: 28px;
  margin-bottom: 8px;
}

.price-card p {
  color: var(--muted);
}

.price-card ul {
  margin: 0;
  padding-left: 18px;
  color: var(--ink);
}

.risk-section {
  margin-top: 16px;
}

.admin-status {
  margin-bottom: 14px;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 12px;
  background: var(--soft);
  color: var(--brand-dark);
  font-weight: 800;
}

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

.admin-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
  min-width: 0;
}

.single-row {
  align-items: start;
}

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

.wide-field {
  grid-column: 1 / -1;
}

textarea {
  width: 100%;
  resize: vertical;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 10px;
  background: #fff;
  color: var(--ink);
}

.table-wrap {
  max-width: 100%;
  overflow-x: auto;
}

.report-brand-preview {
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
  background: var(--soft);
}

.brand-preview-head {
  display: flex;
  gap: 12px;
  align-items: center;
  min-width: 0;
}

.brand-preview-head img,
.brand-preview-mark {
  width: 58px;
  height: 58px;
  flex: 0 0 auto;
}

.brand-preview-head img {
  object-fit: contain;
}

.brand-preview-mark {
  display: grid;
  place-items: center;
  border-radius: 8px;
  color: #fff;
  background: var(--ink);
  font-weight: 900;
}

.brand-preview-head strong,
.brand-preview-head span {
  display: block;
}

.brand-preview-head span,
.report-brand-preview p {
  color: var(--muted);
}

.plan-test-flow {
  margin-top: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
}

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

.test-flow-step {
  min-height: 126px;
  display: grid;
  gap: 6px;
  align-content: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--soft);
  color: var(--ink);
  text-align: left;
}

.test-flow-step.pass {
  border-color: rgba(23, 114, 77, 0.45);
  background: #eef7f3;
}

.test-flow-step.fix {
  border-color: rgba(184, 135, 21, 0.45);
  background: #fff8e7;
}

.test-flow-step.warn {
  border-color: rgba(242, 106, 33, 0.38);
  background: #fff6ef;
}

.test-flow-step span {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #fff;
  background: var(--brand-dark);
  font-weight: 900;
}

.test-flow-step small {
  color: var(--muted);
}

.test-flow-step em {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  line-height: 1.35;
}

.start-progress {
  margin-bottom: 16px;
}

.progress-card {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(260px, 1fr);
  gap: 18px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: var(--soft);
}

.progress-card strong,
.progress-card span,
.progress-card p {
  display: block;
}

.progress-card strong {
  font-size: 26px;
}

.progress-card p {
  margin: 4px 0 0;
  color: var(--muted);
}

.progress-meter {
  height: 18px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff;
}

.progress-meter span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--brand);
}

.guided-run-grid {
  display: grid;
  gap: 12px;
  margin-bottom: 16px;
}

.real-plan-intake-checklist {
  margin-bottom: 16px;
}

.production-design-launch-board {
  margin-bottom: 16px;
}

.production-launch-card {
  display: grid;
  gap: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
}

.production-launch-card.setup-required {
  border-color: rgba(179, 58, 48, 0.28);
  background: #fff8f6;
}

.production-launch-card.ready-for-real-plan-testing,
.production-launch-card.ready-for-manager-review {
  border-color: rgba(184, 135, 21, 0.36);
  background: #fffaf0;
}

.production-launch-card.reviewed-export-ready {
  border-color: rgba(23, 114, 77, 0.3);
  background: #f0f8f4;
}

.production-launch-card h3 {
  margin: 4px 0;
  text-transform: capitalize;
}

.production-launch-card p,
.production-launch-card small,
.production-launch-card span,
.production-launch-card strong {
  min-width: 0;
  overflow-wrap: anywhere;
}

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

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

.production-launch-lanes {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 10px;
}

.production-lane {
  display: grid;
  align-content: start;
  gap: 6px;
  min-height: 126px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  color: var(--ink);
  background: #fff;
  text-align: left;
}

.production-lane.pass {
  border-color: rgba(23, 114, 77, 0.32);
  background: #f3fbf6;
}

.production-lane.warn {
  border-color: rgba(184, 135, 21, 0.38);
  background: #fffaf0;
}

.production-lane.fix {
  border-color: rgba(179, 58, 48, 0.28);
  background: #fff8f6;
}

.production-lane strong,
.production-lane span,
.production-lane p,
.production-lane small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.production-lane span {
  width: fit-content;
  border-radius: 999px;
  padding: 3px 8px;
  color: #fff;
  background: var(--brand-dark);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.production-lane p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.35;
}

.production-lane small {
  color: var(--muted);
  font-weight: 700;
}

.production-gate {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  min-height: 118px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  color: var(--ink);
  background: #fff;
  text-align: left;
}

.production-gate > span {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 6px;
  color: #fff;
  background: var(--brand-dark);
  font-size: 12px;
  font-weight: 800;
}

.production-gate.pass {
  border-color: rgba(23, 114, 77, 0.32);
  background: #f3fbf6;
}

.production-gate.warn {
  border-color: rgba(184, 135, 21, 0.38);
  background: #fffaf0;
}

.production-gate.fix {
  border-color: rgba(179, 58, 48, 0.28);
  background: #fff8f6;
}

.production-gate strong,
.production-gate p,
.production-gate small {
  display: block;
}

.production-gate p {
  margin: 4px 0;
  color: var(--muted);
  font-size: 13px;
}

.production-gate small {
  color: var(--muted);
  font-weight: 700;
}

.real-plan-intake-card {
  display: grid;
  gap: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
}

.real-plan-intake-card h3 {
  margin: 4px 0;
}

.real-plan-intake-card p {
  min-width: 0;
  overflow-wrap: anywhere;
}

.real-plan-intake-metrics,
.real-plan-intake-grid {
  display: grid;
  gap: 12px;
}

.real-plan-intake-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.real-plan-intake-grid {
  grid-template-columns: minmax(260px, 0.9fr) minmax(320px, 1.2fr);
  align-items: start;
}

.real-plan-intake-grid .qa-check-item {
  width: 100%;
}

.real-plan-guided-workflow {
  margin-bottom: 16px;
}

.real-design-test-command {
  margin-bottom: 16px;
}

.real-design-command-card {
  display: grid;
  gap: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
}

.remote-real-design-gate-card {
  display: grid;
  gap: 14px;
  border: 1px solid rgba(12, 74, 110, 0.18);
  border-radius: 8px;
  background: #f8fbfd;
  padding: 16px;
  margin: 14px 0;
}

.remote-real-design-gate-card.ready-for-real-design {
  border-color: rgba(22, 163, 74, 0.28);
  background: #f7fdf9;
}

.remote-real-design-gate-card.setup-needed {
  border-color: rgba(220, 38, 38, 0.2);
  background: #fffafa;
}

.remote-real-design-gate-metrics,
.remote-real-design-gate-grid {
  display: grid;
  gap: 10px;
}

.remote-real-design-gate-metrics {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.remote-real-design-gate-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.real-design-command-card h3 {
  margin: 4px 0;
  text-transform: capitalize;
}

.real-design-command-card p,
.real-design-command-card small,
.real-design-command-card span,
.real-design-command-card strong {
  min-width: 0;
  overflow-wrap: anywhere;
}

.real-design-command-metrics,
.real-design-command-grid {
  display: grid;
  gap: 12px;
}

.real-design-command-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.real-design-command-grid {
  grid-template-columns: minmax(240px, 0.9fr) minmax(280px, 1.1fr) minmax(220px, 0.8fr);
  align-items: start;
}

.command-phase-lane,
.command-action-lane,
.command-evidence-lane {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.command-phase-lane h4,
.command-action-lane h4,
.command-evidence-lane h4 {
  margin: 0;
}

.command-phase {
  min-height: 118px;
  display: grid;
  gap: 8px;
  align-content: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  text-align: left;
  color: var(--ink);
  background: var(--soft);
}

.command-phase.pass {
  border-color: rgba(23, 114, 77, 0.38);
  background: #eef8f3;
}

.command-phase.warn {
  border-color: rgba(47, 139, 212, 0.36);
  background: #edf6ff;
}

.command-phase.fix {
  border-color: rgba(184, 135, 21, 0.42);
  background: #fff8e7;
}

.command-phase span,
.command-phase strong,
.command-phase small {
  display: block;
}

.command-phase strong {
  font-size: 22px;
}

.command-phase small,
.command-action-lane small,
.command-evidence-lane span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.command-evidence-lane {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--soft);
}

.command-evidence-lane span {
  display: block;
  padding: 7px 8px;
  border: 1px solid rgba(34, 49, 55, 0.08);
  border-radius: 6px;
  background: #fff;
}

.beta-launch-packet-card {
  display: grid;
  gap: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
}

.beta-launch-packet-card h4 {
  margin: 4px 0;
  text-transform: capitalize;
}

.beta-launch-packet-card p,
.beta-launch-packet-card strong {
  min-width: 0;
  overflow-wrap: anywhere;
}

.beta-launch-packet-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  align-items: start;
}

.beta-launch-packet-grid .control-list {
  height: 100%;
}

.guided-workflow-card {
  display: grid;
  gap: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
}

.guided-workflow-card h3 {
  margin: 4px 0;
}

.guided-workflow-meter,
.guided-workflow-stages,
.workflow-evidence-grid {
  display: grid;
  gap: 12px;
}

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

.real-design-run-sheet-card {
  display: grid;
  gap: 12px;
  border: 1px solid rgba(34, 49, 55, 0.12);
  border-radius: 8px;
  padding: 14px;
  background: #f8fbfd;
}

.real-design-run-sheet-card.ready-for-controlled-export {
  border-color: rgba(23, 114, 77, 0.34);
  background: #f4fbf7;
}

.real-design-run-sheet-card.ready-with-review {
  border-color: rgba(47, 139, 212, 0.28);
  background: #f3f9ff;
}

.real-design-run-sheet-card.needs-setup {
  border-color: rgba(184, 135, 21, 0.3);
  background: #fffaf0;
}

.real-design-run-sheet-card h4 {
  margin: 0 0 4px;
}

.real-design-run-sheet-card p,
.real-design-run-sheet-card strong,
.real-design-run-sheet-card small,
.real-design-run-sheet-card span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.real-design-run-sheet-metrics,
.real-design-run-sheet-actions {
  display: grid;
  gap: 10px;
}

.real-design-run-sheet-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.real-design-run-sheet-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.run-sheet-action {
  min-height: 120px;
  display: grid;
  gap: 7px;
  align-content: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  color: var(--ink);
  background: #fff;
  text-align: left;
}

.run-sheet-action.pass {
  border-color: rgba(23, 114, 77, 0.34);
}

.run-sheet-action.warn {
  border-color: rgba(47, 139, 212, 0.34);
}

.run-sheet-action.fix {
  border-color: rgba(184, 135, 21, 0.38);
}

.run-sheet-action span {
  width: max-content;
  max-width: 100%;
  border-radius: 999px;
  padding: 3px 7px;
  font-size: 11px;
  font-weight: 900;
  color: #0d3d66;
  background: #eaf4ff;
}

.run-sheet-action strong,
.run-sheet-action small {
  display: block;
}

.run-sheet-action small {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

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

.workflow-stage {
  min-height: 172px;
  display: grid;
  gap: 8px;
  align-content: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--soft);
  color: var(--ink);
  text-align: left;
}

.workflow-stage.pass {
  border-color: rgba(23, 114, 77, 0.45);
  background: #eef8f3;
}

.workflow-stage.warn {
  border-color: rgba(242, 106, 33, 0.45);
  background: #fff6ef;
}

.workflow-stage.fix {
  border-color: rgba(184, 135, 21, 0.45);
  background: #fff8e7;
}

.workflow-stage span,
.workflow-stage strong,
.workflow-stage small,
.workflow-stage em {
  display: block;
}

.workflow-stage small,
.workflow-stage em,
.workflow-evidence span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.workflow-stage em {
  font-style: normal;
}

.workflow-evidence-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.workflow-evidence {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: var(--soft);
}

.workflow-evidence.pass {
  border-color: rgba(23, 114, 77, 0.28);
}

.workflow-evidence.warn {
  border-color: rgba(242, 106, 33, 0.34);
}

.workflow-evidence.fix {
  border-color: rgba(184, 135, 21, 0.34);
}

.workflow-evidence strong,
.workflow-evidence span {
  display: block;
}

.real-plan-session-history {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--soft);
}

.real-plan-session-history summary {
  cursor: pointer;
  font-weight: 900;
}

.real-plan-session-history .tool-buttons {
  margin: 12px 0;
}

.beta-score-panel {
  border: 1px solid var(--line);
  border-radius: 8px;
  display: grid;
  gap: 10px;
  margin: 12px 0 18px;
  padding: 14px;
}

.beta-score-panel.pass {
  background: #eef8f3;
  border-color: rgba(23, 114, 77, 0.32);
}

.beta-score-panel.warn {
  background: #fff9eb;
  border-color: rgba(184, 135, 21, 0.36);
}

.beta-score-panel.fix {
  background: #fff1ef;
  border-color: rgba(179, 58, 48, 0.36);
}

.beta-score-panel > div:first-child {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.beta-score-panel strong {
  color: var(--ink);
  font-size: 24px;
}

.beta-score-panel span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 900;
}

.beta-score-panel p {
  color: var(--text);
  margin: 0;
}

.beta-score-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.beta-score-categories span {
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  padding: 6px 10px;
}

.beta-score-categories strong {
  font-size: 13px;
}

.plan-revision-compare {
  margin-top: 12px;
}

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

.revision-score.pass {
  background: #eef8f3;
  border-color: rgba(23, 114, 77, 0.32);
}

.revision-score.warn {
  background: #fff9eb;
  border-color: rgba(184, 135, 21, 0.36);
}

.revision-score.fix {
  background: #fff1ef;
  border-color: rgba(179, 58, 48, 0.36);
}

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

.revision-score strong {
  color: var(--ink);
  text-transform: capitalize;
}

.revision-score span,
.revision-score p {
  color: var(--muted);
  margin: 0;
}

.start-setup-wizard {
  margin-bottom: 16px;
}

.wizard-card {
  display: grid;
  gap: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
}

.wizard-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 16px;
}

.wizard-head h3 {
  margin: 4px 0;
}

.wizard-head p,
.wizard-note {
  margin: 0;
  color: var(--muted);
}

.wizard-score {
  min-width: 104px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  text-align: center;
  background: #f8fafc;
}

.wizard-score.pass {
  border-color: rgba(23, 114, 77, 0.28);
  background: #eef8f3;
}

.wizard-score.fix {
  border-color: rgba(184, 135, 21, 0.36);
  background: #fff9eb;
}

.wizard-score strong,
.wizard-score span {
  display: block;
}

.wizard-score strong {
  font-size: 28px;
}

.wizard-score span {
  color: var(--muted);
  font-weight: 800;
}

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

.wizard-form label {
  min-width: 0;
}

.wizard-form input,
.wizard-form select {
  width: 100%;
  min-width: 0;
}

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

.wizard-checks span {
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 6px 8px;
  font-size: 12px;
  font-weight: 900;
  color: var(--muted);
  background: #f8fafc;
}

.wizard-checks span.pass {
  border-color: rgba(23, 114, 77, 0.28);
  color: #17724d;
  background: #eef8f3;
}

.wizard-checks span.fix {
  border-color: rgba(184, 135, 21, 0.36);
  color: #8a5c05;
  background: #fff9eb;
}

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

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

.wizard-launch-steps .qa-check-item {
  width: 100%;
  min-width: 0;
  text-align: left;
}

.design-run-control {
  margin-bottom: 16px;
}

.control-center-card {
  display: grid;
  gap: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
}

.control-center-head {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 16px;
}

.control-center-head h3 {
  margin: 4px 0;
}

.control-center-head p {
  margin: 0;
  color: var(--muted);
}

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

.control-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(260px, 0.8fr);
  gap: 14px;
}

.control-list {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.control-list h4,
.control-list p {
  margin: 0;
}

.control-list p {
  overflow-wrap: anywhere;
  color: var(--muted);
}

.guided-stage {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.guided-stage-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--ink);
}

.guided-stage-head span {
  color: var(--muted);
  font-weight: 800;
}

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

.guided-step {
  min-height: 148px;
  display: grid;
  align-content: start;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  color: var(--ink);
  background: #fff;
  text-align: left;
  min-width: 0;
}

.guided-step.pass {
  border-color: rgba(23, 114, 77, 0.28);
  background: #eef8f3;
}

.guided-step.fix {
  border-color: rgba(184, 135, 21, 0.36);
  background: #fff9eb;
}

.guided-step span {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  color: #fff;
  background: var(--brand-dark);
  font-weight: 900;
}

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

.start-columns {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 16px;
}

.start-card,
.load-model-panel,
.backup-panel {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
}

.start-card h3 {
  margin-bottom: 10px;
}

.start-facts {
  display: grid;
  gap: 10px;
}

.start-facts div {
  display: grid;
  grid-template-columns: minmax(120px, 0.45fr) minmax(0, 1fr);
  gap: 10px;
  border-bottom: 1px solid var(--line);
  padding-bottom: 9px;
}

.start-facts span {
  color: var(--muted);
  font-weight: 800;
}

.next-action-button {
  width: 100%;
  min-height: 84px;
  color: var(--ink);
  text-align: left;
}

.load-model-panel {
  margin-top: 18px;
  background: var(--soft);
}

.load-input-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(180px, 1fr));
  gap: 14px;
}

.load-model-actions {
  margin: 14px 0;
}

.load-model-summary {
  display: grid;
  gap: 12px;
}

.load-summary-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(120px, 1fr));
  gap: 12px;
}

.dashboard-bulk-actions {
  display: grid;
  grid-template-columns: minmax(140px, auto) minmax(170px, 220px) auto auto auto minmax(90px, auto);
  gap: 10px;
  align-items: end;
  margin-top: 12px;
}

.dashboard-bulk-actions #bulk-selected-count {
  color: var(--muted);
  font-weight: 800;
  align-self: center;
}

.bulk-project-cleanup-control {
  margin-top: 14px;
}

.project-archive-retention-gate {
  margin-top: 14px;
}

.project-cleanup-audit-ledger {
  margin-top: 14px;
}

.cleanup-command-center {
  margin-top: 14px;
}

.project-cleanup-proof-package {
  margin-top: 14px;
}

.project-cleanup-execution-matrix {
  margin-top: 14px;
}

.bulk-project-cleanup-card,
.floor-grouping-card,
.cleanup-command-card,
.project-cleanup-proof-card,
.project-cleanup-execution-card,
.project-cleanup-audit-card,
.project-archive-retention-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
}

.bulk-project-cleanup-card.ready,
.floor-grouping-card.ready,
.cleanup-command-card.ready,
.project-cleanup-proof-card.ready,
.project-cleanup-execution-card.ready,
.project-cleanup-audit-card.ready,
.project-archive-retention-card.ready {
  border-color: rgba(22, 132, 86, 0.35);
  background: #f5fbf7;
}

.bulk-project-cleanup-card.review,
.floor-grouping-card.review,
.cleanup-command-card.review,
.project-cleanup-proof-card.review,
.project-cleanup-execution-card.review,
.project-cleanup-audit-card.review,
.project-archive-retention-card.review {
  border-color: rgba(242, 106, 33, 0.35);
  background: #fff9f3;
}

.bulk-project-cleanup-card.blocked,
.floor-grouping-card.blocked,
.cleanup-command-card.blocked,
.project-cleanup-proof-card.blocked,
.project-cleanup-execution-card.blocked,
.project-cleanup-audit-card.blocked,
.project-archive-retention-card.blocked {
  border-color: rgba(174, 54, 54, 0.35);
  background: #fff6f6;
}

.cleanup-command-card,
.project-cleanup-proof-card,
.project-cleanup-execution-card {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.cleanup-command-metrics,
.cleanup-command-grid,
.project-cleanup-proof-metrics,
.project-cleanup-proof-grid,
.project-cleanup-execution-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(164px, 1fr));
  gap: 10px;
  min-width: 0;
}

.project-cleanup-execution-table {
  border: 1px solid rgba(23, 33, 38, 0.08);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
}

.project-cleanup-execution-table td,
.project-cleanup-execution-table th {
  min-width: 112px;
  vertical-align: top;
}

.project-cleanup-execution-table td:first-child,
.project-cleanup-execution-table th:first-child,
.project-cleanup-execution-table td:last-child,
.project-cleanup-execution-table th:last-child {
  min-width: 220px;
}

.project-cleanup-execution-sources {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 8px;
  min-width: 0;
}

.project-cleanup-execution-sources p {
  border: 1px solid rgba(23, 33, 38, 0.1);
  border-radius: 8px;
  background: rgba(23, 33, 38, 0.03);
  padding: 9px 10px;
  display: grid;
  gap: 3px;
  margin: 0;
  min-width: 0;
}

.project-cleanup-execution-card p,
.project-cleanup-execution-card strong,
.project-cleanup-execution-card span,
.project-cleanup-execution-card small,
.project-cleanup-execution-card td,
.project-cleanup-execution-card th {
  overflow-wrap: anywhere;
}

.cleanup-command-item,
.project-cleanup-proof-item {
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  text-align: left;
  padding: 12px;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
}

.cleanup-command-item.pass,
.project-cleanup-proof-item.pass {
  border-color: rgba(22, 132, 86, 0.28);
}

.cleanup-command-item.warn,
.project-cleanup-proof-item.warn {
  border-color: rgba(242, 106, 33, 0.28);
}

.cleanup-command-item.fix,
.project-cleanup-proof-item.fix {
  border-color: rgba(174, 54, 54, 0.28);
}

.cleanup-command-item > span,
.project-cleanup-proof-item > span {
  width: 34px;
  height: 28px;
  border-radius: 6px;
  display: grid;
  place-items: center;
  background: var(--brand-dark);
  color: #fff;
  font-size: 0.72rem;
  font-weight: 900;
}

.cleanup-command-item p,
.cleanup-command-item small,
.cleanup-command-item strong,
.project-cleanup-proof-item p,
.project-cleanup-proof-item small,
.project-cleanup-proof-item strong {
  margin: 0;
  overflow-wrap: anywhere;
}

.cleanup-command-item small,
.project-cleanup-proof-item small {
  color: var(--muted);
}

.project-cleanup-proof-sources {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

.project-cleanup-proof-sources span {
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 999px;
  padding: 6px 9px;
  background: rgba(255, 255, 255, 0.72);
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.stripe-test-launch-packet {
  margin: 0 0 14px;
}

.stripe-checkout-rehearsal-command {
  margin: 0 0 14px;
}

.stripe-test-launch-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
  display: grid;
  gap: 14px;
  min-width: 0;
}

.stripe-rehearsal-command-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
  display: grid;
  gap: 14px;
  min-width: 0;
}

.stripe-rehearsal-command-card.ready {
  border-color: rgba(22, 132, 86, 0.35);
  background: #f5fbf7;
}

.stripe-rehearsal-command-card.review {
  border-color: rgba(242, 106, 33, 0.35);
  background: #fff9f3;
}

.stripe-rehearsal-command-card.blocked {
  border-color: rgba(174, 54, 54, 0.35);
  background: #fff6f6;
}

.stripe-rehearsal-metrics,
.stripe-rehearsal-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(164px, 1fr));
  gap: 10px;
  min-width: 0;
}

.stripe-rehearsal-item {
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  text-align: left;
  padding: 12px;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
}

.stripe-rehearsal-item.pass {
  border-color: rgba(22, 132, 86, 0.28);
}

.stripe-rehearsal-item.warn {
  border-color: rgba(242, 106, 33, 0.28);
}

.stripe-rehearsal-item.fix {
  border-color: rgba(174, 54, 54, 0.28);
}

.stripe-rehearsal-item > span {
  width: 34px;
  height: 28px;
  border-radius: 6px;
  display: grid;
  place-items: center;
  background: var(--brand-dark);
  color: #fff;
  font-size: 0.72rem;
  font-weight: 900;
}

.stripe-rehearsal-item p,
.stripe-rehearsal-item small,
.stripe-rehearsal-item strong {
  margin: 0;
  overflow-wrap: anywhere;
}

.stripe-rehearsal-item small {
  color: var(--muted);
}

.stripe-rehearsal-sources {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

.stripe-rehearsal-sources span {
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 999px;
  padding: 6px 9px;
  background: rgba(255, 255, 255, 0.72);
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.stripe-test-launch-card.ready {
  border-color: rgba(22, 132, 86, 0.35);
  background: #f5fbf7;
}

.stripe-test-launch-card.review {
  border-color: rgba(242, 106, 33, 0.35);
  background: #fff9f3;
}

.stripe-test-launch-card.blocked {
  border-color: rgba(174, 54, 54, 0.35);
  background: #fff6f6;
}

.stripe-test-launch-metrics,
.stripe-test-launch-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(164px, 1fr));
  gap: 10px;
  min-width: 0;
}

.stripe-test-launch-item {
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  text-align: left;
  padding: 12px;
  display: grid;
  gap: 8px;
  min-width: 0;
}

.stripe-test-launch-item.pass {
  border-color: rgba(22, 132, 86, 0.28);
}

.stripe-test-launch-item.warn {
  border-color: rgba(242, 106, 33, 0.28);
}

.stripe-test-launch-item.fix {
  border-color: rgba(174, 54, 54, 0.28);
}

.stripe-test-launch-item > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.stripe-test-launch-item span {
  border-radius: 999px;
  padding: 3px 8px;
  background: rgba(23, 33, 38, 0.08);
  font-size: 0.72rem;
  font-weight: 900;
}

.stripe-test-launch-item.pass span {
  color: #0b6b49;
  background: rgba(22, 132, 86, 0.12);
}

.stripe-test-launch-item.warn span {
  color: #975412;
  background: rgba(242, 106, 33, 0.12);
}

.stripe-test-launch-item.fix span {
  color: #982b2b;
  background: rgba(174, 54, 54, 0.12);
}

.stripe-test-launch-item p,
.stripe-test-launch-item small,
.stripe-test-launch-item strong {
  margin: 0;
  overflow-wrap: anywhere;
}

.stripe-test-launch-item small {
  color: var(--muted);
}

.stripe-billing-activation-panel,
.stripe-billing-activation-matrix {
  min-width: 0;
}

.stripe-billing-activation-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
  display: grid;
  gap: 14px;
  min-width: 0;
}

.stripe-billing-activation-card.ready {
  border-color: rgba(22, 132, 86, 0.35);
  background: #f5fbf7;
}

.stripe-billing-activation-card.review {
  border-color: rgba(242, 106, 33, 0.35);
  background: #fff9f3;
}

.stripe-billing-activation-card.blocked {
  border-color: rgba(174, 54, 54, 0.35);
  background: #fff6f6;
}

.stripe-billing-activation-metrics,
.stripe-billing-activation-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(164px, 1fr));
  gap: 10px;
  min-width: 0;
}

.stripe-billing-activation-item {
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  text-align: left;
  padding: 12px;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
}

.stripe-billing-activation-item.pass {
  border-color: rgba(22, 132, 86, 0.28);
}

.stripe-billing-activation-item.warn {
  border-color: rgba(242, 106, 33, 0.28);
}

.stripe-billing-activation-item.fix {
  border-color: rgba(174, 54, 54, 0.28);
}

.stripe-billing-activation-item > span {
  width: 34px;
  height: 28px;
  border-radius: 6px;
  display: grid;
  place-items: center;
  background: var(--brand-dark);
  color: #fff;
  font-size: 0.72rem;
  font-weight: 900;
}

.stripe-billing-activation-item p,
.stripe-billing-activation-item small,
.stripe-billing-activation-item strong {
  margin: 0;
  overflow-wrap: anywhere;
}

.stripe-billing-activation-item small {
  color: var(--muted);
}

.stripe-billing-activation-sources {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

.stripe-billing-activation-sources span {
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 999px;
  padding: 6px 9px;
  background: rgba(255, 255, 255, 0.72);
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.validation-sprint-command {
  margin: 14px 0;
}

.validation-sprint-command-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
  display: grid;
  gap: 14px;
  min-width: 0;
}

.validation-sprint-command-card.ready {
  border-color: rgba(22, 132, 86, 0.35);
  background: #f5fbf7;
}

.validation-sprint-command-card.review {
  border-color: rgba(242, 106, 33, 0.35);
  background: #fff9f3;
}

.validation-sprint-command-card.blocked {
  border-color: rgba(174, 54, 54, 0.35);
  background: #fff6f6;
}

.validation-sprint-metrics,
.validation-sprint-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(164px, 1fr));
  gap: 10px;
  min-width: 0;
}

.validation-sprint-item {
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  text-align: left;
  padding: 12px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
}

.validation-sprint-item.pass {
  border-color: rgba(22, 132, 86, 0.28);
}

.validation-sprint-item.warn {
  border-color: rgba(242, 106, 33, 0.28);
}

.validation-sprint-item.fix {
  border-color: rgba(174, 54, 54, 0.28);
}

.validation-sprint-item > span {
  align-self: start;
  border-radius: 999px;
  padding: 5px 7px;
  background: rgba(23, 33, 38, 0.08);
  font-size: 0.7rem;
  font-weight: 900;
  text-align: center;
}

.validation-sprint-item.pass > span {
  color: #0b6b49;
  background: rgba(22, 132, 86, 0.12);
}

.validation-sprint-item.warn > span {
  color: #975412;
  background: rgba(242, 106, 33, 0.12);
}

.validation-sprint-item.fix > span {
  color: #982b2b;
  background: rgba(174, 54, 54, 0.12);
}

.validation-sprint-item p,
.validation-sprint-item small,
.validation-sprint-item strong {
  margin: 0;
  overflow-wrap: anywhere;
}

.validation-sprint-item small {
  color: var(--muted);
}

.first-three-proof-command {
  margin: 14px 0;
}

.first-three-proof-command-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
  display: grid;
  gap: 14px;
  min-width: 0;
}

.first-three-proof-command-card.ready {
  border-color: rgba(22, 132, 86, 0.35);
  background: #f5fbf7;
}

.first-three-proof-command-card.review {
  border-color: rgba(242, 106, 33, 0.35);
  background: #fff9f3;
}

.first-three-proof-command-card.blocked {
  border-color: rgba(174, 54, 54, 0.35);
  background: #fff6f6;
}

.first-three-proof-metrics,
.first-three-proof-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(164px, 1fr));
  gap: 10px;
  min-width: 0;
}

.first-three-proof-item {
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  text-align: left;
  padding: 12px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
}

.first-three-proof-item.pass {
  border-color: rgba(22, 132, 86, 0.28);
}

.first-three-proof-item.warn {
  border-color: rgba(242, 106, 33, 0.28);
}

.first-three-proof-item.fix {
  border-color: rgba(174, 54, 54, 0.28);
}

.first-three-proof-item > span {
  align-self: start;
  border-radius: 999px;
  padding: 5px 7px;
  background: rgba(23, 33, 38, 0.08);
  font-size: 0.7rem;
  font-weight: 900;
  text-align: center;
}

.first-three-proof-item.pass > span {
  color: #0b6b49;
  background: rgba(22, 132, 86, 0.12);
}

.first-three-proof-item.warn > span {
  color: #975412;
  background: rgba(242, 106, 33, 0.12);
}

.first-three-proof-item.fix > span {
  color: #982b2b;
  background: rgba(174, 54, 54, 0.12);
}

.first-three-proof-item p,
.first-three-proof-item small,
.first-three-proof-item strong {
  margin: 0;
  overflow-wrap: anywhere;
}

.first-three-proof-item small {
  color: var(--muted);
}

.first-three-proof-sources {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 8px;
  min-width: 0;
}

.first-three-proof-sources p {
  border: 1px solid rgba(23, 33, 38, 0.1);
  border-radius: 8px;
  background: rgba(23, 33, 38, 0.03);
  padding: 9px 10px;
  display: grid;
  gap: 3px;
  margin: 0;
  min-width: 0;
}

.first-three-proof-sources strong,
.first-three-proof-sources span {
  overflow-wrap: anywhere;
}

.real-plan-proof-run-command {
  margin: 14px 0;
}

.real-plan-proof-run-command-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
  display: grid;
  gap: 14px;
  min-width: 0;
}

.real-plan-proof-run-command-card.ready {
  border-color: rgba(22, 132, 86, 0.35);
  background: #f5fbf7;
}

.real-plan-proof-run-command-card.review {
  border-color: rgba(242, 106, 33, 0.35);
  background: #fff9f3;
}

.real-plan-proof-run-command-card.blocked {
  border-color: rgba(174, 54, 54, 0.35);
  background: #fff6f6;
}

.real-plan-proof-run-metrics,
.real-plan-proof-run-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(164px, 1fr));
  gap: 10px;
  min-width: 0;
}

.real-plan-proof-run-item {
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  text-align: left;
  padding: 12px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
}

.real-plan-proof-run-item.pass {
  border-color: rgba(22, 132, 86, 0.28);
}

.real-plan-proof-run-item.warn {
  border-color: rgba(242, 106, 33, 0.28);
}

.real-plan-proof-run-item.fix {
  border-color: rgba(174, 54, 54, 0.28);
}

.real-plan-proof-run-item > span {
  align-self: start;
  border-radius: 999px;
  padding: 5px 7px;
  background: rgba(23, 33, 38, 0.08);
  font-size: 0.7rem;
  font-weight: 900;
  text-align: center;
}

.real-plan-proof-run-item.pass > span {
  color: #0b6b49;
  background: rgba(22, 132, 86, 0.12);
}

.real-plan-proof-run-item.warn > span {
  color: #975412;
  background: rgba(242, 106, 33, 0.12);
}

.real-plan-proof-run-item.fix > span {
  color: #982b2b;
  background: rgba(174, 54, 54, 0.12);
}

.real-plan-proof-run-item p,
.real-plan-proof-run-item small,
.real-plan-proof-run-item strong {
  margin: 0;
  overflow-wrap: anywhere;
}

.real-plan-proof-run-item small {
  color: var(--muted);
}

.real-plan-proof-run-sources {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 8px;
  min-width: 0;
}

.real-plan-proof-run-sources p {
  border: 1px solid rgba(23, 33, 38, 0.1);
  border-radius: 8px;
  background: rgba(23, 33, 38, 0.03);
  padding: 9px 10px;
  display: grid;
  gap: 3px;
  margin: 0;
  min-width: 0;
}

.real-plan-proof-run-sources strong,
.real-plan-proof-run-sources span {
  overflow-wrap: anywhere;
}

.real-plan-validation-count-command {
  margin: 14px 0;
}

.real-plan-validation-count-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
  display: grid;
  gap: 14px;
  min-width: 0;
}

.real-plan-validation-count-card.ready {
  border-color: rgba(22, 132, 86, 0.35);
  background: #f5fbf7;
}

.real-plan-validation-count-card.review {
  border-color: rgba(242, 106, 33, 0.35);
  background: #fff9f3;
}

.real-plan-validation-count-card.blocked {
  border-color: rgba(174, 54, 54, 0.35);
  background: #fff6f6;
}

.real-plan-validation-count-metrics,
.real-plan-validation-count-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(164px, 1fr));
  gap: 10px;
  min-width: 0;
}

.real-plan-validation-count-item {
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  text-align: left;
  padding: 12px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
}

.real-plan-validation-count-item.pass {
  border-color: rgba(22, 132, 86, 0.28);
}

.real-plan-validation-count-item.warn {
  border-color: rgba(242, 106, 33, 0.28);
}

.real-plan-validation-count-item.fix {
  border-color: rgba(174, 54, 54, 0.28);
}

.real-plan-validation-count-item > span {
  align-self: start;
  border-radius: 999px;
  padding: 5px 7px;
  background: rgba(23, 33, 38, 0.08);
  font-size: 0.7rem;
  font-weight: 900;
  text-align: center;
}

.real-plan-validation-count-item.pass > span {
  color: #0b6b49;
  background: rgba(22, 132, 86, 0.12);
}

.real-plan-validation-count-item.warn > span {
  color: #975412;
  background: rgba(242, 106, 33, 0.12);
}

.real-plan-validation-count-item.fix > span {
  color: #982b2b;
  background: rgba(174, 54, 54, 0.12);
}

.real-plan-validation-count-item p,
.real-plan-validation-count-item small,
.real-plan-validation-count-item strong {
  margin: 0;
  overflow-wrap: anywhere;
}

.real-plan-validation-count-item small {
  color: var(--muted);
}

.real-plan-validation-count-sources {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

.real-plan-validation-count-sources span {
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 999px;
  padding: 6px 9px;
  background: rgba(255, 255, 255, 0.72);
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.custom-domain-activation-command {
  margin: 14px 0;
}

.custom-domain-activation-command-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
  display: grid;
  gap: 14px;
  min-width: 0;
}

.custom-domain-activation-command-card.ready {
  border-color: rgba(22, 132, 86, 0.35);
  background: #f5fbf7;
}

.custom-domain-activation-command-card.review {
  border-color: rgba(242, 106, 33, 0.35);
  background: #fff9f3;
}

.custom-domain-activation-command-card.blocked {
  border-color: rgba(174, 54, 54, 0.35);
  background: #fff6f6;
}

.custom-domain-command-metrics,
.custom-domain-command-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(164px, 1fr));
  gap: 10px;
  min-width: 0;
}

.custom-domain-command-record {
  display: grid;
  gap: 5px;
}

.custom-domain-command-item {
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  text-align: left;
  padding: 12px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
}

.custom-domain-command-item.pass {
  border-color: rgba(22, 132, 86, 0.28);
}

.custom-domain-command-item.warn {
  border-color: rgba(242, 106, 33, 0.28);
}

.custom-domain-command-item.fix {
  border-color: rgba(174, 54, 54, 0.28);
}

.custom-domain-command-item > span {
  align-self: start;
  border-radius: 999px;
  padding: 5px 7px;
  background: rgba(23, 33, 38, 0.08);
  font-size: 0.7rem;
  font-weight: 900;
  text-align: center;
}

.custom-domain-command-item.pass > span {
  color: #0b6b49;
  background: rgba(22, 132, 86, 0.12);
}

.custom-domain-command-item.warn > span {
  color: #975412;
  background: rgba(242, 106, 33, 0.12);
}

.custom-domain-command-item.fix > span {
  color: #982b2b;
  background: rgba(174, 54, 54, 0.12);
}

.custom-domain-command-item p,
.custom-domain-command-item small,
.custom-domain-command-item strong,
.custom-domain-command-record code,
.custom-domain-command-record span {
  margin: 0;
  overflow-wrap: anywhere;
}

.custom-domain-command-item small,
.custom-domain-command-record span {
  color: var(--muted);
}

.archive-retention-metrics,
.archive-retention-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(164px, 1fr));
  gap: 10px;
}

.archive-retention-grid {
  margin-top: 12px;
}

.archive-retention-item {
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #fff;
  padding: 12px;
  display: grid;
  gap: 8px;
  min-width: 0;
}

.archive-retention-item.pass {
  border-color: rgba(18, 128, 92, 0.28);
}

.archive-retention-item.warn {
  border-color: rgba(188, 137, 31, 0.28);
}

.archive-retention-item.fix {
  border-color: rgba(197, 77, 33, 0.28);
}

.archive-retention-item div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}

.archive-retention-item span,
.archive-retention-item small,
.archive-retention-item p {
  color: #43515a;
  overflow-wrap: anywhere;
}

.archive-retention-item p {
  margin: 0;
  line-height: 1.4;
}

.backup-panel {
  margin: 16px 0;
}

.backup-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(130px, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.compact-backup-summary {
  grid-template-columns: repeat(2, minmax(110px, 1fr));
}

.floor-summary-panel {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  margin: 18px 0;
  background: #fff;
}

.detect-tuning-controls {
  display: grid;
  grid-template-columns: repeat(4, minmax(120px, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.detect-tuning-controls label:last-child {
  grid-column: 1 / -1;
}

.detect-tuning-summary {
  margin-top: 12px;
}

.detect-tuning-cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(100px, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.detect-tuning-recommendation {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: #fff;
  margin-bottom: 12px;
}

.detect-tuning-recommendation strong,
.detect-tuning-recommendation p {
  margin: 0 0 8px;
}

.detect-tuning-recommendation div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.detect-tuning-recommendation span {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 5px 9px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.auto-detect-review-v2 {
  margin-top: 14px;
}

.auto-detect-review-card {
  border: 1px solid var(--line);
  border-left: 5px solid var(--warn);
  border-radius: 8px;
  padding: 14px;
  background: #fff;
}

.auto-detect-review-card.ready {
  border-left-color: var(--ok);
}

.auto-detect-review-card.blocked {
  border-left-color: var(--bad);
}

.auto-detect-review-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(96px, 1fr));
  gap: 10px;
  margin: 12px 0;
}

.auto-detect-review-table td {
  vertical-align: top;
}

.plan-room-label-mapper {
  margin-top: 14px;
}

.plan-room-label-mapper-card {
  border: 1px solid var(--line);
  border-left: 5px solid var(--warn);
  border-radius: 8px;
  padding: 14px;
  background: #fff;
}

.plan-room-label-mapper-card.mapped {
  border-left-color: var(--ok);
}

.plan-room-label-mapper-card.blocked,
.plan-room-label-mapper-card.needs-labels {
  border-left-color: var(--bad);
}

.plan-room-label-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(96px, 1fr));
  gap: 10px;
  margin: 12px 0;
}

.plan-room-label-table td {
  vertical-align: top;
}

.opening-symbol-detection {
  margin-top: 12px;
}

.opening-symbol-detection-card {
  border: 1px solid var(--line);
  border-left: 5px solid var(--warn);
  border-radius: 8px;
  padding: 14px;
  background: #fff;
}

.opening-symbol-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(96px, 1fr));
  gap: 10px;
  margin: 12px 0;
}

.opening-symbol-table td {
  vertical-align: top;
}

.roomplan-import-panel {
  margin-top: 16px;
}

.roomplan-import-card {
  border: 1px solid var(--line);
  border-left: 5px solid var(--warn);
  border-radius: 8px;
  padding: 14px;
  background: #fff;
}

.roomplan-import-card.applied {
  border-left-color: var(--ok);
}

.roomplan-import-card.waiting {
  border-left-color: var(--bad);
}

.roomplan-upload-grid {
  margin-top: 12px;
}

.roomplan-import-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(96px, 1fr));
  gap: 10px;
  margin: 12px 0;
}

.scan-to-plan-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(96px, 1fr));
  gap: 10px;
  margin: 12px 0;
}

.ceiling-height-scan-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(96px, 1fr));
  gap: 10px;
  margin: 12px 0;
}

.vaulted-area-model-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(96px, 1fr));
  gap: 10px;
  margin: 12px 0;
}

.roomplan-import-table td,
.scan-to-plan-table td,
.ceiling-height-scan-table td,
.vaulted-area-model-table td {
  vertical-align: top;
}

.backup-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(160px, 1fr));
  gap: 12px;
  align-items: end;
}

.restore-backup-control {
  min-height: 42px;
}

.backup-list {
  margin-top: 12px;
}

.backup-restore-control-center {
  margin-top: 14px;
}

.backup-restore-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
  padding: 14px;
  display: grid;
  gap: 12px;
}

.backup-restore-card.recovery-ready {
  border-color: #97d5b5;
  background: #f2fbf6;
}

.backup-restore-card.backup-missing,
.backup-restore-card.recovery-review {
  border-color: #f0b9b9;
  background: #fff7f7;
}

.backup-restore-card.cloud-sync-needed,
.backup-restore-card.recovery-drill-needed {
  border-color: #f2cf86;
  background: #fffaf0;
}

.backup-restore-card .tool-buttons {
  justify-content: flex-end;
}

.private-beta-backup-export-readiness {
  margin: 16px 0;
}

.private-beta-backup-export-card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fff;
  box-shadow: var(--shadow-sm);
  padding: 18px;
}

.private-beta-backup-export-card.backup-export-ready {
  border-color: rgba(15, 118, 110, 0.28);
  background: linear-gradient(180deg, rgba(20, 184, 166, 0.08), #fff 58%);
}

.private-beta-backup-export-card.backup-export-review {
  border-color: rgba(217, 119, 6, 0.28);
  background: linear-gradient(180deg, rgba(245, 158, 11, 0.08), #fff 58%);
}

.private-beta-backup-export-card.backup-export-blocked {
  border-color: rgba(220, 38, 38, 0.22);
  background: linear-gradient(180deg, rgba(248, 113, 113, 0.08), #fff 58%);
}

.private-beta-backup-export-card .tool-buttons {
  justify-content: flex-end;
}

.private-beta-backup-export-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(120px, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.private-beta-backup-export-readiness.compact .private-beta-backup-export-card {
  padding: 14px;
}

.private-beta-backup-export-readiness.compact .private-beta-backup-export-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.company-backup-recovery-drill {
  margin: 16px 0;
}

.company-backup-recovery-card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fff;
  box-shadow: var(--shadow-sm);
  padding: 18px;
}

.company-backup-recovery-card.company-recovery-ready {
  border-color: rgba(15, 118, 110, 0.28);
  background: linear-gradient(180deg, rgba(20, 184, 166, 0.08), #fff 58%);
}

.company-backup-recovery-card.company-recovery-review {
  border-color: rgba(217, 119, 6, 0.28);
  background: linear-gradient(180deg, rgba(245, 158, 11, 0.08), #fff 58%);
}

.company-backup-recovery-card.company-recovery-blocked {
  border-color: rgba(220, 38, 38, 0.22);
  background: linear-gradient(180deg, rgba(248, 113, 113, 0.08), #fff 58%);
}

.company-backup-recovery-card .tool-buttons {
  justify-content: flex-end;
}

.company-backup-recovery-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(120px, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.company-backup-recovery-drill.compact .company-backup-recovery-card {
  padding: 14px;
}

.company-backup-recovery-drill.compact .company-backup-recovery-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.first-design-run-checklist {
  margin: 16px 0;
}

.first-design-run-card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fff;
  box-shadow: var(--shadow-sm);
  padding: 18px;
}

.first-design-run-card.design-run-ready {
  border-color: rgba(15, 118, 110, 0.28);
  background: linear-gradient(180deg, rgba(20, 184, 166, 0.08), #fff 58%);
}

.first-design-run-card.design-run-review {
  border-color: rgba(217, 119, 6, 0.28);
  background: linear-gradient(180deg, rgba(245, 158, 11, 0.08), #fff 58%);
}

.first-design-run-card.design-run-blocked {
  border-color: rgba(220, 38, 38, 0.22);
  background: linear-gradient(180deg, rgba(248, 113, 113, 0.08), #fff 58%);
}

.first-design-run-metrics,
.first-design-run-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(120px, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.first-design-run-grid {
  display: grid;
  grid-template-columns: 1.1fr 1.4fr 1fr;
  gap: 14px;
}

.first-design-run-step {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 10px;
  text-align: left;
  display: grid;
  gap: 4px;
  width: 100%;
}

.first-design-run-step.pass {
  border-color: rgba(15, 118, 110, 0.28);
  background: #f2fbf6;
}

.first-design-run-step.warn {
  border-color: rgba(217, 119, 6, 0.28);
  background: #fffaf0;
}

.first-design-run-step.fix {
  border-color: rgba(220, 38, 38, 0.22);
  background: #fff7f7;
}

.first-design-run-step strong,
.first-design-run-step span,
.first-design-run-step small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.first-design-run-checklist.compact .first-design-run-card {
  padding: 14px;
}

.first-design-run-checklist.compact .first-design-run-metrics,
.first-design-run-checklist.compact .first-design-run-flow {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.first-design-run-checklist.compact .first-design-run-grid {
  grid-template-columns: 1fr;
}

.first-room-guided-takeoff-pilot {
  margin: 16px 0;
}

.first-room-pilot-card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fff;
  box-shadow: var(--shadow-sm);
  padding: 18px;
}

.first-room-pilot-card.ready {
  border-color: rgba(15, 118, 110, 0.28);
  background: linear-gradient(180deg, rgba(20, 184, 166, 0.08), #fff 58%);
}

.first-room-pilot-card.review {
  border-color: rgba(217, 119, 6, 0.28);
  background: linear-gradient(180deg, rgba(245, 158, 11, 0.08), #fff 58%);
}

.first-room-pilot-card.blocked {
  border-color: rgba(220, 38, 38, 0.22);
  background: linear-gradient(180deg, rgba(248, 113, 113, 0.08), #fff 58%);
}

.first-room-pilot-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(96px, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.first-room-pilot-grid {
  display: grid;
  grid-template-columns: 1fr 1.35fr 0.9fr;
  gap: 14px;
}

.first-room-pilot-step {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 10px;
  text-align: left;
  display: grid;
  gap: 4px;
  width: 100%;
}

.first-room-pilot-step.pass {
  border-color: rgba(15, 118, 110, 0.28);
  background: #f2fbf6;
}

.first-room-pilot-step.warn {
  border-color: rgba(217, 119, 6, 0.28);
  background: #fffaf0;
}

.first-room-pilot-step.fix {
  border-color: rgba(220, 38, 38, 0.22);
  background: #fff7f7;
}

.first-room-pilot-step strong,
.first-room-pilot-step span,
.first-room-pilot-step small,
.first-room-pilot-grid p {
  min-width: 0;
  overflow-wrap: anywhere;
}

.first-room-guided-takeoff-pilot.compact .first-room-pilot-card {
  padding: 14px;
}

.first-room-guided-takeoff-pilot.compact .first-room-pilot-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.first-room-guided-takeoff-pilot.compact .first-room-pilot-grid {
  grid-template-columns: 1fr;
}

.backup-restore-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(120px, 1fr));
  gap: 10px;
}

@media (max-width: 900px) {
  .app-shell {
    grid-template-columns: 1fr;
  }

  .sidebar {
    position: static;
    padding: 16px;
    gap: 16px;
  }

  .topbar,
  .two-column,
  .dashboard-head,
  .plan-workspace,
  .mobile-flow,
  .cloud-panel {
    display: grid;
  }

  .workspace {
    padding: 16px;
  }

  .plan-workspace {
    grid-template-columns: 1fr;
  }

  .top-actions,
  .export-grid,
  .qa-actions,
  .map-toolbar,
  .tool-buttons,
  .folder-tabs,
  .auth-grid,
  .pdf-page-strip {
    display: grid;
    grid-template-columns: 1fr;
  }

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

  .final-lock-card,
  .final-lock-metrics {
    grid-template-columns: 1fr;
  }

  .form-grid,
  .defaults-grid,
  .standards-grid,
  .wizard-head,
  .wizard-form,
  .wizard-launch-metrics,
  .wizard-launch-steps,
  .control-center-head,
  .control-metrics,
  .control-grid,
  .production-launch-score,
  .production-launch-lanes,
  .production-launch-grid,
  .formula-audit-metrics,
  .formula-audit-grid,
  .manualj-category-confidence-metrics,
  .manualj-category-confidence-grid,
  .real-plan-intake-metrics,
  .real-plan-intake-grid,
  .first-design-run-metrics,
  .first-design-run-flow,
  .first-design-run-grid,
  .first-room-pilot-metrics,
  .first-room-pilot-grid,
  .remote-real-design-gate-metrics,
  .remote-real-design-gate-grid,
  .real-design-command-metrics,
  .real-design-command-grid,
  .beta-launch-packet-grid,
  .guided-workflow-meter,
  .guided-workflow-stages,
  .workflow-evidence-grid,
  .real-design-run-sheet-metrics,
  .real-design-run-sheet-actions,
  .room-envelope-summary,
  .guided-run-grid,
  .guided-stage-grid,
  .start-columns,
  .progress-card,
  .load-input-grid,
  .load-summary-grid,
  .backup-actions,
  .manualj-summary,
  .manualj-validation-summary,
  .validation-campaign-meters,
  .validation-campaign-grid,
  .validation-execution-meters,
  .validation-evidence-meters,
  .validation-evidence-form,
  .reference-evidence-metrics,
  .reference-comparison-intake-metrics,
  .reference-comparison-intake-grid,
  .reference-crosscheck-metrics,
  .reference-crosscheck-lanes,
  .reference-crosscheck-stage-grid,
  .reference-comparison-campaign-workbench-metrics,
  .reference-comparison-campaign-workbench.compact .reference-comparison-campaign-workbench-metrics,
  .reference-run-pack-metrics,
  .reference-run-pack-grid,
  .real-job-intake-grid,
  .validation-job-editor-head,
  .validation-approval-grid,
  .reference-job-metrics,
  .reference-job-steps,
  .validation-run-summary,
  .validation-run-steps,
  .manualj-grid,
  .upload-grid,
  .upload-cloud-summary,
  .backup-summary,
  .backup-restore-metrics,
  .private-beta-backup-export-metrics,
  .company-backup-recovery-metrics,
  .dashboard-stats,
  .dashboard-filter-grid,
  .dashboard-bulk-actions,
  .detect-tuning-controls,
  .detect-tuning-cards,
  .auto-detect-review-metrics,
  .plan-room-label-metrics,
  .capture-grid,
  .takeoff-form,
  .plan-tools,
  .cloud-panel,
  .reference-guide-grid,
  .readiness-grid,
  .qa-grid,
  .pricing-grid,
  .paid-launch-summary,
  .legal-doc-grid,
  .legal-page-preview-grid,
  .retention-summary,
  .retention-window-grid,
  .cancellation-summary,
  .cancellation-form-grid,
  .usage-analytics-summary,
  .error-logging-summary,
  .secure-file-summary,
  .quarantine-summary,
  .seat-billing-summary,
  .seat-billing-plan-grid,
  .plan-limit-summary,
  .plan-limit-tier-grid,
  .beta-paid-summary,
  .billing-portal-summary,
  .stripe-checkout-summary,
  .stripe-sandbox-summary,
  .stripe-sandbox-step-grid,
  .stripe-test-scenario-card .control-center-head,
  .real-plan-go-summary,
  .real-plan-go-grid,
  .first-plan-reviewer-summary,
  .first-plan-reviewer-grid,
  .first-plan-evidence-binder-summary,
  .first-plan-evidence-binder-grid,
  .first-plan-cloud-restore-list,
  .real-test-design-command-center-summary,
  .real-test-design-command-center-grid,
  .real-test-design-restore-gate-list,
  .beta-paid-steps,
  .crm-handoff-summary,
  .webhook-events-summary,
  .email-readiness-summary,
  .analytics-grid,
  .export-grid,
  .admin-grid,
  .settings-grid,
  .invite-form,
  .test-flow-grid,
  .program-card,
  .opening-entry,
  .opening-import-options,
  .approval-grid,
  .acceptance-grid,
  .roadmap-summary,
  .launch-sprint-metrics,
  .launch-sprint-grid,
  .launch-foundation-grid,
  .launch-week-grid,
  .four-week-proof-metrics,
  .four-week-proof-grid,
  .market-launch-metrics,
  .market-launch-lanes,
  .sales-claim-metrics,
  .sales-claim-grid,
  .owner-go-live-metrics,
  .owner-go-live-grid,
  .deployment-recovery-metrics,
  .cloud-backend-metrics,
  .cloud-backend-grid,
  .national-design-temp-metrics,
  .national-design-temp-grid,
  .design-basis-source-authority-metrics,
  .design-basis-source-authority-rollup,
  .manualj-calibration-metrics,
  .manualj-calibration-grid,
  .roadmap-controls,
  .feedback-triage-grid,
  .beta-issue-summary,
  .beta-issue-area-grid,
  .integration-summary,
  .integration-grid,
  .live-access-metrics,
  .live-access-grid,
  .ops-grid,
  .equipment-summary,
  .company-beta-stats,
  .company-beta-controls,
  .company-beta-trend-grid,
  .company-validation-meters,
  .company-validation-controls,
  .cohort-release-lanes,
  .cohort-release-grid,
  .validation-accelerator-metrics,
  .validation-accelerator-targets,
  .validation-accelerator-grid,
  .first-reference-metrics,
  .first-reference-grid,
  .validation-evidence-completion-metrics,
  .validation-evidence-completion-grid,
  .design-basis-lock-metrics,
  .design-basis-lock-grid,
  .company-variance-meters,
  .company-variance-controls,
  .supply-return-summary,
  .equipment-guardrail-summary,
  .program-report-pack-summary,
  .ahj-code-summary,
  .plan-to-load-summary,
  .ahri-matchup-summary,
  .signoff-panel,
  .tuning-task-summary,
  .company-tuning-task-meters,
  .company-tuning-task-controls,
  .final-review-meters,
  .final-review-controls,
  .launch-readiness-summary,
  .launch-next-grid,
  .launch-readiness-tables,
  .beta-invite-summary,
  .admin-beta-summary,
  .company-setup-summary,
  .calculation-input-metrics,
  .calculation-input-trust-metrics,
  .current-reference-crosscheck-metrics,
  .validation-cohort-acceptance-metrics,
  .calculation-input-grid,
  .current-reference-crosscheck-grid,
  .validation-cohort-acceptance-grid,
  .validation-cohort-acceptance-slots,
  .manualj-provenance-summary,
  .manualj-lock-summary,
  .manualj-provenance-grid,
  .detect-preset-grid {
    grid-template-columns: 1fr;
  }

  .validation-accelerator-item {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .field-actions {
    display: grid;
  }

  .review-table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
  }

  .review-table th,
  .review-table td {
    min-width: 120px;
    white-space: normal;
  }

  .room-table {
    min-width: 720px;
  }

  .plan-stage-wrap {
    min-height: 420px;
  }
}

@media (max-width: 520px) {
  .workspace {
    padding: 10px;
  }

  h1 {
    font-size: 24px;
  }

  h2 {
    font-size: 20px;
  }

  .brand-mark,
  .logo-mark svg {
    width: 36px;
    height: 36px;
  }

  .wizard-card {
    padding: 12px;
  }

  .wizard-score {
    width: 100%;
  }

  .wizard-score strong {
    font-size: 24px;
  }

  .steps {
    grid-template-columns: 1fr;
  }

  .notice,
  .screen {
    border-radius: 6px;
  }

  .screen {
    padding: 12px;
  }

  button,
  .mini-button {
    width: 100%;
    min-height: 42px;
  }

  .badge {
    max-width: 100%;
    white-space: normal;
    text-align: left;
  }

  .topbar,
  .section-head,
  .compact-head,
  .export-status-card {
    gap: 10px;
  }

.review-table th,
.review-table td {
  min-width: 108px;
  padding: 10px 8px;
}
}

.revision-visual-diff {
  margin-top: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: #fff;
  display: grid;
  gap: 10px;
}

.revision-visual-diff > div:first-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
}

.revision-visual-diff strong {
  font-size: 14px;
}

.revision-visual-diff span,
.revision-visual-diff p {
  color: var(--muted);
  font-size: 12px;
}

.revision-visual-diff.fix {
  border-color: rgba(179, 58, 48, 0.38);
  background: #fff7f5;
}

.revision-visual-diff.warn {
  border-color: rgba(184, 135, 21, 0.38);
  background: #fffaf0;
}

.revision-visual-diff.pass {
  border-color: rgba(23, 114, 77, 0.32);
  background: #f4fbf7;
}

.visual-diff-grid {
  width: min(100%, 520px);
  display: grid;
  grid-template-columns: repeat(var(--visual-grid-columns, 22), minmax(7px, 1fr));
  gap: 2px;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #f8faf9;
}

.visual-diff-cell {
  aspect-ratio: 1;
  border-radius: 2px;
  background: #dfe8e6;
}

.visual-diff-cell.changed {
  background: #f2b44c;
}

.visual-diff-cell.high {
  background: #d34e3f;
}

.visual-zone-table {
  margin-top: 2px;
}

.pixel-diff-summary {
  display: grid;
  gap: 4px;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 10px;
  background: #fff;
}

.pixel-diff-summary.fix {
  border-color: rgba(179, 58, 48, 0.36);
  background: #fff7f5;
}

.pixel-diff-summary.warn {
  border-color: rgba(184, 135, 21, 0.36);
  background: #fffaf0;
}

.pixel-diff-summary.pass {
  border-color: rgba(23, 114, 77, 0.3);
  background: #f4fbf7;
}

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

.revision-preview-pair figure {
  margin: 0;
  display: grid;
  gap: 6px;
  min-width: 0;
}

.revision-preview-frame,
.preview-placeholder {
  width: 100%;
  aspect-ratio: 36 / 25;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #fff;
  object-fit: contain;
}

.revision-preview-frame {
  position: relative;
  overflow: hidden;
}

.revision-preview-frame img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

.revision-preview-heatmap {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: repeat(var(--visual-grid-columns, 22), 1fr);
  grid-template-rows: repeat(var(--visual-grid-rows, 15), 1fr);
  pointer-events: none;
}

.revision-preview-heatmap span {
  border: 1px solid transparent;
}

.revision-preview-heatmap span.changed {
  border-color: rgba(242, 106, 33, 0.6);
  background: rgba(242, 180, 76, 0.22);
}

.revision-preview-heatmap span.high {
  border-color: rgba(179, 58, 48, 0.76);
  background: rgba(211, 78, 63, 0.3);
}

.preview-placeholder {
  display: grid;
  place-items: center;
  padding: 10px;
  color: var(--muted);
  font-size: 12px;
  text-align: center;
}

.revision-preview-pair figcaption {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

@media (max-width: 640px) {
  .revision-preview-pair {
    grid-template-columns: 1fr;
  }
}
.real-plan-regression-card {
  margin-top: 18px;
}

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

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

.regression-slot.passed {
  border-color: rgba(22, 163, 74, 0.45);
}

.regression-slot.review {
  border-color: rgba(217, 119, 6, 0.45);
}

.regression-slot-head {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  justify-content: space-between;
}

.regression-slot-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 10px 0;
}

.regression-slot-stats span {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 8px;
  background: rgba(255, 255, 255, 0.72);
  color: var(--muted);
}

.regression-slot-stats strong {
  display: block;
  color: var(--ink);
  font-size: 1rem;
}

@media (max-width: 980px) {
  .regression-slot-grid {
    grid-template-columns: 1fr;
  }
}

/* Mobile hardening layer for beta testers opening the app from phones. */
.manualj-run-evidence-lock-card {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--panel);
  padding: 18px;
  display: grid;
  gap: 16px;
  min-width: 0;
}

.manualj-run-evidence-lock-card.ready {
  border-color: rgba(21, 128, 61, 0.35);
}

.manualj-run-evidence-lock-card.review {
  border-color: rgba(180, 83, 9, 0.35);
}

.manualj-run-evidence-lock-card.locked {
  border-color: rgba(185, 28, 28, 0.35);
}

.manualj-run-evidence-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.manualj-run-evidence-table th,
.manualj-run-evidence-table td {
  vertical-align: top;
}

.manualj-run-evidence-promotion-lock.compact .manualj-run-evidence-lock-card {
  padding: 14px;
}

.manualj-run-signature-lock-card {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--panel);
  padding: 18px;
  display: grid;
  gap: 16px;
  min-width: 0;
}

.manualj-run-signature-lock-card.ready {
  border-color: rgba(21, 128, 61, 0.35);
}

.manualj-run-signature-lock-card.review {
  border-color: rgba(180, 83, 9, 0.35);
}

.manualj-run-signature-lock-card.locked {
  border-color: rgba(185, 28, 28, 0.35);
}

.manualj-run-signature-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.manualj-run-signature-code {
  display: grid;
  gap: 6px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #f8fafb;
  padding: 12px;
  min-width: 0;
}

.manualj-run-signature-code code {
  display: block;
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: normal;
  color: var(--ink);
  font-size: 0.86rem;
}

.manualj-run-signature-lock.compact .manualj-run-signature-lock-card {
  padding: 14px;
}

.live-test-command-card {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--panel);
  padding: 18px;
  display: grid;
  gap: 16px;
  min-width: 0;
}

.live-test-command-card.controlled-release-ready,
.live-test-command-card.ready-for-manager-review {
  border-color: rgba(21, 128, 61, 0.35);
}

.live-test-command-card.first-room-test-ready,
.live-test-command-card.upload-scale-ready {
  border-color: rgba(180, 83, 9, 0.35);
}

.live-test-command-card.setup-required {
  border-color: rgba(185, 28, 28, 0.35);
}

.live-test-command-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.live-test-command-grid {
  display: grid;
  grid-template-columns: minmax(260px, 0.85fr) minmax(320px, 1.3fr) minmax(220px, 0.75fr);
  gap: 14px;
  align-items: start;
  min-width: 0;
}

.live-test-command-center.compact .live-test-command-card {
  padding: 14px;
}

.validation-countability-card {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--panel);
  padding: 18px;
  display: grid;
  gap: 16px;
  min-width: 0;
}

.validation-countability-card.beta-credit-countable,
.validation-countability-card.standalone-credit-countable {
  border-color: rgba(21, 128, 61, 0.35);
}

.validation-countability-card.countable-with-review {
  border-color: rgba(180, 83, 9, 0.35);
}

.validation-countability-card.not-countable {
  border-color: rgba(185, 28, 28, 0.35);
}

.validation-countability-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

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

.current-validation-countability-lock.compact .validation-countability-card {
  padding: 14px;
}

@media (max-width: 920px) {
  .manualj-run-evidence-metrics,
  .manualj-run-signature-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .live-test-command-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .live-test-command-grid {
    grid-template-columns: 1fr;
  }

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

  .validation-countability-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  html,
  body,
  .app-shell,
  .workspace,
  .screen {
    width: 100%;
    max-width: 100%;
  }

  .workspace,
  .screen,
  .auth-gate,
  .auth-card,
  .manualj-card,
  .qa-panel,
  .admin-card,
  .integration-card,
  .dashboard-table,
  .real-plan-regression-card,
  .production-launch-card,
  .production-gate,
  .formula-audit-card,
  .formula-audit-list,
  .formula-audit-row,
  .manualj-category-confidence-card,
  .manualj-category-confidence-row,
  .real-design-command-card,
  .beta-launch-packet-card,
  .command-phase-lane,
  .command-action-lane,
  .command-evidence-lane,
  .plan-test-flow,
  .export-status-card {
    min-width: 0;
  }

  .topbar,
  .section-head,
  .compact-head,
  .integration-card-head,
  .live-access-head,
  .cohort-release-hero,
  .first-reference-hero,
  .validation-evidence-completion-hero,
  .design-basis-lock-hero,
  .market-launch-hero,
  .sales-claim-hero,
  .owner-go-live-hero,
  .dashboard-head,
  .regression-slot-head,
  .validation-job-editor-head,
  .final-lock-head {
    display: grid;
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .top-actions,
  .tool-buttons,
  .qa-actions,
  .dashboard-controls,
  .dashboard-bulk-actions,
  .folder-tabs,
  .pdf-actions,
  .map-toolbar,
  .plan-toolbar,
  .field-actions {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .top-actions > *,
  .tool-buttons > *,
  .qa-actions > *,
  .dashboard-controls > *,
  .dashboard-bulk-actions > *,
  .folder-tabs > *,
  .pdf-actions > *,
  .map-toolbar > *,
  .plan-toolbar > *,
  .field-actions > * {
    width: 100%;
    min-width: 0;
  }

  .production-launch-score,
  .production-launch-lanes,
  .production-launch-grid,
  .enforcement-metrics,
  .enforcement-phase-grid,
  .formula-audit-metrics,
  .formula-audit-grid,
  .manualj-category-confidence-metrics,
  .manualj-category-confidence-grid {
    grid-template-columns: 1fr;
  }

  .button-like {
    width: 100%;
  }

  .production-gate,
  .production-lane,
  .phase-chip,
  .formula-audit-row {
    min-height: auto;
  }

  .readiness-card,
  .qa-check-item,
  .test-flow-step,
  .regression-slot,
  .wizard-card,
  .custom-domain-work-order-card,
  .remote-real-design-gate-card,
  .domain-activation-grid > *,
  .beta-score-panel,
  .library-status,
  .status-panel div {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .badge,
  .dashboard-badge,
  .qa-check-dot {
    display: inline-flex;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.2;
  }

  .review-table,
  .dashboard-table,
  .validation-import-panel,
  .validation-import-dossier,
  .post-import-evidence-queue-card,
  .beta-proof-shipping-card,
  .custom-domain-work-order-card,
  .remote-real-design-gate-card,
  .plan-version-table,
  .signoff-history .review-table {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .review-table table,
  table.review-table,
  .dashboard-table table {
    min-width: 680px;
  }

  .review-table th,
  .review-table td,
  .dashboard-table th,
  .dashboard-table td {
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .validation-import-dossier-metrics,
  .validation-import-dossier-grid,
  .post-import-evidence-metrics,
  .post-import-evidence-grid,
  .post-import-proof-actions-board,
  .beta-proof-shipping-metrics,
  .beta-proof-shipping-grid,
  .custom-domain-work-order-metrics,
  .custom-domain-work-order-grid,
  .remote-real-design-gate-metrics,
  .remote-real-design-gate-grid {
    grid-template-columns: 1fr;
  }

  input,
  select,
  textarea,
  button {
    min-width: 0;
  }

  .plan-stage-wrap,
  .pdf-viewer,
  .plan-canvas-wrap {
    max-width: 100%;
    overflow: auto;
  }
}

@media (max-width: 420px) {
  .auth-gate,
  .workspace {
    padding: 8px;
  }

  .auth-bootstrap-card,
  .auth-bootstrap-facts {
    grid-template-columns: 1fr;
  }

  .screen,
  .manualj-card,
  .qa-panel,
  .admin-card,
  .integration-card,
  .regression-slot,
  .real-design-command-card,
  .beta-launch-packet-card {
    padding: 10px;
  }

  h1 {
    font-size: 22px;
  }

  h2,
  .section-head h2 {
    font-size: 18px;
  }

  h3,
  .manualj-card h3,
  .integration-card-head h3 {
    font-size: 16px;
  }

  .readiness-card strong,
  .wizard-score strong {
    font-size: 20px;
  }

  .review-table table,
  table.review-table,
  .dashboard-table table {
    min-width: 620px;
  }
}

.validation-run-gate {
  border: 1px solid rgba(25, 174, 178, 0.24);
  border-radius: 8px;
  padding: 14px;
  background: #f8fbfb;
}

.real-plan-validation-score {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
}

.real-plan-validation-score.fix {
  border-left: 4px solid #c2410c;
  padding-left: 10px;
}

.real-plan-validation-score.warn {
  border-left: 4px solid #b7791f;
  padding-left: 10px;
}

.real-plan-validation-score.pass {
  border-left: 4px solid #118c7e;
  padding-left: 10px;
}

.real-plan-validation-next {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 10px 0;
  color: #172126;
}

.real-plan-validation-next strong {
  min-width: 0;
  overflow-wrap: anywhere;
}

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

.validation-gate-check {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: flex-start;
  width: 100%;
  text-align: left;
  padding: 10px;
  border: 1px solid #d8e3e3;
  border-radius: 8px;
  background: #fff;
  color: #172126;
}

.validation-gate-check:hover {
  border-color: #19aeb2;
  box-shadow: 0 8px 18px rgba(23, 33, 38, 0.08);
}

.validation-gate-check strong,
.validation-gate-check p,
.validation-gate-check small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.validation-gate-check p {
  margin: 4px 0;
  color: #42555b;
}

.validation-gate-check small {
  color: #687b82;
}

@media (max-width: 920px) {
  .real-plan-validation-score {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .real-plan-validation-score,
  .real-plan-validation-grid {
    grid-template-columns: 1fr;
  }

  .real-plan-validation-next {
    display: grid;
  }
}

.validation-fix-queue {
  border: 1px solid #d8e3e3;
  border-radius: 8px;
  padding: 14px;
  background: #fff;
}

.fix-queue-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  padding-left: 10px;
}

.fix-queue-summary.fix {
  border-left: 4px solid #c2410c;
}

.fix-queue-summary.warn {
  border-left: 4px solid #b7791f;
}

.fix-queue-summary.pass {
  border-left: 4px solid #118c7e;
}

.fix-queue-next {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 10px 0;
}

.fix-queue-next strong {
  min-width: 0;
  overflow-wrap: anywhere;
}

.fix-queue-owner-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 8px 0 12px;
}

.fix-owner-card {
  border: 1px solid #d8e3e3;
  border-radius: 8px;
  background: #f8fbfb;
  padding: 10px;
  text-align: left;
  color: #172126;
}

.fix-owner-card span,
.fix-owner-card small {
  display: block;
  color: #687b82;
  overflow-wrap: anywhere;
}

.fix-owner-card strong {
  display: block;
  margin: 4px 0;
  font-size: 22px;
}

.fix-queue-list {
  display: grid;
  gap: 8px;
}

.fix-queue-row {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: flex-start;
  width: 100%;
  border: 1px solid #d8e3e3;
  border-radius: 8px;
  background: #fff;
  color: #172126;
  padding: 10px;
  text-align: left;
}

.fix-queue-row.fix {
  border-left: 4px solid #c2410c;
}

.fix-queue-row.warn {
  border-left: 4px solid #b7791f;
}

.fix-priority {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: #172126;
  color: #fff;
  font-weight: 900;
}

.fix-queue-row strong,
.fix-queue-row p,
.fix-queue-row small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.fix-queue-row p {
  margin: 4px 0;
  color: #42555b;
}

.fix-queue-row small {
  color: #687b82;
}

.fix-queue-clear {
  border: 1px solid #cfe9df;
  border-radius: 8px;
  background: #f2fbf7;
  color: #17624d;
  padding: 12px;
  font-weight: 800;
}

@media (max-width: 920px) {
  .fix-queue-summary,
  .fix-queue-owner-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .fix-queue-summary,
  .fix-queue-owner-grid {
    grid-template-columns: 1fr;
  }

  .fix-queue-next {
    display: grid;
  }

  .fix-queue-row {
    grid-template-columns: 30px minmax(0, 1fr);
  }

  .fix-queue-row > .badge {
    grid-column: 2;
    width: max-content;
    max-width: 100%;
  }
}

.real-plan-session-wizard-card {
  border: 1px solid #d8e3e3;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 32px rgba(23, 33, 38, 0.08);
  margin: 18px 0;
  padding: clamp(14px, 2vw, 22px);
}

.real-plan-session-wizard-card.setup-required {
  border-left: 5px solid #c2410c;
}

.real-plan-session-wizard-card.active-session,
.real-plan-session-wizard-card.ready-for-manager-review,
.real-plan-session-wizard-card.review-required {
  border-left: 5px solid #0e8f85;
}

.real-plan-session-meter {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 16px 0;
}

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

.session-wizard-stage {
  align-items: start;
  border: 1px solid #d8e3e3;
  border-radius: 8px;
  background: #f8fbfb;
  color: #172126;
  display: grid;
  gap: 10px;
  grid-template-columns: 38px minmax(0, 1fr);
  min-height: 118px;
  padding: 12px;
  text-align: left;
}

.session-wizard-stage:hover {
  border-color: #0e8f85;
  background: #f2fbf7;
}

.session-wizard-stage > span {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: #172126;
  color: #ffffff;
  font-size: 0.78rem;
  font-weight: 900;
}

.session-wizard-stage.pass > span {
  background: #0e8f85;
}

.session-wizard-stage.warn > span {
  background: #b7791f;
}

.session-wizard-stage.fix > span {
  background: #c2410c;
}

.session-wizard-stage strong,
.session-wizard-stage p,
.session-wizard-stage small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.session-wizard-stage strong {
  font-size: 0.98rem;
}

.session-wizard-stage p {
  color: #42555b;
  line-height: 1.35;
  margin: 5px 0;
}

.session-wizard-stage small {
  color: #687b82;
  line-height: 1.3;
}

.session-wizard-evidence {
  border: 1px solid #e0eeee;
  border-radius: 8px;
  background: #fbfdfd;
  display: grid;
  gap: 8px;
  margin-top: 14px;
  padding: 12px;
}

.session-wizard-evidence > div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.session-wizard-evidence span {
  border: 1px solid #d8e3e3;
  border-radius: 999px;
  background: #ffffff;
  color: #42555b;
  font-size: 0.78rem;
  font-weight: 800;
  max-width: 100%;
  overflow-wrap: anywhere;
  padding: 5px 9px;
}

.real-plan-test-design-console-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  box-shadow: var(--shadow-soft);
  padding: 18px;
  margin: 16px 0;
  display: grid;
  gap: 16px;
  min-width: 0;
}

.real-plan-test-design-console-card.blocked {
  border-color: rgba(198, 67, 67, 0.36);
}

.real-plan-test-design-console-card.needs-review,
.real-plan-test-design-console-card.ready-for-beta-test-review {
  border-color: rgba(196, 138, 43, 0.4);
}

.real-plan-test-design-console-card.ready-for-manager-review,
.real-plan-test-design-console-card.reviewed-export-ready {
  border-color: rgba(44, 150, 105, 0.38);
}

.real-design-approval-board-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  box-shadow: var(--shadow-soft);
  padding: 18px;
  margin: 16px 0;
  display: grid;
  gap: 16px;
  min-width: 0;
}

.real-design-approval-board-card.blocked {
  border-color: rgba(198, 67, 67, 0.4);
}

.real-design-approval-board-card.review {
  border-color: rgba(196, 138, 43, 0.42);
}

.real-design-approval-board-card.ready-for-manager-review,
.real-design-approval-board-card.approved-export-ready {
  border-color: rgba(44, 150, 105, 0.42);
}

.real-design-approval-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.real-design-approval-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.real-design-approval-stage {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 12px;
  text-align: left;
}

.real-design-approval-stage.fix {
  border-color: rgba(198, 67, 67, 0.36);
}

.real-design-approval-stage.warn {
  border-color: rgba(196, 138, 43, 0.4);
}

.real-design-approval-stage.pass {
  border-color: rgba(44, 150, 105, 0.36);
}

.real-design-approval-stage span,
.real-design-approval-stage small {
  color: var(--muted);
  overflow-wrap: anywhere;
}

@media (max-width: 980px) {
  .real-design-approval-metrics,
  .real-design-approval-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .real-design-approval-board-card {
    padding: 14px;
  }

  .real-design-approval-metrics,
  .real-design-approval-grid {
    grid-template-columns: 1fr;
  }

  .real-design-approval-board-card .tool-buttons,
  .real-design-approval-board-card .tool-buttons button {
    width: 100%;
  }
}

.real-plan-test-console-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.real-plan-test-console-grid {
  display: grid;
  grid-template-columns: minmax(220px, 0.9fr) minmax(280px, 1.25fr) minmax(220px, 0.85fr);
  gap: 14px;
  align-items: start;
  min-width: 0;
}

.real-plan-test-console-grid section {
  min-width: 0;
}

.real-plan-test-console-grid h4 {
  margin: 0 0 10px;
}

.real-plan-test-phase-list {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.real-plan-test-phase {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 10px;
  width: 100%;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  color: var(--ink);
  text-align: left;
  padding: 10px 12px;
  cursor: pointer;
}

.real-plan-test-phase strong,
.real-plan-test-phase small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.real-plan-test-phase span {
  font-weight: 800;
  color: var(--muted);
}

.real-plan-test-phase small {
  grid-column: 1 / -1;
  color: var(--muted);
}

.real-plan-test-phase.ready {
  border-color: rgba(44, 150, 105, 0.38);
  background: rgba(44, 150, 105, 0.08);
}

.real-plan-test-phase.review {
  border-color: rgba(196, 138, 43, 0.42);
  background: rgba(196, 138, 43, 0.08);
}

.real-plan-test-phase.blocked {
  border-color: rgba(198, 67, 67, 0.38);
  background: rgba(198, 67, 67, 0.07);
}

.real-plan-test-evidence-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

.real-plan-test-evidence-list span {
  display: inline-flex;
  max-width: 100%;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface);
  color: var(--muted);
  padding: 6px 9px;
  font-size: 0.78rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.real-plan-launch-certificate-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  box-shadow: var(--shadow-soft);
  padding: 18px;
  margin: 16px 0;
  display: grid;
  gap: 16px;
  min-width: 0;
}

.real-plan-launch-certificate-card.blocked {
  border-color: rgba(198, 67, 67, 0.38);
}

.real-plan-launch-certificate-card.review-required,
.real-plan-launch-certificate-card.private-beta-ready,
.real-plan-launch-certificate-card.manager-review-ready {
  border-color: rgba(196, 138, 43, 0.4);
}

.real-plan-launch-certificate-card.final-export-approved {
  border-color: rgba(44, 150, 105, 0.42);
}

.real-plan-launch-cert-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.real-plan-launch-cert-grid {
  display: grid;
  grid-template-columns: minmax(300px, 1.15fr) minmax(240px, 0.85fr);
  gap: 14px;
  align-items: start;
  min-width: 0;
}

.real-plan-launch-cert-grid section {
  min-width: 0;
}

.real-plan-launch-cert-grid h4 {
  margin: 0 0 10px;
}

.real-plan-launch-cert-evidence {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

.real-plan-launch-cert-evidence span {
  display: inline-flex;
  max-width: 100%;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface);
  color: var(--muted);
  padding: 6px 9px;
  font-size: 0.78rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.real-plan-fast-start-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  box-shadow: var(--shadow-soft);
  padding: 18px;
  margin: 16px 0;
  display: grid;
  gap: 16px;
  min-width: 0;
}

.real-plan-fast-start-card.action-needed {
  border-color: rgba(198, 67, 67, 0.38);
}

.real-plan-fast-start-card.review-needed {
  border-color: rgba(196, 138, 43, 0.4);
}

.real-plan-fast-start-card.ready-for-review-packet {
  border-color: rgba(44, 150, 105, 0.42);
}

.real-plan-fast-start-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.real-plan-fast-start-stepper {
  display: grid;
  grid-template-columns: repeat(7, minmax(120px, 1fr));
  gap: 8px;
  min-width: 0;
}

.real-plan-fast-start-step {
  display: grid;
  gap: 6px;
  align-content: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  color: var(--ink);
  text-align: left;
  padding: 10px;
  min-width: 0;
  min-height: 118px;
  cursor: pointer;
}

.real-plan-fast-start-step span {
  display: inline-grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background: #172126;
  color: #fff;
  font-weight: 800;
  font-size: 0.78rem;
}

.real-plan-fast-start-step strong,
.real-plan-fast-start-step small {
  overflow-wrap: anywhere;
}

.real-plan-fast-start-step small {
  color: var(--muted);
}

.real-plan-fast-start-step.pass {
  border-color: rgba(44, 150, 105, 0.38);
  background: rgba(44, 150, 105, 0.08);
}

.real-plan-fast-start-step.warn {
  border-color: rgba(196, 138, 43, 0.42);
  background: rgba(196, 138, 43, 0.08);
}

.real-plan-fast-start-step.fix {
  border-color: rgba(198, 67, 67, 0.38);
  background: rgba(198, 67, 67, 0.07);
}

.real-plan-fast-start-grid {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(260px, 1fr);
  gap: 14px;
  min-width: 0;
}

.real-plan-fast-start-grid section {
  min-width: 0;
}

.real-plan-fast-start-grid h4 {
  margin: 0 0 10px;
}

.real-plan-fast-start-evidence {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

.real-plan-fast-start-evidence span {
  display: inline-flex;
  max-width: 100%;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface);
  color: var(--muted);
  padding: 6px 9px;
  font-size: 0.78rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.real-plan-workflow-command-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  box-shadow: var(--shadow-soft);
  padding: 18px;
  margin: 16px 0;
  display: grid;
  gap: 16px;
  min-width: 0;
}

.real-plan-workflow-command-card.blocked,
.real-plan-workflow-command-card.workflow-blocked {
  border-color: rgba(198, 67, 67, 0.38);
}

.real-plan-workflow-command-card.review,
.real-plan-workflow-command-card.workflow-review {
  border-color: rgba(196, 138, 43, 0.4);
}

.real-plan-workflow-command-card.ready,
.real-plan-workflow-command-card.workflow-ready {
  border-color: rgba(44, 150, 105, 0.42);
}

.real-plan-workflow-command-metrics,
.real-plan-workflow-command-grid,
.real-plan-workflow-command-evidence {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.real-plan-workflow-command-metrics {
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
}

.real-plan-workflow-command-grid {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.real-plan-workflow-command-step {
  display: grid;
  gap: 7px;
  align-content: start;
  min-height: 156px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  color: var(--ink);
  padding: 12px;
  text-align: left;
  cursor: pointer;
  min-width: 0;
}

.real-plan-workflow-command-step.pass {
  border-color: rgba(44, 150, 105, 0.38);
  background: rgba(44, 150, 105, 0.08);
}

.real-plan-workflow-command-step.warn {
  border-color: rgba(196, 138, 43, 0.42);
  background: rgba(196, 138, 43, 0.08);
}

.real-plan-workflow-command-step.fix {
  border-color: rgba(198, 67, 67, 0.38);
  background: rgba(198, 67, 67, 0.07);
}

.real-plan-workflow-command-step span,
.real-plan-workflow-command-step strong,
.real-plan-workflow-command-step p,
.real-plan-workflow-command-step small,
.real-plan-workflow-command-card p,
.real-plan-workflow-command-card strong,
.real-plan-workflow-command-card small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.real-plan-workflow-command-step span {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  border-radius: 999px;
  background: #eaf4ff;
  color: #0d3d66;
  padding: 3px 8px;
  font-size: 0.72rem;
  font-weight: 900;
}

.real-plan-workflow-command-step p {
  margin: 0;
  color: var(--muted);
  font-size: 0.84rem;
  line-height: 1.35;
}

.real-plan-workflow-command-step small {
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.35;
}

.real-plan-workflow-command-evidence {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.real-plan-workflow-command-evidence span {
  display: block;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--surface);
  color: var(--muted);
  padding: 7px 8px;
  font-size: 0.78rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.real-plan-workflow-command.compact .real-plan-workflow-command-card {
  padding: 14px;
  box-shadow: none;
}

.plan-viewer-guided-takeoff-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  box-shadow: var(--shadow-soft);
  padding: 18px;
  margin: 16px 0;
  display: grid;
  gap: 16px;
  min-width: 0;
}

.plan-viewer-guided-takeoff-card.setup-required {
  border-color: rgba(198, 67, 67, 0.38);
}

.plan-viewer-guided-takeoff-card.calibration-ready,
.plan-viewer-guided-takeoff-card.first-room-ready,
.plan-viewer-guided-takeoff-card.opening-review-ready {
  border-color: rgba(196, 138, 43, 0.4);
}

.plan-viewer-guided-takeoff-card.ready-for-review-packet {
  border-color: rgba(44, 150, 105, 0.42);
}

.plan-viewer-guide-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.plan-viewer-guide-stepper {
  display: grid;
  grid-template-columns: repeat(5, minmax(130px, 1fr));
  gap: 8px;
  min-width: 0;
}

.plan-viewer-guide-step {
  display: grid;
  gap: 6px;
  align-content: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  color: var(--ink);
  text-align: left;
  padding: 10px;
  min-width: 0;
  min-height: 120px;
  cursor: pointer;
}

.plan-viewer-guide-step span {
  display: inline-grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background: #172126;
  color: #fff;
  font-weight: 800;
  font-size: 0.78rem;
}

.plan-viewer-guide-step strong,
.plan-viewer-guide-step small {
  overflow-wrap: anywhere;
}

.plan-viewer-guide-step small {
  color: var(--muted);
}

.plan-viewer-guide-step.pass {
  border-color: rgba(44, 150, 105, 0.38);
  background: rgba(44, 150, 105, 0.08);
}

.plan-viewer-guide-step.warn {
  border-color: rgba(196, 138, 43, 0.42);
  background: rgba(196, 138, 43, 0.08);
}

.plan-viewer-guide-step.fix {
  border-color: rgba(198, 67, 67, 0.38);
  background: rgba(198, 67, 67, 0.07);
}

.plan-viewer-guide-grid {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(260px, 1fr);
  gap: 14px;
  min-width: 0;
}

.plan-viewer-guide-grid section {
  min-width: 0;
}

.plan-viewer-guide-grid h4 {
  margin: 0 0 10px;
}

.plan-viewer-guide-evidence {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
  margin-top: 10px;
}

.plan-viewer-guide-evidence span {
  display: inline-flex;
  max-width: 100%;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface);
  color: var(--muted);
  padding: 6px 9px;
  font-size: 0.78rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.manualj-guided-engine-runner-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  box-shadow: var(--shadow-soft);
  padding: 18px;
  margin: 16px 0;
  display: grid;
  gap: 16px;
  min-width: 0;
}

.manualj-guided-engine-runner-card.setup-required,
.manualj-guided-engine-runner-card.engine-run-ready {
  border-color: rgba(198, 67, 67, 0.38);
}

.manualj-guided-engine-runner-card.reference-review,
.manualj-guided-engine-runner-card.reviewer-signoff-ready {
  border-color: rgba(196, 138, 43, 0.4);
}

.manualj-guided-engine-runner-card.final-export-ready {
  border-color: rgba(44, 150, 105, 0.42);
}

.room-load-engine-run-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  box-shadow: var(--shadow-soft);
  padding: 18px;
  margin: 16px 0;
  display: grid;
  gap: 16px;
  min-width: 0;
}

.room-load-engine-run-card.locked {
  border-color: rgba(198, 67, 67, 0.38);
}

.room-load-engine-run-card.run-review,
.room-load-engine-run-card.review {
  border-color: rgba(196, 138, 43, 0.4);
}

.room-load-engine-run-card.ready {
  border-color: rgba(44, 150, 105, 0.42);
}

.room-load-engine-run-card h3,
.room-load-engine-run-card h4,
.room-load-engine-run-card p {
  margin-top: 0;
}

.room-load-engine-run-card p,
.room-load-engine-run-card span,
.room-load-engine-run-card strong,
.room-load-engine-run-card small,
.room-load-engine-run-card button {
  min-width: 0;
  overflow-wrap: anywhere;
}

.room-load-engine-metrics,
.room-load-engine-grid {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.room-load-engine-metrics {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.room-load-engine-grid {
  grid-template-columns: minmax(280px, 1.2fr) minmax(240px, 0.9fr) minmax(220px, 0.75fr);
  align-items: start;
}

.room-load-engine-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.room-load-engine-tags span {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 5px 8px;
  font-size: 0.78rem;
  font-weight: 700;
  background: #fff;
}

.room-load-engine-tags span.pass {
  border-color: rgba(44, 150, 105, 0.35);
  color: #116241;
}

.room-load-engine-tags span.fix {
  border-color: rgba(198, 67, 67, 0.35);
  color: #963131;
}

.room-load-engine-run-control.compact .room-load-engine-run-card {
  padding: 14px;
}

.room-load-engine-run-control.compact .room-load-engine-metrics,
.room-load-engine-run-control.compact .room-load-engine-grid {
  grid-template-columns: 1fr;
}

.room-load-engine-run-control.compact .qa-check-item small,
.room-load-engine-run-control.compact .control-list:nth-child(3) {
  display: none;
}

.reference-run-capture-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  box-shadow: var(--shadow-soft);
  padding: 18px;
  margin: 16px 0;
  display: grid;
  gap: 16px;
  min-width: 0;
}

.reference-run-capture-card.comfortload-run-needed,
.reference-run-capture-card.reference-capture-open {
  border-color: rgba(198, 67, 67, 0.38);
}

.reference-run-capture-card.ready-for-variance-review,
.reference-run-capture-card.ready-to-save-validation {
  border-color: rgba(196, 138, 43, 0.4);
}

.reference-run-capture-card.qualified-reference-captured {
  border-color: rgba(44, 150, 105, 0.42);
}

.reference-run-capture-card h3,
.reference-run-capture-card h4,
.reference-run-capture-card p {
  margin-top: 0;
}

.reference-run-capture-card p,
.reference-run-capture-card span,
.reference-run-capture-card strong,
.reference-run-capture-card small,
.reference-run-capture-card button {
  min-width: 0;
  overflow-wrap: anywhere;
}

.reference-run-capture-metrics,
.reference-run-capture-grid {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.reference-run-capture-metrics {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.reference-run-capture-grid {
  grid-template-columns: minmax(280px, 1.2fr) minmax(220px, 0.7fr) minmax(220px, 0.8fr);
  align-items: start;
}

.reference-run-capture-control.compact .reference-run-capture-card {
  padding: 14px;
}

.reference-run-capture-control.compact .reference-run-capture-metrics,
.reference-run-capture-control.compact .reference-run-capture-grid {
  grid-template-columns: 1fr;
}

.reference-run-capture-control.compact .qa-check-item small,
.reference-run-capture-control.compact .control-list:nth-child(3) {
  display: none;
}

.manualj-runner-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.manualj-runner-stepper {
  display: grid;
  grid-template-columns: repeat(5, minmax(130px, 1fr));
  gap: 8px;
  min-width: 0;
}

.manualj-runner-step {
  display: grid;
  gap: 6px;
  align-content: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  color: var(--ink);
  text-align: left;
  padding: 10px;
  min-width: 0;
  min-height: 124px;
  cursor: pointer;
}

.manualj-runner-step span {
  display: inline-grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background: #172126;
  color: #fff;
  font-weight: 800;
  font-size: 0.78rem;
}

.manualj-runner-step strong,
.manualj-runner-step small {
  overflow-wrap: anywhere;
}

.manualj-runner-step small {
  color: var(--muted);
}

.manualj-runner-step.pass {
  border-color: rgba(44, 150, 105, 0.38);
  background: rgba(44, 150, 105, 0.08);
}

.manualj-runner-step.warn {
  border-color: rgba(196, 138, 43, 0.42);
  background: rgba(196, 138, 43, 0.08);
}

.manualj-runner-step.fix {
  border-color: rgba(198, 67, 67, 0.38);
  background: rgba(198, 67, 67, 0.07);
}

.manualj-runner-grid {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(260px, 1fr);
  gap: 14px;
  min-width: 0;
}

.manualj-runner-grid section {
  min-width: 0;
}

.manualj-runner-grid h4 {
  margin: 0 0 10px;
}

.manualj-runner-evidence {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
  margin-top: 10px;
}

.manualj-run-readiness-card {
  border: 1px solid #d8e3e3;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 32px rgba(23, 33, 38, 0.08);
  margin: 18px 0;
  padding: clamp(14px, 2vw, 22px);
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.manualj-run-readiness-card.locked {
  border-left: 5px solid #c2410c;
}

.manualj-run-readiness-card.review {
  border-left: 5px solid #b7791f;
}

.manualj-run-readiness-card.ready {
  border-left: 5px solid #0e8f85;
}

.manualj-run-readiness-metrics {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 16px 0;
}

.manualj-run-readiness-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(280px, 1fr) minmax(280px, 1fr);
  min-width: 0;
}

.manualj-run-readiness-grid section {
  min-width: 0;
}

.manualj-run-readiness-grid h4 {
  margin: 0 0 10px;
}

.manualj-run-readiness-phase-list {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.manualj-run-readiness-phase {
  appearance: none;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  color: var(--ink);
  cursor: pointer;
  display: grid;
  gap: 6px;
  min-width: 0;
  min-height: 108px;
  padding: 10px;
  text-align: left;
}

.manualj-run-readiness-phase.ready {
  border-color: rgba(44, 150, 105, 0.38);
  background: rgba(44, 150, 105, 0.08);
}

.manualj-run-readiness-phase.review {
  border-color: rgba(196, 138, 43, 0.42);
  background: rgba(196, 138, 43, 0.08);
}

.manualj-run-readiness-phase.locked {
  border-color: rgba(198, 67, 67, 0.38);
  background: rgba(198, 67, 67, 0.07);
}

.manualj-run-readiness-card h3,
.manualj-run-readiness-card p,
.manualj-run-readiness-card strong,
.manualj-run-readiness-phase,
.manualj-run-readiness-phase small {
  overflow-wrap: anywhere;
}

.beta-validation-command-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(10, 90, 136, 0.06), rgba(255, 255, 255, 0.98));
  box-shadow: var(--shadow-soft);
  padding: 18px;
  margin: 16px 0;
  display: grid;
  gap: 16px;
  min-width: 0;
}

.beta-validation-command-card.blocked,
.beta-validation-command-card.current-plan-review {
  border-color: rgba(198, 67, 67, 0.34);
}

.beta-validation-command-card.current-plan-credit-ready,
.beta-validation-command-card.private-beta-ready {
  border-color: rgba(196, 138, 43, 0.42);
}

.beta-validation-command-card.reviewed-export-ready,
.beta-validation-command-card.standalone-sales-ready {
  border-color: rgba(44, 150, 105, 0.42);
}

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

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

.beta-validation-lane {
  display: grid;
  gap: 5px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  color: var(--ink);
  text-align: left;
  padding: 12px;
  min-width: 0;
  min-height: 98px;
  cursor: pointer;
}

.beta-validation-lane.pass {
  border-color: rgba(44, 150, 105, 0.4);
  background: rgba(44, 150, 105, 0.08);
}

.beta-validation-lane.warn {
  border-color: rgba(196, 138, 43, 0.42);
  background: rgba(196, 138, 43, 0.08);
}

.beta-validation-lane.fix {
  border-color: rgba(198, 67, 67, 0.34);
  background: rgba(198, 67, 67, 0.07);
}

.beta-validation-lane span,
.beta-validation-lane small {
  overflow-wrap: anywhere;
}

.beta-validation-lane strong {
  font-size: 1.45rem;
  line-height: 1;
}

.beta-validation-grid {
  display: grid;
  grid-template-columns: minmax(280px, 0.75fr) minmax(300px, 1.25fr);
  gap: 14px;
  min-width: 0;
}

.beta-validation-grid section {
  min-width: 0;
}

.beta-validation-grid h4 {
  margin: 0 0 10px;
}

.beta-validation-owner-rollup {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
  min-width: 0;
}

.beta-validation-owner-rollup article {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 10px;
  min-width: 0;
}

.beta-validation-owner-rollup span,
.beta-validation-owner-rollup small {
  display: block;
  color: var(--muted);
  overflow-wrap: anywhere;
}

.beta-validation-owner-rollup strong {
  display: block;
  margin: 4px 0;
  font-size: 1.15rem;
}

.beta-validation-boundary {
  border: 1px solid rgba(196, 138, 43, 0.28);
  border-radius: 8px;
  background: rgba(196, 138, 43, 0.07);
  padding: 12px;
  min-width: 0;
}

.beta-validation-boundary strong,
.beta-validation-boundary p {
  overflow-wrap: anywhere;
}

.beta-validation-boundary p {
  margin: 5px 0 0;
  color: var(--muted);
}

.manualj-beta-run-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(25, 174, 178, 0.06), rgba(255, 255, 255, 0.98));
  box-shadow: var(--shadow-soft);
  padding: 18px;
  margin: 16px 0;
  display: grid;
  gap: 16px;
  min-width: 0;
  color: #172126;
}

.manualj-beta-run-card.setup-required,
.manualj-beta-run-card.ready-to-run {
  border-color: rgba(196, 138, 43, 0.42);
}

.manualj-beta-run-card.validation-run-ready,
.manualj-beta-run-card.beta-review-ready,
.manualj-beta-run-card.reviewed-final-ready {
  border-color: rgba(44, 150, 105, 0.42);
}

.manualj-beta-run-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.manualj-beta-run-grid {
  display: grid;
  grid-template-columns: minmax(250px, 0.8fr) minmax(300px, 1.1fr) minmax(230px, 0.7fr);
  gap: 14px;
  min-width: 0;
  align-items: start;
}

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

.manualj-beta-run-step {
  display: grid;
  gap: 6px;
  min-width: 0;
  min-height: 118px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  color: var(--ink);
  padding: 11px;
  text-align: left;
  cursor: pointer;
}

.manualj-beta-run-step.pass {
  border-color: rgba(44, 150, 105, 0.38);
  background: rgba(44, 150, 105, 0.08);
}

.manualj-beta-run-step.warn {
  border-color: rgba(196, 138, 43, 0.42);
  background: rgba(196, 138, 43, 0.08);
}

.manualj-beta-run-step.fix {
  border-color: rgba(198, 67, 67, 0.38);
  background: rgba(198, 67, 67, 0.07);
}

.manualj-beta-run-card h3,
.manualj-beta-run-card h4,
.manualj-beta-run-card p,
.manualj-beta-run-card button,
.manualj-beta-run-step strong,
.manualj-beta-run-step span,
.manualj-beta-run-step small {
  overflow-wrap: anywhere;
}

.manualj-beta-run-step span {
  color: #0f766e;
  font-weight: 800;
}

.manualj-beta-run-step small {
  color: var(--muted);
  line-height: 1.35;
}

.manualj-engine-release-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(25, 174, 178, 0.07), rgba(255, 255, 255, 0.98));
  box-shadow: var(--shadow-soft);
  padding: 18px;
  margin: 16px 0;
  display: grid;
  gap: 16px;
  min-width: 0;
  color: #172126;
}

.manualj-engine-release-card.blocked {
  border-color: rgba(198, 67, 67, 0.38);
}

.manualj-engine-release-card.review,
.manualj-engine-release-card.validation-ready {
  border-color: rgba(196, 138, 43, 0.42);
}

.manualj-engine-release-card.final-ready,
.manualj-engine-release-card.standalone-review-ready {
  border-color: rgba(44, 150, 105, 0.42);
}

.manualj-release-requirement-coverage-gate {
  margin: 16px 0;
  max-width: 100%;
  min-width: 0;
}

.manualj-release-requirement-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(25, 174, 178, 0.06), rgba(255, 255, 255, 0.98));
  box-shadow: var(--shadow-soft);
  color: #172126;
  display: grid;
  gap: 16px;
  margin: 16px 0;
  min-width: 0;
  padding: 18px;
}

.manualj-release-requirement-card.locked {
  border-color: rgba(198, 67, 67, 0.34);
}

.manualj-release-requirement-card.review {
  border-color: rgba(196, 138, 43, 0.42);
}

.manualj-release-requirement-card.ready {
  border-color: rgba(44, 150, 105, 0.42);
}

.manualj-release-requirement-grid {
  align-items: start;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1.25fr) minmax(220px, 0.65fr) minmax(240px, 0.75fr);
  min-width: 0;
}

.manualj-release-requirement-card h3,
.manualj-release-requirement-card h4,
.manualj-release-requirement-card p,
.manualj-release-requirement-card strong,
.manualj-release-requirement-card small,
.manualj-release-requirement-card button {
  overflow-wrap: anywhere;
}

.manualj-release-requirement-coverage-gate.compact .manualj-release-requirement-card {
  padding: 14px;
}

.manualj-release-requirement-coverage-gate.compact .manualj-release-requirement-grid {
  grid-template-columns: 1fr;
}

.manualj-release-requirement-coverage-gate.compact .control-list:nth-child(3) {
  display: none;
}

.validation-job-countability-review-gate {
  margin: 16px 0;
  max-width: 100%;
  min-width: 0;
}

.validation-job-countability-card {
  background: linear-gradient(180deg, rgba(47, 139, 212, 0.06), rgba(255, 255, 255, 0.98));
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: var(--shadow-soft);
  color: #172126;
  display: grid;
  gap: 16px;
  margin: 16px 0;
  min-width: 0;
  padding: 18px;
}

.validation-job-countability-card.locked {
  border-color: rgba(198, 67, 67, 0.34);
}

.validation-job-countability-card.review {
  border-color: rgba(196, 138, 43, 0.42);
}

.validation-job-countability-card.ready {
  border-color: rgba(44, 150, 105, 0.42);
}

.validation-countability-metrics {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  min-width: 0;
}

.validation-countability-grid {
  align-items: start;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1.25fr) minmax(220px, 0.7fr) minmax(240px, 0.8fr);
  min-width: 0;
}

.validation-countability-slot-strip {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  min-width: 0;
}

.validation-countability-slot {
  align-items: center;
  background: rgba(23, 33, 38, 0.045);
  border: 1px solid var(--line);
  border-radius: 8px;
  display: grid;
  min-height: 56px;
  min-width: 0;
  padding: 8px;
  text-align: center;
}

.validation-countability-slot.filled {
  background: rgba(44, 150, 105, 0.1);
  border-color: rgba(44, 150, 105, 0.42);
}

.validation-countability-slot.open {
  background: rgba(198, 67, 67, 0.06);
  border-color: rgba(198, 67, 67, 0.24);
}

.validation-job-countability-card h3,
.validation-job-countability-card h4,
.validation-job-countability-card p,
.validation-job-countability-card strong,
.validation-job-countability-card small,
.validation-job-countability-card button {
  overflow-wrap: anywhere;
}

.validation-job-countability-review-gate.compact .validation-job-countability-card {
  padding: 14px;
}

.validation-job-countability-review-gate.compact .validation-countability-grid {
  grid-template-columns: 1fr;
}

.validation-job-countability-review-gate.compact .validation-countability-grid .control-list:nth-child(3) {
  display: none;
}

.validation-job-countability-review-gate.compact .validation-countability-metrics,
.validation-job-countability-review-gate.compact .validation-countability-slot-strip {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.manualj-engine-release-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.manualj-engine-release-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(210px, 1fr));
  gap: 10px;
  min-width: 0;
}

.manualj-engine-release-item {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  color: var(--ink);
  text-align: left;
  padding: 11px;
  min-width: 0;
  min-height: 156px;
  cursor: pointer;
}

.manualj-engine-release-item > span {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  background: #172126;
  color: #fff;
  font-weight: 800;
  font-size: 0.74rem;
}

.manualj-engine-release-item div {
  min-width: 0;
}

.manualj-engine-release-item strong,
.manualj-engine-release-item small,
.manualj-engine-release-item p,
.manualj-engine-release-item em {
  overflow-wrap: anywhere;
}

.manualj-engine-release-item small,
.manualj-engine-release-item em {
  color: var(--muted);
  font-size: 0.78rem;
  font-style: normal;
}

.manualj-engine-release-item p {
  margin: 6px 0;
  color: #33444d;
}

.manualj-engine-release-item.pass {
  border-color: rgba(44, 150, 105, 0.38);
  background: rgba(44, 150, 105, 0.08);
}

.manualj-engine-release-item.warn {
  border-color: rgba(196, 138, 43, 0.42);
  background: rgba(196, 138, 43, 0.08);
}

.manualj-engine-release-item.fix {
  border-color: rgba(198, 67, 67, 0.38);
  background: rgba(198, 67, 67, 0.07);
}

.manualj-engine-release-bottom {
  display: grid;
  grid-template-columns: minmax(260px, 0.85fr) minmax(280px, 1.15fr);
  gap: 14px;
  min-width: 0;
}

.manualj-engine-release-bottom section {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
  padding: 12px;
  min-width: 0;
}

.manualj-engine-release-bottom h4,
.manualj-engine-release-bottom p {
  overflow-wrap: anywhere;
}

.manualj-runner-evidence span {
  display: inline-flex;
  max-width: 100%;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface);
  color: var(--muted);
  padding: 6px 9px;
  font-size: 0.78rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.real-plan-validation-wizard-card {
  border: 1px solid #d8e3e3;
  border-radius: 8px;
  background: var(--panel);
  box-shadow: var(--shadow-soft);
  padding: 18px;
  margin: 16px 0;
  display: grid;
  gap: 16px;
  min-width: 0;
}

.real-plan-validation-wizard-card.setup-required,
.real-plan-validation-wizard-card.reference-review {
  border-color: rgba(198, 67, 67, 0.38);
}

.real-plan-validation-wizard-card.ready-for-reference-run,
.real-plan-validation-wizard-card.ready-to-save-validation-job,
.real-plan-validation-wizard-card.validation-job-saved {
  border-color: rgba(196, 138, 43, 0.42);
}

.real-plan-validation-wizard-card.beta-proof-progress {
  border-color: rgba(44, 150, 105, 0.42);
}

.validation-wizard-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.validation-wizard-stepper {
  display: grid;
  grid-template-columns: repeat(5, minmax(130px, 1fr));
  gap: 8px;
  min-width: 0;
}

.validation-wizard-step {
  display: grid;
  gap: 6px;
  align-content: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  color: var(--ink);
  text-align: left;
  padding: 10px;
  min-width: 0;
  min-height: 124px;
  cursor: pointer;
}

.validation-wizard-step span {
  display: inline-grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background: #172126;
  color: #fff;
  font-weight: 800;
  font-size: 0.78rem;
}

.validation-wizard-step strong,
.validation-wizard-step small {
  overflow-wrap: anywhere;
}

.validation-wizard-step small {
  color: var(--muted);
}

.validation-wizard-step.pass {
  border-color: rgba(44, 150, 105, 0.38);
  background: rgba(44, 150, 105, 0.08);
}

.validation-wizard-step.warn {
  border-color: rgba(196, 138, 43, 0.42);
  background: rgba(196, 138, 43, 0.08);
}

.validation-wizard-step.fix {
  border-color: rgba(198, 67, 67, 0.38);
  background: rgba(198, 67, 67, 0.07);
}

.validation-wizard-grid {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(260px, 1fr);
  gap: 14px;
  min-width: 0;
}

.validation-wizard-grid section {
  min-width: 0;
}

.validation-wizard-grid h4 {
  margin: 0 0 10px;
}

.validation-wizard-evidence {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
  margin-top: 10px;
}

.validation-wizard-evidence span {
  display: inline-flex;
  max-width: 100%;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface);
  color: var(--muted);
  padding: 6px 9px;
  font-size: 0.78rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.validation-evidence-approval-card {
  border: 1px solid #d8e3e3;
  border-radius: 8px;
  background: var(--panel);
  box-shadow: var(--shadow-soft);
  padding: 18px;
  margin: 16px 0;
  display: grid;
  gap: 16px;
  min-width: 0;
}

.validation-evidence-approval-card.approval-blocked {
  border-color: rgba(198, 67, 67, 0.38);
}

.validation-evidence-approval-card.approval-review {
  border-color: rgba(196, 138, 43, 0.42);
}

.validation-evidence-approval-card.approval-ready {
  border-color: rgba(44, 150, 105, 0.42);
}

.approval-center-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.approval-center-grid {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(260px, 1fr);
  gap: 14px;
  min-width: 0;
}

.approval-center-grid section {
  min-width: 0;
}

.approval-center-grid h4 {
  margin: 0 0 10px;
}

.approval-file-list {
  display: grid;
  gap: 8px;
  min-width: 0;
}

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

.approval-file-row strong,
.approval-file-row span {
  overflow-wrap: anywhere;
}

.approval-file-row.stored {
  border-color: rgba(44, 150, 105, 0.34);
  background: rgba(44, 150, 105, 0.07);
}

.approval-file-row.local,
.approval-file-row.registered,
.approval-file-row.uploading {
  border-color: rgba(196, 138, 43, 0.38);
  background: rgba(196, 138, 43, 0.07);
}

.approval-file-row.missing {
  border-color: rgba(198, 67, 67, 0.34);
  background: rgba(198, 67, 67, 0.06);
}

.approval-stage-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(130px, 1fr));
  gap: 8px;
  min-width: 0;
}

.approval-stage {
  display: grid;
  gap: 6px;
  align-content: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  color: var(--ink);
  text-align: left;
  padding: 10px;
  min-width: 0;
  min-height: 124px;
  cursor: pointer;
}

.approval-stage span {
  display: inline-grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background: #172126;
  color: #fff;
  font-weight: 800;
  font-size: 0.78rem;
}

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

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

.approval-stage.pass {
  border-color: rgba(44, 150, 105, 0.38);
  background: rgba(44, 150, 105, 0.08);
}

.approval-stage.warn {
  border-color: rgba(196, 138, 43, 0.42);
  background: rgba(196, 138, 43, 0.08);
}

.approval-stage.fix {
  border-color: rgba(198, 67, 67, 0.38);
  background: rgba(198, 67, 67, 0.07);
}

.real-job-campaign-runner-card {
  border: 1px solid #d8e3e3;
  border-radius: 8px;
  background: var(--panel);
  box-shadow: var(--shadow-soft);
  padding: 18px;
  margin: 16px 0;
  display: grid;
  gap: 16px;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.real-job-campaign-runner-card.setup-required,
.real-job-campaign-runner-card.campaign-running {
  border-color: rgba(196, 138, 43, 0.42);
}

.real-job-campaign-runner-card.beta-proof-ready,
.real-job-campaign-runner-card.standalone-proof-ready {
  border-color: rgba(44, 150, 105, 0.42);
}

.campaign-runner-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.campaign-runner-grid {
  display: grid;
  grid-template-columns: minmax(280px, 0.8fr) minmax(0, 1.2fr);
  gap: 14px;
  align-items: start;
  min-width: 0;
}

.campaign-runner-grid section {
  min-width: 0;
}

.campaign-runner-grid h4 {
  margin: 0 0 10px;
}

.campaign-runner-step-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
  min-width: 0;
}

.campaign-slot-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

.campaign-slot {
  appearance: none;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  color: var(--ink);
  display: grid;
  gap: 6px;
  align-content: start;
  min-height: 116px;
  min-width: 0;
  padding: 10px;
  text-align: left;
  cursor: pointer;
}

.campaign-slot.pass {
  border-color: rgba(44, 150, 105, 0.42);
  background: rgba(44, 150, 105, 0.07);
}

.campaign-slot.warn {
  border-color: rgba(196, 138, 43, 0.42);
  background: rgba(196, 138, 43, 0.07);
}

.campaign-slot.fix {
  border-color: rgba(198, 67, 67, 0.34);
  background: rgba(198, 67, 67, 0.06);
}

.campaign-slot span,
.campaign-slot small {
  color: var(--muted);
  font-size: 0.78rem;
}

.campaign-slot strong {
  font-size: 0.9rem;
}

.campaign-runner-table-wrap {
  display: block;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
}

.real-job-campaign-runner-card h3,
.real-job-campaign-runner-card h4,
.real-job-campaign-runner-card p,
.real-job-campaign-runner-card strong,
.real-job-campaign-runner-card small,
.real-job-campaign-runner-card th,
.real-job-campaign-runner-card td,
.campaign-slot {
  overflow-wrap: anywhere;
}

.validation-proof-slot-card {
  border: 1px solid #d7e7e5;
  border-radius: 8px;
  background: linear-gradient(180deg, #f8fcfb 0%, #ffffff 100%);
  box-shadow: var(--shadow-soft);
  padding: 18px;
  margin: 16px 0;
  display: grid;
  gap: 14px;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.validation-proof-slot-card.private-beta-ready,
.validation-proof-slot-card.standalone-review-ready {
  border-color: rgba(44, 150, 105, 0.42);
}

.validation-proof-metrics,
.validation-proof-lanes {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

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

.validation-proof-lane,
.validation-proof-slot {
  appearance: none;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  color: var(--ink);
  text-align: left;
  padding: 11px;
  min-width: 0;
  display: grid;
  gap: 6px;
  align-content: start;
}

.validation-proof-lane.pass,
.validation-proof-slot.pass {
  border-color: rgba(44, 150, 105, 0.42);
  background: rgba(44, 150, 105, 0.07);
}

.validation-proof-lane.warn,
.validation-proof-slot.warn {
  border-color: rgba(196, 138, 43, 0.42);
  background: rgba(196, 138, 43, 0.07);
}

.validation-proof-lane.fix,
.validation-proof-slot.fix {
  border-color: rgba(198, 67, 67, 0.34);
  background: rgba(198, 67, 67, 0.06);
}

.validation-proof-lane span,
.validation-proof-lane small,
.validation-proof-slot span,
.validation-proof-slot small {
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.35;
}

.validation-proof-lane strong,
.validation-proof-slot strong {
  font-size: 0.95rem;
}

.validation-proof-lane p,
.validation-proof-slot p {
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.4;
  margin: 0;
}

.validation-proof-slot-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

.validation-proof-slot {
  min-height: 112px;
}

.validation-proof-slot-board.compact .validation-proof-slot-card {
  padding: 14px;
}

.validation-proof-slot-board.compact .validation-proof-lanes,
.validation-proof-slot-board.compact .validation-proof-slot-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.validation-proof-slot-board.compact .validation-proof-slot p,
.validation-proof-slot-board.compact .validation-proof-lane p {
  display: none;
}

.validation-proof-slot-card h3,
.validation-proof-slot-card p,
.validation-proof-slot-card strong,
.validation-proof-slot-card small,
.validation-proof-lane,
.validation-proof-slot {
  overflow-wrap: anywhere;
}

.real-job-qualification-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  margin: 14px 0;
  background: var(--surface);
  box-shadow: var(--shadow-soft);
  min-width: 0;
}

.real-job-qualification-card.private-beta-qualified,
.real-job-qualification-card.standalone-review-qualified {
  border-color: rgba(44, 150, 105, 0.42);
}

.real-job-qualification-card.qualification-building {
  border-color: rgba(196, 138, 43, 0.42);
}

.real-job-qualification-metrics,
.real-job-qualification-grid {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.real-job-qualification-metrics {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 12px 0;
}

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

.real-job-qualification-check {
  appearance: none;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-muted);
  color: var(--ink);
  text-align: left;
  padding: 12px;
  min-width: 0;
  display: grid;
  gap: 6px;
}

.real-job-qualification-check.pass {
  border-color: rgba(44, 150, 105, 0.42);
  background: rgba(44, 150, 105, 0.07);
}

.real-job-qualification-check.warn {
  border-color: rgba(196, 138, 43, 0.42);
  background: rgba(196, 138, 43, 0.07);
}

.real-job-qualification-check.fix {
  border-color: rgba(198, 67, 67, 0.34);
  background: rgba(198, 67, 67, 0.06);
}

.real-job-qualification-check span,
.real-job-qualification-check small {
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.35;
}

.real-job-qualification-check p {
  color: var(--muted);
  font-size: 0.82rem;
  line-height: 1.4;
  margin: 0;
}

.real-job-validation-qualification-lock.compact .real-job-qualification-card {
  padding: 14px;
}

.real-job-validation-qualification-lock.compact .real-job-qualification-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.real-job-validation-qualification-lock.compact .real-job-qualification-check small {
  display: none;
}

.real-job-qualification-card h3,
.real-job-qualification-card p,
.real-job-qualification-card strong,
.real-job-qualification-card small,
.real-job-qualification-check {
  overflow-wrap: anywhere;
}

.validation-coverage-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  margin: 14px 0;
  background: var(--surface);
  box-shadow: var(--shadow-soft);
  min-width: 0;
}

.validation-coverage-card.private-beta-coverage-ready,
.validation-coverage-card.standalone-coverage-ready {
  border-color: rgba(33, 150, 83, 0.38);
}

.validation-coverage-card.coverage-building {
  border-color: rgba(238, 165, 37, 0.45);
}

.validation-coverage-card.needs-approved-jobs {
  border-color: rgba(209, 67, 67, 0.38);
}

.validation-coverage-metrics,
.validation-coverage-grid,
.validation-coverage-tables {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.validation-coverage-metrics {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 12px 0;
}

.validation-coverage-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 12px 0;
}

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

.validation-coverage-check {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  text-align: left;
  background: var(--surface-muted);
  min-width: 0;
}

.validation-coverage-check.pass {
  border-color: rgba(33, 150, 83, 0.32);
  background: rgba(33, 150, 83, 0.06);
}

.validation-coverage-check.warn {
  border-color: rgba(238, 165, 37, 0.38);
  background: rgba(238, 165, 37, 0.07);
}

.validation-coverage-check.fix {
  border-color: rgba(209, 67, 67, 0.38);
  background: rgba(209, 67, 67, 0.06);
}

.validation-coverage-check span,
.validation-coverage-check p {
  color: var(--muted);
}

.validation-coverage-check span {
  display: block;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 4px;
}

.validation-coverage-check p {
  margin: 6px 0 0;
  font-size: 0.84rem;
  line-height: 1.4;
}

.validation-coverage-card h3,
.validation-coverage-card p,
.validation-coverage-card strong,
.validation-coverage-card small,
.validation-coverage-card th,
.validation-coverage-card td,
.validation-coverage-check {
  overflow-wrap: anywhere;
}

.reference-report-import-card {
  border: 1px solid #d8e3e3;
  border-radius: 8px;
  background: var(--panel);
  box-shadow: var(--shadow-soft);
  padding: 18px;
  margin: 16px 0;
  display: grid;
  gap: 16px;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.reference-report-import-card.reference-report-needed,
.reference-report-import-card.review-staged-rows {
  border-color: rgba(196, 138, 43, 0.42);
}

.reference-report-import-card.import-ready,
.reference-report-import-card.stage-current-run {
  border-color: rgba(44, 150, 105, 0.42);
}

.reference-import-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.reference-import-grid {
  display: grid;
  grid-template-columns: minmax(280px, 0.85fr) minmax(0, 1.15fr);
  gap: 14px;
  align-items: start;
  min-width: 0;
}

.reference-import-grid section {
  min-width: 0;
}

.reference-import-grid h4 {
  margin: 0 0 10px;
}

.reference-import-stepper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
  min-width: 0;
}

.reference-import-table-wrap {
  display: block;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
}

.reference-report-import-card h3,
.reference-report-import-card h4,
.reference-report-import-card p,
.reference-report-import-card strong,
.reference-report-import-card small,
.reference-report-import-card th,
.reference-report-import-card td {
  overflow-wrap: anywhere;
}

.reference-attachment-mapper-card {
  border: 1px solid #d8e3e3;
  border-radius: 8px;
  background: var(--panel);
  box-shadow: var(--shadow-soft);
  padding: 18px;
  margin: 16px 0;
  display: grid;
  gap: 16px;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.reference-attachment-mapper-card.needs-reference-files,
.reference-attachment-mapper-card.needs-linking {
  border-color: rgba(196, 138, 43, 0.42);
}

.reference-attachment-mapper-card.suggestions-ready {
  border-color: rgba(47, 139, 212, 0.42);
}

.reference-attachment-mapper-card.campaign-evidence-ready {
  border-color: rgba(44, 150, 105, 0.42);
}

.reference-attachment-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.reference-attachment-grid {
  display: grid;
  grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.2fr);
  gap: 14px;
  align-items: start;
  min-width: 0;
}

.reference-attachment-grid section {
  min-width: 0;
}

.reference-attachment-grid h4 {
  margin: 0 0 10px;
}

.attachment-suggestion-list {
  display: grid;
  gap: 8px;
  margin-top: 10px;
  min-width: 0;
}

.reference-attachment-table-wrap {
  display: block;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
}

.reference-attachment-mapper-card h3,
.reference-attachment-mapper-card h4,
.reference-attachment-mapper-card p,
.reference-attachment-mapper-card strong,
.reference-attachment-mapper-card small,
.reference-attachment-mapper-card th,
.reference-attachment-mapper-card td {
  overflow-wrap: anywhere;
}

.reference-report-parser-panel {
  margin: 12px 0 16px;
}

.reference-report-parser-card {
  border: 1px solid #d8e3e3;
  border-radius: 8px;
  background: #fbfefd;
  padding: 14px;
  margin-top: 12px;
  display: grid;
  gap: 14px;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.reference-report-parser-card.needs-report-text {
  border-color: rgba(196, 138, 43, 0.42);
}

.reference-report-parser-card.partial-parse {
  border-color: rgba(47, 139, 212, 0.42);
}

.reference-report-parser-card.ready-for-review {
  border-color: rgba(44, 150, 105, 0.42);
}

.reference-parser-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.reference-parser-grid {
  display: grid;
  grid-template-columns: minmax(240px, 0.75fr) minmax(0, 1.25fr);
  gap: 14px;
  align-items: start;
  min-width: 0;
}

.reference-parser-grid section,
.reference-parser-table-wrap {
  min-width: 0;
}

.reference-parser-grid h4 {
  margin: 0 0 10px;
}

.reference-parser-table-wrap {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}

.reference-report-parser-card h4,
.reference-report-parser-card p,
.reference-report-parser-card td,
.reference-report-parser-card th {
  overflow-wrap: anywhere;
}

@media (max-width: 1060px) {
  .real-plan-session-meter,
  .session-wizard-path {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .real-plan-session-meter,
  .session-wizard-path {
    grid-template-columns: 1fr;
  }

  .session-wizard-stage {
    min-height: auto;
  }
}

.export-manifest-audit-card {
  border: 1px solid #d8e3e3;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 32px rgba(23, 33, 38, 0.08);
  margin: 18px 0;
  padding: clamp(14px, 2vw, 22px);
}

.export-manifest-audit-card.fix {
  border-left: 5px solid #c2410c;
}

.export-manifest-audit-card.review {
  border-left: 5px solid #b7791f;
}

.export-manifest-audit-card.pass {
  border-left: 5px solid #0e8f85;
}

.export-manifest-audit-metrics {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 16px 0;
}

.export-manifest-issues {
  display: grid;
  gap: 10px;
}

.export-manifest-issues .qa-check-item {
  min-width: 0;
}

.export-manifest-issues strong,
.export-manifest-issues p {
  overflow-wrap: anywhere;
}

@media (max-width: 920px) {
  .export-manifest-audit-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .export-manifest-audit-metrics {
    grid-template-columns: 1fr;
  }
}

.real-plan-upload-test-card {
  border: 1px solid #d8e3e3;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 32px rgba(23, 33, 38, 0.08);
  margin: 18px 0;
  padding: clamp(14px, 2vw, 22px);
}

.real-plan-upload-test-card.setup-required {
  border-left: 5px solid #c2410c;
}

.real-plan-upload-test-card.takeoff-ready-local,
.real-plan-upload-test-card.review {
  border-left: 5px solid #b7791f;
}

.real-plan-upload-test-card.active-test-ready-for-takeoff,
.real-plan-upload-test-card.ready {
  border-left: 5px solid #0e8f85;
}

.real-plan-upload-test-metrics {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 16px 0;
}

.real-plan-upload-test-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.35fr) minmax(0, 0.8fr);
}

.real-plan-upload-test-grid .control-list {
  min-width: 0;
}

.real-plan-upload-test-grid p,
.real-plan-upload-test-grid strong {
  overflow-wrap: anywhere;
}

.real-plan-test-evidence-lock-card {
  border: 1px solid #d8e3e3;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 32px rgba(23, 33, 38, 0.08);
  margin: 18px 0;
  padding: clamp(14px, 2vw, 22px);
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.real-plan-test-evidence-lock-card.locked {
  border-left: 5px solid #c2410c;
}

.real-plan-test-evidence-lock-card.review {
  border-left: 5px solid #b7791f;
}

.real-plan-test-evidence-lock-card.ready {
  border-left: 5px solid #0e8f85;
}

.real-plan-test-evidence-lock-metrics {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 16px 0;
}

.real-plan-test-evidence-lock-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(280px, 1fr) minmax(280px, 1fr);
}

.real-plan-test-evidence-phase-list {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.real-plan-test-evidence-phase {
  appearance: none;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  color: var(--ink);
  display: grid;
  gap: 6px;
  min-width: 0;
  min-height: 102px;
  padding: 10px;
  text-align: left;
}

.real-plan-test-evidence-phase.ready {
  border-color: rgba(44, 150, 105, 0.38);
  background: rgba(44, 150, 105, 0.08);
}

.real-plan-test-evidence-phase.review {
  border-color: rgba(196, 138, 43, 0.42);
  background: rgba(196, 138, 43, 0.08);
}

.real-plan-test-evidence-phase.locked {
  border-color: rgba(198, 67, 67, 0.38);
  background: rgba(198, 67, 67, 0.07);
}

.real-plan-test-evidence-lock-card h3,
.real-plan-test-evidence-lock-card p,
.real-plan-test-evidence-lock-card strong,
.real-plan-test-evidence-phase,
.real-plan-test-evidence-phase small {
  overflow-wrap: anywhere;
}

.real-plan-execution-card {
  border: 1px solid #d8e3e3;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 32px rgba(23, 33, 38, 0.08);
  margin: 18px 0;
  padding: clamp(14px, 2vw, 22px);
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.real-plan-execution-card.locked {
  border-left: 5px solid #c2410c;
}

.real-plan-execution-card.review {
  border-left: 5px solid #b7791f;
}

.real-plan-execution-card.ready {
  border-left: 5px solid #0e8f85;
}

.real-plan-execution-metrics {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 16px 0;
}

.real-plan-execution-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(240px, 0.95fr) minmax(280px, 1.2fr) minmax(220px, 0.85fr);
}

.real-plan-execution-grid .control-list {
  min-width: 0;
}

.real-plan-execution-card h3,
.real-plan-execution-card p,
.real-plan-execution-card strong,
.real-plan-execution-card small,
.real-plan-execution-card button {
  overflow-wrap: anywhere;
}

.live-real-plan-test-cockpit-card {
  border: 1px solid #d8e3e3;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 32px rgba(23, 33, 38, 0.08);
  margin: 18px 0;
  padding: clamp(14px, 2vw, 22px);
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.live-real-plan-test-cockpit-card.locked {
  border-left: 5px solid #c2410c;
}

.live-real-plan-test-cockpit-card.review {
  border-left: 5px solid #b7791f;
}

.live-real-plan-test-cockpit-card.ready {
  border-left: 5px solid #0e8f85;
}

.live-plan-cockpit-metrics {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 16px 0;
  min-width: 0;
}

.live-plan-cockpit-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(240px, 1.2fr) minmax(220px, 0.9fr) minmax(220px, 0.9fr);
  min-width: 0;
}

.live-plan-cockpit-grid .control-list {
  min-width: 0;
}

.live-real-plan-test-cockpit-card h3,
.live-real-plan-test-cockpit-card p,
.live-real-plan-test-cockpit-card strong,
.live-real-plan-test-cockpit-card small,
.live-real-plan-test-cockpit-card button {
  overflow-wrap: anywhere;
}

.live-real-plan-test-cockpit.compact .live-real-plan-test-cockpit-card {
  padding: 14px;
}

.live-real-plan-test-cockpit.compact .live-plan-cockpit-grid {
  grid-template-columns: 1fr;
}

.current-real-plan-test-run-flow {
  margin: 16px 0;
}

.current-real-plan-test-run-flow-card {
  border: 1px solid #d8e3e3;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(23, 33, 38, 0.08);
  padding: clamp(14px, 2vw, 22px);
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.current-real-plan-test-run-flow-card.locked {
  border-left: 5px solid #c2410c;
}

.current-real-plan-test-run-flow-card.review {
  border-left: 5px solid #b7791f;
}

.current-real-plan-test-run-flow-card.ready {
  border-left: 5px solid #0e8f85;
}

.current-run-flow-metrics {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 16px 0;
  min-width: 0;
}

.current-run-flow-strip {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 14px 0;
  min-width: 0;
}

.current-run-flow-step {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  grid-template-rows: auto auto;
  gap: 4px 9px;
  align-items: center;
  min-width: 0;
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  padding: 10px;
  text-align: left;
}

.current-run-flow-step > span {
  grid-row: 1 / span 2;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: #eef3f0;
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 900;
}

.current-run-flow-step.pass > span {
  background: #ecfdf5;
  color: #047857;
}

.current-run-flow-step.active {
  border-color: rgba(242, 106, 33, 0.55);
  background: #fff8f1;
}

.current-run-flow-step.active > span {
  background: #fff7ed;
  color: #c2410c;
}

.current-run-flow-step strong,
.current-run-flow-step small,
.current-real-plan-test-run-flow-card h3,
.current-real-plan-test-run-flow-card p,
.current-real-plan-test-run-flow-card button {
  overflow-wrap: anywhere;
}

.current-run-flow-step small {
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.32;
}

.current-run-flow-details {
  display: grid;
  gap: 6px;
  border-top: 1px solid var(--line);
  margin-top: 14px;
  padding-top: 12px;
}

.current-run-flow-details p {
  margin: 0;
  color: var(--muted);
  font-size: 0.88rem;
}

.current-real-plan-test-run-flow.compact .current-real-plan-test-run-flow-card {
  padding: 14px;
}

.current-real-plan-test-run-flow.compact .current-run-flow-strip {
  grid-template-columns: 1fr;
}

.current-real-plan-test-run-flow.compact .current-run-flow-step small {
  display: none;
}

.post-login-hydration-status {
  margin: 12px 0;
  max-width: 100%;
  min-width: 0;
}

.hydration-status-card {
  border: 1px solid #d8e3e3;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 32px rgba(23, 33, 38, 0.08);
  padding: clamp(14px, 2vw, 22px);
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.hydration-status-card.ready {
  border-left: 5px solid #0e8f85;
}

.hydration-status-card.running {
  border-left: 5px solid #2f8bd4;
}

.hydration-status-card.review {
  border-left: 5px solid #b7791f;
}

.hydration-status-card.idle {
  border-left: 5px solid #718096;
}

.hydration-status-metrics {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 14px 0;
}

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

.hydration-status-card h3,
.hydration-status-card p,
.hydration-status-card strong,
.hydration-status-card button {
  overflow-wrap: anywhere;
}

@media (max-width: 1060px) {
  .real-plan-upload-test-metrics,
  .real-plan-upload-test-grid,
  .real-plan-test-evidence-lock-metrics,
  .real-plan-test-evidence-lock-grid,
  .real-plan-test-evidence-phase-list,
  .real-plan-execution-metrics,
  .real-plan-execution-grid,
  .hydration-status-metrics,
  .hydration-task-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .real-plan-upload-test-metrics,
  .real-plan-upload-test-grid,
  .real-plan-test-evidence-lock-metrics,
  .real-plan-test-evidence-lock-grid,
  .real-plan-test-evidence-phase-list,
  .real-plan-execution-metrics,
  .real-plan-execution-grid,
  .hydration-status-metrics,
  .hydration-task-grid {
    grid-template-columns: 1fr;
  }

  .real-plan-test-evidence-lock-card .tool-buttons,
  .real-plan-execution-card .tool-buttons,
  .hydration-status-card .tool-buttons {
    align-items: stretch;
  }

  .real-plan-test-evidence-lock-card .tool-buttons button,
  .real-plan-execution-card .tool-buttons button,
  .hydration-status-card .tool-buttons button {
    width: 100%;
    min-width: 0;
  }
}

.first-plan-test-runner-card {
  border: 1px solid #d8e3e3;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 32px rgba(23, 33, 38, 0.08);
  margin: 18px 0;
  padding: clamp(14px, 2vw, 22px);
}

.first-plan-test-runner-card.setup-required {
  border-left: 5px solid #c2410c;
}

.first-plan-test-runner-card.upload-page-scale-ready,
.first-plan-test-runner-card.first-room-ready,
.first-plan-test-runner-card.review {
  border-left: 5px solid #b7791f;
}

.first-plan-test-runner-card.first-plan-milestone-ready,
.first-plan-test-runner-card.ready {
  border-left: 5px solid #0e8f85;
}

.first-plan-test-metrics {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 16px 0;
}

.first-plan-test-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.35fr) minmax(0, 0.8fr);
}

.first-plan-test-grid .control-list {
  min-width: 0;
}

.first-plan-test-grid p,
.first-plan-test-grid strong {
  overflow-wrap: anywhere;
}

.real-plan-readiness-card {
  border: 1px solid #d8e3e3;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 32px rgba(23, 33, 38, 0.08);
  margin: 18px 0;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  padding: clamp(14px, 2vw, 22px);
}

.real-plan-readiness-card.setup-required {
  border-left: 5px solid #c2410c;
}

.real-plan-readiness-card.upload-ready,
.real-plan-readiness-card.takeoff-ready,
.real-plan-readiness-card.load-run-ready,
.real-plan-readiness-card.review-package-ready {
  border-left: 5px solid #b7791f;
}

.real-plan-readiness-card.manager-review-ready {
  border-left: 5px solid #0e8f85;
}

.real-plan-readiness-metrics {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 16px 0;
}

.real-plan-readiness-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.35fr) minmax(0, 0.85fr);
}

.real-plan-readiness-step {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fbfb;
  color: inherit;
  cursor: pointer;
  display: grid;
  gap: 4px;
  margin: 8px 0;
  padding: 10px;
  text-align: left;
  width: 100%;
}

.real-plan-readiness-step.fix {
  border-color: rgba(194, 65, 12, 0.35);
}

.real-plan-readiness-step.warn {
  border-color: rgba(183, 121, 31, 0.35);
}

.real-plan-readiness-step.pass {
  border-color: rgba(14, 143, 133, 0.35);
}

.real-plan-readiness-card h3,
.real-plan-readiness-card p,
.real-plan-readiness-card strong,
.real-plan-readiness-card small,
.real-plan-readiness-card button {
  overflow-wrap: anywhere;
}

.real-plan-readiness-control.compact .real-plan-readiness-card,
.qa-panel.real-plan-readiness-control .real-plan-readiness-card {
  padding: 14px;
}

.real-plan-readiness-control.compact .real-plan-readiness-grid,
.qa-panel.real-plan-readiness-control .real-plan-readiness-grid {
  grid-template-columns: 1fr;
}

.plan-page-scale-card {
  border: 1px solid #d8e3e3;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 32px rgba(23, 33, 38, 0.08);
  margin: 18px 0;
  padding: clamp(14px, 2vw, 22px);
}

.plan-page-scale-card.setup-required {
  border-left: 5px solid #c2410c;
}

.plan-page-scale-card.in-progress {
  border-left: 5px solid #b7791f;
}

.plan-page-scale-card.page-scale-ready {
  border-left: 5px solid #0e8f85;
}

.plan-page-scale-metrics {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 16px 0;
}

.plan-page-scale-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.4fr) minmax(0, 0.8fr);
}

.plan-page-scale-grid .control-list {
  min-width: 0;
}

.plan-page-scale-grid p,
.plan-page-scale-grid strong,
.plan-page-scale-card h3 {
  overflow-wrap: anywhere;
}

.plan-page-scale-card .tool-buttons {
  align-items: center;
}

.final-missing-resolver-card {
  border: 1px solid #d8e3e3;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 32px rgba(23, 33, 38, 0.08);
  margin: 18px 0;
  padding: clamp(14px, 2vw, 22px);
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.final-missing-resolver-card.locked {
  border-left: 5px solid #c2410c;
}

.final-missing-resolver-card.review {
  border-left: 5px solid #b7791f;
}

.final-missing-resolver-card.ready {
  border-left: 5px solid #0e8f85;
}

.final-missing-resolver-metrics {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 16px 0;
}

.final-missing-route-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0 0 16px;
}

.final-missing-route-grid .phase-chip {
  appearance: none;
  width: 100%;
  text-align: left;
}

.final-missing-resolver-card h3,
.final-missing-resolver-card p,
.final-missing-resolver-card strong,
.final-missing-resolver-table th,
.final-missing-resolver-table td {
  overflow-wrap: anywhere;
}

.final-missing-resolver-table .mini-button {
  max-width: 100%;
}

.final-export-release-card {
  border: 1px solid #d8e3e3;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 32px rgba(23, 33, 38, 0.08);
  margin: 18px 0;
  padding: clamp(14px, 2vw, 22px);
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.final-export-release-card.locked {
  border-left: 5px solid #c2410c;
}

.final-export-release-card.review {
  border-left: 5px solid #b7791f;
}

.final-export-release-card.ready {
  border-left: 5px solid #0e8f85;
}

.final-release-metrics {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 16px 0;
}

.final-release-boundary {
  display: grid;
  gap: 4px;
  border: 1px solid rgba(22, 128, 143, 0.26);
  border-radius: 8px;
  background: #f4fbfb;
  padding: 12px;
  margin: 12px 0 16px;
  overflow-wrap: anywhere;
}

.final-release-boundary span {
  color: var(--muted);
}

.final-export-release-card h3,
.final-export-release-card p,
.final-export-release-card strong,
.final-release-table th,
.final-release-table td {
  overflow-wrap: anywhere;
}

.final-release-table .mini-button {
  max-width: 100%;
}

.final-export-lock,
.final-export-release-packet,
.final-report-review-submission-packet,
.manualj-saved-run-evidence-packet,
.final-report-input-resolution-lock,
.final-missing-input-resolver,
.export-preview,
.export-audit-panel,
#export-audit-log {
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.validation-launch-manager-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  padding: 18px;
  margin: 16px 0;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.final-report-input-resolution-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  padding: 18px;
  margin: 16px 0;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.final-report-input-resolution-card.ready {
  border-color: rgba(25, 174, 178, 0.45);
}

.final-report-input-resolution-card.review {
  border-color: rgba(242, 106, 33, 0.45);
}

.final-report-input-resolution-card.locked {
  border-color: rgba(190, 47, 47, 0.45);
}

.final-report-input-metrics,
.final-report-input-category-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 14px 0;
}

.final-report-input-category-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.final-report-input-table th,
.final-report-input-table td,
.final-report-input-resolution-card h3,
.final-report-input-resolution-card p,
.final-report-input-resolution-card strong {
  overflow-wrap: anywhere;
}

.validation-launch-meters {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 16px 0;
}

.validation-launch-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(280px, 0.9fr) minmax(0, 1.1fr);
  align-items: start;
}

.validation-launch-grid h4 {
  margin: 0 0 10px;
}

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

.validation-slot-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 10px;
  min-height: 118px;
  min-width: 0;
}

.validation-slot-card.pass {
  border-color: rgba(25, 174, 178, 0.45);
}

.validation-slot-card.warn {
  border-color: rgba(242, 106, 33, 0.45);
}

.validation-slot-card.fix {
  border-color: rgba(190, 47, 47, 0.45);
}

.validation-slot-card span,
.validation-slot-card p {
  color: var(--muted);
  font-size: 0.78rem;
}

.validation-slot-card strong {
  display: block;
  margin: 5px 0;
  font-size: 0.9rem;
}

.validation-launch-manager-card h3,
.validation-launch-manager-card p,
.validation-launch-manager-card strong,
.validation-slot-card {
  overflow-wrap: anywhere;
}

.validation-cohort-acceptance-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  padding: 18px;
  margin: 16px 0;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.validation-cohort-acceptance-metrics {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 16px 0;
}

.validation-cohort-acceptance-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(300px, 0.95fr) minmax(0, 1.05fr);
  align-items: start;
}

.validation-cohort-acceptance-grid h4 {
  margin: 0 0 10px;
}

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

.validation-cohort-acceptance-slot {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 10px;
  min-height: 116px;
  min-width: 0;
}

.validation-cohort-acceptance-slot.pass {
  border-color: rgba(25, 174, 178, 0.45);
}

.validation-cohort-acceptance-slot.warn {
  border-color: rgba(242, 106, 33, 0.45);
}

.validation-cohort-acceptance-slot.fix {
  border-color: rgba(190, 47, 47, 0.45);
}

.validation-cohort-acceptance-slot span,
.validation-cohort-acceptance-slot p {
  color: var(--muted);
  font-size: 0.78rem;
}

.validation-cohort-acceptance-slot strong {
  display: block;
  margin: 5px 0;
  font-size: 0.88rem;
}

.validation-cohort-acceptance-matrix.compact .validation-cohort-acceptance-card {
  padding: 14px;
}

.validation-cohort-acceptance-matrix.compact .validation-cohort-acceptance-metrics,
.validation-cohort-acceptance-matrix.compact .validation-cohort-acceptance-grid {
  grid-template-columns: 1fr;
}

.validation-cohort-acceptance-matrix.compact .validation-cohort-acceptance-slots {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.validation-cohort-acceptance-card h3,
.validation-cohort-acceptance-card p,
.validation-cohort-acceptance-card strong,
.validation-cohort-acceptance-slot {
  overflow-wrap: anywhere;
}

.mobile-device-qa-matrix {
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.mobile-qa-controls {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(180px, 0.35fr) minmax(220px, 1fr);
  margin: 12px 0;
}

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

.mobile-qa-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 12px;
  min-height: 150px;
  min-width: 0;
  overflow: hidden;
}

.mobile-qa-card.pass {
  border-color: rgba(25, 174, 178, 0.45);
}

.mobile-qa-card.warn {
  border-color: rgba(242, 106, 33, 0.45);
}

.mobile-qa-card.fix {
  border-color: rgba(190, 47, 47, 0.45);
}

.mobile-qa-card span,
.mobile-qa-card p,
.mobile-qa-card small {
  color: var(--muted);
  font-size: 0.78rem;
}

.mobile-qa-card strong {
  display: block;
  margin: 5px 0;
  font-size: 0.96rem;
}

.mobile-qa-card,
.mobile-qa-card strong,
.mobile-qa-card p,
.mobile-device-qa-matrix .library-status {
  overflow-wrap: anywhere;
}

.current-plan-validation-binder-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  padding: 18px;
  margin: 16px 0;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.current-plan-validation-binder-card.ready-to-save-validation-job {
  border-color: rgba(25, 174, 178, 0.55);
}

.current-plan-validation-binder-card.ready-with-review,
.current-plan-validation-binder-card.in-progress {
  border-color: rgba(242, 106, 33, 0.42);
}

.current-plan-binder-metrics {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 16px 0;
}

.current-plan-binder-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(300px, 1fr) minmax(320px, 0.9fr);
  align-items: start;
}

.current-plan-binder-grid h4 {
  margin: 0 0 10px;
}

.current-plan-validation-binder-card table {
  max-width: 100%;
}

.current-plan-validation-binder-card h3,
.current-plan-validation-binder-card p,
.current-plan-validation-binder-card strong,
.current-plan-validation-binder-card th,
.current-plan-validation-binder-card td {
  overflow-wrap: anywhere;
}

.real-plan-validation-runbook-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  padding: 18px;
  margin: 16px 0;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.real-plan-validation-runbook-card.validation-ready {
  border-color: rgba(25, 174, 178, 0.55);
}

.real-plan-validation-runbook-card.review-ready {
  border-color: rgba(242, 106, 33, 0.42);
}

.real-plan-runbook-metrics {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 16px 0;
}

.real-plan-runbook-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(300px, 0.9fr) minmax(320px, 1fr);
  align-items: start;
}

.real-plan-runbook-phase-list {
  display: grid;
  gap: 10px;
}

.real-plan-runbook-phase {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.03);
  display: grid;
  gap: 6px;
}

.real-plan-runbook-phase.validation-ready,
.real-plan-runbook-phase.review-ready {
  border-color: rgba(25, 174, 178, 0.35);
}

.real-plan-runbook-phase.blocked {
  border-color: rgba(242, 106, 33, 0.45);
}

.real-plan-runbook-phase strong,
.real-plan-runbook-phase p,
.real-plan-validation-runbook-card h3,
.real-plan-validation-runbook-card p,
.real-plan-validation-runbook-card strong,
.real-plan-validation-runbook-card th,
.real-plan-validation-runbook-card td {
  overflow-wrap: anywhere;
}

.real-plan-runbook-phase span {
  color: var(--muted);
  font-size: 0.85rem;
}

.real-plan-runbook-countability {
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.7);
  padding: 12px;
  display: grid;
  gap: 5px;
  min-width: 0;
}

.real-plan-runbook-countability strong,
.real-plan-runbook-countability span,
.real-plan-runbook-countability p {
  margin: 0;
  overflow-wrap: anywhere;
}

.real-plan-runbook-countability span {
  color: var(--muted);
  font-size: 0.88rem;
}

.real-plan-runbook-table-wrap {
  max-width: 100%;
  overflow-x: auto;
  margin-top: 16px;
}

.plan-test-session-checklist-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  padding: 18px;
  margin: 16px 0;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.plan-test-session-checklist-card.ready {
  border-color: rgba(25, 174, 178, 0.55);
}

.plan-test-session-checklist-card.ready-with-review {
  border-color: rgba(242, 106, 33, 0.42);
}

.plan-test-session-metrics {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 16px 0;
}

.plan-test-session-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(280px, 0.85fr) minmax(320px, 1fr) minmax(280px, 0.85fr);
  align-items: start;
}

.plan-test-session-phase-list {
  display: grid;
  gap: 10px;
}

.plan-test-session-phase {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.03);
  display: grid;
  gap: 6px;
}

.plan-test-session-phase.ready,
.plan-test-session-phase.ready-with-review {
  border-color: rgba(25, 174, 178, 0.35);
}

.plan-test-session-phase.setup-required {
  border-color: rgba(242, 106, 33, 0.45);
}

.plan-test-session-phase span {
  color: var(--muted);
  font-size: 0.85rem;
}

.plan-test-session-table-wrap {
  max-width: 100%;
  overflow-x: auto;
  margin-top: 16px;
}

.plan-test-session-checklist-card h3,
.plan-test-session-checklist-card p,
.plan-test-session-checklist-card strong,
.plan-test-session-checklist-card th,
.plan-test-session-checklist-card td,
.plan-test-session-phase {
  overflow-wrap: anywhere;
}

.real-plan-test-run-queue {
  margin: 16px 0;
}

.real-plan-test-run-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  padding: 18px;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.real-plan-test-run-card.beta-proof-ready,
.real-plan-test-run-card.standalone-review-ready {
  border-color: rgba(25, 174, 178, 0.55);
}

.real-plan-test-run-card.waiting-for-plan {
  border-color: rgba(220, 38, 38, 0.35);
}

.real-plan-test-run-metrics {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 16px 0;
}

.real-plan-test-run-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(320px, 1fr) minmax(340px, 1.1fr) minmax(240px, 0.75fr);
  align-items: start;
}

.real-plan-test-run-milestones,
.real-plan-test-run-rows {
  display: grid;
  gap: 10px;
}

.real-plan-test-run-milestone,
.real-plan-test-run-row {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 10px;
  width: 100%;
  text-align: left;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.03);
  color: var(--ink);
  padding: 12px;
}

.real-plan-test-run-milestone > span,
.real-plan-test-run-row > span {
  display: grid;
  place-items: center;
  min-width: 34px;
  height: 34px;
  border-radius: 999px;
  background: #ecfdf5;
  color: #047857;
  font-size: 0.76rem;
  font-weight: 800;
}

.real-plan-test-run-milestone.fix > span,
.real-plan-test-run-row.fix > span {
  background: #fef2f2;
  color: #b91c1c;
}

.real-plan-test-run-milestone.warn > span,
.real-plan-test-run-row.warn > span {
  background: #fffbeb;
  color: #b45309;
}

.real-plan-test-run-milestone small,
.real-plan-test-run-row small {
  display: block;
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.35;
}

.real-plan-test-run-milestone p,
.real-plan-test-run-row p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 0.85rem;
  line-height: 1.45;
}

.real-plan-test-run-table-wrap {
  max-width: 100%;
  overflow-x: auto;
  margin-top: 16px;
}

.real-plan-test-run-card h3,
.real-plan-test-run-card p,
.real-plan-test-run-card strong,
.real-plan-test-run-card th,
.real-plan-test-run-card td,
.real-plan-test-run-milestone,
.real-plan-test-run-row {
  overflow-wrap: anywhere;
}

.real-plan-test-run-queue.compact .real-plan-test-run-card {
  padding: 14px;
}

.real-plan-test-run-queue.compact .real-plan-test-run-grid {
  grid-template-columns: 1fr;
}

.real-plan-test-run-queue.compact .real-plan-test-run-milestone p,
.real-plan-test-run-queue.compact .real-plan-test-run-row p {
  display: none;
}

.real-plan-validation-submission-launcher {
  margin: 16px 0;
  max-width: 100%;
  min-width: 0;
}

.real-plan-validation-submission-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  padding: 18px;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.real-plan-validation-submission-card.ready {
  border-color: rgba(25, 174, 178, 0.58);
}

.real-plan-validation-submission-card.review {
  border-color: rgba(242, 106, 33, 0.42);
}

.real-plan-validation-submission-card.locked {
  border-color: rgba(220, 38, 38, 0.34);
}

.real-plan-submission-metrics {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 16px 0;
}

.real-plan-submission-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(320px, 1.2fr) minmax(260px, 0.8fr);
  align-items: start;
}

.real-plan-submission-stage-list {
  display: grid;
  gap: 10px;
}

.real-plan-submission-stage {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 10px;
  width: 100%;
  text-align: left;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.03);
  color: var(--ink);
  padding: 12px;
  cursor: pointer;
}

.real-plan-submission-stage > span {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: #ecfdf5;
  color: #047857;
  font-size: 0.76rem;
  font-weight: 800;
}

.real-plan-submission-stage.fix > span {
  background: #fef2f2;
  color: #b91c1c;
}

.real-plan-submission-stage.warn > span {
  background: #fffbeb;
  color: #b45309;
}

.real-plan-submission-stage strong,
.real-plan-submission-stage small {
  overflow-wrap: anywhere;
}

.real-plan-submission-stage small {
  display: block;
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.35;
  margin-top: 4px;
}

.real-plan-submission-evidence {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.real-plan-submission-evidence span {
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  font-size: 0.75rem;
  max-width: 100%;
  overflow-wrap: anywhere;
  padding: 6px 9px;
}

.real-plan-validation-submission-card h3,
.real-plan-validation-submission-card h4,
.real-plan-validation-submission-card p,
.real-plan-validation-submission-card strong,
.real-plan-validation-submission-card small,
.real-plan-validation-submission-card button {
  overflow-wrap: anywhere;
}

.real-plan-validation-submission-launcher.compact .real-plan-validation-submission-card {
  padding: 14px;
}

.real-plan-validation-submission-launcher.compact .real-plan-submission-grid,
.real-plan-validation-submission-launcher.compact .real-plan-submission-metrics {
  grid-template-columns: 1fr;
}

.real-plan-validation-submission-launcher.compact .real-plan-submission-stage small,
.real-plan-validation-submission-launcher.compact .real-plan-submission-evidence {
  display: none;
}

.real-plan-validation-submission-review-queue {
  margin: 16px 0;
  max-width: 100%;
  min-width: 0;
}

.real-plan-validation-review-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  padding: 18px;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.real-plan-validation-review-card.ready {
  border-color: rgba(25, 174, 178, 0.58);
}

.real-plan-validation-review-card.review {
  border-color: rgba(242, 106, 33, 0.42);
}

.real-plan-validation-review-card.locked {
  border-color: rgba(220, 38, 38, 0.34);
}

.real-plan-validation-review-metrics {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 16px 0;
}

.real-plan-validation-review-table-wrap {
  margin-top: 14px;
  max-width: 100%;
  overflow-x: auto;
}

.real-plan-validation-review-card h3,
.real-plan-validation-review-card p,
.real-plan-validation-review-card strong,
.real-plan-validation-review-card small,
.real-plan-validation-review-card th,
.real-plan-validation-review-card td,
.real-plan-validation-review-card button {
  overflow-wrap: anywhere;
}

.real-plan-validation-submission-review-queue.compact .real-plan-validation-review-card {
  padding: 14px;
}

.real-plan-validation-submission-review-queue.compact .real-plan-validation-review-metrics {
  grid-template-columns: 1fr;
}

.real-plan-validation-submission-review-queue.compact .real-plan-validation-review-table-wrap {
  max-height: 340px;
}

.test-plan-import-starter-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  padding: 18px;
  margin: 16px 0;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.test-plan-import-starter-card.ready {
  border-color: rgba(25, 174, 178, 0.55);
}

.test-plan-import-starter-card.ready-with-review,
.test-plan-import-starter-card.import-started {
  border-color: rgba(242, 106, 33, 0.42);
}

.test-plan-import-metrics {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 16px 0;
}

.test-plan-import-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(280px, 0.9fr) minmax(320px, 1fr) minmax(260px, 0.8fr);
  align-items: start;
}

.test-plan-import-starter-card h3,
.test-plan-import-starter-card p,
.test-plan-import-starter-card strong {
  overflow-wrap: anywhere;
}

.pre-submit-test-packet-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  padding: 18px;
  margin: 16px 0;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.pre-submit-test-packet-card.manager-review-ready,
.pre-submit-test-packet-card.outside-beta-ready,
.pre-submit-test-packet-card.reviewed-export-ready {
  border-color: rgba(25, 174, 178, 0.55);
}

.pre-submit-test-packet-card.test-run-active {
  border-color: rgba(242, 106, 33, 0.42);
}

.pre-submit-test-metrics {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 16px 0;
}

.pre-submit-test-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(280px, 0.9fr) minmax(340px, 1.1fr) minmax(240px, 0.7fr);
  align-items: start;
}

.pre-submit-test-packet-card h3,
.pre-submit-test-packet-card h4,
.pre-submit-test-packet-card p,
.pre-submit-test-packet-card strong {
  overflow-wrap: anywhere;
}

.submit-plan-testing-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  padding: 18px;
  margin: 16px 0;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.submit-plan-testing-card.review-package-ready,
.submit-plan-testing-card.takeoff-test-ready,
.submit-plan-testing-card.design-start-ready {
  border-color: rgba(25, 174, 178, 0.55);
}

.submit-plan-testing-card.setup-required {
  border-color: rgba(242, 106, 33, 0.42);
}

.submit-plan-testing-metrics {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 16px 0;
}

.submit-plan-testing-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(280px, 0.9fr) minmax(340px, 1.1fr) minmax(240px, 0.7fr);
  align-items: start;
}

.submit-plan-step {
  display: grid;
  gap: 6px;
  width: 100%;
  min-height: 104px;
  border: 1px solid rgba(15, 23, 42, 0.14);
  border-radius: 8px;
  background: #f8fafc;
  color: #0f172a;
  padding: 12px;
  text-align: left;
  cursor: pointer;
}

.submit-plan-step.pass {
  border-color: rgba(20, 184, 166, 0.34);
}

.submit-plan-step.warn {
  border-color: rgba(245, 158, 11, 0.34);
}

.submit-plan-step.fix {
  border-color: rgba(239, 68, 68, 0.30);
}

.submit-plan-step strong,
.submit-plan-step span,
.submit-plan-step small,
.submit-plan-testing-card h3,
.submit-plan-testing-card h4,
.submit-plan-testing-card p,
.submit-plan-testing-card strong,
.submit-plan-testing-card button {
  overflow-wrap: anywhere;
}

.submit-plan-step span {
  color: #0f766e;
  font-weight: 800;
}

.submit-plan-step small {
  color: #475569;
  line-height: 1.35;
}

.active-plan-test-flow-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  padding: 18px;
  margin: 16px 0;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.active-plan-test-flow-card.ready,
.active-plan-test-flow-card.ready-to-submit {
  border-color: rgba(25, 174, 178, 0.55);
}

.active-plan-test-flow-card.review-needed,
.active-plan-test-flow-card.in-progress {
  border-color: rgba(242, 106, 33, 0.42);
}

.active-plan-flow-metrics {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 16px 0;
}

.active-plan-stepper {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 14px 0 18px;
}

.active-plan-step {
  align-items: flex-start;
  background: var(--soft);
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--ink);
  display: grid;
  gap: 4px;
  grid-template-columns: 28px minmax(0, 1fr);
  min-height: 74px;
  padding: 10px;
  text-align: left;
}

.active-plan-step span {
  align-items: center;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 999px;
  display: inline-flex;
  font-size: 0.78rem;
  font-weight: 800;
  height: 26px;
  justify-content: center;
  width: 26px;
}

.active-plan-step strong,
.active-plan-step small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.active-plan-step small {
  color: var(--muted);
  grid-column: 2;
}

.active-plan-step.pass {
  border-color: rgba(25, 174, 178, 0.42);
}

.active-plan-step.warn {
  border-color: rgba(242, 106, 33, 0.45);
}

.active-plan-step.fix {
  border-color: rgba(210, 70, 70, 0.42);
}

.active-plan-step.current {
  box-shadow: 0 0 0 2px rgba(25, 174, 178, 0.2);
}

.active-plan-flow-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(280px, 0.9fr) minmax(320px, 1fr) minmax(240px, 0.7fr);
  align-items: start;
}

.active-plan-test-flow-card h3,
.active-plan-test-flow-card h4,
.active-plan-test-flow-card p,
.active-plan-test-flow-card strong {
  overflow-wrap: anywhere;
}

.guided-test-job-runner-card {
  border: 1px solid rgba(10, 90, 136, 0.28);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(25, 174, 178, 0.07), #fff);
  box-shadow: var(--shadow-soft);
  padding: 16px;
  margin: 14px 0;
  display: grid;
  gap: 14px;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.guided-test-job-runner-card.setup-required,
.guided-test-job-runner-card.takeoff-active {
  border-color: rgba(198, 67, 67, 0.34);
}

.guided-test-job-runner-card.load-run-ready,
.guided-test-job-runner-card.reference-review,
.guided-test-job-runner-card.manager-review-ready {
  border-color: rgba(196, 138, 43, 0.42);
}

.guided-test-job-runner-card.reviewed-export-ready {
  border-color: rgba(44, 150, 105, 0.42);
}

.guided-test-job-metrics {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  min-width: 0;
}

.guided-test-job-phase-strip {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  min-width: 0;
}

.guided-test-job-phase {
  display: grid;
  gap: 5px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  color: var(--ink);
  text-align: left;
  padding: 10px;
  min-width: 0;
  min-height: 92px;
  cursor: pointer;
}

.guided-test-job-phase.pass {
  border-color: rgba(44, 150, 105, 0.38);
  background: rgba(44, 150, 105, 0.08);
}

.guided-test-job-phase.warn {
  border-color: rgba(196, 138, 43, 0.42);
  background: rgba(196, 138, 43, 0.08);
}

.guided-test-job-phase.fix {
  border-color: rgba(198, 67, 67, 0.34);
  background: rgba(198, 67, 67, 0.07);
}

.guided-test-job-phase span,
.guided-test-job-phase small {
  overflow-wrap: anywhere;
}

.guided-test-job-phase strong {
  font-size: 1.25rem;
  line-height: 1;
}

.guided-test-job-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(280px, 0.8fr) minmax(0, 1.2fr);
  align-items: start;
  min-width: 0;
}

.guided-test-job-grid section {
  min-width: 0;
}

.guided-test-job-status-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}

.guided-test-job-status-list article {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  padding: 9px;
  min-width: 0;
}

.guided-test-job-status-list span,
.guided-test-job-status-list strong {
  display: block;
  overflow-wrap: anywhere;
}

.guided-test-job-status-list span {
  color: var(--muted);
  font-size: 0.78rem;
}

.guided-test-job-runner-card h3,
.guided-test-job-runner-card h4,
.guided-test-job-runner-card p,
.guided-test-job-runner-card strong,
.guided-test-job-runner-card small {
  overflow-wrap: anywhere;
}

.real-plan-cloud-packet-card {
  border: 1px solid rgba(22, 128, 143, 0.3);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(244, 251, 251, 0.96), #fff);
  box-shadow: var(--shadow-soft);
  padding: 16px;
  margin: 14px 0;
  display: grid;
  gap: 14px;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.real-plan-cloud-packet-card.setup-required {
  border-color: rgba(198, 67, 67, 0.34);
}

.real-plan-cloud-packet-card.takeoff-in-progress,
.real-plan-cloud-packet-card.live-plan-test-ready,
.real-plan-cloud-packet-card.manager-review-ready {
  border-color: rgba(196, 138, 43, 0.42);
}

.real-plan-cloud-packet-card.reviewed-export-ready {
  border-color: rgba(44, 150, 105, 0.42);
}

.real-plan-cloud-packet-metrics {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.real-plan-cloud-next {
  display: grid;
  gap: 5px;
  border: 1px solid rgba(22, 128, 143, 0.18);
  border-radius: 8px;
  background: #f6fbfb;
  padding: 12px;
  min-width: 0;
}

.real-plan-cloud-next strong,
.real-plan-cloud-next p {
  overflow-wrap: anywhere;
}

.real-plan-cloud-phase-strip {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.real-plan-cloud-phase {
  display: grid;
  gap: 5px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  color: var(--ink);
  text-align: left;
  padding: 10px;
  min-width: 0;
  min-height: 90px;
  cursor: pointer;
}

.real-plan-cloud-phase.pass {
  border-color: rgba(44, 150, 105, 0.38);
  background: rgba(44, 150, 105, 0.08);
}

.real-plan-cloud-phase.warn {
  border-color: rgba(196, 138, 43, 0.42);
  background: rgba(196, 138, 43, 0.08);
}

.real-plan-cloud-phase.fix {
  border-color: rgba(198, 67, 67, 0.34);
  background: rgba(198, 67, 67, 0.07);
}

.real-plan-cloud-phase span,
.real-plan-cloud-phase strong,
.real-plan-cloud-phase small {
  display: block;
  overflow-wrap: anywhere;
}

.real-plan-cloud-phase span {
  color: var(--muted);
  font-size: 0.78rem;
  text-transform: uppercase;
}

.real-plan-cloud-phase strong {
  font-size: 1.2rem;
  line-height: 1;
}

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

.real-plan-cloud-step {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 12px;
  min-width: 0;
  text-align: left;
  cursor: pointer;
}

.real-plan-cloud-step > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  border-radius: 6px;
  background: rgba(23, 33, 38, 0.08);
  color: #263238;
  font-size: 11px;
  font-weight: 800;
}

.real-plan-cloud-step.pass {
  border-color: rgba(44, 150, 105, 0.34);
  background: #f8fdfa;
}

.real-plan-cloud-step.warn {
  border-color: rgba(196, 138, 43, 0.38);
  background: #fffaf0;
}

.real-plan-cloud-step.fix {
  border-color: rgba(198, 67, 67, 0.34);
  background: #fff8f8;
}

.real-plan-cloud-step strong,
.real-plan-cloud-step small,
.real-plan-cloud-step p,
.real-plan-cloud-step em {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.real-plan-cloud-step p {
  margin: 5px 0;
}

.real-plan-cloud-step small,
.real-plan-cloud-step em {
  color: var(--muted);
}

.plan-test-workspace {
  grid-column: 1 / -1;
  min-width: 0;
  max-width: 100%;
}

.plan-test-workspace-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 16px;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.plan-test-workspace-card.ready {
  border-color: rgba(25, 174, 178, 0.55);
}

.plan-test-workspace-card.review {
  border-color: rgba(242, 106, 33, 0.42);
}

.plan-test-workspace-metrics {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 14px 0;
}

.plan-test-workspace-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(260px, 0.9fr) minmax(260px, 0.8fr) minmax(340px, 1.1fr);
  align-items: start;
}

.plan-test-workspace-card h3,
.plan-test-workspace-card h4,
.plan-test-workspace-card p,
.plan-test-workspace-card strong {
  overflow-wrap: anywhere;
}

.selected-shape-edit-workspace {
  min-width: 0;
  max-width: 100%;
}

.selected-shape-edit-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 16px;
  margin-bottom: 14px;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.selected-shape-edit-card.reviewed {
  border-color: rgba(25, 174, 178, 0.55);
}

.selected-shape-edit-card.ready-for-review {
  border-color: rgba(242, 106, 33, 0.42);
}

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

.selected-shape-edit-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: 1fr;
}

.selected-shape-edit-card h3,
.selected-shape-edit-card h4,
.selected-shape-edit-card p,
.selected-shape-edit-card strong {
  overflow-wrap: anywhere;
}

.room-merge-workspace,
.room-merge-card {
  min-width: 0;
  max-width: 100%;
}

.room-merge-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 16px;
  margin-bottom: 14px;
  overflow: hidden;
}

.room-merge-card.ready {
  border-color: rgba(25, 174, 178, 0.55);
}

.room-merge-card.blocked {
  border-color: rgba(242, 106, 33, 0.42);
}

.room-merge-card.no-room-selected {
  border-color: rgba(196, 64, 64, 0.34);
}

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

.room-merge-card h3,
.room-merge-card h4,
.room-merge-card p,
.room-merge-card strong,
.room-merge-card label {
  overflow-wrap: anywhere;
}

.bulk-room-opening-review {
  min-width: 0;
  max-width: 100%;
}

.bulk-room-opening-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 16px;
  margin-bottom: 14px;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.bulk-room-opening-card.reviewed {
  border-color: rgba(25, 174, 178, 0.55);
}

.bulk-room-opening-card.ready-for-review {
  border-color: rgba(242, 106, 33, 0.42);
}

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

.bulk-room-opening-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: 1fr;
}

.bulk-room-opening-card h3,
.bulk-room-opening-card h4,
.bulk-room-opening-card p,
.bulk-room-opening-card strong,
.bulk-room-opening-card td,
.bulk-room-opening-card th {
  overflow-wrap: anywhere;
}

.bulk-room-opening-card .table-scroll {
  max-width: 100%;
  overflow-x: auto;
}

.bulk-room-opening-card .review-table {
  min-width: 920px;
}

.bulk-inline-input {
  width: 100%;
  min-width: 84px;
  min-height: 34px;
  padding: 7px 8px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #fff;
  color: var(--ink);
  font: inherit;
}

.bulk-room-opening-card td:first-child .bulk-inline-input {
  min-width: 150px;
}

.bulk-room-opening-card .text-button {
  margin-top: 4px;
  white-space: nowrap;
}

.bulk-room-opening-card td {
  vertical-align: top;
}

.room-envelope-data-model-gate-panel,
.room-envelope-data-model-gate {
  min-width: 0;
  max-width: 100%;
}

.room-envelope-data-model-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 16px;
  margin-bottom: 14px;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.room-envelope-data-model-card.ready {
  border-color: rgba(25, 174, 178, 0.55);
}

.room-envelope-data-model-card.review {
  border-color: rgba(242, 106, 33, 0.42);
}

.room-envelope-data-model-card.locked {
  border-color: rgba(196, 64, 64, 0.38);
}

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

.room-model-group-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 14px 0;
}

.room-model-group {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f7fafc;
  padding: 12px;
  min-width: 0;
  overflow-wrap: anywhere;
}

.room-model-group.fix {
  border-color: rgba(196, 64, 64, 0.38);
  background: #fff7f6;
}

.room-model-group.warn {
  border-color: rgba(242, 106, 33, 0.34);
  background: #fffaf5;
}

.room-model-group.ready {
  border-color: rgba(25, 174, 178, 0.32);
  background: #f4fbfb;
}

.room-envelope-data-model-card h3,
.room-envelope-data-model-card p,
.room-envelope-data-model-card strong,
.room-envelope-data-model-card td,
.room-envelope-data-model-card th {
  overflow-wrap: anywhere;
}

.room-envelope-data-model-card .table-scroll {
  max-width: 100%;
  overflow-x: auto;
}

.room-model-gate-table {
  min-width: 840px;
}

.room-envelope-bulk-review {
  min-width: 0;
  max-width: 100%;
}

.room-envelope-bulk-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 16px;
  margin-bottom: 14px;
  min-width: 0;
  overflow: hidden;
}

.room-envelope-bulk-card.ready {
  border-color: rgba(25, 174, 178, 0.45);
}

.room-envelope-bulk-card.review {
  border-color: rgba(242, 106, 33, 0.36);
}

.room-envelope-bulk-card.blocked {
  border-color: rgba(196, 64, 64, 0.38);
}

.room-envelope-bulk-metrics,
.room-envelope-bulk-grid {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.room-envelope-bulk-metrics {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 14px 0;
}

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

.room-envelope-bulk-card h3,
.room-envelope-bulk-card p,
.room-envelope-bulk-card strong,
.room-envelope-bulk-card small {
  overflow-wrap: anywhere;
}

@media (max-width: 740px) {
  .room-envelope-bulk-metrics,
  .room-envelope-bulk-grid {
    grid-template-columns: 1fr;
  }
}

.exterior-shell-review-panel,
.exterior-shell-review-card {
  min-width: 0;
  max-width: 100%;
}

.exterior-shell-review-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 16px;
  margin-bottom: 14px;
  overflow: hidden;
}

.exterior-shell-review-card.ready {
  border-color: rgba(25, 174, 178, 0.55);
}

.exterior-shell-review-card.review {
  border-color: rgba(242, 106, 33, 0.42);
}

.exterior-shell-review-card.needs-fix {
  border-color: rgba(196, 64, 64, 0.38);
}

.exterior-shell-metrics {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 14px 0;
}

.exterior-shell-floor-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 14px 0;
}

.exterior-shell-floor {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f7fafc;
  padding: 12px;
  min-width: 0;
  overflow-wrap: anywhere;
}

.exterior-shell-floor.ready {
  border-color: rgba(25, 174, 178, 0.32);
  background: #f4fbfb;
}

.exterior-shell-floor.review {
  border-color: rgba(242, 106, 33, 0.34);
  background: #fffaf5;
}

.exterior-shell-floor.needs-shell,
.exterior-shell-floor.needs-fix {
  border-color: rgba(196, 64, 64, 0.34);
  background: #fff7f6;
}

.exterior-shell-floor strong,
.exterior-shell-floor span {
  display: block;
}

.exterior-shell-floor p {
  margin: 6px 0 0;
  color: var(--muted);
}

.exterior-shell-review-card h3,
.exterior-shell-review-card p,
.exterior-shell-review-card strong,
.exterior-shell-review-card td,
.exterior-shell-review-card th {
  overflow-wrap: anywhere;
}

.exterior-shell-review-card .table-scroll {
  max-width: 100%;
  overflow-x: auto;
}

.exterior-shell-table {
  min-width: 960px;
}

.exterior-shell-table td {
  vertical-align: top;
}

.validation-promotion-card {
  border: 1px solid rgba(25, 174, 178, 0.28);
  border-radius: 8px;
  background: #fff;
  padding: 16px;
  margin-bottom: 14px;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.validation-promotion-meters {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 14px 0;
}

.validation-promotion-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(260px, 0.85fr) minmax(0, 1.35fr);
  align-items: start;
}

.validation-promotion-table-wrap {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}

.validation-promotion-card .review-table {
  min-width: 860px;
}

.validation-promotion-card h3,
.validation-promotion-card h4,
.validation-promotion-card p,
.validation-promotion-card strong,
.validation-promotion-card td,
.validation-promotion-card th {
  overflow-wrap: anywhere;
}

@media (max-width: 1060px) {
  .validation-promotion-meters,
  .validation-promotion-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .validation-promotion-meters,
  .validation-promotion-grid {
    grid-template-columns: 1fr;
  }

  .validation-promotion-card .tool-buttons {
    align-items: stretch;
  }

  .validation-promotion-card .tool-buttons button {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 1060px) {
  .campaign-runner-metrics,
  .campaign-runner-grid,
  .campaign-runner-step-list,
  .campaign-slot-strip,
  .validation-proof-metrics,
  .validation-proof-lanes,
  .validation-proof-slot-grid,
  .real-job-qualification-metrics,
  .real-job-qualification-grid,
  .validation-coverage-metrics,
  .validation-coverage-grid,
  .validation-coverage-tables,
  .reference-import-metrics,
  .reference-import-grid,
  .reference-import-stepper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .campaign-runner-metrics,
  .campaign-runner-grid,
  .campaign-runner-step-list,
  .campaign-slot-strip,
  .validation-proof-metrics,
  .validation-proof-lanes,
  .validation-proof-slot-grid,
  .real-job-qualification-metrics,
  .real-job-qualification-grid,
  .validation-coverage-metrics,
  .validation-coverage-grid,
  .validation-coverage-tables,
  .reference-import-metrics,
  .reference-import-grid,
  .reference-import-stepper,
  .reference-attachment-metrics,
  .reference-attachment-grid,
  .reference-parser-metrics,
  .reference-parser-grid {
    grid-template-columns: 1fr;
  }

  .real-job-campaign-runner-card .tool-buttons,
  .validation-proof-slot-card .tool-buttons,
  .real-job-qualification-card .tool-buttons,
  .validation-coverage-card .tool-buttons,
  .reference-report-import-card .tool-buttons,
  .reference-attachment-mapper-card .tool-buttons,
  .reference-report-parser-panel .tool-buttons {
    align-items: stretch;
  }

  .real-job-campaign-runner-card .tool-buttons button,
  .validation-proof-slot-card .tool-buttons button,
  .real-job-qualification-card .tool-buttons button,
  .validation-coverage-card .tool-buttons button,
  .reference-report-import-card .tool-buttons button,
  .reference-attachment-mapper-card .tool-buttons button,
  .reference-report-parser-panel .tool-buttons button {
    width: 100%;
    min-width: 0;
  }

  .campaign-slot,
  .approval-stage {
    min-height: auto;
  }
}

@media (max-width: 1060px) {
  .first-plan-test-metrics,
  .first-plan-test-grid,
  .first-room-pilot-metrics,
  .first-room-pilot-grid,
  .real-plan-readiness-metrics,
  .real-plan-readiness-grid,
  .plan-page-scale-metrics,
  .plan-page-scale-grid,
  .final-release-metrics,
  .final-report-input-metrics,
  .final-report-input-category-grid,
  .final-missing-resolver-metrics,
  .final-missing-route-grid,
  .validation-launch-meters,
  .validation-gap-metrics,
  .validation-learning-metrics,
  .validation-learning-grid,
  .current-plan-binder-metrics,
  .real-plan-runbook-metrics,
  .plan-test-session-metrics,
  .test-plan-import-metrics,
  .pre-submit-test-metrics,
  .active-plan-flow-metrics,
  .active-plan-stepper,
  .plan-test-workspace-metrics,
  .selected-shape-edit-metrics,
  .room-merge-metrics,
  .room-merge-grid,
  .bulk-room-opening-metrics,
  .room-model-metrics,
  .room-model-group-grid,
  .exterior-shell-metrics,
  .exterior-shell-floor-grid,
  .real-plan-test-console-metrics,
  .real-plan-launch-cert-metrics,
  .real-plan-fast-start-metrics,
  .real-plan-fast-start-stepper,
  .guided-test-job-metrics,
  .guided-test-job-phase-strip,
  .real-plan-cloud-packet-metrics,
  .real-plan-cloud-phase-strip,
  .live-plan-cockpit-metrics,
  .current-run-flow-metrics,
  .current-run-flow-strip,
  .real-plan-submission-metrics,
  .real-plan-submission-grid,
  .real-plan-validation-review-metrics,
  .plan-viewer-guide-metrics,
  .plan-viewer-guide-stepper,
	  .manualj-run-readiness-metrics,
	  .manualj-run-readiness-phase-list,
	  .manualj-runner-metrics,
	  .manualj-runner-stepper,
	  .manualj-beta-run-metrics,
	  .manualj-beta-run-list,
	  .beta-validation-summary,
  .beta-validation-lanes,
  .validation-wizard-metrics,
  .validation-wizard-stepper,
  .approval-center-metrics,
  .approval-stage-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .validation-launch-grid,
  .validation-slot-strip,
	  .validation-gap-grid,
	  .current-plan-binder-grid,
	  .real-plan-runbook-grid,
	  .plan-test-session-grid,
  .real-plan-test-run-grid,
  .real-plan-readiness-grid,
	  .test-plan-import-grid,
  .pre-submit-test-grid,
  .submit-plan-testing-grid,
  .active-plan-flow-grid,
  .plan-test-workspace-grid,
  .selected-shape-edit-grid,
  .room-merge-grid,
  .bulk-room-opening-grid,
  .room-model-group-grid,
  .exterior-shell-floor-grid,
  .real-plan-test-console-grid,
  .real-plan-launch-cert-grid,
  .real-plan-fast-start-grid,
  .guided-test-job-grid,
  .guided-test-job-status-list,
  .real-plan-cloud-grid,
  .live-plan-cockpit-grid,
  .current-run-flow-details,
  .real-plan-submission-grid,
  .plan-viewer-guide-grid,
	  .manualj-run-readiness-grid,
	  .manualj-runner-grid,
	  .manualj-beta-run-grid,
	  .beta-validation-grid,
  .beta-validation-owner-rollup,
  .validation-wizard-grid,
  .approval-center-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .first-plan-test-metrics,
  .first-plan-test-grid,
  .first-room-pilot-metrics,
  .first-room-pilot-grid,
  .real-plan-readiness-metrics,
  .real-plan-readiness-grid,
  .plan-page-scale-metrics,
  .plan-page-scale-grid,
  .final-release-metrics,
  .final-report-input-metrics,
  .final-report-input-category-grid,
  .final-missing-resolver-metrics,
  .final-missing-route-grid,
  .validation-launch-meters,
  .validation-launch-grid,
  .validation-slot-strip,
  .validation-gap-metrics,
  .validation-gap-grid,
  .validation-learning-metrics,
  .validation-learning-grid,
  .current-plan-binder-metrics,
  .current-plan-binder-grid,
	  .real-plan-runbook-metrics,
	  .real-plan-runbook-grid,
	  .plan-test-session-metrics,
	  .plan-test-session-grid,
	  .real-plan-test-run-metrics,
	  .real-plan-test-run-grid,
	  .real-plan-readiness-metrics,
	  .real-plan-readiness-grid,
	  .test-plan-import-metrics,
	  .test-plan-import-grid,
	  .pre-submit-test-metrics,
	  .pre-submit-test-grid,
	  .submit-plan-testing-metrics,
	  .submit-plan-testing-grid,
	  .active-plan-flow-metrics,
  .active-plan-stepper,
  .active-plan-flow-grid,
  .plan-test-workspace-metrics,
  .plan-test-workspace-grid,
  .selected-shape-edit-metrics,
  .selected-shape-edit-grid,
  .room-merge-metrics,
  .room-merge-grid,
  .bulk-room-opening-metrics,
  .bulk-room-opening-grid,
  .room-model-metrics,
  .room-model-group-grid,
  .exterior-shell-metrics,
  .exterior-shell-floor-grid,
  .real-plan-test-console-metrics,
  .real-plan-test-console-grid,
  .real-plan-launch-cert-metrics,
  .real-plan-launch-cert-grid,
  .real-plan-fast-start-metrics,
  .real-plan-fast-start-stepper,
  .real-plan-fast-start-grid,
  .guided-test-job-metrics,
  .guided-test-job-phase-strip,
  .guided-test-job-grid,
  .guided-test-job-status-list,
  .real-plan-cloud-packet-metrics,
  .real-plan-cloud-phase-strip,
  .real-plan-cloud-grid,
  .live-plan-cockpit-metrics,
  .live-plan-cockpit-grid,
  .current-run-flow-metrics,
  .current-run-flow-strip,
  .current-run-flow-details,
  .real-plan-submission-metrics,
  .real-plan-submission-grid,
  .real-plan-validation-review-metrics,
  .plan-viewer-guide-metrics,
  .plan-viewer-guide-stepper,
  .plan-viewer-guide-grid,
	  .manualj-run-readiness-metrics,
	  .manualj-run-readiness-phase-list,
	  .manualj-run-readiness-grid,
	  .manualj-runner-metrics,
	  .manualj-runner-stepper,
	  .manualj-runner-grid,
	  .manualj-beta-run-metrics,
	  .manualj-beta-run-list,
	  .manualj-beta-run-grid,
	  .beta-validation-summary,
  .beta-validation-lanes,
  .beta-validation-grid,
  .beta-validation-owner-rollup,
  .validation-wizard-metrics,
  .validation-wizard-stepper,
  .validation-wizard-grid,
  .approval-center-metrics,
  .approval-stage-strip,
  .approval-center-grid,
  .approval-file-row {
    grid-template-columns: 1fr;
  }

  .real-plan-cloud-step {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .plan-page-scale-card .tool-buttons,
  .final-export-release-card .tool-buttons,
  .final-report-review-submission-card .tool-buttons,
  .manualj-saved-run-evidence-card .tool-buttons,
  .final-report-input-resolution-card .tool-buttons,
  .final-missing-resolver-card .tool-buttons,
  .validation-launch-manager-card .tool-buttons,
  .manualj-validation-gap-card .tool-buttons,
  .validation-learning-card .tool-buttons,
  .current-plan-validation-binder-card .tool-buttons,
  .saved-validation-job-dossier-card .tool-buttons,
  .saved-validation-qualification-card .tool-buttons,
  .real-plan-validation-runbook-card .tool-buttons,
	  .plan-test-session-checklist-card .tool-buttons,
	  .test-plan-import-starter-card .tool-buttons,
	  .pre-submit-test-packet-card .tool-buttons,
	  .real-plan-readiness-card .tool-buttons,
	  .submit-plan-testing-card .tool-buttons,
	  .active-plan-test-flow-card .tool-buttons,
  .plan-test-workspace-card .tool-buttons,
  .selected-shape-edit-card .tool-buttons,
  .room-merge-card .tool-buttons,
  .bulk-room-opening-card .tool-buttons,
  .room-envelope-data-model-card .tool-buttons,
  .exterior-shell-review-card .tool-buttons,
  .real-plan-test-design-console-card .tool-buttons,
  .real-plan-launch-certificate-card .tool-buttons,
  .real-plan-fast-start-card .tool-buttons,
  .guided-test-job-runner-card .tool-buttons,
  .real-plan-cloud-packet-card .tool-buttons,
  .live-real-plan-test-cockpit-card .tool-buttons,
  .current-real-plan-test-run-flow-card .tool-buttons,
  .plan-viewer-guided-takeoff-card .tool-buttons,
	  .manualj-run-readiness-card .tool-buttons,
	  .manualj-guided-engine-runner-card .tool-buttons,
	  .room-load-engine-run-card .tool-buttons,
	  .reference-run-capture-card .tool-buttons,
	  .manualj-beta-run-card .tool-buttons,
	  .beta-validation-command-card .tool-buttons,
  .manualj-engine-release-card .tool-buttons,
  .real-plan-validation-wizard-card .tool-buttons,
  .validation-evidence-approval-card .tool-buttons {
    align-items: stretch;
  }

  .plan-page-scale-card .tool-buttons button,
  .final-export-release-card .tool-buttons button,
  .final-report-review-submission-card .tool-buttons button,
  .manualj-saved-run-evidence-card .tool-buttons button,
  .final-report-input-resolution-card .tool-buttons button,
  .final-missing-resolver-card .tool-buttons button,
  .validation-launch-manager-card .tool-buttons button,
  .manualj-validation-gap-card .tool-buttons button,
  .validation-learning-card .tool-buttons button,
  .current-plan-validation-binder-card .tool-buttons button,
  .saved-validation-job-dossier-card .tool-buttons button,
  .saved-validation-qualification-card .tool-buttons button,
  .real-plan-validation-runbook-card .tool-buttons button,
	  .plan-test-session-checklist-card .tool-buttons button,
	  .test-plan-import-starter-card .tool-buttons button,
	  .pre-submit-test-packet-card .tool-buttons button,
	  .real-plan-readiness-card .tool-buttons button,
	  .submit-plan-testing-card .tool-buttons button,
	  .active-plan-test-flow-card .tool-buttons button,
  .plan-test-workspace-card .tool-buttons button,
  .selected-shape-edit-card .tool-buttons button,
  .room-merge-card .tool-buttons button,
  .bulk-room-opening-card .tool-buttons button,
  .room-envelope-data-model-card .tool-buttons button,
  .exterior-shell-review-card .tool-buttons button,
  .real-plan-test-design-console-card .tool-buttons button,
  .real-plan-launch-certificate-card .tool-buttons button,
  .real-plan-fast-start-card .tool-buttons button,
  .guided-test-job-runner-card .tool-buttons button,
  .live-real-plan-test-cockpit-card .tool-buttons button,
  .current-real-plan-test-run-flow-card .tool-buttons button,
  .plan-viewer-guided-takeoff-card .tool-buttons button,
	  .manualj-run-readiness-card .tool-buttons button,
	  .manualj-guided-engine-runner-card .tool-buttons button,
	  .room-load-engine-run-card .tool-buttons button,
	  .reference-run-capture-card .tool-buttons button,
	  .manualj-beta-run-card .tool-buttons button,
	  .beta-validation-command-card .tool-buttons button,
  .manualj-engine-release-card .tool-buttons button,
  .real-plan-validation-wizard-card .tool-buttons button,
  .validation-evidence-approval-card .tool-buttons button {
    width: 100%;
    min-width: 0;
  }

  .real-plan-fast-start-step,
  .guided-test-job-phase,
  .current-run-flow-step,
  .plan-viewer-guide-step,
	  .manualj-run-readiness-phase,
	  .manualj-runner-step,
	  .manualj-beta-run-step,
	  .beta-validation-lane,
  .manualj-engine-release-item,
  .validation-gap-group,
  .validation-wizard-step,
  .approval-stage {
    min-height: auto;
  }

	  .manualj-beta-run-metrics,
	  .manualj-beta-run-grid,
	  .manualj-beta-run-list,
	  .manualj-engine-release-metrics,
  .manualj-engine-release-grid,
  .manualj-engine-release-bottom {
    grid-template-columns: 1fr;
  }

  .manualj-engine-release-item {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .validation-gap-group {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .final-missing-resolver-table,
  .final-release-table,
  .final-report-review-submission-card .review-table,
  .manualj-saved-run-evidence-card .review-table,
  .current-plan-validation-binder-card .review-table,
  .saved-validation-job-dossier-card .review-table,
  .real-plan-runbook-table-wrap,
  .plan-test-session-table-wrap,
  .validation-gap-table-wrap {
    display: block;
    overflow-x: auto;
    max-width: 100%;
  }
}
.outside-beta-company-launch-panel {
  border-color: rgba(25, 174, 178, 0.32);
  background: linear-gradient(180deg, rgba(25, 174, 178, 0.08), rgba(255, 255, 255, 0.96));
}

.outside-beta-onboarding-panel {
  border-color: rgba(47, 139, 212, 0.28);
  background: linear-gradient(180deg, rgba(47, 139, 212, 0.07), rgba(255, 255, 255, 0.96));
}

.outside-beta-launch-card {
  display: grid;
  gap: 18px;
  color: #172126;
}

.outside-beta-onboarding-card {
  display: grid;
  gap: 18px;
  color: #172126;
}

.outside-beta-launch-card.blocked {
  border-left: 4px solid #b42318;
}

.outside-beta-launch-card.review {
  border-left: 4px solid #b7791f;
}

.outside-beta-launch-card.ready {
  border-left: 4px solid #188459;
}

.outside-beta-onboarding-card.blocked {
  border-left: 4px solid #b42318;
}

.outside-beta-onboarding-card.review {
  border-left: 4px solid #b7791f;
}

.outside-beta-onboarding-card.ready {
  border-left: 4px solid #188459;
}

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

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

.outside-beta-release-strip,
.outside-beta-launch-grid,
.outside-beta-onboarding-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.outside-beta-release-strip > div {
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #fff;
  padding: 14px;
  min-width: 0;
}

.outside-beta-release-strip p {
  margin: 8px 0 0;
  color: #40515a;
  overflow-wrap: anywhere;
}

.outside-beta-launch-grid .qa-check-item {
  width: 100%;
  text-align: left;
}

.outside-beta-onboarding-grid .qa-check-item {
  width: 100%;
  text-align: left;
}

.outside-beta-launch-grid small,
.outside-beta-launch-card .muted-small,
.outside-beta-onboarding-grid small,
.outside-beta-onboarding-card .muted-small {
  overflow-wrap: anywhere;
}

.outside-beta-email-preview pre {
  max-height: 360px;
  overflow: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #f7fafb;
  padding: 12px;
  font: 12px/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  color: #263238;
}

.manualj-worksheet-review-card {
  border-color: rgba(22, 128, 143, 0.28);
}

.manualj-worksheet-review-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
  min-width: 0;
}

.manualj-worksheet-review-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 14px 0;
  min-width: 0;
}

.manualj-worksheet-review-grid section {
  min-width: 0;
}

.manualj-worksheet-review-grid h4 {
  margin: 0 0 10px;
}

.manualj-worksheet-formula-list {
  display: grid;
  gap: 8px;
}

.manualj-worksheet-formula-row {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 10px;
  text-align: left;
  cursor: pointer;
  min-width: 0;
}

.manualj-worksheet-formula-row > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  border-radius: 6px;
  background: rgba(23, 33, 38, 0.08);
  color: #263238;
  font-size: 11px;
  font-weight: 800;
}

.manualj-worksheet-formula-row strong,
.manualj-worksheet-formula-row small,
.manualj-worksheet-formula-row p {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.manualj-worksheet-formula-row p {
  margin: 4px 0 0;
}

.manualj-worksheet-formula-row small {
  color: var(--muted);
}

.manualj-worksheet-formula-row.pass,
.manualj-worksheet-formula-row.not.required {
  border-color: rgba(44, 150, 105, 0.35);
}

.manualj-worksheet-formula-row.warn {
  border-color: rgba(196, 138, 43, 0.38);
}

.manualj-worksheet-formula-row.fix {
  border-color: rgba(198, 67, 67, 0.38);
}

.manualj-worksheet-review-footer {
  display: grid;
  gap: 6px;
}

.manualj-load-trace-card {
  border: 1px solid rgba(15, 91, 141, 0.18);
  border-radius: 8px;
  background: var(--surface);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
  overflow: hidden;
}

.manualj-load-trace-card.blocked {
  border-color: rgba(220, 38, 38, 0.24);
}

.manualj-load-trace-card.review {
  border-color: rgba(217, 119, 6, 0.28);
}

.manualj-load-trace-card.ready {
  border-color: rgba(18, 154, 128, 0.32);
}

.manualj-load-trace-matrix.compact .manualj-load-trace-card {
  padding: 14px;
}

.manualj-load-trace-metrics,
.manualj-load-trace-rollup {
  display: grid;
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.manualj-load-trace-metrics {
  grid-template-columns: repeat(6, minmax(105px, 1fr));
}

.manualj-load-trace-rollup {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.manualj-load-trace-group {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 11px;
  min-width: 0;
}

.manualj-load-trace-group.pass {
  border-color: rgba(44, 150, 105, 0.38);
  background: rgba(44, 150, 105, 0.07);
}

.manualj-load-trace-group.warn {
  border-color: rgba(196, 138, 43, 0.42);
  background: rgba(196, 138, 43, 0.07);
}

.manualj-load-trace-group.fix {
  border-color: rgba(198, 67, 67, 0.34);
  background: rgba(198, 67, 67, 0.06);
}

.manualj-load-trace-card h3,
.manualj-load-trace-card p,
.manualj-load-trace-group strong,
.manualj-load-trace-group p,
.manualj-load-trace-group small {
  overflow-wrap: anywhere;
}

.manualj-load-trace-group p {
  color: var(--muted);
  margin: 5px 0;
}

.manualj-load-trace-group small {
  color: var(--muted);
}

.manualj-load-trace-matrix.compact .manualj-load-trace-rollup {
  grid-template-columns: 1fr;
}

.manualj-room-confidence-card {
  border: 1px solid rgba(15, 91, 141, 0.18);
  border-radius: 8px;
  background: var(--surface);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
  overflow: hidden;
}

.manualj-room-confidence-card.blocked {
  border-color: rgba(220, 38, 38, 0.24);
}

.manualj-room-confidence-card.review {
  border-color: rgba(217, 119, 6, 0.28);
}

.manualj-room-confidence-card.ready {
  border-color: rgba(18, 154, 128, 0.32);
}

.manualj-room-confidence-gate.compact .manualj-room-confidence-card {
  padding: 14px;
}

.manualj-room-confidence-metrics,
.manualj-room-confidence-rollup {
  display: grid;
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.manualj-room-confidence-metrics {
  grid-template-columns: repeat(6, minmax(100px, 1fr));
}

.manualj-room-confidence-rollup {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.manualj-room-confidence-floor {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  padding: 11px;
  min-width: 0;
}

.manualj-room-confidence-floor.pass {
  border-color: rgba(44, 150, 105, 0.38);
  background: rgba(44, 150, 105, 0.07);
}

.manualj-room-confidence-floor.warn {
  border-color: rgba(196, 138, 43, 0.42);
  background: rgba(196, 138, 43, 0.07);
}

.manualj-room-confidence-floor.fix {
  border-color: rgba(198, 67, 67, 0.34);
  background: rgba(198, 67, 67, 0.06);
}

.manualj-room-confidence-card h3,
.manualj-room-confidence-card p,
.manualj-room-confidence-floor strong,
.manualj-room-confidence-floor p,
.manualj-room-confidence-floor small {
  overflow-wrap: anywhere;
}

.manualj-room-confidence-floor p {
  color: var(--muted);
  margin: 5px 0;
}

.manualj-room-confidence-floor small {
  color: var(--muted);
}

.manualj-room-confidence-gate.compact .manualj-room-confidence-rollup {
  grid-template-columns: 1fr;
}

.manualj-run-dossier-card {
  display: grid;
  gap: 14px;
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #fff;
  padding: 16px;
  color: #172126;
  min-width: 0;
  margin-bottom: 18px;
}

.manualj-run-dossier-card.blocked {
  border-left: 4px solid #b42318;
}

.manualj-run-dossier-card.review {
  border-left: 4px solid #b7791f;
}

.manualj-run-dossier-card.ready {
  border-left: 4px solid #188459;
}

.manualj-run-dossier-metrics,
.manualj-run-category-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(126px, 1fr));
  gap: 10px;
  min-width: 0;
}

.manualj-run-dossier-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: 14px;
}

.manualj-run-dossier-grid section {
  border: 1px solid rgba(23, 33, 38, 0.1);
  border-radius: 8px;
  background: #f7fafb;
  padding: 12px;
  min-width: 0;
}

.manualj-run-dossier-grid h4,
.manualj-run-dossier-grid p {
  margin: 0 0 8px;
}

.manualj-run-category-strip span {
  display: grid;
  gap: 3px;
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #fff;
  padding: 9px;
  min-width: 0;
}

.manualj-run-category-strip span.pass {
  border-color: rgba(44, 150, 105, 0.28);
  background: rgba(44, 150, 105, 0.08);
}

.manualj-run-category-strip span.fix {
  border-color: rgba(198, 67, 67, 0.3);
  background: rgba(198, 67, 67, 0.08);
}

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

.manualj-run-dossier-item {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  width: 100%;
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #fff;
  padding: 12px;
  text-align: left;
  cursor: pointer;
  min-width: 0;
}

.manualj-run-dossier-item > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  border-radius: 6px;
  background: rgba(23, 33, 38, 0.08);
  color: #263238;
  font-size: 11px;
  font-weight: 800;
}

.manualj-run-dossier-item.pass {
  border-color: rgba(44, 150, 105, 0.35);
}

.manualj-run-dossier-item.warn {
  border-color: rgba(196, 138, 43, 0.38);
}

.manualj-run-dossier-item.fix {
  border-color: rgba(198, 67, 67, 0.38);
}

.manualj-run-dossier-card p,
.manualj-run-dossier-card strong,
.manualj-run-dossier-card small,
.manualj-run-dossier-card span,
.manualj-run-dossier-card button {
  min-width: 0;
  overflow-wrap: anywhere;
}

.manualj-run-dossier.compact .manualj-run-dossier-metrics,
.manualj-run-dossier.compact .manualj-run-dossier-grid,
.manualj-run-dossier.compact .manualj-run-dossier-readiness {
  grid-template-columns: 1fr;
}

.manualj-final-review-dossier-card {
  display: grid;
  gap: 16px;
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #fff;
  padding: 16px;
  color: #172126;
  min-width: 0;
  margin-bottom: 18px;
}

.manualj-final-review-dossier-card.locked {
  border-left: 4px solid #b42318;
}

.manualj-final-review-dossier-card.manager-review,
.manualj-final-review-dossier-card.review-ready {
  border-left: 4px solid #b7791f;
}

.manualj-final-review-dossier-card.final-export-unlocked {
  border-left: 4px solid #188459;
}

.manualj-final-dossier-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.manualj-final-dossier-phase-strip {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}

.manualj-final-dossier-phase {
  display: grid;
  gap: 3px;
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #f7fafb;
  padding: 10px;
  min-width: 0;
}

.manualj-final-dossier-phase strong,
.manualj-final-dossier-phase small {
  overflow-wrap: anywhere;
}

.manualj-final-dossier-phase.pass {
  border-color: rgba(44, 150, 105, 0.28);
  background: rgba(44, 150, 105, 0.08);
}

.manualj-final-dossier-phase.warn {
  border-color: rgba(196, 138, 43, 0.3);
  background: rgba(196, 138, 43, 0.08);
}

.manualj-final-dossier-phase.fix {
  border-color: rgba(198, 67, 67, 0.3);
  background: rgba(198, 67, 67, 0.08);
}

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

.manualj-final-dossier-item {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  width: 100%;
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #fff;
  padding: 12px;
  text-align: left;
  cursor: pointer;
  min-width: 0;
}

.manualj-final-dossier-item > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  border-radius: 6px;
  background: rgba(23, 33, 38, 0.08);
  color: #263238;
  font-size: 11px;
  font-weight: 800;
}

.manualj-final-dossier-item.pass {
  border-color: rgba(44, 150, 105, 0.35);
}

.manualj-final-dossier-item.warn {
  border-color: rgba(196, 138, 43, 0.38);
}

.manualj-final-dossier-item.fix {
  border-color: rgba(198, 67, 67, 0.38);
}

.manualj-final-dossier-item strong,
.manualj-final-dossier-item small,
.manualj-final-dossier-item p,
.manualj-final-dossier-item em {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.manualj-final-dossier-item p {
  margin: 5px 0 0;
}

.manualj-final-dossier-item small,
.manualj-final-dossier-item em {
  color: var(--muted);
}

.manualj-final-dossier-bottom {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: 14px;
}

.manualj-final-dossier-bottom section {
  border: 1px solid rgba(23, 33, 38, 0.1);
  border-radius: 8px;
  background: #f7fafb;
  padding: 12px;
  min-width: 0;
}

.manualj-final-dossier-bottom h4 {
  margin: 0 0 8px;
}

.manualj-final-dossier-bottom p {
  overflow-wrap: anywhere;
}

.program-path-validation-card {
  grid-column: span 2;
}

.program-path-validation-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.program-weather-boundary {
  display: grid;
  gap: 4px;
  border: 1px solid rgba(22, 128, 143, 0.26);
  border-radius: 8px;
  background: #f4fbfb;
  padding: 12px;
  margin: 12px 0;
  overflow-wrap: anywhere;
}

.program-weather-boundary span {
  color: var(--muted);
}

.ninety-day-sellability-card {
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 16px 34px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.ninety-day-sellability-card.blocked {
  border-color: rgba(197, 84, 54, 0.34);
}

.ninety-day-sellability-card.review {
  border-color: rgba(194, 136, 35, 0.34);
}

.ninety-day-sellability-card.ready {
  border-color: rgba(22, 128, 143, 0.32);
}

.ninety-day-sellability-gate.compact .ninety-day-sellability-card {
  margin: 10px 0;
  box-shadow: none;
}

.ninety-day-metrics,
.ninety-day-lanes {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.ninety-day-lanes {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.ninety-day-lane {
  display: grid;
  gap: 7px;
  align-content: start;
  min-height: 190px;
  border: 1px solid rgba(23, 33, 38, 0.1);
  border-radius: 8px;
  background: #f7fafb;
  padding: 12px;
  text-align: left;
  color: inherit;
  cursor: pointer;
  min-width: 0;
}

.ninety-day-lane.ready {
  border-color: rgba(22, 128, 143, 0.26);
  background: #f4fbfb;
}

.ninety-day-lane.review {
  border-color: rgba(194, 136, 35, 0.28);
  background: #fffaf0;
}

.ninety-day-lane.blocked {
  border-color: rgba(197, 84, 54, 0.28);
  background: #fff7f4;
}

.ninety-day-lane span,
.ninety-day-lane small {
  color: var(--muted);
  font-size: 0.78rem;
}

.ninety-day-lane strong,
.ninety-day-lane p,
.ninety-day-lane small,
.ninety-day-sellability-card p {
  overflow-wrap: anywhere;
}

.ninety-day-lane p {
  margin: 0;
  color: var(--text);
  line-height: 1.35;
}

.three-month-critical-path-card {
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 16px 34px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.three-month-critical-path-card.critical-path-blocked,
.three-month-critical-path-card.critical-path-open {
  border-color: rgba(197, 84, 54, 0.34);
}

.three-month-critical-path-card.launch-review {
  border-color: rgba(194, 136, 35, 0.34);
}

.three-month-critical-path-card.launch-ready {
  border-color: rgba(22, 128, 143, 0.32);
}

.production-gap-register-card {
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 16px 34px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.production-gap-register-card.critical-gaps-open {
  border-color: rgba(197, 84, 54, 0.34);
  background: linear-gradient(180deg, rgba(197, 84, 54, 0.08), #fff 56%);
}

.production-gap-register-card.production-gaps-open {
  border-color: rgba(194, 136, 35, 0.34);
  background: linear-gradient(180deg, rgba(194, 136, 35, 0.08), #fff 56%);
}

.production-gap-register-card.production-review {
  border-color: rgba(22, 128, 143, 0.28);
  background: linear-gradient(180deg, rgba(22, 128, 143, 0.07), #fff 56%);
}

.production-gap-register-card.no-open-gaps {
  border-color: rgba(18, 128, 92, 0.28);
  background: #f6fbf8;
}

.production-gap-register.compact .production-gap-register-card {
  margin: 10px 0;
  box-shadow: none;
}

.three-month-critical-path-board.compact .three-month-critical-path-card {
  margin: 10px 0;
  box-shadow: none;
}

.three-month-critical-metrics,
.three-month-critical-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.three-month-critical-grid {
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
  align-items: start;
}

.three-month-critical-path-card p,
.three-month-critical-path-card strong,
.three-month-critical-path-card small,
.three-month-critical-path-card button {
  overflow-wrap: anywhere;
}

.production-gap-register-card p,
.production-gap-register-card strong,
.production-gap-register-card small,
.production-gap-register-card button {
  overflow-wrap: anywhere;
}

.launch-critical-work-queue-card {
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.launch-critical-work-queue-card.critical-work-open {
  border-color: rgba(197, 84, 54, 0.34);
  background: linear-gradient(180deg, rgba(197, 84, 54, 0.07), #fff 54%);
}

.launch-critical-work-queue-card.work-open {
  border-color: rgba(194, 136, 35, 0.34);
  background: linear-gradient(180deg, rgba(244, 179, 64, 0.07), #fff 54%);
}

.launch-critical-work-queue-card.clear {
  border-color: rgba(22, 128, 143, 0.32);
}

.launch-critical-work-queue.compact .launch-critical-work-queue-card {
  margin: 10px 0;
  box-shadow: none;
}

.launch-critical-work-metrics,
.launch-critical-work-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.launch-critical-work-grid {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.launch-critical-work-queue-card p,
.launch-critical-work-queue-card strong,
.launch-critical-work-queue-card small,
.launch-critical-work-queue-card button {
  min-width: 0;
  overflow-wrap: anywhere;
}

.manualj-root-cause-card {
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.manualj-root-cause-card.blocked {
  border-color: rgba(197, 84, 54, 0.34);
}

.manualj-root-cause-card.review {
  border-color: rgba(194, 136, 35, 0.34);
}

.manualj-root-cause-card.ready {
  border-color: rgba(22, 128, 143, 0.32);
}

.manualj-variance-root-cause-board.compact .manualj-root-cause-card {
  box-shadow: none;
  margin: 10px 0;
}

.manualj-root-cause-metrics,
.manualj-root-cause-rollup,
.manualj-root-cause-items {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.manualj-root-cause-items {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.manualj-root-cause-group,
.manualj-root-cause-item {
  display: grid;
  gap: 6px;
  min-width: 0;
  border: 1px solid rgba(23, 33, 38, 0.1);
  border-radius: 8px;
  background: #f7fafb;
  padding: 12px;
  text-align: left;
  color: inherit;
}

.manualj-root-cause-item {
  min-height: 168px;
  cursor: pointer;
}

.manualj-root-cause-group.pass,
.manualj-root-cause-item.pass {
  border-color: rgba(22, 128, 143, 0.24);
  background: #f4fbfb;
}

.manualj-root-cause-group.warn,
.manualj-root-cause-item.warn {
  border-color: rgba(194, 136, 35, 0.28);
  background: #fffaf0;
}

.manualj-root-cause-group.fix,
.manualj-root-cause-item.fix {
  border-color: rgba(197, 84, 54, 0.28);
  background: #fff7f4;
}

.manualj-root-cause-group p,
.manualj-root-cause-item p {
  margin: 0;
  color: var(--text);
  line-height: 1.35;
}

.manualj-root-cause-group small,
.manualj-root-cause-item span,
.manualj-root-cause-item small {
  color: var(--muted);
  font-size: 0.78rem;
}

.manualj-root-cause-card p,
.manualj-root-cause-group strong,
.manualj-root-cause-group p,
.manualj-root-cause-group small,
.manualj-root-cause-item strong,
.manualj-root-cause-item p,
.manualj-root-cause-item span,
.manualj-root-cause-item small {
  overflow-wrap: anywhere;
}

.manualj-variance-acceptance-card {
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.manualj-variance-acceptance-card.blocked {
  border-color: rgba(197, 84, 54, 0.34);
}

.manualj-variance-acceptance-card.review {
  border-color: rgba(194, 136, 35, 0.34);
}

.manualj-variance-acceptance-card.ready {
  border-color: rgba(22, 128, 143, 0.32);
}

.manualj-variance-acceptance-gate.compact .manualj-variance-acceptance-card {
  box-shadow: none;
  margin: 10px 0;
}

.manualj-variance-acceptance-metrics,
.manualj-variance-acceptance-list {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.manualj-variance-acceptance-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.manualj-variance-acceptance-list article {
  display: grid;
  gap: 6px;
  min-width: 0;
  border: 1px solid rgba(23, 33, 38, 0.1);
  border-radius: 8px;
  background: #f7fafb;
  padding: 12px;
}

.manualj-variance-acceptance-list article.pass {
  border-color: rgba(22, 128, 143, 0.24);
  background: #f4fbfb;
}

.manualj-variance-acceptance-list article.warn {
  border-color: rgba(194, 136, 35, 0.28);
  background: #fffaf0;
}

.manualj-variance-acceptance-list article.fix {
  border-color: rgba(197, 84, 54, 0.28);
  background: #fff7f4;
}

.manualj-variance-acceptance-card select,
.manualj-variance-acceptance-card input,
.manualj-variance-acceptance-card textarea {
  width: 100%;
  min-width: 0;
}

.manualj-variance-acceptance-card p,
.manualj-variance-acceptance-list strong,
.manualj-variance-acceptance-list p,
.manualj-variance-acceptance-list small {
  overflow-wrap: anywhere;
}

.manualj-variance-acceptance-list p {
  margin: 0;
  color: var(--text);
  line-height: 1.35;
}

.manualj-variance-acceptance-list small {
  color: var(--muted);
  font-size: 0.78rem;
}

.manualj-variance-calibration-card {
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.manualj-variance-calibration-card.blocked {
  border-color: rgba(197, 84, 54, 0.34);
}

.manualj-variance-calibration-card.review {
  border-color: rgba(194, 136, 35, 0.34);
}

.manualj-variance-calibration-card.ready {
  border-color: rgba(22, 128, 143, 0.32);
}

.manualj-variance-calibration-queue.compact .manualj-variance-calibration-card {
  box-shadow: none;
  margin: 10px 0;
}

.manualj-variance-calibration-metrics,
.manualj-variance-calibration-list {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.manualj-variance-calibration-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.manualj-variance-calibration-list article {
  display: grid;
  gap: 6px;
  min-width: 0;
  border: 1px solid rgba(23, 33, 38, 0.1);
  border-radius: 8px;
  background: #f7fafb;
  padding: 12px;
}

.manualj-variance-calibration-list article.pass {
  border-color: rgba(22, 128, 143, 0.24);
  background: #f4fbfb;
}

.manualj-variance-calibration-list article.warn {
  border-color: rgba(194, 136, 35, 0.28);
  background: #fffaf0;
}

.manualj-variance-calibration-list article.fix {
  border-color: rgba(197, 84, 54, 0.28);
  background: #fff7f4;
}

.manualj-variance-calibration-card p,
.manualj-variance-calibration-list strong,
.manualj-variance-calibration-list p,
.manualj-variance-calibration-list small {
  overflow-wrap: anywhere;
}

.manualj-variance-calibration-list p {
  margin: 0;
  color: var(--text);
  line-height: 1.35;
}

.manualj-variance-calibration-list small {
  color: var(--muted);
  font-size: 0.78rem;
}

.manualj-variance-tuning-work-card {
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.manualj-variance-tuning-work-card.blocked,
.manualj-variance-tuning-work-card.variance-review-needed {
  border-color: rgba(197, 84, 54, 0.34);
}

.manualj-variance-tuning-work-card.review,
.manualj-variance-tuning-work-card.tuning-work-ready,
.manualj-variance-tuning-work-card.saved-job-review-needed {
  border-color: rgba(194, 136, 35, 0.34);
}

.manualj-variance-tuning-work-card.ready,
.manualj-variance-tuning-work-card.clear,
.manualj-variance-tuning-work-card.ready-for-rerun {
  border-color: rgba(22, 128, 143, 0.32);
}

.manualj-variance-tuning-work-queue.compact .manualj-variance-tuning-work-card {
  box-shadow: none;
  margin: 10px 0;
}

.manualj-variance-tuning-work-metrics,
.manualj-variance-tuning-work-flow,
.manualj-variance-tuning-work-list {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.manualj-variance-tuning-work-flow {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.manualj-variance-tuning-work-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.manualj-variance-tuning-work-list button {
  display: grid;
  gap: 6px;
  min-width: 0;
  min-height: 154px;
  border: 1px solid rgba(23, 33, 38, 0.1);
  border-radius: 8px;
  background: #f7fafb;
  padding: 12px;
  text-align: left;
  color: inherit;
  cursor: pointer;
}

.manualj-variance-tuning-work-list button.pass {
  border-color: rgba(22, 128, 143, 0.24);
  background: #f4fbfb;
}

.manualj-variance-tuning-work-list button.warn {
  border-color: rgba(194, 136, 35, 0.28);
  background: #fffaf0;
}

.manualj-variance-tuning-work-list button.fix {
  border-color: rgba(197, 84, 54, 0.28);
  background: #fff7f4;
}

.manualj-variance-tuning-work-card p,
.manualj-variance-tuning-work-card strong,
.manualj-variance-tuning-work-card small,
.manualj-variance-tuning-work-card button,
.manualj-variance-tuning-work-card td,
.manualj-variance-tuning-work-card th,
.manualj-variance-tuning-work-list span,
.manualj-variance-tuning-work-list p {
  overflow-wrap: anywhere;
}

.manualj-variance-tuning-work-list p {
  margin: 0;
  color: var(--text);
  line-height: 1.35;
}

.manualj-variance-tuning-work-list span,
.manualj-variance-tuning-work-list small {
  color: var(--muted);
  font-size: 0.78rem;
}

.manualj-calibration-rerun-card {
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.manualj-calibration-rerun-card.blocked {
  border-color: rgba(197, 84, 54, 0.34);
}

.manualj-calibration-rerun-card.review {
  border-color: rgba(194, 136, 35, 0.34);
}

.manualj-calibration-rerun-card.ready {
  border-color: rgba(22, 128, 143, 0.32);
}

.manualj-calibration-rerun-lock.compact .manualj-calibration-rerun-card {
  box-shadow: none;
  margin: 10px 0;
}

.manualj-calibration-rerun-metrics,
.manualj-calibration-rerun-list {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.manualj-calibration-rerun-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.manualj-calibration-rerun-list article {
  display: grid;
  gap: 6px;
  min-width: 0;
  border: 1px solid rgba(23, 33, 38, 0.1);
  border-radius: 8px;
  background: #f7fafb;
  padding: 12px;
}

.manualj-calibration-rerun-list article.pass {
  border-color: rgba(22, 128, 143, 0.24);
  background: #f4fbfb;
}

.manualj-calibration-rerun-list article.warn {
  border-color: rgba(194, 136, 35, 0.28);
  background: #fffaf0;
}

.manualj-calibration-rerun-list article.fix {
  border-color: rgba(197, 84, 54, 0.28);
  background: #fff7f4;
}

.manualj-calibration-rerun-card p,
.manualj-calibration-rerun-list strong,
.manualj-calibration-rerun-list p,
.manualj-calibration-rerun-list small {
  overflow-wrap: anywhere;
}

.manualj-calibration-rerun-list p {
  margin: 0;
  color: var(--text);
  line-height: 1.35;
}

.manualj-calibration-rerun-list small {
  color: var(--muted);
  font-size: 0.78rem;
}

.manualj-reference-rerun-card {
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.manualj-reference-rerun-card.blocked {
  border-color: rgba(197, 84, 54, 0.34);
}

.manualj-reference-rerun-card.review {
  border-color: rgba(194, 136, 35, 0.34);
}

.manualj-reference-rerun-card.ready {
  border-color: rgba(22, 128, 143, 0.32);
}

.manualj-reference-rerun-submission-packet.compact .manualj-reference-rerun-card {
  box-shadow: none;
  margin: 10px 0;
}

.manualj-reference-rerun-metrics,
.manualj-reference-rerun-steps,
.manualj-reference-rerun-files {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.manualj-reference-rerun-steps,
.manualj-reference-rerun-files {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.manualj-reference-rerun-steps article,
.manualj-reference-rerun-files article {
  display: grid;
  gap: 6px;
  min-width: 0;
  border: 1px solid rgba(23, 33, 38, 0.1);
  border-radius: 8px;
  background: #f7fafb;
  padding: 12px;
}

.validation-sprint-cockpit {
  margin: 16px 0;
  min-width: 0;
}

.validation-sprint-card {
  display: grid;
  gap: 14px;
  border: 1px solid rgba(23, 33, 38, 0.12);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(23, 33, 38, 0.08);
  padding: 16px;
  min-width: 0;
}

.validation-sprint-card.sprint-blocked {
  border-color: rgba(197, 84, 54, 0.32);
}

.validation-sprint-card.sprint-review {
  border-color: rgba(194, 136, 35, 0.32);
}

.validation-sprint-card.sprint-clear {
  border-color: rgba(22, 128, 143, 0.28);
}

.validation-sprint-metrics,
.validation-sprint-control-strip,
.validation-sprint-grid {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.validation-sprint-metrics {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.validation-sprint-control-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.validation-sprint-grid {
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  align-items: start;
}

.validation-sprint-control-strip article,
.validation-sprint-slot {
  min-width: 0;
  border: 1px solid rgba(23, 33, 38, 0.1);
  border-radius: 8px;
  background: #f8fafb;
  padding: 12px;
}

.validation-sprint-control-strip article.pass,
.validation-sprint-slot.complete {
  border-color: rgba(22, 128, 143, 0.24);
  background: #f4fbfb;
}

.validation-sprint-control-strip article.warn,
.validation-sprint-slot.review,
.validation-sprint-slot.open {
  border-color: rgba(194, 136, 35, 0.24);
  background: #fffaf0;
}

.validation-sprint-slot.fix {
  border-color: rgba(197, 84, 54, 0.24);
  background: #fff7f4;
}

.validation-sprint-control-strip span,
.validation-sprint-slot span,
.validation-sprint-slot small {
  display: block;
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.validation-sprint-control-strip strong,
.validation-sprint-slot strong {
  display: block;
  color: var(--ink);
  overflow-wrap: anywhere;
}

.validation-sprint-control-strip p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.validation-sprint-slots {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

.validation-sprint-slot {
  cursor: pointer;
  text-align: left;
}

.validation-sprint-cockpit.compact .validation-sprint-card {
  box-shadow: none;
  padding: 14px;
}

.validation-sprint-cockpit.compact .validation-sprint-grid,
.validation-sprint-cockpit.compact .validation-sprint-control-strip {
  grid-template-columns: 1fr;
}

@media (max-width: 920px) {
  .validation-sprint-metrics,
  .validation-sprint-control-strip,
  .validation-sprint-grid {
    grid-template-columns: 1fr;
  }

  .validation-sprint-slots {
    grid-template-columns: 1fr;
  }
}

.manualj-reference-rerun-steps article.pass,
.manualj-reference-rerun-files article.pass {
  border-color: rgba(22, 128, 143, 0.24);
  background: #f4fbfb;
}

.manualj-reference-rerun-steps article.warn,
.manualj-reference-rerun-files article.warn {
  border-color: rgba(194, 136, 35, 0.28);
  background: #fffaf0;
}

.manualj-reference-rerun-steps article.fix,
.manualj-reference-rerun-files article.fix {
  border-color: rgba(197, 84, 54, 0.28);
  background: #fff7f4;
}

.manualj-reference-rerun-card p,
.manualj-reference-rerun-steps strong,
.manualj-reference-rerun-steps p,
.manualj-reference-rerun-steps small,
.manualj-reference-rerun-files strong,
.manualj-reference-rerun-files p,
.manualj-reference-rerun-files small {
  overflow-wrap: anywhere;
}

.manualj-reference-rerun-steps p,
.manualj-reference-rerun-files p {
  margin: 0;
  color: var(--text);
  line-height: 1.35;
}

.manualj-reference-rerun-steps small,
.manualj-reference-rerun-files small {
  color: var(--muted);
  font-size: 0.78rem;
}

.manualj-tuning-change-card {
  border: 1px solid rgba(22, 128, 143, 0.16);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.manualj-tuning-change-card.locked {
  border-color: rgba(197, 84, 54, 0.34);
}

.manualj-tuning-change-card.review {
  border-color: rgba(194, 136, 35, 0.34);
}

.manualj-tuning-change-card.ready {
  border-color: rgba(22, 128, 143, 0.32);
}

.manualj-tuning-change-control-gate.compact .manualj-tuning-change-card {
  box-shadow: none;
  margin: 10px 0;
}

.manualj-tuning-change-metrics,
.manualj-tuning-change-lanes {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.manualj-tuning-change-lanes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.manualj-tuning-change-lanes article {
  display: grid;
  gap: 6px;
  border: 1px solid rgba(23, 33, 38, 0.1);
  border-radius: 8px;
  background: #f7fafb;
  padding: 12px;
  min-width: 0;
}

.manualj-tuning-change-lanes article.pass {
  border-color: rgba(22, 128, 143, 0.24);
  background: #f4fbfb;
}

.manualj-tuning-change-lanes article.warn {
  border-color: rgba(194, 136, 35, 0.28);
  background: #fffaf0;
}

.manualj-tuning-change-lanes article.fix {
  border-color: rgba(197, 84, 54, 0.28);
  background: #fff7f4;
}

.manualj-tuning-change-card p,
.manualj-tuning-change-lanes strong,
.manualj-tuning-change-lanes p {
  overflow-wrap: anywhere;
}

.manualj-tuning-change-lanes p {
  margin: 0;
  color: var(--muted);
  line-height: 1.35;
}

.manualj-post-tuning-regression-card {
  border: 1px solid rgba(22, 128, 143, 0.16);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
  overflow: hidden;
}

.manualj-post-tuning-regression-card.locked {
  border-color: rgba(197, 84, 54, 0.34);
}

.manualj-post-tuning-regression-card.review {
  border-color: rgba(194, 136, 35, 0.34);
}

.manualj-post-tuning-regression-card.pass {
  border-color: rgba(22, 128, 143, 0.32);
}

.post-tuning-regression-metrics,
.post-tuning-regression-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

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

.post-tuning-regression-row {
  display: grid;
  gap: 6px;
  border: 1px solid rgba(23, 33, 38, 0.1);
  border-radius: 8px;
  background: #f7fafb;
  padding: 12px;
  min-width: 0;
}

.post-tuning-regression-row.pass {
  border-color: rgba(22, 128, 143, 0.24);
  background: #f4fbfb;
}

.post-tuning-regression-row.fix {
  border-color: rgba(197, 84, 54, 0.28);
  background: #fff7f4;
}

.manualj-post-tuning-regression-card p,
.manualj-post-tuning-regression-card strong,
.post-tuning-regression-row p,
.post-tuning-regression-row small {
  overflow-wrap: anywhere;
}

.post-tuning-regression-row p {
  margin: 0;
  color: var(--muted);
  line-height: 1.35;
}

.post-tuning-regression-row small {
  color: var(--muted);
  font-size: 0.78rem;
}

.validation-credit-ledger-card {
  border: 1px solid rgba(22, 128, 143, 0.16);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.validation-credit-ledger-card.needs-validation-jobs,
.validation-credit-ledger-card.not-qualified {
  border-color: rgba(197, 84, 54, 0.34);
}

.validation-credit-ledger-card.building-credit,
.validation-credit-ledger-card.beta-credit-ready {
  border-color: rgba(194, 136, 35, 0.34);
}

.validation-credit-ledger-card.standalone-credit-ready {
  border-color: rgba(22, 128, 143, 0.32);
}

.validation-credit-ledger.compact .validation-credit-ledger-card {
  box-shadow: none;
  margin: 10px 0;
}

.validation-credit-metrics,
.validation-credit-lanes {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

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

.validation-credit-lanes article {
  display: grid;
  gap: 6px;
  min-width: 0;
  border: 1px solid rgba(23, 33, 38, 0.1);
  border-radius: 8px;
  background: #f7fafb;
  padding: 12px;
}

.validation-credit-lanes article.pass {
  border-color: rgba(22, 128, 143, 0.24);
  background: #f4fbfb;
}

.validation-credit-lanes article.warn {
  border-color: rgba(194, 136, 35, 0.28);
  background: #fffaf0;
}

.validation-credit-lanes article.fix {
  border-color: rgba(197, 84, 54, 0.28);
  background: #fff7f4;
}

.validation-credit-ledger-card p,
.validation-credit-lanes strong,
.validation-credit-lanes p,
.validation-credit-lanes small,
.validation-credit-table td {
  overflow-wrap: anywhere;
}

.validation-credit-lanes p,
.validation-credit-lanes small {
  margin: 0;
  color: var(--muted);
  line-height: 1.35;
}

.manual-j-validation-dataset-package-card {
  border: 1px solid rgba(22, 128, 143, 0.16);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.manual-j-validation-dataset-package-card.locked,
.manual-j-validation-dataset-package-card.dataset-empty {
  border-color: rgba(197, 84, 54, 0.34);
}

.manual-j-validation-dataset-package-card.review,
.manual-j-validation-dataset-package-card.dataset-building,
.manual-j-validation-dataset-package-card.beta-dataset-ready {
  border-color: rgba(194, 136, 35, 0.34);
  background: linear-gradient(180deg, rgba(244, 179, 64, 0.07), #fff 58%);
}

.manual-j-validation-dataset-package-card.ready,
.manual-j-validation-dataset-package-card.standalone-dataset-ready {
  border-color: rgba(22, 128, 143, 0.32);
  background: linear-gradient(180deg, rgba(20, 184, 166, 0.08), #fff 58%);
}

.manual-j-validation-dataset-package.compact .manual-j-validation-dataset-package-card {
  box-shadow: none;
  margin: 10px 0;
}

.manual-j-validation-dataset-package-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.manual-j-validation-dataset-package.compact .manual-j-validation-dataset-package-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.manual-j-validation-dataset-package-card p,
.manual-j-validation-dataset-package-card strong,
.manual-j-validation-dataset-package-card small,
.manual-j-validation-dataset-package-card button,
.manual-j-validation-dataset-package-card td,
.manual-j-validation-dataset-package-card th,
.manual-j-validation-dataset-package-table td {
  overflow-wrap: anywhere;
}

.active-design-validation-submission-card {
  border: 1px solid rgba(22, 128, 143, 0.16);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.active-design-validation-submission-card.locked,
.active-design-validation-submission-card.submission-start {
  border-color: rgba(197, 84, 54, 0.34);
}

.active-design-validation-submission-card.review,
.active-design-validation-submission-card.submission-building,
.active-design-validation-submission-card.validation-submission-ready,
.active-design-validation-submission-card.manager-review-ready {
  border-color: rgba(194, 136, 35, 0.34);
  background: linear-gradient(180deg, rgba(244, 179, 64, 0.07), #fff 58%);
}

.active-design-validation-submission-card.ready,
.active-design-validation-submission-card.beta-evidence-ready {
  border-color: rgba(22, 128, 143, 0.32);
  background: linear-gradient(180deg, rgba(20, 184, 166, 0.08), #fff 58%);
}

.active-design-validation-submission-packet.compact .active-design-validation-submission-card {
  box-shadow: none;
  margin: 10px 0;
}

.active-design-validation-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.active-design-validation-submission-packet.compact .active-design-validation-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.active-design-validation-snapshot-strip {
  border: 1px solid rgba(22, 128, 143, 0.14);
  border-radius: 8px;
  background: rgba(235, 247, 248, 0.74);
  padding: 10px 12px;
  margin: 10px 0 12px;
  min-width: 0;
}

.active-design-validation-snapshot-strip strong,
.active-design-validation-snapshot-strip p {
  display: block;
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}

.active-design-validation-snapshot-strip p {
  margin-top: 3px;
  color: #475569;
  font-size: 0.88rem;
  line-height: 1.42;
}

.active-design-validation-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.active-design-validation-submission-packet.compact .active-design-validation-list {
  grid-template-columns: 1fr;
}

.active-design-validation-submission-card p,
.active-design-validation-submission-card strong,
.active-design-validation-submission-card small,
.active-design-validation-submission-card button {
  min-width: 0;
  overflow-wrap: anywhere;
}

.week-one-four-launch-card {
  border: 1px solid rgba(22, 128, 143, 0.16);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.week-one-four-launch-card.blocked,
.week-one-four-launch-card.internal-build-open {
  border-color: rgba(197, 84, 54, 0.34);
}

.week-one-four-launch-card.review,
.week-one-four-launch-card.outside-beta-review {
  border-color: rgba(194, 136, 35, 0.34);
  background: linear-gradient(180deg, rgba(244, 179, 64, 0.07), #fff 58%);
}

.week-one-four-launch-card.ready,
.week-one-four-launch-card.outside-beta-ready {
  border-color: rgba(22, 128, 143, 0.32);
  background: linear-gradient(180deg, rgba(20, 184, 166, 0.08), #fff 58%);
}

.week-one-four-launch-completion-board.compact .week-one-four-launch-card {
  box-shadow: none;
  margin: 10px 0;
}

.week-one-four-metrics,
.week-one-four-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.week-one-four-metrics {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.week-one-four-launch-completion-board.compact .week-one-four-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.week-one-four-launch-completion-board.compact .week-one-four-list {
  grid-template-columns: 1fr;
}

.week-one-four-launch-card p,
.week-one-four-launch-card strong,
.week-one-four-launch-card small,
.week-one-four-launch-card button {
  min-width: 0;
  overflow-wrap: anywhere;
}

.week-five-six-manual-j-card,
.manual-j-v1-engine-smoke-card {
  border: 1px solid rgba(22, 128, 143, 0.16);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.week-five-six-manual-j-card.blocked,
.week-five-six-manual-j-card.engine-build-open,
.manual-j-v1-engine-smoke-card.blocked,
.manual-j-v1-engine-smoke-card.current-project-engine-open {
  border-color: rgba(197, 84, 54, 0.34);
}

.week-five-six-manual-j-card.review,
.week-five-six-manual-j-card.validation-mode-ready,
.week-five-six-manual-j-card.reviewed-beta-ready,
.manual-j-v1-engine-smoke-card.review,
.manual-j-v1-engine-smoke-card.engine-smoke-ready-with-review {
  border-color: rgba(194, 136, 35, 0.34);
  background: linear-gradient(180deg, rgba(244, 179, 64, 0.07), #fff 58%);
}

.week-five-six-manual-j-card.ready,
.week-five-six-manual-j-card.standalone-review-ready,
.manual-j-v1-engine-smoke-card.ready,
.manual-j-v1-engine-smoke-card.engine-smoke-ready {
  border-color: rgba(22, 128, 143, 0.32);
  background: linear-gradient(180deg, rgba(20, 184, 166, 0.08), #fff 58%);
}

.week-five-six-manual-j-completion-board.compact .week-five-six-manual-j-card,
.manual-j-v1-engine-smoke-gate.compact .manual-j-v1-engine-smoke-card {
  box-shadow: none;
  margin: 10px 0;
}

.week-five-six-metrics,
.week-five-six-list {
  display: grid;
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.week-five-six-metrics {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.week-five-six-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.week-five-six-manual-j-completion-board.compact .week-five-six-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.week-five-six-manual-j-completion-board.compact .week-five-six-list {
  grid-template-columns: 1fr;
}

.week-five-six-manual-j-card p,
.week-five-six-manual-j-card strong,
.week-five-six-manual-j-card small,
.week-five-six-manual-j-card button,
.manual-j-v1-engine-smoke-card p,
.manual-j-v1-engine-smoke-card strong,
.manual-j-v1-engine-smoke-card small,
.manual-j-v1-engine-smoke-card button {
  min-width: 0;
  overflow-wrap: anywhere;
}

.manual-j-v1-fixture-regression-card {
  border: 1px solid rgba(22, 128, 143, 0.16);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.manual-j-v1-fixture-regression-card.fix {
  border-color: rgba(197, 84, 54, 0.34);
}

.manual-j-v1-fixture-regression-card.review {
  border-color: rgba(194, 136, 35, 0.34);
  background: linear-gradient(180deg, rgba(244, 179, 64, 0.07), #fff 58%);
}

.manual-j-v1-fixture-regression-card.pass {
  border-color: rgba(22, 128, 143, 0.32);
  background: linear-gradient(180deg, rgba(20, 184, 166, 0.08), #fff 58%);
}

.manual-j-v1-fixture-regression-suite.compact .manual-j-v1-fixture-regression-card {
  box-shadow: none;
  margin: 10px 0;
}

.manual-j-v1-fixture-regression-metrics,
.manual-j-v1-fixture-regression-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.manual-j-v1-fixture-regression-grid {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.manual-j-v1-fixture-regression-row {
  display: grid;
  gap: 6px;
  border: 1px solid rgba(23, 33, 38, 0.1);
  border-radius: 8px;
  background: #f7fafb;
  padding: 12px;
  min-width: 0;
}

.manual-j-v1-fixture-regression-row.pass {
  border-color: rgba(22, 128, 143, 0.24);
  background: #f4fbfb;
}

.manual-j-v1-fixture-regression-row.warn {
  border-color: rgba(194, 136, 35, 0.28);
  background: #fffaf0;
}

.manual-j-v1-fixture-regression-row.fix {
  border-color: rgba(197, 84, 54, 0.28);
  background: #fff7f4;
}

.manual-j-v1-fixture-regression-card p,
.manual-j-v1-fixture-regression-card strong,
.manual-j-v1-fixture-regression-card small,
.manual-j-v1-fixture-regression-card button,
.manual-j-v1-fixture-regression-row p,
.manual-j-v1-fixture-regression-row small,
.manual-j-v1-fixture-regression-row span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.manual-j-v1-fixture-regression-row p {
  margin: 0;
  color: var(--text);
}

.manual-j-v1-fixture-regression-row small,
.manual-j-v1-fixture-regression-row span {
  color: var(--muted);
  font-size: 0.8rem;
}

.reference-comparison-fixture-card {
  border: 1px solid rgba(22, 128, 143, 0.16);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.reference-comparison-fixture-card.fix {
  border-color: rgba(197, 84, 54, 0.34);
}

.reference-comparison-fixture-card.review {
  border-color: rgba(194, 136, 35, 0.34);
  background: linear-gradient(180deg, rgba(244, 179, 64, 0.07), #fff 58%);
}

.reference-comparison-fixture-card.pass {
  border-color: rgba(22, 128, 143, 0.32);
  background: linear-gradient(180deg, rgba(20, 184, 166, 0.08), #fff 58%);
}

.reference-comparison-fixture-suite.compact .reference-comparison-fixture-card {
  box-shadow: none;
  margin: 10px 0;
}

.reference-comparison-fixture-metrics,
.reference-comparison-fixture-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.reference-comparison-fixture-grid {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.reference-comparison-fixture-row {
  display: grid;
  gap: 6px;
  border: 1px solid rgba(23, 33, 38, 0.1);
  border-radius: 8px;
  background: #f7fafb;
  padding: 12px;
  min-width: 0;
}

.reference-comparison-fixture-row.pass {
  border-color: rgba(22, 128, 143, 0.24);
  background: #f4fbfb;
}

.reference-comparison-fixture-row.warn {
  border-color: rgba(194, 136, 35, 0.28);
  background: #fffaf0;
}

.reference-comparison-fixture-row.fix {
  border-color: rgba(197, 84, 54, 0.28);
  background: #fff7f4;
}

.reference-comparison-fixture-card p,
.reference-comparison-fixture-card strong,
.reference-comparison-fixture-card small,
.reference-comparison-fixture-card button,
.reference-comparison-fixture-row p,
.reference-comparison-fixture-row small,
.reference-comparison-fixture-row span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.reference-comparison-fixture-row p {
  margin: 0;
  color: var(--text);
}

.reference-comparison-fixture-row small,
.reference-comparison-fixture-row span {
  color: var(--muted);
  font-size: 0.8rem;
}

.validation-countability-fixture-card {
  border: 1px solid rgba(22, 128, 143, 0.16);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.validation-countability-fixture-card.fix {
  border-color: rgba(197, 84, 54, 0.34);
  background: linear-gradient(180deg, rgba(197, 84, 54, 0.06), #fff 58%);
}

.validation-countability-fixture-card.pass {
  border-color: rgba(22, 128, 143, 0.32);
  background: linear-gradient(180deg, rgba(20, 184, 166, 0.08), #fff 58%);
}

.validation-countability-fixture-suite.compact .validation-countability-fixture-card {
  box-shadow: none;
  margin: 10px 0;
}

.validation-countability-fixture-metrics,
.validation-countability-fixture-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.validation-countability-fixture-grid {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.validation-countability-fixture-row {
  display: grid;
  gap: 6px;
  border: 1px solid rgba(23, 33, 38, 0.1);
  border-radius: 8px;
  background: #f7fafb;
  padding: 12px;
  min-width: 0;
}

.validation-countability-fixture-row.pass {
  border-color: rgba(22, 128, 143, 0.24);
  background: #f4fbfb;
}

.validation-countability-fixture-row.fix {
  border-color: rgba(197, 84, 54, 0.28);
  background: #fff7f4;
}

.validation-countability-fixture-card p,
.validation-countability-fixture-card strong,
.validation-countability-fixture-card small,
.validation-countability-fixture-card button,
.validation-countability-fixture-row p,
.validation-countability-fixture-row small,
.validation-countability-fixture-row span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.validation-countability-fixture-row p {
  margin: 0;
  color: var(--text);
}

.validation-countability-fixture-row small,
.validation-countability-fixture-row span {
  color: var(--muted);
  font-size: 0.8rem;
}

.week-seven-eight-beta-card {
  border: 1px solid rgba(22, 128, 143, 0.16);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.week-seven-eight-beta-card.blocked,
.week-seven-eight-beta-card.beta-launch-blocked {
  border-color: rgba(197, 84, 54, 0.34);
}

.week-seven-eight-beta-card.review,
.week-seven-eight-beta-card.beta-launch-review {
  border-color: rgba(194, 136, 35, 0.34);
  background: linear-gradient(180deg, rgba(244, 179, 64, 0.07), #fff 58%);
}

.week-seven-eight-beta-card.ready,
.week-seven-eight-beta-card.controlled-beta-ready {
  border-color: rgba(22, 128, 143, 0.32);
  background: linear-gradient(180deg, rgba(20, 184, 166, 0.08), #fff 58%);
}

.week-seven-eight-beta-launch-board.compact .week-seven-eight-beta-card {
  box-shadow: none;
  margin: 10px 0;
}

.week-seven-eight-metrics,
.week-seven-eight-list {
  display: grid;
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.week-seven-eight-metrics {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.week-seven-eight-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.week-seven-eight-beta-launch-board.compact .week-seven-eight-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.week-seven-eight-beta-launch-board.compact .week-seven-eight-list {
  grid-template-columns: 1fr;
}

.week-seven-eight-beta-card p,
.week-seven-eight-beta-card strong,
.week-seven-eight-beta-card small,
.week-seven-eight-beta-card button {
  min-width: 0;
  overflow-wrap: anywhere;
}

.week-nine-ten-paid-card {
  border: 1px solid rgba(22, 128, 143, 0.16);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.week-nine-ten-paid-card.blocked,
.week-nine-ten-paid-card.paid-saas-blocked {
  border-color: rgba(197, 84, 54, 0.34);
}

.week-nine-ten-paid-card.review,
.week-nine-ten-paid-card.paid-saas-review {
  border-color: rgba(194, 136, 35, 0.34);
  background: linear-gradient(180deg, rgba(244, 179, 64, 0.07), #fff 58%);
}

.week-nine-ten-paid-card.ready,
.week-nine-ten-paid-card.paid-saas-ready {
  border-color: rgba(22, 128, 143, 0.32);
  background: linear-gradient(180deg, rgba(20, 184, 166, 0.08), #fff 58%);
}

.week-nine-ten-paid-saas-readiness-board.compact .week-nine-ten-paid-card {
  box-shadow: none;
  margin: 10px 0;
}

.week-nine-ten-metrics,
.week-nine-ten-list {
  display: grid;
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.week-nine-ten-metrics {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.week-nine-ten-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.week-nine-ten-paid-saas-readiness-board.compact .week-nine-ten-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.week-nine-ten-paid-saas-readiness-board.compact .week-nine-ten-list {
  grid-template-columns: 1fr;
}

.week-nine-ten-paid-card p,
.week-nine-ten-paid-card strong,
.week-nine-ten-paid-card small,
.week-nine-ten-paid-card button {
  min-width: 0;
  overflow-wrap: anywhere;
}

.saved-validation-job-dossier-card {
  border: 1px solid rgba(22, 128, 143, 0.16);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.saved-validation-job-dossier-card.no-saved-validation-job,
.saved-validation-job-dossier-card.reference-or-setup-needed,
.saved-validation-job-dossier-card.not-qualified {
  border-color: rgba(197, 84, 54, 0.34);
}

.saved-validation-job-dossier-card.evidence-needed,
.saved-validation-job-dossier-card.approval-needed,
.saved-validation-job-dossier-card.proof-ready-sync-needed {
  border-color: rgba(194, 136, 35, 0.34);
}

.saved-validation-job-dossier-card.proof-ready {
  border-color: rgba(22, 128, 143, 0.32);
  background: linear-gradient(180deg, rgba(20, 184, 166, 0.08), #fff 58%);
}

.saved-validation-job-dossier.compact .saved-validation-job-dossier-card {
  box-shadow: none;
  margin: 10px 0;
}

.saved-validation-job-dossier-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.saved-validation-job-dossier.compact .saved-validation-job-dossier-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.saved-validation-job-dossier-card p,
.saved-validation-job-dossier-card strong,
.saved-validation-job-dossier-card th,
.saved-validation-job-dossier-card td,
.saved-validation-job-dossier-table td {
  overflow-wrap: anywhere;
}

.saved-validation-qualification-card {
  border: 1px solid rgba(22, 128, 143, 0.16);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  display: grid;
  gap: 14px;
  min-width: 0;
}

.saved-validation-qualification-card.locked,
.saved-validation-qualification-card.no-saved-validation-jobs {
  border-color: rgba(197, 84, 54, 0.34);
}

.saved-validation-qualification-card.review,
.saved-validation-qualification-card.qualification-buildout {
  border-color: rgba(194, 136, 35, 0.34);
  background: linear-gradient(180deg, rgba(244, 179, 64, 0.06), #fff 58%);
}

.saved-validation-qualification-card.ready,
.saved-validation-qualification-card.beta-matrix-ready,
.saved-validation-qualification-card.standalone-matrix-ready {
  border-color: rgba(22, 128, 143, 0.32);
  background: linear-gradient(180deg, rgba(20, 184, 166, 0.08), #fff 58%);
}

.saved-validation-qualification-metrics,
.saved-validation-qualification-grid {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.saved-validation-qualification-metrics {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.saved-validation-qualification-grid {
  grid-template-columns: minmax(280px, 1.2fr) minmax(220px, 0.75fr) minmax(220px, 0.8fr);
  align-items: start;
}

.saved-validation-qualification.compact .saved-validation-qualification-card {
  box-shadow: none;
  margin: 10px 0;
  padding: 14px;
}

.saved-validation-qualification.compact .saved-validation-qualification-metrics,
.saved-validation-qualification.compact .saved-validation-qualification-grid {
  grid-template-columns: 1fr;
}

.saved-validation-qualification.compact .saved-validation-qualification-grid .control-list:nth-child(3),
.saved-validation-qualification.compact .qa-check-item small {
  display: none;
}

.saved-validation-qualification-card p,
.saved-validation-qualification-card strong,
.saved-validation-qualification-card small,
.saved-validation-qualification-card button {
  min-width: 0;
  overflow-wrap: anywhere;
}

.final-report-review-submission-card {
  border: 1px solid rgba(22, 128, 143, 0.16);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.final-report-review-submission-card.submission-locked {
  border-color: rgba(197, 84, 54, 0.34);
}

.final-report-review-submission-card.manager-review-ready,
.final-report-review-submission-card.ready-for-manager-stamp {
  border-color: rgba(194, 136, 35, 0.34);
  background: linear-gradient(180deg, rgba(244, 179, 64, 0.08), #fff 58%);
}

.final-report-review-submission-card.reviewed-export-ready {
  border-color: rgba(22, 128, 143, 0.32);
  background: linear-gradient(180deg, rgba(20, 184, 166, 0.08), #fff 58%);
}

.final-report-review-submission-packet.compact .final-report-review-submission-card {
  box-shadow: none;
  margin: 10px 0;
}

.final-report-review-submission-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.final-report-review-submission-packet.compact .final-report-review-submission-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.final-report-review-submission-card p,
.final-report-review-submission-card strong,
.final-report-review-submission-card small,
.final-report-review-submission-card button {
  overflow-wrap: anywhere;
}

.final-variance-export-lock-card {
  border: 1px solid rgba(22, 128, 143, 0.16);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.final-variance-export-lock-card.locked,
.final-variance-export-lock-card.variance-final-export-locked {
  border-color: rgba(197, 84, 54, 0.34);
}

.final-variance-export-lock-card.review,
.final-variance-export-lock-card.variance-final-export-review {
  border-color: rgba(194, 136, 35, 0.34);
  background: linear-gradient(180deg, rgba(244, 179, 64, 0.08), #fff 58%);
}

.final-variance-export-lock-card.ready,
.final-variance-export-lock-card.variance-final-export-ready {
  border-color: rgba(22, 128, 143, 0.32);
  background: linear-gradient(180deg, rgba(20, 184, 166, 0.08), #fff 58%);
}

.final-variance-export-lock.compact .final-variance-export-lock-card {
  box-shadow: none;
  margin: 10px 0;
}

.final-variance-export-lock-metrics,
.final-variance-export-lock-list {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.final-variance-export-lock-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.final-variance-export-lock.compact .final-variance-export-lock-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.final-variance-export-lock-list button {
  display: grid;
  gap: 6px;
  min-width: 0;
  min-height: 150px;
  border: 1px solid rgba(23, 33, 38, 0.1);
  border-radius: 8px;
  background: #f7fafb;
  color: inherit;
  text-align: left;
  padding: 12px;
  cursor: pointer;
}

.final-variance-export-lock-list button.pass {
  border-color: rgba(22, 128, 143, 0.24);
  background: #f4fbfb;
}

.final-variance-export-lock-list button.warn {
  border-color: rgba(194, 136, 35, 0.28);
  background: #fffaf0;
}

.final-variance-export-lock-list button.fix {
  border-color: rgba(197, 84, 54, 0.28);
  background: #fff7f4;
}

.final-variance-export-lock-card p,
.final-variance-export-lock-card strong,
.final-variance-export-lock-card small,
.final-variance-export-lock-card button,
.final-variance-export-lock-card td,
.final-variance-export-lock-card th,
.final-variance-export-lock-list span {
  overflow-wrap: anywhere;
}

.final-variance-export-lock-list p {
  margin: 0;
  color: var(--text);
  line-height: 1.35;
}

.final-variance-export-lock-list span,
.final-variance-export-lock-list small {
  color: var(--muted);
  font-size: 0.78rem;
}

.manualj-saved-run-evidence-card {
  border: 1px solid rgba(22, 128, 143, 0.16);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.manualj-saved-run-evidence-card.run-evidence-locked {
  border-color: rgba(197, 84, 54, 0.34);
}

.manualj-saved-run-evidence-card.run-evidence-review {
  border-color: rgba(194, 136, 35, 0.34);
  background: linear-gradient(180deg, rgba(244, 179, 64, 0.08), #fff 58%);
}

.manualj-saved-run-evidence-card.run-evidence-ready {
  border-color: rgba(22, 128, 143, 0.32);
  background: linear-gradient(180deg, rgba(20, 184, 166, 0.08), #fff 58%);
}

.manualj-validation-campaign-evidence-binder-card {
  border: 1px solid rgba(22, 128, 143, 0.16);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.manualj-validation-campaign-evidence-binder-card.locked,
.manualj-validation-campaign-evidence-binder-card.campaign-evidence-locked {
  border-color: rgba(197, 84, 54, 0.34);
}

.manualj-validation-campaign-evidence-binder-card.review,
.manualj-validation-campaign-evidence-binder-card.campaign-evidence-building {
  border-color: rgba(194, 136, 35, 0.34);
  background: linear-gradient(180deg, rgba(244, 179, 64, 0.08), #fff 58%);
}

.manualj-validation-campaign-evidence-binder-card.ready,
.manualj-validation-campaign-evidence-binder-card.beta-campaign-evidence-ready,
.manualj-validation-campaign-evidence-binder-card.standalone-evidence-review-ready {
  border-color: rgba(22, 128, 143, 0.32);
  background: linear-gradient(180deg, rgba(20, 184, 166, 0.08), #fff 58%);
}

.manualj-validation-campaign-slot-work-orders-card {
  border: 1px solid rgba(22, 128, 143, 0.16);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.manualj-validation-campaign-slot-work-orders-card.locked,
.manualj-validation-campaign-slot-work-orders-card.work-orders-open {
  border-color: rgba(197, 84, 54, 0.34);
}

.manualj-validation-campaign-slot-work-orders-card.review,
.manualj-validation-campaign-slot-work-orders-card.work-orders-in-progress,
.manualj-validation-campaign-slot-work-orders-card.first-three-work-orders-complete {
  border-color: rgba(194, 136, 35, 0.34);
  background: linear-gradient(180deg, rgba(244, 179, 64, 0.08), #fff 58%);
}

.manualj-validation-campaign-slot-work-orders-card.ready,
.manualj-validation-campaign-slot-work-orders-card.beta-work-orders-complete,
.manualj-validation-campaign-slot-work-orders-card.standalone-work-orders-complete {
  border-color: rgba(22, 128, 143, 0.32);
  background: linear-gradient(180deg, rgba(20, 184, 166, 0.08), #fff 58%);
}

.manualj-saved-run-evidence-packet.compact .manualj-saved-run-evidence-card {
  box-shadow: none;
  margin: 10px 0;
}

.manualj-validation-campaign-evidence-binder.compact .manualj-validation-campaign-evidence-binder-card {
  box-shadow: none;
  margin: 10px 0;
}

.manualj-validation-campaign-slot-work-orders.compact .manualj-validation-campaign-slot-work-orders-card {
  box-shadow: none;
  margin: 10px 0;
}

.manualj-saved-run-evidence-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.manualj-validation-campaign-evidence-binder-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.manualj-validation-campaign-slot-work-orders-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.manualj-saved-run-evidence-packet.compact .manualj-saved-run-evidence-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.manualj-validation-campaign-evidence-binder.compact .manualj-validation-campaign-evidence-binder-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.manualj-validation-campaign-slot-work-orders.compact .manualj-validation-campaign-slot-work-orders-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.manualj-saved-run-signature {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
  border: 1px solid rgba(22, 128, 143, 0.16);
  border-radius: 8px;
  background: rgba(22, 128, 143, 0.06);
  padding: 10px 12px;
  margin: 10px 0;
}

.manualj-saved-run-signature span {
  color: var(--muted);
  font-size: 0.86rem;
}

.manualj-saved-run-evidence-card p,
.manualj-saved-run-evidence-card strong,
.manualj-saved-run-evidence-card small,
.manualj-saved-run-evidence-card button,
.manualj-saved-run-signature {
  overflow-wrap: anywhere;
}

.manualj-validation-campaign-evidence-binder-card p,
.manualj-validation-campaign-evidence-binder-card strong,
.manualj-validation-campaign-evidence-binder-card small,
.manualj-validation-campaign-evidence-binder-card button,
.manualj-validation-campaign-evidence-binder-card td,
.manualj-validation-campaign-evidence-binder-card th {
  overflow-wrap: anywhere;
}

.manualj-validation-campaign-slot-work-orders-card p,
.manualj-validation-campaign-slot-work-orders-card strong,
.manualj-validation-campaign-slot-work-orders-card small,
.manualj-validation-campaign-slot-work-orders-card button,
.manualj-validation-campaign-slot-work-orders-card td,
.manualj-validation-campaign-slot-work-orders-card th {
  overflow-wrap: anywhere;
}

@media (max-width: 760px) {
  .week-one-four-metrics,
  .week-one-four-launch-completion-board.compact .week-one-four-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .week-one-four-list {
    grid-template-columns: 1fr;
  }

  .week-one-four-launch-card .qa-check-item {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .week-five-six-metrics,
  .week-five-six-manual-j-completion-board.compact .week-five-six-metrics,
  .manual-j-v1-fixture-regression-metrics,
  .reference-comparison-fixture-metrics,
  .validation-countability-fixture-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .week-five-six-list,
  .manual-j-v1-fixture-regression-grid,
  .reference-comparison-fixture-grid,
  .validation-countability-fixture-grid {
    grid-template-columns: 1fr;
  }

  .week-five-six-manual-j-card .qa-check-item,
  .manual-j-v1-engine-smoke-card .qa-check-item {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .week-seven-eight-metrics,
  .week-seven-eight-beta-launch-board.compact .week-seven-eight-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .week-seven-eight-list {
    grid-template-columns: 1fr;
  }

  .week-seven-eight-beta-card .qa-check-item {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .week-nine-ten-metrics,
  .week-nine-ten-paid-saas-readiness-board.compact .week-nine-ten-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .week-nine-ten-list {
    grid-template-columns: 1fr;
  }

  .week-nine-ten-paid-card .qa-check-item {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .final-report-review-submission-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .final-report-review-submission-packet.compact .final-report-review-submission-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .current-plan-final-review-gate-metrics,
  .current-plan-final-review-gate.compact .current-plan-final-review-gate-metrics,
  .current-plan-final-review-gate-lanes,
  .current-plan-final-review-gate.compact .current-plan-final-review-gate-lanes,
  .current-design-basis-readiness-metrics,
  .current-design-basis-readiness-gate.compact .current-design-basis-readiness-metrics,
  .current-design-basis-readiness-lanes,
  .current-design-basis-readiness-gate.compact .current-design-basis-readiness-lanes,
  .manualj-current-run-review-metrics,
  .manualj-current-run-review-gate.compact .manualj-current-run-review-metrics,
  .manualj-current-run-review-lanes,
  .manualj-current-run-review-gate.compact .manualj-current-run-review-lanes,
  .test-design-launch-gate-metrics,
  .test-design-launch-gate.compact .test-design-launch-gate-metrics,
  .test-design-launch-gate-lanes,
  .test-design-launch-gate.compact .test-design-launch-gate-lanes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .final-report-review-submission-card .qa-check-item {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .final-report-review-submission-card .qa-check-item .mini-button {
    grid-column: 2;
    justify-self: start;
    max-width: 100%;
  }

  .current-plan-final-review-gate-card .qa-check-item {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .current-plan-final-review-gate-card .qa-check-item .mini-button {
    grid-column: 2;
    justify-self: start;
    max-width: 100%;
  }

  .current-design-basis-readiness-card .qa-check-item {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .current-design-basis-readiness-card .qa-check-item .mini-button {
    grid-column: 2;
    justify-self: start;
    max-width: 100%;
  }

  .manualj-current-run-review-card .qa-check-item {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .manualj-current-run-review-card .qa-check-item .mini-button {
    grid-column: 2;
    justify-self: start;
    max-width: 100%;
  }

  .test-design-launch-gate-card .qa-check-item {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .test-design-launch-gate-card .qa-check-item .mini-button {
    grid-column: 2;
    justify-self: start;
    max-width: 100%;
  }

  .manualj-saved-run-evidence-metrics,
  .manualj-validation-campaign-evidence-binder-metrics,
  .manualj-validation-campaign-evidence-binder.compact .manualj-validation-campaign-evidence-binder-metrics,
  .manualj-validation-campaign-slot-work-orders-metrics,
  .manualj-validation-campaign-slot-work-orders.compact .manualj-validation-campaign-slot-work-orders-metrics,
  .manual-j-validation-dataset-package-metrics,
  .manual-j-validation-dataset-package.compact .manual-j-validation-dataset-package-metrics,
  .active-design-validation-metrics,
  .active-design-validation-submission-packet.compact .active-design-validation-metrics,
  .manualj-saved-run-evidence-packet.compact .manualj-saved-run-evidence-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .active-design-validation-list {
    grid-template-columns: 1fr;
  }

  .manualj-saved-run-evidence-card .qa-check-item,
  .manualj-validation-campaign-evidence-binder-card .qa-check-item,
  .manualj-validation-campaign-slot-work-orders-card .qa-check-item,
  .manual-j-validation-dataset-package-card .qa-check-item,
  .active-design-validation-submission-card .qa-check-item {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .manualj-saved-run-evidence-card .qa-check-item .mini-button,
  .manualj-validation-campaign-evidence-binder-card .qa-check-item .mini-button,
  .manualj-validation-campaign-slot-work-orders-card .qa-check-item .mini-button,
  .manual-j-validation-dataset-package-card .qa-check-item .mini-button,
  .active-design-validation-submission-card .qa-check-item .mini-button {
    grid-column: 2;
    justify-self: start;
    max-width: 100%;
  }
}

.validation-credit-freshness-card {
  border: 1px solid rgba(22, 128, 143, 0.16);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.validation-credit-freshness-card.needs-validation-jobs,
.validation-credit-freshness-card.credit-freshness-locked {
  border-color: rgba(197, 84, 54, 0.34);
}

.validation-credit-freshness-card.beta-fresh-credit-ready {
  border-color: rgba(194, 136, 35, 0.34);
}

.validation-credit-freshness-card.standalone-fresh-credit-ready {
  border-color: rgba(22, 128, 143, 0.32);
}

.validation-credit-freshness-lock.compact .validation-credit-freshness-card {
  box-shadow: none;
  margin: 10px 0;
}

.validation-credit-freshness-metrics,
.validation-credit-freshness-lanes {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.validation-credit-freshness-lanes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.validation-credit-freshness-lanes article {
  display: grid;
  gap: 6px;
  min-width: 0;
  border: 1px solid rgba(23, 33, 38, 0.1);
  border-radius: 8px;
  background: #f7fafb;
  padding: 12px;
}

.validation-credit-freshness-lanes article.pass {
  border-color: rgba(22, 128, 143, 0.24);
  background: #f4fbfb;
}

.validation-credit-freshness-lanes article.warn {
  border-color: rgba(194, 136, 35, 0.28);
  background: #fffaf0;
}

.validation-credit-freshness-lanes article.fix {
  border-color: rgba(197, 84, 54, 0.28);
  background: #fff7f4;
}

.validation-credit-freshness-card p,
.validation-credit-freshness-lanes strong,
.validation-credit-freshness-lanes p,
.validation-credit-freshness-lanes small,
.validation-credit-freshness-table td {
  overflow-wrap: anywhere;
}

.validation-credit-freshness-lanes p,
.validation-credit-freshness-lanes small {
  margin: 0;
  color: var(--muted);
  line-height: 1.35;
}

.validation-assumption-backfill-card {
  border: 1px solid rgba(22, 128, 143, 0.16);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.validation-assumption-backfill-card.backfill-required,
.validation-assumption-backfill-card.needs-validation-jobs,
.validation-assumption-backfill-card.needs-reference-jobs {
  border-color: rgba(197, 84, 54, 0.34);
}

.validation-assumption-backfill-card.credit-ready-with-warnings {
  border-color: rgba(194, 136, 35, 0.34);
}

.validation-assumption-backfill-card.backfill-clear {
  border-color: rgba(22, 128, 143, 0.32);
}

.validation-assumption-backfill-queue.compact .validation-assumption-backfill-card {
  box-shadow: none;
  margin: 10px 0;
}

.validation-assumption-backfill-metrics,
.validation-assumption-backfill-lanes {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.validation-assumption-backfill-lanes {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.validation-assumption-backfill-lanes article {
  display: grid;
  gap: 6px;
  min-width: 0;
  border: 1px solid rgba(23, 33, 38, 0.1);
  border-radius: 8px;
  background: #f7fafb;
  padding: 12px;
}

.validation-assumption-backfill-lanes article.pass {
  border-color: rgba(22, 128, 143, 0.24);
  background: #f4fbfb;
}

.validation-assumption-backfill-lanes article.warn {
  border-color: rgba(194, 136, 35, 0.28);
  background: #fffaf0;
}

.validation-assumption-backfill-lanes article.fix {
  border-color: rgba(197, 84, 54, 0.28);
  background: #fff7f4;
}

.validation-assumption-backfill-card p,
.validation-assumption-backfill-lanes strong,
.validation-assumption-backfill-lanes p,
.validation-assumption-backfill-lanes small,
.validation-assumption-backfill-table td {
  overflow-wrap: anywhere;
}

.validation-assumption-backfill-lanes p,
.validation-assumption-backfill-lanes small {
  margin: 0;
  color: var(--muted);
  line-height: 1.35;
}

.validation-resave-retest-card {
  border: 1px solid rgba(22, 128, 143, 0.16);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.validation-resave-retest-card.retest-required,
.validation-resave-retest-card.needs-validation-jobs {
  border-color: rgba(197, 84, 54, 0.34);
}

.validation-resave-retest-card.review-required,
.validation-resave-retest-card.setup-required {
  border-color: rgba(194, 136, 35, 0.34);
}

.validation-resave-retest-card.resave-retest-clear {
  border-color: rgba(22, 128, 143, 0.32);
}

.validation-resave-retest-packet.compact .validation-resave-retest-card {
  box-shadow: none;
  margin: 10px 0;
}

.validation-resave-retest-metrics,
.validation-resave-retest-lanes {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.validation-resave-retest-lanes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.validation-resave-retest-lanes article {
  display: grid;
  gap: 6px;
  min-width: 0;
  border: 1px solid rgba(23, 33, 38, 0.1);
  border-radius: 8px;
  background: #f7fafb;
  padding: 12px;
}

.validation-resave-retest-lanes article.pass {
  border-color: rgba(22, 128, 143, 0.24);
  background: #f4fbfb;
}

.validation-resave-retest-lanes article.warn {
  border-color: rgba(194, 136, 35, 0.28);
  background: #fffaf0;
}

.validation-resave-retest-lanes article.fix {
  border-color: rgba(197, 84, 54, 0.28);
  background: #fff7f4;
}

.validation-resave-retest-card p,
.validation-resave-retest-lanes strong,
.validation-resave-retest-lanes p,
.validation-resave-retest-lanes small,
.validation-resave-retest-table td {
  overflow-wrap: anywhere;
}

.validation-resave-retest-lanes p,
.validation-resave-retest-lanes small {
  margin: 0;
  color: var(--muted);
  line-height: 1.35;
}

.manualj-tuning-release-impact-card {
  border: 1px solid rgba(22, 128, 143, 0.16);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.manualj-tuning-release-impact-card.impact-locked {
  border-color: rgba(197, 84, 54, 0.34);
}

.manualj-tuning-release-impact-card.impact-review,
.manualj-tuning-release-impact-card.beta-impact-ready {
  border-color: rgba(194, 136, 35, 0.34);
}

.manualj-tuning-release-impact-card.standalone-impact-ready {
  border-color: rgba(22, 128, 143, 0.32);
}

.manualj-tuning-release-impact-metrics,
.manualj-tuning-release-impact-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.manualj-tuning-release-impact-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.manualj-tuning-release-impact-factor {
  display: grid;
  gap: 6px;
  min-width: 0;
  border: 1px solid rgba(23, 33, 38, 0.1);
  border-radius: 8px;
  background: #f7fafb;
  padding: 12px;
}

.manualj-tuning-release-impact-factor.release-ready {
  border-color: rgba(22, 128, 143, 0.24);
  background: #f4fbfb;
}

.manualj-tuning-release-impact-factor.review {
  border-color: rgba(194, 136, 35, 0.28);
  background: #fffaf0;
}

.manualj-tuning-release-impact-factor.fix {
  border-color: rgba(197, 84, 54, 0.28);
  background: #fff7f4;
}

.manualj-tuning-release-impact-card p,
.manualj-tuning-release-impact-factor strong,
.manualj-tuning-release-impact-factor p,
.manualj-tuning-release-impact-factor small,
.manualj-tuning-release-impact-card td {
  overflow-wrap: anywhere;
}

.manualj-tuning-release-impact-factor p,
.manualj-tuning-release-impact-factor small {
  margin: 0;
  color: var(--muted);
  line-height: 1.35;
}

.d1-schema-card {
  border: 1px solid rgba(22, 128, 143, 0.16);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(23, 33, 38, 0.08);
  padding: 16px;
  margin: 16px 0;
  min-width: 0;
}

.d1-schema-card.ready {
  border-color: rgba(22, 128, 143, 0.32);
}

.d1-schema-card.not-checked {
  border-color: rgba(194, 136, 35, 0.34);
}

.d1-schema-card.needs-migration,
.d1-schema-card.schema-check-failed,
.d1-schema-card.binding-missing {
  border-color: rgba(197, 84, 54, 0.34);
}

.d1-schema-migration-readiness.compact .d1-schema-card {
  box-shadow: none;
  margin: 10px 0;
}

.d1-schema-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
  min-width: 0;
}

.d1-schema-table {
  margin-top: 12px;
}

.d1-schema-card p,
.d1-schema-card small,
.d1-schema-card td,
.d1-schema-card button {
  overflow-wrap: anywhere;
}

@media (max-width: 980px) {
  .outside-beta-launch-metrics,
  .outside-beta-onboarding-metrics,
  .manualj-worksheet-review-summary,
  .manualj-load-trace-metrics,
  .manualj-load-trace-rollup,
  .manualj-room-confidence-metrics,
  .manualj-room-confidence-rollup,
  .manualj-final-dossier-metrics,
  .manualj-final-dossier-phase-strip,
  .assembly-defaults-gate-metrics,
  .export-audit-summary,
	  .file-action-summary,
	  .ninety-day-metrics,
	  .ninety-day-lanes,
	  .three-month-critical-metrics,
	  .three-month-critical-grid,
	  .launch-critical-work-metrics,
	  .manualj-root-cause-metrics,
  .manualj-root-cause-rollup,
  .manualj-variance-acceptance-metrics,
  .manualj-variance-calibration-metrics,
  .manualj-variance-tuning-work-metrics,
  .final-variance-export-lock-metrics,
  .manualj-variance-tuning-decision-board-metrics,
  .current-plan-proof-slot-bridge-metrics,
  .current-plan-final-review-gate-metrics,
  .current-design-basis-readiness-metrics,
  .manualj-current-run-review-metrics,
  .manualj-calibration-rerun-metrics,
  .manualj-reference-rerun-metrics,
  .manualj-reference-rerun-steps,
  .manualj-reference-rerun-files,
  .manualj-tuning-change-metrics,
  .post-tuning-regression-metrics,
  .manualj-tuning-release-impact-metrics,
  .validation-credit-freshness-metrics,
  .validation-credit-metrics,
  .validation-cohort-acceptance-metrics,
  .validation-cohort-acceptance-grid,
  .validation-cohort-acceptance-slots,
  .d1-schema-metrics,
  .program-path-validation-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .manualj-root-cause-items,
  .manualj-variance-acceptance-list,
  .launch-critical-work-grid,
  .manualj-variance-calibration-list,
  .manualj-variance-tuning-work-flow,
  .manualj-variance-tuning-work-list,
  .final-variance-export-lock-list,
  .manualj-variance-tuning-decision-board-checks,
  .current-plan-proof-slot-bridge-lanes,
  .current-plan-final-review-gate-lanes,
  .current-design-basis-readiness-lanes,
  .manualj-current-run-review-lanes,
  .manualj-calibration-rerun-list,
  .manualj-reference-rerun-steps,
  .manualj-reference-rerun-files,
  .manualj-tuning-change-lanes,
  .post-tuning-regression-grid,
  .manualj-tuning-release-impact-grid,
  .validation-assumption-backfill-lanes,
  .validation-resave-retest-lanes,
  .validation-credit-freshness-lanes,
  .validation-credit-lanes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .outside-beta-release-strip,
  .outside-beta-launch-grid,
  .outside-beta-onboarding-grid,
  .manualj-final-dossier-grid,
  .manualj-final-dossier-bottom,
  .export-audit-controls,
  .support-docs-grid,
  .manualj-worksheet-review-grid {
    grid-template-columns: 1fr;
  }

  .program-path-validation-card {
    grid-column: span 1;
  }
}

@media (max-width: 640px) {
  .manualj-validation-campaign-slot-work-orders-card,
  .reference-comparison-campaign-workbench-card,
  .launch-critical-work-queue-card,
  .manual-j-v1-fixture-regression-card,
  .reference-comparison-fixture-card,
  .validation-countability-fixture-card,
  .manualj-variance-tuning-decision-board-card,
  .manualj-variance-tuning-work-card,
  .final-variance-export-lock-card,
  .current-plan-proof-slot-bridge-card,
  .current-plan-final-review-gate-card,
  .current-design-basis-readiness-card,
  .manualj-current-run-review-card,
  .test-design-launch-gate-card {
    max-width: 100%;
    overflow-x: auto;
  }

  .outside-beta-launch-metrics,
  .outside-beta-onboarding-metrics,
  .manualj-worksheet-review-summary,
  .manualj-load-trace-metrics,
  .manualj-load-trace-rollup,
  .manualj-room-confidence-metrics,
  .manualj-room-confidence-rollup,
  .manualj-final-dossier-metrics,
  .manualj-final-dossier-phase-strip,
  .assembly-defaults-gate-metrics,
  .export-audit-summary,
  .file-action-summary,
  .ninety-day-metrics,
  .ninety-day-lanes,
  .three-month-critical-metrics,
  .three-month-critical-grid,
  .launch-critical-work-metrics,
  .launch-critical-work-grid,
  .reference-comparison-fixture-metrics,
  .reference-comparison-fixture-grid,
  .validation-countability-fixture-metrics,
  .validation-countability-fixture-grid,
  .manualj-root-cause-metrics,
  .manualj-root-cause-rollup,
  .manualj-root-cause-items,
  .manualj-variance-acceptance-metrics,
  .manualj-variance-acceptance-list,
  .manualj-variance-calibration-metrics,
  .manualj-variance-calibration-list,
  .manualj-variance-tuning-work-metrics,
  .manualj-variance-tuning-work-flow,
  .manualj-variance-tuning-work-list,
  .final-variance-export-lock-metrics,
  .final-variance-export-lock-list,
  .manualj-variance-tuning-decision-board-metrics,
  .manualj-variance-tuning-decision-board-checks,
  .current-plan-proof-slot-bridge-metrics,
  .current-plan-proof-slot-bridge-lanes,
  .current-plan-final-review-gate-metrics,
  .current-plan-final-review-gate-lanes,
  .current-design-basis-readiness-metrics,
  .current-design-basis-readiness-lanes,
  .manualj-current-run-review-metrics,
  .manualj-current-run-review-lanes,
  .test-design-launch-gate-metrics,
  .test-design-launch-gate-lanes,
  .calculation-input-trust-metrics,
  .current-reference-crosscheck-metrics,
  .manualj-calibration-rerun-metrics,
  .manualj-calibration-rerun-list,
  .manualj-reference-rerun-metrics,
  .manualj-reference-rerun-steps,
  .manualj-reference-rerun-files,
  .post-tuning-regression-metrics,
  .post-tuning-regression-grid,
  .manualj-tuning-release-impact-metrics,
  .manualj-tuning-release-impact-grid,
  .validation-assumption-backfill-metrics,
  .validation-assumption-backfill-lanes,
  .validation-resave-retest-metrics,
  .validation-resave-retest-lanes,
  .validation-credit-freshness-metrics,
  .validation-credit-freshness-lanes,
  .d1-schema-metrics,
  .program-path-validation-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .manual-j-v1-fixture-regression-grid {
    grid-template-columns: 1fr;
  }

  .assembly-defaults-gate-hero {
    flex-direction: column;
  }

  .support-docs-hero {
    flex-direction: column;
  }

  .assembly-defaults-gate-source {
    border-left: 0;
    border-top: 1px solid rgba(13, 79, 133, 0.16);
    padding-left: 0;
    padding-top: 10px;
  }

  .outside-beta-launch-card .control-center-head,
  .outside-beta-onboarding-card .control-center-head {
    align-items: stretch;
  }

  .outside-beta-launch-card .tool-buttons,
  .outside-beta-onboarding-card .tool-buttons {
    display: grid;
    grid-template-columns: 1fr;
  }

  .manualj-worksheet-review-card .tool-buttons,
  .manualj-load-trace-card .tool-buttons,
  .manualj-room-confidence-card .tool-buttons,
  .ninety-day-sellability-card .tool-buttons,
  .manualj-root-cause-card .tool-buttons,
  .manualj-variance-acceptance-card .tool-buttons,
  .manualj-variance-calibration-card .tool-buttons,
  .manualj-variance-tuning-work-card .tool-buttons,
  .final-variance-export-lock-card .tool-buttons,
  .manualj-variance-tuning-decision-board-card .tool-buttons,
  .current-plan-proof-slot-bridge-card .tool-buttons,
  .current-plan-final-review-gate-card .tool-buttons,
  .current-design-basis-readiness-card .tool-buttons,
  .manualj-current-run-review-card .tool-buttons,
  .test-design-launch-gate-card .tool-buttons,
  .manualj-calibration-rerun-card .tool-buttons,
  .manualj-reference-rerun-card .tool-buttons,
  .manualj-post-tuning-regression-card .tool-buttons,
  .manualj-tuning-release-impact-card .tool-buttons,
  .validation-assumption-backfill-card .tool-buttons,
  .validation-resave-retest-card .tool-buttons,
  .validation-credit-freshness-card .tool-buttons,
  .manualj-final-review-dossier-card .tool-buttons,
  .four-week-proof-card .tool-buttons,
  .program-path-validation-card .tool-buttons {
    display: grid;
    grid-template-columns: 1fr;
  }

	  .manualj-worksheet-formula-row {
	    grid-template-columns: 38px minmax(0, 1fr);
	  }

  .manualj-final-dossier-item {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .four-week-proof-item {
    grid-template-columns: 42px minmax(0, 1fr);
  }
}

@media (max-width: 720px) {
  .duct-load-hero,
  .duct-zone-reconciliation-hero {
    display: grid;
  }

  .duct-load-totals,
  .duct-zone-reconciliation-totals {
    min-width: 0;
  }

  .duct-load-metrics,
  .duct-zone-reconciliation-metrics,
  .airflow-evidence-metrics,
  .orientation-solar-metrics,
  .window-solar-review-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .orientation-solar-hero,
  .window-solar-review-hero {
    display: grid;
  }
}

@media (max-width: 480px) {
  .ninety-day-metrics,
  .ninety-day-lanes,
  .manualj-root-cause-metrics,
  .manualj-root-cause-rollup,
  .manualj-root-cause-items,
  .manualj-variance-acceptance-metrics,
  .manualj-variance-acceptance-list,
  .manualj-variance-calibration-metrics,
  .manualj-variance-calibration-list,
  .manualj-variance-tuning-decision-board-metrics,
  .manualj-variance-tuning-decision-board-checks,
  .current-plan-proof-slot-bridge-metrics,
  .current-plan-proof-slot-bridge-lanes,
  .current-plan-final-review-gate-metrics,
  .current-plan-final-review-gate-lanes,
  .current-design-basis-readiness-metrics,
  .current-design-basis-readiness-lanes,
  .manualj-current-run-review-metrics,
  .manualj-current-run-review-lanes,
  .test-design-launch-gate-metrics,
  .test-design-launch-gate-lanes,
  .manualj-calibration-rerun-metrics,
  .manualj-calibration-rerun-list,
  .manualj-reference-rerun-metrics,
  .manualj-reference-rerun-steps,
  .manualj-reference-rerun-files,
  .post-tuning-regression-metrics,
  .post-tuning-regression-grid,
  .manualj-tuning-release-impact-metrics,
  .manualj-tuning-release-impact-grid,
  .validation-assumption-backfill-metrics,
  .validation-assumption-backfill-lanes,
  .validation-resave-retest-metrics,
  .validation-resave-retest-lanes,
  .manualj-room-confidence-metrics,
  .manualj-room-confidence-rollup,
  .manualj-run-evidence-metrics,
  .manualj-run-signature-metrics,
  .live-test-command-metrics,
  .validation-countability-metrics,
  .d1-schema-metrics {
    grid-template-columns: 1fr;
  }

  .ninety-day-lane,
  .manualj-root-cause-item,
  .manualj-variance-acceptance-list article,
  .manualj-variance-calibration-list article,
  .manualj-variance-tuning-decision-board-checks .qa-check-item,
  .manualj-calibration-rerun-list article,
  .manualj-reference-rerun-steps article,
  .manualj-reference-rerun-files article {
    min-height: 0;
  }
}

@media (max-width: 720px) {
  .roomplan-import-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

  .scan-to-plan-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ceiling-height-scan-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vaulted-area-model-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .roomplan-import-card .tool-buttons {
    display: grid;
    grid-template-columns: 1fr;
  }

  .roomplan-import-card p,
  .roomplan-import-card td,
  .roomplan-import-card small,
  .roomplan-import-card button {
    overflow-wrap: anywhere;
  }
}

@media (max-width: 460px) {
  .roomplan-import-metrics {
    grid-template-columns: 1fr;
  }

  .opening-symbol-metrics {
    grid-template-columns: 1fr;
  }

  .scan-to-plan-metrics {
    grid-template-columns: 1fr;
  }

  .ceiling-height-scan-metrics {
    grid-template-columns: 1fr;
  }

  .vaulted-area-model-metrics {
    grid-template-columns: 1fr;
  }
}

.multi-story-stacking-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  margin-top: 16px;
  background: var(--surface);
  box-shadow: var(--shadow-soft);
}

.multi-story-stacking-card.ready {
  border-color: rgba(33, 150, 83, 0.38);
}

.multi-story-stacking-card.review {
  border-color: rgba(238, 165, 37, 0.45);
}

.multi-story-stacking-card.setup {
  border-color: rgba(47, 111, 178, 0.28);
}

.multi-story-stacking-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.multi-story-stacking-table td {
  vertical-align: top;
}

.duplex-unit-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  margin: 14px 0;
  background: var(--surface);
  box-shadow: var(--shadow-soft);
}

.duplex-unit-card.ready {
  border-color: rgba(33, 150, 83, 0.38);
}

.duplex-unit-card.review {
  border-color: rgba(238, 165, 37, 0.45);
}

.duplex-unit-card.setup {
  border-color: rgba(47, 111, 178, 0.28);
}

.duplex-unit-metrics,
.duplex-unit-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.duplex-unit-summary {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-muted);
  min-width: 0;
}

.duplex-unit-summary strong,
.duplex-unit-summary span,
.duplex-unit-summary p {
  display: block;
  overflow-wrap: anywhere;
}

.duplex-unit-summary p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 0.86rem;
}

.duplex-unit-table td {
  vertical-align: top;
}

.duct-layout-suggestion-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  margin: 14px 0;
  background: var(--surface);
  box-shadow: var(--shadow-soft);
}

.duct-layout-suggestion-card.ready {
  border-color: rgba(33, 150, 83, 0.38);
}

.duct-layout-suggestion-card.review,
.duct-layout-suggestion-card.setup {
  border-color: rgba(238, 165, 37, 0.45);
}

.duct-layout-suggestion-card.fix {
  border-color: rgba(209, 67, 67, 0.42);
}

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

.duct-layout-trunk {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--surface-muted);
  min-width: 0;
}

.duct-layout-trunk strong,
.duct-layout-trunk span,
.duct-layout-trunk p {
  display: block;
  overflow-wrap: anywhere;
}

.duct-layout-trunk p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 0.86rem;
}

.duct-layout-suggestion-table td {
  vertical-align: top;
}

.point-cloud-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  margin: 14px 0;
  background: var(--surface);
  box-shadow: var(--shadow-soft);
}

.point-cloud-card.ready {
  border-color: rgba(33, 150, 83, 0.38);
}

.point-cloud-card.review,
.point-cloud-card.stored-files-only,
.point-cloud-card.waiting {
  border-color: rgba(238, 165, 37, 0.45);
}

.point-cloud-card.fix {
  border-color: rgba(209, 67, 67, 0.42);
}

.point-cloud-layout {
  display: grid;
  grid-template-columns: minmax(280px, 1.25fr) minmax(240px, 0.75fr);
  gap: 14px;
  align-items: stretch;
  margin: 14px 0;
}

.point-cloud-visual {
  min-width: 0;
}

.point-cloud-preview {
  width: 100%;
  height: auto;
  display: block;
}

.point-cloud-empty {
  display: grid;
  min-height: 220px;
  place-items: center;
  border: 1px dashed var(--line);
  border-radius: 8px;
  padding: 18px;
  color: var(--muted);
  background: var(--surface-muted);
  text-align: center;
}

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

.point-cloud-table td {
  vertical-align: top;
}

@media (max-width: 900px) {
  .site-measure-controls,
  .site-measure-layout {
    grid-template-columns: 1fr;
  }

  .multi-story-stacking-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

  .duct-layout-metrics,
  .duct-layout-trunks {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .point-cloud-layout {
    grid-template-columns: 1fr;
  }

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

  .mobile-qa-controls {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 460px) {
  .site-measuring-card {
    padding: 12px;
  }

  .site-measure-metrics,
  .site-measuring-card .stacked-actions {
    grid-template-columns: 1fr;
  }

  .multi-story-stacking-metrics {
    grid-template-columns: 1fr;
  }

  .duplex-unit-metrics,
  .duplex-unit-grid {
    grid-template-columns: 1fr;
  }

  .duct-layout-metrics,
  .duct-layout-trunks {
    grid-template-columns: 1fr;
  }

  .point-cloud-metrics {
    grid-template-columns: 1fr;
  }

  .mobile-qa-grid,
  .mobile-qa-controls {
    grid-template-columns: 1fr;
  }

  .multi-story-stacking-card .tool-buttons {
    display: grid;
    grid-template-columns: 1fr;
  }

  .duplex-unit-card .tool-buttons {
    display: grid;
    grid-template-columns: 1fr;
  }

  .duct-layout-suggestion-card .tool-buttons {
    display: grid;
    grid-template-columns: 1fr;
  }

  .point-cloud-card .tool-buttons {
    display: grid;
    grid-template-columns: 1fr;
  }

.mobile-device-qa-matrix .tool-buttons {
    display: grid;
    grid-template-columns: 1fr;
  }

  .multi-story-stacking-card p,
  .multi-story-stacking-card td,
  .multi-story-stacking-card button,
  .duplex-unit-card p,
  .duplex-unit-card td,
  .duplex-unit-card button,
  .duct-layout-suggestion-card p,
  .duct-layout-suggestion-card td,
  .duct-layout-suggestion-card button,
  .point-cloud-card p,
  .point-cloud-card td,
  .point-cloud-card button,
  .mobile-device-qa-matrix p,
  .mobile-device-qa-matrix button,
  .mobile-qa-card {
    overflow-wrap: anywhere;
  }
}

.scale-callout-helper {
  margin: 16px 0;
}

.plan-page-scale-proof-queue {
  margin: 16px 0;
  max-width: 100%;
  min-width: 0;
}

.plan-page-scale-proof-queue-card {
  max-width: 100%;
  min-width: 0;
}

.plan-page-scale-proof-queue-card h3,
.plan-page-scale-proof-queue-card h4,
.plan-page-scale-proof-queue-card p,
.plan-page-scale-proof-queue-card strong,
.plan-page-scale-proof-queue-card small,
.plan-page-scale-proof-queue-card button {
  overflow-wrap: anywhere;
}

.plan-page-scale-proof-queue.compact .current-real-plan-test-run-flow-card {
  padding: 14px;
}

.plan-page-scale-proof-queue.compact .calculation-input-grid {
  grid-template-columns: 1fr;
}

.plan-page-scale-proof-queue.compact .control-list:nth-child(3) {
  display: none;
}

.scale-verification-gate {
  margin: 16px 0;
}

.first-room-trusted-takeoff-gate {
  margin: 16px 0;
}

.room-by-room-trusted-takeoff-queue {
  margin: 16px 0;
}

.final-export-room-trust-lock {
  margin: 16px 0;
}

.scale-callout-card {
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 8px;
  background: #ffffff;
  padding: 18px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
}

.scale-callout-card.ready {
  border-color: rgba(20, 184, 166, 0.34);
}

.scale-callout-card.review {
  border-color: rgba(245, 158, 11, 0.36);
}

.scale-callout-card.blocked {
  border-color: rgba(239, 68, 68, 0.28);
}

.scale-callout-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.scale-callout-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
  gap: 14px;
  align-items: start;
}

.scale-callout-grid h4 {
  margin: 0 0 10px;
}

.scale-callout-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 10px;
}

.scale-callout-candidate {
  display: grid;
  gap: 6px;
  width: 100%;
  min-height: 118px;
  border: 1px solid rgba(15, 23, 42, 0.14);
  border-radius: 8px;
  background: #f8fafc;
  color: #0f172a;
  padding: 12px;
  text-align: left;
  cursor: pointer;
  transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.scale-callout-candidate:hover,
.scale-callout-candidate:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(14, 116, 144, 0.42);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.10);
}

.scale-callout-candidate strong,
.scale-callout-candidate span,
.scale-callout-candidate small {
  overflow-wrap: anywhere;
}

.scale-callout-candidate span {
  color: #0f766e;
  font-weight: 800;
}

.scale-callout-candidate small {
  color: #475569;
  line-height: 1.35;
}

.scale-callout-candidate.pass {
  border-color: rgba(20, 184, 166, 0.34);
  background: #f0fdfa;
}

.scale-callout-candidate.warn {
  border-color: rgba(245, 158, 11, 0.34);
  background: #fffbeb;
}

.scale-callout-candidate.fix {
  border-color: rgba(239, 68, 68, 0.3);
  background: #fff7f7;
}

.scale-callout-helper.compact .scale-callout-card {
  padding: 14px;
}

.scale-callout-helper.compact .scale-callout-grid {
  grid-template-columns: 1fr;
}

.scale-verification-card {
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 8px;
  background: #ffffff;
  padding: 18px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
}

.scale-verification-card.ready {
  border-color: rgba(20, 184, 166, 0.34);
}

.scale-verification-card.review {
  border-color: rgba(245, 158, 11, 0.36);
}

.scale-verification-card.blocked {
  border-color: rgba(239, 68, 68, 0.28);
}

.scale-verification-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.scale-verification-grid {
  display: grid;
  grid-template-columns: minmax(220px, 0.75fr) minmax(0, 1fr) minmax(260px, 0.85fr);
  gap: 14px;
  align-items: start;
}

.scale-verification-grid h4 {
  margin: 0 0 10px;
}

.scale-verification-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(172px, 1fr));
  gap: 10px;
}

.scale-verification-candidate {
  display: grid;
  gap: 6px;
  width: 100%;
  min-height: 104px;
  border: 1px solid rgba(15, 23, 42, 0.14);
  border-radius: 8px;
  background: #f8fafc;
  color: #0f172a;
  padding: 12px;
  text-align: left;
  cursor: pointer;
  transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.scale-verification-candidate:hover,
.scale-verification-candidate:focus-visible,
.scale-verification-candidate.selected {
  transform: translateY(-1px);
  border-color: rgba(14, 116, 144, 0.48);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.10);
}

.scale-verification-candidate.selected {
  background: #ecfeff;
}

.scale-verification-candidate strong,
.scale-verification-candidate span,
.scale-verification-candidate small {
  overflow-wrap: anywhere;
}

.scale-verification-candidate span {
  color: #0f766e;
  font-weight: 800;
}

.scale-verification-candidate small {
  color: #475569;
  line-height: 1.35;
}

.scale-verification-helper.compact .scale-verification-card,
.scale-verification-gate.compact .scale-verification-card {
  padding: 14px;
}

.scale-verification-gate.compact .scale-verification-grid {
  grid-template-columns: 1fr;
}

.first-room-trusted-card {
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 8px;
  background: #ffffff;
  padding: 18px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
}

.first-room-trusted-card.ready {
  border-color: rgba(20, 184, 166, 0.34);
}

.first-room-trusted-card.review {
  border-color: rgba(245, 158, 11, 0.36);
}

.first-room-trusted-card.blocked {
  border-color: rgba(239, 68, 68, 0.28);
}

.first-room-trusted-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.first-room-trusted-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
  gap: 14px;
  align-items: start;
}

.first-room-trusted-grid h4 {
  margin: 0 0 10px;
}

.first-room-trusted-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 10px;
}

.first-room-trusted-candidate {
  display: grid;
  gap: 6px;
  width: 100%;
  min-height: 112px;
  border: 1px solid rgba(15, 23, 42, 0.14);
  border-radius: 8px;
  background: #f8fafc;
  color: #0f172a;
  padding: 12px;
  text-align: left;
  cursor: pointer;
  transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.first-room-trusted-candidate:hover,
.first-room-trusted-candidate:focus-visible,
.first-room-trusted-candidate.selected {
  transform: translateY(-1px);
  border-color: rgba(14, 116, 144, 0.48);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.10);
}

.first-room-trusted-candidate.selected {
  background: #ecfeff;
}

.first-room-trusted-candidate.pass {
  border-color: rgba(20, 184, 166, 0.34);
}

.first-room-trusted-candidate.warn {
  border-color: rgba(245, 158, 11, 0.34);
}

.first-room-trusted-candidate.fix {
  border-color: rgba(239, 68, 68, 0.30);
}

.first-room-trusted-candidate strong,
.first-room-trusted-candidate span,
.first-room-trusted-candidate small {
  overflow-wrap: anywhere;
}

.first-room-trusted-candidate span {
  color: #0f766e;
  font-weight: 800;
}

.first-room-trusted-candidate small {
  color: #475569;
  line-height: 1.35;
}

.first-room-trusted-takeoff-gate.compact .first-room-trusted-card {
  padding: 14px;
}

.first-room-trusted-takeoff-gate.compact .first-room-trusted-grid {
  grid-template-columns: 1fr;
}

.room-trust-queue-card {
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 8px;
  background: #ffffff;
  padding: 18px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
}

.room-trust-queue-card.ready {
  border-color: rgba(20, 184, 166, 0.34);
}

.room-trust-queue-card.review {
  border-color: rgba(245, 158, 11, 0.36);
}

.room-trust-queue-card.blocked {
  border-color: rgba(239, 68, 68, 0.28);
}

.room-trust-queue-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.room-trust-progress {
  height: 10px;
  border-radius: 999px;
  background: #e2e8f0;
  overflow: hidden;
  margin: 8px 0 16px;
}

.room-trust-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #0f766e, #0284c7);
}

.room-trust-queue-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
  gap: 14px;
  align-items: start;
}

.room-trust-queue-grid h4 {
  margin: 0 0 10px;
}

.room-trust-queue-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(205px, 1fr));
  gap: 10px;
}

.room-trust-queue-row {
  display: grid;
  gap: 6px;
  min-height: 118px;
  border: 1px solid rgba(15, 23, 42, 0.14);
  border-radius: 8px;
  background: #f8fafc;
  color: #0f172a;
  padding: 12px;
  text-align: left;
  cursor: pointer;
  transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.room-trust-queue-row:hover,
.room-trust-queue-row:focus-visible,
.room-trust-queue-row.selected {
  transform: translateY(-1px);
  border-color: rgba(14, 116, 144, 0.48);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.10);
}

.room-trust-queue-row.selected {
  background: #ecfeff;
}

.room-trust-queue-row.trusted,
.room-trust-queue-row.ready {
  border-color: rgba(20, 184, 166, 0.34);
}

.room-trust-queue-row.warn {
  border-color: rgba(245, 158, 11, 0.34);
}

.room-trust-queue-row.fix {
  border-color: rgba(239, 68, 68, 0.30);
}

.room-trust-queue-row strong,
.room-trust-queue-row span,
.room-trust-queue-row small {
  overflow-wrap: anywhere;
}

.room-trust-queue-row span {
  color: #0f766e;
  font-weight: 800;
}

.room-trust-queue-row small {
  color: #475569;
  line-height: 1.35;
}

.room-by-room-trusted-takeoff-queue.compact .room-trust-queue-card {
  padding: 14px;
}

.room-by-room-trusted-takeoff-queue.compact .room-trust-queue-grid {
  grid-template-columns: 1fr;
}

.final-export-room-lock-card {
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 8px;
  background: #ffffff;
  padding: 18px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
}

.final-export-room-lock-card.ready {
  border-color: rgba(20, 184, 166, 0.34);
}

.final-export-room-lock-card.review {
  border-color: rgba(245, 158, 11, 0.36);
}

.final-export-room-lock-card.blocked {
  border-color: rgba(239, 68, 68, 0.28);
}

.final-export-room-lock-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.final-export-room-lock-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
  gap: 14px;
  align-items: start;
}

.final-export-room-lock-grid h4 {
  margin: 0 0 10px;
}

.final-export-room-lock-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.final-export-room-lock-row {
  display: grid;
  gap: 6px;
  min-height: 108px;
  border: 1px solid rgba(15, 23, 42, 0.14);
  border-radius: 8px;
  background: #f8fafc;
  color: #0f172a;
  padding: 12px;
  text-align: left;
  cursor: pointer;
  transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.final-export-room-lock-row:hover,
.final-export-room-lock-row:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(14, 116, 144, 0.48);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.10);
}

.final-export-room-lock-row.trusted,
.final-export-room-lock-row.ready {
  border-color: rgba(20, 184, 166, 0.34);
}

.final-export-room-lock-row.warn {
  border-color: rgba(245, 158, 11, 0.34);
}

.final-export-room-lock-row.fix {
  border-color: rgba(239, 68, 68, 0.30);
}

.final-export-room-lock-row strong,
.final-export-room-lock-row span,
.final-export-room-lock-row small,
.final-export-room-lock-card p,
.final-export-room-lock-card button,
.final-export-room-lock-card small {
  overflow-wrap: anywhere;
}

.final-export-room-lock-row span {
  color: #0f766e;
  font-weight: 800;
}

.final-export-room-lock-row small {
  color: #475569;
  line-height: 1.35;
}

.final-export-room-trust-lock.compact .final-export-room-lock-card {
  padding: 14px;
}

.final-export-room-trust-lock.compact .final-export-room-lock-grid {
  grid-template-columns: 1fr;
}

.draft-review-package-control {
  margin: 16px 0;
}

.draft-review-package-card {
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 8px;
  background: #ffffff;
  padding: 18px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
}

.draft-review-package-card.ready {
  border-color: rgba(20, 184, 166, 0.34);
}

.draft-review-package-card.review {
  border-color: rgba(245, 158, 11, 0.36);
}

.draft-review-package-card.blocked {
  border-color: rgba(239, 68, 68, 0.28);
}

.draft-review-package-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.draft-review-package-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
  gap: 14px;
  align-items: start;
}

.draft-review-package-grid h4 {
  margin: 0 0 10px;
}

.draft-review-package-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(205px, 1fr));
  gap: 10px;
}

.draft-review-check {
  display: grid;
  gap: 6px;
  min-height: 112px;
  border: 1px solid rgba(15, 23, 42, 0.14);
  border-radius: 8px;
  background: #f8fafc;
  color: #0f172a;
  padding: 12px;
  text-align: left;
  cursor: pointer;
  transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.draft-review-check:hover,
.draft-review-check:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(14, 116, 144, 0.48);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.10);
}

.draft-review-check.pass {
  border-color: rgba(20, 184, 166, 0.34);
}

.draft-review-check.warn {
  border-color: rgba(245, 158, 11, 0.34);
}

.draft-review-check.fix {
  border-color: rgba(239, 68, 68, 0.30);
}

.draft-review-check strong,
.draft-review-check span,
.draft-review-check small,
.draft-review-package-card p,
.draft-review-package-card button,
.draft-review-package-card small {
  overflow-wrap: anywhere;
}

.draft-review-check span {
  color: #0f766e;
  font-weight: 800;
}

.draft-review-check small {
  color: #475569;
  line-height: 1.35;
}

.draft-review-file-list {
  display: grid;
  gap: 8px;
  margin-bottom: 12px;
}

.draft-review-file-list span {
  display: block;
  border: 1px solid rgba(15, 23, 42, 0.10);
  border-radius: 8px;
  background: #f8fafc;
  color: #334155;
  padding: 8px 10px;
  font-size: 0.86rem;
  overflow-wrap: anywhere;
}

.draft-review-package-control.compact .draft-review-package-card {
  padding: 14px;
}

.draft-review-package-control.compact .draft-review-package-grid {
  grid-template-columns: 1fr;
}

.manualj-beta-completion-card {
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-left: 5px solid #64748b;
  border-radius: 8px;
  background: #fff;
  padding: 18px;
  margin-bottom: 16px;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
}

.manualj-beta-completion-card.ready {
  border-left-color: #0f766e;
}

.manualj-beta-completion-card.review {
  border-left-color: #d97706;
}

.manualj-beta-completion-card.locked {
  border-left-color: #dc2626;
}

.manualj-beta-completion-metrics,
.manualj-beta-completion-grid {
  display: grid;
  gap: 12px;
}

.manualj-beta-completion-metrics {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 14px 0;
}

.manualj-beta-completion-grid {
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.2fr) minmax(220px, 0.7fr);
  align-items: start;
}

.manualj-beta-completion-card .control-list {
  display: grid;
  gap: 8px;
}

.manualj-beta-completion-card p,
.manualj-beta-completion-card button,
.manualj-beta-completion-card small,
.manualj-beta-completion-card strong {
  overflow-wrap: anywhere;
}

.manualj-beta-completion-control.compact .manualj-beta-completion-card {
  padding: 14px;
}

.manualj-beta-completion-control.compact .manualj-beta-completion-metrics,
.manualj-beta-completion-control.compact .manualj-beta-completion-grid {
  grid-template-columns: 1fr;
}

@media (max-width: 760px) {
  .scale-callout-card {
    padding: 14px;
  }

  .scale-callout-grid,
  .scale-callout-list,
  .scale-verification-grid,
    .scale-verification-list,
    .first-room-trusted-grid,
    .first-room-trusted-list,
    .room-trust-queue-grid,
    .room-trust-queue-list,
    .final-export-room-lock-grid,
    .final-export-room-lock-list,
    .draft-review-package-grid,
    .draft-review-package-list,
    .draft-review-file-list,
    .manualj-release-requirement-grid,
    .manualj-beta-completion-metrics,
    .manualj-beta-completion-grid {
    grid-template-columns: 1fr;
  }

  .scale-callout-card .tool-buttons,
    .scale-verification-card .tool-buttons,
    .first-room-trusted-card .tool-buttons,
    .room-trust-queue-card .tool-buttons,
    .final-export-room-lock-card .tool-buttons,
    .draft-review-package-card .tool-buttons,
    .manualj-release-requirement-card .tool-buttons,
    .manualj-beta-completion-card .tool-buttons {
    display: grid;
    grid-template-columns: 1fr;
  }

  .scale-callout-card p,
  .scale-callout-card button,
  .scale-callout-card small,
  .scale-verification-card p,
  .scale-verification-card button,
  .scale-verification-card small,
  .first-room-trusted-card p,
  .first-room-trusted-card button,
  .first-room-trusted-card small,
    .room-trust-queue-card p,
    .room-trust-queue-card button,
    .room-trust-queue-card small,
    .final-export-room-lock-card p,
    .final-export-room-lock-card button,
    .final-export-room-lock-card small,
    .draft-review-package-card p,
    .draft-review-package-card button,
    .draft-review-package-card small,
    .manualj-release-requirement-card p,
    .manualj-release-requirement-card button,
    .manualj-release-requirement-card small,
    .manualj-beta-completion-card p,
    .manualj-beta-completion-card button,
    .manualj-beta-completion-card small {
    overflow-wrap: anywhere;
  }

  .scale-verification-card,
  .first-room-trusted-card,
  .room-trust-queue-card,
  .final-export-room-lock-card,
  .draft-review-package-card,
  .manualj-release-requirement-card,
  .manualj-beta-completion-card {
    padding: 14px;
  }
}

/* v397 final cascade reinforcement for hosted mobile QA */
@media (max-width: 760px) {
  .screen > div:empty,
  .screen > section:empty,
  .screen > article:empty,
  .screen > .compact:empty,
  .screen > [class*="-board"]:empty,
  .screen > [class*="-gate"]:empty,
  .screen > [class*="-packet"]:empty,
  .screen > [class*="-runner"]:empty,
  .screen > [class*="-queue"]:empty,
  .screen > [class*="-control"]:empty,
  .screen > [class*="-workbench"]:empty,
  .screen > [class*="-dashboard"]:empty,
  .screen > [class*="-center"]:empty {
    display: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  html,
  body,
  .app-shell,
  .workspace,
  .screen,
  .sidebar,
  .auth-gate,
  .auth-panel,
  .validation-countability-card,
  .current-real-plan-test-run-flow-card,
  .first-real-plan-validation-runner-card,
  .qa-panel,
  .manualj-card,
  .control-list {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html,
  body {
    overflow-x: clip !important;
  }

  .tool-buttons,
  .top-actions,
  .qa-actions,
  .dashboard-controls,
  .field-actions,
  .plan-toolbar,
  .pdf-actions,
  .map-toolbar,
  .validation-countability-grid,
  .manualj-runner-grid,
  .plan-viewer-guide-grid,
  .real-plan-fast-start-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .validation-countability-metrics,
  .manualj-runner-metrics,
  .plan-viewer-guide-metrics,
  .real-plan-fast-start-metrics,
  .mobile-qa-grid,
  .launch-readiness-summary {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 132px), 1fr)) !important;
  }

  .tool-buttons > *,
  .top-actions > *,
  .qa-actions > *,
  .dashboard-controls > *,
  .field-actions > *,
  .plan-toolbar > *,
  .pdf-actions > *,
  .map-toolbar > *,
  .qa-check-item,
  .readiness-card,
  .library-status,
  .control-list p,
  .control-list strong,
  .control-list small,
  .stripe-test-launch-card,
  .stripe-test-launch-item,
  .stripe-test-launch-item p,
  .stripe-test-launch-item strong,
  .stripe-test-launch-item small,
  .stripe-test-launch-item button,
  .validation-sprint-command-card,
  .validation-sprint-item,
  .validation-sprint-item p,
  .validation-sprint-item strong,
  .validation-sprint-item small,
  .first-three-proof-command-card,
  .first-three-proof-item,
  .first-three-proof-item p,
  .first-three-proof-item strong,
  .first-three-proof-item small,
  .first-three-proof-sources,
  .first-three-proof-sources p,
  .first-three-proof-sources strong,
  .first-three-proof-sources span,
  .real-plan-proof-run-command-card,
  .real-plan-proof-run-item,
  .real-plan-proof-run-item p,
  .real-plan-proof-run-item strong,
  .real-plan-proof-run-item small,
  .real-plan-proof-run-sources,
  .real-plan-proof-run-sources p,
  .real-plan-proof-run-sources strong,
  .real-plan-proof-run-sources span,
  .custom-domain-activation-command-card,
  .custom-domain-command-item,
  .custom-domain-command-item p,
  .custom-domain-command-item strong,
  .custom-domain-command-item small,
  .custom-domain-command-record,
  .custom-domain-command-record code,
  .custom-domain-command-record span {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
  }

  .qa-check-item {
    grid-template-columns: minmax(34px, auto) minmax(0, 1fr) !important;
  }

  .stripe-test-launch-item > div {
    display: grid !important;
    gap: 6px !important;
  }

  .validation-sprint-item,
  .first-three-proof-item,
  .real-plan-proof-run-item,
  .custom-domain-command-item {
    grid-template-columns: minmax(34px, auto) minmax(0, 1fr) !important;
  }
}

/* v405 mobile workspace sub-tabs for Uploads and Plan */
.mobile-plan-workflow-panel:empty {
  display: none;
}

.mobile-plan-workflow-card {
  border: 1px solid rgba(23, 33, 38, 0.14);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 26px rgba(20, 38, 44, 0.08);
  margin: 12px 0 16px;
  padding: 16px;
}

.mobile-plan-workflow-card.ready {
  border-color: rgba(18, 128, 92, 0.28);
}

.mobile-plan-workflow-card.active {
  border-color: rgba(28, 116, 186, 0.28);
}

.mobile-plan-workflow-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(126px, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.mobile-plan-workflow-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 14px;
}

.mobile-plan-workflow-grid h4 {
  margin: 0 0 8px;
}

.mobile-plan-workflow-steps {
  display: grid;
  gap: 8px;
}

.mobile-plan-workflow-export-buttons {
  margin-top: 12px;
}

@media (max-width: 760px) {
  .mobile-plan-workflow-card {
    padding: 12px;
    margin: 10px 0 12px;
  }

  .mobile-plan-workflow-card .control-center-head {
    display: grid;
    gap: 10px;
  }

  .mobile-plan-workflow-card h3,
  .mobile-plan-workflow-card p,
  .mobile-plan-workflow-card strong,
  .mobile-plan-workflow-card small,
  .mobile-plan-workflow-card span,
  .mobile-plan-workflow-card button {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    white-space: normal;
  }

  .mobile-plan-workflow-metrics,
  .mobile-plan-workflow-grid {
    grid-template-columns: 1fr;
  }

  .mobile-plan-workflow-card .tool-buttons {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(104px, 1fr));
    gap: 8px;
    width: 100%;
  }

  .mobile-plan-workflow-card .qa-check-item {
    width: 100%;
  }

  .mobile-subtab-control,
  .mobile-workspace-subtab-control {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(86px, 1fr));
    gap: 8px;
    margin: 10px 0 14px;
    width: 100%;
  }

  .mobile-subtab-control button,
  .mobile-workspace-subtab-control button {
    border: 1px solid rgba(23, 33, 38, 0.16);
    background: #f8fafb;
    color: #172126;
    border-radius: 8px;
    padding: 10px 8px;
    font-weight: 700;
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .mobile-subtab-control button.active,
  .mobile-workspace-subtab-control button.active {
    background: #172126;
    color: #fff;
    border-color: #172126;
  }

  #uploads.mobile-subtabbed > [data-mobile-panel],
  #plan.mobile-subtabbed > [data-mobile-panel],
  #plan .plan-workspace.mobile-workspace-subtabbed > [data-mobile-workspace-panel] {
    display: none !important;
  }

  #uploads.mobile-subtabbed[data-mobile-subtab="upload"] > [data-mobile-panel="upload"],
  #uploads.mobile-subtabbed[data-mobile-subtab="files"] > [data-mobile-panel="files"],
  #uploads.mobile-subtabbed[data-mobile-subtab="storage"] > [data-mobile-panel="storage"],
  #uploads.mobile-subtabbed[data-mobile-subtab="parsers"] > [data-mobile-panel="parsers"],
  #uploads.mobile-subtabbed[data-mobile-subtab="guide"] > [data-mobile-panel="guide"],
  #plan.mobile-subtabbed[data-mobile-subtab="workspace"] > [data-mobile-panel="workspace"],
  #plan.mobile-subtabbed[data-mobile-subtab="guide"] > [data-mobile-panel="guide"],
  #plan .plan-workspace.mobile-workspace-subtabbed[data-mobile-workspace-subtab="viewer"] > [data-mobile-workspace-panel="viewer"],
  #plan .plan-workspace.mobile-workspace-subtabbed[data-mobile-workspace-subtab="tools"] > [data-mobile-workspace-panel="tools"],
  #plan .plan-workspace.mobile-workspace-subtabbed[data-mobile-workspace-subtab="pages"] > [data-mobile-workspace-panel="pages"],
  #plan .plan-workspace.mobile-workspace-subtabbed[data-mobile-workspace-subtab="review"] > [data-mobile-workspace-panel="review"] {
    display: block !important;
  }

  #uploads.mobile-subtabbed[data-mobile-subtab="upload"] > .upload-grid {
    display: grid !important;
  }

  #plan .plan-workspace.mobile-workspace-subtabbed {
    display: block !important;
  }

  #plan .plan-stage-wrap,
  #plan .plan-results,
  #plan .plan-tools,
  #uploads .secure-file-access-panel,
  #uploads .file-storage-reconciliation-panel,
  #uploads .upload-quarantine-panel,
  #uploads .document-parser,
  #uploads .file-action-history-panel {
    min-width: 0 !important;
    max-width: 100% !important;
  }
}