.operational-readiness-card {
  display: grid;
  gap: 12px;
  margin-top: 14px;
  padding: 16px;
  border: 1px solid rgba(15, 118, 110, 0.2);
  border-radius: 16px;
  background: rgba(240, 253, 250, 0.72);
}

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

.operational-readiness-heading h3 {
  margin: 0;
  font-size: 1rem;
}

.operational-readiness-heading > strong {
  flex: 0 0 auto;
  padding: 5px 9px;
  border-radius: 999px;
  background: var(--h24-warning-bg, #fff7ed);
  color: var(--h24-warning, #9a3412);
  font-size: 0.78rem;
}

.operational-readiness-heading > strong[data-kind="ready"] {
  background: var(--h24-success-bg, #dcfce7);
  color: var(--h24-success, #166534);
}

.operational-readiness-heading > strong[data-kind="checking"] {
  background: var(--h24-neutral-bg, #e0f2fe);
  color: var(--h24-neutral, #075985);
}

.operational-readiness-heading > strong[data-kind="error"] {
  background: var(--h24-danger-bg, #fee2e2);
  color: var(--h24-danger, #991b1b);
}

.operational-readiness-message,
.operational-readiness-meta {
  margin: 0;
  line-height: 1.5;
  color: var(--h24-ink-muted, #475569);
  font-size: 0.86rem;
}

.operational-readiness-message[data-kind="success"] {
  color: var(--h24-success, #166534);
}

.operational-readiness-message[data-kind="warning"] {
  color: var(--h24-warning, #9a3412);
}

.operational-readiness-message[data-kind="error"] {
  color: var(--h24-danger, #991b1b);
}

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

.operational-readiness-grid > div,
.operational-readiness-account-list > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 40px;
  padding: 9px 10px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.9);
}

.operational-readiness-grid span,
.operational-readiness-account-list span {
  color: var(--h24-ink-muted, #64748b);
  font-size: 0.8rem;
}

.operational-readiness-grid strong,
.operational-readiness-account-list strong {
  color: var(--h24-warning, #9a3412);
  font-size: 0.8rem;
}

.operational-readiness-grid strong[data-ready="true"],
.operational-readiness-account-list strong[data-ready="true"] {
  color: var(--h24-success, #166534);
}

.operational-readiness-account-list {
  display: grid;
  gap: 6px;
  padding-top: 4px;
  border-top: 1px solid rgba(15, 118, 110, 0.14);
}

.operational-readiness-retry {
  min-height: 44px;
}

@media (max-width: 480px) {
  .operational-readiness-card {
    padding: 14px;
  }

  .operational-readiness-grid {
    grid-template-columns: 1fr;
  }
}