/* Pyrk activation resend self-service UI. Scoped only to login/activation pages. */
.activation-resend-card,
.activation-resend-login-card {
  margin-top: 16px;
  padding: 16px;
  border: 1px solid rgba(15, 127, 85, .16);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(236, 253, 243, .92), rgba(255, 255, 255, .96));
  box-shadow: 0 18px 45px rgba(15, 23, 42, .08);
}

.activation-resend-card strong,
.activation-resend-login-card summary {
  display: block;
  color: #0f172a;
  font-weight: 1000;
  letter-spacing: -.02em;
}

.activation-resend-card span,
.activation-resend-login-body p {
  display: block;
  margin-top: 6px;
  color: #64748b;
  font-size: .92rem;
  line-height: 1.45;
  font-weight: 700;
}

.activation-resend-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  margin-top: 12px;
}

.activation-resend-form input[type="email"] {
  min-width: 0;
}

.activation-resend-form .btn,
.activation-resend-form button {
  white-space: nowrap;
}

.activation-resend-login-card {
  margin-bottom: 18px;
}

.activation-resend-login-card summary {
  cursor: pointer;
  list-style: none;
  user-select: none;
  color: #0f7f55;
}

.activation-resend-login-card summary::-webkit-details-marker {
  display: none;
}

.activation-resend-login-card summary::after {
  content: '+';
  float: right;
  width: 28px;
  height: 28px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: #ecfdf3;
  color: #0f7f55;
  font-weight: 1000;
}

.activation-resend-login-card[open] summary::after {
  content: '−';
}

.activation-login-btn {
  margin-top: 14px;
}

.activation-resend-panel .notice:empty,
.activation-resend-login-card .notice:empty {
  display: none;
}

@media (max-width: 640px) {
  .activation-resend-form {
    grid-template-columns: 1fr;
  }

  .activation-resend-form .btn,
  .activation-resend-form button {
    width: 100%;
  }
}
