:root {
  color-scheme: dark;
  --bg: #0c0e12;
  --panel: #13161c;
  --paper: #e8ebf0;
  --surface: #13161c;
  --surface2: #1a1e26;
  --surface-2: #1a1e26;
  --surface3: #20252f;
  --surface-3: #20252f;
  --line: #262b35;
  --line2: #363d49;
  --line-strong: #363d49;
  --ink: #e8ebf0;
  --fg: #e8ebf0;
  --muted: #929cab;
  --soft: #687383;
  --accent: #6f93ff;
  --accent-soft: #18213d;
  --accent-fg: #0c0e12;
  --cyan: #6f93ff;
  --cyan-soft: #18213d;
  --coral: #6f93ff;
  --coral-2: #5879df;
  --signal: #6f93ff;
  --ok: #5fd39a;
  --warning: #e9c875;
  --danger: #ff7a6e;
  --radius-sm: 6px;
  --radius: 8px;
  --radius-lg: 12px;
  --shadow: 0 28px 70px -36px rgba(0, 0, 0, .85);
  --font-display: "Archivo", "Arial Narrow", system-ui, sans-serif;
  --font-body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;
}

html { background: var(--bg); }
body {
  background:
    linear-gradient(rgba(111, 147, 255, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(111, 147, 255, .025) 1px, transparent 1px),
    var(--bg);
  background-size: 64px 64px;
  color: var(--fg);
  font-family: var(--font-body);
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, .brand, .admin-brand, button { font-family: var(--font-display); }
.eyebrow, .code, code, kbd, .section-code { font-family: var(--font-mono); }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
::selection { background: var(--accent); color: var(--accent-fg); }

/* Einheitliche, ruhige Scrollleisten auf allen LexoNET-Oberflächen. */
html,
* {
  scrollbar-width: thin;
  scrollbar-color: var(--accent, #6f93ff) transparent;
}
*::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
*::-webkit-scrollbar-track {
  background: transparent;
}
*::-webkit-scrollbar-thumb {
  min-height: 36px;
  border: 2px solid transparent;
  border-radius: 999px;
  background: var(--accent, #6f93ff);
  background-clip: padding-box;
}
*::-webkit-scrollbar-thumb:hover {
  background: #8aa5ff;
  background-clip: padding-box;
}

.brand img,
.admin-brand img,
.install-brand img {
  object-fit: contain;
  transform: rotate(0);
  transform-origin: 50% 50%;
  transition: transform .4s ease;
}
.brand:hover img,
.brand:focus-visible img,
.admin-brand:hover img,
.admin-brand:focus-visible img,
.install-brand:hover img,
.install-brand:focus-visible img { transform: rotate(72deg); }
.brand span span,
.brand > span > span,
.admin-brand span span,
.install-brand span span { color: var(--accent) !important; }

.site-header,
.topbar,
.admin-head,
.billing-top,
.demo-bar {
  border-color: var(--line) !important;
  background: rgba(12, 14, 18, .92) !important;
  backdrop-filter: blur(16px);
}

.button,
.btn,
.top-link,
.admin-nav-link,
.head-link,
.icon-button,
.nav-item,
.account-chip,
.profile,
.login-card input,
input,
select,
textarea { border-radius: 7px !important; }

.button--primary,
.button.primary,
.btn-primary,
.login-form button,
.update-panel button,
.ops-card button,
.package-card button,
.checkout-button {
  border-color: var(--accent) !important;
  background: var(--accent) !important;
  box-shadow: none !important;
  color: var(--accent-fg) !important;
}
.button--primary:hover,
.button.primary:hover,
.btn-primary:hover,
.login-form button:hover,
.update-panel button:hover,
.ops-card button:hover { background: #89a6ff !important; }

.eyebrow,
.code,
.section-code,
.status-ok,
.text-button,
.row-button,
.back,
.content-shell a,
.mail-grid header small,
.inbox header > a { color: var(--accent) !important; }

.card,
.content-card,
.release,
.product-stage,
.update-panel,
.release-list,
.ops-card,
.table-card,
.mail-grid,
.support-workspace,
.feedback-workspace,
.package-card,
.balance-card,
.onboarding-card {
  border-color: var(--line) !important;
  border-radius: var(--radius) !important;
  background: rgba(19, 22, 28, .96) !important;
  box-shadow: none !important;
}

.sidebar { border-color: var(--line) !important; background: #0f1218 !important; }
.nav-item.active,
.queue-ticket.active,
.message-row.selected,
.account-chip.active {
  border-color: rgba(111, 147, 255, .36) !important;
  background: var(--accent-soft) !important;
  box-shadow: inset 3px 0 var(--accent);
}
.nav-item.active span,
.queue-ticket.active,
.message-row.selected,
.account-chip.active,
.avatar,
.sender-avatar { color: var(--accent) !important; }
.profile > span { background: var(--accent) !important; color: var(--accent-fg) !important; }

/* Kundenlogin */
.login-page { background: var(--bg) !important; }
.login-visual::after {
  background:
    linear-gradient(90deg, rgba(12, 14, 18, .08), rgba(12, 14, 18, .94)),
    linear-gradient(0deg, rgba(12, 14, 18, .96), transparent 58%) !important;
}
.login-visual img { filter: saturate(.5) contrast(1.08); }
.login-panel { position: relative; border-left: 1px solid var(--line); background: #0c0e12; }
.login-panel::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 2px;
  background: linear-gradient(transparent 18%, var(--accent) 50%, transparent 82%);
  content: "";
}
.login-card { max-width: 500px; }
.login-card h2 { font-size: clamp(2.6rem, 5vw, 4.4rem) !important; font-stretch: 82%; line-height: .95; }
.login-card input { border-color: var(--line-strong) !important; background: var(--surface) !important; }
.login-card .brand img { width: 38px; height: 38px; }
.login-separator i { background: var(--line) !important; }
.login-card-head { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:52px; }
.login-card-head .brand { flex:0 0 auto; padding:0; font-size:1.15rem; font-weight:750; }
.login-card-head .brand img { width:38px; height:38px; }
.login-card-head + h2 { margin-top:0; }
.login-back { margin:0 !important; padding:10px 12px; border:1px solid var(--line); border-radius:7px; background:var(--surface); color:var(--muted) !important; font:500 .78rem/1 var(--font-body); transition:border-color .2s ease,color .2s ease,background .2s ease; }
.login-back:hover { border-color:var(--line2); background:var(--surface2); color:var(--paper) !important; }
.login-back { min-height:44px; display:inline-flex; align-items:center; }
.login-card button:disabled { opacity:.5; cursor:not-allowed; filter:saturate(.35); }
.login-card .button--discord { border-color:var(--accent) !important; background:var(--accent) !important; color:var(--accent-fg) !important; box-shadow:none !important; }
.login-card .button--discord:hover { background:#89a6ff !important; }
.login-card .button:not(.button--discord) { border-color:var(--line2); background:var(--surface); color:var(--paper); }
.login-card .notice { border-color:var(--accent); background:var(--accent-soft); color:#cbd7ff; }
.login-foot a { color:var(--paper) !important; text-decoration-color:var(--accent) !important; }

/* Operator, Installation und Release Manager */
.app-shell { background: var(--bg); }
.page-head h2,
.ops-head h2,
.mail-head h2,
.admin-title h1,
.update-title h1,
.login-intro h1 { font-stretch: 80%; }
.admin-title h1 em,
.update-title h1 em,
.login-intro h1 em,
.ops-head h2 em { color: var(--accent) !important; }
.admin-login-page,
.login-shell,
.update-main,
.admin-main { background: var(--bg) !important; }
.login-intro { border-color: var(--line) !important; background: linear-gradient(145deg, var(--surface), var(--bg)); }
.login-form input,
.update-panel input,
.update-panel select,
.update-panel textarea,
.ops-card input,
.ops-card select,
.ops-card textarea,
.compose input,
.compose select,
.compose textarea {
  border-color: var(--line-strong) !important;
  background: #0f1218 !important;
  color: var(--fg) !important;
}
.update-title aside { border-color: var(--line) !important; background: var(--surface) !important; }
.release-list > header { border-color: var(--line) !important; }
.release-state.staged { border-color: var(--accent) !important; color: var(--accent) !important; }

/* Changelog, Status und Rechtliches */
.change-head { padding-top: 8rem !important; }
.change-head h1 span,
.release h3 { color: var(--accent) !important; }
.content-page { background: var(--bg) !important; }
.content-shell { max-width: 960px !important; }
.content-card { margin-top: 40px !important; }
.prelaunch-note { border-color: var(--accent) !important; background: var(--accent-soft) !important; }

@media (max-width: 760px) {
  .login-page { grid-template-columns: 1fr !important; }
  .login-visual { min-height: 42vh !important; }
  .login-panel { min-height: auto !important; border-top: 1px solid var(--line); border-left: 0; }
  .login-panel::before { inset: 0 10% auto; width: auto; height: 2px; }
  .login-card-head { margin-bottom:38px; }
}

@media (max-width: 430px) {
  .login-card-head { align-items:flex-start; flex-direction:column; gap:18px; }
}

@media (prefers-reduced-motion: reduce) {
  .brand img, .admin-brand img, .install-brand img { transition: none !important; }
  .brand:hover img, .brand:focus-visible img,
  .admin-brand:hover img, .admin-brand:focus-visible img,
  .install-brand:hover img, .install-brand:focus-visible img { transform: none !important; }
}

/* Einheitliche Produktoberflaechen: Demo, Kundenportal und Operator Control */
.app-shell{background:var(--bg)!important}
.sidebar{width:auto;border-right:1px solid var(--line)!important;background:#0f1218!important}
.sidebar .brand{font-weight:750;letter-spacing:-.035em}.sidebar .brand b{border-color:var(--line)!important;color:var(--muted);background:var(--surface)}
.nav-item{color:var(--muted)!important}.nav-item:hover{background:var(--surface2)!important;color:var(--paper)!important}.nav-item span{color:var(--soft)!important}
.nav-item.active{color:var(--paper)!important}.nav-item.active span{color:var(--accent)!important}.sidebar-foot{border-color:var(--line)!important}
.topbar{height:72px}.topbar h1{font-size:17px;font-weight:650}.topbar small{font-family:var(--font-mono);letter-spacing:.14em}.top-link,.logout,.profile,.icon-button{border-color:var(--line)!important;background:var(--surface)!important;color:var(--muted)!important}.top-link:hover,.logout:hover,.icon-button:hover{border-color:var(--line2)!important;color:var(--paper)!important}
.view,.ops-view,.mail-view{max-width:1500px!important}.page-head,.ops-head,.mail-head{border-bottom:1px solid var(--line);padding-bottom:28px}.page-head h2,.ops-head h2,.mail-head h2{font-weight:700;font-stretch:80%;letter-spacing:-.055em}.page-head p,.ops-head p,.mail-head p{color:var(--muted)!important}
.system-banner{border-color:rgba(95,211,154,.22)!important;border-radius:var(--radius)!important;background:rgba(95,211,154,.055)!important;color:var(--muted)!important}
.kpi-grid{gap:1px!important;border:1px solid var(--line);background:var(--line)}.kpi{border:0!important;border-radius:0!important;background:var(--surface)!important}.kpi:after{border-radius:0!important;border-color:rgba(111,147,255,.15)!important;transform:rotate(45deg)}.kpi strong{font-family:var(--font-display);font-size:32px}.kpi em{color:var(--ok)!important}
.dashboard-grid{gap:12px}.card{background:var(--surface)!important}.card-head{border-bottom:1px solid var(--line);padding-bottom:14px}.count{background:var(--accent-soft)!important;color:var(--accent)!important}.avatar,.stack-row>span,.module-grid article>span,.action-card>span{border:1px solid rgba(111,147,255,.2);border-radius:7px!important;background:var(--accent-soft)!important;color:var(--accent)!important}.pill{border:1px solid rgba(95,211,154,.16);background:rgba(95,211,154,.07)!important}.pill.neutral{border-color:var(--line);background:var(--surface2)!important}.ring-stat{border-radius:50%;background:radial-gradient(circle at center,var(--surface) 58%,transparent 59%),conic-gradient(var(--accent) 0 72%,var(--surface3) 72%)!important}
.module-grid{gap:12px}.module-grid article{border-color:var(--line)!important;border-radius:var(--radius)!important;background:var(--surface)!important}.module-grid b{color:var(--accent)!important}
.ops-card,.export-grid article,.automation-grid article{border-color:var(--line)!important;border-radius:var(--radius)!important;background:var(--surface)!important}.ops-card label{color:var(--muted)!important}.card-code{color:var(--accent)!important}.card-code span{background:var(--surface2)!important;color:var(--muted)!important}.mini-stats span{border-color:var(--line)!important;background:var(--surface2)}
.table-card{border-color:var(--line)!important;border-radius:var(--radius)!important;background:var(--surface)!important}.table-card h3{padding:18px 20px;margin:0;border-bottom:1px solid var(--line)}th{background:#101319;color:var(--soft)!important;font-family:var(--font-mono)!important}th,td{border-color:var(--line)!important}td{color:#c5ced9!important}td code{color:var(--accent)!important}
.section-note{border-color:rgba(233,200,117,.22)!important;border-radius:var(--radius)!important;background:rgba(233,200,117,.045)!important}.flash,.mail-flash,.update-notice,.token-reveal{border-radius:0 var(--radius) var(--radius) 0!important}.flash.success,.mail-flash.success,.update-notice.success{border-color:var(--ok)!important;background:rgba(95,211,154,.06)!important;color:var(--ok)!important}.flash.error,.mail-flash.error,.update-notice.error{border-color:var(--danger)!important;background:rgba(255,122,110,.06)!important;color:#ffaaa2!important}

/* E-Mail-Center */
.account-chip{border-color:var(--line)!important;border-radius:var(--radius)!important;background:var(--surface)!important}.account-chip.active{border-color:rgba(111,147,255,.38)!important;background:var(--accent-soft)!important}.account-chip.active>span{background:var(--accent)!important;box-shadow:0 0 0 5px rgba(111,147,255,.08)!important}
.mail-grid{border-color:var(--line)!important;border-radius:var(--radius)!important;background:var(--surface)!important}.inbox{border-color:var(--line)!important}.message-row:hover,.message-row.selected{background:var(--accent-soft)!important}.message-row.selected{box-shadow:inset 3px 0 var(--accent)!important}.sender-avatar{border-radius:7px!important;background:var(--surface2)!important;color:var(--accent)!important}.reader>h2{font-stretch:85%}.message-body{color:#c6ced9}.customer-match{border-radius:7px!important}.compose{border-color:var(--line2)!important;border-radius:var(--radius)!important;background:var(--surface)!important}

/* Klassische Operator-Seiten, Updates und Abrechnung */
.admin-head{height:72px;min-height:72px;background:rgba(12,14,18,.94)!important;backdrop-filter:blur(16px)}.admin-head>div button,.admin-nav-link,.head-link{border-color:var(--line)!important;border-radius:7px!important;background:var(--surface)!important;color:var(--muted)!important}.admin-head>div button:hover,.admin-nav-link:hover,.head-link:hover{border-color:var(--line2)!important;color:var(--paper)!important}
.admin-title,.update-title{padding-top:72px!important}.admin-title h1,.update-title h1,.billing-hero h1{font-family:var(--font-display);font-stretch:75%;text-transform:none!important;letter-spacing:-.065em!important;line-height:.87!important}.admin-title>div,.update-title aside,.stripe-state{border:1px solid var(--line)!important;border-top:2px solid var(--accent)!important;border-radius:var(--radius)!important;background:var(--surface)!important;padding:22px!important}
.admin-metrics{gap:1px;border-color:var(--line)!important;background:var(--line)}.admin-metrics article{min-height:160px;border:0!important;background:var(--surface)}.admin-metrics strong{font-family:var(--font-display)}.admin-actions{gap:48px}.admin-actions h2{font-stretch:80%}.admin-actions ol,.admin-actions li{border-color:var(--line)!important}.admin-actions li>span{color:var(--accent)!important}
.update-title{border-bottom:1px solid var(--line);margin-bottom:28px}.update-panel{border-color:var(--line)!important;border-radius:var(--radius)!important;background:var(--surface)!important}.panel-index{color:var(--accent)!important}.release-list>header{border-color:var(--line)!important}.release-state{border-color:var(--line)!important;border-radius:4px;background:var(--surface2)!important}.release-state.active,.release-state.approved{border-color:var(--ok)!important;color:var(--ok)!important}.release-state.failed{border-color:var(--danger)!important;color:var(--danger)!important}.table-action{border-color:var(--line2)!important;border-radius:6px!important;background:var(--surface)!important}.table-action:hover{border-color:var(--accent)!important}
.billing-main{max-width:1440px!important}.billing-hero{border-color:var(--line)!important}.billing-hero h1 em{color:var(--accent)!important}.stripe-state.ready span{background:var(--ok)!important}.billing-grid{gap:12px!important}.package-card{border-color:var(--line)!important;border-radius:var(--radius)!important;background:var(--surface)!important}.package-top{padding-bottom:14px;border-bottom:1px solid var(--line)}.state{border-radius:4px}.state.synced{background:var(--ok)!important}.state.pending{background:var(--warning)!important}.actions button{border-color:var(--line2)!important;border-radius:7px!important}.actions .primary{border-color:var(--accent)!important;background:var(--accent)!important;color:var(--accent-fg)!important}.billing-note{border-color:var(--line)!important;border-radius:var(--radius)!important;background:var(--surface)!important}.billing-note strong{color:var(--accent)!important}

/* Kundenbereich und Demo-Arbeitsplatz */
.billing-top{height:72px!important}.billing-shell{padding-top:58px!important}.balance-head{border-color:var(--line)!important}.balance-head h1,.result-card h1{font-family:var(--font-display);font-stretch:78%;letter-spacing:-.065em!important}.balance-head h1 em,.result-card h1 em{color:var(--accent)!important}.balance-head aside,.balance-card{border:1px solid rgba(111,147,255,.28)!important;border-radius:var(--radius)!important;background:var(--accent-soft)!important}.billing-notice,.empty{border-color:var(--accent)!important;background:var(--accent-soft)!important;color:#dbe4ff!important}.package-grid{gap:12px!important}.package-grid article{border-color:var(--line)!important;border-radius:var(--radius)!important;background:var(--surface)!important}.package-grid article>span{color:var(--accent)!important}.package-grid button,.result-primary{border-radius:7px!important;background:var(--accent)!important;color:var(--accent-fg)!important}.result-card{border-color:var(--line)!important;border-radius:var(--radius)!important;background:var(--surface)!important}
.demo-bar{height:72px!important}.demo-badge{border-color:rgba(111,147,255,.3)!important;border-radius:6px!important;background:var(--accent-soft)!important;color:var(--accent)!important}.timer{color:var(--warning)!important}.reset-button{border-color:var(--line2)!important;border-radius:7px!important;background:var(--surface)!important}.demo-shell{grid-template-columns:250px 1fr!important}.demo-nav{border-color:var(--line)!important;background:#0f1218!important}.demo-nav p{color:var(--soft)!important;font-family:var(--font-mono)}.demo-nav button{border-radius:7px!important;color:var(--muted)!important}.demo-nav button:hover,.demo-nav button.active{background:var(--accent-soft)!important;color:var(--paper)!important}.demo-nav button.active{box-shadow:inset 3px 0 var(--accent)!important}.demo-head{border-bottom:1px solid var(--line);padding-bottom:22px}.demo-head h1{font-family:var(--font-display);font-stretch:80%}.sandbox-notice{border-color:rgba(111,147,255,.26)!important;border-radius:var(--radius)!important;background:var(--accent-soft)!important;color:#dbe4ff!important}.metric-card,.panel{border-color:var(--line)!important;border-radius:var(--radius)!important;background:var(--surface)!important}.record,.quick-grid button{border-color:var(--line)!important}.record i{background:var(--accent)!important}.quick-grid button{border-radius:7px!important;background:var(--surface2)!important}.quick-grid button:hover{border-color:var(--accent)!important}.demo-toast{border-radius:7px!important;background:var(--accent)!important;color:var(--accent-fg)!important}.expired-card{border-color:var(--line)!important;border-radius:var(--radius)!important;background:var(--surface)!important}

@media(max-width:760px){.page-head,.ops-head,.mail-head{padding-bottom:20px}.admin-title,.update-title{padding-top:52px!important}.demo-shell{grid-template-columns:1fr!important}.kpi-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:850px){.demo-shell{grid-template-columns:1fr!important}}
@media(max-width:720px){body[data-wiki-root] .topbar{height:var(--top)!important;min-height:var(--top)!important}}
@media(max-width:520px){.demo-bar{height:auto!important}}
@media(max-width:520px){.kpi-grid{grid-template-columns:1fr!important}}
:root[data-theme="light"]{color-scheme:light;--bg:#f3f5f8;--panel:#fff;--paper:#121720;--surface:#fff;--surface2:#eaeef3;--surface-2:#eaeef3;--surface3:#e1e6ed;--surface-3:#e1e6ed;--line:#cbd3de;--line2:#b8c2d0;--line-strong:#aab6c6;--ink:#121720;--fg:#121720;--muted:#4f5b6c;--soft:#5a6575;--accent:#2552c9;--accent-soft:#e3eafb;--accent-fg:#fff;--cyan:#2552c9;--cyan-soft:#e3eafb;--coral:#2552c9;--coral-2:#2048b0;--signal:#2552c9;--ok:#146b40;--warning:#765a10;--danger:#a82d25;--shadow:0 28px 70px -38px rgba(20,30,50,.32)}
:root th{color:var(--muted)!important;background:var(--surface-2)!important}
:root td{color:var(--muted)!important}
:root[data-theme="light"] .sidebar{background:var(--surface)!important}
:root[data-theme="light"] .content-card{background:var(--surface)!important;color:var(--fg)!important}
:root[data-theme="light"] .content-card .button{background:var(--surface-2)!important;color:var(--fg)!important}

/* Auftrag W: nachgeladene Markenregeln duerfen die gemeinsame Skala nicht aufweichen. */
body[data-wiki-root] #doc-search{height:34px!important;padding:0!important;border-radius:8px!important}
body[data-wiki-root] .nav-group a{padding:8px 10px!important}
body[data-wiki-root] .sidebar-actions .button{padding:14px 20px!important;border-radius:8px!important}
body[data-wiki-root] .feedback-panel .button{border-radius:8px!important}
body[data-wiki-root] .callout p,body[data-wiki-root] .steps p{margin-top:4px!important}
.reset-button,.demo-nav button,.quick-grid button{border-radius:8px!important}
.metric-card strong{font-size:30px!important}