/* ============================================================
   asaro.xyz — DESIGN SYSTEM
   Leitidee: Die Seite liest sich wie ein gepflegtes Server-Dashboard.
   Monospace für Labels/Status (Terminal-Vokabular), Sans für Lesetext.
   Statuszeilen (systemctl-Optik) sind das wiederkehrende Signature-Element.

   WICHTIG: Es werden keinerlei externe Ressourcen geladen — keine Google
   Fonts, kein CDN, kein Bootstrap-Link. Es werden ausschließlich lokale
   Systemschrift-Stacks verwendet.
   ============================================================ */

/* ---- Systemschrift-Stacks, keine externen Font-Dateien ---- */

:root {
  /* Farben */
  --bg:            #12161c;
  --bg-alt:        #0e1116;
  --surface:       #1a2029;
  --surface-2:     #212836;
  --border:        #2a323e;
  --border-soft:   #232a35;

  --text:          #e7ebf0;
  --text-muted:    #aab4c1;
  --text-faint:    #8f9aa8;

  --accent:        #62dfbd;   /* teal — aktiv / primär */
  --accent-dim:    #3f9d84;
  --accent-green:  #62dfbd;
  --accent-amber:  #e8a64c;   /* amber — hinweis / gameserver */
  --accent-red:    #e8615c;   /* rot — fehler / offline */
  --accent-blue:   #6fa8dc;   /* blau — links im Fließtext */

  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;
  --font-sans: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  --radius-sm: 4px;
  --radius: 8px;
  --radius-lg: 14px;

  --container: 1160px;
}

/* Reset */
* { box-sizing: border-box; }
html { scroll-behavior: auto; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
ul { list-style: none; margin: 0; padding: 0; }
h1, h2, h3, h4 { font-family: var(--font-sans); font-weight: 600; line-height: 1.2; margin: 0 0 .5em; }
p { margin: 0 0 1em; }
button { font-family: inherit; cursor: pointer; }

::selection { background: var(--accent); color: #06110d; }

:focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 3px;
  border-radius: 2px;
}

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

.container {
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 24px;
}

/* Utility-Text im "Terminal"-Vokabular */
.eyebrow, .section-label {
  display: inline-block;
  font-family: var(--font-mono);
  font-size: .8rem;
  letter-spacing: .02em;
  color: var(--accent);
  margin-bottom: 14px;
}
.section-label { color: var(--text-muted); }

.accent { color: var(--accent); }

/* ============================================================
   DEMO-HINWEIS
   ============================================================ */
.demo-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  background: var(--accent-red);
  color: #2a0806;
  text-align: center;
  padding: 10px 16px;
  font-family: var(--font-mono);
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .01em;
}
.demo-banner svg { flex-shrink: 0; }
.demo-banner strong { font-weight: 700; }

/* ============================================================
   HEADER
   ============================================================ */
.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(18, 22, 28, .88);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--border-soft);
}
.header-inner {
  display: flex;
  align-items: center;
  gap: 28px;
  height: 68px;
}
.logo {
  font-family: var(--font-mono);
  font-size: .98rem;
  font-weight: 500;
  color: var(--text);
  white-space: nowrap;
  margin-right: auto;
}
.logo-prompt { color: var(--text); }
.logo-cursor { color: var(--accent); }
.logo-cursor::after {
  content: '_';
  animation: blink 1.1s steps(1) infinite;
}
@keyframes blink { 50% { opacity: 0; } }

.main-nav {
  display: flex;
  align-items: center;
  gap: 26px;
}
.main-nav a {
  font-size: .93rem;
  color: var(--text-muted);
  transition: color .15s ease;
  white-space: nowrap;
}
.main-nav a:hover, .main-nav a.is-active { color: var(--text); }

.header-actions { display: flex; align-items: center; gap: 12px; }

.nav-toggle {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 38px;
  height: 38px;
  background: transparent;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
}
.nav-toggle span {
  display: block;
  height: 2px;
  margin: 0 8px;
  background: var(--text-muted);
}

/* ============================================================
   BUTTONS
   ============================================================ */
.btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-mono);
  font-size: .86rem;
  font-weight: 500;
  padding: 10px 18px;
  border-radius: var(--radius-sm);
  border: 1px solid transparent;
  transition: all .15s ease;
}
.btn-solid { background: var(--accent); color: #06120e; }
.btn-solid:hover { background: #6fe0c2; }
.btn-ghost { border-color: var(--border); color: var(--text); }
.btn-ghost:hover { border-color: var(--accent); color: var(--accent); }
.btn-lg { padding: 13px 24px; font-size: .92rem; }
.btn-block { width: 100%; justify-content: center; }
.btn-danger-ghost { border-color: var(--accent-red); color: var(--accent-red); }
.btn-danger-ghost:hover { background: var(--accent-red); color: #1a0b0a; }
.btn[disabled] { opacity: .5; cursor: not-allowed; }

/* ============================================================
   HERO
   ============================================================ */
.hero {
  position: relative;
  padding: 92px 0 64px;
  border-bottom: 1px solid var(--border-soft);
  background:
    radial-gradient(680px 320px at 85% -10%, rgba(79,209,174,.08), transparent 70%),
    var(--bg);
  overflow: hidden;
}
.hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(var(--border-soft) 1px, transparent 1px),
    linear-gradient(90deg, var(--border-soft) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: radial-gradient(600px 340px at 78% 0%, black, transparent 75%);
  opacity: .5;
  pointer-events: none;
}
.hero-inner { position: relative; max-width: 760px; }
.hero h1 {
  font-size: clamp(2.1rem, 4.4vw, 3.4rem);
  letter-spacing: -.01em;
}
.hero-lede {
  font-size: 1.08rem;
  color: var(--text-muted);
  max-width: 58ch;
}
.hero-actions { display: flex; gap: 14px; margin-top: 28px; flex-wrap: wrap; }

/* Dekoratives Terminal-Fenster (reines CSS/HTML, keine externen Assets) */
.hero-terminal {
  position: relative;
  max-width: 560px;
  margin-top: 44px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: 0 24px 60px -20px rgba(0,0,0,.5);
}
.hero-terminal .tw-bar {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 10px 14px;
  background: var(--surface-2);
  border-bottom: 1px solid var(--border);
}
.hero-terminal .tw-dot { width: 9px; height: 9px; border-radius: 50%; }
.tw-dot.r { background: var(--accent-red); }
.tw-dot.a { background: var(--accent-amber); }
.tw-dot.g { background: var(--accent); }
.hero-terminal .tw-title {
  margin-left: 6px;
  font-family: var(--font-mono);
  font-size: .74rem;
  color: var(--text-faint);
}
.hero-terminal .tw-body {
  padding: 18px 20px 22px;
  font-family: var(--font-mono);
  font-size: .86rem;
  line-height: 1.9;
}
.tw-body .tw-line { color: var(--text-muted); }
.tw-body .tw-prompt { color: var(--accent); }
.tw-body .tw-out { color: var(--text); }
.tw-body .tw-comment { color: var(--text-faint); }
.tw-caret {
  display: inline-block;
  width: 7px; height: 15px;
  margin-left: 2px;
  background: var(--accent);
  vertical-align: text-bottom;
  animation: blink 1s steps(1) infinite;
}

.page-hero {
  padding: 56px 0 40px;
  border-bottom: 1px solid var(--border-soft);
}
.page-hero h1 { font-size: clamp(1.8rem, 3.4vw, 2.6rem); }
.page-hero .lede { color: var(--text-muted); max-width: 62ch; font-size: 1.02rem; }

/* ============================================================
   STATUS PANEL (Signature-Element)
   ============================================================ */
.status-panel { padding: 56px 0; }
.status-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  background: var(--border);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow: hidden;
}
.status-row {
  display: grid;
  grid-template-columns: auto auto 1fr;
  align-items: start;
  gap: 4px 12px;
  padding: 20px 22px;
  background: var(--surface);
  transition: background .15s ease;
}
.status-row:hover { background: var(--surface-2); }
.status-dot {
  width: 9px; height: 9px;
  border-radius: 50%;
  margin-top: 6px;
  box-shadow: 0 0 0 3px transparent;
}
.dot-active { background: var(--accent); box-shadow: 0 0 0 3px rgba(79,209,174,.15); }
.dot-amber  { background: var(--accent-amber); box-shadow: 0 0 0 3px rgba(232,166,76,.15); }
.dot-ext    { background: var(--accent-blue); box-shadow: 0 0 0 3px rgba(111,168,220,.15); }
.status-name {
  font-family: var(--font-mono);
  font-size: .92rem;
  grid-column: 2;
}
.status-state {
  grid-column: 3;
  font-family: var(--font-mono);
  font-size: .78rem;
  color: var(--accent);
  justify-self: end;
}
.status-desc {
  grid-column: 2 / 4;
  color: var(--text-muted);
  font-size: .9rem;
  margin: 4px 0 0;
}

/* ============================================================
   CARDS / GRIDS
   ============================================================ */
.section { padding: 64px 0; }
.section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 32px;
  flex-wrap: wrap;
}
.section-head h2 { font-size: 1.6rem; margin: 0; }
.link-more { font-family: var(--font-mono); font-size: .85rem; color: var(--accent); }

.card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 22px;
}
.card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: border-color .15s ease, transform .15s ease;
}
.card:hover { border-color: var(--accent-dim); transform: translateY(-2px); }
.card-tag {
  font-family: var(--font-mono);
  font-size: .72rem;
  color: var(--accent-amber);
  text-transform: uppercase;
  letter-spacing: .04em;
}
.card h3 { font-size: 1.12rem; margin: 0; }
.card p { color: var(--text-muted); font-size: .93rem; margin: 0; }
.card-meta {
  margin-top: auto;
  padding-top: 12px;
  font-family: var(--font-mono);
  font-size: .76rem;
  color: var(--text-faint);
  display: flex;
  justify-content: space-between;
}

/* ============================================================
   FORMS (Login / Register / Kontakt / Profil)
   ============================================================ */
.auth-shell {
  min-height: calc(100vh - 68px - 260px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 64px 24px;
}
.auth-card {
  width: 100%;
  max-width: 420px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 36px 32px;
}
.auth-card h1 { font-size: 1.5rem; }
.auth-sub { color: var(--text-muted); font-size: .92rem; margin-bottom: 26px; }

.field { margin-bottom: 18px; }
.field label {
  display: block;
  font-family: var(--font-mono);
  font-size: .78rem;
  color: var(--text-muted);
  margin-bottom: 7px;
}
.field input,
.field textarea,
.field select {
  width: 100%;
  background: var(--bg-alt);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: 11px 13px;
  color: var(--text);
  font-family: var(--font-sans);
  font-size: .95rem;
  transition: border-color .15s ease;
}
.field input:focus,
.field textarea:focus,
.field select:focus {
  border-color: var(--accent);
  outline: none;
}
.field textarea { resize: vertical; min-height: 120px; }
.field-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.checkbox-row { display: flex; align-items: center; gap: 9px; font-size: .88rem; color: var(--text-muted); }
.checkbox-row input { width: 15px; height: 15px; accent-color: var(--accent); }
.field-hint { font-size: .78rem; color: var(--text-faint); margin-top: 6px; }
.form-foot { text-align: center; margin-top: 22px; font-size: .88rem; color: var(--text-muted); }
.form-foot a { color: var(--accent); }
.form-divider {
  display: flex; align-items: center; gap: 12px;
  color: var(--text-faint); font-family: var(--font-mono); font-size: .74rem;
  margin: 22px 0;
}
.form-divider::before, .form-divider::after { content: ''; flex: 1; height: 1px; background: var(--border); }

.alert {
  border: 1px solid var(--border);
  border-left: 3px solid var(--accent-amber);
  background: var(--surface-2);
  border-radius: var(--radius-sm);
  padding: 12px 14px;
  font-size: .86rem;
  color: var(--text-muted);
  margin-bottom: 20px;
}
.alert-error { border-left-color: var(--accent-red); }
.alert-success { border-left-color: var(--accent); }

/* ============================================================
   PROFILE
   ============================================================ */
.profile-header {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 40px 0;
  border-bottom: 1px solid var(--border-soft);
}
.avatar {
  width: 76px; height: 76px;
  border-radius: 50%;
  background: var(--surface-2);
  border: 1px solid var(--border);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-mono);
  font-size: 1.4rem;
  color: var(--accent);
}
.profile-name { font-size: 1.3rem; margin: 0 0 4px; }
.profile-meta { color: var(--text-muted); font-size: .88rem; }
.profile-grid {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 40px;
  padding: 40px 0 80px;
}
.profile-nav { display: flex; flex-direction: column; gap: 4px; }
.profile-nav a {
  padding: 10px 14px;
  border-radius: var(--radius-sm);
  font-size: .9rem;
  color: var(--text-muted);
}
.profile-nav a.is-active { background: var(--surface); color: var(--accent); }
.profile-panel {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 30px;
}
.profile-panel h2 { font-size: 1.15rem; }
.profile-panel + .profile-panel { margin-top: 22px; }

/* ============================================================
   ARTICLE / GUIDE DETAIL
   ============================================================ */
.article-head { padding: 52px 0 30px; border-bottom: 1px solid var(--border-soft); }
.article-meta {
  display: flex; gap: 14px; flex-wrap: wrap;
  font-family: var(--font-mono); font-size: .78rem; color: var(--text-faint);
  margin-bottom: 16px;
}
.article-head h1 { font-size: clamp(1.7rem, 3.6vw, 2.5rem); max-width: 26ch; }
.article-body {
  max-width: 68ch;
  margin: 0 auto;
  padding: 44px 24px 80px;
  font-size: 1.02rem;
  color: #cfd6de;
}
.article-body h2 { font-size: 1.35rem; margin-top: 2em; }
.article-body h3 { font-size: 1.1rem; margin-top: 1.6em; }
.article-body p { margin-bottom: 1.2em; }
.article-body a { color: var(--accent-blue); text-decoration: underline; text-underline-offset: 3px; }
.article-body code {
  font-family: var(--font-mono);
  background: var(--surface-2);
  padding: .15em .4em;
  border-radius: 4px;
  font-size: .88em;
  color: var(--accent);
}
.article-body pre {
  background: var(--bg-alt);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 18px 20px;
  overflow-x: auto;
  margin-bottom: 1.4em;
}
.article-body pre code { background: none; padding: 0; color: #d7dde4; }
.article-body ul, .article-body ol { margin: 0 0 1.2em; padding-left: 1.3em; }
.article-body li { margin-bottom: .5em; }
.article-body blockquote {
  margin: 0 0 1.2em;
  padding: 4px 0 4px 18px;
  border-left: 3px solid var(--accent);
  color: var(--text-muted);
}

/* ============================================================
   GAMESERVER PAGE
   ============================================================ */
.server-panel {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 30px 32px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 20px;
}
.server-connect { font-family: var(--font-mono); }
.server-connect .ip {
  font-size: 1.2rem;
  color: var(--accent);
  background: var(--bg-alt);
  padding: 10px 16px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--border);
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.copy-btn {
  background: transparent;
  border: 1px solid var(--border);
  color: var(--text-muted);
  border-radius: var(--radius-sm);
  padding: 6px 10px;
  font-family: var(--font-mono);
  font-size: .74rem;
}
.copy-btn:hover { color: var(--accent); border-color: var(--accent); }

.stat-row { display: flex; gap: 34px; flex-wrap: wrap; margin: 34px 0; }
.stat-item .num { font-family: var(--font-mono); font-size: 1.7rem; color: var(--accent); }
.stat-item .label { font-size: .82rem; color: var(--text-muted); }

.feature-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
}
.feature-item {
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 20px;
}
.feature-item .dot-amber { display: inline-block; margin-bottom: 10px; }

.rules-list { display: flex; flex-direction: column; gap: 0; border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; }
.rules-list li {
  padding: 16px 20px;
  border-bottom: 1px solid var(--border-soft);
  display: flex; gap: 14px;
  background: var(--surface);
  font-size: .93rem;
  color: var(--text-muted);
}
.rules-list li:last-child { border-bottom: none; }
.rules-list .idx { font-family: var(--font-mono); color: var(--accent-amber); }

/* ============================================================
   MISC BLOCKS
   ============================================================ */
.cta-band {
  border-top: 1px solid var(--border-soft);
  border-bottom: 1px solid var(--border-soft);
  padding: 56px 0;
  background: var(--bg-alt);
  text-align: center;
}
.cta-band h2 { font-size: 1.6rem; }
.cta-band p { color: var(--text-muted); max-width: 52ch; margin: 0 auto 24px; }
.cta-band .hero-actions { justify-content: center; }

.two-col { display: grid; grid-template-columns: 1.1fr .9fr; gap: 50px; align-items: center; }

.pill-list { display: flex; flex-wrap: wrap; gap: 10px; }
.pill {
  font-family: var(--font-mono);
  font-size: .78rem;
  border: 1px solid var(--border);
  border-radius: 999px;
  padding: 6px 13px;
  color: var(--text-muted);
}

.error-shell {
  min-height: calc(100vh - 68px - 260px);
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center; padding: 60px 24px;
}
.error-code {
  font-family: var(--font-mono);
  font-size: 5rem;
  color: var(--accent);
  line-height: 1;
}

/* ============================================================
   INTERNER BEREICH — Locked Banner
   ============================================================ */
.locked-banner {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  background: var(--surface);
  border: 1px solid var(--accent-amber);
  border-radius: var(--radius);
  padding: 20px 22px;
  margin-bottom: 36px;
}
.locked-banner .lock-icon {
  flex-shrink: 0;
  width: 38px; height: 38px;
  border-radius: 50%;
  background: rgba(232,166,76,.12);
  display: flex; align-items: center; justify-content: center;
  color: var(--accent-amber);
}
.locked-banner h3 { margin: 0 0 4px; font-size: 1rem; }
.locked-banner p { margin: 0; color: var(--text-muted); font-size: .89rem; }
.locked-banner code {
  font-family: var(--font-mono);
  background: var(--bg-alt);
  padding: .1em .4em;
  border-radius: 4px;
  color: var(--accent-amber);
  font-size: .85em;
}

/* ============================================================
   DOWNLOADS
   ============================================================ */
.download-list { display: flex; flex-direction: column; gap: 14px; }
.download-item {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 18px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 18px 20px;
}
.download-icon {
  width: 42px; height: 42px;
  border-radius: var(--radius-sm);
  background: var(--surface-2);
  display: flex; align-items: center; justify-content: center;
  color: var(--accent);
  flex-shrink: 0;
}
.download-item h3 { font-size: 1rem; margin: 0 0 4px; }
.download-item p { margin: 0; color: var(--text-muted); font-size: .87rem; }
.download-meta {
  font-family: var(--font-mono);
  font-size: .74rem;
  color: var(--text-faint);
  display: flex; gap: 10px; margin-top: 6px;
}

/* ============================================================
   SIDEBAR-LAYOUT (Wiki, Downloads-Kategorien etc.)
   ============================================================ */
.side-layout {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 40px;
  padding: 48px 0 80px;
}
.side-nav { display: flex; flex-direction: column; gap: 2px; position: sticky; top: 92px; align-self: start; }
.side-nav-label {
  font-family: var(--font-mono);
  font-size: .72rem;
  color: var(--text-faint);
  text-transform: uppercase;
  letter-spacing: .05em;
  margin: 18px 0 8px;
}
.side-nav-label:first-child { margin-top: 0; }
.side-nav a {
  padding: 8px 12px;
  border-radius: var(--radius-sm);
  font-size: .89rem;
  color: var(--text-muted);
}
.side-nav a:hover { color: var(--text); }
.side-nav a.is-active { background: var(--surface); color: var(--accent); }

/* ============================================================
   PROJEKTE — Status-Badges
   ============================================================ */
.badge-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-mono);
  font-size: .72rem;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid var(--border);
  color: var(--text-muted);
}
.badge-status .status-dot { margin: 0; }

/* ============================================================
   ADMIN / INTERNER BEREICH
   ============================================================ */
.admin-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 22px;
}
.admin-toolbar .search-field {
  flex: 1;
  min-width: 180px;
  max-width: 320px;
}
.admin-toolbar .search-field input {
  width: 100%;
  background: var(--bg-alt);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: 9px 12px;
  color: var(--text);
  font-size: .88rem;
}
.admin-table {
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow: hidden;
}
.admin-row {
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 16px;
  padding: 15px 20px;
  background: var(--surface);
  border-bottom: 1px solid var(--border-soft);
}
.admin-row:last-child { border-bottom: none; }
.admin-row:hover { background: var(--surface-2); }
.admin-row-head {
  background: var(--surface-2);
  font-family: var(--font-mono);
  font-size: .72rem;
  color: var(--text-faint);
  text-transform: uppercase;
  letter-spacing: .04em;
}
.admin-title { display: flex; flex-direction: column; gap: 3px; }
.admin-title strong { font-size: .93rem; font-weight: 600; }
.admin-title span { font-size: .78rem; color: var(--text-faint); font-family: var(--font-mono); }
.admin-badge {
  font-family: var(--font-mono);
  font-size: .72rem;
  padding: 3px 10px;
  border-radius: 999px;
  border: 1px solid var(--border);
  color: var(--text-muted);
  white-space: nowrap;
}
.admin-badge.ok { border-color: var(--accent); color: var(--accent); }
.admin-badge.warn { border-color: var(--accent-amber); color: var(--accent-amber); }
.admin-badge.off { border-color: var(--text-faint); color: var(--text-faint); }
.admin-actions { display: flex; gap: 8px; }
.icon-btn {
  width: 32px; height: 32px;
  display: flex; align-items: center; justify-content: center;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  color: var(--text-muted);
  background: transparent;
}
.icon-btn:hover { color: var(--accent); border-color: var(--accent); }
.icon-btn.danger:hover { color: var(--accent-red); border-color: var(--accent-red); }

.stat-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 16px;
  margin-bottom: 36px;
}
.stat-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 20px 22px;
}
.stat-card .num { font-family: var(--font-mono); font-size: 1.6rem; color: var(--accent); }
.stat-card .label { font-size: .82rem; color: var(--text-muted); margin-top: 4px; }

.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 18px; }
.form-grid .field-full { grid-column: 1 / -1; }

/* ============================================================
   FORUM
   ============================================================ */
.forum-cat-grid { display: flex; flex-direction: column; gap: 14px; }
.forum-cat {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  align-items: center;
  gap: 18px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 22px 24px;
  transition: border-color .15s ease;
}
.forum-cat:hover { border-color: var(--accent-dim); }
.forum-cat-icon {
  width: 44px; height: 44px;
  border-radius: var(--radius-sm);
  background: var(--surface-2);
  display: flex; align-items: center; justify-content: center;
  color: var(--accent);
  flex-shrink: 0;
}
.forum-cat h3 { font-size: 1.02rem; margin: 0 0 4px; }
.forum-cat p { margin: 0; color: var(--text-muted); font-size: .87rem; }
.forum-cat-stats {
  text-align: center;
  font-family: var(--font-mono);
  font-size: .78rem;
  color: var(--text-muted);
  white-space: nowrap;
}
.forum-cat-stats .n { display: block; color: var(--text); font-size: .95rem; }
.forum-cat-last {
  text-align: right;
  font-size: .8rem;
  color: var(--text-faint);
  white-space: nowrap;
}
.forum-cat-last strong { display: block; color: var(--text-muted); font-weight: 500; font-size: .84rem; }

.forum-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 22px;
}
.forum-thread-table { border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; }
.forum-thread-row {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  background: var(--surface);
  border-bottom: 1px solid var(--border-soft);
}
.forum-thread-row:last-child { border-bottom: none; }
.forum-thread-row:hover { background: var(--surface-2); }
.forum-thread-icon { color: var(--text-faint); }
.forum-thread-icon.pinned { color: var(--accent-amber); }
.forum-thread-title { display: flex; flex-direction: column; gap: 3px; }
.forum-thread-title strong { font-size: .95rem; font-weight: 500; }
.forum-thread-title span { font-size: .78rem; color: var(--text-faint); }
.forum-thread-count { text-align: center; font-family: var(--font-mono); font-size: .82rem; color: var(--text-muted); white-space: nowrap; }
.forum-thread-count .n { display: block; color: var(--text); font-size: .98rem; }
.forum-thread-last { text-align: right; font-size: .78rem; color: var(--text-faint); white-space: nowrap; }

.forum-post { display: flex; gap: 16px; padding: 24px 0; border-bottom: 1px solid var(--border-soft); }
.forum-post:last-of-type { border-bottom: none; }
.forum-post-side { display: flex; flex-direction: column; align-items: center; gap: 8px; width: 78px; flex-shrink: 0; }
.post-avatar {
  width: 52px; height: 52px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-mono);
  font-weight: 600;
  font-size: 1rem;
  background: rgba(79,209,174,.14);
  color: var(--accent);
}
.post-avatar.av-b { background: rgba(232,166,76,.14); color: var(--accent-amber); }
.post-avatar.av-c { background: rgba(111,168,220,.14); color: var(--accent-blue); }
.forum-post-side .uname { font-size: .82rem; font-weight: 500; text-align: center; word-break: break-word; }
.role-badge {
  font-family: var(--font-mono);
  font-size: .68rem;
  padding: 2px 8px;
  border-radius: 999px;
  border: 1px solid var(--border);
  color: var(--text-faint);
}
.role-badge.admin { border-color: var(--accent-amber); color: var(--accent-amber); }
.role-badge.mod { border-color: var(--accent-blue); color: var(--accent-blue); }
.forum-post-body { flex: 1; min-width: 0; }
.forum-post-meta { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; font-family: var(--font-mono); font-size: .76rem; color: var(--text-faint); }
.forum-post-content { color: #cfd6de; font-size: .95rem; line-height: 1.75; }
.forum-post-content p { margin-bottom: 1em; }
.forum-post-content code { font-family: var(--font-mono); background: var(--surface-2); padding: .1em .4em; border-radius: 4px; color: var(--accent); font-size: .88em; }
.forum-post-actions { display: flex; gap: 14px; margin-top: 14px; }
.forum-post-actions button {
  background: none; border: none; color: var(--text-faint);
  font-family: var(--font-mono); font-size: .78rem; padding: 0;
}
.forum-post-actions button:hover { color: var(--accent); }

.editor-toolbar {
  display: flex; gap: 6px; padding: 8px;
  background: var(--bg-alt);
  border: 1px solid var(--border);
  border-bottom: none;
  border-radius: var(--radius-sm) var(--radius-sm) 0 0;
}
.editor-toolbar button {
  width: 30px; height: 30px;
  display: flex; align-items: center; justify-content: center;
  background: transparent; border: 1px solid transparent; border-radius: 4px;
  color: var(--text-muted); font-family: var(--font-mono); font-size: .82rem; font-weight: 600;
}
.editor-toolbar button:hover { color: var(--text); border-color: var(--border); }
.editor-toolbar + textarea { border-radius: 0 0 var(--radius-sm) var(--radius-sm); min-height: 160px; }

/* ============================================================
   NUTZERDETAIL — Verwarnungen & Sperren
   ============================================================ */
.user-head {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 36px 0;
  border-bottom: 1px solid var(--border-soft);
  flex-wrap: wrap;
}
.user-head .stat-mini { font-family: var(--font-mono); font-size: .82rem; color: var(--text-muted); }
.user-head .stat-mini strong { color: var(--text); }

.ban-status-card {
  border: 1px solid var(--accent-red);
  background: rgba(232,97,92,.08);
  border-radius: var(--radius);
  padding: 18px 20px;
  margin-bottom: 24px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.ban-status-card svg { color: var(--accent-red); flex-shrink: 0; margin-top: 2px; }
.ban-status-card h3 { color: var(--accent-red); font-size: .98rem; margin: 0 0 4px; }
.ban-status-card p { margin: 0; color: var(--text-muted); font-size: .87rem; }

.warning-list { display: flex; flex-direction: column; gap: 10px; }
.warning-item {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 18px;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--surface);
}
.warning-item .reason { font-size: .89rem; color: var(--text); max-width: 46ch; }
.warning-item .meta { font-family: var(--font-mono); font-size: .74rem; color: var(--text-faint); white-space: nowrap; text-align: right; }

.action-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 30px; }
.action-grid .card { padding: 22px; }
.action-grid h3 { font-size: .95rem; margin-bottom: 12px; }
.action-grid h3.danger-heading { color: var(--accent-red); }

/* ============================================================
   WARTUNGSSEITE
   ============================================================ */
.maintenance-shell {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 40px 24px;
  gap: 8px;
  background:
    radial-gradient(560px 300px at 50% 0%, rgba(232,166,76,.08), transparent 70%),
    var(--bg);
}
.maintenance-icon {
  color: var(--accent-amber);
  margin-bottom: 18px;
}
.maintenance-shell h1 { font-size: clamp(1.6rem, 3.4vw, 2.2rem); margin-bottom: 10px; }
.maintenance-shell p.lede { color: var(--text-muted); max-width: 46ch; margin-bottom: 22px; }
.maintenance-eta {
  font-family: var(--font-mono);
  font-size: .84rem;
  color: var(--accent-amber);
  border: 1px solid var(--border);
  border-radius: 999px;
  padding: 8px 18px;
  margin-bottom: 26px;
}

/* ============================================================
   FOOTER
   ============================================================ */
.site-footer { border-top: 1px solid var(--border-soft); background: var(--bg-alt); }
.footer-inner { padding: 52px 0 30px; display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: 30px; }
.footer-brand .logo { display: block; margin-bottom: 10px; }
.footer-brand p { color: var(--text-muted); font-size: .88rem; max-width: 32ch; }
.footer-col h4, .footer-col h2 {
  font-family: var(--font-mono);
  font-size: .76rem;
  color: var(--text-faint);
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-bottom: 14px;
}
.footer-col a, .footer-col span {
  display: block;
  color: var(--text-muted);
  font-size: .89rem;
  margin-bottom: 10px;
}
.footer-col a:hover { color: var(--accent); }
.footer-bottom {
  border-top: 1px solid var(--border-soft);
  padding: 20px 0 30px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  font-family: var(--font-mono);
  font-size: .76rem;
  color: var(--text-faint);
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 860px) {
  .status-grid { grid-template-columns: 1fr; }
  .two-col { grid-template-columns: 1fr; }
  .profile-grid { grid-template-columns: 1fr; }
  .side-layout { grid-template-columns: 1fr; }
  .side-nav { position: static; flex-direction: row; flex-wrap: wrap; }
  .footer-inner { grid-template-columns: 1fr 1fr; }
  .server-panel { grid-template-columns: 1fr; text-align: left; }
  .admin-row { grid-template-columns: 1fr; gap: 8px; }
  .admin-row-head { display: none; }
  .forum-cat { grid-template-columns: auto 1fr; }
  .forum-cat-stats, .forum-cat-last { display: none; }
  .forum-thread-row { grid-template-columns: auto 1fr; }
  .forum-thread-count, .forum-thread-last { display: none; }
  .form-grid { grid-template-columns: 1fr; }
  .action-grid { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .footer-inner { grid-template-columns: 1fr; }
}

/* --- PHP application additions --- */
.alert{border:1px solid var(--border);border-radius:var(--radius-sm);padding:13px 15px;margin:0 0 18px;background:var(--bg-alt)}
.alert-success{border-color:rgba(79,209,174,.45);color:var(--accent-green)}
.alert-error{border-color:rgba(255,107,107,.45);color:#ff8a8a}
.alert-info{border-color:rgba(90,169,255,.45);color:var(--accent-blue)}
.form-errors{margin:0;padding-left:20px}.form-errors li+li{margin-top:5px}
.auth-wrap{padding:70px 20px}.auth-box{max-width:520px;margin:0 auto}.auth-card{padding:30px}
.pagination{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.pagination a,.pagination span{padding:8px 11px;border:1px solid var(--border);border-radius:var(--radius-sm)}.pagination .current{background:var(--accent-green);color:var(--bg);border-color:var(--accent-green)}
.content-body{line-height:1.75}.content-body h2,.content-body h3{margin-top:1.8em}.content-body pre{overflow:auto;background:#0c1015;border:1px solid var(--border);padding:18px;border-radius:var(--radius-sm)}.content-body code{font-family:var(--font-mono);font-size:.9em}.content-body :not(pre)>code{background:var(--bg-alt);padding:2px 6px;border-radius:4px}.content-body blockquote{margin-left:0;border-left:3px solid var(--accent-blue);padding-left:16px;color:var(--text-muted)}
.inline-form{display:inline}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.muted{color:var(--text-muted)}.danger{color:#ff8a8a}.success{color:var(--accent-green)}
.admin-tools{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}.admin-table-scroll{overflow:auto}.admin-table-basic{width:100%;border-collapse:collapse}.admin-table-basic th,.admin-table-basic td{text-align:left;padding:13px;border-bottom:1px solid var(--border);vertical-align:top}.admin-table-basic th{font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;color:var(--text-muted)}
.stack{display:grid;gap:16px}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field-help{font-size:.78rem;color:var(--text-muted);margin-top:6px}.required::after{content:' *';color:#ff8a8a}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:1px solid var(--border);background:var(--bg-alt)}.avatar-sm{width:36px;height:36px}.user-chip{display:flex;align-items:center;gap:10px}
.forum-post-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.thread-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.sticky{color:var(--accent-amber)}
.admin-layout{padding-top:36px;padding-bottom:70px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.metric{padding:20px}.metric strong{display:block;font-size:1.8rem;margin-top:8px}
.install-wrap{max-width:850px;margin:50px auto;padding:0 20px}.codebox{font-family:var(--font-mono);font-size:.85rem;background:#0c1015;border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;overflow:auto}
@media(max-width:900px){.metric-grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}}
@media(max-width:560px){.metric-grid{grid-template-columns:1fr}.admin-table-basic{font-size:.86rem}}

/* ============================================================
   CONSENT MANAGER / COOKIE-BANNER
   ============================================================ */
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.footer-link-button {
  display: block;
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--text-muted);
  font-size: .89rem;
  margin: 0 0 10px;
  padding: 0;
  text-align: left;
}
.footer-link-button:hover { color: var(--accent); }
.cookie-banner {
  position: fixed;
  z-index: 1100;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 1px solid var(--border);
  background: rgba(12, 16, 21, .98);
  box-shadow: 0 -18px 50px rgba(0, 0, 0, .36);
}
.cookie-banner-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 26px;
  padding-top: 22px;
  padding-bottom: 22px;
}
.cookie-banner-copy h2 { margin: 2px 0 8px; font-size: 1.18rem; }
.cookie-banner-copy p:last-child { margin: 0; color: var(--text-muted); font-size: .9rem; line-height: 1.6; max-width: 76ch; }
.cookie-banner-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; min-width: 330px; }
.cookie-banner-actions .btn-ghost { grid-column: 1 / -1; }
.btn-cookie-choice {
  border: 1px solid var(--accent);
  background: transparent;
  color: var(--accent);
  justify-content: center;
}
.btn-cookie-choice:hover { background: var(--accent); color: var(--bg); }
.cookie-modal[hidden] { display: none; }
.cookie-modal { position: fixed; inset: 0; z-index: 1200; display: grid; place-items: center; padding: 20px; }
.cookie-modal-backdrop { position: absolute; inset: 0; background: rgba(3, 6, 9, .78); backdrop-filter: blur(3px); }
.cookie-modal-panel {
  position: relative;
  width: min(760px, 100%);
  max-height: min(88vh, 900px);
  overflow: auto;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--bg);
  box-shadow: 0 28px 80px rgba(0, 0, 0, .5);
  padding: 28px;
}
.cookie-modal-open { overflow: hidden; }
.cookie-modal-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; margin-bottom: 12px; }
.cookie-modal-head h2 { margin: 2px 0 0; font-size: 1.35rem; }
.cookie-modal-close {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border: 1px solid var(--border);
  border-radius: 50%;
  background: var(--surface);
  color: var(--text);
  font-size: 1.45rem;
  line-height: 1;
}
.cookie-modal-close:hover { border-color: var(--accent); color: var(--accent); }
.cookie-category-list { display: grid; gap: 12px; margin: 22px 0; }
.cookie-category { border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface); padding: 17px; }
.cookie-category-head { display: flex; justify-content: space-between; gap: 18px; align-items: flex-start; }
.cookie-category h3 { margin: 0 0 5px; font-size: 1rem; }
.cookie-category p { margin: 0; color: var(--text-muted); font-size: .86rem; line-height: 1.55; }
.cookie-category details { margin-top: 12px; border-top: 1px solid var(--border-soft); padding-top: 10px; }
.cookie-category summary { cursor: pointer; color: var(--text-muted); font-family: var(--font-mono); font-size: .76rem; }
.cookie-category details p { margin-top: 9px; overflow-wrap: anywhere; }
.cookie-switch { position: relative; display: inline-flex; flex: 0 0 auto; }
.cookie-switch input { position: absolute; opacity: 0; pointer-events: none; }
.cookie-switch > span:not(.sr-only) {
  width: 46px;
  height: 25px;
  border: 1px solid var(--border);
  border-radius: 99px;
  background: var(--bg-alt);
  transition: .18s ease;
  position: relative;
}
.cookie-switch > span:not(.sr-only)::after {
  content: '';
  position: absolute;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  top: 3px;
  left: 4px;
  background: var(--text-muted);
  transition: .18s ease;
}
.cookie-switch input:checked + span { border-color: var(--accent); background: rgba(79, 209, 174, .16); }
.cookie-switch input:checked + span::after { left: 23px; background: var(--accent); }
.cookie-switch input:focus-visible + span { outline: 2px solid var(--accent-blue); outline-offset: 3px; }
.cookie-switch input:disabled + span { opacity: .7; cursor: not-allowed; }
.cookie-modal-actions { display: flex; gap: 9px; flex-wrap: wrap; align-items: center; }
.btn-danger-outline { border: 1px solid var(--accent-red); background: transparent; color: var(--accent-red); }
.btn-danger-outline:hover { background: var(--accent-red); color: #1a0b0a; }
.cookie-receipt, .cookie-legal-note { color: var(--text-faint); font-family: var(--font-mono); font-size: .73rem; line-height: 1.55; }
.cookie-legal-note { margin: 18px 0 0; }
.cookie-consent-error { margin-top: 16px; }
.consent-content-placeholder {
  border: 1px dashed var(--border);
  border-radius: var(--radius-sm);
  background: var(--bg-alt);
  padding: 24px;
  text-align: center;
  margin: 14px 0;
}
.consent-content-placeholder strong { display: block; margin-bottom: 5px; }
.consent-content-placeholder p { color: var(--text-muted); margin: 0 0 14px; }
.cookie-table { width: 100%; border-collapse: collapse; margin: 18px 0; }
.cookie-table th, .cookie-table td { border-bottom: 1px solid var(--border); padding: 12px 10px; text-align: left; vertical-align: top; }
.cookie-table th { color: var(--text-muted); font-family: var(--font-mono); font-size: .74rem; text-transform: uppercase; }
.cookie-table td { font-size: .88rem; overflow-wrap: anywhere; }

@media (max-width: 760px) {
  .cookie-banner-inner { grid-template-columns: 1fr; gap: 16px; }
  .cookie-banner-actions { min-width: 0; width: 100%; }
  .cookie-modal { padding: 10px; }
  .cookie-modal-panel { padding: 20px; max-height: 94vh; }
  .cookie-category-head { gap: 12px; }
  .cookie-modal-actions .btn { width: 100%; justify-content: center; }
  .cookie-table { display: block; overflow-x: auto; }
}


/* ============================================================
   ACCESSIBILITY, SECURITY UI AND 2FA
   Target: WCAG 2.2 AA-oriented implementation. Manual testing remains required.
   ============================================================ */
.skip-link {
  position: fixed;
  z-index: 2000;
  top: 10px;
  left: 12px;
  transform: translateY(-160%);
  background: var(--accent);
  color: #07110e;
  border: 2px solid #07110e;
  border-radius: var(--radius-sm);
  padding: 12px 16px;
  font-weight: 700;
}
.skip-link-secondary { left: 230px; }
.skip-link:focus { transform: translateY(0); }

#main-content:focus { outline: none; }
:target { scroll-margin-top: 88px; }

p a, .content-body a, .field-help a, .cookie-banner a, .cookie-modal a,
.form-foot a, .alert a, .terms-check a {
  color: var(--accent-blue);
  text-decoration: underline;
  text-decoration-thickness: .1em;
  text-underline-offset: .18em;
}
p a:hover, .content-body a:hover, .field-help a:hover, .cookie-banner a:hover,
.cookie-modal a:hover, .form-foot a:hover, .alert a:hover, .terms-check a:hover {
  text-decoration-thickness: .16em;
}

button, .btn, input, select, summary, .pagination a, .pagination span {
  min-height: 44px;
}
.btn { justify-content: center; }
.main-nav a, .footer-col a, .footer-link-button { min-height: 44px; display: flex; align-items: center; }
.footer-link-button { width: 100%; margin: 0; }
.nav-toggle { min-width: 44px; min-height: 44px; }

.field input, .field textarea, .field select {
  min-height: 46px;
  font-size: 1rem;
}
.field textarea { min-height: 132px; }
.field input[aria-invalid="true"], .field textarea[aria-invalid="true"], .field select[aria-invalid="true"] {
  border-color: var(--accent-red);
}
.error-summary:focus { outline: 3px solid var(--accent-red); outline-offset: 3px; }
.form-errors { list-style: disc; }

.noscript-notice {
  padding: 12px 20px;
  background: #342509;
  color: #fff2c9;
  border-bottom: 1px solid var(--accent-amber);
  text-align: center;
}
.button-link {
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--accent-blue);
  text-decoration: underline;
  text-underline-offset: .18em;
  padding: 8px 0;
  min-height: 44px;
}
.button-link:hover { color: var(--accent); }

.account-section { padding: 28px; }
.account-user-chip { margin-bottom: 20px; }
.account-options { margin-bottom: 22px; }
.terms-check { align-items: flex-start; margin: 0 0 20px; gap: 10px; }
.terms-check input { flex: 0 0 auto; margin-top: 5px; }
.account-inline-form { margin-bottom: 12px; }
.inline-cancel-form { margin-top: 10px; }

.two-factor-setup { display: grid; gap: 14px; }
.qr-code {
  width: fit-content;
  max-width: 100%;
  min-width: 228px;
  min-height: 228px;
  padding: 4px;
  background: #fff;
  border: 2px solid #000;
  border-radius: var(--radius-sm);
  overflow: auto;
}
.qr-code img, .qr-code canvas { max-width: 220px; height: auto !important; }
.secret-code { display: inline-block; max-width: 100%; overflow-wrap: anywhere; user-select: all; }
.recovery-codes {
  border: 2px solid var(--accent-amber);
  border-radius: var(--radius);
  padding: 20px;
  margin-bottom: 22px;
  background: #241b0b;
}
.recovery-codes ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 18px; margin: 14px 0; }
.recovery-codes code { user-select: all; }
.security-details { border-top: 1px solid var(--border); padding-top: 14px; margin-top: 16px; }
.security-details summary { display: flex; align-items: center; cursor: pointer; font-weight: 650; }
.details-form { padding-top: 18px; }
.danger-zone summary { color: #ff9a96; }

.consent-inline-notice {
  border: 1px solid var(--accent-blue);
  border-radius: var(--radius-sm);
  padding: 16px;
  background: rgba(111, 168, 220, .08);
}
.consent-inline-notice p { color: var(--text-muted); margin: 6px 0 12px; }

.cookie-banner { max-height: min(75vh, 560px); overflow: auto; }
.cookie-banner .btn, .cookie-modal .btn { min-height: 46px; }
.cookie-switch { min-width: 48px; min-height: 44px; align-items: center; }
.cookie-switch input { width: 48px; height: 44px; opacity: 0; pointer-events: auto; cursor: pointer; }
.cookie-switch input:disabled { cursor: not-allowed; }
.cookie-modal-close { width: 44px; height: 44px; flex-basis: 44px; }

.content-body { max-width: 75ch; }
.content-body p, .content-body li { overflow-wrap: anywhere; }
.admin-table-basic caption, .cookie-table caption {
  text-align: left;
  padding: 12px;
  font-weight: 700;
}

@media (prefers-contrast: more) {
  :root { --border: #718096; --border-soft: #536171; --text-muted: #d0d7e0; --text-faint: #bec7d2; }
  .btn-ghost, .card, .field input, .field textarea, .field select { border-width: 2px; }
}

@media (forced-colors: active) {
  * { forced-color-adjust: auto; }
  .logo-cursor::after { animation: none; }
  .cookie-switch > span:not(.sr-only) { border: 2px solid ButtonText; }
}

@media (max-width: 560px) {
  .skip-link-secondary { left: 12px; top: 64px; }
  .recovery-codes ul { grid-template-columns: 1fr; }
  .account-section { padding: 22px; }
}


/* Progressive enhancement: Consent remains usable without JavaScript. */
.no-js .consent-js-actions { display: none !important; }
.cookie-noscript-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  grid-column: 1 / -1;
}
.cookie-noscript-actions .btn { flex: 1 1 170px; }

/* Community, moderation and security extensions */
.notification-badge {
  display: inline-grid;
  place-items: center;
  min-width: 1.55rem;
  min-height: 1.55rem;
  padding: 0 .35rem;
  border-radius: 999px;
  background: var(--accent);
  color: #07110e;
  font-size: .78rem;
  font-weight: 800;
}
.notification-item { display: flex; justify-content: space-between; gap: 20px; align-items: flex-start; }
.notification-item.is-unread { border-left: 4px solid var(--accent); }
.forum-thread { gap: 20px; }
.forum-post { padding: 0; overflow: visible; }
.forum-post-header { padding: 20px 22px; border-bottom: 1px solid var(--border-soft); }
.forum-post-body { padding: 22px; min-height: 80px; }
.forum-post-actions { padding: 14px 22px 20px; border-top: 1px solid var(--border-soft); display: flex; flex-wrap: wrap; gap: 9px; align-items: center; }
.forum-post-actions form { margin: 0; }
.forum-post.is-solution { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent); }
.forum-post.is-moderated { border-style: dashed; }
.badge-success { background: rgba(79, 209, 174, .16); border-color: var(--accent); }
.like-count { color: var(--text-muted); padding: 8px 4px; }
.reply-context { margin: 18px 22px 0; padding: 14px 16px; border-left: 4px solid var(--accent-blue); background: rgba(111,168,220,.08); }
.reply-context p { margin: 6px 0 0; color: var(--text-muted); }
.reply-context-editor { display: flex; justify-content: space-between; gap: 16px; align-items: center; margin-bottom: 14px; padding: 12px 16px; border: 1px solid var(--accent-blue); border-radius: var(--radius-sm); }
.blocked-post { margin: 18px 22px; }
.blocked-post > summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; }
.report-popover { min-width: min(420px, 80vw); margin-top: 10px; padding: 16px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface-2); position: relative; z-index: 3; }
.report-popover label { display: grid; gap: 7px; margin-bottom: 12px; }
.report-popover textarea { min-height: 90px; }
.moderation-toolbar { padding: 16px 20px; margin-bottom: 20px; display: flex; justify-content: space-between; gap: 18px; align-items: center; flex-wrap: wrap; }
.revision-info { padding: 0 22px 18px; color: var(--text-muted); }
.content-feedback { padding: 22px; margin-top: 36px; max-width: 70ch; }
.report-card { padding: 24px; border-left: 4px solid var(--border); }
.report-card.priority-high { border-left-color: var(--accent-amber); }
.report-card.priority-urgent { border-left-color: var(--accent-red); }
.report-card-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
.report-form { min-width: 0; }
.snapshot { max-height: 300px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; }
.filter-tabs { display: flex; flex-wrap: wrap; gap: 8px; }
.compact-stack { gap: 14px; }
.compact-stack > div { border-bottom: 1px solid var(--border-soft); padding-bottom: 12px; }
.security-check-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); gap: 14px; }
.security-check { display: grid; gap: 5px; padding: 16px; border: 1px solid var(--border); border-radius: var(--radius-sm); }
.security-check span { color: var(--text-muted); }
.security-check.is-ok { border-left: 4px solid var(--accent); }
.security-check.is-warning { border-left: 4px solid var(--accent-amber); }
.activity-bars { min-height: 220px; display: flex; align-items: end; gap: 8px; overflow-x: auto; padding-top: 20px; }
.activity-bar { height: 190px; min-width: 38px; flex: 1 0 38px; display: flex; flex-direction: column; justify-content: end; align-items: stretch; gap: 7px; text-align: center; }
.activity-bar > span { display: block; min-height: 8px; border-radius: 5px 5px 0 0; background: var(--accent); }
.activity-bar small { color: var(--text-muted); }

@media (max-width: 720px) {
  .notification-item, .report-card-head, .reply-context-editor { align-items: stretch; flex-direction: column; }
  .forum-post-actions .btn { width: 100%; }
  .forum-post-actions form, .forum-post-actions details { width: 100%; }
  .report-popover { min-width: 0; width: 100%; }
}

/* ============================================================
   THEME SYSTEM, LEGAL PAGES AND FORUM EXPERIENCE — v5
   ============================================================ */
:root {
  --shadow-sm: 0 8px 24px rgba(0, 0, 0, .12);
  --shadow-md: 0 18px 54px rgba(0, 0, 0, .22);
  --surface-glass: rgba(26, 32, 41, .88);
  --accent-soft: rgba(98, 223, 189, .12);
  --blue-soft: rgba(111, 168, 220, .10);
  --red-soft: rgba(232, 97, 92, .10);
  --amber-soft: rgba(232, 166, 76, .11);
}

html[data-effective-theme="light"] {
  --bg: #f4f7fa;
  --bg-alt: #edf2f6;
  --surface: #ffffff;
  --surface-2: #f7f9fb;
  --border: #d5dee7;
  --border-soft: #e4eaf0;
  --text: #17212b;
  --text-muted: #526171;
  --text-faint: #64717f;
  --accent: #087f69;
  --accent-dim: #0b6b5b;
  --accent-green: #087f69;
  --accent-amber: #98530a;
  --accent-red: #b42318;
  --accent-blue: #175cd3;
  --surface-glass: rgba(255, 255, 255, .92);
  --accent-soft: rgba(8, 127, 105, .09);
  --blue-soft: rgba(23, 92, 211, .07);
  --red-soft: rgba(180, 35, 24, .07);
  --amber-soft: rgba(152, 83, 10, .08);
  --shadow-sm: 0 8px 24px rgba(30, 48, 64, .08);
  --shadow-md: 0 18px 54px rgba(30, 48, 64, .14);
}

html[data-effective-theme="light"] body { color-scheme: light; }
html[data-effective-theme="dark"] body { color-scheme: dark; }
html[data-effective-theme="light"] ::selection { color: #fff; }
html[data-effective-theme="light"] .site-header { background: rgba(244, 247, 250, .88); }
html[data-effective-theme="light"] .hero,
html[data-effective-theme="light"] .forum-hero {
  background: radial-gradient(680px 320px at 85% -10%, rgba(8,127,105,.09), transparent 70%), var(--bg);
}
html[data-effective-theme="light"] .demo-banner { color: #fff; }
html[data-effective-theme="light"] .noscript-notice { background: #fff4d6; color: #5d3b00; }
html[data-effective-theme="light"] .recovery-codes { background: #fff8e8; }
html[data-effective-theme="light"] .danger-zone summary { color: var(--accent-red); }
html[data-effective-theme="light"] .btn-danger-ghost:hover,
html[data-effective-theme="light"] .btn-danger-outline:hover { color: #fff; }
html[data-effective-theme="light"] .qr-code { box-shadow: 0 8px 24px rgba(30,48,64,.12); }
html[data-effective-theme="light"] .btn-solid { color: #fff; }
html[data-effective-theme="light"] .btn-solid:hover { background: var(--accent-dim); }
html[data-effective-theme="light"] .notification-badge { color: #fff; }

.theme-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 7px 11px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--surface);
  color: var(--text);
  box-shadow: var(--shadow-sm);
  transition: border-color .16s ease, transform .16s ease, background .16s ease;
}
.theme-toggle:hover { border-color: var(--accent); transform: translateY(-1px); }
.theme-toggle-icon {
  position: relative;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--bg-alt);
  color: var(--accent);
  font-size: 1.05rem;
}
.theme-toggle-label { font-family: var(--font-mono); font-size: .78rem; }
.theme-sun, .theme-moon { grid-area: 1 / 1; transition: opacity .16s ease, transform .16s ease; }
html[data-effective-theme="dark"] .theme-sun { opacity: 1; transform: rotate(0); }
html[data-effective-theme="dark"] .theme-moon { opacity: 0; transform: rotate(-35deg); }
html[data-effective-theme="light"] .theme-sun { opacity: 0; transform: rotate(35deg); }
html[data-effective-theme="light"] .theme-moon { opacity: 1; transform: rotate(0); }

/* Legal experience */
.legal-hero {
  padding: 64px 0 46px;
  border-bottom: 1px solid var(--border-soft);
  background: linear-gradient(135deg, var(--accent-soft), transparent 55%), var(--bg);
}
.legal-hero-inner { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 30px; align-items: end; }
.legal-hero h1 { font-size: clamp(2rem, 4vw, 3rem); }
.legal-hero .lede { max-width: 68ch; color: var(--text-muted); font-size: 1.06rem; }
.legal-status-chip {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 10px 14px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--surface);
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-size: .78rem;
  white-space: nowrap;
}
.legal-status-chip::before { content: ''; width: 9px; height: 9px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 4px var(--accent-soft); }
.legal-layout { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 30px; align-items: start; }
.legal-toc {
  position: sticky;
  top: 92px;
  padding: 20px;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}
.legal-toc h2 { font-size: .82rem; font-family: var(--font-mono); text-transform: uppercase; letter-spacing: .04em; color: var(--text-muted); }
.legal-toc nav { display: grid; gap: 3px; }
.legal-toc a { display: block; padding: 9px 10px; border-radius: 6px; color: var(--text-muted); font-size: .88rem; }
.legal-toc a:hover { color: var(--text); background: var(--bg-alt); }
.legal-document {
  max-width: none;
  padding: clamp(24px, 4vw, 48px);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}
.legal-document > section { padding: 4px 0 30px; border-bottom: 1px solid var(--border-soft); scroll-margin-top: 96px; }
.legal-document > section:last-child { border-bottom: 0; padding-bottom: 0; }
.legal-document h2 { margin-top: 22px; font-size: clamp(1.3rem, 2vw, 1.65rem); }
.legal-document h3 { margin-top: 22px; font-size: 1.05rem; }
.legal-document ul { list-style: disc; padding-left: 1.3rem; margin: 0 0 1em; }
.legal-document ol { padding-left: 1.4rem; }
.legal-document li { margin: .38em 0; }
.legal-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 20px 0; }
.legal-fact { padding: 16px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--bg-alt); }
.legal-fact span { display: block; color: var(--text-muted); font-family: var(--font-mono); font-size: .72rem; text-transform: uppercase; margin-bottom: 4px; }
.legal-note { border-left: 4px solid var(--accent-blue); padding: 18px 20px; background: var(--blue-soft); border-radius: 0 var(--radius) var(--radius) 0; }
.legal-placeholder { border-left-color: var(--accent-amber); background: var(--amber-soft); }
.legal-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 18px; }
.ai-process-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 24px 0; }
.ai-process-card { padding: 20px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface-2); }
.ai-process-card strong { display: block; margin: 8px 0 5px; }
.ai-step { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: var(--accent-soft); color: var(--accent); font-family: var(--font-mono); font-weight: 800; }
.ai-badge { display: inline-flex; align-items: center; gap: 7px; padding: 6px 10px; border-radius: 999px; background: var(--accent-soft); color: var(--accent); border: 1px solid color-mix(in srgb, var(--accent) 35%, var(--border)); font-family: var(--font-mono); font-size: .75rem; }

/* Forum home and category architecture */
.forum-hero {
  position: relative;
  overflow: hidden;
  padding: 68px 0 52px;
  border-bottom: 1px solid var(--border-soft);
}
.forum-hero::after { content: ''; position: absolute; width: 420px; height: 420px; right: -120px; top: -210px; border: 1px solid var(--border); border-radius: 50%; box-shadow: 0 0 0 48px transparent, 0 0 0 49px var(--border-soft), 0 0 0 98px transparent, 0 0 0 99px var(--border-soft); opacity: .55; pointer-events: none; }
.forum-hero-inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 430px); gap: 42px; align-items: end; }
.forum-hero h1 { font-size: clamp(2.2rem, 4.8vw, 3.7rem); letter-spacing: -.03em; }
.forum-hero .lede { color: var(--text-muted); max-width: 62ch; font-size: 1.08rem; }
.forum-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.forum-search-box { display: flex; gap: 9px; padding: 10px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-md); }
.forum-search-box input { width: 100%; min-width: 0; border: 0; background: transparent; color: var(--text); padding: 0 8px; }
.forum-search-box input:focus { outline: 0; }
.forum-stat-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 18px; }
.forum-stat { padding: 14px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface-glass); }
.forum-stat strong { display: block; font-size: 1.25rem; }
.forum-stat span { color: var(--text-muted); font-size: .76rem; font-family: var(--font-mono); }
.forum-dashboard { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 28px; align-items: start; }
.forum-section-head { display: flex; justify-content: space-between; gap: 20px; align-items: end; margin-bottom: 18px; }
.forum-section-head p { margin: 0; color: var(--text-muted); }
.forum-category-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.forum-category-card {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 16px;
  padding: 22px;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.forum-category-card:hover { transform: translateY(-3px); border-color: var(--accent); box-shadow: var(--shadow-md); }
.forum-category-icon { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 15px; background: linear-gradient(135deg, var(--accent-soft), var(--blue-soft)); color: var(--accent); font-family: var(--font-mono); font-size: 1.15rem; font-weight: 800; border: 1px solid var(--border-soft); }
.forum-category-card h3 { margin: 0 0 5px; }
.forum-category-card p { color: var(--text-muted); font-size: .91rem; margin-bottom: 15px; }
.forum-category-meta { display: flex; flex-wrap: wrap; gap: 10px 16px; color: var(--text-faint); font-family: var(--font-mono); font-size: .74rem; }
.forum-category-latest { grid-column: 1 / -1; margin-top: 2px; padding-top: 14px; border-top: 1px solid var(--border-soft); color: var(--text-muted); font-size: .82rem; }
.forum-category-latest strong { color: var(--text); }
.forum-sidebar { display: grid; gap: 18px; }
.forum-panel { padding: 22px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-sm); }
.forum-panel h2 { font-size: 1.05rem; }
.forum-latest-list { display: grid; }
.forum-latest-item { display: block; padding: 14px 0; border-bottom: 1px solid var(--border-soft); }
.forum-latest-item:last-child { border-bottom: 0; padding-bottom: 0; }
.forum-latest-item strong { display: block; font-size: .9rem; line-height: 1.4; }
.forum-latest-item span { color: var(--text-faint); font-size: .76rem; }
.forum-guidelines { margin: 0; padding-left: 1.2rem; list-style: disc; color: var(--text-muted); }
.forum-guidelines li { margin: .5rem 0; }

.forum-breadcrumbs { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; margin-bottom: 18px; color: var(--text-muted); font-size: .86rem; }
.forum-breadcrumbs a { color: var(--accent-blue); text-decoration: underline; text-underline-offset: .17em; }
.forum-breadcrumbs span[aria-hidden] { color: var(--text-faint); }
.forum-category-hero { padding: 46px 0 34px; border-bottom: 1px solid var(--border-soft); background: linear-gradient(120deg, var(--accent-soft), transparent 55%); }
.forum-category-title { display: grid; grid-template-columns: 68px minmax(0, 1fr) auto; gap: 20px; align-items: center; }
.forum-category-title .forum-category-icon { width: 68px; height: 68px; font-size: 1.35rem; }
.forum-category-title h1 { margin: 0 0 6px; font-size: clamp(1.8rem, 3.5vw, 2.65rem); }
.forum-category-title p { color: var(--text-muted); margin: 0; }
.forum-toolbar { display: flex; justify-content: space-between; gap: 16px; align-items: center; flex-wrap: wrap; margin-bottom: 18px; }
.forum-toolbar-group { display: flex; flex-wrap: wrap; gap: 9px; align-items: center; }
.forum-thread-list { display: grid; gap: 12px; }
.forum-thread-row {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 170px 170px;
  gap: 18px;
  align-items: center;
  padding: 20px;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
  transition: border-color .16s ease, transform .16s ease;
}
.forum-thread-row:hover { border-color: var(--accent); transform: translateY(-2px); }
.forum-thread-status { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 13px; background: var(--bg-alt); color: var(--text-muted); border: 1px solid var(--border-soft); }
.forum-thread-status.is-sticky { background: var(--amber-soft); color: var(--accent-amber); }
.forum-thread-status.is-solved { background: var(--accent-soft); color: var(--accent); }
.forum-thread-main h2 { font-size: 1.01rem; margin: 0 0 5px; }
.forum-thread-main p { margin: 0; color: var(--text-faint); font-size: .8rem; }
.forum-thread-metrics { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; text-align: center; }
.forum-thread-metric { padding: 8px; border-radius: 8px; background: var(--bg-alt); }
.forum-thread-metric strong { display: block; }
.forum-thread-metric span { color: var(--text-faint); font-size: .68rem; text-transform: uppercase; font-family: var(--font-mono); }
.forum-thread-last { color: var(--text-muted); font-size: .8rem; }
.forum-thread-last strong { display: block; color: var(--text); }
.forum-empty { padding: 40px 24px; text-align: center; border: 1px dashed var(--border); border-radius: var(--radius-lg); background: var(--surface); }

/* Forum thread */
.thread-hero { padding: 42px 0 30px; border-bottom: 1px solid var(--border-soft); background: linear-gradient(135deg, var(--blue-soft), transparent 62%); }
.thread-hero h1 { font-size: clamp(1.75rem, 3.4vw, 2.7rem); max-width: 25ch; }
.thread-hero-meta { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 15px; color: var(--text-muted); font-size: .82rem; }
.thread-layout { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 26px; align-items: start; }
.thread-sidebar { position: sticky; top: 92px; display: grid; gap: 16px; }
.thread-sidebar-card { padding: 20px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-sm); }
.thread-sidebar-card h2 { font-size: .95rem; }
.thread-facts { display: grid; gap: 12px; margin: 0; }
.thread-fact { display: flex; justify-content: space-between; gap: 12px; padding-bottom: 10px; border-bottom: 1px solid var(--border-soft); }
.thread-fact:last-child { border-bottom: 0; padding-bottom: 0; }
.thread-fact dt { color: var(--text-muted); }
.thread-fact dd { margin: 0; text-align: right; font-weight: 650; }
.forum-post-v2 {
  display: grid;
  grid-template-columns: 176px minmax(0, 1fr);
  padding: 0;
  overflow: clip;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}
.forum-post-v2 .forum-author-panel { padding: 22px 18px; background: var(--surface-2); border-right: 1px solid var(--border-soft); text-align: center; }
.forum-author-panel .avatar, .forum-author-panel .avatar-sm { margin: 0 auto 12px; width: 68px; height: 68px; }
.forum-author-panel .forum-author-name { display: block; font-weight: 750; overflow-wrap: anywhere; }
.forum-author-panel .badge { margin-top: 7px; }
.forum-author-meta { margin-top: 12px; color: var(--text-faint); font-size: .74rem; line-height: 1.5; }
.forum-post-v2 .forum-post-content { min-width: 0; }
.forum-post-v2 .forum-post-header { display: flex; justify-content: space-between; gap: 14px; align-items: center; padding: 15px 20px; background: var(--surface); }
.post-anchor { color: var(--text-muted); font-family: var(--font-mono); font-size: .78rem; }
.post-state { display: flex; gap: 7px; flex-wrap: wrap; }
.forum-post-v2 .forum-post-body { padding: 24px; min-height: 120px; }
.forum-post-v2 .forum-post-actions { padding: 13px 20px 17px; background: var(--surface-2); }
.forum-post-v2.is-solution { position: relative; }
.forum-post-v2.is-solution::before { content: '✓ Akzeptierte Lösung'; position: absolute; z-index: 2; top: 0; right: 18px; transform: translateY(-50%); padding: 5px 10px; border-radius: 999px; background: var(--accent); color: #06120e; font-family: var(--font-mono); font-size: .7rem; font-weight: 800; }
.reply-card { margin-top: 26px; padding: 26px; border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); }
.reply-card-head { display: flex; justify-content: space-between; gap: 18px; align-items: start; margin-bottom: 18px; }
.reply-card-head p { color: var(--text-muted); margin: 0; }
.forum-action-group { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.forum-action-group .btn { min-height: 40px; padding: 8px 12px; font-size: .78rem; }

/* Search, creation and member pages */
.forum-form-shell { max-width: 900px; margin: 0 auto; }
.forum-form-card { padding: clamp(22px, 4vw, 36px); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); }
.forum-form-intro { display: grid; grid-template-columns: 48px minmax(0,1fr); gap: 15px; margin-bottom: 24px; padding-bottom: 22px; border-bottom: 1px solid var(--border-soft); }
.forum-result-list { display: grid; gap: 12px; margin-top: 22px; }
.forum-result-card { padding: 20px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-sm); }
.member-hero-card { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 22px; align-items: center; }
.member-hero-card .avatar { width: 92px; height: 92px; }

@media (max-width: 1050px) {
  .main-nav { gap: 16px; }
  .theme-toggle-label { display: none; }
  .forum-dashboard, .thread-layout { grid-template-columns: 1fr; }
  .forum-sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .thread-sidebar { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); order: -1; }
  .forum-thread-row { grid-template-columns: 44px minmax(0, 1fr) 145px; }
  .forum-thread-last { grid-column: 2 / -1; }
}

@media (max-width: 820px) {
  .legal-layout { grid-template-columns: 1fr; }
  .legal-toc { position: static; }
  .legal-toc nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .forum-hero-inner { grid-template-columns: 1fr; }
  .forum-category-grid { grid-template-columns: 1fr; }
  .forum-post-v2 { grid-template-columns: 1fr; }
  .forum-post-v2 .forum-author-panel { display: flex; align-items: center; gap: 14px; text-align: left; border-right: 0; border-bottom: 1px solid var(--border-soft); }
  .forum-author-panel .avatar, .forum-author-panel .avatar-sm { margin: 0; width: 52px; height: 52px; }
  .forum-author-meta { margin: 0 0 0 auto; text-align: right; }
  .ai-process-grid { grid-template-columns: 1fr; }
}

@media (max-width: 660px) {
  .theme-toggle { padding: 6px; }
  .theme-toggle-icon { width: 30px; height: 30px; }
  .legal-hero-inner, .legal-facts, .forum-sidebar, .thread-sidebar { grid-template-columns: 1fr; }
  .legal-status-chip { justify-self: start; }
  .legal-toc nav { grid-template-columns: 1fr; }
  .forum-stat-strip { grid-template-columns: 1fr; }
  .forum-search-box { flex-direction: column; }
  .forum-category-title { grid-template-columns: 54px minmax(0, 1fr); }
  .forum-category-title .forum-category-icon { width: 54px; height: 54px; }
  .forum-category-title .btn { grid-column: 1 / -1; width: 100%; }
  .forum-thread-row { grid-template-columns: 38px minmax(0, 1fr); gap: 13px; }
  .forum-thread-status { width: 38px; height: 38px; }
  .forum-thread-metrics, .forum-thread-last { grid-column: 2; }
  .member-hero-card { grid-template-columns: 1fr; text-align: center; }
  .member-hero-card .avatar { margin: 0 auto; }
  .forum-author-meta { display: none; }
}

/* v5 completion: maintenance, profiles and legal AI details */
.ai-process-number {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  margin-bottom: 14px;
  border-radius: 12px;
  background: var(--accent-soft);
  color: var(--accent);
  font-family: var(--font-mono);
  font-weight: 800;
}
.member-hero-card { padding: clamp(22px, 4vw, 34px); }
.member-hero-card h1 { margin: 0 0 6px; }
.member-hero-card .lede { margin: 0; }
.forum-thread-row > form { margin: 0; justify-self: end; }
.maintenance-page {
  min-height: calc(100vh - 180px);
  display: grid;
  align-items: center;
  padding: clamp(50px, 9vw, 110px) 0;
  background:
    radial-gradient(720px 360px at 15% 10%, var(--accent-soft), transparent 68%),
    radial-gradient(640px 320px at 90% 85%, var(--blue-soft), transparent 70%),
    var(--bg);
}
.maintenance-layout { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr); gap: 28px; align-items: stretch; }
.maintenance-card { padding: clamp(28px, 5vw, 54px); border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }
.maintenance-card h1 { max-width: 15ch; font-size: clamp(2rem, 5vw, 3.7rem); }
.maintenance-symbol { display: grid; place-items: center; width: 64px; height: 64px; margin-bottom: 24px; border: 1px solid var(--border); border-radius: 20px; background: var(--accent-soft); color: var(--accent); font-size: 2rem; }
.maintenance-status { display: flex; gap: 14px; align-items: flex-start; margin: 28px 0; padding: 18px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface-2); }
.maintenance-status p { margin: 4px 0 0; color: var(--text-muted); }
.status-dot { flex: 0 0 auto; width: 12px; height: 12px; margin-top: 5px; border-radius: 50%; background: var(--accent-amber); box-shadow: 0 0 0 5px var(--amber-soft); }
.maintenance-legal { padding: 28px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-sm); }
.maintenance-legal nav { display: grid; margin-top: 18px; }
.maintenance-legal nav a { display: grid; gap: 3px; padding: 15px 0; border-bottom: 1px solid var(--border-soft); }
.maintenance-legal nav a:last-child { border-bottom: 0; }
.maintenance-legal nav strong { color: var(--text); }
.maintenance-legal nav span { color: var(--text-muted); font-size: .82rem; }

@media (max-width: 1050px) {
  .forum-thread-row > form { grid-column: 2 / -1; justify-self: start; }
}
@media (max-width: 820px) {
  .maintenance-layout { grid-template-columns: 1fr; }
}
@media (max-width: 660px) {
  .forum-thread-row > form { grid-column: 2; width: 100%; }
  .forum-thread-row > form .btn { width: 100%; }
}
.forum-section-spaced { margin-top: 32px; }

.contact-form-card{padding:30px}.field-actions{display:flex;align-items:end}.field-actions .btn{width:100%}@media(max-width:700px){.contact-form-card{padding:22px}}

/* ============================================================
   MOBILE-FIRST HARDENING — v6.1
   Optimized for 320px–1024px, touch, safe areas and zoom.
   ============================================================ */

html,
body {
  max-width: 100%;
  overflow-x: clip;
}

body {
  min-width: 0;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

main,
section,
article,
aside,
nav,
header,
footer,
.card,
.field,
.form-grid > *,
.split > *,
.side-layout > *,
.thread-layout > *,
.forum-dashboard > *,
.legal-layout > * {
  min-width: 0;
}

img,
video,
canvas,
svg,
iframe,
embed,
object {
  max-width: 100%;
}

video,
iframe {
  height: auto;
}

input,
textarea,
select,
button {
  max-width: 100%;
}

input,
textarea,
select {
  width: 100%;
}

textarea {
  resize: vertical;
}

pre,
code,
kbd,
samp,
.secret-code,
.snapshot,
.download-meta,
.forum-thread-main,
.forum-thread-last,
.admin-title,
.legal-document,
.content-body,
.article-body {
  overflow-wrap: anywhere;
  word-break: break-word;
}

pre {
  max-width: 100%;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
}

button,
.btn,
a,
summary,
input,
select,
textarea {
  touch-action: manipulation;
}

.container {
  width: 100%;
  padding-left: max(24px, env(safe-area-inset-left));
  padding-right: max(24px, env(safe-area-inset-right));
}

.site-header,
.cookie-banner,
.cookie-modal-panel,
.side-nav {
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}

.site-footer {
  padding-bottom: env(safe-area-inset-bottom);
}

/* Tables remain semantic and become deliberately scrollable where card mode
   would hide relationships between columns. */
.admin-table-scroll,
.table-scroll,
.cookie-table {
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
}

.admin-table-scroll:focus-visible,
.cookie-table:focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 2px;
}

.admin-table-basic {
  min-width: 680px;
}

.cookie-table {
  min-width: 620px;
}

.admin-table-basic th,
.admin-table-basic td,
.cookie-table th,
.cookie-table td {
  white-space: normal;
}

/* Prevent fixed third-party widgets from forcing horizontal scrolling. */
/* Tablet/mobile navigation: no fixed pixel offsets, no overlap. */
@media (max-width: 1000px) {
  .site-header {
    max-height: 100dvh;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .header-inner {
    min-height: 64px;
    height: auto;
    flex-wrap: wrap;
    column-gap: 14px;
    row-gap: 0;
  }

  .header-inner > .logo {
    min-height: 64px;
    display: inline-flex;
    align-items: center;
  }

  .main-nav,
  .header-actions {
    display: none;
  }

  .nav-toggle {
    display: flex;
    flex: 0 0 44px;
    margin-left: 4px;
  }

  .site-header.nav-open .main-nav,
  .site-header.nav-open .header-actions {
    position: static;
    inset: auto;
    width: 100%;
    flex-basis: 100%;
    border: 0;
    background: transparent;
  }

  .site-header.nav-open .main-nav {
    order: 3;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    padding: 12px 0;
    border-top: 1px solid var(--border-soft);
  }

  .site-header.nav-open .main-nav a {
    width: 100%;
    min-height: 48px;
    padding: 10px 12px;
    border-radius: var(--radius-sm);
    background: var(--surface);
  }

  .site-header.nav-open .main-nav a.is-active {
    background: var(--accent-soft);
    color: var(--accent);
  }

  .site-header.nav-open .header-actions {
    order: 4;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    align-items: stretch;
    padding: 0 0 16px;
  }

  .site-header.nav-open .header-actions > *,
  .site-header.nav-open .header-actions .btn,
  .site-header.nav-open .header-actions form,
  .site-header.nav-open .header-actions form button {
    width: 100%;
  }

  .site-header.nav-open .header-actions .theme-toggle {
    justify-content: center;
  }

  .site-header.nav-open .nav-toggle span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }

  .site-header.nav-open .nav-toggle span:nth-child(2) {
    opacity: 0;
  }

  .site-header.nav-open .nav-toggle span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }

  .nav-toggle span {
    transition: transform .16s ease, opacity .16s ease;
  }

  .forum-dashboard,
  .thread-layout,
  .legal-layout,
  .maintenance-layout,
  .two-col,
  .profile-grid,
  .side-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .thread-sidebar,
  .legal-toc,
  .side-nav {
    position: static;
  }

  .admin-layout {
    gap: 22px;
  }

  .admin-layout > .side-nav {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 6px;
    overflow-x: auto;
    padding: 8px 0 12px;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
  }

  .admin-layout > .side-nav .side-nav-label {
    display: none;
  }

  .admin-layout > .side-nav a {
    flex: 0 0 auto;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    scroll-snap-align: start;
    border: 1px solid var(--border);
    background: var(--surface);
  }
}

@media (max-width: 760px) {
  :root {
    --radius-lg: 12px;
  }

  .container {
    padding-left: max(16px, env(safe-area-inset-left));
    padding-right: max(16px, env(safe-area-inset-right));
  }

  body {
    font-size: 16px;
    line-height: 1.55;
  }

  h1,
  .hero h1,
  .legal-hero h1,
  .thread-hero h1,
  .maintenance-card h1 {
    text-wrap: balance;
  }

  .hero {
    padding: 54px 0 42px;
  }

  .page-hero,
  .legal-hero,
  .forum-hero,
  .thread-hero,
  .article-head {
    padding-top: 36px;
    padding-bottom: 28px;
  }

  .section {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .hero-terminal {
    margin-top: 30px;
  }

  .hero-actions,
  .legal-actions,
  .forum-hero-actions,
  .admin-tools,
  .admin-toolbar,
  .forum-toolbar,
  .moderation-toolbar,
  .reply-card-head,
  .section-heading-row {
    align-items: stretch;
    flex-direction: column;
  }

  .hero-actions .btn,
  .legal-actions .btn,
  .forum-hero-actions .btn,
  .admin-tools > .btn,
  .admin-toolbar > .btn,
  .forum-toolbar > .btn,
  .forum-toolbar-group,
  .forum-toolbar-group .btn,
  .moderation-toolbar .btn,
  .maintenance-card .btn {
    width: 100%;
  }

  .actions {
    width: 100%;
  }

  .actions > .btn,
  .actions > form,
  .actions > form .btn {
    flex: 1 1 150px;
  }

  .card,
  .profile-panel,
  .account-section,
  .auth-card,
  .reply-card,
  .forum-form-card,
  .contact-form-card,
  .legal-document,
  .thread-sidebar-card,
  .maintenance-card,
  .maintenance-legal {
    padding: 20px;
  }

  .auth-wrap {
    padding: 42px 0;
  }

  .auth-box,
  .forum-form-shell,
  .content-narrow {
    width: 100%;
  }

  .form-grid,
  .split,
  .field-row,
  .legal-facts,
  .ai-process-grid,
  .security-check-grid,
  .forum-sidebar,
  .thread-sidebar,
  .forum-category-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .field input,
  .field textarea,
  .field select,
  input,
  textarea,
  select {
    font-size: 16px;
  }

  .field-actions {
    align-items: stretch;
  }

  .profile-header {
    align-items: flex-start;
    padding: 28px 0;
  }

  .profile-nav {
    flex-direction: row;
    overflow-x: auto;
    padding-bottom: 8px;
    scroll-snap-type: x proximity;
  }

  .profile-nav a {
    flex: 0 0 auto;
    min-height: 44px;
    display: flex;
    align-items: center;
    white-space: nowrap;
    scroll-snap-align: start;
    border: 1px solid var(--border);
  }

  .article-body {
    width: 100%;
    padding: 32px max(16px, env(safe-area-inset-left)) 56px;
    font-size: 1rem;
  }

  .content-body table,
  .article-body table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .server-panel,
  .download-item {
    grid-template-columns: minmax(0, 1fr);
    text-align: left;
  }

  .server-connect .ip {
    width: 100%;
    justify-content: space-between;
    font-size: .95rem;
    overflow-wrap: anywhere;
  }

  .download-icon {
    width: 48px;
    height: 48px;
  }

  .download-item > .btn,
  .download-item > form,
  .download-item > form .btn {
    width: 100%;
  }

  .stat-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  .stat-item {
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: var(--surface);
  }

  .rules-list li {
    align-items: flex-start;
    padding: 14px 16px;
  }

  .footer-inner {
    padding-top: 38px;
    gap: 24px;
  }

  .footer-col {
    padding-top: 16px;
    border-top: 1px solid var(--border-soft);
  }

  .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .locked-banner,
  .maintenance-status,
  .notification-item,
  .report-card-head,
  .reply-context-editor {
    flex-direction: column;
    align-items: stretch;
  }

  .metric-grid,
  .stat-cards,
  .forum-stat-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .metric,
  .stat-card,
  .forum-stat {
    padding: 16px;
  }

  .admin-tools form,
  .admin-tools input,
  .admin-toolbar .search-field,
  .admin-toolbar .search-field input {
    width: 100%;
    max-width: none;
  }

  .admin-row {
    padding: 16px;
  }

  .admin-actions {
    width: 100%;
    flex-wrap: wrap;
  }

  .admin-actions .btn,
  .admin-actions form,
  .admin-actions form .btn {
    flex: 1 1 140px;
  }

  .activity-bars {
    min-height: 190px;
    padding-bottom: 8px;
  }

  .activity-bar {
    min-width: 42px;
    flex-basis: 42px;
  }

  .forum-category-title {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 14px;
  }

  .forum-category-title .forum-category-icon {
    width: 48px;
    height: 48px;
  }

  .forum-category-title .btn {
    grid-column: 1 / -1;
    width: 100%;
  }

  .forum-thread-row {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 12px;
    padding: 16px;
  }

  .forum-thread-status {
    width: 40px;
    height: 40px;
  }

  .forum-thread-metrics,
  .forum-thread-last,
  .forum-thread-row > form {
    grid-column: 2;
  }

  .forum-thread-row > form,
  .forum-thread-row > form .btn {
    width: 100%;
  }

  .forum-post-v2 .forum-author-panel {
    padding: 16px;
  }

  .forum-author-meta {
    display: none;
  }

  .forum-post-v2 .forum-post-header,
  .forum-post-v2 .forum-post-body,
  .forum-post-v2 .forum-post-actions {
    padding-left: 16px;
    padding-right: 16px;
  }

  .forum-post-v2 .forum-post-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .forum-post-v2 .forum-post-body {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .forum-post-actions,
  .forum-action-group {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  .forum-post-actions > *,
  .forum-post-actions form,
  .forum-post-actions details,
  .forum-post-actions .btn,
  .forum-action-group > *,
  .forum-action-group form,
  .forum-action-group .btn {
    width: 100%;
  }

  .report-popover {
    width: min(100%, calc(100vw - 32px));
    min-width: 0;
  }

  .reply-context,
  .blocked-post {
    margin-left: 16px;
    margin-right: 16px;
  }

  .thread-fact {
    align-items: flex-start;
  }

  .thread-fact dd {
    max-width: 58%;
    overflow-wrap: anywhere;
  }

  .member-hero-card {
    grid-template-columns: minmax(0, 1fr);
    text-align: center;
  }

  .member-hero-card .avatar {
    margin: 0 auto;
  }

  .legal-toc nav {
    grid-template-columns: minmax(0, 1fr);
  }

  .legal-status-chip {
    justify-self: start;
  }

  .cookie-banner {
    max-height: min(82dvh, 640px);
    padding-bottom: max(12px, env(safe-area-inset-bottom));
  }

  .cookie-banner-inner,
  .cookie-banner-actions {
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    width: 100%;
  }

  .cookie-modal {
    align-items: flex-end;
    padding: 0;
  }

  .cookie-modal-panel {
    width: 100%;
    max-width: none;
    max-height: 94dvh;
    padding: 20px 16px max(20px, env(safe-area-inset-bottom));
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  }

  .cookie-category-head {
    align-items: flex-start;
  }

  .cookie-modal-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .qr-code {
    min-width: 0;
    width: min(100%, 228px);
    min-height: 0;
    aspect-ratio: 1;
  }

  .qr-code img,
  .qr-code canvas {
    width: 100% !important;
    max-width: 220px;
  }

  .maintenance-page {
    min-height: calc(100dvh - 64px);
    padding: 42px 0;
  }
}

@media (max-width: 480px) {
  .container {
    padding-left: max(12px, env(safe-area-inset-left));
    padding-right: max(12px, env(safe-area-inset-right));
  }

  .header-inner > .logo {
    font-size: .86rem;
  }

  .site-header.nav-open .main-nav,
  .site-header.nav-open .header-actions {
    grid-template-columns: minmax(0, 1fr);
  }

  .theme-toggle-label {
    display: inline;
  }

  .hero,
  .page-hero,
  .legal-hero,
  .forum-hero,
  .thread-hero,
  .article-head {
    padding-top: 30px;
    padding-bottom: 24px;
  }

  .hero h1,
  .page-hero h1,
  .legal-hero h1,
  .thread-hero h1 {
    font-size: clamp(1.65rem, 9vw, 2.2rem);
  }

  .card,
  .profile-panel,
  .account-section,
  .auth-card,
  .reply-card,
  .forum-form-card,
  .contact-form-card,
  .legal-document,
  .thread-sidebar-card,
  .maintenance-card,
  .maintenance-legal {
    padding: 16px;
  }

  .hero-actions,
  .actions,
  .forum-post-actions,
  .forum-action-group,
  .cookie-noscript-actions {
    grid-template-columns: minmax(0, 1fr);
  }

  .hero-actions .btn,
  .actions > .btn,
  .actions > form,
  .actions > form .btn,
  .forum-post-actions > *,
  .forum-action-group > *,
  .cookie-noscript-actions .btn {
    width: 100%;
    flex-basis: 100%;
  }

  .metric-grid,
  .stat-cards,
  .forum-stat-strip,
  .stat-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .forum-post-v2.is-solution::before {
    position: static;
    display: block;
    transform: none;
    width: 100%;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    text-align: center;
  }

  .forum-post-v2 .forum-author-panel {
    align-items: flex-start;
  }

  .forum-author-panel .avatar,
  .forum-author-panel .avatar-sm {
    width: 44px;
    height: 44px;
  }

  .thread-hero-meta,
  .article-meta,
  .download-meta {
    flex-direction: column;
    gap: 5px;
  }

  .thread-fact {
    flex-direction: column;
    gap: 4px;
  }

  .thread-fact dd {
    max-width: 100%;
    text-align: left;
  }

  .notification-badge {
    min-width: 1.4rem;
    min-height: 1.4rem;
  }

  .cookie-modal-head {
    align-items: flex-start;
  }

  .cookie-modal-close {
    flex: 0 0 44px;
  }

  .error-code {
    font-size: 3.5rem;
  }
}

@media (max-height: 520px) and (orientation: landscape) {
  .site-header {
    position: relative;
  }

  .cookie-modal-panel {
    max-height: 100dvh;
  }

  .maintenance-page {
    min-height: auto;
  }
}

/* ============================================================
   LIVE POLISH & SETTINGS INFORMATION ARCHITECTURE — v7
   ============================================================ */
:root {
  --radius-xl: 22px;
  --ring: 0 0 0 4px var(--accent-soft);
  --surface-elevated: color-mix(in srgb, var(--surface) 92%, var(--accent) 8%);
}

body {
  min-height: 100vh;
  background:
    radial-gradient(900px 500px at 8% -12%, var(--accent-soft), transparent 70%),
    radial-gradient(700px 420px at 100% 24%, var(--blue-soft), transparent 72%),
    var(--bg);
}
main { min-height: 55vh; }
.site-header { box-shadow: 0 1px 0 var(--border-soft), 0 10px 32px rgba(0,0,0,.05); }
.header-inner { max-width: 1240px; }
.logo { letter-spacing: -.025em; }
.main-nav a { position: relative; }
.main-nav a::after { content: ''; position: absolute; left: 0; right: 0; bottom: 4px; height: 2px; border-radius: 2px; background: var(--accent); transform: scaleX(0); transition: transform .18s ease; }
.main-nav a:hover::after, .main-nav a.is-active::after { transform: scaleX(1); }

.card {
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.card:hover { box-shadow: var(--shadow-md); }
.btn { border-radius: 9px; font-weight: 650; letter-spacing: -.01em; }
.btn-solid { box-shadow: 0 8px 20px color-mix(in srgb, var(--accent) 22%, transparent); }
.btn-solid:hover { transform: translateY(-1px); }
.field input, .field textarea, .field select { border-radius: 9px; transition: border-color .15s ease, box-shadow .15s ease, background .15s ease; }
.field input:focus, .field textarea:focus, .field select:focus { border-color: var(--accent); box-shadow: var(--ring); }

.page-hero { position: relative; overflow: hidden; background: linear-gradient(135deg, var(--accent-soft), transparent 54%); }
.page-hero::after { content: ''; position: absolute; width: 280px; height: 280px; right: 5%; top: -170px; border: 1px solid var(--border); border-radius: 50%; box-shadow: 0 0 0 45px color-mix(in srgb, var(--border) 45%, transparent), 0 0 0 90px color-mix(in srgb, var(--border) 20%, transparent); pointer-events: none; }
.page-hero .container { position: relative; z-index: 1; }
.section-soft { border-block: 1px solid var(--border-soft); background: color-mix(in srgb, var(--surface) 42%, transparent); }
.section-intro { color: var(--text-muted); max-width: 68ch; margin-top: 10px; }
.empty-state { align-items: flex-start; justify-content: center; min-height: 200px; }
.empty-state > span { font: 700 1.6rem var(--font-mono); color: var(--accent); }

/* Home experience */
.home-hero { padding: 86px 0 72px; }
.home-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(380px, .9fr); gap: 58px; align-items: center; }
.home-hero-copy h1 { max-width: 760px; }
.home-hero-visual .hero-terminal { margin: 0; max-width: none; transform: perspective(900px) rotateY(-2deg) rotateX(1deg); }
.trust-list { display: flex; flex-wrap: wrap; gap: 10px 20px; margin-top: 28px; color: var(--text-muted); font-size: .85rem; }
.trust-list li { display: inline-flex; align-items: center; gap: 8px; }
.trust-list li::before { content: '✓'; color: var(--accent); font-weight: 800; }
.hero-mini-metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin-top: 14px; border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; background: var(--border); box-shadow: var(--shadow-sm); }
.hero-mini-metrics div { background: var(--surface); padding: 14px 12px; }
.hero-mini-metrics strong { display: block; font: 700 1.15rem var(--font-mono); color: var(--accent); }
.hero-mini-metrics span { display: block; color: var(--text-muted); font-size: .72rem; line-height: 1.35; margin-top: 3px; }
.system-health { display: inline-flex; align-items: center; gap: 9px; color: var(--text-muted); font: .78rem var(--font-mono); }
.system-health > span { width: 9px; height: 9px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 5px var(--accent-soft); }
.value-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.value-card { min-width: 0; padding: 26px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: linear-gradient(145deg, var(--surface), var(--surface-2)); box-shadow: var(--shadow-sm); }
.value-card > span { display: inline-grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: var(--accent-soft); color: var(--accent); font: 700 .8rem var(--font-mono); margin-bottom: 20px; }
.value-card h3 { font-size: 1.05rem; }
.value-card p { color: var(--text-muted); font-size: .9rem; margin: 0; }
.content-preview-section + .content-preview-section { padding-top: 12px; }
.content-preview-card { position: relative; overflow: hidden; min-height: 220px; }
.content-preview-card::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 3px; background: var(--accent); opacity: 0; transition: opacity .18s ease; }
.content-preview-card:hover::before { opacity: 1; }
.home-cta-section { padding-top: 10px; }
.home-cta { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 34px; padding: 34px; background: linear-gradient(135deg, var(--accent-soft), var(--surface) 58%, var(--blue-soft)); }
.home-cta h2 { font-size: clamp(1.4rem, 3vw, 2rem); }
.home-cta .actions { justify-content: flex-end; }

/* Admin navigation and settings hub */
.admin-layout > div { min-width: 0; }
.locked-banner { border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); }
.admin-breadcrumbs { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0 0 20px; color: var(--text-faint); font: .78rem var(--font-mono); }
.admin-breadcrumbs a { color: var(--accent-blue); text-decoration: underline; text-underline-offset: 3px; }
.settings-overview-hero { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 30px; padding: 32px; margin-bottom: 24px; background: linear-gradient(135deg, var(--accent-soft), var(--surface) 60%, var(--blue-soft)); }
.settings-overview-hero h2 { font-size: clamp(1.45rem, 3vw, 2rem); }
.settings-overview-hero p:last-child { max-width: 68ch; }
.readiness-score { display: grid; place-items: center; align-content: center; width: 154px; aspect-ratio: 1; border: 12px solid var(--accent-soft); outline: 1px solid var(--border); border-radius: 50%; background: var(--surface); text-align: center; box-shadow: var(--shadow-sm); }
.readiness-score strong { font: 750 1.8rem var(--font-mono); color: var(--accent); }
.readiness-score span { color: var(--text-muted); font-size: .72rem; max-width: 100px; line-height: 1.3; }
.settings-hub-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-bottom: 28px; }
.settings-hub-card { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 18px; padding: 22px; min-height: 138px; }
.settings-hub-icon, .settings-page-icon { display: grid; place-items: center; width: 50px; height: 50px; flex: 0 0 auto; border-radius: 15px; border: 1px solid color-mix(in srgb, var(--accent) 38%, var(--border)); background: var(--accent-soft); color: var(--accent); font: 700 1.25rem var(--font-mono); }
.settings-hub-body { min-width: 0; display: grid; gap: 6px; color: var(--text-muted); font-size: .88rem; }
.settings-hub-body small { color: var(--accent-amber); overflow-wrap: anywhere; }
.settings-hub-title { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--text); }
.settings-hub-title strong { font-size: 1.02rem; }
.settings-hub-arrow { color: var(--accent); font: 1.4rem var(--font-mono); transition: transform .18s ease; }
.settings-hub-card:hover .settings-hub-arrow { transform: translateX(4px); }
.settings-state { display: inline-flex; align-items: center; min-height: 26px; padding: 3px 9px; border-radius: 999px; border: 1px solid var(--border); font: 700 .68rem var(--font-mono); white-space: nowrap; }
.settings-state-ready { color: var(--accent); border-color: color-mix(in srgb, var(--accent) 55%, var(--border)); background: var(--accent-soft); }
.settings-state-warning { color: var(--accent-amber); border-color: color-mix(in srgb, var(--accent-amber) 55%, var(--border)); background: var(--amber-soft); }
.settings-state-optional { color: var(--text-muted); background: var(--surface-2); }
.launch-checklist { padding: 30px; }
.checklist-grid { list-style: none; counter-reset: launch; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; margin: 22px 0 0; padding: 0; }
.checklist-grid li { counter-increment: launch; display: grid; grid-template-columns: auto minmax(0,1fr); column-gap: 12px; padding: 16px; border: 1px solid var(--border-soft); border-radius: 12px; background: var(--surface-2); }
.checklist-grid li::before { content: counter(launch, decimal-leading-zero); grid-row: 1 / 3; color: var(--accent); font: 700 .76rem var(--font-mono); padding-top: 2px; }
.checklist-grid strong { font-size: .9rem; }
.checklist-grid span { color: var(--text-muted); font-size: .82rem; margin-top: 2px; }

.settings-page-layout { display: grid; grid-template-columns: 224px minmax(0,1fr); gap: 26px; align-items: start; }
.settings-section-nav { position: sticky; top: 88px; display: grid; gap: 5px; padding: 10px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-sm); }
.settings-section-nav a { display: flex; align-items: center; gap: 10px; min-height: 42px; padding: 9px 10px; border-radius: 9px; color: var(--text-muted); font-size: .82rem; }
.settings-section-nav a span { color: var(--accent); font-family: var(--font-mono); }
.settings-section-nav a:hover { color: var(--text); background: var(--surface-2); }
.settings-section-nav a.is-active { color: var(--text); background: var(--accent-soft); box-shadow: inset 3px 0 0 var(--accent); }
.settings-section-nav .settings-section-overview { color: var(--accent-blue); border-bottom: 1px solid var(--border-soft); border-radius: 0; margin-bottom: 4px; }
.settings-page-main { min-width: 0; }
.settings-page-intro { display: flex; flex-direction: row; align-items: center; gap: 20px; padding: 24px; margin-bottom: 18px; background: linear-gradient(135deg, var(--accent-soft), var(--surface) 70%); }
.settings-page-intro h2 { margin-bottom: 4px; }
.settings-page-intro p:last-child { margin: 0; }
.settings-group { padding: 0; overflow: hidden; }
.settings-group:hover { transform: none; border-color: var(--border); box-shadow: var(--shadow-sm); }
.settings-group-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 22px 24px 18px; border-bottom: 1px solid var(--border-soft); background: linear-gradient(180deg, var(--surface-2), var(--surface)); }
.settings-group-head h2 { font-size: 1.15rem; margin: 0; }
.settings-group-head > span { color: var(--text-faint); font: .72rem var(--font-mono); white-space: nowrap; }
.settings-group .form-grid { padding: 24px 24px 6px; gap: 0 22px; }
.settings-group .field { padding: 2px 0; }
.settings-form { padding-bottom: 88px; }
.settings-save-bar { position: sticky; bottom: 12px; z-index: 15; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 15px 16px 15px 20px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface-glass); backdrop-filter: blur(14px); box-shadow: var(--shadow-md); }
.settings-save-bar div { display: grid; }
.settings-save-bar strong { font-size: .88rem; }
.settings-save-bar span { color: var(--text-muted); font-size: .76rem; }

.switch-row { display: flex !important; align-items: center; justify-content: space-between; gap: 18px; min-height: 72px; padding: 14px 16px; border: 1px solid var(--border); border-radius: 11px; background: var(--surface-2); color: var(--text) !important; }
.switch-row > span:first-child { display: grid; gap: 4px; }
.switch-row strong { font: 650 .9rem var(--font-sans); }
.switch-row small { color: var(--text-muted); font: .78rem/1.45 var(--font-sans); }
.switch-control { position: relative; flex: 0 0 auto; width: 48px; height: 28px; }
.switch-control input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.switch-control > span { position: absolute; inset: 0; border: 1px solid var(--border); border-radius: 99px; background: var(--bg-alt); transition: background .18s ease, border-color .18s ease; }
.switch-control > span::after { content: ''; position: absolute; width: 20px; height: 20px; left: 3px; top: 3px; border-radius: 50%; background: var(--text-muted); transition: transform .18s ease, background .18s ease; }
.switch-control input:checked + span { border-color: var(--accent); background: var(--accent-soft); }
.switch-control input:checked + span::after { transform: translateX(20px); background: var(--accent); }
.switch-control input:focus-visible + span { outline: 3px solid var(--accent); outline-offset: 3px; }

/* Reusable layout utilities replacing scattered inline declarations */
.content-narrow { max-width: 950px; }
.card-pad-lg { padding: 28px; }
.card-pad-md { padding: 22px; }
.space-top-sm { margin-top: 12px; }
.space-top-md { margin-top: 20px; }
.space-top-lg { margin-top: 32px; }
.section-no-top { padding-top: 0; }
.textarea-short { min-height: 90px !important; }
.textarea-editor { min-height: 420px !important; font-family: var(--font-mono); line-height: 1.7; }
.actions-push { margin-top: 16px; }

@media (max-width: 1100px) {
  .home-hero-grid { grid-template-columns: 1fr; gap: 40px; }
  .home-hero-copy { max-width: 800px; }
  .home-hero-visual { max-width: 760px; }
  .value-grid { grid-template-columns: repeat(2, 1fr); }
  .settings-page-layout { grid-template-columns: 1fr; }
  .settings-section-nav { position: static; display: flex; overflow-x: auto; scrollbar-width: thin; padding: 8px; }
  .settings-section-nav a { flex: 0 0 auto; white-space: nowrap; }
  .settings-section-nav .settings-section-overview { border-bottom: 0; border-right: 1px solid var(--border-soft); margin: 0 4px 0 0; padding-right: 14px; }
}

@media (max-width: 760px) {
  .home-hero { padding-top: 62px; }
  .hero-mini-metrics { grid-template-columns: repeat(2, 1fr); }
  .value-grid, .settings-hub-grid, .checklist-grid { grid-template-columns: 1fr; }
  .settings-overview-hero { grid-template-columns: 1fr; padding: 24px; }
  .readiness-score { width: 132px; justify-self: start; }
  .settings-hub-card { min-height: 0; grid-template-columns: auto minmax(0,1fr); }
  .settings-hub-arrow { display: none; }
  .settings-hub-title { align-items: flex-start; flex-direction: column; }
  .settings-page-intro { align-items: flex-start; }
  .settings-group-head { padding: 18px; }
  .settings-group .form-grid { padding: 18px 18px 2px; }
  .settings-save-bar { bottom: max(8px, env(safe-area-inset-bottom)); align-items: stretch; flex-direction: column; }
  .settings-save-bar .btn { width: 100%; }
  .home-cta { grid-template-columns: 1fr; padding: 25px; }
  .home-cta .actions { justify-content: flex-start; }
}

@media (max-width: 480px) {
  .home-hero-visual .hero-terminal { transform: none; }
  .trust-list { display: grid; gap: 8px; }
  .settings-hub-card { padding: 18px; }
  .settings-hub-icon, .settings-page-icon { width: 44px; height: 44px; border-radius: 12px; }
  .settings-page-intro { padding: 18px; }
  .switch-row { align-items: flex-start; }
}
.notification-title { font-size: 1.15rem; }
.flush-heading { margin: 0; }
.block-gap { margin-bottom: 24px; }
.error-page { padding: clamp(70px, 12vw, 140px) 0; }
.error-page-inner { display: grid; grid-template-columns: auto minmax(0, 680px); align-items: center; justify-content: center; gap: 42px; }
.error-code { font: 800 clamp(5rem, 15vw, 10rem)/.8 var(--font-mono); color: transparent; -webkit-text-stroke: 2px var(--border); text-shadow: 0 20px 50px var(--accent-soft); }
.error-card { padding: 34px; background: linear-gradient(135deg, var(--accent-soft), var(--surface) 62%); }
.error-card h1 { font-size: clamp(1.7rem, 4vw, 2.6rem); }
@media (max-width: 720px) { .error-page-inner { grid-template-columns: 1fr; gap: 22px; } .error-code { font-size: 5rem; } }

/* ============================================================
   TOOLS, STATUSPAGES AND NETWORK UTILITIES — v8.0
   ============================================================ */
.tool-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.tool-card { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 20px; min-height: 170px; padding: 26px; background: linear-gradient(145deg, var(--surface), var(--surface-2)); }
.tool-card:hover { border-color: color-mix(in srgb, var(--accent) 52%, var(--border)); transform: translateY(-2px); }
.tool-card h2 { margin-bottom: 7px; }
.tool-card p:last-child { margin: 0; color: var(--text-muted); }
.tool-icon { display: grid; place-items: center; width: 58px; height: 58px; border: 1px solid color-mix(in srgb, var(--accent) 42%, var(--border)); border-radius: 18px; background: var(--accent-soft); color: var(--accent); font: 800 1.35rem var(--font-mono); }
.tool-arrow { color: var(--accent); font: 1.7rem var(--font-mono); }
.tools-split { align-items: start; }
.feature-list { display: grid; gap: 12px; }
.feature-list li { position: relative; padding-left: 25px; color: var(--text-muted); }
.feature-list li::before { content: '✓'; position: absolute; left: 0; color: var(--accent); font-weight: 800; }

.speedtest-panel { padding: clamp(22px, 5vw, 42px); overflow: hidden; background: radial-gradient(circle at 85% 5%, var(--accent-soft), transparent 34%), var(--surface); }
.speedtest-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 28px; }
.speedtest-head > div { max-width: 680px; }
.speedtest-results { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin: 30px 0 22px; }
.speedtest-metric { display: grid; gap: 4px; min-width: 0; padding: 20px 16px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface-2); text-align: center; }
.speedtest-metric span { color: var(--text-muted); font-size: .8rem; }
.speedtest-metric strong { color: var(--accent); font: 800 clamp(1.65rem, 5vw, 2.6rem)/1 var(--font-mono); overflow-wrap: anywhere; }
.speedtest-metric small { color: var(--text-faint); }
.speedtest-metric em { min-height: 1.2em; color: var(--text-muted); font-style: normal; font-size: .7rem; line-height: 1.25; }
.speedtest-progress { margin-top: 24px; }
.speedtest-progress-bar { height: 9px; overflow: hidden; border-radius: 999px; background: var(--bg-alt); border: 1px solid var(--border); }
.speedtest-progress-bar span { display: block; width: 0; height: 100%; background: linear-gradient(90deg, var(--accent-dim), var(--accent)); transition: width .25s ease; }
.speedtest-progress p { margin: 8px 0 0; color: var(--text-muted); font-size: .85rem; }
.speedtest-note { margin: 0; }

.truncate-url { display: block; max-width: 320px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.redirect-card { max-width: 760px; }
.destination-box { display: grid; gap: 8px; margin: 24px 0; padding: 18px; border: 1px solid var(--border); border-radius: 12px; background: var(--bg-alt); }
.destination-box strong { color: var(--accent); }
.destination-box code { overflow-wrap: anywhere; white-space: normal; color: var(--text-muted); }

.status-admin-card { padding: 26px; }
.status-monitor-grid { display: grid; gap: 12px; }
.status-monitor-card { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 14px; padding: 15px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-2); }
.status-monitor-card p, .status-monitor-card small { margin: 0; color: var(--text-muted); }
.status-dot { display: inline-block; width: 12px; height: 12px; flex: 0 0 auto; border-radius: 50%; background: var(--text-faint); box-shadow: 0 0 0 4px color-mix(in srgb, var(--text-faint) 14%, transparent); }
.status-up { background-color: var(--accent) !important; }
.status-degraded { background-color: var(--accent-amber) !important; }
.status-down { background-color: var(--accent-red) !important; }
.status-unknown { background-color: var(--text-faint) !important; }
.add-monitor-card { padding: 18px; }
.add-monitor-card > summary, .settings-inline-editor > summary { cursor: pointer; font-weight: 700; }
.settings-inline-editor { margin-top: 18px; }
.moderation-advanced { width: 100%; }
.moderation-advanced > summary { width: fit-content; }
.moderation-advanced-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; margin-top: 16px; }
.moderation-advanced-grid form { display: grid; gap: 12px; padding: 16px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-2); }
.moderation-advanced-grid label { display: grid; gap: 7px; }

.status-public-hero { padding: clamp(70px, 10vw, 120px) 0 52px; border-bottom: 1px solid var(--border); background: radial-gradient(circle at 70% 20%, var(--accent-soft), transparent 35%), var(--bg-alt); }
.status-public-down { background: radial-gradient(circle at 70% 20%, color-mix(in srgb, var(--accent-red) 17%, transparent), transparent 35%), var(--bg-alt); }
.status-public-degraded { background: radial-gradient(circle at 70% 20%, var(--amber-soft), transparent 35%), var(--bg-alt); }
.overall-status { display: inline-flex; align-items: center; gap: 12px; margin-top: 18px; padding: 12px 16px; border: 1px solid var(--border); border-radius: 999px; background: var(--surface-glass); }
.public-monitor-card { padding: 24px; }
.public-monitor-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.public-monitor-head > div { display: flex; align-items: center; gap: 14px; }
.public-monitor-head h2, .public-monitor-head p { margin: 0; }
.public-monitor-head p { color: var(--text-muted); }
.status-kpis { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; margin: 22px 0; }
.status-kpis > div { display: grid; gap: 4px; padding: 13px; border-radius: 10px; background: var(--surface-2); }
.status-kpis span { color: var(--text-muted); font-size: .75rem; }
.status-kpis strong { font-size: .9rem; overflow-wrap: anywhere; }
.status-history { display: grid; grid-template-columns: repeat(48, minmax(3px,1fr)); gap: 3px; min-height: 26px; }
.status-history-item { min-height: 26px; border-radius: 3px; background: var(--text-faint); }
.status-footer-note { margin: 26px 0 0; color: var(--text-muted); font-size: .78rem; text-align: center; }

.input-prefix { display: flex; align-items: stretch; min-width: 0; }
.input-prefix > span { display: flex; align-items: center; max-width: 50%; padding: 0 12px; border: 1px solid var(--border); border-right: 0; border-radius: 8px 0 0 8px; background: var(--bg-alt); color: var(--text-muted); font: .75rem var(--font-mono); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.input-prefix input { min-width: 0; border-radius: 0 8px 8px 0 !important; }
.imap-form fieldset { min-width: 0; margin: 0; padding: 20px; border: 1px solid var(--border); border-radius: 13px; background: var(--surface-2); }
.imap-form legend { padding: 0 8px; color: var(--accent); font: 700 .82rem var(--font-mono); }
.migration-result { padding: 26px; margin-bottom: 20px; }

.ip-result-card { padding: clamp(24px,5vw,42px); background: radial-gradient(circle at 88% 10%, var(--accent-soft), transparent 33%), var(--surface); }
.ip-address { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 18px 0 28px; padding: 18px; border: 1px solid var(--border); border-radius: 13px; background: var(--bg-alt); }
.ip-address code { color: var(--accent); font-size: clamp(1.05rem,4vw,1.7rem); overflow-wrap: anywhere; }
.ip-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 0; }
.ip-facts > div { padding: 14px; border-radius: 10px; background: var(--surface-2); }
.ip-facts dt { color: var(--text-muted); font-size: .75rem; }
.ip-facts dd { margin: 4px 0 0; overflow-wrap: anywhere; }
.dual-ip-results { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 18px; }
.dual-ip-results > div { display: grid; gap: 4px; padding: 16px; border: 1px solid var(--border); border-radius: 11px; background: var(--surface-2); }
.dual-ip-results span { color: var(--text-muted); font-size: .78rem; }
.dual-ip-results strong { overflow-wrap: anywhere; }

.dashboard-quick-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin: 20px 0; }
.dashboard-quick-card { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 14px; padding: 18px; }
.dashboard-quick-card > span { color: var(--accent); font: 800 1.2rem var(--font-mono); }
.dashboard-quick-card p { margin: 4px 0 0; color: var(--text-muted); font-size: .82rem; }

@media (max-width: 900px) {
  .speedtest-results, .status-kpis { grid-template-columns: repeat(2,1fr); }
  .dashboard-quick-grid { grid-template-columns: 1fr; }
  .moderation-advanced-grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .tool-grid { grid-template-columns: 1fr; }
  .tool-card { min-height: 0; padding: 20px; grid-template-columns: auto minmax(0,1fr); }
  .tool-arrow { display: none; }
  .speedtest-head { flex-direction: column; }
  .speedtest-start { width: 100%; }
  .status-monitor-card { grid-template-columns: auto minmax(0,1fr); align-items: start; }
  .status-monitor-card .actions { grid-column: 1 / -1; }
  .public-monitor-head { flex-direction: column; }
  .status-history { grid-template-columns: repeat(24,minmax(5px,1fr)); }
  .ip-facts, .dual-ip-results { grid-template-columns: 1fr; }
  .ip-address { align-items: stretch; flex-direction: column; }
  .input-prefix { display: grid; }
  .input-prefix > span { max-width: none; min-height: 42px; border-right: 1px solid var(--border); border-bottom: 0; border-radius: 8px 8px 0 0; }
  .input-prefix input { border-radius: 0 0 8px 8px !important; }
}
@media (max-width: 480px) {
  .speedtest-results, .status-kpis { grid-template-columns: 1fr; }
  .tool-card { grid-template-columns: 1fr; }
  .tool-icon { width: 48px; height: 48px; }
  .status-history { grid-template-columns: repeat(16,minmax(6px,1fr)); }
}
.status-monitor-entry { display: grid; gap: 8px; }
.monitor-inline-editor { margin-left: 42px; padding: 10px 14px; border: 1px solid var(--border-soft); border-radius: 10px; background: var(--surface); }
.monitor-inline-editor > summary { cursor: pointer; color: var(--accent-blue); font-size: .82rem; font-weight: 700; }
@media (max-width: 760px) { .monitor-inline-editor { margin-left: 0; } }
.provider-consent-box { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 20px; padding: 16px; border: 1px solid var(--border); border-radius: 11px; background: var(--surface-2); }
.provider-consent-box p { margin: 0; color: var(--text-muted); }
@media (max-width: 760px) { .provider-consent-box { align-items: stretch; flex-direction: column; } .provider-consent-box .btn { width: 100%; } }

/* v8.2: Stromkosten, Bash-Skripte und Neuregistrierungssperren */
.power-calculator-layout,
.script-detail-layout,
.script-admin-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
  gap: 22px;
  align-items: start;
}
.power-calculator,
.power-results,
.script-source-card,
.script-install-card,
.script-editor-form { min-width: 0; }
.power-result-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
  margin: 22px 0;
}
.power-result-grid > div {
  display: grid;
  gap: 5px;
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface-2);
}
.power-result-grid span { color: var(--text-muted); font-size: .78rem; }
.power-result-grid strong { color: var(--accent); font: 800 clamp(1.05rem, 3vw, 1.45rem)/1.2 var(--font-mono); overflow-wrap: anywhere; }
.formula-box,
.command-box {
  display: grid;
  gap: 10px;
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--bg-alt);
}
.formula-box code,
.command-box code { white-space: normal; overflow-wrap: anywhere; color: var(--text-muted); }

.script-catalog-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; }
.script-card { display: grid; align-content: start; gap: 16px; padding: 24px; }
.script-card-head { display: flex; align-items: center; gap: 14px; }
.script-card h2,
.script-card p { margin: 0; }
.script-meta { display: grid; gap: 10px; margin: 0; }
.script-meta > div { display: grid; grid-template-columns: 110px minmax(0,1fr); gap: 10px; }
.script-meta dt { color: var(--text-muted); font-size: .78rem; }
.script-meta dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.script-meta.stacked > div { grid-template-columns: 1fr; gap: 3px; }
.script-source {
  max-height: 72vh;
  margin: 0;
  padding: 20px;
  overflow: auto;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: #0b0f14;
  color: #d7e2ec;
  font: .86rem/1.65 var(--font-mono);
  tab-size: 2;
  white-space: pre;
}
html[data-effective-theme="light"] .script-source { background: #111820; color: #edf4fa; }
.numbered-steps { display: grid; gap: 9px; padding-left: 24px; color: var(--text-muted); }
.code-editor { min-height: 520px; font: .86rem/1.55 var(--font-mono); tab-size: 2; }
.registration-block-options {
  min-width: 0;
  margin: 18px 0;
  padding: 18px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface-2);
}
.registration-block-options legend { padding: 0 8px; color: var(--accent); font-weight: 800; }

@media (max-width: 980px) {
  .power-calculator-layout,
  .script-detail-layout,
  .script-admin-layout { grid-template-columns: 1fr; }
  .script-install-card { position: static; }
}
@media (max-width: 760px) {
  .script-catalog-grid { grid-template-columns: 1fr; }
  .power-result-grid { grid-template-columns: 1fr; }
  .script-meta > div { grid-template-columns: 1fr; gap: 3px; }
  .script-source { max-height: 60vh; padding: 14px; font-size: .78rem; }
  .code-editor { min-height: 420px; }
}

/* v9.0: Netzwerk-Werkzeuge und mandantenfähiger Website-Baukasten */
.network-tool-layout,.diagnostic-layout,.cron-layout,.builder-media-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);gap:22px;align-items:start}.network-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.network-facts>div{min-width:0;padding:13px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.network-facts dt{color:var(--text-muted);font-size:.76rem}.network-facts dd{margin:4px 0 0;overflow-wrap:anywhere}.network-facts code,.wrap-code{white-space:normal;overflow-wrap:anywhere}.tool-action-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.status-callout{display:grid;gap:6px;padding:20px;border-radius:13px}.status-callout-success{border:1px solid #2f8b57;background:color-mix(in srgb,#2f8b57 16%,var(--surface))}.status-callout-danger{border:1px solid #b94c5c;background:color-mix(in srgb,#b94c5c 16%,var(--surface))}.text-danger{color:var(--danger)!important}.secret-list{display:grid;gap:10px;margin:18px 0}.secret-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.secret-list code{overflow-wrap:anywhere}.content-grid.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.content-grid.three article{padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}
.builder-site-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.builder-site-card{display:grid;gap:18px;min-width:0}.builder-site-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.builder-site-head h2,.builder-site-head p{margin:0}.builder-color-dot{flex:0 0 auto;width:34px;height:34px;border-radius:50%;border:3px solid var(--surface);box-shadow:0 0 0 1px var(--border);background:var(--dot-color)}.builder-site-links{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.builder-site-links code{overflow-wrap:anywhere}.builder-publish-row{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid var(--border-soft);padding-top:15px}.domain-verification-box{display:grid;gap:10px;margin-top:16px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.domain-verification-box dl{display:grid;gap:8px}.domain-verification-box dl>div{display:grid;gap:3px}.domain-verification-box dd{margin:0;overflow-wrap:anywhere}.builder-editor-section>.container{max-width:1500px}.builder-editor-shell{display:grid;grid-template-columns:250px minmax(0,1fr) 320px;gap:16px;align-items:start}.builder-page-sidebar,.builder-inspector{position:sticky;top:92px;max-height:calc(100vh - 110px);overflow:auto}.builder-page-list{display:grid;gap:7px}.builder-page-list a{display:flex;justify-content:space-between;gap:8px;padding:10px;border:1px solid var(--border-soft);border-radius:9px;color:var(--text-muted);text-decoration:none}.builder-page-list a.is-active{border-color:var(--accent);background:var(--surface-2);color:var(--text)}.builder-page-list small{font-size:.7rem}.builder-add-page{margin-top:14px}.vertical-actions{display:grid;margin-top:18px}.builder-editor-main{min-width:0;padding:0;overflow:hidden}.builder-page-settings{padding:20px;border-bottom:1px solid var(--border)}.builder-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:14px 20px;border-bottom:1px solid var(--border);background:var(--surface-2)}.builder-canvas{display:grid;gap:10px;min-height:420px;padding:20px;background:repeating-linear-gradient(135deg,var(--surface),var(--surface) 14px,var(--surface-2) 14px,var(--surface-2) 28px)}.builder-block{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-sm)}.builder-block.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent)}.builder-block.is-dragging{opacity:.5}.builder-drag{cursor:grab;border:0;background:transparent;color:var(--text-muted);font-size:1.3rem}.builder-block-select{display:grid;gap:2px;min-width:0;text-align:left;border:0;background:transparent;color:var(--text);cursor:pointer}.builder-block-select span,.builder-block-select small{color:var(--text-muted);font-size:.7rem}.builder-block-select strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.builder-block-actions{display:flex;gap:7px}.builder-empty-canvas{display:grid;place-items:center;align-content:center;gap:5px;min-height:380px;color:var(--text-muted)}.builder-save-bar{position:sticky;bottom:0;z-index:8;margin:0;border-radius:0}.builder-inspector-title{display:flex;justify-content:space-between;gap:8px;margin-bottom:16px}.builder-inspector-title code{font-size:.7rem;color:var(--text-muted)}.builder-inspector textarea{min-height:120px}.builder-asset-choices{display:grid;gap:8px;max-height:260px;overflow:auto;padding:12px;border:1px solid var(--border);border-radius:10px}.builder-asset-choices label{display:flex;gap:8px;align-items:center}.builder-page-actions{display:grid;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.builder-media-layout{margin-bottom:24px}.builder-asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.builder-asset-card{overflow:hidden;padding:0}.builder-asset-card img{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--surface-2)}.builder-asset-card>div{display:grid;gap:8px;padding:16px}.builder-asset-card small{color:var(--text-muted)}.contact-message.is-unread{border-color:var(--accent)}
@media(max-width:1150px){.builder-editor-shell{grid-template-columns:210px minmax(0,1fr)}.builder-inspector{position:static;grid-column:1/-1;max-height:none}.builder-page-sidebar{top:84px}.builder-site-grid{grid-template-columns:1fr}}
@media(max-width:850px){.network-tool-layout,.diagnostic-layout,.cron-layout,.builder-media-layout{grid-template-columns:1fr}.content-grid.three,.builder-asset-grid{grid-template-columns:1fr 1fr}.builder-editor-shell{grid-template-columns:1fr}.builder-page-sidebar{position:static;max-height:none}.builder-page-list{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-block{grid-template-columns:auto minmax(0,1fr)}.builder-block-actions{grid-column:1/-1;justify-content:flex-end}}
@media(max-width:600px){.network-facts,.content-grid.three,.builder-asset-grid,.builder-page-list{grid-template-columns:1fr}.secret-list>div{grid-template-columns:1fr}.builder-toolbar{align-items:stretch}.builder-toolbar .btn{flex:1 1 42%}.builder-block-actions{display:grid;grid-template-columns:1fr 1fr}.builder-save-bar .actions{display:grid;width:100%;grid-template-columns:1fr}.builder-site-head,.builder-publish-row{align-items:stretch;flex-direction:column}}

.builder-revisions{margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.builder-revisions summary{cursor:pointer;font-weight:800}.builder-revisions .btn{width:100%;justify-content:flex-start}

/* v10 main website studio */
.studio-hero,.studio-promo{display:flex;align-items:center;justify-content:space-between;gap:28px}.readiness-ring{display:grid;place-items:center;align-content:center;width:118px;aspect-ratio:1;border-radius:50%;border:10px solid color-mix(in srgb,var(--accent) 28%,var(--border));background:var(--surface);flex:0 0 auto}.readiness-ring strong{font-size:1.65rem;color:var(--accent)}.readiness-ring span,.readiness-mini span{font-size:.72rem;color:var(--text-muted)}.readiness-mini{display:grid;place-items:center;padding:10px 14px;border:1px solid var(--border);border-radius:12px}.readiness-mini strong{color:var(--accent);font-size:1.15rem}.builder-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.studio-promo{padding:28px;border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--surface)),var(--surface))}.builder-style-settings{margin-top:24px;padding:18px;border:1px solid var(--border);border-radius:12px}.builder-style-settings legend{padding:0 8px;color:var(--accent);font-weight:800}.builder-page-settings{padding:18px;border-bottom:1px solid var(--border)}.builder-page-settings>summary{cursor:pointer;font-weight:850}.settings-status-row{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:13px;border:1px solid var(--border);border-radius:10px}.settings-status-row span:first-child{display:grid}.settings-status-row small{color:var(--text-muted)}.platform-builder-content{--tenant-accent:var(--accent)}
@media(max-width:760px){.studio-hero,.studio-promo{align-items:flex-start;flex-direction:column}.builder-entry-grid{grid-template-columns:1fr}.readiness-ring{width:96px}.settings-status-row{align-items:flex-start;flex-direction:column}}

/* v10 platform studio header variants */
.site-header--compact .header-inner{min-height:58px}.site-header--centered .header-inner{justify-content:center;flex-wrap:wrap}.site-header--centered .logo{flex-basis:100%;justify-content:center}.site-header--centered .main-nav{justify-content:center}.site-header--standard{border-bottom-width:1px}
@media(max-width:1000px){.site-header--centered .logo{flex-basis:auto}.site-header--centered .header-inner{justify-content:space-between}}
.admin-filter-form{align-items:end}.admin-filter-form .filter-actions{display:flex;gap:10px;align-items:end}.admin-table-actions{gap:8px;flex-wrap:wrap}.space-top-sm{margin-top:.55rem}
@media(max-width:760px){.admin-filter-form .filter-actions{align-items:stretch;flex-direction:column}.admin-table-actions .btn,.admin-table-actions form,.admin-table-actions form .btn{width:100%}}

/* v11: Theme control lives in the footer so it never competes with account buttons. */
.footer-theme-toggle {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  width: fit-content;
  min-height: 44px;
  padding: .45rem .7rem;
  border: 1px solid var(--border);
  border-radius: .7rem;
  background: var(--surface-soft);
  color: var(--text);
  cursor: pointer;
  font: inherit;
  text-align: left;
}
.footer-theme-toggle:hover,
.footer-theme-toggle:focus-visible {
  border-color: var(--accent);
  background: var(--surface);
}
.footer-theme-toggle .theme-toggle-icon {
  width: 1.8rem;
  height: 1.8rem;
  flex: 0 0 auto;
}
.footer-theme-toggle .theme-toggle-label {
  display: inline;
  font: inherit;
  font-size: .9rem;
}

.studio-hero--simple { align-items: center; }
.studio-status-panel {
  display: grid;
  justify-items: end;
  gap: .25rem;
  min-width: 9rem;
}
.studio-status-panel strong { font-size: clamp(1.8rem, 4vw, 2.8rem); }
.studio-status-panel small { color: var(--muted); }
.workflow-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.workflow-steps > li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  align-items: start;
}
.workflow-steps > li > span {
  display: grid;
  place-items: center;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 999px;
  background: var(--accent);
  color: var(--button-text, #07120f);
  font-weight: 800;
}
.workflow-steps h3 { margin-top: 0; }
.status-definition-list { display: grid; gap: .65rem; margin: 0; }
.status-definition-list > div {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: .65rem;
  border-bottom: 1px solid var(--border);
}
.status-definition-list dt { color: var(--muted); }
.status-definition-list dd { margin: 0; text-align: right; font-weight: 700; }
@media (max-width: 900px) {
  .workflow-steps { grid-template-columns: 1fr; }
  .studio-status-panel { justify-items: start; min-width: 0; }
}
@media (max-width: 480px) {
  .status-definition-list > div { display: grid; }
  .status-definition-list dd { text-align: left; }
  .footer-theme-toggle { width: 100%; justify-content: center; }
}

/* v11 update center and domain guide */
.update-status-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}
.update-status-grid .card { min-width: 0; }
.update-review-card .hash-value,
.domain-guide-layout .hash-value {
  display: inline-block;
  max-width: min(100%, 42rem);
  overflow-wrap: anywhere;
  word-break: break-word;
}
.domain-guide-layout {
  display: grid;
  grid-template-columns: minmax(14rem, 18rem) minmax(0, 1fr);
  gap: 1.25rem;
  align-items: start;
}
.domain-guide-nav {
  position: sticky;
  top: calc(var(--header-height, 76px) + 1rem);
}
.domain-guide-nav ol {
  display: grid;
  gap: .5rem;
  padding-left: 1.4rem;
}
.domain-guide-nav a { overflow-wrap: anywhere; }
.legal-steps,
.check-list {
  display: grid;
  gap: .65rem;
}
.notice-success {
  border-color: color-mix(in srgb, var(--accent) 55%, var(--border));
  background: color-mix(in srgb, var(--accent) 10%, var(--surface));
}
@media (max-width: 900px) {
  .update-status-grid { grid-template-columns: 1fr; }
  .domain-guide-layout { grid-template-columns: 1fr; }
  .domain-guide-nav { position: static; }
}

/* Automatic custom-domain gateway */
.domain-status-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.domain-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;counter-reset:domain-step;list-style:none;padding:0;margin:1rem 0}.domain-progress li{position:relative;min-height:3.25rem;padding:.8rem .8rem .8rem 2.65rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);font-size:.9rem}.domain-progress li::before{counter-increment:domain-step;content:counter(domain-step);position:absolute;left:.75rem;top:.7rem;display:grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:50%;border:1px solid var(--border);font-weight:700}.domain-progress li.is-complete{border-color:color-mix(in srgb,var(--accent) 65%,var(--border));background:color-mix(in srgb,var(--accent) 10%,var(--surface-2))}.domain-progress li.is-complete::before{content:"✓";background:var(--accent);color:#06110d;border-color:var(--accent)}.domain-overview-card .notice{margin-top:1rem}.domain-verification-box{display:grid;gap:1rem}.domain-verification-box dl{display:grid;gap:.65rem;margin:0}.domain-verification-box dl>div{display:grid;grid-template-columns:minmax(7rem,.35fr) minmax(0,1fr);gap:1rem}.domain-verification-box code{overflow-wrap:anywhere}.hash-value{word-break:break-all}
@media (max-width:760px){.domain-progress{grid-template-columns:1fr 1fr}.domain-verification-box dl>div{grid-template-columns:1fr;gap:.25rem}}
@media (max-width:480px){.domain-progress{grid-template-columns:1fr}.domain-status-head .settings-state{width:100%;text-align:center}.domain-verification-box .actions>*{width:100%}.domain-verification-box .actions .btn{width:100%;justify-content:center}}

/* Update fallback confirmation */
.check-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm, 12px);
  background: var(--surface-soft, rgba(127,127,127,.06));
  cursor: pointer;
}
.check-row input[type="checkbox"] {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  margin-top: 2px;
}
.check-row-danger {
  border-color: color-mix(in srgb, #d85d5d 65%, var(--border));
  background: color-mix(in srgb, #d85d5d 10%, var(--surface));
}

/* v13 guided domain center */
.domain-center-layout{display:grid;grid-template-columns:minmax(15rem,19rem) minmax(0,1fr);gap:1.25rem;align-items:start}.domain-center-sidebar{position:sticky;top:calc(var(--header-height,76px) + 1rem);display:grid;gap:1rem}.domain-center-sidebar h2{margin:.15rem 0}.domain-score{display:flex;align-items:baseline;gap:.65rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.domain-score strong{font-size:2rem;color:var(--accent)}.domain-score span{color:var(--muted)}.domain-wizard-steps{display:grid;gap:.55rem;list-style:none;padding:0;margin:0}.domain-wizard-steps li{display:flex;align-items:center;gap:.7rem;color:var(--muted);font-weight:650}.domain-wizard-steps li span{display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;border:1px solid var(--border);background:var(--surface-2)}.domain-wizard-steps li.is-current{color:var(--text)}.domain-wizard-steps li.is-current span{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.domain-wizard-steps li.is-complete{color:var(--text)}.domain-wizard-steps li.is-complete span{font-size:0;background:var(--accent);border-color:var(--accent);color:#07110e}.domain-wizard-steps li.is-complete span::before{content:'✓';font-size:.9rem;font-weight:900}.domain-command-center{display:grid;gap:1rem}.domain-test-actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:1rem}.domain-test-live{min-height:1.4em;color:var(--muted);font-size:.92rem}.domain-test-actions .is-loading{position:relative;padding-right:2.4rem}.domain-test-actions .is-loading::after{content:'';position:absolute;right:.85rem;width:.85rem;height:.85rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:domain-spin .8s linear infinite}@keyframes domain-spin{to{transform:rotate(360deg)}}.domain-diagnostic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.domain-check-card{display:flex;gap:1rem;align-items:flex-start;min-width:0}.domain-check-card h3{margin:0 0 .3rem}.domain-check-card p{margin:0;color:var(--muted)}.domain-check-icon{display:grid;place-items:center;flex:0 0 auto;width:2.4rem;height:2.4rem;border-radius:50%;border:1px solid var(--border);font-weight:900}.domain-check-card.is-ok{border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}.domain-check-card.is-ok .domain-check-icon{background:var(--accent);border-color:var(--accent);color:#07110e}.faq-list{display:grid;gap:.65rem}.faq-list details{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);padding:.85rem 1rem}.faq-list summary{cursor:pointer;font-weight:750}.faq-list details p{margin:.75rem 0 0;color:var(--muted)}.btn-small{padding:.45rem .65rem;font-size:.82rem}.text-danger{color:var(--danger,#d96b6b)}
@media(max-width:1000px){.domain-center-layout{grid-template-columns:1fr}.domain-center-sidebar{position:static}.domain-wizard-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.domain-center-sidebar>.btn{justify-self:start}}
@media(max-width:680px){.domain-diagnostic-grid{grid-template-columns:1fr}.domain-wizard-steps{grid-template-columns:1fr 1fr}.domain-test-actions>*{width:100%}.domain-test-actions .btn{justify-content:center}.domain-center-sidebar>.btn{width:100%;justify-content:center}}
@media(max-width:420px){.domain-wizard-steps{grid-template-columns:1fr}}

/* ============================================================
   v15.0 — production polish, admin control center and server tools
   ============================================================ */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 8%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 28rem),
    radial-gradient(circle at 88% 20%, color-mix(in srgb, var(--accent-blue) 8%, transparent), transparent 34rem),
    linear-gradient(180deg, var(--bg), var(--bg-alt));
}
.card {
  box-shadow: 0 12px 34px rgba(0,0,0,.12);
}
.page-hero {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--border-soft);
  background: linear-gradient(135deg, color-mix(in srgb,var(--surface) 92%,transparent), color-mix(in srgb,var(--accent) 5%,var(--bg)));
}
.page-hero::after {
  content: "";
  position: absolute;
  width: 28rem;
  height: 28rem;
  right: -11rem;
  top: -15rem;
  border: 1px solid color-mix(in srgb,var(--accent) 18%,transparent);
  border-radius: 50%;
  box-shadow: 0 0 0 4rem color-mix(in srgb,var(--accent) 2%,transparent),0 0 0 8rem color-mix(in srgb,var(--accent) 2%,transparent);
}
.page-hero .container { position: relative; z-index: 1; }
.page-hero h1 { max-width: 900px; font-size: clamp(2rem,5vw,4rem); letter-spacing: -.045em; }
.page-hero .lede { max-width: 780px; font-size: clamp(1rem,2vw,1.2rem); }

/* Main page additions */
.home-feature-band {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 22px;
  align-items: stretch;
}
.home-feature-primary,
.home-feature-secondary { padding: clamp(24px,4vw,42px); }
.home-feature-primary {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg,color-mix(in srgb,var(--accent) 13%,var(--surface)),var(--surface));
  border-color: color-mix(in srgb,var(--accent) 38%,var(--border));
}
.home-feature-primary::after {
  content: "</>";
  position: absolute;
  right: 22px;
  bottom: -28px;
  color: color-mix(in srgb,var(--accent) 12%,transparent);
  font: 800 8rem/1 var(--font-mono);
}
.home-feature-primary > * { position: relative; z-index: 1; }
.home-feature-list { display: grid; gap: 12px; margin: 22px 0; }
.home-feature-list li { display: flex; gap: 10px; color: var(--text-muted); }
.home-feature-list li::before { content: "✓"; color: var(--accent); font-weight: 900; }
.home-tool-strip { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.home-tool-strip a { display: grid; gap: 8px; min-height: 150px; padding: 20px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); transition: transform .15s ease,border-color .15s ease; }
.home-tool-strip a:hover { transform: translateY(-3px); border-color: var(--accent); }
.home-tool-strip span { color: var(--accent); font: 700 1.5rem/1 var(--font-mono); }
.home-tool-strip strong { font-size: 1rem; }
.home-tool-strip small { color: var(--text-muted); }

.home-promo-section { padding-top: 46px; }
.home-promo-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 16px; }
.home-promo-head h2 { margin-bottom: 6px; }
.home-promo-head p:last-child { margin: 0; color: var(--text-muted); }
.home-promo-slider { overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); box-shadow: 0 12px 34px rgba(0,0,0,.12); }
.home-promo-viewport { overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-inline: contain; }
.home-promo-viewport::-webkit-scrollbar { display: none; }
.home-promo-track { display: flex; align-items: stretch; }
.home-promo-slide { flex: 0 0 100%; min-width: 0; min-height: 246px; padding: 20px; scroll-snap-align: start; scroll-snap-stop: always; display: grid; grid-template-columns: minmax(0,.84fr) minmax(360px,1.16fr); gap: 22px; align-items: center; }
.home-promo-slide + .home-promo-slide { border-left: 1px solid var(--border); }
.home-promo-copy { min-width: 0; }
.home-promo-copy h3 { margin: 7px 0 8px; font-size: clamp(1.25rem,2.2vw,1.8rem); }
.home-promo-copy > p:not(.card-tag) { margin: 0 0 16px; color: var(--text-muted); }
.home-promo-media { display: block; width: 100%; max-width: 620px; min-width: 0; justify-self: end; overflow: hidden; border: 1px solid var(--border); border-radius: 13px; background: var(--bg-alt); }
.home-promo-media img { display: block; width: 100%; height: auto; max-height: 310px; aspect-ratio: 1.99/1; object-fit: cover; object-position: center; transition: transform .2s ease; }
.home-promo-media:hover img { transform: scale(1.015); }
.home-promo-tool-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.home-promo-tool-grid a { display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 2px 10px; align-items: center; min-height: 90px; padding: 13px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-2); }
.home-promo-tool-grid a:hover { border-color: var(--accent); }
.home-promo-tool-grid span { grid-row: 1/3; color: var(--accent); font: 800 1.15rem/1 var(--font-mono); }
.home-promo-tool-grid strong { font-size: .92rem; }
.home-promo-tool-grid small { color: var(--text-muted); font-size: .76rem; line-height: 1.35; }
.home-promo-action-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.home-promo-action-grid a { display: flex; align-items: center; gap: 14px; min-height: 118px; padding: 18px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface-2); }
.home-promo-action-grid a:hover { border-color: var(--accent); transform: translateY(-2px); }
.home-promo-action-grid > a > span { display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; border-radius: 11px; background: var(--bg-alt); color: var(--accent); font: 800 1.25rem/1 var(--font-mono); }
.home-promo-action-grid strong,.home-promo-action-grid small { display: block; }
.home-promo-action-grid small { margin-top: 5px; color: var(--text-muted); }
.home-promo-controls { display: none; align-items: center; justify-content: center; gap: 14px; padding: 10px 14px; border-top: 1px solid var(--border); background: var(--surface-2); }
.home-promo-slider.is-enhanced .home-promo-controls { display: flex; }
.home-promo-controls .btn { min-width: 38px; padding-inline: 10px; }
.home-promo-controls .btn:disabled { opacity: .38; cursor: default; }
.home-promo-dots { display: flex; align-items: center; gap: 7px; }
.home-promo-dots button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 999px; background: var(--text-faint); cursor: pointer; transition: width .15s ease,background .15s ease; }
.home-promo-dots button.is-active { width: 24px; background: var(--accent); }
@media(max-width:900px){
  .home-promo-slide { grid-template-columns: minmax(0,.9fr) minmax(310px,1.1fr); }
  .home-promo-tool-grid small { display: none; }
}
@media(max-width:720px){
  .home-promo-head { align-items: flex-start; }
  .home-promo-head .link-more { display: none; }
  .home-promo-slide { min-height: 0; grid-template-columns: 1fr; gap: 16px; padding: 16px; }
  .home-promo-builder .home-promo-media { order: -1; max-width: 100%; justify-self: stretch; }
  .home-promo-media img { max-height: 230px; }
  .home-promo-tool-grid small { display: block; }
}
@media(max-width:480px){
  .home-promo-tool-grid,.home-promo-action-grid { grid-template-columns: 1fr; }
  .home-promo-tool-grid a { min-height: 78px; }
  .home-promo-action-grid a { min-height: 92px; }
}
.public-trust-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.public-trust-card { padding: 24px; border-top: 3px solid var(--accent); }
.public-trust-card:nth-child(2) { border-top-color: var(--accent-blue); }
.public-trust-card:nth-child(3) { border-top-color: var(--accent-amber); }
.public-trust-card .trust-number { display: inline-grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: var(--surface-2); color: var(--accent); font: 800 .9rem var(--font-mono); margin-bottom: 16px; }

/* Admin shell */
.admin-masthead {
  border-bottom: 1px solid var(--border);
  background:
    linear-gradient(110deg,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--accent) 6%,var(--surface))),
    repeating-linear-gradient(90deg,transparent,transparent 39px,color-mix(in srgb,var(--border) 32%,transparent) 40px);
}
.admin-masthead > .container { display: flex; justify-content: space-between; gap: 30px; align-items: end; padding-top: 34px; padding-bottom: 30px; }
.admin-masthead h1 { font-size: clamp(2rem,4vw,3.35rem); letter-spacing: -.04em; }
.admin-masthead p { margin: 0; color: var(--text-muted); max-width: 780px; }
.admin-masthead-actions { display: flex; justify-content: flex-end; align-items: center; gap: 9px; flex-wrap: wrap; }
.admin-role-pill { padding: 7px 10px; border: 1px solid color-mix(in srgb,var(--accent) 48%,var(--border)); border-radius: 999px; color: var(--accent); text-transform: uppercase; letter-spacing: .08em; font: 700 .7rem var(--font-mono); }
.admin-layout { grid-template-columns: 250px minmax(0,1fr); gap: 24px; align-items: start; padding-top: 24px; padding-bottom: 54px; }
.admin-side-nav { position: sticky; top: 84px; max-height: calc(100vh - 104px); overflow-y: auto; padding: 12px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: color-mix(in srgb,var(--surface) 94%,transparent); box-shadow: 0 18px 45px rgba(0,0,0,.16); }
.admin-nav-brand { display: grid; grid-template-columns: auto 1fr auto; align-items: baseline; gap: 5px; margin: -2px -2px 14px; padding: 14px 12px; border-bottom: 1px solid var(--border); font-family: var(--font-mono); }
.admin-nav-brand span { color: var(--text-muted); font-size: .72rem; letter-spacing: .1em; }
.admin-nav-brand strong { color: var(--accent); font-size: .78rem; letter-spacing: .08em; }
.admin-nav-brand small { color: var(--text-faint); font-size: .65rem; }
.admin-side-nav .side-nav-label { margin: 15px 9px 5px; color: var(--text-faint); font: 700 .65rem/1.2 var(--font-mono); letter-spacing: .11em; text-transform: uppercase; }
.admin-nav-link { display: grid !important; grid-template-columns: 28px minmax(0,1fr); align-items: center; gap: 8px; min-height: 40px; padding: 7px 9px !important; border: 1px solid transparent; border-radius: 9px; color: var(--text-muted) !important; font-size: .86rem; }
.admin-nav-link:hover { color: var(--text) !important; background: var(--surface-2); border-color: var(--border); }
.admin-nav-link.is-active { color: var(--text) !important; background: color-mix(in srgb,var(--accent) 11%,var(--surface-2)); border-color: color-mix(in srgb,var(--accent) 45%,var(--border)); }
.admin-nav-icon { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 7px; background: var(--bg-alt); color: var(--accent); font: 700 .78rem var(--font-mono); }
.admin-nav-public { margin-top: 15px; border-top: 1px solid var(--border); padding-top: 12px !important; }
.admin-content { min-width: 0; }
.admin-locked-banner { margin-bottom: 20px; background: linear-gradient(90deg,color-mix(in srgb,var(--accent) 7%,var(--surface)),var(--surface)); }
.admin-command-card { display: grid; grid-template-columns:minmax(0,1fr) auto; gap: 20px 28px; align-items: center; padding: clamp(22px,4vw,34px); border-color: color-mix(in srgb,var(--accent) 38%,var(--border)); background: linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--surface)),var(--surface)); }
.admin-command-card .actions { grid-column: 1/-1; }
.admin-command-health { display: flex; align-items: center; gap: 14px; padding: 13px 16px; border: 1px solid var(--border); border-radius: 14px; background: var(--bg-alt); }
.admin-command-health strong { display: block; font: 800 1.3rem var(--font-mono); }
.admin-command-health small { color: var(--text-muted); }
.metric-grid--admin { grid-template-columns: repeat(3,minmax(0,1fr)); margin: 22px 0; }
.admin-metric { position: relative; overflow: hidden; padding: 22px; }
.admin-metric::after { content:""; position:absolute; right:-25px; bottom:-35px; width:90px; height:90px; border:14px solid color-mix(in srgb,var(--accent) 8%,transparent); border-radius:50%; }
.admin-metric strong { font-size: clamp(2rem,4vw,3rem); }
.admin-metric small { color: var(--text-muted); }
.admin-metric.tone-warning { border-color: color-mix(in srgb,var(--accent-amber) 45%,var(--border)); }
.admin-metric.tone-danger { border-color: color-mix(in srgb,var(--accent-red) 45%,var(--border)); }
.admin-quick-section { margin: 30px 0; }
.dashboard-quick-grid--expanded { grid-template-columns: repeat(3,minmax(0,1fr)); }
.dashboard-quick-grid--expanded .dashboard-quick-card { min-height: 150px; }
.dashboard-quick-card > span { display:grid; place-items:center; width:42px; height:42px; border-radius:12px; background:var(--bg-alt); color:var(--accent); font:800 1rem var(--font-mono); }
.admin-dashboard-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; margin-top: 22px; }
.admin-feed-list,.security-event-list { display: grid; gap: 4px; }
.admin-feed-list > a,.security-event-list > div { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 11px; align-items: center; padding: 12px; border-radius: 10px; border: 1px solid transparent; }
.admin-feed-list > a:hover { background: var(--surface-2); border-color: var(--border); }
.admin-feed-list p,.security-event-list p { margin: 2px 0 0; color: var(--text-muted); font-size: .8rem; }
.user-avatar-mini { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:color-mix(in srgb,var(--accent) 15%,var(--surface-2)); color:var(--accent); font-weight:800; }
.admin-empty-good { display:flex; gap:12px; align-items:center; padding:18px; border:1px solid color-mix(in srgb,var(--accent) 38%,var(--border)); border-radius:12px; background:color-mix(in srgb,var(--accent) 7%,var(--surface)); }
.admin-empty-good > span { display:grid; place-items:center; width:36px; height:36px; border-radius:50%; background:var(--accent); color:#06110d; font-weight:900; }
.status-monitor-grid--compact { grid-template-columns: 1fr; }

/* Security center */
.security-overview { display:grid; grid-template-columns:auto minmax(0,1fr); gap:24px; align-items:center; padding:28px; border-color:color-mix(in srgb,var(--accent) 40%,var(--border)); }
.security-overview-score { display:grid; grid-template-columns:auto auto; gap:5px 12px; align-items:center; min-width:185px; padding:16px; border:1px solid var(--border); border-radius:14px; background:var(--bg-alt); }
.security-overview-score > strong { font:800 1.45rem var(--font-mono); }
.security-overview-score > small { grid-column:2; color:var(--text-muted); }
.security-grade { display:grid; place-items:center; min-width:52px; height:52px; padding:0 8px; border-radius:13px; background:var(--accent); color:#06110d; font:900 1.15rem var(--font-mono); }
.security-grade.grade-b,.security-grade.grade-c { background:var(--accent-amber); color:#241603; }
.security-grade.grade-d,.security-grade.grade-f { background:var(--accent-red); color:#230604; }
.security-check-grid--detailed { grid-template-columns:repeat(2,minmax(0,1fr)); }
.security-check-grid--detailed .security-check { display:grid; gap:8px; min-height:126px; align-content:start; }
.security-check-grid--detailed .security-check > div { display:flex; justify-content:space-between; gap:10px; }
.security-check small { color:var(--text-faint); }
.severity-critical { border-color:color-mix(in srgb,var(--accent-red) 65%,var(--border)) !important; }
.severity-high { border-color:color-mix(in srgb,var(--accent-amber) 60%,var(--border)) !important; }
.badge-critical,.badge-danger,.badge-urgent { background:color-mix(in srgb,var(--accent-red) 20%,var(--surface-2)); color:#ff9b95; }
.badge-high,.badge-warning { background:color-mix(in srgb,var(--accent-amber) 20%,var(--surface-2)); color:#f3bd72; }
.badge-medium,.badge-normal { background:color-mix(in srgb,var(--accent-blue) 18%,var(--surface-2)); color:#9dc6ed; }
.badge-low,.badge-success { background:color-mix(in srgb,var(--accent) 16%,var(--surface-2)); color:var(--accent); }

/* New server tools */
.security-score-card { display:grid; grid-template-columns:auto minmax(0,1fr); gap:20px; align-items:center; }
.security-score-card .security-grade { width:82px; height:82px; font-size:2rem; }
.permissions-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.75fr); gap:22px; align-items:start; }
.permission-matrix { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:18px 0; }
.permission-matrix fieldset { min-width:0; padding:14px; border:1px solid var(--border); border-radius:12px; background:var(--surface-2); }
.permission-matrix legend { padding:0 7px; color:var(--accent); font-weight:800; }
.permission-matrix .check-row { margin-bottom:8px; padding:9px; }
.permission-result { position:sticky; top:92px; }
.permission-octal { color:var(--accent); font:900 clamp(3.6rem,10vw,6.5rem)/1 var(--font-mono); letter-spacing:.06em; }
.permission-result > code { display:block; margin:10px 0 22px; color:var(--text-muted); font-size:1.25rem; }
.code-output { max-height:55vh; overflow:auto; padding:18px; border:1px solid var(--border); border-radius:12px; background:#0b0f14; color:#d9e6ef; white-space:pre-wrap; overflow-wrap:anywhere; font: .84rem/1.65 var(--font-mono); }
.grade-a,.grade-aplus { background:var(--accent); }

@media(max-width:1100px){
  .admin-layout{grid-template-columns:220px minmax(0,1fr)}
  .metric-grid--admin,.dashboard-quick-grid--expanded{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-tool-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:850px){
  .admin-masthead>.container{align-items:flex-start;flex-direction:column}
  .admin-masthead-actions{justify-content:flex-start}
  .admin-layout{grid-template-columns:1fr}
  .admin-side-nav{position:static;max-height:none;display:flex;overflow-x:auto;gap:6px;align-items:center;padding:10px}
  .admin-nav-brand{display:none}
  .admin-side-nav .side-nav-label{display:none}
  .admin-nav-link{flex:0 0 auto;grid-template-columns:24px auto !important}
  .admin-nav-public{margin-top:0;border-top:0;padding-top:7px!important}
  .admin-dashboard-columns,.home-feature-band,.permissions-layout{grid-template-columns:1fr}
  .permission-result{position:static}
  .public-trust-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .metric-grid--admin,.dashboard-quick-grid--expanded,.security-check-grid--detailed,.permission-matrix{grid-template-columns:1fr}
  .admin-command-card,.security-overview,.security-score-card{grid-template-columns:1fr}
  .admin-command-health{justify-self:start}
  .home-tool-strip{grid-template-columns:1fr}
  .admin-masthead-actions .btn{width:100%;justify-content:center}
}

/* v15.0.4: preset avatars and generated initial fallback */
.avatar-picker{border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin:1rem 0}.avatar-picker legend{font-weight:700;padding:0 .35rem}.avatar-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:.75rem;margin-top:.8rem}.avatar-choice{position:relative;display:grid;justify-items:center;align-content:start;gap:.3rem;padding:.65rem .55rem;border:1px solid var(--border);border-radius:12px;cursor:pointer;background:var(--surface-2);text-align:center;min-height:122px}.avatar-choice:hover{border-color:var(--accent)}.avatar-choice input{position:absolute;top:.45rem;right:.45rem;left:auto;inset:auto .45rem auto auto;width:16px;height:16px;margin:0;appearance:none;-webkit-appearance:none;border:2px solid color-mix(in srgb,var(--text) 40%,transparent);border-radius:50%;background:rgba(15,23,42,.72);box-shadow:0 1px 2px rgba(0,0,0,.18)}.avatar-choice input:checked{border-color:#fff;background:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.avatar-choice:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}.avatar-choice img{width:64px;height:64px;object-fit:cover;border-radius:14px;background:rgba(255,255,255,.06)}.avatar-choice-title{font-size:.82rem;font-weight:700;color:var(--text)}.avatar-choice-tag{display:block;font-size:.7rem;line-height:1.25;color:var(--muted)}

/* v15.0.4: authenticated disposable mail */
.disposable-workspace>.container{max-width:1500px}.disposable-overview{display:grid;grid-template-columns:minmax(300px,1fr) auto auto;align-items:center;gap:28px;padding:24px 28px}.disposable-overview-copy h2{margin:0 0 7px;font-size:clamp(1.25rem,2vw,1.65rem)}.disposable-overview-copy p:last-child{max-width:680px;margin:0;color:var(--muted);line-height:1.65}.disposable-overview-metrics{display:grid;grid-template-columns:repeat(3,minmax(92px,1fr));gap:10px}.disposable-overview-metrics>div{display:grid;gap:3px;min-width:96px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.disposable-overview-metrics span{font-size:.72rem;color:var(--muted)}.disposable-overview-metrics strong{font:750 1.2rem var(--font-mono);color:var(--text)}.disposable-create-form{display:flex;justify-content:flex-end}.disposable-shell{display:grid;grid-template-columns:minmax(270px,320px) minmax(0,1fr);gap:20px;align-items:start}.disposable-aliases{position:sticky;top:92px;display:flex;flex-direction:column;gap:15px;max-height:calc(100vh - 116px);padding:20px;overflow:hidden}.disposable-panel-heading,.disposable-message-column-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.disposable-panel-heading h2,.disposable-message-column-head h2{margin:0;font-size:1.15rem}.disposable-count-badge{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 9px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);font:700 .78rem var(--font-mono);color:var(--text)}.disposable-alias-list{display:grid;gap:9px;overflow:auto;padding-right:3px}.disposable-alias-row{position:relative;display:grid;gap:7px;padding:13px 14px;border:1px solid var(--border);border-radius:12px;text-decoration:none;overflow-wrap:anywhere;background:var(--surface);transition:border-color .16s ease,background .16s ease,transform .16s ease}.disposable-alias-row:hover{border-color:color-mix(in srgb,var(--accent) 60%,var(--border));background:var(--surface-2);transform:translateY(-1px)}.disposable-alias-row.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent)}.disposable-alias-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.disposable-alias-title strong{min-width:0;font-size:.85rem;line-height:1.35}.disposable-alias-meta{font-size:.72rem;color:var(--muted)}.disposable-alias-stats{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:6px;border-top:1px solid var(--border-soft);font-size:.72rem;color:var(--muted)}.disposable-alias-stats strong{color:var(--accent)}.disposable-status-pill{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:4px 8px;border:1px solid var(--border);border-radius:999px;font:700 .64rem var(--font-mono);letter-spacing:.01em}.disposable-status-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.disposable-status-pill.is-online{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 38%,var(--border));background:color-mix(in srgb,var(--accent) 8%,transparent)}.disposable-status-pill.is-offline{color:var(--muted);background:var(--surface-2)}.disposable-alias-empty{padding:20px 14px;border:1px dashed var(--border);border-radius:12px;text-align:center}.disposable-alias-empty p{margin:5px 0 0;font-size:.8rem;color:var(--muted)}.disposable-side-note{margin:auto 0 0;padding-top:14px;border-top:1px solid var(--border);font-size:.72rem;line-height:1.55;color:var(--muted)}.disposable-inbox{min-width:0;min-height:720px;overflow:hidden}.disposable-inbox-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:26px 28px;border-bottom:1px solid var(--border);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 5%,var(--surface)),var(--surface))}.disposable-address-block{min-width:0;display:grid;gap:9px}.disposable-address-label{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.disposable-address-label .eyebrow{margin:0}.disposable-address{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.disposable-address code{display:block;max-width:100%;padding:10px 13px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);font-size:clamp(1rem,1.8vw,1.35rem);font-weight:700;overflow-wrap:anywhere}.disposable-inbox-actions{justify-content:flex-end;flex:0 0 auto}.disposable-mail-grid{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);min-height:620px}.disposable-message-column{display:flex;min-width:0;flex-direction:column;border-right:1px solid var(--border);background:var(--surface)}.disposable-message-column-head{padding:19px 20px 15px;border-bottom:1px solid var(--border);background:var(--surface-2)}.disposable-message-list{min-height:0;max-height:720px;overflow:auto}.disposable-message-row{position:relative;display:grid;gap:7px;padding:15px 18px;border-bottom:1px solid var(--border);text-decoration:none;background:var(--surface);transition:background .15s ease}.disposable-message-row:hover{background:var(--surface-2)}.disposable-message-row.is-unread{box-shadow:inset 3px 0 0 var(--accent);background:color-mix(in srgb,var(--accent) 4%,var(--surface))}.disposable-message-row.is-active{background:color-mix(in srgb,var(--accent) 9%,var(--surface));box-shadow:inset 3px 0 0 var(--accent)}.disposable-message-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.disposable-message-top strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem}.disposable-message-top time{flex:0 0 auto;font-size:.65rem;color:var(--muted)}.disposable-message-subject{font-size:.82rem;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.disposable-message-row small{font-size:.72rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.disposable-unread-dot{position:absolute;right:9px;bottom:9px;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.disposable-reading{min-width:0;min-height:620px;background:var(--surface-2)}.disposable-reading-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:25px 30px;border-bottom:1px solid var(--border);background:var(--surface)}.disposable-reading-meta{min-width:0}.disposable-reading-head h2{margin:0 0 13px;font-size:clamp(1.2rem,2vw,1.6rem);overflow-wrap:anywhere}.disposable-reading-meta dl{display:grid;gap:6px;margin:0}.disposable-reading-meta dl>div{display:grid;grid-template-columns:75px minmax(0,1fr);gap:8px;font-size:.78rem}.disposable-reading-meta dt{color:var(--muted)}.disposable-reading-meta dd{margin:0;overflow-wrap:anywhere}.mail-plain-body{max-width:980px;min-height:360px;padding:34px 38px;font-size:.94rem;line-height:1.8;overflow-wrap:anywhere;white-space:normal;color:var(--text)}.disposable-message-warning{margin:18px 30px 0}.disposable-message-warning p{margin:.35rem 0 0}.disposable-empty-large,.disposable-reading-empty{display:grid;place-items:center;align-content:center;min-height:620px;padding:42px;text-align:center}.disposable-empty-large span,.disposable-reading-empty span,.disposable-message-empty span{font:700 2rem var(--font-mono);color:var(--accent)}.disposable-empty-large h2,.disposable-reading-empty h2,.disposable-message-empty h3{margin:8px 0 4px}.disposable-empty-large p,.disposable-reading-empty p,.disposable-message-empty p{max-width:460px;margin:0;color:var(--muted)}.disposable-message-empty{display:grid;place-items:center;align-content:center;min-height:320px;padding:30px;text-align:center}.disposable-notice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;overflow:hidden}.disposable-notice>div{padding:20px 24px}.disposable-notice>div+div{border-left:1px solid var(--border)}.disposable-notice strong{display:block;margin-bottom:5px}.disposable-notice p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.55}.builder-access-card,.disposable-access-card{max-width:760px;margin-inline:auto}@media(max-width:1180px){.disposable-overview{grid-template-columns:minmax(260px,1fr) auto}.disposable-create-form{grid-column:1/-1;justify-content:flex-start}.disposable-shell{grid-template-columns:minmax(245px,285px) minmax(0,1fr)}.disposable-mail-grid{grid-template-columns:minmax(270px,320px) minmax(0,1fr)}}@media(max-width:900px){.disposable-overview{grid-template-columns:1fr}.disposable-overview-metrics{width:100%;grid-template-columns:repeat(3,1fr)}.disposable-create-form{grid-column:auto}.disposable-shell{grid-template-columns:1fr}.disposable-aliases{position:static;max-height:none}.disposable-alias-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:360px}.disposable-inbox-head{flex-direction:column}.disposable-inbox-actions{justify-content:flex-start}.disposable-mail-grid{grid-template-columns:minmax(260px,310px) minmax(0,1fr)}}@media(max-width:720px){.disposable-workspace>.container{padding-left:14px;padding-right:14px}.disposable-overview{padding:20px}.disposable-overview-metrics{grid-template-columns:1fr 1fr}.disposable-overview-metrics>div:last-child{grid-column:1/-1}.disposable-alias-list{grid-template-columns:1fr}.disposable-mail-grid{grid-template-columns:1fr}.disposable-message-column{border-right:0;border-bottom:1px solid var(--border)}.disposable-message-list{max-height:390px}.disposable-reading{min-height:450px}.disposable-reading-head{padding:21px 20px;flex-direction:column}.mail-plain-body{padding:25px 20px}.disposable-message-warning{margin:16px 20px 0}.disposable-inbox-head{padding:22px 20px}.disposable-address{align-items:stretch;flex-direction:column}.disposable-address .btn{align-self:flex-start}.disposable-notice{grid-template-columns:1fr}.disposable-notice>div+div{border-left:0;border-top:1px solid var(--border)}}@media(max-width:460px){.disposable-overview-metrics{grid-template-columns:1fr}.disposable-overview-metrics>div:last-child{grid-column:auto}.disposable-inbox-actions{display:grid;width:100%}.disposable-inbox-actions form,.disposable-inbox-actions button{width:100%}.disposable-message-top{align-items:flex-start;flex-direction:column;gap:3px}.disposable-message-top time{font-size:.66rem}.disposable-aliases{padding:16px}.disposable-empty-large,.disposable-reading-empty{padding:28px 18px}}

/* ============================================================
   MEIN KONTO 15.0.10
   Übersicht, Dienste, Sicherheit und rollenabhängige Schnellzugriffe
   ============================================================ */
.account-page{padding-top:38px}.account-page [id]{scroll-margin-top:92px}.account-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px;border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(circle at 88% 0,rgba(98,223,189,.14),transparent 35%),linear-gradient(135deg,var(--surface),var(--surface-2));box-shadow:0 18px 55px rgba(0,0,0,.16)}.account-hero:after{content:"";position:absolute;right:-80px;bottom:-100px;width:260px;height:260px;border:1px solid rgba(98,223,189,.13);border-radius:50%;pointer-events:none}.account-hero-main{display:flex;align-items:center;gap:22px;min-width:0;position:relative;z-index:1}.account-hero-avatar{width:96px;height:96px;border-radius:24px;object-fit:cover;border:1px solid color-mix(in srgb,var(--accent) 52%,var(--border));background:var(--surface-2);box-shadow:0 14px 32px rgba(0,0,0,.22);flex:0 0 auto}.account-hero-copy{min-width:0}.account-hero-copy .eyebrow{margin-bottom:7px}.account-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.account-title-row h1{font-size:clamp(2rem,5vw,3rem);letter-spacing:-.035em;margin:0}.account-role-badge{display:inline-flex;align-items:center;min-height:26px;padding:3px 9px;border:1px solid var(--border);border-radius:999px;font:700 .7rem/1 var(--font-mono);letter-spacing:.045em;text-transform:uppercase;color:var(--text-muted);background:rgba(0,0,0,.12)}.account-role-badge.is-admin{color:#ffd997;border-color:rgba(232,166,76,.38);background:rgba(232,166,76,.10)}.account-role-badge.is-moderator{color:#b9cff6;border-color:rgba(111,168,220,.4);background:rgba(111,168,220,.10)}.account-email{color:var(--text-muted);margin:.25rem 0 .75rem;overflow-wrap:anywhere}.account-status-row{display:flex;gap:7px;flex-wrap:wrap}.account-status-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid var(--border);border-radius:999px;font:650 .69rem/1.2 var(--font-mono);color:var(--text-muted);background:color-mix(in srgb,var(--surface-2) 86%,transparent)}.account-status-chip.is-ready{color:var(--accent);border-color:rgba(98,223,189,.34);background:rgba(98,223,189,.08)}.account-status-chip.is-warning{color:#f2be6e;border-color:rgba(232,166,76,.35);background:rgba(232,166,76,.09)}.account-status-chip.is-muted{color:var(--text-faint)}.account-status-chip.is-neutral{color:var(--text-muted)}.account-hero-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;position:relative;z-index:1}.account-anchor-nav{display:flex;gap:5px;overflow-x:auto;margin:16px 0 22px;padding:6px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface) 92%,transparent);scrollbar-width:thin}.account-anchor-nav a{white-space:nowrap;padding:8px 12px;border-radius:8px;font:650 .78rem/1 var(--font-mono);color:var(--text-muted)}.account-anchor-nav a:hover,.account-anchor-nav a:focus-visible{background:var(--surface-2);color:var(--accent)}.account-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}.account-stat-card{display:grid;align-content:start;min-height:130px;padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--surface);transition:border-color .18s ease,transform .18s ease,background .18s ease}.account-stat-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 42%,var(--border));background:var(--surface-2)}.account-stat-card span{font:650 .72rem/1 var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.account-stat-card strong{font-size:2rem;line-height:1;margin:.55rem 0 .45rem}.account-stat-card small{color:var(--text-muted);line-height:1.35}.account-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:22px;align-items:start}.account-main,.account-sidebar{display:grid;gap:22px}.account-panel,.account-side-card{padding:26px}.account-panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid var(--border-soft)}.account-panel-heading p:last-child{max-width:680px;color:var(--text-muted);margin-bottom:0}.account-panel-avatar{width:72px;height:72px;object-fit:cover;border-radius:18px;border:1px solid var(--border);background:var(--surface-2);flex:0 0 auto}.account-large-status{display:inline-flex;padding:7px 10px;border:1px solid var(--border);border-radius:7px;font:800 .72rem/1 var(--font-mono);letter-spacing:.07em}.account-large-status.is-ready{color:var(--accent);border-color:rgba(98,223,189,.35);background:rgba(98,223,189,.08)}.account-large-status.is-warning{color:#f2be6e;border-color:rgba(232,166,76,.36);background:rgba(232,166,76,.09)}.account-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.account-service-card{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:17px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.account-service-card>div:nth-child(2){min-width:0}.account-service-card h3{font-size:1rem;margin-bottom:.45rem}.account-service-card p{grid-column:2;color:var(--text-muted);font-size:.88rem;line-height:1.5;margin:.65rem 0 0}.account-service-card>.btn{grid-column:1/-1;justify-self:start;margin-top:3px}.account-service-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:10px;background:rgba(98,223,189,.07);color:var(--accent);font:700 .82rem var(--font-mono)}.account-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.account-field-full{grid-column:1/-1}.account-profile-form .account-form-actions{display:flex;justify-content:flex-end;margin-top:18px}.account-disclosure{margin-top:18px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);overflow:hidden}.account-disclosure summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 17px;cursor:pointer;list-style:none}.account-disclosure summary::-webkit-details-marker{display:none}.account-disclosure summary span:first-child{display:grid;gap:2px}.account-disclosure summary small{color:var(--text-muted);font-weight:400}.account-disclosure[open] summary{border-bottom:1px solid var(--border)}.account-disclosure .avatar-picker{border:0;border-radius:0;margin:0;padding:17px;background:transparent}.account-disclosure .avatar-picker>.field-help{margin-top:0}.account-notice{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 15px;margin-bottom:18px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.account-notice strong{font-size:.9rem}.account-notice span{color:var(--text-muted);font-size:.85rem;flex:1}.account-notice form{margin-left:auto}.account-notice.is-warning{border-color:rgba(232,166,76,.34);background:rgba(232,166,76,.07)}.account-notice.is-success{border-color:rgba(98,223,189,.34);background:rgba(98,223,189,.07)}.account-security-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);gap:22px;align-items:start}.account-security-intro p{color:var(--text-muted)}.account-inline-security-form{padding:16px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.account-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.account-details-grid .security-details{border:1px solid var(--border);border-radius:10px;margin:0;padding:14px;background:var(--surface-2)}.account-details-grid .security-details summary{padding:0}.account-side-card h2{font-size:1.25rem}.account-side-card>p:not(.card-tag){color:var(--text-muted)}.account-side-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}.account-progress-number{font:700 .78rem var(--font-mono);color:var(--accent)}.account-progress{display:block;appearance:none;-webkit-appearance:none;width:100%;height:7px;margin:10px 0 16px;border:0;border-radius:999px;background:var(--surface-2);overflow:hidden}.account-progress::-webkit-progress-bar{background:var(--surface-2);border-radius:999px}.account-progress::-webkit-progress-value{background:linear-gradient(90deg,var(--accent-dim),var(--accent));border-radius:999px}.account-progress::-moz-progress-bar{background:linear-gradient(90deg,var(--accent-dim),var(--accent));border-radius:999px}.account-check-list{display:grid;gap:9px;margin-bottom:17px}.account-check-list li{display:flex;align-items:center;gap:9px;color:var(--text-muted);font-size:.88rem}.account-check-list li span{display:grid;place-items:center;width:20px;height:20px;border:1px solid var(--border);border-radius:50%;font:700 .7rem var(--font-mono)}.account-check-list li.is-done{color:var(--text)}.account-check-list li.is-done span{color:#06110d;border-color:var(--accent);background:var(--accent)}.account-link-list{display:grid;border-top:1px solid var(--border)}.account-link-list a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 2px;border-bottom:1px solid var(--border-soft);color:var(--text-muted);font-size:.9rem}.account-link-list a:hover{color:var(--accent)}.account-link-list a.is-danger:hover{color:#ff8a8a}.account-link-list b{font-family:var(--font-mono)}.account-activity-list{display:grid}.account-activity-list>div{display:grid;grid-template-columns:12px 1fr;gap:9px;padding:10px 0;border-bottom:1px solid var(--border-soft)}.account-activity-list>div:last-child{border-bottom:0}.account-activity-dot{width:7px;height:7px;margin-top:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(98,223,189,.08)}.account-activity-list p{display:grid;gap:1px;margin:0}.account-activity-list strong{font-size:.86rem;font-weight:600}.account-activity-list time{font:400 .7rem var(--font-mono);color:var(--text-faint)}.account-admin-card{border-color:rgba(232,166,76,.3);background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-2) 90%,#6b4310))}.account-admin-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0}.account-admin-metrics a{display:grid;padding:11px;border:1px solid var(--border);border-radius:9px;background:rgba(0,0,0,.1)}.account-admin-metrics strong{font-size:1.35rem}.account-admin-metrics span{color:var(--text-muted);font-size:.72rem;line-height:1.25}.account-admin-metrics a:hover{border-color:rgba(232,166,76,.42)}

@media (max-width:980px){.account-hero{align-items:flex-start;flex-direction:column}.account-hero-actions{justify-content:flex-start}.account-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-layout{grid-template-columns:1fr}.account-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.account-sidebar .account-admin-card,.account-sidebar #privacy{grid-column:1/-1}}
@media (max-width:700px){.account-page{padding-top:22px}.account-hero{padding:22px}.account-hero-main{align-items:flex-start}.account-hero-avatar{width:76px;height:76px;border-radius:20px}.account-title-row h1{font-size:1.85rem}.account-stat-grid,.account-service-grid,.account-form-grid,.account-details-grid,.account-sidebar{grid-template-columns:1fr}.account-field-full,.account-sidebar .account-admin-card,.account-sidebar #privacy{grid-column:auto}.account-panel,.account-side-card{padding:20px}.account-panel-heading{align-items:flex-start}.account-panel-avatar{width:58px;height:58px}.account-security-intro{grid-template-columns:1fr}.account-service-card{grid-template-columns:auto 1fr}.account-anchor-nav{margin-left:-2px;margin-right:-2px}.account-notice form{margin-left:0;width:100%}}
@media (max-width:480px){.account-hero-main{display:grid;grid-template-columns:auto 1fr;gap:14px}.account-hero-copy{display:contents}.account-hero-copy>.eyebrow{grid-column:2}.account-title-row,.account-email,.account-status-row{grid-column:1/-1}.account-title-row{margin-top:2px}.account-hero-actions{width:100%}.account-hero-actions .btn{flex:1 1 auto}.account-stat-grid{grid-template-columns:1fr 1fr}.account-stat-card{min-height:112px;padding:15px}.account-stat-card strong{font-size:1.65rem}.account-panel-heading{display:grid;grid-template-columns:1fr auto}.account-panel-heading>div{min-width:0}.account-panel-heading p:last-child{font-size:.88rem}.avatar-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

html[data-effective-theme="light"] .account-hero{box-shadow:0 18px 55px rgba(30,48,64,.10)}html[data-effective-theme="light"] .account-role-badge{background:rgba(255,255,255,.5)}html[data-effective-theme="light"] .account-admin-card{background:linear-gradient(145deg,var(--surface),#fff8ec)}html[data-effective-theme="light"] .avatar-choice input{background:rgba(255,255,255,.9)}html[data-effective-theme="light"] .account-check-list li.is-done span{color:#fff}

/* 15.0.14 – statische Textverwaltung, Rechtstext-Editor und KI-Hinweis */
.ai-site-notice{display:flex;align-items:flex-start;gap:.8rem;margin-top:1rem;margin-bottom:1rem;padding:1rem 1.15rem;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--accent) 8%,var(--surface-2))}.ai-site-notice p{margin:0;line-height:1.55}.ai-site-notice a{font-weight:700}.ai-site-notice-icon{display:grid;place-items:center;flex:0 0 2rem;width:2rem;height:2rem;border-radius:10px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);font-weight:800}.static-copy-layout .settings-section-nav,.legal-editor-layout .settings-section-nav{position:sticky;top:90px;align-self:start;max-height:calc(100vh - 110px);overflow:auto}.settings-section-nav a small{display:block;margin-top:.15rem;color:var(--muted);font-size:.72rem}.settings-form-stack{display:grid;gap:1rem}.settings-editor-links{margin-top:1rem;padding:1.2rem}.settings-hub-grid-compact{margin-top:1rem}.legal-editor-textarea{min-height:34rem;font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);line-height:1.55;tab-size:2}.legal-editor-output{max-width:980px;margin-inline:auto}.legal-editor-updated{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border);color:var(--muted)}
@media (max-width:900px){.static-copy-layout .settings-section-nav,.legal-editor-layout .settings-section-nav{position:static;max-height:none}.ai-site-notice{margin-inline:1rem}.legal-editor-textarea{min-height:26rem}}

/* 15.0.15 – kompakte, klare Haupt- und Kontonavigation */
.site-header--platform .header-inner{max-width:1440px;height:72px;gap:18px}.site-header--platform .logo{flex:0 0 auto;margin-right:0}.site-header--platform .main-nav{flex:1 1 auto;min-width:0;justify-content:center;gap:clamp(12px,1.35vw,22px)}.site-header--platform .main-nav a{min-height:42px;padding:0 2px;font-size:.88rem;font-weight:650}.site-header--platform .header-actions{flex:0 0 auto;gap:8px}.header-icon-action{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 11px;border:1px solid var(--border);border-radius:11px;background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--text-muted);font:700 .77rem/1.1 var(--font-mono);white-space:nowrap;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.header-icon-action:hover,.header-icon-action.is-active{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--accent) 9%,var(--surface));color:var(--text);transform:translateY(-1px)}.header-action-icon{display:grid;place-items:center;flex:0 0 auto;width:21px;height:21px;border-radius:7px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);font-size:.75rem}.header-notification-link{padding-inline:10px}.header-notification-link .notification-badge{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border:2px solid var(--bg);border-radius:999px;background:var(--accent-red);color:#fff;font:800 .62rem/1 var(--font-mono);box-shadow:0 4px 12px rgba(0,0,0,.24)}.account-nav-menu{position:relative;flex:0 0 auto}.account-nav-menu>summary{list-style:none}.account-nav-menu>summary::-webkit-details-marker{display:none}.account-nav-trigger{display:flex;align-items:center;gap:9px;min-width:174px;min-height:46px;padding:4px 8px 4px 5px;border:1px solid var(--border);border-radius:13px;background:color-mix(in srgb,var(--surface) 94%,transparent);cursor:pointer;user-select:none;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.account-nav-trigger:hover,.account-nav-menu[open] .account-nav-trigger,.account-nav-menu.is-active .account-nav-trigger{border-color:color-mix(in srgb,var(--accent) 52%,var(--border));background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.account-nav-trigger:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.account-nav-avatar{flex:0 0 auto;width:36px;height:36px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:10px;object-fit:cover;background:var(--surface-2)}.account-nav-copy{display:grid;min-width:0;gap:2px;text-align:left}.account-nav-copy strong{max-width:105px;overflow:hidden;text-overflow:ellipsis;color:var(--text);font-size:.8rem;white-space:nowrap}.account-nav-copy small{color:var(--text-faint);font:600 .63rem/1.1 var(--font-mono)}.account-nav-caret{margin-left:auto;color:var(--text-muted);font-size:.85rem;transition:transform .16s ease}.account-nav-menu[open] .account-nav-caret{transform:rotate(180deg)}.account-nav-panel{position:absolute;z-index:80;top:calc(100% + 10px);right:0;width:min(310px,calc(100vw - 24px));padding:12px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--surface) 97%,var(--bg) 3%);box-shadow:0 22px 60px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.02)}.account-nav-panel::before{content:"";position:absolute;top:-7px;right:28px;width:12px;height:12px;border-top:1px solid var(--border);border-left:1px solid var(--border);background:var(--surface);transform:rotate(45deg)}.account-nav-panel-head{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;padding:5px 6px 13px;border-bottom:1px solid var(--border-soft)}.account-nav-panel-head img{width:44px;height:44px;border-radius:12px;object-fit:cover}.account-nav-panel-head div{display:grid;gap:3px;min-width:0}.account-nav-panel-head strong,.account-nav-panel-head span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-nav-panel-head strong{font-size:.9rem}.account-nav-panel-head span{color:var(--text-muted);font-size:.7rem}.account-nav-links{display:grid;gap:4px;padding:9px 0}.account-nav-links a{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:center;min-height:49px;padding:7px 9px;border-radius:10px;color:var(--text-muted)}.account-nav-links a>span:first-child{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--surface-2);color:var(--accent);font:800 .75rem var(--font-mono)}.account-nav-links a>span:last-child{display:grid;gap:2px;min-width:0}.account-nav-links a strong{color:var(--text);font-size:.79rem}.account-nav-links a small{color:var(--text-faint);font-size:.68rem}.account-nav-links a:hover,.account-nav-links a.is-active{background:color-mix(in srgb,var(--accent) 9%,var(--surface-2));color:var(--text)}.account-nav-links a.is-active>span:first-child{background:var(--accent);color:#07130f}.account-nav-logout{padding-top:9px;border-top:1px solid var(--border-soft)}.account-nav-logout button{display:flex;align-items:center;gap:9px;width:100%;min-height:42px;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:#ff9c95;font:750 .78rem var(--font-mono);text-align:left}.account-nav-logout button:hover{background:color-mix(in srgb,var(--accent-red) 10%,var(--surface-2))}.account-nav-logout button span:first-child{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:color-mix(in srgb,var(--accent-red) 12%,transparent)}

@media(max-width:1320px){.site-header--platform .header-action-label{display:none}.site-header--platform .header-icon-action{width:42px;padding:0}.site-header--platform .account-nav-trigger{min-width:154px}.site-header--platform .account-nav-copy strong{max-width:84px}.site-header--platform .main-nav{gap:12px}}
@media(max-width:1180px){.site-header--platform{max-height:100dvh;overflow-y:auto;overscroll-behavior:contain}.site-header--platform .header-inner{min-height:64px;height:auto;flex-wrap:wrap;column-gap:12px;row-gap:0}.site-header--platform .header-inner>.logo{display:inline-flex;align-items:center;min-height:64px;margin-right:auto}.site-header--platform .main-nav,.site-header--platform .header-actions{display:none}.site-header--platform .nav-toggle{display:flex;flex:0 0 44px;margin-left:4px}.site-header--platform.nav-open .main-nav,.site-header--platform.nav-open .header-actions{position:static;width:100%;flex-basis:100%;border:0;background:transparent}.site-header--platform.nav-open .main-nav{order:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:12px 0;border-top:1px solid var(--border-soft)}.site-header--platform.nav-open .main-nav a{width:100%;min-height:48px;padding:10px 12px;border:1px solid transparent;border-radius:10px;background:var(--surface);justify-content:flex-start}.site-header--platform.nav-open .main-nav a::after{display:none}.site-header--platform.nav-open .main-nav a.is-active{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));background:var(--accent-soft);color:var(--accent)}.site-header--platform.nav-open .header-actions{order:4;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:stretch;padding:0 0 16px}.site-header--platform.nav-open .header-actions>.header-icon-action{display:flex;width:100%;min-height:48px;padding:0 13px;justify-content:flex-start}.site-header--platform.nav-open .header-action-label{display:inline}.site-header--platform.nav-open .header-notification-link .notification-badge{position:static;margin-left:auto;border-width:0}.site-header--platform.nav-open .account-nav-menu{grid-column:1/-1;width:100%}.site-header--platform.nav-open .account-nav-trigger{width:100%;min-height:54px;padding:7px 10px}.site-header--platform.nav-open .account-nav-copy{display:grid}.site-header--platform.nav-open .account-nav-copy strong{max-width:none}.site-header--platform.nav-open .account-nav-panel{position:static;width:100%;margin-top:8px;padding:10px;box-shadow:none}.site-header--platform.nav-open .account-nav-panel::before{display:none}.site-header--platform.nav-open .account-nav-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.site-header--platform.nav-open .account-nav-logout button{justify-content:center;border:1px solid color-mix(in srgb,var(--accent-red) 28%,var(--border));background:color-mix(in srgb,var(--accent-red) 6%,var(--surface-2))}}
@media(max-width:620px){.site-header--platform.nav-open .main-nav,.site-header--platform.nav-open .header-actions,.site-header--platform.nav-open .account-nav-links{grid-template-columns:minmax(0,1fr)}.site-header--platform.nav-open .account-nav-panel-head{display:none}.site-header--platform.nav-open .account-nav-links{padding-top:0}}
html[data-effective-theme="light"] .account-nav-panel{background:rgba(255,255,255,.98);box-shadow:0 22px 55px rgba(30,48,64,.18)}html[data-effective-theme="light"] .account-nav-trigger,html[data-effective-theme="light"] .header-icon-action{background:rgba(255,255,255,.82)}html[data-effective-theme="light"] .header-notification-link .notification-badge{border-color:#f4f7fa}

/* Wegwerfmail-Administration 15.0.18 */
.disposable-admin-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:22px;align-items:stretch;padding:26px 28px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--surface)),var(--surface));overflow:hidden}.disposable-admin-summary-copy h2{margin:.15rem 0 .55rem;font-size:clamp(1.45rem,2.4vw,2rem)}.disposable-admin-summary-copy p:last-child{max-width:820px;margin:0;color:var(--muted);line-height:1.65}.disposable-admin-health{display:grid;align-content:center;gap:5px;padding:20px 22px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.disposable-admin-health span{font:700 .72rem var(--font-mono);letter-spacing:.05em;text-transform:uppercase}.disposable-admin-health strong{font-size:1.05rem;overflow-wrap:anywhere}.disposable-admin-health small{color:var(--muted)}.disposable-admin-health.is-ready{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:inset 4px 0 0 var(--accent)}.disposable-admin-health.is-warning{box-shadow:inset 4px 0 0 var(--warning)}
.disposable-admin-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:18px}.disposable-admin-metrics>div{display:grid;gap:4px;padding:16px 17px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}.disposable-admin-metrics span{font-size:.72rem;color:var(--muted)}.disposable-admin-metrics strong{font:750 clamp(1.15rem,2vw,1.5rem) var(--font-mono);color:var(--text)}.disposable-admin-metrics small{font-size:.68rem;line-height:1.35;color:var(--muted)}
.disposable-admin-top-grid,.disposable-admin-bottom-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr);gap:20px;align-items:start}.disposable-admin-create,.disposable-admin-requests{height:100%}.disposable-admin-request-list{display:grid;gap:10px;max-height:390px;overflow:auto;padding-right:3px}.disposable-admin-request-list article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.disposable-admin-request-list article>div:first-child{display:grid;min-width:0}.disposable-admin-request-list article small{margin-top:3px;color:var(--muted);overflow-wrap:anywhere}.disposable-admin-request-list .actions{flex:0 0 auto}
.disposable-admin-manager{padding:24px}.disposable-admin-filter{display:grid;grid-template-columns:minmax(240px,1.4fr) repeat(3,minmax(140px,.65fr)) auto;gap:12px;align-items:end;margin-top:19px;padding:16px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2)}.disposable-admin-filter .field{margin:0}.disposable-admin-filter>.actions{padding-bottom:1px;white-space:nowrap}
.disposable-admin-mailbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.disposable-admin-mailbox-card{display:grid;gap:15px;min-width:0;padding:19px;border:1px solid var(--border);border-radius:15px;background:var(--surface-2);box-shadow:0 8px 24px rgba(0,0,0,.08)}.disposable-admin-mailbox-card.is-active{border-color:color-mix(in srgb,var(--accent) 35%,var(--border));background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 4%,var(--surface-2)),var(--surface-2))}.disposable-admin-mailbox-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.disposable-admin-mailbox-card h3{margin:2px 0 0;font:700 .96rem/1.45 var(--font-mono);overflow-wrap:anywhere}.disposable-status-pill.is-blocked{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--border));background:color-mix(in srgb,var(--danger) 8%,transparent)}.disposable-admin-owner{display:flex;align-items:center;gap:11px;padding:11px 12px;border:1px solid var(--border-soft);border-radius:11px;background:var(--surface)}.disposable-admin-owner .avatar{flex:0 0 auto;width:42px;height:42px;border-radius:11px}.disposable-admin-owner>div{display:grid;min-width:0}.disposable-admin-owner strong,.disposable-admin-owner small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.disposable-admin-owner small{font-size:.7rem;color:var(--muted)}.disposable-admin-mailbox-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.disposable-admin-mailbox-facts>div{display:grid;gap:2px;padding:9px 10px;border:1px solid var(--border-soft);border-radius:10px;background:var(--surface)}.disposable-admin-mailbox-facts dt{font-size:.65rem;color:var(--muted)}.disposable-admin-mailbox-facts dd{margin:0;font-size:.76rem;overflow-wrap:anywhere}.disposable-admin-mailbox-facts dd strong{color:var(--accent)}.disposable-admin-expiry{display:grid;grid-template-columns:1fr auto;gap:3px 12px;align-items:center;padding:12px 13px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.disposable-admin-expiry span{font-size:.7rem;color:var(--muted)}.disposable-admin-expiry strong{font:750 .98rem var(--font-mono)}.disposable-admin-expiry small{grid-column:1/-1;color:var(--muted);font-size:.68rem}.disposable-admin-expiry.is-active{border-color:color-mix(in srgb,var(--accent) 32%,var(--border));box-shadow:inset 3px 0 0 var(--accent)}.disposable-admin-card-actions{align-items:stretch}.disposable-admin-card-actions form{display:flex}.disposable-admin-card-actions button,.disposable-admin-card-actions a{min-height:38px}.disposable-admin-card-details{border-top:1px solid var(--border);padding-top:11px}.disposable-admin-card-details summary{cursor:pointer;font-weight:700;font-size:.77rem}.disposable-admin-card-details[open] summary{margin-bottom:8px}.disposable-admin-card-details.danger-zone{margin:0;border:0;border-top:1px solid color-mix(in srgb,var(--danger) 30%,var(--border));border-radius:0;background:transparent}.disposable-admin-card-details.danger-zone p{font-size:.75rem;color:var(--muted)}.disposable-admin-no-results{grid-column:1/-1}
.disposable-admin-system>summary,.disposable-admin-diagnostics>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none}.disposable-admin-system>summary::-webkit-details-marker,.disposable-admin-diagnostics>summary::-webkit-details-marker{display:none}.disposable-admin-system>summary>span:first-child,.disposable-admin-diagnostics>summary>span:first-child{display:grid;gap:4px}.disposable-admin-system>summary small,.disposable-admin-diagnostics>summary small{color:var(--muted)}.disposable-admin-purge{border-color:color-mix(in srgb,var(--danger) 35%,var(--border))}.disposable-admin-purge>p{max-width:920px;color:var(--muted)}.disposable-admin-purge details>summary{cursor:pointer;font-weight:700}.disposable-admin-purge .form-grid{align-items:end}
@media(max-width:1280px){.disposable-admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.disposable-admin-filter{grid-template-columns:minmax(220px,1.2fr) repeat(3,minmax(130px,.65fr))}.disposable-admin-filter>.actions{grid-column:1/-1}.disposable-admin-bottom-grid{grid-template-columns:1fr}}
@media(max-width:980px){.disposable-admin-summary{grid-template-columns:1fr}.disposable-admin-top-grid{grid-template-columns:1fr}.disposable-admin-mailbox-grid{grid-template-columns:1fr}.disposable-admin-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.disposable-admin-filter>.actions{grid-column:1/-1}}
@media(max-width:680px){.disposable-admin-summary{padding:21px}.disposable-admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.disposable-admin-manager{padding:18px}.disposable-admin-filter{grid-template-columns:1fr}.disposable-admin-filter>.actions{grid-column:auto;display:grid}.disposable-admin-filter>.actions .btn{width:100%}.disposable-admin-request-list article{align-items:flex-start;flex-direction:column}.disposable-admin-request-list .actions{width:100%}.disposable-admin-request-list .actions form,.disposable-admin-request-list .actions button{width:100%}.disposable-admin-mailbox-card{padding:16px}.disposable-admin-card-actions{display:grid;grid-template-columns:1fr}.disposable-admin-card-actions form,.disposable-admin-card-actions button,.disposable-admin-card-actions a{width:100%}.disposable-admin-bottom-grid{grid-template-columns:1fr}}
@media(max-width:420px){.disposable-admin-metrics{grid-template-columns:1fr}.disposable-admin-mailbox-facts{grid-template-columns:1fr}.disposable-admin-mailbox-card>header{flex-direction:column}.disposable-admin-expiry{grid-template-columns:1fr}.disposable-admin-expiry small{grid-column:auto}}

/* ===== 15.1.0 platform expansion ===== */
.local-antibot-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.52fr);gap:14px 18px;align-items:end;padding:17px;border:1px solid var(--border);border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--surface-2)),var(--surface-2));box-shadow:inset 3px 0 0 color-mix(in srgb,var(--accent) 55%,transparent)}.local-antibot-card.is-passive{grid-template-columns:1fr;padding:13px 15px;box-shadow:none;background:color-mix(in srgb,var(--accent) 4%,var(--surface-2))}.local-antibot-copy{display:flex;align-items:flex-start;gap:11px;min-width:0}.local-antibot-copy>div{min-width:0}.local-antibot-copy p{margin:.2rem 0 0;line-height:1.5}.local-antibot-mark{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:9px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent);font-size:.8rem}.local-antibot-task{display:grid;gap:7px;font-weight:750}.local-antibot-task input{max-width:170px}.local-antibot-question{font-family:var(--mono,monospace);letter-spacing:.04em;color:var(--accent)}.bot-pow-state{grid-column:1/-1;color:var(--muted);font-size:.7rem}.local-antibot-card.is-passive .bot-pow-state{margin-left:41px}.bot-protection-field{margin-top:4px}
@media(max-width:620px){.local-antibot-card{grid-template-columns:1fr}.local-antibot-task input{max-width:none}.local-antibot-card.is-passive .bot-pow-state{margin-left:0}}
.ticket-shell{max-width:1120px}.ticket-detail-head{padding:22px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.ticket-status{display:inline-flex;align-items:center;padding:.35rem .65rem;border-radius:999px;border:1px solid var(--border);font-size:.78rem;font-weight:800}.ticket-status-waiting_staff,.ticket-status-open{background:color-mix(in srgb,#f59e0b 13%,var(--surface-2));border-color:color-mix(in srgb,#f59e0b 42%,var(--border))}.ticket-status-waiting_user{background:color-mix(in srgb,#3b82f6 12%,var(--surface-2));border-color:color-mix(in srgb,#3b82f6 40%,var(--border))}.ticket-status-resolved{background:color-mix(in srgb,#10b981 12%,var(--surface-2));border-color:color-mix(in srgb,#10b981 40%,var(--border))}.ticket-status-closed{opacity:.72}.ticket-conversation{display:grid;gap:14px;margin:20px 0}.ticket-message{max-width:82%;padding:18px 20px;border:1px solid var(--border);border-radius:18px 18px 18px 5px;background:var(--surface-2)}.ticket-message.is-staff{margin-left:auto;border-radius:18px 18px 5px 18px;background:color-mix(in srgb,var(--accent) 9%,var(--surface-2));border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}.ticket-message header{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.8rem;margin-bottom:10px}.ticket-message header strong{color:var(--text)}.ticket-list{display:grid;gap:10px}.ticket-list-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 18px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);text-decoration:none;color:inherit}.ticket-list-card:hover{border-color:var(--accent);transform:translateY(-1px)}.ticket-list-card p,.ticket-list-card time{margin:3px 0 0;color:var(--muted);font-size:.78rem}.ticket-new-form,.ticket-reply-form{max-width:900px}.ticket-admin-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px}.ticket-admin-sidebar{display:grid;gap:16px;align-content:start}.ticket-internal-note{border-left:3px solid #f59e0b;background:color-mix(in srgb,#f59e0b 8%,var(--surface-2))}
.docs-hero{padding:clamp(56px,8vw,100px) 0 48px;background:radial-gradient(circle at 75% 20%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 38%),var(--surface-1)}.docs-hero h1{font-size:clamp(2.3rem,6vw,5rem);margin:.15em 0}.docs-search{display:flex;gap:10px;max-width:720px;margin-top:26px}.docs-search input{flex:1}.docs-book-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.docs-book-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:18px;padding:24px;border:1px solid var(--border);border-radius:18px;background:var(--surface-2);color:inherit;text-decoration:none}.docs-book-card:hover{border-color:var(--accent);transform:translateY(-2px)}.docs-book-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:15px;background:color-mix(in srgb,var(--accent) 16%,var(--surface-1));font-size:1.65rem}.docs-book-card h2{margin:.15rem 0 .5rem}.docs-book-open{display:inline-block;margin-top:10px;font-weight:800;color:var(--accent)}.docs-reader{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:70vh}.docs-reader-sidebar{border-right:1px solid var(--border);padding:24px 18px 40px;position:sticky;top:78px;height:calc(100vh - 78px);overflow:auto;background:var(--surface-1)}.docs-reader-sidebar>a{display:block;margin-bottom:18px;font-weight:900;color:var(--text);text-decoration:none}.docs-chapter{margin:18px 0}.docs-chapter>strong{display:block;font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px}.docs-chapter a{display:block;padding:8px 10px;border-radius:8px;color:var(--muted);text-decoration:none}.docs-chapter a:hover,.docs-chapter a.is-active{background:var(--surface-2);color:var(--text)}.docs-reader-main{min-width:0;padding:36px clamp(24px,5vw,72px) 72px}.docs-reader-main .content-body{max-width:900px}.docs-breadcrumbs,.wiki-breadcrumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:.82rem;margin-bottom:14px}.docs-breadcrumbs a,.wiki-breadcrumbs a{color:inherit}.docs-pager{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:36px;max-width:900px}.docs-pager a{padding:16px;border:1px solid var(--border);border-radius:12px;text-decoration:none;color:inherit}.docs-pager a:last-child{text-align:right}.docs-admin-stack{display:grid;gap:18px}.docs-admin-book{padding:22px}.docs-admin-chapters{display:grid;gap:14px;margin-top:18px}.docs-admin-chapter{border:1px solid var(--border);border-radius:14px;padding:16px;background:var(--surface-1)}.docs-admin-pages{display:grid;gap:8px}.docs-admin-page{border:1px solid var(--border);border-radius:10px;padding:10px;background:var(--surface-2)}.docs-admin-page>summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;font-weight:800}.docs-admin-page>summary small{color:var(--muted);font-weight:500}
.backup-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:18px}.backup-security-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.backup-security-list span{padding:10px 12px;border-radius:10px;background:var(--surface-1);border:1px solid var(--border);font-size:.82rem}.backup-target-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.backup-target-card{padding:20px}.backup-target-card dl{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.backup-target-card dl div{padding:10px;border-radius:10px;background:var(--surface-1)}.backup-target-card dt{font-size:.72rem;color:var(--muted);text-transform:uppercase}.backup-target-card dd{margin:3px 0 0;font-weight:800}
.status-public-hero{padding:70px 0 46px;border-bottom:1px solid var(--border);background:radial-gradient(circle at 78% 25%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 38%),var(--surface-1)}.status-public-up{--status-accent:#10b981}.status-public-degraded{--status-accent:#f59e0b}.status-public-down{--status-accent:#ef4444}.status-public-unknown{--status-accent:#64748b}.status-public-hero-inner{display:flex;justify-content:space-between;gap:30px;align-items:center}.status-overall-panel{min-width:min(100%,390px);display:flex;gap:14px;align-items:center;padding:20px 22px;border:1px solid color-mix(in srgb,var(--status-accent) 35%,var(--border));border-radius:18px;background:color-mix(in srgb,var(--status-accent) 8%,var(--surface-2));box-shadow:0 18px 50px rgba(0,0,0,.12)}.status-overall-panel>.status-dot{width:16px;height:16px}.status-overall-panel div{display:grid}.status-overall-panel small,.status-overall-panel span{color:var(--muted)}.status-overall-panel strong{font-size:1.25rem;margin:.15rem 0}.status-public-container{max-width:1180px}.status-incidents-public,.status-service-section,.status-history-incidents{margin-bottom:36px}.status-incident-card{border:1px solid var(--border);border-left:4px solid #64748b;border-radius:16px;background:var(--surface-2);padding:20px;margin:12px 0}.status-incident-card.level-minor{border-left-color:#f59e0b}.status-incident-card.level-major{border-left-color:#f97316}.status-incident-card.level-critical{border-left-color:#ef4444}.status-incident-card header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:start}.status-incident-level{padding:.3rem .55rem;border-radius:999px;background:var(--surface-1);font-size:.72rem;font-weight:800}.status-incident-timeline{margin:18px 0 0 18px;border-left:2px solid var(--border);display:grid;gap:14px}.status-incident-timeline>div{position:relative;padding-left:18px}.status-incident-timeline>div:before{content:"";position:absolute;left:-6px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--accent)}.status-incident-timeline time,.status-incident-timeline span{font-size:.75rem;color:var(--muted);margin-right:8px}.status-service-list{display:grid;gap:16px}.status-service-card{padding:22px;border:1px solid var(--border);border-radius:18px;background:var(--surface-2)}.status-service-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.status-service-title{display:flex;align-items:center;gap:12px}.status-service-title h3{margin:0}.status-service-title p{margin:3px 0 0;color:var(--muted);font-size:.78rem}.status-service-state{padding:.4rem .65rem;border-radius:999px;border:1px solid var(--border);font-size:.78rem;font-weight:900}.status-kpis-modern{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.status-kpis-modern>div{padding:12px;border-radius:12px;background:var(--surface-1);border:1px solid var(--border)}.status-kpis-modern span{display:block;color:var(--muted);font-size:.72rem}.status-kpis-modern strong{display:block;margin-top:4px}.status-history-label{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.78rem}.status-day-bars{display:grid;grid-template-columns:repeat(90,1fr);gap:2px;margin-top:8px}.status-day{height:28px;border-radius:3px;background:#64748b55}.status-day.status-up{background:#10b981}.status-day.status-degraded{background:#f59e0b}.status-day.status-down{background:#ef4444}.status-recent-details{margin-top:14px}.status-recent-details summary{cursor:pointer;color:var(--muted)}.status-resolved-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border)}.status-resolved-row>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,#10b981 14%,var(--surface-2));color:#10b981}.status-resolved-row p{margin:3px 0;color:var(--muted)}.status-page-footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 0;border-top:1px solid var(--border);color:var(--muted);font-size:.78rem}
.forum-tag-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.forum-tag,.forum-thread-tag{display:inline-flex;padding:.28rem .52rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,var(--surface-2));border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));font-size:.72rem;color:var(--text);text-decoration:none}.forum-reaction-bar{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.forum-reaction-bar form{margin:0}.forum-reaction-chip{border:1px solid var(--border);background:var(--surface-1);color:var(--muted);border-radius:999px;padding:.32rem .58rem;cursor:pointer;font:inherit;font-size:.76rem}.forum-reaction-chip:hover,.forum-reaction-chip.is-active{border-color:var(--accent);color:var(--text);background:color-mix(in srgb,var(--accent) 10%,var(--surface-2))}.forum-bookmark-card{padding:16px}.forum-bookmark-card form{margin-top:10px}
.wiki-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px;margin-bottom:20px}.wiki-toolbar form{flex:1}.wiki-search{display:flex;gap:8px}.wiki-search input{flex:1}.wiki-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px}.wiki-sidebar{display:grid;align-content:start;gap:14px}.wiki-side-card{padding:16px}.wiki-side-card nav{display:grid;gap:4px}.wiki-side-card nav a{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:8px;color:var(--muted);text-decoration:none}.wiki-side-card nav a:hover,.wiki-side-card nav a.is-active{background:var(--surface-1);color:var(--text)}.wiki-side-card nav span{font-size:.72rem}.wiki-popular,.wiki-related{display:grid;gap:6px}.wiki-popular a,.wiki-related a{display:grid;gap:2px;padding:9px 0;border-bottom:1px solid var(--border);color:inherit;text-decoration:none}.wiki-popular small,.wiki-related small{color:var(--muted);font-size:.72rem}.wiki-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wiki-entry-card{padding:18px;text-decoration:none;color:inherit}.wiki-entry-card>div:first-child{display:flex;justify-content:space-between;align-items:center}.wiki-entry-icon{font-size:1.25rem;color:var(--accent)}.wiki-entry-card h3{margin:.45rem 0}.wiki-entry-card footer{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;color:var(--muted);font-size:.72rem}.wiki-article-hero{padding-bottom:34px}.wiki-reader-layout{display:grid;grid-template-columns:minmax(0,850px) 280px;gap:30px;align-items:start}.wiki-article-body{min-width:0}.wiki-reader-side{display:grid;gap:14px;position:sticky;top:90px}.wiki-reader-side dl{display:grid;gap:8px}.wiki-reader-side dl div{padding:8px 0;border-bottom:1px solid var(--border)}.wiki-reader-side dt{font-size:.72rem;color:var(--muted)}.wiki-reader-side dd{margin:2px 0 0}.wiki-docs-cta{justify-content:center}
.disposable-label-form{display:flex;gap:8px;align-items:center;margin-top:10px}.disposable-label-form input{max-width:240px}.disposable-mail-filter{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;padding:0 0 10px}.disposable-mail-filter select{min-width:110px}.disposable-bulk-form{display:block}.disposable-bulk-actions{display:flex;align-items:center;gap:6px;padding:7px 0;color:var(--muted);font-size:.75rem}.disposable-message-select-row{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:stretch}.disposable-message-check{display:grid;place-items:center;border-bottom:1px solid var(--border);background:var(--surface-1)}.disposable-message-check input{width:16px;height:16px}.disposable-blocklist summary{cursor:pointer;font-weight:800}.disposable-blocked-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}
@media(max-width:1100px){.docs-reader{grid-template-columns:230px minmax(0,1fr)}.ticket-admin-layout,.backup-hero-grid,.wiki-reader-layout{grid-template-columns:1fr}.wiki-reader-side{position:static}.status-kpis-modern{grid-template-columns:repeat(2,1fr)}.status-day-bars{grid-template-columns:repeat(45,1fr)}.status-day{height:12px}.wiki-layout{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:800px){.local-antibot-card,.docs-reader,.wiki-layout{grid-template-columns:1fr}.docs-reader-sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--border)}.docs-pager,.wiki-card-grid{grid-template-columns:1fr}.ticket-detail-head,.status-public-hero-inner,.status-service-head,.wiki-toolbar{flex-direction:column;align-items:stretch}.ticket-message{max-width:95%}.status-overall-panel{min-width:0}.status-incident-card header{grid-template-columns:1fr}.status-kpis-modern{grid-template-columns:1fr 1fr}.status-day-bars{grid-template-columns:repeat(30,1fr)}.backup-security-list{grid-template-columns:1fr}.ticket-list-card{grid-template-columns:1fr}.wiki-search{flex-direction:column}.disposable-mail-filter{grid-template-columns:1fr}.disposable-label-form{align-items:stretch;flex-direction:column}.disposable-label-form input{max-width:none}}
@media(max-width:520px){.status-kpis-modern{grid-template-columns:1fr}.status-day-bars{grid-template-columns:repeat(15,1fr)}.docs-search{flex-direction:column}.docs-book-card{grid-template-columns:1fr}.ticket-message{max-width:100%}}

/* 15.1 CMS editor, documentation search and forum discovery */
.cms-editor-shell{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:20px;align-items:start}.cms-editor-form,.cms-preview-panel{padding:22px}.cms-main-editor{min-height:520px;font-family:var(--font-mono);line-height:1.55;resize:vertical}.cms-preview-panel{position:sticky;top:88px;max-height:calc(100vh - 110px);overflow:auto}.cms-preview-body{padding-top:14px;border-top:1px solid var(--border)}.cms-editor-actions{position:sticky;bottom:10px;margin-top:18px;padding:10px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(12px);z-index:3}.compact-check{margin-top:8px}.docs-search-results{display:grid;gap:9px;margin-bottom:28px}.docs-search-result{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:15px 17px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);color:inherit;text-decoration:none}.docs-search-result:hover{border-color:var(--accent);transform:translateY(-1px)}.docs-search-result>div{display:grid;gap:3px}.docs-search-result small{color:var(--muted)}.docs-search-result strong{font-size:1rem}.docs-search-result p{margin:0;color:var(--muted);font-size:.86rem}.docs-search-result>span{white-space:nowrap;color:var(--accent);font-weight:800}.forum-tag-cloud{display:flex;flex-wrap:wrap;gap:7px}.forum-tag-cloud a{display:inline-flex;align-items:center;gap:6px;padding:.4rem .6rem;border:1px solid var(--border);border-radius:999px;background:var(--surface-1);color:var(--text);text-decoration:none;font-size:.78rem}.forum-tag-cloud a:hover{border-color:var(--accent)}.forum-tag-cloud small{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--surface-2);color:var(--muted)}
@media(max-width:1000px){.cms-editor-shell{grid-template-columns:1fr}.cms-preview-panel{position:static;max-height:none}.cms-main-editor{min-height:400px}}
@media(max-width:600px){.docs-search-result{align-items:flex-start;flex-direction:column}.cms-editor-form,.cms-preview-panel{padding:16px}.cms-editor-actions{position:static}}

/* 15.1.1 verification center, documentation library and ticket workspace */
.system-check-hero{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:28px;align-items:center;padding:28px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(135deg,var(--surface-2),var(--surface-1));margin-bottom:18px}.system-check-hero h2{font-size:clamp(1.7rem,3vw,2.6rem);margin:.15rem 0 .5rem}.system-check-hero p{max-width:850px;margin:0;color:var(--muted)}.system-check-hero-ok{border-color:color-mix(in srgb,#10b981 35%,var(--border))}.system-check-hero-warning{border-color:color-mix(in srgb,#f59e0b 38%,var(--border))}.system-check-hero-fail{border-color:color-mix(in srgb,#ef4444 42%,var(--border))}.system-check-score{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;align-content:center;justify-self:end;border:10px solid color-mix(in srgb,var(--accent) 30%,var(--surface-2));background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--border)}.system-check-score strong{font-size:2.15rem;line-height:1}.system-check-score span{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-top:6px}.system-check-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.system-check-kpi{display:grid;gap:3px;padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);color:inherit;text-decoration:none}.system-check-kpi span,.system-check-kpi small{color:var(--muted)}.system-check-kpi strong{font-size:1.8rem}.system-check-kpi.is-ok{border-left:4px solid #10b981}.system-check-kpi.is-warning{border-left:4px solid #f59e0b}.system-check-kpi.is-fail{border-left:4px solid #ef4444}.system-check-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:14px 0 20px}.system-check-toolbar p{margin:0;max-width:760px;text-align:right}.system-check-groups{display:grid;gap:12px}.system-check-group{border:1px solid var(--border);border-radius:16px;background:var(--surface-2);overflow:hidden}.system-check-group>summary{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 20px;cursor:pointer;list-style:none}.system-check-group>summary::-webkit-details-marker{display:none}.system-check-group>summary span:first-child{display:grid;gap:3px}.system-check-group>summary small{color:var(--muted);font-weight:500}.system-check-group-counts{display:flex;gap:8px;flex-wrap:wrap}.system-check-group-counts b{padding:.3rem .55rem;border-radius:999px;font-size:.72rem}.system-check-group-counts .is-ok{background:color-mix(in srgb,#10b981 14%,var(--surface-1));color:#10b981}.system-check-group-counts .is-warning{background:color-mix(in srgb,#f59e0b 14%,var(--surface-1));color:#d97706}.system-check-group-counts .is-fail{background:color-mix(in srgb,#ef4444 14%,var(--surface-1));color:#ef4444}.system-check-list{border-top:1px solid var(--border)}.system-check-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border)}.system-check-row:last-child{border-bottom:0}.system-check-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:900}.system-check-row.is-ok .system-check-icon{background:color-mix(in srgb,#10b981 15%,var(--surface-1));color:#10b981}.system-check-row.is-warning .system-check-icon{background:color-mix(in srgb,#f59e0b 15%,var(--surface-1));color:#d97706}.system-check-row.is-fail .system-check-icon{background:color-mix(in srgb,#ef4444 15%,var(--surface-1));color:#ef4444}.system-check-copy{min-width:0}.system-check-copy p,.system-check-copy small{margin:3px 0 0;color:var(--muted)}.system-check-title{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.system-check-title span{font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.system-check-note{margin-top:18px}.system-check-note p{max-width:980px;color:var(--muted)}

.docs-library-hero{position:relative;overflow:hidden;padding:clamp(58px,8vw,108px) 0 54px;border-bottom:1px solid var(--border);background:radial-gradient(circle at 12% 20%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 34%),radial-gradient(circle at 88% 15%,color-mix(in srgb,#7c3aed 12%,transparent),transparent 30%),var(--surface-1)}.docs-library-hero:after{content:"";position:absolute;inset:auto -10% -120px 35%;height:220px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 8%,transparent),transparent);transform:rotate(-8deg);pointer-events:none}.docs-library-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:clamp(28px,6vw,78px);align-items:end}.docs-library-copy h1{font-size:clamp(2.8rem,6.5vw,6rem);line-height:.96;letter-spacing:-.055em;margin:.18em 0 .3em;max-width:920px}.docs-library-copy h1 span{color:var(--muted)}.docs-library-copy .lede{max-width:720px}.docs-library-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;max-width:780px;margin-top:28px;padding:7px 7px 7px 16px;border:1px solid var(--border);border-radius:15px;background:var(--surface-2);box-shadow:0 16px 50px rgba(0,0,0,.06)}.docs-library-search>span{font-size:1.3rem;color:var(--muted)}.docs-library-search input{border:0;background:transparent;min-width:0;box-shadow:none}.docs-library-search input:focus{outline:0}.docs-library-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.docs-library-stats span{display:flex;gap:6px;align-items:center;padding:.5rem .75rem;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface-2) 80%,transparent);font-size:.76rem;color:var(--muted)}.docs-library-stats strong{color:var(--text)}.docs-library-recent{position:relative;z-index:1;padding:20px;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--surface-2) 92%,transparent);backdrop-filter:blur(12px);box-shadow:0 18px 50px rgba(0,0,0,.08)}.docs-library-recent-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.docs-library-recent-head span{font-weight:900}.docs-library-recent-head small{color:var(--muted)}.docs-library-recent>a{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid var(--border);text-decoration:none;color:inherit}.docs-library-recent>a span{display:grid;gap:2px}.docs-library-recent>a small,.docs-library-recent>a time{color:var(--muted);font-size:.72rem}.docs-library-recent>a strong{font-size:.9rem}.docs-library-empty-mini{padding:18px 0;color:var(--muted)}.docs-library-section{padding-top:42px}.docs-results-panel{margin-bottom:48px}.docs-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:18px}.docs-result-card{display:grid;align-content:start;gap:8px;padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);color:inherit;text-decoration:none}.docs-result-card:hover{border-color:var(--accent);transform:translateY(-2px)}.docs-result-path{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:.72rem}.docs-result-card h3{margin:0;font-size:1.08rem}.docs-result-card p{margin:0;color:var(--muted);font-size:.88rem}.docs-result-open{margin-top:auto;padding-top:8px;color:var(--accent);font-weight:800;font-size:.82rem}.docs-library-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.docs-library-heading h2{font-size:clamp(1.8rem,3vw,2.7rem);margin:.1rem 0}.docs-library-heading p{margin-bottom:0}.docs-library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.docs-library-card{min-height:310px;display:grid;grid-template-rows:auto 1fr auto;gap:24px;padding:24px;border:1px solid var(--border);border-radius:19px;background:linear-gradient(145deg,var(--surface-2),var(--surface-1));color:inherit;text-decoration:none;overflow:hidden;position:relative}.docs-library-card:before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-50px;top:-55px;background:color-mix(in srgb,var(--accent) 10%,transparent)}.docs-library-card:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));transform:translateY(-3px);box-shadow:0 20px 48px rgba(0,0,0,.08)}.docs-library-card-top,.docs-library-card-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;position:relative}.docs-library-number{font:800 1rem/1 var(--mono,monospace);color:var(--muted)}.docs-library-arrow{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--border);background:var(--surface-2)}.docs-library-card h2{font-size:1.55rem;margin:.2rem 0 .6rem}.docs-library-card p{color:var(--muted);margin:0}.docs-library-card-foot{border-top:1px solid var(--border);padding-top:16px}.docs-library-card-foot span{font-weight:900}.docs-library-card-foot small{color:var(--muted)}.docs-library-empty{grid-column:1/-1}

.docs-reader-shell{min-height:72vh;background:var(--surface-1)}.docs-reader-topbar{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface-1) 92%,transparent);backdrop-filter:blur(14px)}.docs-reader-topbar-inner{min-height:68px;display:grid;grid-template-columns:190px minmax(0,1fr) 220px;gap:20px;align-items:center}.docs-reader-library-link{font-weight:800;text-decoration:none;color:var(--muted)}.docs-reader-library-link:hover{color:var(--text)}.docs-reader-book-title{display:grid;gap:1px}.docs-reader-book-title span,.docs-reader-progress span{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.docs-reader-book-title strong{font-size:.92rem}.docs-reader-progress{display:grid;gap:5px}.docs-reader-progress progress{display:block;width:100%;height:4px;border:0;border-radius:999px;overflow:hidden;background:var(--border);appearance:none}.docs-reader-progress progress::-webkit-progress-bar{background:var(--border);border-radius:999px}.docs-reader-progress progress::-webkit-progress-value{background:var(--accent);border-radius:999px}.docs-reader-progress progress::-moz-progress-bar{background:var(--accent);border-radius:999px}.docs-reader-layout-new{display:grid;grid-template-columns:300px minmax(0,1fr);gap:40px;align-items:start;padding-top:34px;padding-bottom:70px}.docs-reader-nav-card{position:sticky;top:94px;max-height:calc(100vh - 120px);overflow:auto;border:1px solid var(--border);border-radius:16px;background:var(--surface-2)}.docs-reader-nav-intro{padding:20px;border-bottom:1px solid var(--border)}.docs-reader-nav-intro h2{font-size:1.15rem;margin:.15rem 0 .4rem}.docs-reader-nav-intro p{font-size:.82rem;color:var(--muted);margin:0}.docs-reader-tree{padding:10px}.docs-reader-tree section{padding:8px 0}.docs-reader-tree section>strong{display:block;padding:5px 9px 8px;font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.docs-reader-tree a{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 10px;border-radius:9px;color:var(--muted);text-decoration:none;font-size:.84rem}.docs-reader-tree a:hover{background:var(--surface-1);color:var(--text)}.docs-reader-tree a.is-active{background:color-mix(in srgb,var(--accent) 12%,var(--surface-1));color:var(--text);font-weight:800}.docs-reader-tree a b{font-size:.55rem;color:var(--accent)}.docs-reader-main-new{min-width:0}.docs-reader-breadcrumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:.78rem;margin-bottom:18px}.docs-reader-breadcrumbs a{color:inherit}.docs-reader-article{max-width:930px;margin:0 auto}.docs-reader-article-head{padding:clamp(24px,4vw,44px);border:1px solid var(--border);border-bottom:0;border-radius:20px 20px 0 0;background:linear-gradient(145deg,var(--surface-2),var(--surface-1))}.docs-reader-article-head h1{font-size:clamp(2rem,5vw,4.2rem);line-height:1.02;letter-spacing:-.045em;margin:.15em 0 .3em}.docs-reader-article-head .lede{font-size:1.08rem;max-width:780px}.docs-reader-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.docs-reader-meta span{padding:.42rem .65rem;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.72rem}.docs-reader-markdown{padding:clamp(26px,5vw,56px);border:1px solid var(--border);border-radius:0 0 20px 20px;background:var(--surface-2);font-size:1.02rem;line-height:1.78}.docs-reader-markdown h2{font-size:1.8rem;margin-top:2.2em;padding-top:.4em;border-top:1px solid var(--border)}.docs-reader-markdown h3{font-size:1.3rem;margin-top:1.8em}.docs-reader-markdown pre{border-radius:12px;padding:18px;overflow:auto}.docs-reader-markdown blockquote{margin:1.5rem 0;padding:1rem 1.2rem;border-left:4px solid var(--accent);background:var(--surface-1);border-radius:0 10px 10px 0}.docs-reader-pager{max-width:930px;margin:18px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.docs-reader-pager>a{display:grid;gap:5px;padding:17px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2);text-decoration:none;color:inherit}.docs-reader-pager>a:hover{border-color:var(--accent)}.docs-reader-pager>a.next{text-align:right}.docs-reader-pager small{color:var(--muted)}

.ticket-page{min-height:65vh}.ticket-page-container{max-width:1280px}.ticket-page-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:28px 0 16px}.ticket-back-link{font-weight:800;color:var(--muted);text-decoration:none}.ticket-back-link:hover{color:var(--text)}.ticket-number{font:700 .78rem/1 var(--mono,monospace);padding:.45rem .65rem;border:1px solid var(--border);border-radius:999px;color:var(--muted)}.ticket-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start;padding-bottom:70px}.ticket-detail-main{min-width:0}.ticket-detail-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:28px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,var(--surface-2),var(--surface-1))}.ticket-detail-hero h1{font-size:clamp(1.8rem,4vw,3rem);margin:.12rem 0 .4rem}.ticket-detail-hero p{margin:0;color:var(--muted)}.ticket-chat{display:grid;gap:12px;padding:22px 0}.ticket-chat-message{padding:18px 20px;border:1px solid var(--border);border-radius:17px;background:var(--surface-2)}.ticket-chat-message.is-staff{margin-left:clamp(0px,5vw,60px);border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface-2))}.ticket-chat-message.is-user{margin-right:clamp(0px,5vw,60px)}.ticket-chat-message.is-internal{border-left:3px solid #f59e0b;background:color-mix(in srgb,#f59e0b 7%,var(--surface-2))}.ticket-chat-message header{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:12px}.ticket-chat-author{display:flex;gap:10px;align-items:center}.ticket-chat-author>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:900;background:var(--surface-1);border:1px solid var(--border)}.ticket-chat-author div{display:grid;gap:1px}.ticket-chat-author small,.ticket-chat-message time{color:var(--muted);font-size:.72rem}.ticket-chat-body{font-size:.94rem}.ticket-reply-panel{padding:22px;border:1px solid var(--border);border-radius:17px;background:var(--surface-2)}.ticket-reply-head{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:12px}.ticket-reply-head h2{margin:.1rem 0}.ticket-reply-head>span{font-size:.72rem;color:var(--muted)}.ticket-reply-panel textarea{min-height:170px}.ticket-reply-actions{display:flex;justify-content:space-between;gap:16px;align-items:center}.ticket-reply-actions small{color:var(--muted)}.ticket-detail-side{display:grid;gap:12px;position:sticky;top:90px}.ticket-info-card,.ticket-help-card,.ticket-close-card{padding:18px;border:1px solid var(--border);border-radius:15px;background:var(--surface-2)}.ticket-info-card dl{display:grid;margin:12px 0 0}.ticket-info-card dl div{display:grid;grid-template-columns:1fr auto;gap:12px;padding:10px 0;border-top:1px solid var(--border)}.ticket-info-card dt{color:var(--muted)}.ticket-info-card dd{margin:0;text-align:right}.ticket-help-card{display:flex;gap:12px}.ticket-help-card>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,var(--surface-1))}.ticket-help-card p,.ticket-close-card p{font-size:.82rem;color:var(--muted);margin:.35rem 0 0}.ticket-close-card strong{display:block}.ticket-close-card .btn{margin-top:12px;width:100%}.ticket-closed-panel{padding:24px;border:1px solid color-mix(in srgb,#10b981 30%,var(--border));border-radius:16px;background:color-mix(in srgb,#10b981 7%,var(--surface-2));text-align:center}.ticket-closed-panel p{color:var(--muted)}
.ticket-overview-page{padding:54px 0 72px}.ticket-overview-hero{display:flex;justify-content:space-between;gap:30px;align-items:end;padding-bottom:28px}.ticket-overview-hero h1{font-size:clamp(2.4rem,6vw,5.2rem);line-height:.98;letter-spacing:-.05em;margin:.15em 0 .25em}.ticket-overview-hero .lede{max-width:720px}.ticket-overview-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:42px}.ticket-overview-stats article{display:grid;gap:2px;padding:18px;border:1px solid var(--border);border-radius:15px;background:var(--surface-2)}.ticket-overview-stats span,.ticket-overview-stats small{color:var(--muted)}.ticket-overview-stats strong{font-size:1.9rem}.ticket-overview-heading{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:14px}.ticket-overview-heading h2{margin:.1rem 0}.ticket-overview-heading>span{color:var(--muted)}.ticket-overview-list{display:grid;gap:10px}.ticket-overview-card{display:grid;grid-template-columns:180px minmax(0,1fr) 190px;gap:18px;align-items:center;padding:18px;border:1px solid var(--border);border-radius:15px;background:var(--surface-2);text-decoration:none;color:inherit}.ticket-overview-card:hover{border-color:var(--accent);transform:translateY(-1px)}.ticket-overview-status{display:grid;gap:7px;justify-items:start}.ticket-overview-status small,.ticket-overview-copy small,.ticket-overview-copy p,.ticket-overview-time time{color:var(--muted);font-size:.75rem}.ticket-overview-copy h3{margin:.15rem 0 .2rem;font-size:1.03rem}.ticket-overview-copy p{margin:0}.ticket-overview-time{display:flex;justify-content:flex-end;gap:16px;align-items:center}.ticket-overview-time span{font-size:1.25rem}.ticket-empty-modern{padding:50px 24px;border:1px dashed var(--border);border-radius:18px;text-align:center;background:var(--surface-2)}.ticket-empty-modern>span{width:58px;height:58px;margin:0 auto 14px;border-radius:16px;display:grid;place-items:center;font-size:1.5rem;background:color-mix(in srgb,var(--accent) 12%,var(--surface-1))}.ticket-empty-modern p{color:var(--muted);max-width:650px;margin:0 auto 18px}.ticket-new-page{padding:54px 0 80px}.ticket-new-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr);gap:clamp(30px,6vw,80px);align-items:start}.ticket-new-intro{position:sticky;top:100px}.ticket-new-intro h1{font-size:clamp(2.6rem,6vw,5.2rem);line-height:.98;letter-spacing:-.05em;margin:.4em 0 .25em}.ticket-new-tips{display:grid;gap:10px;margin-top:28px}.ticket-new-tips article{display:flex;gap:12px;padding:14px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2)}.ticket-new-tips article>strong{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,var(--surface-1))}.ticket-new-tips span{display:grid;gap:2px}.ticket-new-tips small{color:var(--muted)}.ticket-new-card{padding:26px;border:1px solid var(--border);border-radius:18px;background:var(--surface-2);box-shadow:0 20px 60px rgba(0,0,0,.06)}.ticket-new-card textarea{min-height:260px}.ticket-new-actions{display:flex;justify-content:flex-end;gap:10px}

.ticket-admin-overview-hero{display:flex;justify-content:space-between;gap:24px;align-items:end;padding:24px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,var(--surface-2),var(--surface-1))}.ticket-admin-overview-hero h2{font-size:2rem;margin:.12rem 0 .35rem}.ticket-admin-overview-hero p{margin:0;color:var(--muted)}.ticket-admin-overview-mini{display:flex;gap:10px;flex-wrap:wrap}.ticket-admin-overview-mini span{padding:.6rem .8rem;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:.75rem}.ticket-admin-overview-mini strong{color:var(--text)}.ticket-admin-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0}.ticket-admin-stats article{padding:15px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2)}.ticket-admin-stats span{display:block;color:var(--muted);font-size:.74rem}.ticket-admin-stats strong{display:block;font-size:1.5rem;margin-top:3px}.ticket-admin-filter-card{padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);margin-bottom:14px}.ticket-admin-filter-grid{display:grid;grid-template-columns:minmax(220px,1fr) 190px 190px auto;gap:10px;align-items:end}.ticket-admin-filter-actions{display:flex;gap:8px}.ticket-admin-board{display:grid;gap:8px}.ticket-admin-row{display:grid;grid-template-columns:145px minmax(0,1fr) 180px 160px 28px;gap:14px;align-items:center;padding:15px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2);text-decoration:none;color:inherit}.ticket-admin-row:hover{border-color:var(--accent);transform:translateY(-1px)}.ticket-admin-row-status{display:grid;gap:5px;justify-items:start}.ticket-admin-row-status small,.ticket-admin-row-main small,.ticket-admin-row-main p,.ticket-admin-row-meta,.ticket-admin-row time{color:var(--muted);font-size:.73rem}.ticket-admin-row-main div{display:grid;gap:2px}.ticket-admin-row-main p{margin:4px 0 0}.ticket-admin-row-meta{display:grid;gap:3px}.ticket-admin-row-arrow{font-size:1.15rem}.ticket-admin-topbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:14px}.ticket-admin-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.ticket-admin-detail-main{min-width:0}.ticket-admin-ticket-head{display:flex;justify-content:space-between;gap:20px;align-items:start;padding:22px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(145deg,var(--surface-2),var(--surface-1))}.ticket-admin-idline{display:flex;gap:8px;flex-wrap:wrap}.ticket-admin-idline span{padding:.35rem .55rem;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.7rem}.ticket-admin-ticket-head h2{font-size:1.8rem;margin:.45rem 0 .25rem}.ticket-admin-ticket-head p{margin:0;color:var(--muted)}.ticket-admin-conversation{display:grid;gap:10px;margin:14px 0}.ticket-admin-compose-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ticket-admin-compose-card{display:grid;gap:12px;padding:18px;border:1px solid var(--border);border-radius:15px;background:var(--surface-2)}.ticket-admin-compose-card.is-reply{border-top:3px solid var(--accent)}.ticket-admin-compose-card.is-note{border-top:3px solid #f59e0b}.ticket-admin-compose-card h3{margin:.1rem 0}.ticket-admin-compose-card textarea{min-height:160px}.ticket-admin-compose-card .actions{justify-content:space-between;align-items:center}.ticket-admin-compose-card small{color:var(--muted)}.ticket-admin-detail-side{display:grid;gap:12px;position:sticky;top:90px}.ticket-admin-control-card,.ticket-admin-meta-card,.ticket-admin-delete-card{padding:18px;border:1px solid var(--border);border-radius:15px;background:var(--surface-2)}.ticket-admin-control-card h3{margin:.1rem 0 16px}.ticket-admin-control-card .btn{width:100%}.ticket-admin-meta-card dl{display:grid;margin:10px 0 0}.ticket-admin-meta-card dl div{display:grid;grid-template-columns:1fr auto;gap:10px;padding:9px 0;border-top:1px solid var(--border)}.ticket-admin-meta-card dt{color:var(--muted)}.ticket-admin-meta-card dd{margin:0;text-align:right}.ticket-admin-delete-card summary{cursor:pointer;font-weight:800;color:#ef4444}

@media(max-width:1150px){.system-check-kpis{grid-template-columns:repeat(2,1fr)}.docs-library-hero-grid{grid-template-columns:1fr}.docs-library-recent{max-width:760px}.docs-reader-layout-new{grid-template-columns:250px minmax(0,1fr);gap:24px}.ticket-detail-layout,.ticket-admin-detail-grid{grid-template-columns:1fr}.ticket-detail-side,.ticket-admin-detail-side,.ticket-new-intro{position:static}.ticket-admin-stats{grid-template-columns:repeat(3,1fr)}.ticket-admin-filter-grid{grid-template-columns:1fr 1fr}.ticket-admin-row{grid-template-columns:130px minmax(0,1fr) 150px 28px}.ticket-admin-row time{display:none}}
@media(max-width:850px){.system-check-hero{grid-template-columns:1fr}.system-check-score{justify-self:start}.system-check-toolbar{align-items:flex-start;flex-direction:column}.system-check-toolbar p{text-align:left}.docs-reader-topbar-inner{grid-template-columns:1fr auto}.docs-reader-book-title{display:none}.docs-reader-layout-new{grid-template-columns:1fr}.docs-reader-nav-card{position:static;max-height:none}.docs-reader-tree{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.docs-reader-tree section{padding:0}.ticket-overview-stats{grid-template-columns:repeat(2,1fr)}.ticket-overview-card{grid-template-columns:1fr}.ticket-overview-time{justify-content:space-between}.ticket-new-layout{grid-template-columns:1fr}.ticket-admin-compose-grid{grid-template-columns:1fr}.ticket-admin-row{grid-template-columns:1fr auto}.ticket-admin-row-status,.ticket-admin-row-meta{grid-column:1}.ticket-admin-row-arrow{grid-column:2;grid-row:1/4}.ticket-admin-overview-hero{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.system-check-kpis{grid-template-columns:1fr 1fr}.system-check-row{grid-template-columns:30px minmax(0,1fr)}.system-check-row>.btn{grid-column:2;justify-self:start}.system-check-group>summary{align-items:flex-start;flex-direction:column}.docs-library-search{grid-template-columns:auto minmax(0,1fr)}.docs-library-search .btn{grid-column:1/-1}.docs-library-stats{display:grid}.docs-library-grid,.docs-result-grid{grid-template-columns:1fr}.docs-reader-topbar-inner{grid-template-columns:1fr}.docs-reader-progress{display:none}.docs-reader-tree{grid-template-columns:1fr}.docs-reader-article-head,.docs-reader-markdown{padding:22px}.docs-reader-pager{grid-template-columns:1fr}.docs-reader-pager span{display:none}.ticket-detail-hero,.ticket-page-toolbar,.ticket-overview-hero,.ticket-reply-head,.ticket-reply-actions,.ticket-admin-topbar{align-items:flex-start;flex-direction:column}.ticket-chat-message.is-staff,.ticket-chat-message.is-user{margin-left:0;margin-right:0}.ticket-overview-stats,.ticket-admin-stats{grid-template-columns:1fr 1fr}.ticket-new-card{padding:18px}.ticket-admin-filter-grid{grid-template-columns:1fr}.ticket-admin-filter-actions{flex-wrap:wrap}.ticket-admin-compose-card .actions{align-items:flex-start;flex-direction:column}}

/* 15.1.3 documentation overview refresh */
.docs-home-hero{position:relative;overflow:hidden;padding:clamp(46px,6vw,84px) 0 44px;border-bottom:1px solid var(--border);background:var(--surface-1)}
.docs-home-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 14% 18%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 30%),radial-gradient(circle at 88% 20%,color-mix(in srgb,var(--text) 5%,transparent),transparent 32%)}
.docs-home-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 45%,var(--border)),transparent)}
.docs-home-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:clamp(28px,5vw,64px);align-items:center}
.docs-home-intro{min-width:0}.docs-home-kicker{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px;color:var(--muted);font-size:.78rem}.docs-home-kicker>span{width:34px;height:34px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--accent) 9%,var(--surface-2));color:var(--accent);font-size:1rem}.docs-home-kicker strong{color:var(--text);font-size:.82rem}.docs-home-kicker small{padding-left:10px;border-left:1px solid var(--border)}
.docs-home-intro h1{max-width:880px;margin:0 0 18px;font-size:clamp(2.7rem,6.2vw,5.7rem);line-height:.94;letter-spacing:-.055em}.docs-home-intro h1 span{color:var(--muted)}.docs-home-intro .lede{max-width:740px;margin:0;color:var(--muted);font-size:clamp(1rem,1.6vw,1.16rem);line-height:1.7}
.docs-home-search{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:6px;max-width:860px;margin-top:28px;padding:7px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));border-radius:16px;background:var(--surface-2);box-shadow:0 18px 55px rgba(0,0,0,.06)}.docs-home-search:focus-within{border-color:color-mix(in srgb,var(--accent) 65%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent),0 18px 55px rgba(0,0,0,.07)}.docs-home-search-icon{display:grid;place-items:center;color:var(--muted);font-size:1.3rem}.docs-home-search input{min-width:0;height:46px;padding:0 4px;border:0;background:transparent;box-shadow:none;font-size:.95rem}.docs-home-search input:focus{outline:0}.docs-home-search-clear{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;color:var(--muted);text-decoration:none;font-size:1.2rem}.docs-home-search-clear:hover{background:var(--surface-1);color:var(--text)}.docs-home-search .btn{min-height:46px;white-space:nowrap}
.docs-home-metrics{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.docs-home-metrics article{display:flex;align-items:baseline;gap:7px;padding:.56rem .78rem;border:1px solid var(--border);border-radius:11px;background:color-mix(in srgb,var(--surface-2) 88%,transparent)}.docs-home-metrics strong{font-size:1rem}.docs-home-metrics span{color:var(--muted);font-size:.74rem}
.docs-home-start-card{position:relative;padding:24px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(155deg,color-mix(in srgb,var(--surface-2) 96%,var(--accent) 4%),var(--surface-2));box-shadow:0 24px 70px rgba(0,0,0,.08);overflow:hidden}.docs-home-start-card:after{content:"";position:absolute;width:150px;height:150px;right:-72px;top:-76px;border-radius:50%;background:color-mix(in srgb,var(--accent) 10%,transparent);pointer-events:none}.docs-home-start-head{position:relative;z-index:1;display:flex;gap:13px;align-items:center}.docs-home-start-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--accent);color:var(--accent-contrast,#fff);font-weight:900}.docs-home-start-head div{display:grid;gap:2px}.docs-home-start-head small,.docs-home-start-latest>small{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.docs-home-start-head strong{font-size:1.05rem}.docs-home-start-card>p{margin:17px 0;color:var(--muted);line-height:1.62;font-size:.9rem}.docs-home-start-meta{display:flex;gap:8px;flex-wrap:wrap}.docs-home-start-meta span{padding:.4rem .6rem;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.71rem}.docs-home-start-action{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:16px;padding:13px 14px;border-radius:12px;background:var(--text);color:var(--surface-1);text-decoration:none;font-weight:800}.docs-home-start-action:hover{transform:translateY(-1px)}.docs-home-start-action b{font-size:1.05rem}.docs-home-start-latest{display:grid;gap:0;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.docs-home-start-latest>small{margin-bottom:6px}.docs-home-start-latest>a{display:flex;justify-content:space-between;gap:12px;padding:8px 0;color:inherit;text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent);font-size:.79rem}.docs-home-start-latest>a:last-child{border-bottom:0}.docs-home-start-latest>a span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.docs-home-start-latest>a time{flex:none;color:var(--muted);font-size:.68rem}
.docs-home-section{padding-top:42px}.docs-home-results{margin-bottom:46px;padding:24px;border:1px solid var(--border);border-radius:20px;background:color-mix(in srgb,var(--surface-2) 74%,var(--surface-1))}.docs-home-section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:20px}.docs-home-section-head h2{margin:.12rem 0 .35rem;font-size:clamp(1.7rem,3vw,2.45rem);letter-spacing:-.025em}.docs-home-section-head p{margin:0;color:var(--muted)}.docs-home-result-list{display:grid;gap:8px}.docs-home-result{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2);color:inherit;text-decoration:none}.docs-home-result:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));transform:translateX(2px)}.docs-home-result-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;background:var(--surface-1);color:var(--accent)}.docs-home-result-path{display:flex;gap:7px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:.69rem}.docs-home-result h3{margin:.2rem 0 .25rem;font-size:1rem}.docs-home-result p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.5}.docs-home-result>small{align-self:start;color:var(--muted);font-size:.68rem;white-space:nowrap}
.docs-home-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}.docs-home-library{min-width:0}.docs-home-library-head{margin-bottom:18px}.docs-home-library-count{flex:none;padding:.5rem .7rem;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:.72rem}.docs-home-book-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.docs-home-book-card{position:relative;min-height:330px;display:grid;grid-template-rows:auto 1fr auto auto;gap:18px;padding:22px;border:1px solid var(--border);border-radius:18px;background:var(--surface-2);color:inherit;text-decoration:none;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.docs-home-book-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,var(--accent),transparent);opacity:.45}.docs-home-book-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 52%,var(--border));box-shadow:0 18px 44px rgba(0,0,0,.07)}.docs-home-book-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.docs-home-book-index{font-family:var(--font-mono,monospace);font-weight:800;font-size:.76rem;letter-spacing:.08em;color:var(--muted)}.docs-home-book-arrow{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;background:var(--surface-1);color:var(--muted);transition:transform .18s ease,color .18s ease}.docs-home-book-card:hover .docs-home-book-arrow{transform:translate(2px,-2px);color:var(--accent)}.docs-home-book-body{align-self:start}.docs-home-book-icon{width:46px;height:46px;display:grid;place-items:center;margin-bottom:18px;border-radius:13px;background:color-mix(in srgb,var(--accent) 10%,var(--surface-1));color:var(--accent);font-size:1.15rem}.docs-home-book-body h3{margin:0 0 9px;font-size:clamp(1.3rem,2.2vw,1.65rem);letter-spacing:-.025em}.docs-home-book-body p{margin:0;color:var(--muted);line-height:1.62;font-size:.88rem}.docs-home-book-meta{display:flex;gap:8px;flex-wrap:wrap}.docs-home-book-meta span{padding:.4rem .58rem;border-radius:8px;background:var(--surface-1);color:var(--muted);font-size:.7rem}.docs-home-book-meta b{color:var(--text)}.docs-home-book-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-top:14px;border-top:1px solid var(--border)}.docs-home-book-foot span{font-size:.82rem;font-weight:900}.docs-home-book-foot small{color:var(--muted);font-size:.67rem;text-align:right}
.docs-home-sidebar{display:grid;gap:14px;position:sticky;top:92px}.docs-home-side-card,.docs-home-help-card{padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--surface-2)}.docs-home-side-head{display:flex;justify-content:space-between;gap:12px;align-items:start;padding-bottom:12px;border-bottom:1px solid var(--border)}.docs-home-side-head h3{margin:.12rem 0 0;font-size:1.05rem}.docs-home-side-head>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:var(--surface-1);color:var(--muted)}.docs-home-link-list{display:grid}.docs-home-link-list>a{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--border);color:inherit;text-decoration:none}.docs-home-link-list>a:last-child{border-bottom:0;padding-bottom:0}.docs-home-link-list>a>span{min-width:0;display:grid;gap:2px}.docs-home-link-list small{color:var(--muted);font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.docs-home-link-list strong{font-size:.8rem;line-height:1.35}.docs-home-link-list b{color:var(--accent)}.docs-home-link-list em{min-width:26px;padding:.2rem .35rem;border-radius:999px;background:var(--surface-1);color:var(--muted);font-style:normal;font-size:.64rem;text-align:center}.docs-home-help-card{display:flex;gap:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,var(--surface-2)),var(--surface-2))}.docs-home-help-icon{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--accent);color:var(--accent-contrast,#fff);font-weight:900}.docs-home-help-card h3{margin:.1rem 0 .35rem}.docs-home-help-card p{margin:0 0 8px;color:var(--muted);font-size:.8rem;line-height:1.5}.docs-home-help-card a{font-size:.78rem;font-weight:900;text-decoration:none}.docs-home-empty{grid-column:1/-1;padding:44px 24px;border:1px dashed var(--border);border-radius:16px;background:var(--surface-2);text-align:center}.docs-home-empty>span{width:48px;height:48px;margin:0 auto 12px;display:grid;place-items:center;border-radius:13px;background:var(--surface-1);color:var(--muted);font-size:1.25rem}.docs-home-empty h2,.docs-home-empty h3{margin:.2rem 0}.docs-home-empty p{margin:.35rem auto 0;max-width:620px;color:var(--muted)}
@media(max-width:1120px){.docs-home-hero-grid{grid-template-columns:1fr}.docs-home-start-card{max-width:780px}.docs-home-layout{grid-template-columns:1fr}.docs-home-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.docs-home-help-card{grid-column:1/-1}}
@media(max-width:760px){.docs-home-hero{padding-top:36px}.docs-home-kicker small{width:100%;padding-left:44px;border-left:0}.docs-home-search{grid-template-columns:38px minmax(0,1fr)}.docs-home-search .btn{grid-column:1/-1;width:100%}.docs-home-search-clear{position:absolute;right:14px}.docs-home-metrics{display:grid;grid-template-columns:repeat(3,1fr)}.docs-home-metrics article{display:grid;gap:2px;text-align:center}.docs-home-section-head{align-items:flex-start;flex-direction:column}.docs-home-book-grid,.docs-home-sidebar{grid-template-columns:1fr}.docs-home-help-card{grid-column:auto}.docs-home-result{grid-template-columns:36px minmax(0,1fr)}.docs-home-result>small{grid-column:2}.docs-home-start-action{align-items:flex-start}.docs-home-book-card{min-height:0}}
@media(max-width:480px){.docs-home-intro h1{font-size:clamp(2.35rem,13vw,3.7rem)}.docs-home-metrics{grid-template-columns:1fr}.docs-home-metrics article{grid-template-columns:auto 1fr;text-align:left}.docs-home-start-card,.docs-home-results{padding:18px}.docs-home-start-latest>a{align-items:flex-start;flex-direction:column;gap:2px}.docs-home-book-foot{align-items:flex-start;flex-direction:column}.docs-home-book-foot small{text-align:left}}

/* 15.1.5 documentation reader refresh */
.docs-reader-shell-v2{min-height:78vh;background:
  radial-gradient(circle at 18% 8%,color-mix(in srgb,var(--accent) 5%,transparent),transparent 28%),
  linear-gradient(180deg,var(--surface-1),color-mix(in srgb,var(--surface-1) 94%,var(--surface-2)));padding:26px 0 80px}
.docs-reader-commandbar{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(240px,1.5fr) minmax(190px,.7fr);gap:12px;align-items:stretch;margin-bottom:22px}
.docs-reader-back,.docs-reader-command-title,.docs-reader-command-progress{min-width:0;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface-2) 88%,transparent)}
.docs-reader-back{display:flex;align-items:center;gap:12px;padding:12px 14px;color:inherit;text-decoration:none;transition:border-color .18s ease,transform .18s ease,background .18s ease}
.docs-reader-back>span:first-child{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--surface-1);font-size:1.05rem}
.docs-reader-back:hover{border-color:color-mix(in srgb,var(--accent) 58%,var(--border));transform:translateY(-1px);background:var(--surface-2)}
.docs-reader-back span:last-child,.docs-reader-command-title>span:last-child{display:grid;gap:1px;min-width:0}.docs-reader-back small,.docs-reader-command-title small{font-size:.67rem;text-transform:uppercase;letter-spacing:.085em;color:var(--muted)}.docs-reader-back strong,.docs-reader-command-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem}
.docs-reader-command-title{display:flex;align-items:center;gap:12px;padding:12px 15px}.docs-reader-command-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface-1));font-size:1.1rem}
.docs-reader-command-progress{display:grid;gap:8px;padding:11px 14px}.docs-reader-command-progress>div{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:.72rem}.docs-reader-command-progress>div span{color:var(--muted)}.docs-reader-command-progress>div strong{font-size:.76rem}.docs-reader-command-progress progress{display:block;width:100%;height:5px;border:0;border-radius:999px;overflow:hidden;background:var(--border);appearance:none}.docs-reader-command-progress progress::-webkit-progress-bar{background:var(--border);border-radius:999px}.docs-reader-command-progress progress::-webkit-progress-value{background:var(--accent);border-radius:999px}.docs-reader-command-progress progress::-moz-progress-bar{background:var(--accent);border-radius:999px}
.docs-reader-layout-v2{display:grid;grid-template-columns:260px minmax(0,860px) 210px;gap:28px;align-items:start;justify-content:center}
.docs-reader-sidebar-v2{position:sticky;top:92px;max-height:calc(100vh - 118px);overflow:auto;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--surface-2) 93%,transparent);box-shadow:0 16px 38px rgba(0,0,0,.08)}
.docs-reader-sidebar-head{display:flex;align-items:flex-start;gap:11px;padding:18px 18px 12px}.docs-reader-sidebar-badge{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:10px;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface-1))}.docs-reader-sidebar-head h2{font-size:1rem;margin:.1rem 0 0;line-height:1.35}.docs-reader-sidebar-description{margin:0;padding:0 18px 16px;color:var(--muted);font-size:.78rem;line-height:1.55;border-bottom:1px solid var(--border)}
.docs-reader-tree-v2{padding:10px}.docs-reader-tree-v2 section{padding:8px 0}.docs-reader-tree-v2 section>strong{display:block;padding:0 9px 7px;color:var(--muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.09em}.docs-reader-tree-v2 section>div{display:grid;gap:2px}.docs-reader-tree-v2 a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:9px;color:var(--muted);text-decoration:none;font-size:.82rem;line-height:1.35}.docs-reader-tree-v2 a:hover{background:var(--surface-1);color:var(--text)}.docs-reader-tree-v2 a.is-active{background:color-mix(in srgb,var(--accent) 11%,var(--surface-1));color:var(--text);font-weight:800;box-shadow:inset 2px 0 0 var(--accent)}.docs-reader-tree-v2 a b{color:var(--accent)}
.docs-reader-sidebar-search{display:flex;align-items:center;gap:10px;margin:8px 10px 10px;padding:11px;border:1px solid var(--border);border-radius:11px;text-decoration:none;color:inherit;background:var(--surface-1)}.docs-reader-sidebar-search>span:first-child{font-size:1.15rem;color:var(--accent)}.docs-reader-sidebar-search>span:last-child{display:grid;gap:1px}.docs-reader-sidebar-search strong{font-size:.76rem}.docs-reader-sidebar-search small{font-size:.66rem;color:var(--muted)}
.docs-reader-main-v2{min-width:0}.docs-reader-breadcrumbs-v2{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:2px 0 12px;padding:0 3px;color:var(--muted);font-size:.74rem}.docs-reader-breadcrumbs-v2 a{color:inherit;text-decoration:none}.docs-reader-breadcrumbs-v2 strong{color:var(--text);font-weight:700}
.docs-reader-document{border:1px solid var(--border);border-radius:20px;overflow:hidden;background:var(--surface-2);box-shadow:0 18px 48px rgba(0,0,0,.08)}
.docs-reader-document-head{position:relative;padding:clamp(28px,4vw,46px) clamp(26px,5vw,54px) 34px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 5%,var(--surface-2)),var(--surface-2));border-bottom:1px solid var(--border)}
.docs-reader-document-head:after{content:"";position:absolute;right:clamp(20px,5vw,54px);top:30px;width:74px;height:74px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%);pointer-events:none}
.docs-reader-document-kicker{display:flex;align-items:center;gap:8px;color:var(--accent);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.docs-reader-document-kicker span{font-size:.5rem}
.docs-reader-document-head h1{max-width:760px;margin:.28em 0 .22em;font-size:clamp(2.05rem,4.2vw,3.45rem);line-height:1.04;letter-spacing:-.04em}.docs-reader-document-lede{max-width:720px;margin:0;color:color-mix(in srgb,var(--text) 82%,var(--muted));font-size:1.02rem;line-height:1.65}.docs-reader-document-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.docs-reader-document-meta span{display:flex;align-items:center;gap:6px;padding:.42rem .62rem;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface-1) 72%,transparent);color:var(--muted);font-size:.69rem}.docs-reader-document-meta b{color:var(--accent);font-weight:700}
.docs-reader-content-card{padding:0 clamp(26px,5vw,54px) clamp(34px,6vw,64px)}.docs-reader-markdown-v2{max-width:760px;padding:30px 0 0;font-size:1rem;line-height:1.8;color:color-mix(in srgb,var(--text) 94%,var(--muted))}.docs-reader-markdown-v2>p:first-child{margin-top:0}.docs-reader-markdown-v2 h2,.docs-reader-markdown-v2 h3{scroll-margin-top:108px}.docs-reader-markdown-v2 h2{margin:2.15em 0 .7em;padding-top:1.35em;border-top:1px solid var(--border);font-size:clamp(1.45rem,2.4vw,1.9rem);line-height:1.2;letter-spacing:-.025em}.docs-reader-markdown-v2 h2:first-child{margin-top:.5em;padding-top:0;border-top:0}.docs-reader-markdown-v2 h3{margin:1.8em 0 .6em;font-size:1.22rem}.docs-reader-markdown-v2 p{margin:.78em 0}.docs-reader-markdown-v2 ul{display:grid;gap:.45rem;margin:1rem 0;padding-left:1.35rem}.docs-reader-markdown-v2 li::marker{color:var(--accent)}.docs-reader-markdown-v2 code{padding:.16rem .35rem;border:1px solid var(--border);border-radius:6px;background:var(--surface-1);font-size:.9em}.docs-reader-markdown-v2 pre{margin:1.3rem 0;padding:18px 20px;border:1px solid var(--border);border-radius:14px;background:var(--surface-1);overflow:auto}.docs-reader-markdown-v2 pre code{padding:0;border:0;background:transparent}.docs-reader-markdown-v2 blockquote{margin:1.4rem 0;padding:1rem 1.15rem;border-left:3px solid var(--accent);border-radius:0 12px 12px 0;background:color-mix(in srgb,var(--accent) 5%,var(--surface-1))}
.docs-reader-pager-v2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.docs-reader-pager-v2>a{display:flex;align-items:center;gap:12px;min-height:74px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);color:inherit;text-decoration:none;transition:border-color .18s ease,transform .18s ease}.docs-reader-pager-v2>a:hover{border-color:color-mix(in srgb,var(--accent) 60%,var(--border));transform:translateY(-1px)}.docs-reader-pager-v2>a.next{justify-content:flex-end;text-align:right}.docs-reader-pager-v2>a>span:not(.docs-reader-pager-arrow){display:grid;gap:3px}.docs-reader-pager-v2 small{color:var(--muted);font-size:.68rem}.docs-reader-pager-v2 strong{font-size:.83rem}.docs-reader-pager-arrow{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:10px;background:var(--surface-1);color:var(--accent)}
.docs-reader-outline{position:sticky;top:92px;display:grid;gap:12px}.docs-reader-outline-card,.docs-reader-outline-note{border:1px solid var(--border);border-radius:15px;background:color-mix(in srgb,var(--surface-2) 92%,transparent)}.docs-reader-outline-card{padding:16px}.docs-reader-outline-card nav{display:grid;gap:2px;margin-top:10px}.docs-reader-outline-card nav a{padding:7px 8px;border-radius:8px;color:var(--muted);font-size:.75rem;line-height:1.35;text-decoration:none;border-left:2px solid transparent}.docs-reader-outline-card nav a.level-3{padding-left:18px;font-size:.71rem}.docs-reader-outline-card nav a:hover{color:var(--text);background:var(--surface-1);border-left-color:var(--accent)}.docs-reader-outline-card>.muted{font-size:.74rem;line-height:1.5}.docs-reader-outline-note{display:flex;align-items:flex-start;gap:9px;padding:13px}.docs-reader-outline-note>span{display:grid;place-items:center;flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:color-mix(in srgb,var(--accent) 12%,var(--surface-1));color:var(--accent);font-size:.75rem;font-weight:900}.docs-reader-outline-note p{margin:0;color:var(--muted);font-size:.7rem;line-height:1.45}.docs-reader-outline-note strong{display:block;color:var(--text);margin-bottom:2px}
@media(max-width:1240px){.docs-reader-layout-v2{grid-template-columns:240px minmax(0,860px)}.docs-reader-outline{display:none}}
@media(max-width:900px){.docs-reader-shell-v2{padding-top:18px}.docs-reader-commandbar{grid-template-columns:1fr 1fr}.docs-reader-command-progress{grid-column:1/-1}.docs-reader-layout-v2{grid-template-columns:1fr;gap:16px}.docs-reader-sidebar-v2{position:static;max-height:none}.docs-reader-tree-v2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}.docs-reader-tree-v2 section{padding:4px}.docs-reader-sidebar-search{margin:0 12px 12px}.docs-reader-breadcrumbs-v2{margin-top:4px}}
@media(max-width:620px){.docs-reader-shell-v2{padding:12px 0 56px}.docs-reader-commandbar{grid-template-columns:1fr}.docs-reader-command-title{display:none}.docs-reader-command-progress{grid-column:auto}.docs-reader-tree-v2{grid-template-columns:1fr}.docs-reader-sidebar-description{display:none}.docs-reader-document{border-radius:16px}.docs-reader-document-head{padding:26px 20px 24px}.docs-reader-document-head:after{display:none}.docs-reader-document-head h1{font-size:clamp(1.9rem,10vw,2.65rem)}.docs-reader-document-meta span{font-size:.65rem}.docs-reader-content-card{padding:0 20px 34px}.docs-reader-markdown-v2{padding-top:24px}.docs-reader-pager-v2{grid-template-columns:1fr}.docs-reader-pager-v2>span{display:none}}

/* ============================================================
   MAINTENANCE EXPERIENCE — v15.1.6
   ============================================================ */
.maintenance-page {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: calc(100dvh - 74px);
  padding: clamp(32px, 6vw, 78px) 0 clamp(54px, 8vw, 100px);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--bg) 78%, transparent), var(--bg)),
    radial-gradient(900px 520px at 8% 2%, color-mix(in srgb, var(--accent) 17%, transparent), transparent 68%),
    radial-gradient(760px 480px at 95% 24%, color-mix(in srgb, var(--accent-blue) 13%, transparent), transparent 70%),
    var(--bg);
}
.maintenance-page::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -3;
  pointer-events: none;
  opacity: .2;
  background-image:
    linear-gradient(var(--border-soft) 1px, transparent 1px),
    linear-gradient(90deg, var(--border-soft) 1px, transparent 1px);
  background-size: 52px 52px;
  mask-image: linear-gradient(to bottom, #000, transparent 78%);
}
.maintenance-backdrop {
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
}
.maintenance-backdrop span {
  position: absolute;
  display: block;
  border: 1px solid color-mix(in srgb, var(--accent) 28%, transparent);
  border-radius: 50%;
  opacity: .45;
}
.maintenance-backdrop span:nth-child(1) { width: 360px; height: 360px; top: -180px; right: 8%; }
.maintenance-backdrop span:nth-child(2) { width: 170px; height: 170px; left: -70px; top: 42%; }
.maintenance-backdrop span:nth-child(3) { width: 520px; height: 520px; right: -300px; bottom: -260px; border-color: color-mix(in srgb, var(--accent-blue) 26%, transparent); }
.maintenance-stage { width: min(1240px, 100%); }
.maintenance-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
  padding: 0 4px;
}
.maintenance-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--text);
  font-family: var(--font-mono);
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: -.02em;
}
.maintenance-brand-mark {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: color-mix(in srgb, var(--surface) 88%, var(--accent) 12%);
  color: var(--accent);
  box-shadow: var(--shadow-sm);
}
.maintenance-live-badge {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 36px;
  padding: 7px 13px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: color-mix(in srgb, var(--surface) 92%, transparent);
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-size: .74rem;
  font-weight: 800;
  box-shadow: var(--shadow-sm);
  backdrop-filter: blur(14px);
}
.maintenance-live-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--accent-amber);
  box-shadow: 0 0 0 5px var(--amber-soft);
}
.maintenance-layout-modern {
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
  gap: 18px;
  align-items: start;
}
.maintenance-card-modern,
.maintenance-availability,
.maintenance-legal {
  border: 1px solid color-mix(in srgb, var(--border) 90%, transparent);
  background: color-mix(in srgb, var(--surface) 92%, transparent);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .14);
  backdrop-filter: blur(18px);
}
.maintenance-card-modern {
  position: relative;
  overflow: hidden;
  padding: clamp(30px, 5vw, 62px);
  border-radius: clamp(20px, 3vw, 30px);
}
.maintenance-card-modern::after {
  content: "";
  position: absolute;
  top: -110px;
  right: -90px;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: radial-gradient(circle, color-mix(in srgb, var(--accent) 13%, transparent), transparent 69%);
  pointer-events: none;
}
.maintenance-kicker-row {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
}
.maintenance-kicker-row .eyebrow { margin: 0; }
.maintenance-card-modern .maintenance-symbol {
  width: 54px;
  height: 54px;
  margin: 0;
  border-radius: 17px;
  background: linear-gradient(145deg, color-mix(in srgb, var(--accent) 22%, var(--surface)), color-mix(in srgb, var(--surface) 94%, transparent));
  box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 12%, transparent), 0 12px 28px color-mix(in srgb, var(--accent) 10%, transparent);
}
.maintenance-card-modern .maintenance-symbol span { transform: translateY(-1px); }
.maintenance-card-modern h1 {
  max-width: 13ch;
  margin: 0;
  font-size: clamp(2.25rem, 5.3vw, 4.65rem);
  line-height: .98;
  letter-spacing: -.06em;
  text-wrap: balance;
}
.maintenance-card-modern > .lede {
  max-width: 62ch;
  margin: 24px 0 0;
  color: var(--text-muted);
  font-size: clamp(1rem, 1.5vw, 1.16rem);
  line-height: 1.75;
}
.maintenance-card-modern .maintenance-status {
  margin: 30px 0 0;
  padding: 17px 18px;
  border-color: color-mix(in srgb, var(--accent-amber) 32%, var(--border));
  background: color-mix(in srgb, var(--amber-soft) 46%, var(--surface));
}
.maintenance-card-modern .maintenance-status strong { font-size: .94rem; }
.maintenance-card-modern .maintenance-status p { max-width: 58ch; font-size: .88rem; line-height: 1.55; }
.maintenance-progress-card {
  margin-top: 18px;
  padding: 22px;
  border: 1px solid var(--border);
  border-radius: 20px;
  background: color-mix(in srgb, var(--surface-2) 84%, transparent);
}
.maintenance-progress-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--border-soft);
}
.maintenance-progress-head div { display: grid; gap: 4px; }
.maintenance-progress-head div > span {
  color: var(--text-faint);
  font-family: var(--font-mono);
  font-size: .68rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.maintenance-progress-head strong { font-size: 1rem; }
.maintenance-progress-state {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 5px 10px;
  border: 1px solid color-mix(in srgb, var(--accent-amber) 34%, var(--border));
  border-radius: 999px;
  background: var(--amber-soft);
  color: var(--accent-amber);
  font-family: var(--font-mono);
  font-size: .7rem;
  font-weight: 900;
}
.maintenance-steps {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 18px 0 0;
  list-style: none;
}
.maintenance-steps li {
  position: relative;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 13px;
  min-height: 60px;
  padding-bottom: 14px;
}
.maintenance-steps li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 30px;
  left: 16px;
  bottom: -1px;
  width: 1px;
  background: var(--border);
}
.maintenance-step-marker {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--border);
  border-radius: 50%;
  background: var(--surface);
  color: var(--text-faint);
  font-family: var(--font-mono);
  font-size: .72rem;
  font-weight: 900;
}
.maintenance-steps li.is-complete .maintenance-step-marker {
  border-color: color-mix(in srgb, var(--accent) 42%, var(--border));
  background: var(--accent-soft);
  color: var(--accent);
}
.maintenance-steps li.is-active .maintenance-step-marker {
  border-color: color-mix(in srgb, var(--accent-amber) 50%, var(--border));
  background: var(--amber-soft);
  color: var(--accent-amber);
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--amber-soft) 58%, transparent);
}
.maintenance-steps li > div { display: grid; gap: 3px; padding-top: 1px; }
.maintenance-steps li strong { font-size: .89rem; }
.maintenance-steps li > div span { color: var(--text-muted); font-size: .8rem; line-height: 1.45; }
.maintenance-actions-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  margin-top: 26px;
  padding-top: 24px;
  border-top: 1px solid var(--border-soft);
}
.maintenance-actions-row .actions { width: auto; flex-wrap: nowrap; }
.maintenance-retry-note {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  max-width: 34ch;
  margin: 0;
  color: var(--text-faint);
  font-size: .76rem;
  line-height: 1.45;
  text-align: right;
}
.maintenance-retry-note > span { color: var(--accent); font-family: var(--font-mono); }
.maintenance-side-stack { display: grid; gap: 18px; }
.maintenance-availability,
.maintenance-legal {
  padding: 24px;
  border-radius: 22px;
}
.maintenance-panel-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 18px;
  border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--border));
  border-radius: 14px;
  background: var(--accent-soft);
  color: var(--accent);
  font-size: 1.2rem;
}
.maintenance-availability .card-tag,
.maintenance-legal .card-tag { margin-bottom: 7px; }
.maintenance-availability h2,
.maintenance-legal h2 { margin: 0; font-size: 1.18rem; line-height: 1.3; }
.maintenance-availability > p:not(.card-tag) { margin: 12px 0 0; color: var(--text-muted); font-size: .88rem; line-height: 1.6; }
.maintenance-mini-status {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--border-soft);
  color: var(--text);
  font-size: .78rem;
}
.maintenance-mini-status span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 0 4px var(--accent-soft);
}
.maintenance-panel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.maintenance-panel-head > span { color: var(--text-faint); font-family: var(--font-mono); }
.maintenance-legal nav { gap: 0; margin-top: 16px; }
.maintenance-legal nav a {
  grid-template-columns: 30px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 10px;
  min-height: 58px;
  padding: 10px 0;
  border-bottom: 1px solid var(--border-soft);
  border-radius: 0;
  transition: transform .16s ease, background .16s ease, color .16s ease;
}
.maintenance-legal nav a:hover,
.maintenance-legal nav a:focus-visible { transform: translateX(3px); }
.maintenance-link-icon {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 1px solid var(--border);
  border-radius: 9px;
  background: var(--surface-2);
  color: var(--text-faint);
  font-family: var(--font-mono);
  font-size: .61rem;
  font-weight: 900;
}
.maintenance-legal nav a > span:nth-child(2) { display: grid; gap: 2px; min-width: 0; }
.maintenance-legal nav strong { font-size: .82rem; }
.maintenance-legal nav small { color: var(--text-faint); font-size: .7rem; line-height: 1.35; }
.maintenance-link-arrow { color: var(--text-faint); font-family: var(--font-mono); transition: color .16s ease, transform .16s ease; }
.maintenance-legal nav a:hover .maintenance-link-arrow,
.maintenance-legal nav a:focus-visible .maintenance-link-arrow { color: var(--accent); transform: translateX(2px); }

@media (prefers-reduced-motion: no-preference) {
  .maintenance-live-dot,
  .maintenance-steps li.is-active .maintenance-step-marker { animation: maintenance-pulse 2.4s ease-in-out infinite; }
  @keyframes maintenance-pulse { 50% { box-shadow: 0 0 0 8px color-mix(in srgb, var(--amber-soft) 28%, transparent); } }
}

@media (max-width: 980px) {
  .maintenance-layout-modern { grid-template-columns: minmax(0, 1fr); }
  .maintenance-side-stack { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); }
}
@media (max-width: 760px) {
  .maintenance-page { padding-top: 24px; }
  .maintenance-topline { margin-bottom: 12px; }
  .maintenance-card-modern { padding: 28px 22px; }
  .maintenance-card-modern h1 { max-width: 15ch; font-size: clamp(2.15rem, 11vw, 3.3rem); }
  .maintenance-side-stack { grid-template-columns: minmax(0, 1fr); }
  .maintenance-actions-row { align-items: stretch; flex-direction: column; }
  .maintenance-actions-row .actions { width: 100%; }
  .maintenance-retry-note { max-width: none; text-align: left; }
}
@media (max-width: 520px) {
  .maintenance-topline { align-items: flex-start; }
  .maintenance-live-badge { max-width: 48%; justify-content: center; text-align: center; line-height: 1.2; }
  .maintenance-brand { max-width: 48%; }
  .maintenance-card-modern { border-radius: 18px; }
  .maintenance-kicker-row { align-items: flex-start; flex-direction: column; gap: 12px; }
  .maintenance-progress-card { padding: 18px; }
  .maintenance-progress-head { align-items: stretch; flex-direction: column; }
  .maintenance-progress-state { align-self: flex-start; }
  .maintenance-availability,
  .maintenance-legal { padding: 20px; border-radius: 18px; }
}

/* Privacy center 15.1.7 */
.privacy-hero {
  position: relative;
  overflow: hidden;
  padding: 72px 0 46px;
  border-bottom: 1px solid var(--border-soft);
  background:
    radial-gradient(circle at 85% 20%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 32%),
    linear-gradient(135deg, var(--accent-soft), transparent 52%),
    var(--bg);
}
.privacy-hero::after {
  content: '';
  position: absolute;
  inset: auto -120px -170px auto;
  width: 360px;
  height: 360px;
  border: 1px solid color-mix(in srgb, var(--accent) 18%, var(--border));
  border-radius: 50%;
  opacity: .55;
  pointer-events: none;
}
.privacy-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 42px;
  align-items: center;
}
.privacy-hero-copy { max-width: 850px; }
.privacy-hero h1 { font-size: clamp(2.45rem, 6vw, 5.4rem); letter-spacing: -.055em; line-height: .96; margin-bottom: 18px; }
.privacy-hero .lede { max-width: 72ch; color: var(--text-muted); font-size: clamp(1rem, 1.7vw, 1.2rem); line-height: 1.75; }
.privacy-hero-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.privacy-hero-meta span {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 6px 11px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: color-mix(in srgb, var(--surface) 88%, transparent);
  color: var(--text-muted);
  font-family: var(--font-mono);
  font-size: .74rem;
}
.privacy-hero-mark {
  width: 154px;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 4px;
  border: 1px solid var(--border);
  border-radius: 34px;
  background: color-mix(in srgb, var(--surface) 88%, transparent);
  box-shadow: var(--shadow-sm);
  transform: rotate(2deg);
}
.privacy-hero-mark span { font-size: 3rem; color: var(--accent); line-height: 1; }
.privacy-hero-mark small { font-family: var(--font-mono); color: var(--text-muted); }
.privacy-overview-section { padding-top: 30px; padding-bottom: 12px; }
.privacy-summary-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.privacy-summary-card {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: 18px;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}
.privacy-summary-icon {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 11px;
  background: var(--accent-soft);
  color: var(--accent);
  font-family: var(--font-mono);
  font-size: .72rem;
  font-weight: 800;
}
.privacy-summary-card strong { display: block; margin: 1px 0 5px; }
.privacy-summary-card p { margin: 0; color: var(--text-muted); font-size: .87rem; line-height: 1.55; overflow-wrap: anywhere; }
.privacy-main-section { padding-top: 26px; }
.privacy-layout { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 30px; align-items: start; }
.privacy-toc {
  position: sticky;
  top: 92px;
  padding: 18px;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}
.privacy-toc-head { display: flex; gap: 11px; align-items: center; padding: 3px 4px 14px; border-bottom: 1px solid var(--border-soft); margin-bottom: 10px; }
.privacy-toc-head small { display: block; color: var(--text-muted); font-family: var(--font-mono); font-size: .68rem; text-transform: uppercase; letter-spacing: .05em; }
.privacy-toc-head strong { display: block; margin-top: 1px; }
.privacy-toc-dot { width: 11px; height: 11px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 5px var(--accent-soft); }
.privacy-toc nav { display: grid; gap: 2px; }
.privacy-toc nav a {
  display: block;
  padding: 9px 10px;
  border-radius: 8px;
  color: var(--text-muted);
  font-size: .84rem;
  line-height: 1.35;
}
.privacy-toc nav a:hover,
.privacy-toc nav a:focus-visible { color: var(--text); background: var(--bg-alt); text-decoration: none; }
.privacy-toc-action { width: 100%; margin-top: 14px; justify-content: center; }
.privacy-content { min-width: 0; display: grid; gap: 18px; }
.privacy-intro-note {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: 17px 19px;
  border: 1px solid color-mix(in srgb, var(--accent) 24%, var(--border));
  border-radius: var(--radius-lg);
  background: color-mix(in srgb, var(--accent-soft) 58%, var(--surface));
}
.privacy-intro-note-icon { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--accent); color: var(--bg); font-family: var(--font-mono); font-weight: 800; }
.privacy-intro-note strong { display: block; margin-bottom: 3px; }
.privacy-intro-note p { margin: 0; color: var(--text-muted); font-size: .9rem; line-height: 1.6; }
.privacy-chapter {
  scroll-margin-top: 94px;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 22px;
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}
.privacy-chapter-head {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 13px;
  align-items: center;
  padding: 22px clamp(20px, 4vw, 36px);
  border-bottom: 1px solid var(--border-soft);
  background: linear-gradient(90deg, var(--bg-alt), transparent);
}
.privacy-chapter-head > span {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface);
  color: var(--accent);
  font-family: var(--font-mono);
  font-size: .75rem;
  font-weight: 800;
}
.privacy-chapter-head h2 { margin: 0; font-size: clamp(1.25rem, 2.2vw, 1.72rem); letter-spacing: -.02em; }
.privacy-chapter-body { max-width: 92ch; padding: clamp(24px, 4vw, 42px); color: var(--text); line-height: 1.78; }
.privacy-chapter-body > :first-child { margin-top: 0; }
.privacy-chapter-body > :last-child { margin-bottom: 0; }
.privacy-chapter-body h3 { margin: 2.2rem 0 .75rem; font-size: clamp(1.08rem, 1.7vw, 1.28rem); }
.privacy-chapter-body h4 { margin: 1.55rem 0 .55rem; font-size: 1rem; }
.privacy-chapter-body p { margin: 0 0 1rem; color: color-mix(in srgb, var(--text) 88%, var(--text-muted)); }
.privacy-chapter-body ul,
.privacy-chapter-body ol { padding-left: 1.35rem; margin: 0 0 1.15rem; }
.privacy-chapter-body li { margin: .42rem 0; }
.privacy-chapter-body a { overflow-wrap: anywhere; }
.privacy-dynamic-block {
  padding: 18px 20px;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--bg-alt);
  line-height: 1.65;
}
.privacy-legal-emphasis {
  padding: 18px 20px;
  border-left: 4px solid var(--accent);
  border-radius: 0 var(--radius) var(--radius) 0;
  background: var(--accent-soft);
  font-size: .91rem;
  font-weight: 650;
  line-height: 1.62;
}
.privacy-feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 20px 0 28px; }
.privacy-feature-card {
  min-width: 0;
  padding: 19px;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--bg-alt);
}
.privacy-feature-card > span { display: inline-block; margin-bottom: 9px; color: var(--accent); font-family: var(--font-mono); font-size: .7rem; text-transform: uppercase; letter-spacing: .05em; }
.privacy-feature-card h3 { margin: 0 0 8px; font-size: 1rem; }
.privacy-feature-card p { margin: 0; font-size: .88rem; line-height: 1.65; }
.privacy-retention-list { display: grid; gap: 8px; margin: 20px 0 26px; }
.privacy-retention-list > div {
  display: grid;
  grid-template-columns: minmax(180px, .8fr) minmax(0, 1.2fr);
  gap: 18px;
  align-items: start;
  padding: 13px 15px;
  border: 1px solid var(--border-soft);
  border-radius: 10px;
  background: var(--bg-alt);
}
.privacy-retention-list span { color: var(--text-muted); font-size: .86rem; }
.privacy-retention-list strong { font-size: .88rem; font-weight: 650; }
.privacy-contact-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 24px; }
.privacy-contact-grid > div { display: grid; gap: 6px; padding: 20px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--bg-alt); }
.privacy-contact-grid small { color: var(--text-muted); font-family: var(--font-mono); text-transform: uppercase; letter-spacing: .04em; }
.privacy-contact-grid strong { font-size: 1rem; overflow-wrap: anywhere; }
.privacy-contact-grid span { color: var(--text-muted); font-size: .9rem; }
.privacy-closing-note { margin-top: 24px; padding: 18px 20px; border: 1px dashed var(--border); border-radius: var(--radius); background: var(--surface-2); }
.privacy-closing-note p { margin: 4px 0 0; }

@media (max-width: 1120px) {
  .privacy-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .privacy-layout { grid-template-columns: 235px minmax(0, 1fr); gap: 20px; }
}
@media (max-width: 900px) {
  .privacy-hero { padding-top: 52px; }
  .privacy-hero-grid { grid-template-columns: 1fr; }
  .privacy-hero-mark { display: none; }
  .privacy-layout { grid-template-columns: 1fr; }
  .privacy-toc { position: static; }
  .privacy-toc nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .privacy-toc-action { width: auto; }
}
@media (max-width: 680px) {
  .privacy-summary-grid,
  .privacy-feature-grid,
  .privacy-contact-grid { grid-template-columns: 1fr; }
  .privacy-toc nav { grid-template-columns: 1fr; }
  .privacy-chapter-head { grid-template-columns: 38px minmax(0, 1fr); padding: 18px; }
  .privacy-chapter-head > span { width: 34px; height: 34px; border-radius: 10px; }
  .privacy-chapter-body { padding: 22px 18px; line-height: 1.7; }
  .privacy-retention-list > div { grid-template-columns: 1fr; gap: 4px; }
  .privacy-hero-meta { gap: 6px; }
  .privacy-hero-meta span { font-size: .68rem; }
}

/* v15.1.8 - gemietete Datenschutzerklärung: unveränderter Originaltext, nur Darstellung */
.privacy-rented-page {
  padding-top: clamp(28px, 4vw, 58px);
  padding-bottom: clamp(52px, 7vw, 96px);
  background:
    radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 34%),
    var(--bg);
}
.privacy-rented-container { max-width: 1180px; }
.privacy-rented-document {
  max-width: none;
  padding: clamp(26px, 5vw, 64px);
  border: 1px solid var(--border);
  border-radius: clamp(20px, 3vw, 32px);
  background: color-mix(in srgb, var(--surface) 97%, transparent);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .12);
  color: var(--text);
  line-height: 1.78;
  overflow-wrap: anywhere;
}
.privacy-rented-document > h1 {
  margin: 0 0 clamp(34px, 5vw, 58px);
  padding-bottom: 22px;
  border-bottom: 1px solid var(--border);
  font-size: clamp(2.2rem, 6vw, 4.8rem);
  line-height: 1;
  letter-spacing: -.045em;
}
.privacy-rented-document > h2 {
  margin: clamp(46px, 7vw, 78px) 0 22px;
  padding: 18px 22px;
  border: 1px solid var(--border);
  border-left: 4px solid var(--accent);
  border-radius: var(--radius-lg);
  background: var(--surface-2);
  font-size: clamp(1.35rem, 2.6vw, 2rem);
  line-height: 1.2;
  letter-spacing: -.02em;
}
.privacy-rented-document > h2:first-of-type { margin-top: 0; }
.privacy-rented-document h3 {
  margin: 34px 0 12px;
  font-size: clamp(1.08rem, 1.7vw, 1.34rem);
  line-height: 1.3;
}
.privacy-rented-document h4 {
  margin: 25px 0 10px;
  font-size: 1.02rem;
  line-height: 1.4;
}
.privacy-rented-document p {
  max-width: 88ch;
  margin: 0 0 1rem;
  color: color-mix(in srgb, var(--text) 90%, var(--text-muted));
}
.privacy-rented-document ul,
.privacy-rented-document ol {
  max-width: 88ch;
  margin: 0 0 1.2rem;
  padding-left: 1.45rem;
}
.privacy-rented-document li { margin: .42rem 0; }
.privacy-rented-document a {
  color: var(--accent);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  word-break: break-word;
}
.privacy-rented-document a:hover,
.privacy-rented-document a:focus-visible { text-decoration-thickness: 2px; }
.privacy-rented-document strong { color: var(--text); }
@media (max-width: 760px) {
  .privacy-rented-page { padding-top: 20px; }
  .privacy-rented-container { padding-left: 12px; padding-right: 12px; }
  .privacy-rented-document { padding: 22px 18px 30px; border-radius: 20px; }
  .privacy-rented-document > h1 { margin-bottom: 30px; font-size: clamp(2rem, 12vw, 3.1rem); }
  .privacy-rented-document > h2 { margin-top: 38px; padding: 15px 16px; }
  .privacy-rented-document h3 { margin-top: 28px; }
}