.badge.active { color: #08695d; background: #dff4ef; }
.badge.disabled { color: #59656d; background: #e9eef1; }
.badge.pending-activation { color: #8a5315; background: #fff0d8; }
.account-admin { background: #fff; border-radius: 13px; padding: 20px; box-shadow: var(--shadow); margin-bottom: 24px; }
.account-admin-head { display: flex; justify-content: space-between; gap: 20px; align-items: flex-start; }
.account-admin .table-card { margin-top: 14px; }
.account-admin button { padding: 8px 12px; }
.activation-link-box { display: flex; align-items: end; gap: 10px; margin-top: 16px; padding: 14px; background: var(--soft); border-radius: 10px; }
.activation-link-box label { flex: 1; }
.activation-link-box .muted { width: 240px; margin: 0; }
@media (max-width: 650px) {
  .activation-link-box { align-items: stretch; flex-direction: column; }
  .activation-link-box .muted { width: auto; }
}
.period-controls { display: flex; align-items: end; gap: 10px; flex-wrap: wrap; padding: 14px; margin-bottom: 22px; background: #fff; border-radius: 13px; box-shadow: var(--shadow); }
.period-controls label { min-width: 150px; }
.period-controls button { margin-bottom: 0; }
.period-controls .error { flex-basis: 100%; margin: 0; }
@media (max-width: 650px) {
  .period-controls { display: grid; grid-template-columns: 1fr; }
  .period-controls label { min-width: 0; }
}