.emp-verify {
  min-height: 100dvh;
  background:
    radial-gradient(
      900px 420px at 50% -20%,
      color-mix(in srgb, var(--emp-verify-accent, #0b6e4f) 28%, #fff) 0%,
      transparent 60%
    ),
    #f1f5f9;
  padding: 24px 16px 40px;
  color: #0f172a;
}

.emp-verify__shell {
  width: min(440px, 100%);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.emp-verify__brand {
  text-align: center;
}

.emp-verify__logo {
  width: 56px;
  height: 56px;
  object-fit: contain;
  margin: 0 auto 8px;
  display: block;
}

.emp-verify__org {
  margin: 0;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #334155;
  font-size: 0.8rem;
}

.emp-verify__brand h1 {
  margin: 6px 0 0;
  font-size: 1.35rem;
}

.emp-verify__badge {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  border-radius: 16px;
  padding: 14px 16px;
  border: 1px solid transparent;
}

.emp-verify__badge p {
  margin: 4px 0 0;
  font-size: 0.92rem;
}

.emp-verify__badge-mark {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  font-weight: 800;
  flex-shrink: 0;
}

.emp-verify__badge--ok {
  background: #ecfdf5;
  border-color: #a7f3d0;
  color: #065f46;
}

.emp-verify__badge--ok .emp-verify__badge-mark {
  background: #10b981;
  color: #fff;
}

.emp-verify__badge--warn {
  background: #fffbeb;
  border-color: #fde68a;
  color: #92400e;
}

.emp-verify__badge--warn .emp-verify__badge-mark {
  background: #f59e0b;
  color: #fff;
}

.emp-verify__badge--bad {
  background: #fef2f2;
  border-color: #fecaca;
  color: #991b1b;
}

.emp-verify__badge--bad .emp-verify__badge-mark {
  background: #ef4444;
  color: #fff;
}

.emp-verify__card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  padding: 20px 18px;
  text-align: center;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
}

.emp-verify__photo {
  width: 96px;
  height: 96px;
  margin: 0 auto 12px;
  border-radius: 18px;
  overflow: hidden;
  background: #e2e8f0;
  display: grid;
  place-items: center;
  font-size: 2rem;
  font-weight: 800;
  color: #334155;
}

.emp-verify__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.emp-verify__card h2 {
  margin: 0 0 12px;
  font-size: 1.2rem;
}

.emp-verify__dl {
  display: grid;
  gap: 10px;
  margin: 0;
  text-align: left;
}

.emp-verify__dl dt {
  margin: 0;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #94a3b8;
}

.emp-verify__dl dd {
  margin: 2px 0 0;
  font-weight: 650;
}

.emp-verify__support {
  text-align: center;
  color: #64748b;
  font-size: 0.92rem;
}

.emp-verify__support a {
  color: #1d4ed8;
  font-weight: 700;
  text-decoration: none;
}

.emp-verify__email {
  margin: 4px 0 0;
  font-size: 0.85rem;
}

.emp-verify__state {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 24px 0;
}