/* ═══════════════════════════════════════════════════════════════════════════
   admin-misc-v9.css — design refresh 2026-05-03
   Releases timeline + Packs pricing + Diagnostics stats + Audit color-codes
   + Settings sticky savebar enhancements.
   Reuses: --arl-*, --aov-*, --text*/*-bg*/*-border* (admin shell vars).
   Light-theme overrides at the bottom.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── Common: hero stats grid (used by releases, diag, audit) ───── */
.am-stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 14px;
  margin: 4px 0 22px;
  min-width: 0;
}
.am-stat {
  position: relative;
  padding: 18px 20px 16px;
  background: linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.01) 100%), var(--arl-card, rgba(15,18,32,.72));
  border: 1px solid var(--arl-card-line, rgba(255,255,255,.08));
  border-radius: 16px;
  overflow: hidden;
  isolation: isolate;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
  min-width: 0;
}
.am-stat::before {
  content: '';
  position: absolute; inset: 0;
  background: radial-gradient(120% 80% at 0% 0%, var(--am-stat-tint, rgba(220,38,38,.10)) 0%, transparent 60%);
  opacity: .9; z-index: -1; pointer-events: none;
}
.am-stat:hover { transform: translateY(-2px); border-color: var(--arl-card-line-strong, rgba(255,255,255,.14)); }
.am-stat__head {
  display: flex; align-items: center; justify-content: space-between;
  gap: 8px; margin-bottom: 12px;
}
.am-stat__label {
  font: 500 .73rem/1 'Inter', system-ui, sans-serif;
  letter-spacing: .04em; text-transform: uppercase;
  color: var(--arl-text-3, #6b7388);
}
.am-stat__icon {
  width: 32px; height: 32px;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--am-stat-tint, rgba(220,38,38,.12));
  color: var(--am-stat-color, #DC2626);
  border-radius: 10px;
  font-size: .85rem;
}
.am-stat__value {
  font: 700 1.85rem/1 'Inter', system-ui, sans-serif;
  letter-spacing: -.02em;
  color: var(--arl-text, #e7eaf4);
  margin-bottom: 4px;
  font-variant-numeric: tabular-nums;
}
.am-stat__sub {
  font: 500 .76rem/1.4 'Inter', system-ui, sans-serif;
  color: var(--arl-text-2, #9ba3b8);
}
.am-stat--accent { --am-stat-tint: rgba(220,38,38,.14); --am-stat-color: #DC2626; }
.am-stat--ok     { --am-stat-tint: rgba(16,185,129,.14); --am-stat-color: #10b981; }
.am-stat--warn   { --am-stat-tint: rgba(245,158,11,.14); --am-stat-color: #f59e0b; }
.am-stat--info   { --am-stat-tint: rgba(59,130,246,.14); --am-stat-color: #3b82f6; }
.am-stat--neutral{ --am-stat-tint: rgba(148,163,184,.16); --am-stat-color: #94a3b8; }
.am-stat--violet { --am-stat-tint: rgba(139,92,246,.14); --am-stat-color: #8b5cf6; }

/* ─── Editorial header (Instrument Serif + serif cursive) ───────── */
.am-hero {
  display: flex; align-items: flex-end; justify-content: space-between;
  gap: 16px; margin: 0 0 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--arl-card-line, rgba(255,255,255,.07));
  flex-wrap: wrap; min-width: 0;
}
.am-hero__title {
  margin: 0;
  font: 400 2.15rem/1.05 'Instrument Serif', 'Crimson Pro', Georgia, serif;
  letter-spacing: -.01em;
  color: var(--arl-text, #e7eaf4);
  display: flex; align-items: center; gap: 12px;
}
.am-hero__title em {
  font-style: italic; color: var(--arl-accent, #DC2626);
  font-family: 'Instrument Serif', Georgia, serif;
}
.am-hero__sub {
  margin: 4px 0 0;
  font: 400 .92rem/1.5 'Inter', system-ui, sans-serif;
  color: var(--arl-text-2, #9ba3b8);
  max-width: 56ch;
}
.am-hero__cta { display: flex; gap: 8px; flex-wrap: wrap; }

/* ─── Releases: vertical timeline (left rail dots) ───────────────── */
.arl-timeline {
  position: relative;
  padding: 8px 0 8px 28px;
  margin: 0 0 22px;
  min-width: 0;
}
.arl-timeline::before {
  content: '';
  position: absolute; left: 9px; top: 16px; bottom: 16px;
  width: 2px;
  background: linear-gradient(180deg,
    var(--arl-accent, #DC2626) 0%,
    var(--arl-card-line-strong, rgba(255,255,255,.18)) 18%,
    var(--arl-card-line, rgba(255,255,255,.08)) 100%);
  border-radius: 2px;
}
.arl-tl-item {
  position: relative;
  padding: 14px 16px 16px 22px;
  margin-bottom: 12px;
  background: var(--arl-card, rgba(15,18,32,.72));
  border: 1px solid var(--arl-card-line, rgba(255,255,255,.08));
  border-radius: 14px;
  cursor: pointer;
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
  min-width: 0;
}
.arl-tl-item:hover {
  transform: translateX(2px);
  border-color: var(--arl-accent-line, rgba(220,38,38,.35));
  background: linear-gradient(180deg, rgba(220,38,38,.04) 0%, var(--arl-card, rgba(15,18,32,.72)) 100%);
}
.arl-tl-item::before {
  content: '';
  position: absolute;
  left: -22px; top: 22px;
  width: 12px; height: 12px;
  border-radius: 50%;
  background: var(--arl-card, #1A1F2E);
  border: 2px solid var(--arl-text-3, #6b7388);
  box-shadow: 0 0 0 4px rgba(0,0,0,.0);
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.arl-tl-item.is-current::before {
  border-color: var(--arl-accent, #DC2626);
  background: var(--arl-accent, #DC2626);
  box-shadow: 0 0 0 4px var(--arl-accent-soft, rgba(220,38,38,.18));
  transform: scale(1.1);
}
.arl-tl-item.is-rolled-back::before {
  border-color: var(--arl-amber, #f59e0b);
  background: var(--arl-amber-soft, rgba(245,158,11,.4));
}
.arl-tl-item.is-beta::before {
  border-color: var(--arl-violet, #8b5cf6);
}
.arl-tl-item__head {
  display: flex; align-items: center; flex-wrap: wrap;
  gap: 8px; margin-bottom: 8px;
}
.arl-tl-item__version {
  font: 700 1.05rem/1 var(--arl-mono, 'JetBrains Mono', monospace);
  color: var(--arl-text, #e7eaf4);
  letter-spacing: -.01em;
}
.arl-tl-item__date {
  margin-left: auto;
  font: 500 .76rem/1 'Inter', sans-serif;
  color: var(--arl-text-3, #6b7388);
  font-variant-numeric: tabular-nums;
}
.arl-tl-item__meta {
  display: flex; flex-wrap: wrap; gap: 10px 14px;
  font: 500 .78rem/1.4 'Inter', sans-serif;
  color: var(--arl-text-2, #9ba3b8);
  margin-bottom: 6px;
}
.arl-tl-item__meta i { color: var(--arl-text-3, #6b7388); margin-right: 5px; font-size: .72rem; }
.arl-tl-item__sha {
  font-family: var(--arl-mono, monospace);
  font-size: .72rem;
  background: var(--arl-bg-soft, rgba(255,255,255,.04));
  border: 1px solid var(--arl-card-line, rgba(255,255,255,.07));
  padding: 2px 6px; border-radius: 4px;
  color: var(--arl-text-2, #9ba3b8);
}
.arl-tl-item__cl {
  margin: 8px 0 0;
  font: 400 .82rem/1.5 'Inter', sans-serif;
  color: var(--arl-text-2, #9ba3b8);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden;
}
.arl-tl-item__cl.is-empty { font-style: italic; opacity: .6; }
.arl-tl-current-banner {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 14px; margin-bottom: 16px;
  background: linear-gradient(90deg, var(--arl-accent-soft, rgba(220,38,38,.14)) 0%, transparent 100%);
  border: 1px solid var(--arl-accent-line, rgba(220,38,38,.35));
  border-left-width: 3px;
  border-radius: 10px;
  font: 500 .85rem/1.4 'Inter', sans-serif;
  color: var(--arl-text, #e7eaf4);
}
.arl-tl-current-banner i { color: var(--arl-accent, #DC2626); }
.arl-tl-current-banner code {
  font-family: var(--arl-mono, monospace);
  font-weight: 700; color: var(--arl-accent, #DC2626);
}

/* ─── View toggle (timeline/grid) ─────────────────────────── */
.am-view-toggle {
  display: inline-flex;
  background: var(--arl-bg-soft, rgba(255,255,255,.04));
  border: 1px solid var(--arl-card-line, rgba(255,255,255,.08));
  border-radius: 10px;
  padding: 3px;
  gap: 2px;
}
.am-view-toggle__btn {
  appearance: none;
  background: transparent;
  border: 0;
  color: var(--arl-text-2, #9ba3b8);
  font: 500 .8rem/1 'Inter', sans-serif;
  padding: 7px 12px;
  border-radius: 7px;
  cursor: pointer;
  display: inline-flex; align-items: center; gap: 6px;
  transition: background .18s ease, color .18s ease;
  min-height: 32px;
}
.am-view-toggle__btn:hover { color: var(--arl-text, #e7eaf4); }
.am-view-toggle__btn.is-active {
  background: var(--arl-card, rgba(255,255,255,.08));
  color: var(--arl-text, #e7eaf4);
  box-shadow: 0 1px 2px rgba(0,0,0,.20);
}

/* ─── Packs: pricing cards (replaces .grid-cols-3 ad-hoc) ─────────── */
.apk-shell { padding: 0; min-width: 0; }
.apk-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 18px;
  margin: 0 0 24px;
  min-width: 0;
}
.apk-card {
  position: relative;
  padding: 24px 22px;
  background: var(--arl-card, rgba(15,18,32,.72));
  border: 1px solid var(--arl-card-line, rgba(255,255,255,.08));
  border-radius: 18px;
  display: flex; flex-direction: column; gap: 14px;
  overflow: hidden; isolation: isolate;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
  min-width: 0;
}
.apk-card::before {
  content: '';
  position: absolute; inset: 0 0 auto 0;
  height: 4px;
  background: var(--apk-accent, #DC2626);
  z-index: 1;
}
.apk-card::after {
  content: '';
  position: absolute; inset: 0;
  background: radial-gradient(80% 50% at 100% 0%, var(--apk-tint, rgba(220,38,38,.10)) 0%, transparent 70%);
  opacity: .9; z-index: -1; pointer-events: none;
}
.apk-card:hover {
  transform: translateY(-3px);
  border-color: var(--apk-accent, rgba(220,38,38,.4));
  box-shadow: 0 12px 36px rgba(0,0,0,.30);
}
.apk-card--essentiel { --apk-accent: #DC2626; --apk-tint: rgba(220,38,38,.10); }
.apk-card--pro { --apk-accent: #8b5cf6; --apk-tint: rgba(139,92,246,.10); }
.apk-card--ultimate { --apk-accent: #10b981; --apk-tint: rgba(16,185,129,.10); }

.apk-card__head {
  display: flex; align-items: center; justify-content: space-between;
  gap: 8px; margin-top: 4px;
}
.apk-card__name {
  margin: 0;
  font: 600 1.15rem/1.2 'Inter', sans-serif;
  letter-spacing: -.01em;
  color: var(--arl-text, #e7eaf4);
}
.apk-card__key {
  font: 600 10px/1 var(--arl-mono, monospace);
  letter-spacing: .08em; text-transform: uppercase;
  padding: 4px 8px; border-radius: 999px;
  background: var(--arl-bg-soft, rgba(255,255,255,.04));
  color: var(--arl-text-3, #6b7388);
  border: 1px solid var(--arl-card-line, rgba(255,255,255,.08));
}
.apk-card__price {
  display: flex; align-items: baseline; gap: 6px;
  margin: 4px 0 4px;
}
.apk-card__price-amount {
  font: 700 2.2rem/1 'Instrument Serif', Georgia, serif;
  letter-spacing: -.02em;
  color: var(--apk-accent, #DC2626);
  font-variant-numeric: tabular-nums;
}
.apk-card__price-cur {
  font: 500 .9rem/1 'Inter', sans-serif;
  color: var(--arl-text-2, #9ba3b8);
  text-transform: uppercase; letter-spacing: .02em;
}
.apk-card__price-period {
  font: 400 .82rem/1 'Inter', sans-serif;
  color: var(--arl-text-3, #6b7388);
  margin-left: 2px;
}
.apk-card__desc {
  margin: 0; font: 400 .85rem/1.55 'Inter', sans-serif;
  color: var(--arl-text-2, #9ba3b8);
  min-height: 2.4em;
}
.apk-card__feats {
  list-style: none; margin: 4px 0; padding: 0;
  display: flex; flex-direction: column; gap: 7px;
  border-top: 1px dashed var(--arl-card-line, rgba(255,255,255,.07));
  padding-top: 12px;
}
.apk-card__feat {
  display: flex; align-items: center; gap: 9px;
  font: 500 .82rem/1.4 'Inter', sans-serif;
  color: var(--arl-text, #e7eaf4);
}
.apk-card__feat i {
  color: var(--apk-accent, #DC2626);
  font-size: .8rem; flex-shrink: 0;
}
.apk-card__feat.is-off {
  color: var(--arl-text-3, #6b7388);
  text-decoration: line-through;
}
.apk-card__feat.is-off i { color: var(--arl-text-3, #6b7388); opacity: .4; }
.apk-edit-form { display: none; }
.apk-card.is-editing .apk-edit-form { display: flex; flex-direction: column; gap: 10px; margin-top: 4px; }
.apk-card.is-editing .apk-card__view { display: none; }
.apk-edit-form input,
.apk-edit-form textarea {
  background: var(--arl-bg-soft, rgba(255,255,255,.04));
  border: 1px solid var(--arl-card-line-strong, rgba(255,255,255,.12));
  color: var(--arl-text, #e7eaf4);
  padding: 9px 11px;
  border-radius: 9px;
  font: 500 .85rem/1.3 'Inter', sans-serif;
  width: 100%; box-sizing: border-box;
  min-height: 40px;
}
.apk-edit-form input:focus,
.apk-edit-form textarea:focus {
  outline: none;
  border-color: var(--arl-accent, #DC2626);
  box-shadow: 0 0 0 3px var(--arl-accent-soft, rgba(220,38,38,.18));
}
.apk-edit-form label {
  font: 500 .72rem/1 'Inter', sans-serif;
  letter-spacing: .04em; text-transform: uppercase;
  color: var(--arl-text-3, #6b7388);
  margin-bottom: -4px;
}
.apk-prod-toggle {
  display: flex; align-items: center; gap: 10px;
  padding: 8px 10px;
  background: var(--arl-bg-soft, rgba(255,255,255,.04));
  border: 1px solid var(--arl-card-line, rgba(255,255,255,.08));
  border-radius: 9px;
  cursor: pointer;
  font: 500 .82rem/1.3 'Inter', sans-serif;
  color: var(--arl-text-2, #9ba3b8);
  transition: border-color .18s ease, color .18s ease, background .18s ease;
}
.apk-prod-toggle:has(input:checked) {
  border-color: var(--apk-accent, rgba(220,38,38,.5));
  color: var(--arl-text, #e7eaf4);
  background: var(--apk-tint, rgba(220,38,38,.08));
}
.apk-prod-toggle input { accent-color: var(--apk-accent, #DC2626); width: 16px; height: 16px; }
.apk-card__cta {
  display: flex; gap: 8px; margin-top: 8px;
  flex-wrap: wrap;
}
.apk-btn {
  appearance: none; cursor: pointer;
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid var(--arl-card-line-strong, rgba(255,255,255,.12));
  background: var(--arl-bg-soft, rgba(255,255,255,.04));
  color: var(--arl-text, #e7eaf4);
  font: 500 .82rem/1 'Inter', sans-serif;
  display: inline-flex; align-items: center; gap: 7px;
  min-height: 40px;
  transition: background .18s ease, border-color .18s ease, transform .15s ease;
  flex: 1; justify-content: center;
}
.apk-btn:hover { background: var(--arl-card-line, rgba(255,255,255,.08)); border-color: var(--arl-card-line-strong, rgba(255,255,255,.18)); transform: translateY(-1px); }
.apk-btn--primary {
  background: var(--apk-accent, #DC2626);
  border-color: var(--apk-accent, #DC2626);
  color: #FFFFFF;
}
.apk-btn--primary:hover { filter: brightness(1.08); }
.apk-btn--ghost {
  background: transparent; border-color: transparent; color: var(--arl-text-2, #9ba3b8);
}
.apk-btn--ghost:hover { color: var(--arl-text, #e7eaf4); background: var(--arl-bg-soft, rgba(255,255,255,.04)); }

/* ─── Diagnostics & Audit: light surcharges ─────────────────────── */
.adg-stats-row,
.aud-stats-row {
  margin-bottom: 18px;
}

/* Audit color-code by action variant — extends existing .aud-pill */
.aud-pill--auth     { background: var(--aov-blue-soft, rgba(59,130,246,.12)); color: #60a5fa; border: 1px solid rgba(59,130,246,.30); }
.aud-pill--delete,
.aud-pill--danger   { background: var(--aov-red-soft, rgba(220,38,38,.12)); color: #FCA5A5; border: 1px solid rgba(220,38,38,.30); }
.aud-pill--edit     { background: var(--aov-amber-soft, rgba(245,158,11,.12)); color: #FCD34D; border: 1px solid rgba(245,158,11,.30); }
.aud-pill--create   { background: var(--aov-emerald-soft, rgba(16,185,129,.12)); color: #6EE7B7; border: 1px solid rgba(16,185,129,.30); }
.aud-pill--license  { background: rgba(139,92,246,.12); color: #C4B5FD; border: 1px solid rgba(139,92,246,.30); }
.aud-pill--newsletter { background: rgba(236,72,153,.12); color: #F9A8D4; border: 1px solid rgba(236,72,153,.30); }

/* ─── Settings: collapsible sections + toggle switches ───────────── */
.ast-section {
  background: var(--arl-card, rgba(15,18,32,.72));
  border: 1px solid var(--arl-card-line, rgba(255,255,255,.08));
  border-radius: 16px;
  margin-bottom: 14px;
  overflow: hidden;
  transition: border-color .18s ease;
  min-width: 0;
}
.ast-section:hover { border-color: var(--arl-card-line-strong, rgba(255,255,255,.12)); }
.ast-section__head {
  display: flex; align-items: center; gap: 14px;
  padding: 16px 20px;
  cursor: pointer;
  user-select: none;
  background: linear-gradient(180deg, rgba(255,255,255,.02) 0%, transparent 100%);
  border-bottom: 1px solid transparent;
  transition: border-color .25s ease, background .25s ease;
}
.ast-section.is-open .ast-section__head {
  border-bottom-color: var(--arl-card-line, rgba(255,255,255,.07));
}
.ast-section__icon {
  width: 36px; height: 36px;
  flex-shrink: 0;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--arl-accent-soft, rgba(220,38,38,.14));
  color: var(--arl-accent, #DC2626);
  border-radius: 10px;
  font-size: .95rem;
}
.ast-section__title-block { flex: 1; min-width: 0; }
.ast-section__title {
  margin: 0;
  font: 600 .98rem/1.3 'Inter', sans-serif;
  color: var(--arl-text, #e7eaf4);
}
.ast-section__sub {
  margin: 2px 0 0;
  font: 400 .78rem/1.4 'Inter', sans-serif;
  color: var(--arl-text-3, #6b7388);
}
.ast-section__chevron {
  width: 28px; height: 28px;
  display: inline-flex; align-items: center; justify-content: center;
  color: var(--arl-text-3, #6b7388);
  transition: transform .25s ease, color .25s ease;
  font-size: .8rem;
}
.ast-section.is-open .ast-section__chevron { transform: rotate(180deg); color: var(--arl-text, #e7eaf4); }
.ast-section__body {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px 18px;
  padding: 18px 20px 22px;
  max-height: 0; overflow: hidden;
  opacity: 0;
  transition: max-height .35s ease, opacity .25s ease, padding .25s ease;
  padding-top: 0; padding-bottom: 0;
}
.ast-section.is-open .ast-section__body {
  max-height: 1600px;
  opacity: 1;
  padding-top: 18px; padding-bottom: 22px;
}

/* Toggle switch (replaces select Yes/No) */
.ast-switch {
  position: relative;
  display: inline-flex; align-items: center;
  cursor: pointer; user-select: none;
  width: 44px; height: 26px;
  flex-shrink: 0;
}
.ast-switch input { opacity: 0; width: 0; height: 0; position: absolute; }
.ast-switch__slider {
  position: absolute; inset: 0;
  background: var(--arl-card-line-strong, rgba(255,255,255,.18));
  border-radius: 999px;
  transition: background .22s ease;
}
.ast-switch__slider::before {
  content: '';
  position: absolute;
  top: 3px; left: 3px;
  width: 20px; height: 20px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0,0,0,.25);
  transition: transform .25s cubic-bezier(.4,.0,.2,1);
}
.ast-switch input:checked + .ast-switch__slider {
  background: var(--arl-accent, #DC2626);
}
.ast-switch input:checked + .ast-switch__slider::before {
  transform: translateX(18px);
}
.ast-switch input:focus-visible + .ast-switch__slider {
  outline: 2px solid var(--arl-accent, #DC2626);
  outline-offset: 2px;
}
.ast-field--switch {
  display: flex; align-items: center; justify-content: space-between;
  gap: 14px;
}
.ast-field--switch > label {
  flex: 1; min-width: 0;
}

/* Sticky savebar at bottom of viewport */
.ast-savebar {
  position: sticky;
  bottom: 12px;
  z-index: 50;
  display: flex; align-items: center; gap: 12px;
  padding: 12px 16px;
  margin-top: 22px;
  background: var(--arl-card, rgba(15,18,32,.92));
  border: 1px solid var(--arl-card-line-strong, rgba(255,255,255,.14));
  border-radius: 14px;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 12px 36px rgba(0,0,0,.35);
}
.ast-savebar__hint {
  font: 500 .82rem/1 'Inter', sans-serif;
  color: var(--arl-text-3, #6b7388);
  flex: 1;
}
.ast-savebar__hint.is-dirty {
  color: var(--arl-amber, #f59e0b);
  font-weight: 600;
}
.ast-savebar__hint.is-dirty::before {
  content: '';
  display: inline-block;
  width: 8px; height: 8px;
  background: var(--arl-amber, #f59e0b);
  border-radius: 50%;
  margin-right: 8px;
  vertical-align: middle;
  animation: am-pulse 1.6s ease-in-out infinite;
}
@keyframes am-pulse {
  0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(245,158,11,.6); }
  50% { opacity: .7; box-shadow: 0 0 0 6px rgba(245,158,11,0); }
}

/* Settings field styling (extends existing .ast-field) */
.ast-section__body .ast-field {
  display: flex; flex-direction: column; gap: 6px;
  min-width: 0;
}
.ast-section__body .ast-field--full { grid-column: 1 / -1; }
.ast-section__body .ast-field > label {
  font: 500 .73rem/1 'Inter', sans-serif;
  letter-spacing: .04em; text-transform: uppercase;
  color: var(--arl-text-3, #6b7388);
}
.ast-section__body .ast-field input[type="text"],
.ast-section__body .ast-field input[type="email"],
.ast-section__body .ast-field input[type="tel"],
.ast-section__body .ast-field input[type="number"],
.ast-section__body .ast-field input[type="time"],
.ast-section__body .ast-field input[type="url"],
.ast-section__body .ast-field input[type="password"],
.ast-section__body .ast-field select,
.ast-section__body .ast-field textarea {
  background: var(--arl-bg-soft, rgba(255,255,255,.04));
  border: 1px solid var(--arl-card-line-strong, rgba(255,255,255,.12));
  color: var(--arl-text, #e7eaf4);
  padding: 10px 12px;
  border-radius: 10px;
  font: 500 .9rem/1.3 'Inter', sans-serif;
  width: 100%; box-sizing: border-box;
  min-height: 42px;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.ast-section__body .ast-field input:focus,
.ast-section__body .ast-field select:focus,
.ast-section__body .ast-field textarea:focus {
  outline: none;
  border-color: var(--arl-accent, #DC2626);
  box-shadow: 0 0 0 3px var(--arl-accent-soft, rgba(220,38,38,.16));
  background: var(--arl-card, rgba(15,18,32,.85));
}
.ast-section__body .ast-field textarea { min-height: 80px; resize: vertical; font-family: 'Inter', sans-serif; }
.ast-section__body .ast-field__hint {
  font: 400 .72rem/1.4 'Inter', sans-serif;
  color: var(--arl-text-3, #6b7388);
  margin-top: 2px;
}

.ast-btn {
  appearance: none; cursor: pointer;
  padding: 10px 16px;
  border-radius: 10px;
  border: 1px solid var(--arl-card-line-strong, rgba(255,255,255,.12));
  background: var(--arl-bg-soft, rgba(255,255,255,.04));
  color: var(--arl-text, #e7eaf4);
  font: 500 .85rem/1 'Inter', sans-serif;
  display: inline-flex; align-items: center; gap: 7px;
  min-height: 40px;
  transition: background .18s ease, border-color .18s ease, transform .15s ease;
}
.ast-btn:hover { background: var(--arl-card-line, rgba(255,255,255,.08)); transform: translateY(-1px); }
.ast-btn--primary {
  background: var(--arl-accent, #DC2626);
  border-color: var(--arl-accent, #DC2626);
  color: #FFFFFF;
}
.ast-btn--primary:hover { filter: brightness(1.08); }

/* ─── Light theme overrides ───────────────────────────────── */
[data-theme="light"] .am-stat {
  background: linear-gradient(180deg, #FFFEF8 0%, rgba(255,254,248,.85) 100%);
  border-color: rgba(20,18,12,.10);
  box-shadow: 0 1px 2px rgba(120,80,40,.06);
}
[data-theme="light"] .am-stat:hover { box-shadow: 0 4px 16px rgba(120,80,40,.12); border-color: rgba(20,18,12,.18); }
[data-theme="light"] .am-stat__value { color: #1A1A1F; }
[data-theme="light"] .am-stat__label { color: #6F6E6A; }
[data-theme="light"] .am-stat__sub { color: #3B3B3D; }
[data-theme="light"] .am-stat__icon { background: rgba(220,38,38,.10); color: #991B1B; }
[data-theme="light"] .am-stat--ok .am-stat__icon { background: rgba(16,185,129,.10); color: #047857; }
[data-theme="light"] .am-stat--warn .am-stat__icon { background: rgba(245,158,11,.10); color: #B45309; }
[data-theme="light"] .am-stat--info .am-stat__icon { background: rgba(59,130,246,.10); color: #1D4ED8; }
[data-theme="light"] .am-stat--violet .am-stat__icon { background: rgba(139,92,246,.10); color: #6D28D9; }
[data-theme="light"] .am-stat--neutral .am-stat__icon { background: rgba(148,163,184,.14); color: #475569; }

[data-theme="light"] .am-hero { border-color: rgba(20,18,12,.10); }
[data-theme="light"] .am-hero__title { color: #1A1A1F; }
[data-theme="light"] .am-hero__title em { color: #991B1B; }
[data-theme="light"] .am-hero__sub { color: #3B3B3D; }

[data-theme="light"] .arl-timeline::before {
  background: linear-gradient(180deg, #DC2626 0%, rgba(20,18,12,.18) 18%, rgba(20,18,12,.08) 100%);
}
[data-theme="light"] .arl-tl-item {
  background: #FFFEF8;
  border-color: rgba(20,18,12,.10);
}
[data-theme="light"] .arl-tl-item:hover {
  background: linear-gradient(180deg, rgba(220,38,38,.04) 0%, #FFFEF8 100%);
  border-color: rgba(220,38,38,.32);
}
[data-theme="light"] .arl-tl-item::before {
  background: #FFFEF8;
  border-color: #6F6E6A;
}
[data-theme="light"] .arl-tl-item.is-current::before { background: #DC2626; border-color: #DC2626; box-shadow: 0 0 0 4px rgba(220,38,38,.18); }
[data-theme="light"] .arl-tl-item__version { color: #1A1A1F; }
[data-theme="light"] .arl-tl-item__date { color: #6F6E6A; }
[data-theme="light"] .arl-tl-item__meta { color: #3B3B3D; }
[data-theme="light"] .arl-tl-item__meta i { color: #6F6E6A; }
[data-theme="light"] .arl-tl-item__sha { background: rgba(20,18,12,.04); border-color: rgba(20,18,12,.08); color: #3B3B3D; }
[data-theme="light"] .arl-tl-item__cl { color: #3B3B3D; }
[data-theme="light"] .arl-tl-current-banner {
  background: linear-gradient(90deg, rgba(220,38,38,.10) 0%, transparent 100%);
  border-color: rgba(220,38,38,.32);
  color: #1A1A1F;
}
[data-theme="light"] .arl-tl-current-banner i,
[data-theme="light"] .arl-tl-current-banner code { color: #991B1B; }

[data-theme="light"] .am-view-toggle { background: rgba(20,18,12,.04); border-color: rgba(20,18,12,.10); }
[data-theme="light"] .am-view-toggle__btn { color: #6F6E6A; }
[data-theme="light"] .am-view-toggle__btn:hover { color: #1A1A1F; }
[data-theme="light"] .am-view-toggle__btn.is-active { background: #FFFEF8; color: #1A1A1F; box-shadow: 0 1px 2px rgba(120,80,40,.10); }

[data-theme="light"] .apk-card { background: #FFFEF8; border-color: rgba(20,18,12,.10); }
[data-theme="light"] .apk-card:hover { box-shadow: 0 8px 28px rgba(120,80,40,.16); }
[data-theme="light"] .apk-card__name { color: #1A1A1F; }
[data-theme="light"] .apk-card__key { background: rgba(20,18,12,.04); color: #6F6E6A; border-color: rgba(20,18,12,.10); }
[data-theme="light"] .apk-card__price-amount { color: #991B1B; }
[data-theme="light"] .apk-card--pro .apk-card__price-amount { color: #6D28D9; }
[data-theme="light"] .apk-card--ultimate .apk-card__price-amount { color: #047857; }
[data-theme="light"] .apk-card__price-cur { color: #3B3B3D; }
[data-theme="light"] .apk-card__price-period { color: #6F6E6A; }
[data-theme="light"] .apk-card__desc { color: #3B3B3D; }
[data-theme="light"] .apk-card__feats { border-color: rgba(20,18,12,.10); }
[data-theme="light"] .apk-card__feat { color: #1A1A1F; }
[data-theme="light"] .apk-card__feat.is-off { color: #6F6E6A; }
[data-theme="light"] .apk-edit-form input,
[data-theme="light"] .apk-edit-form textarea {
  background: #FFFEF8; border-color: rgba(20,18,12,.16); color: #1A1A1F;
}
[data-theme="light"] .apk-edit-form label { color: #6F6E6A; }
[data-theme="light"] .apk-prod-toggle { background: rgba(20,18,12,.03); border-color: rgba(20,18,12,.10); color: #3B3B3D; }
[data-theme="light"] .apk-prod-toggle:has(input:checked) { background: rgba(220,38,38,.06); color: #1A1A1F; border-color: rgba(220,38,38,.40); }
[data-theme="light"] .apk-btn { background: rgba(20,18,12,.03); color: #1A1A1F; border-color: rgba(20,18,12,.12); }
[data-theme="light"] .apk-btn:hover { background: rgba(20,18,12,.06); }
[data-theme="light"] .apk-btn--primary { background: #DC2626; border-color: #DC2626; color: #FFF; }
[data-theme="light"] .apk-btn--ghost { background: transparent; border-color: transparent; color: #3B3B3D; }
[data-theme="light"] .apk-btn--ghost:hover { color: #1A1A1F; background: rgba(20,18,12,.03); }

[data-theme="light"] .ast-section { background: #FFFEF8; border-color: rgba(20,18,12,.10); }
[data-theme="light"] .ast-section__head { background: linear-gradient(180deg, rgba(20,18,12,.02) 0%, transparent 100%); }
[data-theme="light"] .ast-section.is-open .ast-section__head { border-bottom-color: rgba(20,18,12,.10); }
[data-theme="light"] .ast-section__icon { background: rgba(220,38,38,.10); color: #991B1B; }
[data-theme="light"] .ast-section__title { color: #1A1A1F; }
[data-theme="light"] .ast-section__sub { color: #6F6E6A; }
[data-theme="light"] .ast-section__chevron { color: #6F6E6A; }
[data-theme="light"] .ast-section.is-open .ast-section__chevron { color: #1A1A1F; }
[data-theme="light"] .ast-section__body .ast-field > label { color: #6F6E6A; }
[data-theme="light"] .ast-section__body .ast-field input,
[data-theme="light"] .ast-section__body .ast-field select,
[data-theme="light"] .ast-section__body .ast-field textarea {
  background: #FAF7EE; border-color: rgba(20,18,12,.16); color: #1A1A1F;
}
[data-theme="light"] .ast-section__body .ast-field input:focus,
[data-theme="light"] .ast-section__body .ast-field select:focus,
[data-theme="light"] .ast-section__body .ast-field textarea:focus {
  background: #FFFEF8; border-color: #DC2626;
}
[data-theme="light"] .ast-section__body .ast-field__hint { color: #6F6E6A; }
[data-theme="light"] .ast-switch__slider { background: rgba(20,18,12,.18); }
[data-theme="light"] .ast-switch input:checked + .ast-switch__slider { background: #DC2626; }
[data-theme="light"] .ast-savebar { background: rgba(255,254,248,.94); border-color: rgba(20,18,12,.16); box-shadow: 0 12px 36px rgba(120,80,40,.18); }
[data-theme="light"] .ast-savebar__hint { color: #6F6E6A; }
[data-theme="light"] .ast-savebar__hint.is-dirty { color: #B45309; }
[data-theme="light"] .ast-btn { background: rgba(20,18,12,.03); color: #1A1A1F; border-color: rgba(20,18,12,.12); }
[data-theme="light"] .ast-btn:hover { background: rgba(20,18,12,.06); }
[data-theme="light"] .ast-btn--primary { background: #DC2626; border-color: #DC2626; color: #FFF; }

/* Audit pill light overrides */
[data-theme="light"] .aud-pill--auth { color: #1D4ED8; background: rgba(59,130,246,.10); border-color: rgba(59,130,246,.32); }
[data-theme="light"] .aud-pill--delete,
[data-theme="light"] .aud-pill--danger { color: #991B1B; background: rgba(220,38,38,.10); border-color: rgba(220,38,38,.32); }
[data-theme="light"] .aud-pill--edit { color: #B45309; background: rgba(245,158,11,.10); border-color: rgba(245,158,11,.32); }
[data-theme="light"] .aud-pill--create { color: #047857; background: rgba(16,185,129,.10); border-color: rgba(16,185,129,.32); }
[data-theme="light"] .aud-pill--license { color: #6D28D9; background: rgba(139,92,246,.10); border-color: rgba(139,92,246,.32); }
[data-theme="light"] .aud-pill--newsletter { color: #BE185D; background: rgba(236,72,153,.10); border-color: rgba(236,72,153,.32); }

/* ─── Mobile compaction ─────────────────────────────────────── */
@media (max-width: 700px) {
  .am-stats-grid { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 10px; }
  .am-stat { padding: 14px 14px 12px; }
  .am-stat__value { font-size: 1.5rem; }
  .am-hero__title { font-size: 1.6rem; }
  .arl-timeline { padding-left: 22px; }
  .arl-timeline::before { left: 7px; }
  .arl-tl-item::before { left: -19px; width: 10px; height: 10px; }
  .apk-card { padding: 20px 18px; }
  .ast-section__head { padding: 14px 16px; gap: 10px; }
  .ast-section__icon { width: 32px; height: 32px; font-size: .85rem; }
  .ast-section__body { padding: 16px; gap: 12px; }
  .ast-savebar { flex-wrap: wrap; gap: 8px; padding: 10px 12px; bottom: 8px; }
  .ast-savebar .ast-btn { flex: 1; min-width: 0; justify-content: center; }
}

/* No scroll-x guard */
.am-stats-grid,
.arl-timeline,
.arl-tl-item,
.apk-grid,
.apk-card,
.ast-section,
.ast-section__body { max-width: 100%; min-width: 0; }