/* Super-admin console: dense metadata views, deliberately plain — this screen is
   about seeing the state of the platform, not about delight. */
.plat-tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (min-width: 640px) { .plat-tiles { grid-template-columns: repeat(4, 1fr); } }
.plat-tile { display: flex; flex-direction: column; gap: 2px; position: relative; }
.plat-tile .v { font-size: 26px; font-weight: 650; font-variant-numeric: tabular-nums; }
.plat-tile .k { font-size: 13px; color: var(--ink2); }
.plat-tile .d { font-size: 12px; color: var(--ink3); margin-top: 4px; }
.plat-tile.warn .v { color: var(--bad); }
.plat-tile .badge {
  position: absolute; top: 10px; right: 10px; min-width: 20px; height: 20px;
  padding: 0 6px; border-radius: 999px; background: var(--bad); color: #fff;
  font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center;
}
.plat-amt { display: flex; flex-direction: column; align-items: flex-end; flex: none; }
.plat-links { display: flex; flex-direction: column; gap: 10px; margin-top: 8px; }

/* status pills */
.pill { display: inline-block; padding: 1px 8px; border-radius: 999px; font-size: 11px;
  font-weight: 700; text-transform: uppercase; letter-spacing: .03em; vertical-align: middle;
  background: var(--surface); color: var(--ink2); }
.pill.suspended, .pill.rejected { background: color-mix(in srgb, var(--s4) 22%, var(--surface)); color: var(--s4); }
.pill.deleted, .pill.expired { background: color-mix(in srgb, var(--bad) 18%, var(--surface)); color: var(--bad); }
.pill.support { background: color-mix(in srgb, var(--accent) 18%, var(--surface)); color: var(--accent); }
.pill.approved { background: color-mix(in srgb, var(--good) 18%, var(--surface)); color: var(--good); }

/* radio rows in settings */
.radio-row { display: flex; gap: 10px; align-items: flex-start; padding: 10px 0;
  border-bottom: 1px solid var(--border); }
.radio-row:last-of-type { border-bottom: 0; }
.radio-row input { margin-top: 3px; width: auto; min-height: auto; flex: none; }
.radio-row span { display: block; }
.radio-row .small { display: block; margin-top: 2px; }

/* honeypot: off-screen, never display:none (bots skip hidden fields) */
.hp-field { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* long-form policy pages */
.prose { max-width: 46rem; }
.prose h2 { font-size: 17px; margin: 22px 0 6px; }
.prose p, .prose li { line-height: 1.55; }
.prose ul { padding-left: 20px; margin: 8px 0; }
.prose li { margin: 6px 0; }