/* LYNNE PULSE — Portal-CI. Reines CSS, kein Framework.
   Magenta #6C1F5F → Indigo #2B2A6B (Header-Verlauf), Indigo Tabellenkopf,
   Magenta Akzent. */

:root {
  --magenta: #6C1F5F;
  --indigo:  #2B2A6B;
  --ink:     #33314F;
  --muted:   #6A6480;
  --line:    #E2E0EE;
  --bg:      #F6F5FA;
  --card:    #FFFFFF;
  --ok:      #2E7D5B;
  --ok-bg:   #E4F3EC;
  --warn:    #B23A48;
  --warn-bg: #F6E3E5;
  --radius:  12px;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--ink);
  background: var(--bg);
  line-height: 1.5;
}

a { color: var(--magenta); }

/* ---------- Topbar ---------- */
.topbar {
  background: linear-gradient(90deg, var(--magenta) 0%, var(--indigo) 100%);
  color: #fff;
  box-shadow: 0 2px 10px rgba(43, 42, 107, 0.18);
  /* iPhone: Inhalt unter Statusleiste/Notch freihalten (PWA viewport-fit=cover) */
  padding-top: env(safe-area-inset-top, 0px);
}
.topbar-inner {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 20px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.brand { display: flex; align-items: center; gap: 9px; text-decoration: none; color: #fff; }
.brand-logo { width: 36px; height: 36px; border-radius: 9px; flex: 0 0 auto; box-shadow: 0 1px 4px rgba(0,0,0,.25); }
.brand-name { font-weight: 800; letter-spacing: 2px; font-size: 20px; }
.brand-sub  { font-weight: 500; letter-spacing: 4px; font-size: 12px; opacity: .85; }
.nav { display: flex; gap: 22px; align-items: center; }
.nav a { color: #fff; text-decoration: none; font-size: 14px; opacity: .9; }
.nav a:hover { opacity: 1; text-decoration: underline; }
.nav-logout { font-weight: 600; }

/* ---------- Layout ---------- */
.container { max-width: 1080px; margin: 28px auto 60px; padding: 0 20px; }
.footer {
  max-width: 1080px; margin: 0 auto; padding: 24px 20px;
  color: var(--muted); font-size: 12px; text-align: center;
}

.page-head {
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px; margin-bottom: 18px;
}
.page-head h1 { margin: 0; font-size: 22px; color: var(--indigo); }
.head-actions { display: flex; gap: 10px; }

h1 { color: var(--indigo); }
h2 { color: var(--indigo); font-size: 16px; margin: 0 0 14px; }

/* ---------- Cards ---------- */
.card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 20px 22px;
  margin-bottom: 18px;
  box-shadow: 0 1px 3px rgba(43, 42, 107, 0.05);
}
.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
@media (max-width: 760px) { .grid-2 { grid-template-columns: 1fr; } }
.empty { text-align: center; color: var(--muted); }

/* ---------- Tabellen ---------- */
.table { width: 100%; border-collapse: collapse; font-size: 14px; }
.table th {
  background: var(--indigo); color: #fff; text-align: left;
  padding: 10px 12px; font-weight: 600; font-size: 12.5px;
}
.table th:first-child { border-top-left-radius: 8px; }
.table th:last-child  { border-top-right-radius: 8px; }
.table td { padding: 10px 12px; border-bottom: 1px solid var(--line); vertical-align: middle; }
.table tr:last-child td { border-bottom: none; }
.row-archived td { opacity: .55; }
.ta-right { text-align: right; }
.dl-cell { white-space: nowrap; }
.small { font-size: 12px; }

/* ---------- Key/Value ---------- */
.kv { display: grid; grid-template-columns: 150px 1fr; gap: 6px 14px; margin: 0; }
.kv dt { color: var(--muted); font-size: 13px; }
.kv dd { margin: 0; font-size: 14px; }

/* ---------- Pills ---------- */
.pill { display: inline-block; padding: 2px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; }
.pill-ok    { background: var(--ok-bg);   color: var(--ok); }
.pill-off   { background: var(--warn-bg); color: var(--warn); }
.pill-muted { background: #ECEBF4;        color: var(--muted); }

/* ---------- Buttons ---------- */
.btn {
  display: inline-block; cursor: pointer; text-decoration: none;
  border: 1px solid var(--line); background: #fff; color: var(--indigo);
  padding: 8px 14px; border-radius: 9px; font-size: 13.5px; font-weight: 600;
  transition: background .12s, border-color .12s;
}
.btn:hover { background: #F3F1FA; }
.btn[disabled] { opacity: .5; cursor: not-allowed; }
.btn-sm { padding: 5px 10px; font-size: 12.5px; }
.btn-block { width: 100%; }
.btn-primary {
  background: linear-gradient(90deg, var(--magenta) 0%, var(--indigo) 100%);
  color: #fff; border: none;
}
.btn-primary:hover { filter: brightness(1.07); }
.btn-warn { color: var(--warn); border-color: var(--warn-bg); }
.btn-warn:hover { background: var(--warn-bg); }
.inline { display: inline; }
.row-actions { display: flex; gap: 10px; margin-top: 14px; flex-wrap: wrap; }

/* ---------- Formulare ---------- */
.form label, .form-grid label { display: block; margin-bottom: 14px; font-size: 13px; color: var(--muted); }
.form input, .form-grid input {
  display: block; width: 100%; margin-top: 5px;
  padding: 9px 11px; border: 1px solid var(--line); border-radius: 8px;
  font-size: 14px; color: var(--ink); background: #fff;
}
.form input:focus, .form-grid input:focus {
  outline: none; border-color: var(--magenta); box-shadow: 0 0 0 3px rgba(108, 31, 95, .12);
}
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 18px; }
.form-grid .form-actions { grid-column: 1 / -1; }
@media (max-width: 640px) { .form-grid { grid-template-columns: 1fr; } }
.form-actions { margin-top: 6px; }
.form-inline { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-top: 12px; }
.form-inline input[type=email], .form-inline input[type=text] {
  flex: 1; min-width: 220px; padding: 9px 11px; border: 1px solid var(--line); border-radius: 8px; font-size: 14px;
}
small.muted { font-weight: 400; }

/* ---------- Login ---------- */
.login-wrap { display: flex; justify-content: center; padding-top: 40px; }
.login-card { width: 360px; max-width: 100%; }
.login-head { text-align: center; margin-bottom: 18px; }
.login-logo { font-size: 26px; font-weight: 800; letter-spacing: 2px; color: var(--indigo); }
.login-logo span { color: var(--magenta); letter-spacing: 5px; font-weight: 600; font-size: 18px; }
.login-head { text-align: center; }
.login-logo-img { width: 150px; height: 150px; border-radius: 22px; box-shadow: 0 6px 20px rgba(43,42,107,.28); }

/* ---------- Flash ---------- */
.flashes { margin-bottom: 16px; display: grid; gap: 10px; }
.flash { padding: 11px 14px; border-radius: 9px; font-size: 14px; }
.flash-info    { background: #EDECF7; color: var(--indigo); }
.flash-success { background: var(--ok-bg);   color: var(--ok); }
.flash-error   { background: var(--warn-bg); color: var(--warn); }

/* ---------- Misc ---------- */
.muted { color: var(--muted); }
.link { color: var(--magenta); font-weight: 600; text-decoration: none; }
.link:hover { text-decoration: underline; }
code {
  background: #F0EFF7; padding: 1px 6px; border-radius: 5px;
  font-family: "SF Mono", Menlo, Consolas, monospace; font-size: 12.5px; color: var(--indigo);
}

/* ---- Frag deine Daten ---- */
.ask-wrap { max-width: 760px; margin: 0 auto; }
.ask-head h1 { margin-bottom: 2px; }
.ask-form { display: flex; gap: 10px; margin: 14px 0 10px; }
.ask-form textarea {
  flex: 1; padding: 12px 14px; border: 1.5px solid #DAD8EC; border-radius: 10px;
  font: inherit; font-size: 16px; resize: vertical; color: #33314F; background: #fff;
}
.ask-form textarea:focus { outline: none; border-color: #6C1F5F; }
.ask-form button { white-space: nowrap; align-self: stretch; }
.ask-examples { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.chip {
  border: 1px solid #DAD8EC; background: #ECEBF4; color: #2B2A6B;
  border-radius: 999px; padding: 6px 12px; font-size: 13px; cursor: pointer;
}
.chip:hover { background: #DAD8EC; }
.ask-thread { margin: 8px 0 16px; }
.ask-q, .ask-a { padding: 12px 14px; border-radius: 10px; margin-bottom: 10px; line-height: 1.5; }
.ask-q { background: #ECEBF4; }
.ask-a {
  background: linear-gradient(90deg, rgba(108,31,95,.07), rgba(43,42,107,.07));
  border-left: 3px solid #6C1F5F; white-space: pre-wrap;
}
.ask-label {
  display: block; font-size: 11px; letter-spacing: .06em; text-transform: uppercase;
  color: #9A93A8; margin-bottom: 3px; font-weight: 700;
}
.ask-note { margin-top: 6px; font-size: 13px; }
.ask-locked { text-align: center; background: #fff; border: 1px solid #e7e4f2;
  border-radius: 14px; padding: 30px 22px; margin-top: 16px; }
.ask-locked svg { color: #6C1F5F; }
.ask-locked h2 { color: #6C1F5F; margin: 12px 0 8px; font-size: 19px; }
.ask-locked p { color: #6a6580; max-width: 460px; margin: 0 auto 18px; font-size: 14px; line-height: 1.5; }
@media (max-width: 560px) {
  .ask-form { flex-direction: column; }
}

/* ---- Kundenbereich /me ---- */
.me-wrap { max-width: 760px; margin: 0 auto; }
.me-hero {
  text-align: center; padding: 26px 18px; margin-bottom: 18px; border-radius: 14px;
  background: linear-gradient(100deg, #6C1F5F, #2B2A6B); color: #fff;
}
.me-hero h1 { color: #fff; margin: 0 0 2px; }
.me-hero .muted { color: #E7CFE1; }
.btn-lg { font-size: 17px; padding: 12px 22px; margin-top: 14px; display: inline-block; }
.table-scroll { overflow-x: auto; }
.right, td.right, th.right { text-align: right; }

/* ===== Report-Ansicht (mobile-first) ===== */
.rv-banner{background:linear-gradient(100deg,#6C1F5F,#2B2A6B);color:#fff;border-radius:14px;
  padding:16px 18px;margin:10px 0 16px}
.rv-banner-top{font-weight:800;letter-spacing:.04em}
.rv-banner-top span{opacity:.8;font-weight:600}
.rv-banner-title{font-size:18px;font-weight:700;margin-top:2px}
.rv-banner-date{color:#E7CFE1;font-size:14px}
.rv-wetter{display:inline-flex;align-items:center;gap:6px;margin-top:9px;background:rgba(255,255,255,.16);
  color:#fff;font-weight:600;font-size:13.5px;padding:5px 12px;border-radius:20px}
.rv-live{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.16);
  color:#fff;font-weight:800;font-size:11px;letter-spacing:.06em;padding:3px 9px;border-radius:20px;vertical-align:1px}
.rv-live::before{content:"";width:7px;height:7px;border-radius:50%;background:#2ee06a;
  box-shadow:0 0 0 0 rgba(46,224,106,.7);animation:rvpulse 1.6s infinite}
@keyframes rvpulse{0%{box-shadow:0 0 0 0 rgba(46,224,106,.6)}70%{box-shadow:0 0 0 7px rgba(46,224,106,0)}100%{box-shadow:0 0 0 0 rgba(46,224,106,0)}}
.rv-sync{color:#E7CFE1;font-size:12.5px;margin-left:6px}
.kpi-click{cursor:pointer;transition:transform .08s,box-shadow .12s}
.kpi-click:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(43,42,107,.22)}
.rv-prod{margin:8px 0 10px;border:1px solid #e7e4f2;border-radius:12px;background:#fff;overflow:hidden}
.rv-prod>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:9px;padding:13px 15px;font-weight:700;color:#2B2A6B;font-size:15px}
.rv-prod>summary::-webkit-details-marker{display:none}
.rv-prod>summary svg{color:#6C1F5F;flex:0 0 auto}
.rv-prod-n{margin-left:auto;font-size:12px;font-weight:700;color:#8a84a0;background:#f1eef7;padding:3px 9px;border-radius:20px}
.rv-prod[open]>summary{border-bottom:1px solid #eee}
.rv-prod-wrap{max-height:360px;overflow:auto}
.rv-prod-tbl{width:100%;border-collapse:collapse;font-size:14px}
.rv-prod-tbl th{position:sticky;top:0;background:#2B2A6B;color:#fff;text-align:left;padding:8px 14px;font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.rv-prod-tbl th.r,.rv-prod-tbl td.r{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.rv-prod-tbl td{padding:9px 14px;border-bottom:1px solid #f0eef6;color:#33314f}
.rv-prod-tbl tr:last-child td{border-bottom:none}
.rv-prod-g{font-size:11px;color:#8a84a0;background:#f1eef7;padding:1px 6px;border-radius:6px}
.rv-h2{margin:18px 0 10px;font-size:16px;color:#2B2A6B;display:flex;align-items:center;gap:9px}
.rv-h2 svg{color:#6C1F5F;flex:0 0 auto}
.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kpi{border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;min-height:74px;justify-content:center}
.kpi-l{font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;opacity:.9;display:flex;align-items:center;gap:6px}
.kpi-l svg{flex:0 0 auto}
.kpi-v{font-size:18px;font-weight:800;line-height:1.15}
.kpi-s{font-size:12px;opacity:.85}
.kpi-accent{background:#6C1F5F;color:#fff}
.kpi-primary{background:#2B2A6B;color:#fff}
.kpi-light{background:#DAD8EC;color:#2B2A6B;border:1px solid #c7c3e0}
.barista-card{background:#fff;border:1px solid #e4e1ef;border-radius:12px;padding:12px 14px;margin-bottom:10px}
.barista-card.is-top{border-color:#6C1F5F;box-shadow:0 0 0 1px #6C1F5F22}
.bc-sum{background:#2B2A6B;color:#fff;border-color:#2B2A6B}
.bc-sum .b-grid span,.bc-sum .bc-sub{color:#cfcde6}
.bc-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.bc-sub{color:#8a84a0;font-size:12px;margin-left:auto}
.b-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px 12px}
.b-grid>div{display:flex;flex-direction:column;font-weight:700;font-size:14px}
.b-grid>div span{font-weight:600;font-size:11px;color:#8a84a0;text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:5px}
.b-grid>div span svg{flex:0 0 auto;opacity:.85}
.b-grid .b-total{color:#6C1F5F}
.bc-sum .b-grid .b-total{color:#fff}
.anom-card{background:#fff;border:1px solid #e4e1ef;border-left:4px solid;border-radius:10px;padding:10px 12px;margin-bottom:8px}
.sev-badge{display:inline-block;color:#fff;font-size:11px;font-weight:700;padding:1px 7px;border-radius:6px;margin-right:4px}
.pfand-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pfand-box{background:#fff;border:1px solid #e4e1ef;border-radius:12px;padding:10px 12px}
.pf-t{font-weight:700;color:#2B2A6B;margin-bottom:6px;font-size:13px}
.pf-g{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
.pf-g>div{display:flex;flex-direction:column;font-weight:700;font-size:13px}
.pf-g>div span{font-weight:600;font-size:10px;color:#8a84a0;text-transform:uppercase}
.rv-dl{display:flex;gap:10px;margin:18px 0 8px}
.pill-accent{background:#6C1F5F;color:#fff}

/* ===== Allgemeine Mobil-Optimierung ===== */
@media (max-width:640px){
  .container{padding-left:12px;padding-right:12px}
  .topbar-inner{height:auto;min-height:56px;flex-wrap:wrap;gap:4px 12px;padding:8px 16px}
  .topbar-right{flex-wrap:wrap;gap:8px 14px;justify-content:flex-end}
  .nav{gap:10px;font-size:14px;flex-wrap:wrap}
  .page-head{flex-direction:column;align-items:flex-start;gap:10px}
  .head-actions{flex-wrap:wrap}
  .grid-2{grid-template-columns:1fr}
  .card{padding:14px}
  .table{font-size:13px}
  .form-inline{flex-wrap:wrap}
  .b-grid,.pf-g{grid-template-columns:1fr 1fr}
}
@media (min-width:641px){ .kpi-grid{grid-template-columns:repeat(4,1fr)} }

/* ---- E-Mail-Versandplan ---- */
.mailplan-form .mp-row{display:flex;align-items:center;gap:9px;margin:8px 0 12px;font-weight:600;color:#2B2A6B}
.mailplan-form .mp-row input{width:18px;height:18px}
.mp-grid{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:12px}
.mp-grid label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#6A6480;font-weight:600}
.mp-grid input,.mp-grid select{font-size:15px;padding:8px 10px;border:1px solid #d7d4e6;border-radius:8px;color:#2B2A6B;background:#fff;min-width:130px}
.mp-grid input:focus,.mp-grid select:focus{outline:none;border-color:#6C1F5F}
.mp-times{margin-bottom:12px}
.mp-times-lbl{display:block;font-size:13px;color:#6A6480;font-weight:600;margin-bottom:6px}
.mp-times-row{display:flex;flex-wrap:wrap;gap:8px}
.mp-times-row input{font-size:15px;padding:8px 10px;border:1px solid #d7d4e6;border-radius:8px;color:#2B2A6B;background:#fff;width:118px}
.mp-times-row input:focus{outline:none;border-color:#6C1F5F}

/* ---- PWA „App installieren" ---- */
/* hidden muss display:flex/inline-flex der PWA-Elemente schlagen (sonst immer sichtbar) */
[hidden]{display:none !important}
.pwa-banner{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom, 0px));z-index:60;display:flex;align-items:center;gap:10px;
  max-width:560px;margin:0 auto;background:#2B2A6B;color:#fff;border-radius:14px;padding:12px 14px;
  box-shadow:0 8px 28px rgba(43,42,107,.34)}
.pwa-banner .pwa-ic{font-size:22px;flex:0 0 auto}
.pwa-banner .pwa-txt{flex:1;font-size:14px;line-height:1.25}
.pwa-banner .pwa-go{flex:0 0 auto;background:#fff;color:#2B2A6B;font-weight:800;border:none;border-radius:9px;
  padding:9px 15px;font-size:14px;cursor:pointer}
.pwa-banner .pwa-go:hover{background:#eceaf6}
.pwa-banner .pwa-x{flex:0 0 auto;background:transparent;border:none;color:#cfcde6;font-size:22px;line-height:1;
  cursor:pointer;padding:0 2px}
.pwa-ios{position:fixed;inset:0;z-index:70;background:rgba(20,18,46,.5);display:flex;align-items:flex-end;justify-content:center}
.pwa-ios-card{background:#fff;border-radius:16px 16px 0 0;width:100%;max-width:480px;padding:22px 22px 28px;color:#2B2A6B}
.pwa-ios-card h3{margin:0 0 6px;color:#6C1F5F;font-size:18px}
.pwa-ios-card p{color:#6a6580;font-size:14px;margin:0 0 12px}
.pwa-ios-card ol{margin:0 0 18px;padding-left:20px;color:#33314f;font-size:14.5px;line-height:1.9}
@media (min-width:560px){ .pwa-ios{align-items:center} .pwa-ios-card{border-radius:16px} }

/* ---------- Theme-Toggle (Hell/Dunkel) ---------- */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;
  border-radius:9px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);
  color:#fff;cursor:pointer;flex:0 0 auto;padding:0}
.theme-toggle:hover{background:rgba(255,255,255,.22)}
.theme-toggle .ic-sun{display:none}
.theme-toggle .ic-moon{display:inline-flex}
.topbar-right{display:flex;align-items:center;gap:12px}

/* ============================ DARK MODE ============================ */
html[data-theme="dark"]{
  --ink:#e8e5f3; --muted:#a9a3be; --line:#322d45; --bg:#141220; --card:#1e1b2c;
  --ok-bg:#173529; --warn-bg:#3a1f24;
}
html[data-theme="dark"] body{background:var(--bg);color:var(--ink)}
html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,
html[data-theme="dark"] .page-head h1{color:#e8e5f3}
html[data-theme="dark"] a{color:#e58fcb}
html[data-theme="dark"] .theme-toggle .ic-sun{display:inline-flex}
html[data-theme="dark"] .theme-toggle .ic-moon{display:none}
/* Eingabefelder */
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea,
html[data-theme="dark"] .form input,html[data-theme="dark"] .form-grid input,
html[data-theme="dark"] .form-inline input,html[data-theme="dark"] .mp-grid input,
html[data-theme="dark"] .mp-grid select,html[data-theme="dark"] .mp-times-row input{
  background:#17141f;color:var(--ink);border-color:#3a3450}
/* sekundäre Buttons */
html[data-theme="dark"] .btn{background:#272338;color:#e8e5f3;border-color:#3a3450}
html[data-theme="dark"] .btn:hover{background:#322c47}
/* Tabellen (Kopf bleibt indigo) */
html[data-theme="dark"] .table td{color:#d9d5ec}
html[data-theme="dark"] .table tbody tr:nth-child(even){background:#241f33}
/* weiße Flächen -> dunkel */
html[data-theme="dark"] .me-stat,html[data-theme="dark"] .barista-card,
html[data-theme="dark"] .anom-card,html[data-theme="dark"] .pfand-box,
html[data-theme="dark"] .rv-prod,html[data-theme="dark"] .ask-locked{
  background:#1e1b2c;border-color:#322d45}
/* indigo Texte -> hell */
html[data-theme="dark"] .me-stat .v,html[data-theme="dark"] .me-h2,html[data-theme="dark"] .rv-h2,
html[data-theme="dark"] .pf-t,html[data-theme="dark"] .rv-prod>summary{color:#e8e5f3}
html[data-theme="dark"] .b-grid .b-total{color:#e58fcb}
html[data-theme="dark"] .bc-sub,html[data-theme="dark"] .b-grid>div span,
html[data-theme="dark"] .pf-g>div span{color:#9b95b3}
/* KPI Trinkgeld-Kachel (hell) */
html[data-theme="dark"] .kpi-light{background:#2a2640;color:#e8e5f3;border-color:#3a3550}
/* Diagramm */
html[data-theme="dark"] .rc-track{background:#2a2640}
html[data-theme="dark"] .rc-name{color:#cfcae0}
html[data-theme="dark"] .rc-val{color:#e8e5f3}
html[data-theme="dark"] .rc-sub{color:#e58fcb}
html[data-theme="dark"] .rc-empty,html[data-theme="dark"] .me-empty{color:#9b95b3}
/* Produkt-Tabelle / Badges */
html[data-theme="dark"] .rv-prod-tbl td{color:#d9d5ec;border-color:#2a2640}
html[data-theme="dark"] .rv-prod[open]>summary{border-color:#2a2640}
html[data-theme="dark"] .rv-prod-g,html[data-theme="dark"] .rv-prod-n,
html[data-theme="dark"] .pill-muted{background:#2a2640;color:#a9a3be}
html[data-theme="dark"] .chip{background:#241f33;color:#cfcae0;border-color:#3a3450}
html[data-theme="dark"] .chip:hover{background:#2f2945}
html[data-theme="dark"] .ask-locked p{color:#b3adc6}
html[data-theme="dark"] .ask-locked svg,html[data-theme="dark"] .ask-locked h2{color:#e58fcb}
html[data-theme="dark"] .row-archived{opacity:.55}