.status-shell {
  width: min(900px, calc(100% - 28px));
  margin: 42px auto 64px;
}
.status-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 24px;
  box-shadow: var(--shadow);
  overflow: hidden;
}
.status-name {
  background: #11a9b6;
  color: #fff;
  padding: 18px 24px;
  font-size: clamp(1.15rem, 3vw, 1.7rem);
  font-weight: 850;
  letter-spacing: -0.02em;
}
.status-body { padding: clamp(22px, 4vw, 34px); }
.status-grid { display: grid; gap: 22px; }
.status-field span { display: block; color: var(--muted); margin-bottom: 5px; }
.status-field strong { display: block; font-size: clamp(1.05rem, 2.5vw, 1.35rem); font-weight: 600; }
.status-message {
  white-space: pre-line;
  font-size: clamp(1.02rem, 2.3vw, 1.3rem);
  line-height: 1.55;
  color: #253b38;
}
.status-code {
  display: inline-flex;
  width: fit-content;
  padding: 7px 11px;
  border-radius: 999px;
  background: var(--surface-soft);
  color: var(--primary);
  font-weight: 850;
  font-size: .82rem;
}
.status-phone { margin-top: 10px; font-size: 1.05rem; }
.status-note { margin-top: 24px; color: var(--muted); font-size: .86rem; line-height: 1.5; }
.status-error { padding: 30px; text-align: center; }
.status-error p { color: var(--muted); line-height: 1.6; }
@media (max-width: 640px) {
  .status-shell { margin-top: 20px; }
  .status-name { padding: 16px 18px; }
  .status-body { padding: 20px; }
}