/*
 * A2TDEV Account / Authentication Editorial System — Upgrade 08
 * Final account-layer design loaded after a2t_design_foundation.css.
 * Covers django-allauth auth, profile/account portal, MFA, account activity,
 * security challenge states and subscription verification/status screens.
 */

/* --------------------------------------------------------------------------
   Shared page reset
   -------------------------------------------------------------------------- */

.x-content:has(.a2t-auth-page),
.x-content:has(.a2t-account-page),
.x-content:has(.a2t-mfa-page),
.x-content:has(.a2t-subscription-page),
.x-content:has(.a2t-activity-dashboard),
.x-content:has(.a2t-subscription-status) {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: clip;
}

:is(.a2t-auth-page, .a2t-account-page, .a2t-mfa-page, .a2t-subscription-page, .a2t-activity-dashboard, .a2t-subscription-status) {
  --account-paper: #f2f1eb;
  --account-warm: #e7e3d8;
  --account-ink: #0b0f12;
  --account-panel: #111817;
  --account-copy: #5f6965;
  --account-line: rgba(11, 15, 18, .16);
  --account-dark-line: rgba(255, 255, 255, .14);
  --account-accent: #c8f34f;
}

:is(.a2t-auth-page, .a2t-account-page, .a2t-mfa-page, .a2t-subscription-page, .a2t-activity-dashboard, .a2t-subscription-status) h1,
:is(.a2t-auth-page, .a2t-account-page, .a2t-mfa-page, .a2t-subscription-page, .a2t-activity-dashboard, .a2t-subscription-status) h2,
:is(.a2t-auth-page, .a2t-account-page, .a2t-mfa-page, .a2t-subscription-page, .a2t-activity-dashboard, .a2t-subscription-status) h3 {
  font-family: var(--a2t-sans);
}

:is(.a2t-page-kicker, .a2t-auth-kicker, .a2t-mfa-kicker, .a2t-subscription-kicker) {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--a2t-accent) !important;
  font: 500 10px/1.2 var(--a2t-mono) !important;
  letter-spacing: .13em !important;
  text-transform: uppercase;
}

:is(.a2t-page-kicker, .a2t-auth-kicker, .a2t-mfa-kicker, .a2t-subscription-kicker)::before {
  content: "";
  width: 20px;
  height: 1px;
  background: currentColor;
}

/* --------------------------------------------------------------------------
   Authentication / django-allauth
   -------------------------------------------------------------------------- */

.a2t-auth-page {
  width: min(var(--a2t-container), calc(100% - (var(--a2t-gutter) * 2))) !important;
  min-height: calc(100svh - var(--a2t-header-height));
  margin: 0 auto !important;
  padding: clamp(42px, 6vw, 86px) 0 clamp(72px, 8vw, 118px) !important;
  display: grid;
  align-items: center;
}

.a2t-auth-layout {
  display: grid !important;
  grid-template-columns: minmax(300px, .82fr) minmax(420px, 1.18fr) !important;
  gap: 0 !important;
  align-items: stretch !important;
  min-height: 640px;
  border: 1px solid var(--a2t-line) !important;
  border-radius: 4px !important;
  overflow: hidden;
  background: var(--account-paper);
  box-shadow: 0 26px 70px rgba(0, 0, 0, .2) !important;
}

.a2t-auth-brand-panel {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: clamp(34px, 4.5vw, 58px) !important;
  border: 0 !important;
  border-right: 1px solid var(--account-dark-line) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(180deg, rgba(200,243,79,.035), transparent 32%),
    radial-gradient(circle at 78% 76%, rgba(200,243,79,.07), transparent 28%),
    var(--account-panel) !important;
  color: var(--a2t-white) !important;
  box-shadow: none !important;
}

.a2t-auth-brand-panel::before {
  content: "ACCOUNT / A2TDEV";
  position: absolute;
  right: 22px;
  bottom: 20px;
  color: rgba(255,255,255,.24);
  font: 500 9px/1 var(--a2t-mono);
  letter-spacing: .16em;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}

.a2t-auth-brand-panel::after {
  content: "" !important;
  position: absolute !important;
  z-index: -1;
  right: -120px !important;
  bottom: -140px !important;
  width: 340px !important;
  height: 340px !important;
  border: 1px solid rgba(200,243,79,.14) !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-shadow: 0 0 0 60px rgba(200,243,79,.018), 0 0 0 120px rgba(200,243,79,.012);
}

.a2t-auth-logo {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 2px !important;
  margin: 0 0 clamp(56px, 8vw, 104px) !important;
  color: var(--a2t-white) !important;
  font: 700 clamp(22px, 2vw, 28px)/1 var(--a2t-sans) !important;
  letter-spacing: -.065em !important;
}

.a2t-auth-logo span { color: var(--a2t-accent) !important; }

.a2t-auth-brand-panel h1 {
  max-width: 560px;
  margin: 0 0 18px !important;
  color: var(--a2t-white) !important;
  font-size: clamp(38px, 4.5vw, 64px) !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
  font-weight: 600 !important;
}

.a2t-auth-brand-panel > p,
.a2t-auth-brand-panel > div > p {
  max-width: 490px;
  margin: 0 !important;
  color: var(--a2t-copy) !important;
  font-size: 15px !important;
  line-height: 1.72 !important;
}

.a2t-auth-points {
  display: grid !important;
  gap: 0 !important;
  margin: 34px 0 0 !important;
  border-top: 1px solid var(--account-dark-line);
}

.a2t-auth-point {
  display: grid !important;
  grid-template-columns: 26px 1fr;
  gap: 12px !important;
  align-items: center !important;
  min-height: 52px;
  padding: 10px 0 !important;
  border-bottom: 1px solid var(--account-dark-line);
  color: var(--a2t-silver) !important;
  font: 500 12px/1.4 var(--a2t-sans) !important;
}

.a2t-auth-point > span {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  border: 1px solid rgba(200,243,79,.34) !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: var(--a2t-accent) !important;
  display: grid !important;
  place-items: center;
  font-size: 9px !important;
}

.a2t-auth-brand-note {
  display: grid !important;
  grid-template-columns: 38px 1fr;
  gap: 14px !important;
  align-items: center !important;
  margin-top: 34px !important;
  padding: 18px 0 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--account-dark-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.a2t-auth-brand-note-icon {
  width: 36px !important;
  height: 36px !important;
  display: grid !important;
  place-items: center;
  border: 1px solid rgba(200,243,79,.3) !important;
  border-radius: 2px !important;
  background: rgba(200,243,79,.04) !important;
  color: var(--a2t-accent) !important;
}

.a2t-auth-brand-note strong {
  display: block;
  color: var(--a2t-white);
  font-size: 12px;
  font-weight: 600;
}

.a2t-auth-brand-note p {
  margin-top: 2px !important;
  color: var(--a2t-copy-soft) !important;
  font: 400 10px/1.5 var(--a2t-mono) !important;
}

.a2t-auth-card {
  min-width: 0;
  padding: clamp(34px, 5vw, 68px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--account-paper) !important;
  color: var(--account-ink) !important;
  box-shadow: none !important;
  color-scheme: light;
}

.a2t-auth-card > :first-child { margin-top: 0; }

.a2t-auth-card h1,
.a2t-auth-card h2 {
  max-width: 650px;
  margin: 20px 0 12px !important;
  color: var(--account-ink) !important;
  font-size: clamp(36px, 4vw, 56px) !important;
  line-height: 1 !important;
  letter-spacing: -.055em !important;
  font-weight: 600 !important;
}

.a2t-auth-card h3 {
  color: var(--account-ink) !important;
  font-size: 22px !important;
  letter-spacing: -.03em !important;
}

.a2t-auth-subtitle,
.a2t-auth-card > p,
.a2t-auth-card form > p,
.a2t-auth-help {
  max-width: 640px;
  margin: 0 0 24px !important;
  color: var(--account-copy) !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

.a2t-auth-card form {
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.a2t-auth-form { display: grid !important; gap: 18px !important; }
.a2t-auth-field { display: grid !important; gap: 7px !important; }

.a2t-auth-card label,
.a2t-auth-field > label,
.a2t-mfa-field > label,
.a2t-form-field > label,
.a2t-current-code-form label {
  margin: 0 !important;
  color: #343c39 !important;
  font: 500 10px/1.3 var(--a2t-mono) !important;
  letter-spacing: .08em !important;
  text-transform: uppercase;
}

.a2t-auth-input-wrap {
  position: relative;
  display: flex !important;
  align-items: center !important;
}

.a2t-auth-input-wrap > i {
  position: absolute;
  z-index: 2;
  left: 16px;
  width: 16px;
  color: #69736f;
  font-size: 13px;
  pointer-events: none;
}

.a2t-auth-input-wrap .a2t-auth-input-addon {
  position: absolute;
  z-index: 3;
  right: 14px;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  color: #69736f;
  cursor: pointer;
}

.a2t-auth-input-wrap > input { padding-left: 46px !important; }
.a2t-auth-input-wrap > input[type="password"] { padding-right: 50px !important; }

.a2t-auth-card :is(input[type="email"], input[type="text"], input[type="password"], input[type="url"], input[type="number"], input[type="tel"], input[type="search"], select, textarea),
.a2t-mfa-page :is(input[type="email"], input[type="text"], input[type="password"], input[type="number"], select, textarea),
.a2t-account-page :is(input[type="email"], input[type="text"], input[type="password"], input[type="number"], input[type="file"], select, textarea) {
  width: 100% !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  border: 1px solid #bfc5c1 !important;
  border-radius: 3px !important;
  background: rgba(255,255,255,.52) !important;
  color: var(--account-ink) !important;
  box-shadow: none !important;
  font: 500 14px/1.4 var(--a2t-sans) !important;
}

.a2t-auth-card textarea,
.a2t-account-page textarea { min-height: 132px !important; resize: vertical; }

.a2t-auth-card :is(input, select, textarea):focus,
.a2t-mfa-page :is(input, select, textarea):focus,
.a2t-account-page :is(input, select, textarea):focus {
  outline: none !important;
  border-color: #58625e !important;
  box-shadow: 0 0 0 3px rgba(200,243,79,.24) !important;
}

.a2t-auth-card input::placeholder,
.a2t-account-page input::placeholder { color: #8c9490 !important; opacity: 1; }

.a2t-auth-card ul.errorlist,
.a2t-auth-card .errorlist,
.a2t-account-page .errorlist,
.a2t-mfa-page .errorlist {
  list-style: none !important;
  margin: 7px 0 0 !important;
  padding: 0 !important;
  color: #a43b35 !important;
  font: 500 11px/1.5 var(--a2t-mono) !important;
}

.a2t-auth-card .helptext,
.a2t-auth-card .helptext ul {
  display: block;
  margin: 7px 0 0 !important;
  padding: 0 !important;
  color: #707a75 !important;
  font: 400 10px/1.55 var(--a2t-mono) !important;
  list-style-position: inside;
}

.a2t-auth-social-block {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px !important;
  margin: 24px 0 0 !important;
}

.a2t-social-btn,
.a2t-auth-secondary,
.a2t-auth-primary,
.a2t-auth-card button,
.a2t-auth-card input[type="submit"] {
  min-height: 48px !important;
  border-radius: 3px !important;
  box-shadow: none !important;
  text-decoration: none !important;
  font: 600 11px/1 var(--a2t-mono) !important;
  letter-spacing: .04em !important;
  text-transform: uppercase;
  transition: background var(--a2t-transition), color var(--a2t-transition), border-color var(--a2t-transition), transform var(--a2t-transition) !important;
}

.a2t-social-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  padding: 0 14px !important;
  border: 1px solid #aeb6b1 !important;
  background: transparent !important;
  color: #222a27 !important;
}

.a2t-social-btn:hover { background: #fff !important; color: #111 !important; }

.a2t-auth-divider {
  display: flex !important;
  align-items: center;
  gap: 12px;
  margin: 22px 0 !important;
  color: #7a837f !important;
  font: 500 9px/1 var(--a2t-mono) !important;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.a2t-auth-divider::before,
.a2t-auth-divider::after { content: ""; height: 1px; flex: 1; background: #cfd3d0; }

.a2t-auth-actions {
  display: flex !important;
  flex-wrap: wrap;
  gap: 9px !important;
  margin-top: 22px !important;
}

.a2t-auth-card button,
.a2t-auth-card input[type="submit"],
.a2t-auth-primary {
  width: auto !important;
  min-width: 168px;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 20px !important;
  border: 1px solid var(--account-ink) !important;
  background: var(--account-ink) !important;
  color: var(--a2t-white) !important;
}

.a2t-auth-card button:hover,
.a2t-auth-card input[type="submit"]:hover,
.a2t-auth-primary:hover {
  border-color: var(--a2t-green) !important;
  background: var(--a2t-green) !important;
  color: #fff !important;
}

.a2t-auth-secondary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 18px !important;
  border: 1px solid #adb5b0 !important;
  background: transparent !important;
  color: #303835 !important;
}

.a2t-auth-secondary:hover { border-color: #333c38 !important; background: #fff !important; color: #111 !important; }

.a2t-auth-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin-top: -2px;
}

.a2t-auth-row > a,
.a2t-auth-bottom-link a,
.a2t-auth-card a:not(.a2t-social-btn):not(.a2t-auth-primary):not(.a2t-auth-secondary) {
  color: #244b40 !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(36,75,64,.35) !important;
}

.a2t-auth-bottom-link {
  display: flex !important;
  flex-wrap: wrap;
  gap: 7px !important;
  margin-top: 28px !important;
  padding-top: 20px !important;
  border-top: 1px solid #cfd3d0 !important;
  color: #69726e !important;
  font-size: 12px !important;
}

.a2t-auth-check {
  position: relative;
  display: inline-flex !important;
  align-items: flex-start !important;
  gap: 9px !important;
  margin: 0 !important;
  color: #4f5954 !important;
  font: 500 11px/1.45 var(--a2t-sans) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  cursor: pointer;
}

.a2t-auth-check input {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none;
}

.a2t-auth-checkmark {
  width: 17px !important;
  height: 17px !important;
  flex: 0 0 17px;
  margin-top: 1px;
  border: 1px solid #8e9792 !important;
  border-radius: 2px !important;
  background: transparent !important;
}

.a2t-auth-check input:checked + .a2t-auth-checkmark {
  border-color: var(--account-ink) !important;
  background: var(--account-ink) !important;
  box-shadow: inset 0 0 0 4px var(--account-accent) !important;
}

.a2t-auth-terms-text a { color: #244b40 !important; }

.a2t-form-alert,
.a2t-auth-card .alert,
.a2t-locked-panel {
  margin: 0 0 18px !important;
  padding: 14px 16px !important;
  border: 1px solid rgba(164,59,53,.35) !important;
  border-radius: 3px !important;
  background: rgba(164,59,53,.055) !important;
  color: #7a2e29 !important;
  font-size: 12px !important;
}

/* Generic allauth generated components */
.a2t-auth-card :is(table, .table) { width: 100%; border-collapse: collapse; }
.a2t-auth-card :is(th, td) { padding: 12px 10px; border-bottom: 1px solid #cfd3d0; text-align: left; }
.a2t-auth-card :is(input[type="radio"], input[type="checkbox"]) { accent-color: #244b40; }

/* --------------------------------------------------------------------------
   Account portal / profile / support / email security
   -------------------------------------------------------------------------- */

.a2t-account-page {
  width: min(var(--a2t-container), calc(100% - (var(--a2t-gutter) * 2))) !important;
  margin: 0 auto !important;
  padding: clamp(48px, 6vw, 86px) 0 clamp(76px, 9vw, 126px) !important;
  color: var(--a2t-silver) !important;
}

.a2t-account-page.narrow { max-width: 920px !important; }

.a2t-account-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 40px !important;
  align-items: end !important;
  margin: 0 0 34px !important;
  padding: 0 0 34px !important;
  border-bottom: 1px solid var(--a2t-line) !important;
}

.a2t-account-hero.compact { align-items: center !important; }

.a2t-account-hero h1 {
  max-width: 850px;
  margin: 14px 0 13px !important;
  color: var(--a2t-white) !important;
  font-size: var(--a2t-page-title) !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
  font-weight: 600 !important;
}

.a2t-account-hero p {
  max-width: 780px;
  margin: 0 !important;
  color: var(--a2t-copy) !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

.a2t-account-person {
  display: grid !important;
  grid-template-columns: 88px minmax(0, 1fr) !important;
  gap: 22px !important;
  align-items: center !important;
}

.a2t-account-avatar {
  width: 88px !important;
  height: 88px !important;
  display: grid !important;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(200,243,79,.35) !important;
  border-radius: 3px !important;
  background: var(--account-panel) !important;
  box-shadow: none !important;
}

.a2t-account-avatar img { width: 100%; height: 100%; object-fit: cover; }
.a2t-account-avatar span { color: var(--a2t-accent) !important; font: 500 26px/1 var(--a2t-mono) !important; }

.a2t-account-actions { display: flex !important; flex-wrap: wrap; gap: 9px !important; align-items: center !important; }

.a2t-btn,
.a2t-btn-dark,
.a2t-mini-action,
.a2t-inline-link {
  border-radius: 3px !important;
  box-shadow: none !important;
  text-decoration: none !important;
  transition: background var(--a2t-transition), color var(--a2t-transition), border-color var(--a2t-transition) !important;
}

.a2t-btn,
.a2t-btn-dark {
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px;
  padding: 0 16px !important;
  font: 600 10px/1 var(--a2t-mono) !important;
  letter-spacing: .045em !important;
  text-transform: uppercase;
}

.a2t-account-page .a2t-btn {
  border: 1px solid rgba(255,255,255,.24) !important;
  background: transparent !important;
  color: var(--a2t-white) !important;
}
.a2t-account-page .a2t-btn:hover { border-color: var(--a2t-accent) !important; color: var(--a2t-accent) !important; }
.a2t-account-page .a2t-btn-dark {
  border: 1px solid var(--a2t-accent) !important;
  background: var(--a2t-accent) !important;
  color: var(--account-ink) !important;
}
.a2t-account-page .a2t-btn-dark:hover { border-color: var(--a2t-accent-hover) !important; background: var(--a2t-accent-hover) !important; }

.a2t-account-stats {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: 0 0 38px !important;
  border-top: 1px solid var(--a2t-line) !important;
  border-bottom: 1px solid var(--a2t-line) !important;
}

.a2t-account-stats article {
  min-width: 0;
  min-height: 118px !important;
  display: grid !important;
  align-content: center !important;
  gap: 10px !important;
  padding: 20px 24px !important;
  border: 0 !important;
  border-right: 1px solid var(--a2t-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.a2t-account-stats article:last-child { border-right: 0 !important; }
.a2t-account-stats span { color: var(--a2t-copy-soft) !important; font: 500 9px/1.3 var(--a2t-mono) !important; letter-spacing: .08em; text-transform: uppercase; }
.a2t-account-stats strong { color: var(--a2t-white) !important; font-size: clamp(24px, 2.4vw, 36px) !important; line-height: 1.05 !important; letter-spacing: -.035em !important; font-weight: 500 !important; overflow-wrap: anywhere; }
.a2t-account-stats .a2t-email-stat strong,
.a2t-account-stats strong.a2t-compact-stat { font: 500 clamp(13px, 1.35vw, 18px)/1.35 var(--a2t-mono) !important; letter-spacing: -.015em !important; }

.a2t-account-grid,
.a2t-settings-grid,
.a2t-support-grid {
  display: grid !important;
  gap: 1px !important;
  overflow: hidden;
  margin: 0 0 1px !important;
  padding: 1px !important;
  background: rgba(255,255,255,.12) !important;
  border-radius: 4px !important;
}
.a2t-account-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.a2t-settings-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
.a2t-support-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.a2t-settings-grid + .a2t-settings-grid,
.a2t-support-grid + .a2t-account-grid { margin-top: 24px !important; }

.a2t-account-card,
.a2t-account-form {
  min-width: 0;
  padding: clamp(22px, 2.6vw, 32px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--account-paper) !important;
  color: var(--account-ink) !important;
  box-shadow: none !important;
  color-scheme: light;
}

.a2t-account-card > i {
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center;
  margin: 0 0 28px !important;
  border: 1px solid rgba(11,15,18,.18) !important;
  border-radius: 2px !important;
  background: transparent !important;
  color: #244b40 !important;
  font-size: 14px !important;
}

.a2t-account-card h2 {
  margin: 0 0 9px !important;
  color: var(--account-ink) !important;
  font-size: clamp(20px, 2vw, 27px) !important;
  line-height: 1.1 !important;
  letter-spacing: -.035em !important;
  font-weight: 600 !important;
}

.a2t-account-card p {
  margin: 0 !important;
  color: var(--account-copy) !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

.a2t-account-card > .a2t-btn,
.a2t-account-form .a2t-btn,
.a2t-account-card > .a2t-btn-dark {
  margin-top: 22px !important;
  border-color: #aeb5b1 !important;
  color: #232b28 !important;
}
.a2t-account-card > .a2t-btn:hover,
.a2t-account-form .a2t-btn:hover { border-color: #244b40 !important; background: #fff !important; color: #244b40 !important; }
.a2t-account-card > .a2t-btn-dark,
.a2t-account-form .a2t-btn-dark { border-color: var(--account-ink) !important; background: var(--account-ink) !important; color: #fff !important; }

.a2t-account-list {
  display: grid !important;
  gap: 0 !important;
  margin-top: 16px !important;
  border-top: 1px solid var(--account-line);
}

.a2t-account-list > div {
  padding: 15px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--account-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.a2t-account-list strong { display: block; color: #1c2320 !important; font-size: 13px; font-weight: 650; }
.a2t-account-list span { display: block; margin-top: 4px !important; color: #717a76 !important; font: 400 10px/1.5 var(--a2t-mono) !important; }
.a2t-account-list p { margin-top: 8px !important; }

.a2t-inline-link {
  display: inline-flex !important;
  width: fit-content;
  margin-top: 9px !important;
  color: #244b40 !important;
  font: 500 10px/1.4 var(--a2t-mono) !important;
  text-decoration: underline !important;
}

.a2t-support-faq { display: grid !important; gap: 0 !important; margin-top: 12px; border-top: 1px solid var(--account-line); }
.a2t-support-faq details { padding: 14px 0 !important; border: 0 !important; border-bottom: 1px solid var(--account-line) !important; border-radius: 0 !important; background: transparent !important; }
.a2t-support-faq summary { color: #1d2522 !important; font-size: 13px !important; font-weight: 650 !important; cursor: pointer; }
.a2t-support-faq details p { margin-top: 8px !important; }

.a2t-support-contact {
  margin-top: 24px !important;
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 20px !important;
  align-items: center !important;
}
.a2t-support-contact > i { margin: 0 !important; }
.a2t-support-contact .a2t-btn-dark { margin-top: 0 !important; }

.a2t-account-form { display: grid !important; gap: 22px !important; }
.a2t-form-field { display: grid !important; gap: 7px !important; }
.a2t-account-form .a2t-account-actions { padding-top: 4px; }

.a2t-account-technical-value {
  display: block;
  margin-top: 12px;
  color: #27302c;
  font: 500 11px/1.55 var(--a2t-mono);
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Secure email-change lifecycle */
.a2t-email-flow {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin-bottom: 28px !important;
  border: 1px solid var(--a2t-line) !important;
}
.a2t-email-step-card {
  position: relative;
  min-height: 118px;
  padding: 20px 22px !important;
  border: 0 !important;
  border-right: 1px solid var(--a2t-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--a2t-silver) !important;
}
.a2t-email-step-card:last-child { border-right: 0 !important; }
.a2t-email-step-number { display: block; margin-bottom: 12px; color: var(--a2t-accent); font: 500 10px/1 var(--a2t-mono); }
.a2t-email-step-card strong { display: block; color: var(--a2t-white); font-size: 14px; font-weight: 600; }
.a2t-email-step-card p { margin-top: 6px !important; color: var(--a2t-copy-soft) !important; font: 400 10px/1.55 var(--a2t-mono) !important; }

.a2t-email-status,
.a2t-email-note,
.a2t-email-help,
.a2t-pending-email-row,
.a2t-current-code-form {
  padding: 16px !important;
  border: 1px solid var(--account-line) !important;
  border-radius: 3px !important;
  background: rgba(255,255,255,.32) !important;
  color: #34403b !important;
}
.a2t-current-code-form { display: grid !important; gap: 12px !important; margin-top: 16px !important; }
.a2t-pending-email-row { display: grid !important; gap: 10px !important; margin-top: 12px !important; }
.a2t-email-action { display: flex !important; flex-wrap: wrap; gap: 8px !important; align-items: center !important; }
.a2t-email-address { overflow-wrap: anywhere; font: 500 12px/1.5 var(--a2t-mono) !important; }

/* Admin security utility classes replacing former inline styles */
.a2t-security-grid { grid-template-columns: minmax(0, 1fr) minmax(280px, 420px) !important; margin-bottom: 0 !important; }
.a2t-security-form { display: grid !important; gap: 14px !important; margin-top: 18px !important; }
.a2t-security-resend { margin-top: 12px !important; }
.a2t-security-code {
  font: 500 22px/1 var(--a2t-mono) !important;
  letter-spacing: .18em !important;
  text-align: center;
}
.a2t-security-fingerprint { display: grid !important; gap: 12px !important; margin: 18px 0 0 !important; }
.a2t-security-fingerprint dt { color: #69726e !important; font: 500 9px/1.3 var(--a2t-mono) !important; letter-spacing: .08em; text-transform: uppercase; }
.a2t-security-fingerprint dd { margin: 5px 0 0 !important; color: #27302c; font: 500 11px/1.55 var(--a2t-mono); overflow-wrap: anywhere; word-break: break-word; }

/* --------------------------------------------------------------------------
   MFA
   -------------------------------------------------------------------------- */

.a2t-mfa-page {
  width: min(var(--a2t-container), calc(100% - (var(--a2t-gutter) * 2))) !important;
  margin: 0 auto !important;
  padding: clamp(48px, 6vw, 86px) 0 clamp(76px, 9vw, 126px) !important;
  color: var(--a2t-silver) !important;
}

.a2t-mfa-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 34px !important;
  align-items: end !important;
  margin: 0 0 34px !important;
  padding: 0 0 34px !important;
  border-bottom: 1px solid var(--a2t-line) !important;
}
.a2t-mfa-hero.compact { align-items: center !important; }
.a2t-mfa-hero h1 { margin: 14px 0 12px !important; color: var(--a2t-white) !important; font-size: var(--a2t-page-title) !important; line-height: .98 !important; letter-spacing: -.055em !important; font-weight: 600 !important; }
.a2t-mfa-hero p { max-width: 760px; margin: 0 !important; color: var(--a2t-copy) !important; font-size: 15px !important; line-height: 1.7 !important; }

.a2t-mfa-status-grid,
.a2t-mfa-panel-grid,
.a2t-mfa-setup-grid {
  display: grid !important;
  gap: 1px !important;
  padding: 1px !important;
  overflow: hidden;
  border-radius: 4px !important;
  background: rgba(255,255,255,.12) !important;
}
.a2t-mfa-status-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; margin-bottom: 24px !important; }
.a2t-mfa-panel-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.a2t-mfa-setup-grid { grid-template-columns: minmax(280px, .8fr) minmax(0, 1.2fr) !important; }

.a2t-mfa-status-card,
.a2t-mfa-panel,
.a2t-mfa-form-card,
.a2t-mfa-qr-card,
.a2t-mfa-codes-card,
.a2t-mfa-confirm-card {
  min-width: 0;
  padding: clamp(22px, 2.8vw, 34px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--account-paper) !important;
  color: var(--account-ink) !important;
  box-shadow: none !important;
  color-scheme: light;
}

.a2t-mfa-status-card span { color: #747d79 !important; font: 500 9px/1.3 var(--a2t-mono) !important; letter-spacing: .08em; text-transform: uppercase; }
.a2t-mfa-status-card strong { display: block; margin-top: 9px; color: #19211e !important; font-size: 24px !important; font-weight: 600 !important; letter-spacing: -.035em; }

.a2t-mfa-panel-head { display: grid !important; grid-template-columns: 38px 1fr; gap: 15px !important; align-items: start !important; }
.a2t-mfa-panel-icon { width: 36px !important; height: 36px !important; display: grid !important; place-items: center; border: 1px solid var(--account-line) !important; border-radius: 2px !important; background: transparent !important; color: #244b40 !important; }
.a2t-mfa-panel h2,
.a2t-mfa-form-card h2,
.a2t-mfa-codes-card h2,
.a2t-mfa-confirm-card h2 { margin: 0 0 7px !important; color: #18201d !important; font-size: clamp(21px, 2vw, 28px) !important; line-height: 1.1 !important; letter-spacing: -.035em !important; font-weight: 600 !important; }
.a2t-mfa-panel p,
.a2t-mfa-form-card p,
.a2t-mfa-codes-card p,
.a2t-mfa-confirm-card p { margin: 0 !important; color: #6c7571 !important; font-size: 13px !important; line-height: 1.65 !important; }
.a2t-mfa-panel-foot { display: flex !important; flex-wrap: wrap; gap: 8px !important; align-items: center !important; margin-top: 28px !important; padding-top: 18px !important; border-top: 1px solid var(--account-line) !important; }

.a2t-mfa-badge {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 9px !important;
  border: 1px solid #abb3af !important;
  border-radius: 2px !important;
  background: transparent !important;
  color: #555f5a !important;
  font: 500 9px/1 var(--a2t-mono) !important;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.a2t-mfa-badge.is-on { border-color: rgba(36,75,64,.36) !important; color: #244b40 !important; background: rgba(36,75,64,.06) !important; }

.a2t-mfa-primary-btn,
.a2t-mfa-secondary-btn,
.a2t-mfa-secondary-link,
.a2t-mfa-danger-btn,
.a2t-mfa-danger-link {
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 0 13px !important;
  border-radius: 3px !important;
  box-shadow: none !important;
  text-decoration: none !important;
  font: 600 9px/1 var(--a2t-mono) !important;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.a2t-mfa-primary-btn { border: 1px solid var(--account-ink) !important; background: var(--account-ink) !important; color: #fff !important; }
.a2t-mfa-primary-btn:hover { background: #244b40 !important; border-color: #244b40 !important; }
.a2t-mfa-secondary-btn,
.a2t-mfa-secondary-link { border: 1px solid #aeb6b1 !important; background: transparent !important; color: #2c3531 !important; }
.a2t-mfa-danger-btn,
.a2t-mfa-danger-link { border: 1px solid rgba(164,59,53,.34) !important; background: rgba(164,59,53,.04) !important; color: #8b322c !important; }
.a2t-mfa-primary-btn.wide { width: 100% !important; }

.a2t-mfa-form { display: grid !important; gap: 16px !important; margin-top: 24px !important; }
.a2t-mfa-field { display: grid !important; gap: 7px !important; }

.a2t-mfa-qr-frame {
  width: min(100%, 300px) !important;
  aspect-ratio: 1;
  display: grid !important;
  place-items: center;
  margin-inline: auto;
  padding: 18px !important;
  border: 1px solid var(--account-line) !important;
  border-radius: 3px !important;
  background: #fff !important;
}
.a2t-mfa-qr-frame img { width: 100%; height: auto; display: block; }
.a2t-mfa-secret-block { margin-top: 20px !important; display: grid !important; gap: 7px !important; }
.a2t-mfa-secret-block label { color: #69726e; font: 500 9px/1.3 var(--a2t-mono); letter-spacing: .08em; text-transform: uppercase; }
.a2t-mfa-steps { display: grid !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; list-style: none !important; border-top: 1px solid var(--account-line); }
.a2t-mfa-steps li { display: grid !important; grid-template-columns: 26px 1fr; gap: 12px !important; padding: 14px 0 !important; border-bottom: 1px solid var(--account-line); }
.a2t-mfa-steps li > span { color: #244b40; font: 500 10px/1.5 var(--a2t-mono); }

.a2t-mfa-codes-card pre,
.a2t-mfa-codes-card code { font-family: var(--a2t-mono) !important; }
.a2t-mfa-check { display: flex !important; align-items: flex-start; gap: 9px !important; color: #525c57; font-size: 12px; }
.a2t-mfa-check input { margin-top: 3px; accent-color: #244b40; }
.a2t-mfa-actions-form { display: flex !important; flex-wrap: wrap; gap: 8px !important; margin-top: 22px !important; }

/* --------------------------------------------------------------------------
   Account activity
   -------------------------------------------------------------------------- */

.a2t-activity-dashboard {
  width: min(var(--a2t-container), calc(100% - (var(--a2t-gutter) * 2))) !important;
  margin: 0 auto !important;
  padding: clamp(48px, 6vw, 86px) 0 clamp(76px, 9vw, 126px) !important;
}
.a2t-activity-hero { max-width: 820px; margin-bottom: 36px !important; padding-bottom: 30px; border-bottom: 1px solid var(--a2t-line); }
.a2t-activity-hero h1 { margin: 14px 0 12px !important; color: var(--a2t-white) !important; font-size: var(--a2t-page-title) !important; line-height: .98 !important; letter-spacing: -.055em !important; font-weight: 600 !important; }
.a2t-activity-hero p { margin: 0 !important; color: var(--a2t-copy) !important; font-size: 15px !important; line-height: 1.7 !important; }
.a2t-activity-list { display: grid !important; gap: 0 !important; border-top: 1px solid var(--a2t-line); }
.a2t-activity-card { display: grid !important; grid-template-columns: 18px minmax(0, 1fr); gap: 16px !important; align-items: start !important; padding: 20px 0 !important; border: 0 !important; border-bottom: 1px solid var(--a2t-line) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
.a2t-activity-dot { width: 8px !important; height: 8px !important; margin-top: 6px; border-radius: 50% !important; background: var(--a2t-accent) !important; box-shadow: 0 0 0 4px rgba(200,243,79,.08); }
.a2t-activity-copy strong { display: block; color: var(--a2t-white) !important; font-size: 14px !important; font-weight: 600 !important; }
.a2t-activity-copy span,
.a2t-activity-copy small { display: block; margin-top: 4px; color: var(--a2t-copy-soft) !important; font: 400 10px/1.5 var(--a2t-mono) !important; }
.a2t-activity-empty { padding: 34px 0; border-bottom: 1px solid var(--a2t-line); }
.a2t-activity-empty strong { display: block; color: var(--a2t-white); font-size: 17px; }
.a2t-activity-empty span { display: block; margin-top: 5px; color: var(--a2t-copy); font-size: 13px; }

/* --------------------------------------------------------------------------
   Subscription statuses / newsletter fragment
   -------------------------------------------------------------------------- */

.a2t-subscription-page,
.a2t-subscription-status {
  width: min(900px, calc(100% - (var(--a2t-gutter) * 2))) !important;
  min-height: calc(100svh - var(--a2t-header-height));
  margin: 0 auto !important;
  padding: clamp(60px, 8vw, 112px) 0 clamp(80px, 10vw, 140px) !important;
  display: grid;
  place-items: center;
}

.a2t-subscription-card,
.a2t-subscription-status .a2t-auth-card {
  width: 100%;
  padding: clamp(34px, 6vw, 68px) !important;
  border: 1px solid var(--a2t-line) !important;
  border-radius: 4px !important;
  background: var(--account-paper) !important;
  color: var(--account-ink) !important;
  box-shadow: none !important;
  color-scheme: light;
}
.a2t-subscription-icon {
  width: 44px !important;
  height: 44px !important;
  display: grid !important;
  place-items: center;
  margin-bottom: 30px !important;
  border: 1px solid #244b40 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #244b40 !important;
  font: 600 16px/1 var(--a2t-mono) !important;
}
.a2t-subscription-card .a2t-subscription-kicker,
.a2t-subscription-status .a2t-page-kicker { color: #244b40 !important; }
.a2t-subscription-card h1,
.a2t-subscription-status h1 { max-width: 700px; margin: 18px 0 13px !important; color: var(--account-ink) !important; font-size: clamp(36px, 5vw, 58px) !important; line-height: 1 !important; letter-spacing: -.055em !important; font-weight: 600 !important; }
.a2t-subscription-card p,
.a2t-subscription-status p { max-width: 680px; margin: 0 !important; color: var(--account-copy) !important; font-size: 14px !important; line-height: 1.7 !important; }
.a2t-status-actions { display: flex !important; flex-wrap: wrap; gap: 9px !important; margin-top: 28px !important; }
.a2t-subscription-card .a2t-btn,
.a2t-subscription-status .a2t-btn { border: 1px solid #abb3af !important; background: transparent !important; color: #29312e !important; }
.a2t-subscription-card .a2t-btn-dark { border: 1px solid var(--account-ink) !important; background: var(--account-ink) !important; color: #fff !important; }

/* Newsletter partial: safe even when included into public pages. */
#a2t-subscription-widget,
#subscription {
  --sub-line: rgba(255,255,255,.18);
  width: 100%;
}
#subscription .form-group { margin: 0 !important; }
#subscription form { display: grid; gap: 8px; }
#subscription .inline-group { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
#subscription :is(input, select) { min-height: 44px; padding: 0 12px; border: 1px solid var(--sub-line); border-radius: 3px; background: transparent; color: inherit; font: 500 11px/1 var(--a2t-mono); }
#subscription button { min-height: 44px; padding: 0 16px; border: 1px solid var(--a2t-accent); border-radius: 3px; background: var(--a2t-accent); color: var(--a2t-ink); font: 600 10px/1 var(--a2t-mono); letter-spacing: .04em; text-transform: uppercase; }
#subscription #message { margin-top: 8px; font: 500 10px/1.55 var(--a2t-mono); }
#subscription #loading { display: none; margin-top: 8px; }
#subscription .spinner { width: 22px; height: 22px; margin: 0 auto; border: 2px solid rgba(255,255,255,.18); border-top-color: var(--a2t-accent); border-radius: 50%; animation: a2tAccountSpin .7s linear infinite; }
@keyframes a2tAccountSpin { to { transform: rotate(360deg); } }

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */

@media (max-width: 1050px) {
  .a2t-auth-layout { grid-template-columns: .9fr 1.1fr !important; }
  .a2t-settings-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .a2t-account-stats { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .a2t-account-stats article:nth-child(2) { border-right: 0 !important; }
  .a2t-account-stats article:nth-child(-n+2) { border-bottom: 1px solid var(--a2t-line) !important; }
}

@media (max-width: 820px) {
  .a2t-auth-page,
  .a2t-account-page,
  .a2t-mfa-page,
  .a2t-activity-dashboard,
  .a2t-subscription-page,
  .a2t-subscription-status {
    width: min(100% - 32px, var(--a2t-container)) !important;
  }

  .a2t-auth-layout { grid-template-columns: 1fr !important; min-height: 0; }
  .a2t-auth-brand-panel { min-height: 390px; border-right: 0 !important; border-bottom: 1px solid var(--account-dark-line) !important; }
  .a2t-auth-logo { margin-bottom: 54px !important; }
  .a2t-auth-brand-panel::before { writing-mode: horizontal-tb; transform: none; }

  .a2t-account-hero,
  .a2t-mfa-hero { grid-template-columns: 1fr !important; align-items: start !important; gap: 22px !important; }
  .a2t-account-actions { justify-content: flex-start; }
  .a2t-account-grid,
  .a2t-support-grid,
  .a2t-mfa-panel-grid,
  .a2t-mfa-setup-grid { grid-template-columns: 1fr !important; }
  .a2t-email-flow { grid-template-columns: 1fr !important; }
  .a2t-email-step-card { border-right: 0 !important; border-bottom: 1px solid var(--a2t-line) !important; }
  .a2t-email-step-card:last-child { border-bottom: 0 !important; }
  .a2t-mfa-status-grid { grid-template-columns: 1fr !important; }
  .a2t-support-contact { grid-template-columns: 38px minmax(0, 1fr) !important; }
  .a2t-support-contact .a2t-btn-dark { grid-column: 2; width: fit-content; }
  .a2t-security-grid { grid-template-columns: 1fr !important; }
}

@media (max-width: 560px) {
  .a2t-auth-page,
  .a2t-account-page,
  .a2t-mfa-page,
  .a2t-activity-dashboard,
  .a2t-subscription-page,
  .a2t-subscription-status {
    width: min(100% - 22px, var(--a2t-container)) !important;
  }

  .a2t-auth-page { padding-top: 22px !important; }
  .a2t-auth-brand-panel,
  .a2t-auth-card,
  .a2t-subscription-card,
  .a2t-subscription-status .a2t-auth-card { padding: 26px !important; }
  .a2t-auth-brand-panel { min-height: 350px; }
  .a2t-auth-brand-panel h1 { font-size: clamp(34px, 11vw, 48px) !important; }
  .a2t-auth-social-block { grid-template-columns: 1fr !important; }
  .a2t-auth-actions { display: grid !important; grid-template-columns: 1fr; }
  .a2t-auth-actions > * { width: 100% !important; }
  .a2t-auth-row { align-items: flex-start !important; flex-direction: column; }

  .a2t-account-person { grid-template-columns: 68px minmax(0, 1fr) !important; }
  .a2t-account-avatar { width: 68px !important; height: 68px !important; }
  .a2t-account-stats,
  .a2t-settings-grid { grid-template-columns: 1fr !important; }
  .a2t-account-stats article { border-right: 0 !important; border-bottom: 1px solid var(--a2t-line) !important; }
  .a2t-account-stats article:last-child { border-bottom: 0 !important; }
  .a2t-account-grid { grid-template-columns: 1fr !important; }
  .a2t-account-card,
  .a2t-account-form,
  .a2t-mfa-status-card,
  .a2t-mfa-panel,
  .a2t-mfa-form-card,
  .a2t-mfa-qr-card,
  .a2t-mfa-codes-card,
  .a2t-mfa-confirm-card { padding: 22px !important; }
  .a2t-support-contact { grid-template-columns: 1fr !important; }
  .a2t-support-contact .a2t-btn-dark { grid-column: 1; }
  #subscription .inline-group { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .a2t-auth-page *, .a2t-account-page *, .a2t-mfa-page * { scroll-behavior: auto !important; transition: none !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* Upgrade 08 finishing details */
.a2t-settings-grid--technical { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.a2t-account-grid + .a2t-account-card,
.a2t-settings-grid + .a2t-account-card { margin-top: 24px !important; }
.a2t-mfa-hero .a2t-mfa-secondary-link {
  border-color: rgba(255,255,255,.24) !important;
  background: transparent !important;
  color: var(--a2t-white) !important;
}
.a2t-mfa-hero .a2t-mfa-secondary-link:hover {
  border-color: var(--a2t-accent) !important;
  color: var(--a2t-accent) !important;
}
#subscription #message.is-success { color: var(--a2t-success, #a9d86d) !important; }
#subscription #message.is-error { color: var(--a2t-danger, #ff6f66) !important; }
@media (max-width: 560px) {
  .a2t-settings-grid--technical { grid-template-columns: 1fr !important; }
}

/* Email-security lifecycle refinements */
.a2t-email-step-card h2 {
  margin: 0 0 7px !important;
  color: var(--a2t-white) !important;
  font-size: 19px !important;
  line-height: 1.15 !important;
  letter-spacing: -.03em !important;
  font-weight: 600 !important;
}
.a2t-email-step-card .a2t-email-address {
  margin: 0 0 12px !important;
  color: var(--a2t-copy) !important;
}
.a2t-email-step-card .a2t-email-status {
  width: fit-content;
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  margin: 8px 0 0 !important;
  padding: 7px 9px !important;
  border: 1px solid var(--account-dark-line) !important;
  border-radius: 2px !important;
  background: rgba(255,255,255,.035) !important;
  color: var(--a2t-copy) !important;
  font: 500 9px/1.3 var(--a2t-mono) !important;
  letter-spacing: .035em;
  text-transform: uppercase;
}
.a2t-email-step-card .a2t-email-status.verified { border-color: rgba(200,243,79,.28) !important; color: var(--a2t-accent) !important; }
.a2t-email-step-card .a2t-email-status.pending { color: #d9c178 !important; }
.a2t-email-step-card .a2t-email-help {
  margin: 9px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--a2t-copy-soft) !important;
  font: 400 10px/1.55 var(--a2t-mono) !important;
}
.a2t-email-step-card .a2t-email-action { margin-top: 14px !important; }
.a2t-mini-action {
  min-height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 11px !important;
  border: 1px solid #aeb6b1 !important;
  background: transparent !important;
  color: #26302b !important;
  font: 600 9px/1 var(--a2t-mono) !important;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.a2t-mini-action.strong { border-color: var(--account-ink) !important; background: var(--account-ink) !important; color: #fff !important; }

/* ==========================================================================
   Upgrade 92 — Account / auth / MFA / subscription mobile production pass
   ========================================================================== */
@media (max-width: 760px) {
  .a2t-auth-page,
  .a2t-account-page,
  .a2t-mfa-page,
  .a2t-activity-dashboard,
  .a2t-subscription-page,
  .a2t-subscription-status {
    width: min(100% - 32px, var(--a2t-container)) !important;
  }

  .a2t-auth-page,
  .a2t-account-page,
  .a2t-mfa-page,
  .a2t-activity-dashboard {
    padding-bottom: max(76px, calc(58px + env(safe-area-inset-bottom))) !important;
  }

  .a2t-auth-layout {
    min-height: 0 !important;
  }
  .a2t-auth-brand-panel {
    min-height: 0 !important;
    padding: 28px !important;
  }
  .a2t-auth-logo {
    margin-bottom: 34px !important;
  }
  .a2t-auth-brand-panel h1 {
    max-width: 13ch !important;
    font-size: clamp(34px, 9vw, 48px) !important;
  }
  .a2t-auth-brand-panel > p,
  .a2t-auth-brand-panel > div > p {
    font-size: 14px !important;
  }
  .a2t-auth-points {
    margin-top: 24px !important;
  }
  .a2t-auth-point {
    min-height: 46px !important;
  }
  .a2t-auth-brand-note {
    margin-top: 24px !important;
  }

  .a2t-auth-card {
    padding: 30px 28px 34px !important;
  }
  .a2t-auth-card h1,
  .a2t-auth-card h2,
  .a2t-account-hero h1,
  .a2t-mfa-hero h1,
  .a2t-activity-hero h1 {
    overflow-wrap: anywhere;
  }

  /* 16px prevents automatic iOS form zoom and gives long forms a more
     comfortable editing rhythm. */
  .a2t-auth-card :is(input[type="email"], input[type="text"], input[type="password"], input[type="url"], input[type="number"], input[type="tel"], input[type="search"], select, textarea),
  .a2t-mfa-page :is(input[type="email"], input[type="text"], input[type="password"], input[type="number"], select, textarea),
  .a2t-account-page :is(input[type="email"], input[type="text"], input[type="password"], input[type="number"], input[type="file"], select, textarea),
  #subscription :is(input, select) {
    font-size: 16px !important;
  }

  .a2t-social-btn,
  .a2t-auth-primary,
  .a2t-auth-secondary,
  .a2t-account-page .a2t-btn,
  .a2t-account-page .a2t-btn-dark,
  .a2t-mfa-primary-btn,
  .a2t-mfa-secondary-btn,
  .a2t-mfa-secondary-link,
  .a2t-mfa-danger-btn,
  .a2t-mfa-danger-link,
  .a2t-mini-action {
    min-height: 44px !important;
  }

  .a2t-account-hero,
  .a2t-mfa-hero {
    padding-bottom: 26px !important;
  }
  .a2t-account-actions,
  .a2t-mfa-actions-form,
  .a2t-status-actions {
    gap: 8px !important;
  }

  .a2t-mfa-panel-foot {
    gap: 8px !important;
    flex-wrap: wrap !important;
  }
  .a2t-mfa-codes-card pre {
    max-width: 100% !important;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain;
    white-space: pre;
  }
  .a2t-mfa-secret-block :is(code, pre) {
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .a2t-account-card,
  .a2t-account-form {
    min-width: 0 !important;
  }
  .a2t-account-list > div {
    min-width: 0 !important;
  }
  .a2t-account-list :is(strong, span, p),
  .a2t-account-technical-value {
    overflow-wrap: anywhere;
  }

  .a2t-subscription-page,
  .a2t-subscription-status {
    min-height: calc(100dvh - var(--a2t-header-height, 64px));
    padding-top: 44px !important;
    padding-bottom: max(64px, calc(48px + env(safe-area-inset-bottom))) !important;
  }
}

@media (max-width: 430px) {
  .a2t-auth-page,
  .a2t-account-page,
  .a2t-mfa-page,
  .a2t-activity-dashboard,
  .a2t-subscription-page,
  .a2t-subscription-status {
    width: min(100% - 32px, var(--a2t-container)) !important;
  }

  .a2t-auth-brand-panel,
  .a2t-auth-card,
  .a2t-subscription-card,
  .a2t-subscription-status .a2t-auth-card {
    padding: 24px 20px !important;
  }
  .a2t-auth-brand-panel::before {
    right: 18px !important;
    bottom: 16px !important;
    font-size: 8px !important;
  }
  .a2t-auth-logo {
    margin-bottom: 24px !important;
  }
  .a2t-auth-brand-panel h1 {
    font-size: clamp(32px, 10vw, 42px) !important;
  }

  /* Marketing bullets are repeated by the form-side context; on narrow
     phones remove that pre-form vertical tax while retaining the brand intro. */
  .a2t-auth-points,
  .a2t-auth-brand-note {
    display: none !important;
  }

  .a2t-auth-card h1,
  .a2t-auth-card h2 {
    font-size: clamp(32px, 10vw, 42px) !important;
  }
  .a2t-auth-row {
    gap: 12px !important;
  }
  .a2t-auth-actions,
  .a2t-account-actions,
  .a2t-mfa-actions-form,
  .a2t-status-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
  .a2t-auth-actions > *,
  .a2t-account-actions > *,
  .a2t-mfa-actions-form > *,
  .a2t-status-actions > * {
    width: 100% !important;
    justify-content: center !important;
  }

  .a2t-account-person {
    grid-template-columns: 58px minmax(0,1fr) !important;
    gap: 14px !important;
  }
  .a2t-account-avatar {
    width: 58px !important;
    height: 58px !important;
  }
  .a2t-account-card,
  .a2t-account-form,
  .a2t-mfa-status-card,
  .a2t-mfa-panel,
  .a2t-mfa-form-card,
  .a2t-mfa-qr-card,
  .a2t-mfa-codes-card,
  .a2t-mfa-confirm-card {
    padding: 20px 18px !important;
  }
  .a2t-mfa-panel-foot {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
  .a2t-mfa-panel-foot > * {
    width: 100% !important;
    justify-content: center !important;
  }
  .a2t-mfa-qr-frame {
    width: min(100%, 248px) !important;
    padding: 14px !important;
  }
  .a2t-activity-card {
    grid-template-columns: 12px minmax(0,1fr) !important;
    gap: 12px !important;
  }
  #subscription .inline-group {
    grid-template-columns: 1fr !important;
  }
  #subscription button {
    width: 100% !important;
  }
}

@media (max-width: 350px) {
  .a2t-auth-page,
  .a2t-account-page,
  .a2t-mfa-page,
  .a2t-activity-dashboard,
  .a2t-subscription-page,
  .a2t-subscription-status {
    width: min(100% - 28px, var(--a2t-container)) !important;
  }
  .a2t-auth-brand-panel,
  .a2t-auth-card {
    padding-inline: 18px !important;
  }
  .a2t-account-person {
    grid-template-columns: 1fr !important;
  }
}