/* ═══════════════════════════════════════════════════════════════════════
   V3 DESIGN SYSTEM — global, wiederverwendbar (Pilot: Mitgliederliste)
   ───────────────────────────────────────────────────────────────────────
   Quelle: freigegebenes Mockup v2_mit_liste.html / v2_home.html (V3-Zielbild).
   Farben/Maße 1:1 aus dem Mockup übernommen, nur technisch an die App-Shell
   angepasst (Full-Bleed über das .shell-content-Padding wie home_v3.css).

   SCOPING: ALLES liegt unter `.v3-page` (bzw. den fixed-positionierten
   Panels innerhalb `.v3-page`). Bestands-Seiten (.stift, Tailwind-Utilities)
   bleiben unangetastet. Neue Seiten setzen einfach `.v3-page` als Wrapper und
   nutzen die `.v3-*`-Komponentenklassen.
   ═══════════════════════════════════════════════════════════════════════ */

.v3-page {
  /* ── Design-Tokens (aus Mockup :root) ── */
  --v3-canvas: #f4f6f9;
  --v3-card: #ffffff;
  --v3-line: #e6eaf1;
  --v3-line2: #eef1f6;
  --v3-ink: #16233a;
  --v3-ink2: #5b6b84;
  --v3-ink3: #8b98ad;
  --v3-brand: #1e56c8;
  --v3-brand-deep: #0f2b46;
  --v3-ok: #178a50;
  --v3-warn: #c07600;
  --v3-bad: #c93a4a;
  /* Kanalfarben (Zahlungsströme) */
  --v3-sepa: #2563eb;
  --v3-ueb: #0ea5a4;
  --v3-paypal: #7c6cf0;
  --v3-stripe: #b558d9;
  /* Radius + Schatten */
  --v3-r: 16px;
  --v3-r-sm: 11px;
  --v3-shadow: 0 1px 2px rgba(22,35,58,.05), 0 10px 28px -14px rgba(22,35,58,.14);

  /* Full-Bleed: über das Padding der App-Shell (.shell-content) hinaus, damit
     der Canvas-Ton bis an die Ränder läuft — gleiche Technik wie home_v3.css. */
  margin: -24px calc(clamp(16px, 3vw, 32px) * -1);
  padding: 22px 28px 44px;
  min-height: calc(100% + 48px);
  box-sizing: border-box;
  background: var(--v3-canvas);
  color: var(--v3-ink);
  font-family: "Inter", -apple-system, "Segoe UI", system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
}
.v3-page * { box-sizing: border-box; }
.v3-page h1, .v3-page h2, .v3-page h3, .v3-page h4 { font-family: inherit; }
.v3-page .num { font-variant-numeric: tabular-nums; }

/* ── Seitenkopf ── */
.v3-page .v3-pagehead { display: flex; align-items: center; gap: 16px; margin-bottom: 16px; }
.v3-page .v3-pagehead h1 { font-size: 21px; font-weight: 800; letter-spacing: -.3px; margin: 0; }
.v3-page .v3-pagehead .sub { color: var(--v3-ink3); font-weight: 500; font-size: 13px; margin-top: 3px; }
.v3-page .v3-pagehead .actions { margin-left: auto; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }

/* ── Buttons ── */
.v3-page .v3-btn {
  display: inline-flex; align-items: center; gap: 7px; border-radius: 11px;
  padding: 9px 15px; font-weight: 650; font-size: 13px; border: 1px solid var(--v3-line);
  background: #fff; color: var(--v3-ink2); box-shadow: var(--v3-shadow);
  text-decoration: none; cursor: pointer; white-space: nowrap;
}
.v3-page .v3-btn:hover { background: #fafbfe; }
.v3-page .v3-btn svg { width: 15px; height: 15px; stroke: currentColor; fill: none; stroke-width: 2; flex: none; }
.v3-page .v3-btn.pri { background: linear-gradient(135deg, #2f6fe0, #1e56c8); color: #fff; border: none; }
.v3-page .v3-btn.pri:hover { filter: brightness(1.04); }
.v3-page .v3-btn.sm { padding: 6px 11px; font-size: 12px; border-radius: 9px; }
.v3-page .v3-btn.on { background: #e8effd; border-color: #bcd3f7; color: var(--v3-brand); }
.v3-page .v3-iconbtn {
  width: 37px; height: 37px; border-radius: 11px; background: var(--v3-card);
  border: 1px solid var(--v3-line); display: grid; place-items: center;
  color: var(--v3-ink2); box-shadow: var(--v3-shadow);
}

/* ── Karte ── */
.v3-page .v3-card { background: var(--v3-card); border: 1px solid var(--v3-line); border-radius: var(--v3-r); box-shadow: var(--v3-shadow); }

/* ── Toolbar (Suche + Chips) ── */
.v3-page .v3-toolbar { padding: 14px 18px; margin-bottom: 14px; }
.v3-page .v3-searchrow { display: flex; align-items: center; gap: 12px; }
.v3-page .v3-bigsearch { flex: 1; display: flex; align-items: center; gap: 10px; background: #f6f8fb; border: 1px solid var(--v3-line); border-radius: 11px; padding: 10px 15px; color: var(--v3-ink3); font-size: 14px; }
.v3-page .v3-bigsearch svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 2; flex: none; }
.v3-page .v3-bigsearch input { flex: 1; border: 0; background: transparent; outline: none; font-size: 14px; color: var(--v3-ink); font-family: inherit; }
.v3-page .v3-bigsearch input::placeholder { color: var(--v3-ink3); }
.v3-page .v3-count { font-size: 12.5px; color: var(--v3-ink3); font-weight: 600; white-space: nowrap; }
.v3-page .v3-count b { color: var(--v3-ink); }

/* ── Chips ── */
.v3-page .v3-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; align-items: center; }
.v3-page .v3-chip {
  display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--v3-line);
  background: #fff; border-radius: 99px; padding: 6px 13px; font-size: 12.5px;
  font-weight: 600; color: var(--v3-ink2); white-space: nowrap; text-decoration: none; cursor: pointer;
}
.v3-page .v3-chip:hover { background: #fafbfe; }
.v3-page .v3-chip svg { width: 12px; height: 12px; stroke: currentColor; fill: none; stroke-width: 2.2; opacity: .7; }
.v3-page .v3-chip.on { background: #e8effd; border-color: #bcd3f7; color: var(--v3-brand); }
.v3-page .v3-chip.on svg { opacity: 1; }
.v3-page .v3-chip .x { margin-left: 2px; font-weight: 800; opacity: .6; }
.v3-page .v3-chips .divider { width: 1px; height: 20px; background: var(--v3-line); margin: 0 3px; }
.v3-page .v3-chips .reset { color: var(--v3-brand); font-weight: 650; font-size: 12.5px; margin-left: 2px; text-decoration: none; }

/* ── Gespeicherte Filter (Segmente, read-only) ── */
.v3-page .v3-saved { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 11px; padding-top: 11px; border-top: 1px dashed var(--v3-line); }
.v3-page .v3-saved .sl { font-size: 11px; letter-spacing: .5px; color: var(--v3-ink3); font-weight: 700; margin-right: 2px; }
.v3-page .v3-savedchip { display: inline-flex; align-items: center; gap: 7px; border: 1px solid var(--v3-line); background: #fbfcfe; border-radius: 99px; padding: 5px 12px; font-size: 12.5px; font-weight: 650; color: var(--v3-ink2); text-decoration: none; }
.v3-page .v3-savedchip:hover { background: #f2f5fb; }
.v3-page .v3-savedchip .sc { width: 6px; height: 6px; border-radius: 50%; background: var(--v3-brand); }
.v3-page .v3-savedchip b { color: var(--v3-ink); font-variant-numeric: tabular-nums; }
.v3-page .v3-savedchip.add { color: var(--v3-brand); border-style: dashed; border-color: #bcd3f7; }
.v3-page .v3-savedchip.add svg { width: 13px; height: 13px; stroke: currentColor; fill: none; stroke-width: 2.2; }

/* ── Auswahl-Leiste (dunkel, erscheint bei Selektion) ── */
.v3-page .v3-selectbar {
  display: none; align-items: center; gap: 14px; padding: 11px 16px; margin-bottom: 14px;
  background: linear-gradient(135deg, #10304f, #1b4a7c); color: #fff; border: none; border-radius: var(--v3-r);
  box-shadow: var(--v3-shadow);
}
.v3-page .v3-selectbar.is-active { display: flex; }
.v3-page .v3-selectbar .bn { font-weight: 800; font-size: 14px; }
.v3-page .v3-selectbar .bn span { font-weight: 500; color: #bcd2e8; margin-left: 4px; }
.v3-page .v3-selectbar .bulkacts { margin-left: auto; display: flex; gap: 8px; }
.v3-page .v3-bulkbtn { display: inline-flex; align-items: center; gap: 7px; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.16); border-radius: 9px; padding: 7px 13px; font-size: 12.5px; font-weight: 650; color: #fff; text-decoration: none; cursor: pointer; }
.v3-page .v3-bulkbtn:hover { background: rgba(255,255,255,.22); }
.v3-page .v3-bulkbtn svg { width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 2; }
.v3-page .v3-bulkbtn.pri { background: #fff; color: var(--v3-brand-deep); border: none; }
.v3-page .v3-selectbar .clr { color: #bcd2e8; font-size: 12px; font-weight: 600; background: none; border: 0; cursor: pointer; }
.v3-page .v3-selectbar .clr:hover { color: #fff; }

/* ── Split: Tabelle + Panel ── */
.v3-page .v3-split { display: grid; grid-template-columns: 1fr 384px; gap: 16px; align-items: start; }
.v3-page .v3-split.no-panel { grid-template-columns: 1fr; }
@media (max-width: 1200px) { .v3-page .v3-split { grid-template-columns: 1fr; } }

/* ── Tabelle ── */
.v3-page .v3-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.v3-page .v3-table thead th { font-size: 10.5px; letter-spacing: .7px; color: var(--v3-ink3); text-align: left; font-weight: 700; padding: 11px 14px; border-bottom: 1px solid var(--v3-line); background: #fbfcfe; }
.v3-page .v3-table tbody td { padding: 11px 14px; border-bottom: 1px solid var(--v3-line2); vertical-align: middle; }
.v3-page .v3-table tbody tr { cursor: pointer; }
.v3-page .v3-table tbody tr:last-child td { border: none; }
.v3-page .v3-table tbody tr:hover { background: #fafbfe; }
.v3-page .v3-table tbody tr.is-selected { background: #eef4fe; box-shadow: inset 3px 0 0 var(--v3-brand); }
.v3-page .v3-table .thsort { display: inline-flex; align-items: center; gap: 4px; }
.v3-page .v3-table th.cbxh, .v3-page .v3-table td.cbxc { width: 38px; text-align: center; padding-left: 14px; padding-right: 0; }

.v3-page .mcell { display: flex; align-items: center; gap: 11px; }
.v3-page .mav { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; font-weight: 700; font-size: 12.5px; color: #fff; flex: none; object-fit: cover; }
.v3-page .mcell b { font-weight: 700; font-size: 13.5px; white-space: nowrap; color: var(--v3-ink); }
.v3-page .mcell small { display: block; color: var(--v3-ink3); font-size: 11.5px; font-weight: 500; }

.v3-page .prog-chip { display: inline-block; font-size: 11.5px; font-weight: 700; border-radius: 6px; padding: 3px 8px; }
.v3-page .p-bsc { background: #e8effd; color: #1e56c8; }
.v3-page .p-msc { background: #e0f4f2; color: #0d8377; }
.v3-page .p-mba { background: #f0edfd; color: #6d5bd0; }
.v3-page .p-phd { background: #f7e9fb; color: #a344c9; }
.v3-page .p-gen { background: #f1f3f7; color: var(--v3-ink2); }

.v3-page .role-txt { color: var(--v3-ink2); font-size: 12.5px; font-weight: 600; }

.v3-page .status { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; }
.v3-page .status .d { width: 8px; height: 8px; border-radius: 50%; }
.v3-page .s-akt .d { background: #22c55e; box-shadow: 0 0 0 3px rgba(34,197,94,.15); }
.v3-page .s-akt { color: var(--v3-ok); }
.v3-page .s-kue .d { background: #f59e0b; box-shadow: 0 0 0 3px rgba(245,158,11,.18); }
.v3-page .s-kue { color: var(--v3-warn); }
.v3-page .s-inak .d { background: #b6c0cf; }
.v3-page .s-inak { color: var(--v3-ink3); }

.v3-page .amp { display: inline-flex; align-items: center; gap: 7px; font-weight: 700; font-size: 12.5px; }
.v3-page .amp .d { width: 9px; height: 9px; border-radius: 50%; }
.v3-page .a-ok .d { background: #22c55e; } .v3-page .a-ok { color: var(--v3-ok); }
.v3-page .a-of .d { background: #f59e0b; } .v3-page .a-of { color: var(--v3-warn); }
.v3-page .a-no .d { background: #ef4444; } .v3-page .a-no { color: var(--v3-bad); }
.v3-page .amp small { display: block; font-size: 11px; font-weight: 600; }

.v3-page .contact { display: flex; gap: 6px; }
.v3-page .ci { width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; background: #f1f4f8; color: var(--v3-ink2); }
.v3-page .ci svg { width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 2; }
.v3-page .ci.off { opacity: .35; }

/* Checkbox */
.v3-page .cbx { width: 17px; height: 17px; border-radius: 5px; border: 1.6px solid #c3ccd9; display: inline-grid; place-items: center; vertical-align: middle; background: #fff; cursor: pointer; position: relative; }
.v3-page .cbx svg { width: 11px; height: 11px; stroke: #fff; fill: none; stroke-width: 3; opacity: 0; }
.v3-page .cbx input { position: absolute; inset: 0; opacity: 0; cursor: pointer; margin: 0; }
.v3-page .cbx:has(input:checked) { background: var(--v3-brand); border-color: var(--v3-brand); }
.v3-page .cbx:has(input:checked) svg { opacity: 1; }
.v3-page .cbx.dash { background: var(--v3-brand); border-color: var(--v3-brand); }
.v3-page .cbx.dash svg { opacity: 1; }

/* ── Karten-Ansicht (Umschalter) ── */
.v3-page .v3-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; }
.v3-page .v3-mcard { background: var(--v3-card); border: 1px solid var(--v3-line); border-radius: 14px; box-shadow: var(--v3-shadow); padding: 15px 16px; cursor: pointer; transition: box-shadow .15s, transform .15s; }
.v3-page .v3-mcard:hover { box-shadow: 0 4px 14px rgba(22,35,58,.10); transform: translateY(-1px); }
.v3-page .v3-mcard.is-selected { box-shadow: inset 0 0 0 2px var(--v3-brand); }
.v3-page .v3-mcard .mc-head { display: flex; align-items: center; gap: 11px; margin-bottom: 12px; }
.v3-page .v3-mcard .mc-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.v3-page .v3-mcard .mc-fee { font-size: 12.5px; font-weight: 700; color: var(--v3-ink); }

/* ── Empty-State ── */
.v3-page .v3-empty { padding: 42px; text-align: center; }
.v3-page .v3-empty .h { font-weight: 700; color: var(--v3-ink2); }
.v3-page .v3-empty .s { color: var(--v3-ink3); margin-top: 4px; font-size: 13px; }

/* ── Pagination ── */
.v3-page .v3-pager { display: flex; justify-content: center; align-items: center; gap: 6px; margin-top: 18px; }
.v3-page .v3-pager a, .v3-page .v3-pager span { min-width: 34px; text-align: center; padding: 6px 10px; border-radius: 9px; border: 1px solid var(--v3-line); background: #fff; color: var(--v3-ink2); font-size: 12.5px; font-weight: 600; text-decoration: none; }
.v3-page .v3-pager span.on { background: var(--v3-brand); border-color: var(--v3-brand); color: #fff; }

/* ═══════════════════════════════════════════════════════════════════════
   SIDE-PANEL (Schnellansicht rechts) — dunkler Kopf wie Mockup.
   Inline im Split; lädt lazy per Turbo-Frame beim Zeilen-Klick.
   ═══════════════════════════════════════════════════════════════════════ */
.v3-page .v3-sidepanel { position: sticky; top: 16px; padding: 0; overflow: hidden; }
.v3-page .v3-sidepanel .ph { padding: 18px 18px 15px; background: linear-gradient(135deg, #10304f, #1b4a7c); color: #fff; position: relative; }
.v3-page .v3-sidepanel .ph .close { position: absolute; top: 13px; right: 14px; width: 26px; height: 26px; border-radius: 8px; background: rgba(255,255,255,.14); display: grid; place-items: center; border: 0; cursor: pointer; }
.v3-page .v3-sidepanel .ph .close svg { width: 14px; height: 14px; stroke: #fff; fill: none; stroke-width: 2.4; }
.v3-page .v3-sidepanel .pav { width: 58px; height: 58px; border-radius: 50%; background: linear-gradient(140deg, #3f7ae6, #1e56c8); display: grid; place-items: center; font-weight: 800; font-size: 20px; color: #fff; box-shadow: 0 0 0 3px rgba(255,255,255,.18); object-fit: cover; }
.v3-page .v3-sidepanel .pname { font-size: 18px; font-weight: 800; margin-top: 10px; letter-spacing: -.3px; }
.v3-page .v3-sidepanel .psub { font-size: 12.5px; color: #bcd2e8; margin-top: 2px; }
.v3-page .v3-sidepanel .pchips { display: flex; gap: 7px; margin-top: 11px; flex-wrap: wrap; }
.v3-page .v3-sidepanel .pchip { font-size: 11px; font-weight: 700; border-radius: 99px; padding: 3px 9px; background: rgba(255,255,255,.16); color: #fff; }
.v3-page .v3-sidepanel .pchip.grn { background: rgba(52,211,153,.25); color: #bbf7d0; }
.v3-page .v3-sidepanel .pchip.amb { background: rgba(245,158,11,.25); color: #fde68a; }
.v3-page .v3-sidepanel .pbody { padding: 16px 18px 18px; }
.v3-page .v3-sidepanel .sect { margin-bottom: 15px; }
.v3-page .v3-sidepanel .sect .st { font-size: 10.5px; letter-spacing: .8px; color: var(--v3-ink3); font-weight: 700; margin-bottom: 8px; }
.v3-page .v3-sidepanel .kv { display: flex; align-items: flex-start; gap: 10px; padding: 5px 0; font-size: 13px; }
.v3-page .v3-sidepanel .kv svg { width: 15px; height: 15px; stroke: var(--v3-ink3); fill: none; stroke-width: 2; flex: none; margin-top: 2px; }
.v3-page .v3-sidepanel .kv b { font-weight: 600; word-break: break-word; }
.v3-page .v3-sidepanel .kv span { color: var(--v3-ink3); display: block; font-size: 11px; }

/* Mehrjahres-Matrix (Beitragsstatus-Ampeln) */
.v3-page .v3-sidepanel .matrix { display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; }
.v3-page .v3-sidepanel .yc { border: 1px solid var(--v3-line); border-radius: 10px; padding: 8px 6px; text-align: center; background: #fbfcfe; }
.v3-page .v3-sidepanel .yc .yy { font-size: 11px; font-weight: 700; color: var(--v3-ink3); }
.v3-page .v3-sidepanel .yc .ym { width: 22px; height: 22px; border-radius: 50%; margin: 5px auto 4px; display: grid; place-items: center; }
.v3-page .v3-sidepanel .yc .ym svg { width: 13px; height: 13px; stroke: #fff; fill: none; stroke-width: 3; }
.v3-page .v3-sidepanel .ym.ok { background: #22c55e; } .v3-page .v3-sidepanel .ym.of { background: #f59e0b; } .v3-page .v3-sidepanel .ym.no { background: #ef4444; } .v3-page .v3-sidepanel .ym.na { background: #cbd5e1; }
.v3-page .v3-sidepanel .yc .ya { font-size: 11px; font-weight: 700; }

.v3-page .v3-sidepanel .act { display: flex; flex-direction: column; gap: 8px; }
.v3-page .v3-sidepanel .actbtn { display: flex; align-items: center; gap: 10px; border: 1px solid var(--v3-line); border-radius: 10px; padding: 10px 12px; font-size: 13px; font-weight: 650; color: var(--v3-ink); text-decoration: none; }
.v3-page .v3-sidepanel .actbtn:hover { background: #fafbfe; }
.v3-page .v3-sidepanel .actbtn svg { width: 16px; height: 16px; stroke: var(--v3-brand); fill: none; stroke-width: 2; }
.v3-page .v3-sidepanel .actbtn.full { background: linear-gradient(135deg, #2f6fe0, #1e56c8); color: #fff; border: none; justify-content: center; }
.v3-page .v3-sidepanel .actbtn.full svg { stroke: #fff; }
.v3-page .v3-sidepanel .actbtn.full:hover { filter: brightness(1.04); background: linear-gradient(135deg, #2f6fe0, #1e56c8); }

/* Panel-Platzhalter (nichts ausgewählt) */
.v3-page .v3-panel-empty { padding: 40px 22px; text-align: center; color: var(--v3-ink3); }
.v3-page .v3-panel-empty .pi { width: 46px; height: 46px; border-radius: 13px; background: #eef2f8; display: grid; place-items: center; margin: 0 auto 12px; color: var(--v3-ink3); }
.v3-page .v3-panel-empty .pi svg { width: 22px; height: 22px; stroke: currentColor; fill: none; stroke-width: 1.8; }
.v3-page .v3-panel-empty b { color: var(--v3-ink2); font-weight: 700; display: block; }
.v3-page .v3-panel-empty span { font-size: 12.5px; }

/* ═══════════════════════════════════════════════════════════════════════
   R1 — MITGLIEDER-BEREICH (Zielbild-Ports v2_mit_*; additiv, alles unter
   .v3-page.r1-*). Token-Aliase (Mockup nutzt --canvas/--card/… ohne v3-
   Präfix) werden hier EINMAL auf .v3-page gelegt — wirkt nur im .v3-page-
   Subtree, kollidiert mit nichts. Seiten-Styles sind je Seite gescoped.
   ═══════════════════════════════════════════════════════════════════════ */
.v3-page {
  --canvas:#f4f6f9; --card:#ffffff; --line:#e6eaf1; --line2:#eef1f6;
  --ink:#16233a; --ink2:#5b6b84; --ink3:#8b98ad;
  --brand:#1e56c8; --brand-deep:#0f2b46; --ok:#178a50; --warn:#c07600; --bad:#c93a4a;
  --sepa:#2563eb; --ueb:#0ea5a4; --paypal:#7c6cf0; --stripe:#b558d9;
  --bsc:#1e56c8; --msc:#0ea5a4; --mba:#7c6cf0; --phd:#b558d9;
  --r:16px;
  --shadow:0 1px 2px rgba(22,35,58,.05),0 10px 28px -14px rgba(22,35,58,.14);
}
/* Programm-/Rollen-Balkenfarben (mockup-global, in mehreren R1-Seiten genutzt) */
.v3-page .bar-bsc{background:linear-gradient(90deg,#3f7ae6,#1e56c8)}
.v3-page .bar-msc{background:linear-gradient(90deg,#22b3a6,#0ea5a4)}
.v3-page .bar-mba{background:linear-gradient(90deg,#8f80f2,#7c6cf0)}
.v3-page .bar-phd{background:linear-gradient(90deg,#c877e0,#b558d9)}
.v3-page .bar-neu{background:linear-gradient(90deg,#4bb978,#178a50)}
/* Ehrlicher „im Aufbau"-Platzhalter (Wachstums-Wochenchart ohne Datengrundlage) */
.v3-page .gplaceholder{flex:1;min-height:104px;margin:6px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;border:1px dashed var(--line);border-radius:12px;background:#fbfcfe;color:var(--ink3)}
.v3-page .gplaceholder svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;opacity:.6}
.v3-page .gplaceholder span{font-size:12.5px;font-weight:700;color:var(--ink2)}
.v3-page .gplaceholder small{font-size:11px;font-weight:600}
/* Ehrlicher Leerzustand innerhalb einer Karte (Datengrundlage fehlt) */
.v3-page .emptybox{min-height:150px;margin-top:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;border:1px dashed var(--line);border-radius:12px;background:#fbfcfe;color:var(--ink3);padding:18px}
.v3-page .emptybox svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;opacity:.55}
.v3-page .emptybox span{font-size:13px;font-weight:700;color:var(--ink2)}
.v3-page .emptybox small{font-size:11.5px;font-weight:600;max-width:340px}
/* Erreichbarkeit „jetzt" (1:1-Karte, Verlauf im Aufbau) */
.v3-page .reach-now{margin-top:16px;display:flex;flex-direction:column;gap:14px}
.v3-page .reach-now .rn-row{display:flex;align-items:center;gap:14px}
.v3-page .reach-now .rn-k{width:90px;font-weight:800;font-size:13px}
.v3-page .reach-now .rn-tr{flex:1;height:12px;background:#eef1f6;border-radius:99px;overflow:hidden}
.v3-page .reach-now .rn-tr i{display:block;height:100%;border-radius:99px}
.v3-page .reach-now .rn-v{width:70px;text-align:right;font-weight:800;font-size:14px}
.v3-page .reach-now .rn-note{font-size:11.5px;color:var(--ink3);font-weight:600;margin-top:2px}

/* ── v2_mit_uebersicht ── */
.r1-ueb .grid { display:grid;grid-template-columns:repeat(12,1fr);gap:16px }
.r1-ueb .card { background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px 20px }
.r1-ueb .card h2 { display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:700;letter-spacing:-.1px }
.r1-ueb .card h2 svg { width:17px;height:17px;stroke:var(--brand);fill:none;stroke-width:2 }
.r1-ueb .card h2 .more { margin-left:auto;font-size:12.5px;color:var(--brand);font-weight:600 }
.r1-ueb .sub { color:var(--ink3);font-size:12px;margin-top:2px }
.r1-ueb .hero { grid-column:span 8;display:flex;flex-direction:column;background:linear-gradient(135deg,#10304f 0%,#153a60 55%,#1b4a7c 100%);color:#fff;border:none;position:relative;overflow:hidden }
.r1-ueb .hero::after { content:'';position:absolute;right:-70px;top:-90px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.25),transparent 65%) }
.r1-ueb .hero .lbl { font-size:12px;letter-spacing:1.6px;color:#9fc0e2;font-weight:700 }
.r1-ueb .hero .big { display:flex;align-items:baseline;gap:14px;margin-top:6px }
.r1-ueb .hero .big .v { font-size:46px;font-weight:800;letter-spacing:-1.5px }
.r1-ueb .hero .delta { background:rgba(52,211,153,.18);color:#6ee7b7;font-weight:700;font-size:12.5px;border-radius:99px;padding:4px 11px }
.r1-ueb .spark { flex:1;min-height:96px;margin:14px 0 4px;position:relative }
.r1-ueb .spark svg { position:absolute;inset:0;width:100%;height:100% }
.r1-ueb .hero .legend { display:flex;gap:26px;padding-top:14px;font-size:13px;color:#bcd2e8;border-top:1px solid rgba(255,255,255,.10);margin-top:6px }
.r1-ueb .hero .legend b { color:#fff;font-size:16px;display:block;margin-top:1px }
.r1-ueb .hero .legend .up b { color:#6ee7b7 }
.r1-ueb .hero .legend .dn b { color:#fca5a5 }
.r1-ueb .hero .legend .vj { margin-left:auto;text-align:right;font-size:12px;color:#8fb0d0 }
.r1-ueb .growth { grid-column:span 4;display:flex;flex-direction:column }
.r1-ueb .gnums { display:flex;gap:18px;margin:12px 0 6px }
.r1-ueb .gnums b { font-size:22px;letter-spacing:-.5px }
.r1-ueb .gnums .up b { color:var(--ok) }
.r1-ueb .gnums .dn b { color:var(--bad) }
.r1-ueb .gnums span { display:block;font-size:11.5px;color:var(--ink3);font-weight:600 }
.r1-ueb .gchart { display:grid;grid-template-columns:repeat(7,1fr);gap:9px;flex:1;min-height:104px;align-items:center;margin-top:6px }
.r1-ueb .gcol { display:flex;flex-direction:column;align-items:center;height:100%;justify-content:center;gap:2px }
.r1-ueb .gup { width:70%;background:linear-gradient(180deg,#34d399,#178a50);border-radius:5px 5px 2px 2px }
.r1-ueb .gdn { width:70%;background:#f3b8bf;border-radius:2px 2px 5px 5px }
.r1-ueb .gzero { width:100%;height:1px;background:var(--line) }
.r1-ueb .gxlab { display:grid;grid-template-columns:repeat(7,1fr);gap:9px;text-align:center;font-size:10.5px;color:var(--ink3);font-weight:600;margin-top:4px }
.r1-ueb .net { margin-top:auto;padding-top:10px;border-top:1px solid var(--line);display:flex;align-items:center;font-size:12.5px;color:var(--ink2) }
.r1-ueb .net b { color:var(--ok);font-size:15px;margin-left:auto }
.r1-ueb .seg { display:flex;background:#eef1f6;border-radius:9px;padding:3px;font-size:12px;font-weight:600;color:var(--ink2) }
.r1-ueb .seg span { padding:4px 12px;border-radius:7px }
.r1-ueb .seg .on { background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(22,35,58,.12) }
.r1-ueb .prog { grid-column:span 4 }
.r1-ueb .role { grid-column:span 4 }
.r1-ueb .year { grid-column:span 4 }
.r1-ueb .distrow { display:flex;align-items:center;gap:11px;margin-top:11px }
.r1-ueb .distrow .k { width:96px;font-weight:650;font-size:13px }
.r1-ueb .distrow .k small { display:block;font-weight:500;color:var(--ink3);font-size:11px }
.r1-ueb .distrow .track { flex:1;height:12px;background:#eef1f6;border-radius:99px;overflow:hidden }
.r1-ueb .distrow .track i { display:block;height:100%;border-radius:99px }
.r1-ueb .distrow .v { width:78px;text-align:right;font-weight:700;font-size:13px }
.r1-ueb .distrow .v small { color:var(--ink3);font-weight:600;font-size:11px }
.r1-ueb .bar-bsc { background:linear-gradient(90deg,#3f7ae6,#1e56c8) }
.r1-ueb .bar-msc { background:linear-gradient(90deg,#22b3a6,#0ea5a4) }
.r1-ueb .bar-mba { background:linear-gradient(90deg,#8f80f2,#7c6cf0) }
.r1-ueb .bar-phd { background:linear-gradient(90deg,#c877e0,#b558d9) }
.r1-ueb .bar-neu { background:linear-gradient(90deg,#4bb978,#178a50) }
.r1-ueb .role .rrow { display:flex;align-items:center;gap:11px;padding:8px 0;border-bottom:1px dashed var(--line);font-size:13px }
.r1-ueb .role .rrow:last-child { border:none }
.r1-ueb .role .rdot { width:10px;height:10px;border-radius:3px;flex:none }
.r1-ueb .role .rrow b { margin-left:auto;font-weight:700 }
.r1-ueb .role .rrow small { color:var(--ink3);font-weight:600;width:52px;text-align:right }
.r1-ueb .ybars { display:grid;grid-template-columns:repeat(11,1fr);gap:7px;align-items:end;height:126px;margin-top:14px }
.r1-ueb .ycol { display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:5px }
.r1-ueb .ycol i { width:70%;background:linear-gradient(180deg,#3f7ae6,#1e56c8);border-radius:5px 5px 2px 2px }
.r1-ueb .ycol.hi i { background:linear-gradient(180deg,#34d399,#178a50) }
.r1-ueb .ycol span { font-size:10px;color:var(--ink3);font-weight:600 }
.r1-ueb .ycap { display:flex;justify-content:space-between;font-size:11.5px;color:var(--ink3);margin-top:10px;border-top:1px solid var(--line);padding-top:9px }
.r1-ueb .ycap b { color:var(--ink) }
.r1-ueb .quality { grid-column:span 6 }
.r1-ueb .qgrid { display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;margin-top:13px }
.r1-ueb .qcell { border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fbfcfe }
.r1-ueb .qcell .qh { display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:650;color:var(--ink2) }
.r1-ueb .qcell .qh svg { width:15px;height:15px;stroke-width:2;fill:none }
.r1-ueb .qcell .qv { font-size:24px;font-weight:800;letter-spacing:-.5px;margin:6px 0 4px }
.r1-ueb .qcell .qbar { height:8px;background:#eef1f6;border-radius:99px;overflow:hidden }
.r1-ueb .qcell .qbar i { display:block;height:100%;border-radius:99px }
.r1-ueb .qcell .qnote { font-size:11.5px;color:var(--ink3);font-weight:600;margin-top:6px }
.r1-ueb .ic-grn { color:var(--ok) }
.r1-ueb .ic-blu { color:var(--brand) }
.r1-ueb .ic-amb { color:var(--warn) }
.r1-ueb .ic-red { color:var(--bad) }
.r1-ueb .fill-grn { background:linear-gradient(90deg,#34d399,#178a50) }
.r1-ueb .fill-blu { background:linear-gradient(90deg,#3f7ae6,#1e56c8) }
.r1-ueb .fill-amb { background:linear-gradient(90deg,#f0b657,#c07600) }
.r1-ueb .fill-red { background:linear-gradient(90deg,#e8697a,#c93a4a) }
.r1-ueb .moves { grid-column:span 6 }
.r1-ueb .moves ul { list-style:none;margin-top:10px }
.r1-ueb .moves li { display:flex;align-items:center;gap:12px;padding:9px 2px;border-bottom:1px dashed var(--line) }
.r1-ueb .moves li:last-child { border:none }
.r1-ueb .mava { width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:12px;color:#fff;flex:none }
.r1-ueb .moves .mt b { font-size:13.5px }
.r1-ueb .moves .mt span { display:block;font-size:11.5px;color:var(--ink3) }
.r1-ueb .moves .tag { margin-left:auto;font-size:11px;font-weight:700;border-radius:99px;padding:3px 10px }
.r1-ueb .tag-in { background:#e5f5ec;color:#178a50 }
.r1-ueb .tag-out { background:#fdeaec;color:#c93a4a }
.r1-ueb .moves time { font-size:11px;color:var(--ink3);font-weight:600;width:66px;text-align:right }
.r1-ueb .lifecycle { grid-column:span 12 }
.r1-ueb .lcgrid { display:grid;grid-template-columns:1.55fr 1fr;gap:28px;margin-top:15px;align-items:stretch }
.r1-ueb .funnel { display:flex;gap:8px;align-items:flex-end }
.r1-ueb .fstage { flex:1;text-align:center;text-decoration:none }
.r1-ueb .fstage .fbar { border-radius:10px 10px 4px 4px;display:flex;align-items:flex-end;justify-content:center;color:#fff;font-weight:800;font-size:16px;padding-bottom:7px;font-variant-numeric:tabular-nums }
.r1-ueb .fstage .flab { font-size:11.5px;color:var(--ink);font-weight:700;margin-top:8px }
.r1-ueb .fstage .fsub { font-size:10.5px;color:var(--ink3);font-weight:600 }
.r1-ueb .warns { display:flex;flex-direction:column;gap:9px;justify-content:center }
.r1-ueb .warn { display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:10px 13px;background:#fbfcfe }
.r1-ueb .warn .wi { width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex:none }
.r1-ueb .warn .wi svg { width:17px;height:17px;fill:none;stroke-width:2 }
.r1-ueb .warn .wt b { font-size:13px }
.r1-ueb .warn .wt span { display:block;font-size:11px;color:var(--ink3);font-weight:600 }
.r1-ueb .warn .wn { margin-left:auto;font-size:21px;font-weight:800;font-variant-numeric:tabular-nums }
.r1-ueb .warn .wl { color:var(--brand);font-weight:800;font-size:16px;margin-left:9px }

/* ── v2_mit_auswertung ── */
.r1-ausw .ttools { margin-left:auto;display:flex;gap:9px;align-items:center }
.r1-ausw .ybox { display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:8px 14px;color:var(--ink2);box-shadow:var(--shadow);font-weight:600;font-size:13px }
.r1-ausw .ybox svg { width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2 }
.r1-ausw .btn { display:inline-flex;align-items:center;gap:8px;background:var(--brand);color:#fff;border-radius:11px;padding:9px 15px;font-weight:650;font-size:13px;box-shadow:var(--shadow) }
.r1-ausw .btn svg { width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2 }
.r1-ausw .grid { display:grid;grid-template-columns:repeat(12,1fr);gap:16px }
.r1-ausw .card { background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px 20px }
.r1-ausw .card h2 { display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:700;letter-spacing:-.1px }
.r1-ausw .card h2 svg.hi { width:17px;height:17px;stroke:var(--brand);fill:none;stroke-width:2 }
.r1-ausw .card h2 .more { margin-left:auto;font-size:12.5px;color:var(--brand);font-weight:600 }
.r1-ausw .sub { color:var(--ink3);font-size:12px;margin-top:2px }
.r1-ausw .seg { display:flex;background:#eef1f6;border-radius:9px;padding:3px;font-size:12px;font-weight:600;color:var(--ink2);margin-left:auto }
.r1-ausw .seg span { padding:4px 12px;border-radius:7px }
.r1-ausw .seg .on { background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(22,35,58,.12) }
.r1-ausw .c8 { grid-column:span 8 }
.r1-ausw .c4 { grid-column:span 4 }
.r1-ausw .c6 { grid-column:span 6 }
.r1-ausw .c12 { grid-column:span 12 }
.r1-ausw .kstat { display:flex;flex-direction:column;gap:11px;margin-top:14px }
.r1-ausw .kstat .kr { display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:#fbfcfe }
.r1-ausw .kstat .kr .ki { width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none }
.r1-ausw .kstat .kr .ki svg { width:17px;height:17px;fill:none;stroke-width:2 }
.r1-ausw .kstat .kr .kl { font-size:12px;color:var(--ink3);font-weight:600 }
.r1-ausw .kstat .kr .kv { margin-left:auto;font-size:20px;font-weight:800;letter-spacing:-.4px }
.r1-ausw .kstat .kr .kgo { color:var(--ink3);font-size:16px;font-weight:700;margin-left:2px }
.r1-ausw .kstat .kr .kl small { display:block;font-size:10.5px;color:var(--brand);font-weight:600 }
.r1-ausw .kstat .kr .kd { font-size:11px;font-weight:700;border-radius:99px;padding:2px 8px }
.r1-ausw .kd.up { background:#e5f5ec;color:#178a50 }
.r1-ausw .kd.dn { background:#fdeaec;color:#c93a4a }
.r1-ausw .c-blue { background:#e8effd;color:#1e56c8 }
.r1-ausw .c-grn { background:#e5f5ec;color:#178a50 }
.r1-ausw .c-amb { background:#fdf3e2;color:#c07600 }
.r1-ausw .c-vio { background:#f0edfd;color:#7c6cf0 }
.r1-ausw .c-red { background:#fdeaec;color:#c93a4a }
.r1-ausw .mbars { display:grid;grid-template-columns:repeat(12,1fr);gap:8px;margin-top:18px;height:190px;align-items:center }
.r1-ausw .mcol { display:flex;flex-direction:column;align-items:center;height:100%;justify-content:center }
.r1-ausw .mcol .up { width:64%;background:linear-gradient(180deg,#34d399,#178a50);border-radius:5px 5px 0 0 }
.r1-ausw .mcol .zero { width:100%;height:1.5px;background:var(--line) }
.r1-ausw .mcol .dn { width:64%;background:linear-gradient(180deg,#f3b8bf,#e26a78);border-radius:0 0 5px 5px }
.r1-ausw .mx { display:grid;grid-template-columns:repeat(12,1fr);gap:8px;margin-top:8px;text-align:center;font-size:10.5px;color:var(--ink3);font-weight:600 }
.r1-ausw .mx .now { color:var(--brand);font-weight:800 }
.r1-ausw .mnet { margin-top:12px;padding-top:11px;border-top:1px solid var(--line);display:flex;gap:20px;font-size:12.5px;color:var(--ink2) }
.r1-ausw .mnet b { font-weight:800 }
.r1-ausw .mnet .g { color:var(--ok) }
.r1-ausw .mnet .r { color:var(--bad) }
.r1-ausw .mnet .last { margin-left:auto;color:var(--ink) }
.r1-ausw .hbars { display:flex;flex-direction:column;gap:11px;margin-top:16px }
.r1-ausw .hbar { display:grid;grid-template-columns:158px 1fr 82px;align-items:center;gap:12px;font-size:12.5px;font-weight:600 }
.r1-ausw .hbar .tr { height:22px;background:#eef1f6;border-radius:7px;overflow:hidden }
.r1-ausw .hbar .tr i { display:block;height:100%;border-radius:7px }
.r1-ausw .hbar .vv { text-align:right;font-weight:700 }
.r1-ausw .hbar .vv small { color:var(--ink3);font-weight:600 }
.r1-ausw .vbars { display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin-top:18px;height:180px;align-items:end }
.r1-ausw .vcol { display:flex;flex-direction:column;justify-content:flex-end;height:100%;gap:6px }
.r1-ausw .vcol .bar { width:100%;border-radius:6px 6px 3px 3px;background:linear-gradient(180deg,#4f8bec,#1e56c8) }
.r1-ausw .vcol .bar.hl { background:linear-gradient(180deg,#34d399,#178a50) }
.r1-ausw .vcol .n { text-align:center;font-size:11px;font-weight:700;color:var(--ink2) }
.r1-ausw .vx { display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin-top:8px;text-align:center;font-size:10.5px;color:var(--ink3);font-weight:600 }
.r1-ausw .eqbars { display:flex;flex-direction:column;gap:12px;margin-top:16px }
.r1-ausw .eqbar { display:grid;grid-template-columns:120px 1fr 96px;align-items:center;gap:12px;font-size:12.5px;font-weight:700 }
.r1-ausw .eqbar .tr { height:24px;background:#eef1f6;border-radius:7px;overflow:hidden;position:relative }
.r1-ausw .eqbar .tr i { display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,#34d399,#178a50) }
.r1-ausw .eqbar .tr .vjtick { position:absolute;top:-3px;bottom:-3px;width:2px;background:#c07600;border-radius:2px }
.r1-ausw .eqbar .vv { text-align:right }
.r1-ausw .eqbar .vv small { display:block;color:var(--ink3);font-weight:600;font-size:11px }
.r1-ausw .legend2 { display:flex;gap:18px;margin-top:14px;font-size:11.5px;color:var(--ink2);font-weight:600;flex-wrap:wrap }
.r1-ausw .legend2 i { width:9px;height:9px;border-radius:3px;display:inline-block;margin-right:6px;vertical-align:-1px }
.r1-ausw .legend2 .vjl { width:12px;height:2px;background:#c07600;border-radius:2px;display:inline-block;margin-right:6px;vertical-align:3px }

/* ── v2_mit_segmente ── */
.r1-seg .layout { display:grid;grid-template-columns:290px 1fr;gap:16px;align-items:start }
.r1-seg .card { background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow) }
.r1-seg .pad { padding:18px 20px }
.r1-seg h2.ct { display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:700;letter-spacing:-.1px }
.r1-seg h2.ct svg { width:17px;height:17px;stroke:var(--brand);fill:none;stroke-width:2 }
.r1-seg .sub { color:var(--ink3);font-size:12px;margin-top:2px }
.r1-seg .newbtn { display:flex;align-items:center;justify-content:center;gap:8px;background:var(--brand);color:#fff;border-radius:11px;padding:11px;font-weight:700;font-size:13px;margin:14px 0 6px }
.r1-seg .newbtn svg { width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.4 }
.r1-seg .seglist-grp { margin:16px 0 6px;font-size:10.5px;letter-spacing:1.2px;color:var(--ink3);font-weight:700 }
.r1-seg .segitem { display:flex;align-items:center;gap:11px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#fbfcfe;margin-bottom:8px;cursor:pointer }
.r1-seg .segitem.on { border-color:#bcd3f7;background:#eef4fe;box-shadow:inset 0 0 0 1px #bcd3f7 }
.r1-seg .segitem .si { width:32px;height:32px;border-radius:9px;display:grid;place-items:center;flex:none }
.r1-seg .segitem .si svg { width:16px;height:16px;fill:none;stroke-width:2 }
.r1-seg .segitem .st b { font-size:13px;display:block }
.r1-seg .segitem .st span { font-size:11px;color:var(--ink3) }
.r1-seg .segitem .cnt { margin-left:auto;font-size:13px;font-weight:800;color:var(--ink2) }
.r1-seg .segitem.on .cnt { color:var(--brand) }
.r1-seg .c-blue { background:#e8effd;color:#1e56c8 }
.r1-seg .c-grn { background:#e5f5ec;color:#178a50 }
.r1-seg .c-amb { background:#fdf3e2;color:#c07600 }
.r1-seg .c-vio { background:#f0edfd;color:#7c6cf0 }
.r1-seg .c-red { background:#fdeaec;color:#c93a4a }
.r1-seg .c-mut { background:#f1f4f8;color:#5b6b84 }
.r1-seg .bhead { display:flex;align-items:center;gap:14px;padding:18px 20px;border-bottom:1px solid var(--line) }
.r1-seg .bhead .bi { width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:none }
.r1-seg .bhead .bi svg { width:22px;height:22px;fill:none;stroke-width:2 }
.r1-seg .bhead h3 { font-size:18px;font-weight:800;letter-spacing:-.3px }
.r1-seg .bhead .bm { font-size:12.5px;color:var(--ink3);margin-top:2px }
.r1-seg .bactions { margin-left:auto;display:flex;gap:8px }
.r1-seg .ba { display:inline-flex;align-items:center;gap:7px;border-radius:10px;padding:9px 14px;font-weight:650;font-size:12.5px;border:1px solid var(--line);background:#fff;color:var(--ink2) }
.r1-seg .ba svg { width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2 }
.r1-seg .ba.pri { background:var(--brand);color:#fff;border:none }
.r1-seg .ba.grn { background:var(--ok);color:#fff;border:none }
.r1-seg .ba.pri { background:linear-gradient(135deg,#2f6fe0,#1e56c8);color:#fff;border:none }
.r1-seg .rb { padding:18px 20px }
.r1-seg .rblabel { font-size:11px;letter-spacing:.8px;color:var(--ink3);font-weight:700;margin-bottom:12px }
.r1-seg .rules { display:flex;flex-direction:column;gap:10px }
.r1-seg .rrow { display:flex;align-items:center;gap:10px }
.r1-seg .conj { width:52px;flex:none;text-align:center;font-size:11px;font-weight:800;color:var(--brand);letter-spacing:.5px }
.r1-seg .rcond { flex:1;display:flex;align-items:center;gap:8px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:#fbfcfe }
.r1-seg .sel { display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:7px 12px;font-size:13px;font-weight:650 }
.r1-seg .sel svg { width:13px;height:13px;stroke:var(--ink3);fill:none;stroke-width:2 }
.r1-seg .sel .fld { color:var(--brand) }
.r1-seg .op { font-size:13px;font-weight:800;color:var(--ink2);padding:0 2px }
.r1-seg .sel.val { background:#e8effd;border-color:#bcd3f7;color:var(--brand) }
.r1-seg .rmv { margin-left:auto;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:var(--ink3);border:1px solid var(--line);background:#fff;flex:none }
.r1-seg .rmv svg { width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2 }
.r1-seg .addcond { display:inline-flex;align-items:center;gap:8px;margin-top:14px;margin-left:62px;color:var(--brand);font-weight:700;font-size:12.5px;border:1px dashed #bcd3f7;border-radius:10px;padding:9px 14px;background:#f5f9ff }
.r1-seg .addcond svg { width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.4 }
.r1-seg .preview { display:flex;align-items:center;gap:18px;margin:0 20px 18px;padding:16px 20px;border-radius:14px;background:linear-gradient(135deg,#10304f,#1b4a7c);color:#fff }
.r1-seg .preview .pv { font-size:40px;font-weight:800;letter-spacing:-1.5px;line-height:1 }
.r1-seg .preview .pl { font-size:12.5px;color:#bcd2e8;font-weight:600 }
.r1-seg .preview .pl b { color:#fff;display:block;font-size:14px }
.r1-seg .preview .pdelta { margin-left:auto;display:flex;gap:20px;text-align:right }
.r1-seg .preview .pdelta .pd b { font-size:18px;font-weight:800;display:block }
.r1-seg .preview .pdelta .pd span { font-size:11px;color:#9fc0e2;font-weight:600 }
.r1-seg .preview .live { display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;background:rgba(52,211,153,.2);color:#a7f3d0;border-radius:99px;padding:3px 10px }
.r1-seg .preview .live .dot { width:7px;height:7px;border-radius:50%;background:#34d399 }
.r1-seg .rtabhead { display:flex;align-items:center;gap:10px;padding:0 20px 8px }
.r1-seg .rtabhead h4 { font-size:13px;font-weight:700 }
.r1-seg .rtabhead .more { margin-left:auto;font-size:12px;color:var(--brand);font-weight:600 }
.r1-seg table { width:100%;border-collapse:collapse;font-size:13px }
.r1-seg th { font-size:10.5px;letter-spacing:.6px;color:var(--ink3);text-align:left;font-weight:700;padding:9px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fbfcfe }
.r1-seg td { padding:11px 20px;border-bottom:1px solid #eef1f6 }
.r1-seg tr:last-child td { border-bottom:none }
.r1-seg .mname { display:flex;align-items:center;gap:10px;font-weight:700 }
.r1-seg .mname .ma { width:28px;height:28px;border-radius:50%;background:linear-gradient(140deg,#3f7ae6,#1e56c8);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:800;flex:none }
.r1-seg .tag { display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;border-radius:99px;padding:2px 9px }
.r1-seg .tg-of { background:#fdf3e2;color:#c07600 }
.r1-seg .tg-ueb { background:#e0f2f6;color:#0e7490 }
.r1-seg .tg-pp { background:#f0edfd;color:#7c6cf0 }
.r1-seg .tg-ok { background:#e5f5ec;color:#178a50 }
.r1-seg .tg-fr { background:#eef1f6;color:#5b6b84 }
.r1-seg .amt { text-align:right;font-weight:700;font-variant-numeric:tabular-nums }

/* ── v2_mit_conversion ── */
.r1-conv .amp { display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--ok);background:#e5f5ec;border-radius:99px;padding:5px 12px }
.r1-conv .amp .d { width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.15) }
.r1-conv .grid { display:grid;grid-template-columns:repeat(12,1fr);gap:16px }
.r1-conv .card { background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px 20px }
.r1-conv .card h2 { display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:700;letter-spacing:-.1px }
.r1-conv .card h2 svg { width:17px;height:17px;stroke:var(--brand);fill:none;stroke-width:2 }
.r1-conv .card h2 .more { margin-left:auto;font-size:12.5px;color:var(--brand);font-weight:600 }
.r1-conv .sub { color:var(--ink3);font-size:12px;margin-top:2px }
.r1-conv .funnel { grid-column:span 5;display:flex;flex-direction:column;background:linear-gradient(135deg,#10304f 0%,#153a60 55%,#1b4a7c 100%);color:#fff;border:none;position:relative;overflow:hidden }
.r1-conv .funnel::after { content:'';position:absolute;right:-70px;top:-90px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.22),transparent 65%) }
.r1-conv .funnel .lbl { font-size:12px;letter-spacing:1.6px;color:#9fc0e2;font-weight:700 }
.r1-conv .fsteps { margin-top:16px;display:flex;flex-direction:column;gap:11px;position:relative }
.r1-conv .fstep { position:relative }
.r1-conv .fstep .fbar { border-radius:11px;padding:13px 16px;display:flex;align-items:center;gap:12px }
.r1-conv .fs1 .fbar { background:rgba(255,255,255,.14);width:100% }
.r1-conv .fs2 .fbar { background:linear-gradient(90deg,#34d399,#178a50);width:49.8% }
.r1-conv .fstep .fv { font-size:23px;font-weight:800;letter-spacing:-.7px }
.r1-conv .fstep .ft { font-size:12.5px;color:#cfe0f2;font-weight:600 }
.r1-conv .fs2 .ft { color:#dcfce7 }
.r1-conv .fstep .fpct { margin-left:auto;font-size:15px;font-weight:800;background:rgba(255,255,255,.18);border-radius:8px;padding:4px 10px }
.r1-conv .funnel .ffoot { margin-top:auto;padding-top:15px;border-top:1px solid rgba(255,255,255,.12);display:flex;gap:24px;font-size:12px;color:#bcd2e8 }
.r1-conv .funnel .ffoot b { color:#fff;font-size:17px;display:block;margin-top:2px }
.r1-conv .funnel .ffoot .up b { color:#6ee7b7 }
.r1-conv .pool { grid-column:span 7;display:flex;flex-direction:column }
.r1-conv .poolhead { display:flex;align-items:baseline;gap:12px;margin-top:6px }
.r1-conv .poolhead .pv { font-size:34px;font-weight:800;letter-spacing:-1px }
.r1-conv .poolhead .pl { font-size:12.5px;color:var(--ink3);font-weight:600 }
.r1-conv .pbars { margin-top:14px;display:flex;flex-direction:column;gap:11px }
.r1-conv .pbrow { display:flex;align-items:center;gap:11px }
.r1-conv .pbrow .k { width:130px;font-size:12.5px;font-weight:650 }
.r1-conv .pbrow .k small { display:block;color:var(--ink3);font-weight:500;font-size:11px }
.r1-conv .pbrow .track { flex:1;height:22px;background:#eef1f6;border-radius:7px;overflow:hidden;display:flex }
.r1-conv .pbrow .track i { height:100%;display:block }
.r1-conv .seg-bsc { background:var(--bsc) }
.r1-conv .seg-msc { background:var(--msc) }
.r1-conv .seg-mba { background:var(--mba) }
.r1-conv .seg-phd { background:var(--phd) }
.r1-conv .pbrow .v { width:64px;text-align:right;font-weight:700;font-size:13px }
.r1-conv .poolleg { display:flex;gap:16px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:11.5px;color:var(--ink2);font-weight:600 }
.r1-conv .poolleg i { width:9px;height:9px;border-radius:3px;display:inline-block;margin-right:5px;vertical-align:-1px }
.r1-conv .cohorts { grid-column:span 8 }
.r1-conv .ctab { width:100%;border-collapse:collapse;font-size:13px;margin-top:10px }
.r1-conv .ctab th { font-size:10.5px;letter-spacing:.5px;color:var(--ink3);text-align:left;font-weight:700;padding:9px 10px;border-bottom:1px solid var(--line) }
.r1-conv .ctab td { padding:10px 10px;border-bottom:1px solid #eef1f6 }
.r1-conv .ctab tr:last-child td { border:none }
.r1-conv .ctab tr.pot { background:#fdf8ee }
.r1-conv .ctab .kls { font-weight:700 }
.r1-conv .ctab .kls small { display:block;color:var(--ink3);font-weight:500;font-size:11px }
.r1-conv .qwrap { display:flex;align-items:center;gap:9px }
.r1-conv .qtrack { flex:1;height:9px;background:#eef1f6;border-radius:99px;overflow:hidden;max-width:150px }
.r1-conv .qtrack i { display:block;height:100%;border-radius:99px }
.r1-conv .q-hi { background:linear-gradient(90deg,#34d399,#178a50) }
.r1-conv .q-mid { background:linear-gradient(90deg,#3f7ae6,#1e56c8) }
.r1-conv .q-lo { background:linear-gradient(90deg,#f0b657,#c07600) }
.r1-conv .qwrap b { width:44px;text-align:right;font-weight:700 }
.r1-conv .trend { display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700 }
.r1-conv .trend svg { width:13px;height:13px;fill:none;stroke-width:2.4 }
.r1-conv .tr-up { color:var(--ok) }
.r1-conv .tr-dn { color:var(--bad) }
.r1-conv .tr-fl { color:var(--ink3) }
.r1-conv .potbadge { display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;color:#c07600;background:#fdf3e2;border-radius:99px;padding:2px 9px }
.r1-conv .potbadge svg { width:11px;height:11px;fill:none;stroke:#c07600;stroke-width:2.2 }
.r1-conv .potential { grid-column:span 4;display:flex;flex-direction:column }
.r1-conv .plist { display:flex;flex-direction:column;gap:11px;margin-top:13px }
.r1-conv .pcard { border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fbfcfe }
.r1-conv .pcard.hot { border-color:#f0d9ad;background:#fdf8ee }
.r1-conv .pcard .pt { display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:700 }
.r1-conv .pcard .pt .pnum { margin-left:auto;font-size:16px;font-weight:800 }
.r1-conv .pcard .pd { font-size:11.5px;color:var(--ink2);margin-top:4px }
.r1-conv .pcard .pd b { color:var(--warn) }
.r1-conv .pcard .pmeta { display:flex;gap:8px;margin-top:9px }
.r1-conv .pmini { font-size:10.5px;font-weight:700;border-radius:7px;padding:3px 8px;background:#eef1f6;color:var(--ink2) }
.r1-conv .pcard .pmeta .pgo { margin-left:auto;display:inline-flex;align-items:center;gap:6px;background:#e8effd;border:1px solid #bcd3f7;color:var(--brand);border-radius:7px;padding:3px 10px;font-size:11px;font-weight:700;text-decoration:none }
.r1-conv .pcard .pmeta .pgo svg { width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2.2 }
.r1-conv .potfoot { margin-top:auto;padding-top:14px;display:flex;gap:9px }
.r1-conv .btn { flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink2);font-size:12.5px;font-weight:650 }
.r1-conv .btn svg { width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2 }
.r1-conv .btn.pri { border:none;background:linear-gradient(135deg,#1e56c8,#2f6fe0);color:#fff;box-shadow:0 4px 12px -4px rgba(30,86,200,.55) }

/* ── v2_mit_lebenszyklus ── */
.r1-lz .hpill { display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--ok);background:#e5f5ec;border-radius:99px;padding:4px 11px }
.r1-lz .hpill .hd { width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.16) }
.r1-lz .grid { display:grid;grid-template-columns:repeat(12,1fr);gap:16px }
.r1-lz .card { background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px 20px }
.r1-lz .card h2 { display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:700;letter-spacing:-.1px }
.r1-lz .card h2 svg { width:17px;height:17px;stroke:var(--brand);fill:none;stroke-width:2 }
.r1-lz .card h2 .more { margin-left:auto;font-size:12.5px;color:var(--brand);font-weight:600 }
.r1-lz .sub { color:var(--ink3);font-size:12px;margin-top:2px }
.r1-lz .matrix { grid-column:span 8 }
.r1-lz .mwrap { display:grid;grid-template-columns:20px 1fr;gap:9px;margin-top:14px }
.r1-lz .yax { writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;font-size:9.5px;letter-spacing:1.6px;color:var(--ink3);font-weight:700 }
.r1-lz .xhead { display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 7px 29px }
.r1-lz .xhead span { font-size:9.5px;letter-spacing:1.4px;color:var(--ink3);font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px }
.r1-lz .xhead span i { width:8px;height:8px;border-radius:50%;display:inline-block }
.r1-lz .qgrid { display:grid;grid-template-columns:1fr 1fr;gap:13px }
.r1-lz .quad { border-radius:14px;padding:15px 16px 13px;border:1px solid;position:relative;min-height:138px;display:flex;flex-direction:column }
.r1-lz .quad .qc { font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px }
.r1-lz .quad .qc i { width:7px;height:7px;border-radius:50% }
.r1-lz .quad .qn { font-size:34px;font-weight:800;letter-spacing:-1.2px;margin:6px 0 1px;display:flex;align-items:baseline;gap:9px }
.r1-lz .quad .qn .tr { font-size:12px;font-weight:800;letter-spacing:0 }
.r1-lz .quad .ql { font-size:13.5px;font-weight:750 }
.r1-lz .quad .qd { font-size:11.5px;color:var(--ink2);margin-top:2px }
.r1-lz .quad .qgo { margin-top:auto;font-size:12px;font-weight:700;color:var(--brand);display:inline-flex;align-items:center;gap:4px;padding-top:9px }
.r1-lz .q-grn { background:#eaf7ef;border-color:#c3e6d0 }
.r1-lz .q-grn .qc, .r1-lz .q-grn .ql { color:#146c40 }
.r1-lz .q-grn .qgo { color:#146c40 }
.r1-lz .q-amb { background:#fdf6ea;border-color:#f0ddb6 }
.r1-lz .q-amb .qc, .r1-lz .q-amb .ql { color:#9a5f00 }
.r1-lz .q-amb .qgo { color:#9a5f00 }
.r1-lz .q-blue { background:#eaf1fe;border-color:#c9dbf7 }
.r1-lz .q-blue .qc, .r1-lz .q-blue .ql { color:#1b4b9e }
.r1-lz .q-blue .qgo { color:#1b4b9e }
.r1-lz .q-red { background:#fdeef0;border-color:#f3ccd2 }
.r1-lz .q-red .qc, .r1-lz .q-red .ql { color:#a82f3d }
.r1-lz .q-red .qgo { color:#a82f3d }
.r1-lz .tr.up { color:var(--ok) }
.r1-lz .tr.dn { color:var(--bad) }
.r1-lz .score { grid-column:span 4;display:flex;flex-direction:column }
.r1-lz .schart { display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-items:end;height:132px;margin:16px 0 6px }
.r1-lz .scol { display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;gap:6px }
.r1-lz .scol .sb { width:74%;border-radius:6px 6px 3px 3px;background:linear-gradient(180deg,#5b8def,#1e56c8) }
.r1-lz .scol.risk .sb { background:linear-gradient(180deg,#f0a3ad,#c93a4a) }
.r1-lz .scol.warm .sb { background:linear-gradient(180deg,#f4c877,#c07600) }
.r1-lz .scol.good .sb { background:linear-gradient(180deg,#57c98a,#178a50) }
.r1-lz .scol .sv { font-size:11px;font-weight:700;color:var(--ink2) }
.r1-lz .sxlab { display:grid;grid-template-columns:repeat(5,1fr);gap:10px;text-align:center;font-size:10px;color:var(--ink3);font-weight:600 }
.r1-lz .sig { margin-top:14px;padding-top:12px;border-top:1px solid var(--line) }
.r1-lz .sig .sigt { font-size:10.5px;letter-spacing:.8px;color:var(--ink3);font-weight:700;margin-bottom:9px }
.r1-lz .sigl { display:flex;flex-wrap:wrap;gap:7px }
.r1-lz .sigl .sc { display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:650;color:var(--ink2);background:#f6f8fb;border:1px solid var(--line);border-radius:99px;padding:4px 10px }
.r1-lz .sigl .sc i { width:8px;height:8px;border-radius:50%;flex:none }
.r1-lz .sugg { grid-column:span 8 }
.r1-lz table { width:100%;border-collapse:collapse;font-size:13px }
.r1-lz th { font-size:10.5px;letter-spacing:.7px;color:var(--ink3);text-align:left;font-weight:700;padding:9px 10px;border-bottom:1px solid var(--line) }
.r1-lz td { padding:10px;border-bottom:1px solid #eef1f6;vertical-align:middle }
.r1-lz tr:last-child td { border:none }
.r1-lz .mcell { display:flex;align-items:center;gap:10px }
.r1-lz .mav { width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:11px;color:#fff;flex:none }
.r1-lz .mcell .mn { font-weight:700;font-size:13px;color:var(--brand) }
.r1-lz .mcell .mn small { color:var(--ink3);font-weight:500;font-size:11px;margin-left:5px }
.r1-lz .qchip { font-size:10.5px;font-weight:700;border-radius:7px;padding:3px 9px;white-space:nowrap }
.r1-lz .qc-amb { background:#fdf3e2;color:#9a5f00 }
.r1-lz .qc-blue { background:#eaf1fe;color:#1b4b9e }
.r1-lz .qc-red { background:#fdeef0;color:#a82f3d }
.r1-lz .reason { color:var(--ink2);font-size:12.5px }
.r1-lz .lastk { font-size:12px;color:var(--ink3);font-weight:600;white-space:nowrap }
.r1-lz .acts { display:flex;gap:6px }
.r1-lz .acts .ab { width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:#fbfcfe;display:grid;place-items:center }
.r1-lz .acts .ab svg { width:14px;height:14px;fill:none;stroke-width:2 }
.r1-lz .ab.call svg { stroke:#c07600 }
.r1-lz .ab.mail svg { stroke:#1e56c8 }
.r1-lz .ab.wa svg { stroke:#178a50 }
.r1-lz .ab.call { background:#fdf6ea;border-color:#f0ddb6 }
.r1-lz .ab.mail { background:#eaf1fe;border-color:#c9dbf7 }
.r1-lz .ab.wa { background:#eaf7ef;border-color:#c3e6d0 }
.r1-lz .tabfoot { display:flex;align-items:center;justify-content:space-between;padding:12px 4px 2px;font-size:12.5px;color:var(--ink3);font-weight:600 }
.r1-lz .tabfoot a { color:var(--brand);font-weight:700;text-decoration:none }
.r1-lz .rail { grid-column:span 4;display:flex;flex-direction:column;gap:16px }
.r1-lz .warn ul { list-style:none;margin-top:12px }
.r1-lz .warn li { display:flex;align-items:center;gap:11px;padding:9px 2px;border-bottom:1px dashed var(--line) }
.r1-lz .warn li:last-child { border:none }
.r1-lz .warn .wi { width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex:none }
.r1-lz .warn .wi svg { width:15px;height:15px;fill:none;stroke-width:2 }
.r1-lz .warn .wt { font-size:12.5px;font-weight:650 }
.r1-lz .warn .wt span { display:block;font-size:11px;color:var(--ink3);font-weight:500 }
.r1-lz .warn .wn { margin-left:auto;font-weight:800;font-size:15px }
.r1-lz .warn .wgo { color:var(--ink3);font-size:15px;margin-left:6px }
.r1-lz .c-red { background:#fdeaec;color:#c93a4a }
.r1-lz .c-amb { background:#fdf3e2;color:#c07600 }
.r1-lz .c-blue { background:#e8effd;color:#1e56c8 }
.r1-lz .c-vio { background:#f0edfd;color:#7c6cf0 }
.r1-lz .silent { background:linear-gradient(135deg,#12335a,#1b4a7c);color:#fff;border:none }
.r1-lz .silent h2 { color:#fff }
.r1-lz .silent h2 svg { stroke:#8fc0f0 }
.r1-lz .silent .big { font-size:40px;font-weight:800;letter-spacing:-1.5px;margin:8px 0 2px }
.r1-lz .silent .sd { font-size:12.5px;color:#bcd2e8 }
.r1-lz .wbchip { margin-top:13px;display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:11px;padding:10px 13px;font-size:12.5px;font-weight:650;color:#eaf3ff }
.r1-lz .wbchip svg { width:16px;height:16px;stroke:#9fd8b6;fill:none;stroke-width:2;flex:none }
.r1-lz .wbchip b { color:#fff }
.r1-lz .wbchip .go { margin-left:auto;color:#9fc0e2;font-weight:800 }
   R2a — KOMMUNIKATION KERN (Cockpit · Tickets-Liste · Ticket-Detail)
   Additive Komponenten, 1:1 aus den freigegebenen Mockups
   v2_kom_cockpit / v2_kom_tickets / v2_kom_ticket_detail. Alles unter
   `.v3-page` gescoped; Kanalfarben aus dem Mockup:
   ═══════════════════════════════════════════════════════════════════════ */
.v3-page {
  --kc-mail: #1e56c8;
  --kc-wa: #178a50;
  --kc-ticket: #c07600;
  --kc-event: #6d5bd0;
  --kc-hb: #0e8f8e;
}

/* ── Health-Pille + Icon-Button-Reihe im Seitenkopf ── */
.v3-page .v3-hpill { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 700; color: var(--v3-ok); background: #e5f5ec; border-radius: 99px; padding: 4px 11px; }
.v3-page .v3-hpill .hd { width: 8px; height: 8px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 3px rgba(34,197,94,.16); }

/* ── 12-Spalten-Cockpit-Raster ── */
.v3-page .kc-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 16px; }
.v3-page .kc-card { background: var(--v3-card); border: 1px solid var(--v3-line); border-radius: var(--v3-r); box-shadow: var(--v3-shadow); padding: 18px 20px; }
.v3-page .kc-card h2 { display: flex; align-items: center; gap: 9px; font-size: 14.5px; font-weight: 700; letter-spacing: -.1px; margin: 0; }
.v3-page .kc-card h2 svg { width: 17px; height: 17px; stroke: var(--v3-brand); fill: none; stroke-width: 2; flex: none; }
.v3-page .kc-card h2 .more { margin-left: auto; font-size: 12.5px; color: var(--v3-brand); font-weight: 600; text-decoration: none; }
.v3-page .kc-sub { color: var(--v3-ink3); font-size: 12px; margin-top: 2px; }
@media (max-width: 1100px) { .v3-page .kc-grid { grid-template-columns: 1fr; } .v3-page [class*="kc-col"] { grid-column: auto !important; } }

/* ── Kalender (Herzstück, span 12) ── */
.v3-page .kc-cal { grid-column: span 12; }
.v3-page .kc-calhead { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.v3-page .kc-monthnav { display: flex; align-items: center; gap: 10px; margin-left: 6px; }
.v3-page .kc-monthnav b { font-size: 15px; }
.v3-page .kc-monthnav .arw { width: 26px; height: 26px; border-radius: 8px; border: 1px solid var(--v3-line); display: grid; place-items: center; color: var(--v3-ink2); text-decoration: none; }
.v3-page .kc-seg { display: flex; background: #eef1f6; border-radius: 9px; padding: 3px; font-size: 12px; font-weight: 600; color: var(--v3-ink2); }
.v3-page .kc-seg span { padding: 4px 12px; border-radius: 7px; }
.v3-page .kc-seg .on { background: #fff; color: var(--v3-ink); box-shadow: 0 1px 3px rgba(22,35,58,.12); }
.v3-page .kc-calleg { display: flex; gap: 15px; margin-left: auto; font-size: 11.5px; color: var(--v3-ink2); font-weight: 600; flex-wrap: wrap; }
.v3-page .kc-calleg i { width: 9px; height: 9px; border-radius: 3px; display: inline-block; margin-right: 5px; vertical-align: -1px; }
.v3-page .kc-dow { display: grid; grid-template-columns: repeat(7, 1fr); gap: 9px; font-size: 10.5px; letter-spacing: .6px; color: var(--v3-ink3); font-weight: 700; margin-bottom: 6px; text-align: left; padding: 0 2px; }
.v3-page .kc-calgrid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 9px; }
.v3-page .kc-cald { border: 1px solid var(--v3-line); border-radius: 11px; padding: 8px 9px; min-height: 96px; background: #fbfcfe; display: flex; flex-direction: column; }
.v3-page .kc-cald.today { background: #eef4fe; border-color: #bcd3f7; box-shadow: 0 0 0 1px #bcd3f7; }
.v3-page .kc-cald.mut { background: #f7f8fb; opacity: .55; }
.v3-page .kc-cald .d { font-size: 11px; font-weight: 700; color: var(--v3-ink3); margin-bottom: 6px; }
.v3-page .kc-cald.today .d { color: var(--v3-brand); }
.v3-page .kc-ev { display: flex; align-items: center; gap: 5px; font-size: 10.5px; font-weight: 600; border-radius: 6px; padding: 3px 6px; margin-bottom: 4px; line-height: 1.2; }
.v3-page .kc-ev svg { width: 11px; height: 11px; stroke-width: 2.2; fill: none; flex: none; }
.v3-page .kc-ev .tt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.v3-page .kc-ev.mail { background: #e8effd; color: #1e56c8; } .v3-page .kc-ev.mail svg { stroke: #1e56c8; }
.v3-page .kc-ev.wa { background: #e5f5ec; color: #178a50; } .v3-page .kc-ev.wa svg { stroke: #178a50; }
.v3-page .kc-ev.event { background: #f0edfd; color: #6d5bd0; } .v3-page .kc-ev.event svg { stroke: #6d5bd0; }
.v3-page .kc-ev.tick { background: #fdf3e2; color: #c07600; } .v3-page .kc-ev.tick svg { stroke: #c07600; }
.v3-page .kc-ev.hb { background: #e2f6f5; color: #0e8f8e; } .v3-page .kc-ev.hb svg { stroke: #0e8f8e; }
.v3-page .kc-ev .mini { margin-left: auto; font-size: 9px; opacity: .7; font-weight: 700; flex: none; }
.v3-page .kc-evm { display: flex; align-items: center; gap: 4px; font-size: 9px; color: var(--v3-ink3); font-weight: 700; padding: 0 6px 4px 6px; }
.v3-page .kc-evm .dot { width: 5px; height: 5px; border-radius: 50%; flex: none; }
.v3-page .kc-evm .dot.g { background: #22c55e; } .v3-page .kc-evm .dot.a { background: #f59e0b; }

/* ── Spaltenbreiten der zweiten Reihe ── */
.v3-page .kc-col8 { grid-column: span 8; }
.v3-page .kc-col4 { grid-column: span 4; display: flex; flex-direction: column; }

/* ── Nächste Kampagnen ── */
.v3-page .kc-clist { display: flex; flex-direction: column; gap: 10px; margin-top: 13px; }
.v3-page .kc-ccard { display: flex; align-items: center; gap: 14px; padding: 12px 14px; border: 1px solid var(--v3-line); border-radius: 13px; background: #fbfcfe; }
.v3-page .kc-cdate { width: 52px; flex: none; text-align: center; background: #fff; border: 1px solid var(--v3-line); border-radius: 10px; padding: 5px 0; }
.v3-page .kc-cdate .dd { font-size: 18px; font-weight: 800; letter-spacing: -.5px; line-height: 1; }
.v3-page .kc-cdate .mm { font-size: 10px; font-weight: 700; color: var(--v3-ink3); letter-spacing: .5px; }
.v3-page .kc-cinfo { min-width: 0; flex: 1; }
.v3-page .kc-cinfo .tt { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; }
.v3-page .kc-ebadge { font-size: 10px; font-weight: 700; background: #f0edfd; color: #6d5bd0; border-radius: 99px; padding: 2px 8px; display: inline-flex; align-items: center; gap: 4px; }
.v3-page .kc-ebadge svg { width: 10px; height: 10px; stroke: #6d5bd0; stroke-width: 2.2; fill: none; }
.v3-page .kc-cmeta { display: flex; align-items: center; gap: 14px; margin-top: 5px; font-size: 12px; color: var(--v3-ink2); }
.v3-page .kc-cmeta .seg2 { color: var(--v3-ink3); }
.v3-page .kc-crecv { font-weight: 700; color: var(--v3-ink); }
.v3-page .kc-chans { display: flex; gap: 5px; }
.v3-page .kc-chip-ch { width: 22px; height: 22px; border-radius: 7px; display: grid; place-items: center; }
.v3-page .kc-chip-ch svg { width: 12px; height: 12px; stroke-width: 2; fill: none; }
.v3-page .kc-ch-mail { background: #e8effd; } .v3-page .kc-ch-mail svg { stroke: #1e56c8; }
.v3-page .kc-ch-wa { background: #e5f5ec; } .v3-page .kc-ch-wa svg { stroke: #178a50; }
.v3-page .kc-gate { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; flex: none; }
.v3-page .kc-gatebtn { display: inline-flex; align-items: center; gap: 6px; background: linear-gradient(135deg, #1e56c8, #2f6fe0); color: #fff; font-weight: 700; font-size: 12px; border-radius: 9px; padding: 7px 13px; box-shadow: 0 4px 12px -4px rgba(30,86,200,.55); white-space: nowrap; border: none; text-decoration: none; }
.v3-page .kc-gatebtn svg { width: 12px; height: 12px; stroke: #fff; stroke-width: 2.4; fill: none; flex: none; }
.v3-page .kc-gatemeta { font-size: 11px; color: var(--v3-ink3); font-weight: 600; white-space: nowrap; }
.v3-page .kc-cstate { font-size: 10px; font-weight: 800; letter-spacing: .4px; border-radius: 6px; padding: 2px 7px; flex: none; }
.v3-page .kc-st-plan { background: #eef1f6; color: var(--v3-ink2); } .v3-page .kc-st-live { background: #e5f5ec; color: #178a50; }

/* ── Erreichbarkeit ── */
.v3-page .kc-rlist { display: flex; flex-direction: column; gap: 15px; margin-top: 15px; }
.v3-page .kc-rrow .rt { display: flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 600; margin-bottom: 6px; }
.v3-page .kc-rrow .rt .ri { width: 24px; height: 24px; border-radius: 7px; display: grid; place-items: center; }
.v3-page .kc-rrow .rt .ri svg { width: 13px; height: 13px; stroke-width: 2; fill: none; }
.v3-page .kc-rrow .rt b { margin-left: auto; font-size: 15px; font-weight: 800; }
.v3-page .kc-rbar { height: 9px; border-radius: 99px; background: #eef1f6; overflow: hidden; }
.v3-page .kc-rbar i { display: block; height: 100%; border-radius: 99px; }
.v3-page .kc-reachfoot { margin-top: auto; padding-top: 13px; border-top: 1px solid var(--v3-line); font-size: 11.5px; color: var(--v3-ink3); }

/* ── Puls der Woche ── */
.v3-page .kc-pbars { display: flex; flex-direction: column; gap: 13px; margin-top: 15px; }
.v3-page .kc-pgroup .pl { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; color: var(--v3-ink2); margin-bottom: 6px; }
.v3-page .kc-pgroup .pl .pi { width: 20px; height: 20px; border-radius: 6px; display: grid; place-items: center; }
.v3-page .kc-pgroup .pl .pi svg { width: 12px; height: 12px; stroke-width: 2; fill: none; }
.v3-page .kc-pgroup .pl .tot { margin-left: auto; font-weight: 700; color: var(--v3-ink); }
.v3-page .kc-pio { display: flex; gap: 6px; }
.v3-page .kc-pio .seg3 { flex: 1; }
.v3-page .kc-pio .lab { font-size: 10px; color: var(--v3-ink3); font-weight: 600; margin-bottom: 3px; display: flex; justify-content: space-between; }
.v3-page .kc-pio .track { height: 8px; border-radius: 99px; background: #eef1f6; overflow: hidden; }
.v3-page .kc-pio .track i { display: block; height: 100%; border-radius: 99px; }

/* ── Worüber schreiben Mitglieder ── */
.v3-page .kc-tlist { display: flex; flex-direction: column; gap: 11px; margin-top: 14px; }
.v3-page .kc-trow { display: grid; grid-template-columns: 118px 1fr 42px; align-items: center; gap: 10px; font-size: 12.5px; }
.v3-page .kc-trow .tn { font-weight: 600; color: var(--v3-ink2); }
.v3-page .kc-ttrack { height: 14px; border-radius: 7px; background: #eef1f6; overflow: hidden; }
.v3-page .kc-ttrack i { display: block; height: 100%; border-radius: 7px; }
.v3-page .kc-trow .tv { text-align: right; font-weight: 700; color: var(--v3-ink); }

/* ── Kanal-Status-Zeile ── */
.v3-page .kc-status { grid-column: span 12; }
.v3-page .kc-syssum { display: inline-flex; align-items: center; gap: 7px; margin-left: 14px; font-size: 12px; font-weight: 700; color: var(--v3-ok); background: #e5f5ec; border-radius: 99px; padding: 3px 11px; }
.v3-page .kc-stgrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px 30px; margin-top: 12px; }
@media (max-width: 900px) { .v3-page .kc-stgrid { grid-template-columns: repeat(2, 1fr); } }
.v3-page .kc-sysrow { display: flex; align-items: center; gap: 9px; padding: 7.5px 2px; overflow: hidden; white-space: nowrap; border-bottom: 1px dashed var(--v3-line); font-size: 13px; }
.v3-page .kc-sysrow .st { width: 9px; height: 9px; border-radius: 50%; flex: none; }
.v3-page .kc-st-ok { background: #22c55e; box-shadow: 0 0 0 3px rgba(34,197,94,.15); }
.v3-page .kc-st-warn { background: #f59e0b; box-shadow: 0 0 0 3px rgba(245,158,11,.18); }
.v3-page .kc-sysrow b { font-weight: 650; }
.v3-page .kc-sysrow time { margin-left: auto; font-size: 11.5px; color: var(--v3-ink3); font-weight: 600; }

/* ═══════════════════════════════════════════════════════════════════════
   R2a — TICKETS-ARBEITSLISTE (Port aus v2_kom_tickets.html)
   ═══════════════════════════════════════════════════════════════════════ */
/* Status-Kacheln */
.v3-page .kt-tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 16px; }
@media (max-width: 900px) { .v3-page .kt-tiles { grid-template-columns: repeat(2, 1fr); } }
.v3-page .kt-tile { background: var(--v3-card); border: 1px solid var(--v3-line); border-radius: var(--v3-r); box-shadow: var(--v3-shadow); padding: 15px 18px; display: flex; align-items: center; gap: 14px; text-decoration: none; }
.v3-page .kt-tile:hover { background: #fafbfe; }
.v3-page .kt-tile .ti { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; flex: none; }
.v3-page .kt-tile .ti svg { width: 22px; height: 22px; fill: none; stroke-width: 2; stroke: currentColor; }
.v3-page .kt-tile b { font-size: 26px; letter-spacing: -.8px; color: var(--v3-ink); }
.v3-page .kt-tile .l { font-size: 12.5px; color: var(--v3-ink2); font-weight: 650; }
.v3-page .kt-tile .d { font-size: 11px; color: var(--v3-ink3); margin-top: 1px; }
.v3-page .kt-c-blue { background: #e8effd; color: #1e56c8; } .v3-page .kt-c-amb { background: #fdf3e2; color: #c07600; }
.v3-page .kt-c-grn { background: #e5f5ec; color: #178a50; } .v3-page .kt-c-vio { background: #f0edfd; color: #7c6cf0; }
.v3-page .kt-agerow { display: flex; gap: 5px; margin-top: 5px; align-items: center; }
.v3-page .kt-agedot { width: 8px; height: 8px; border-radius: 50%; }
.v3-page .kt-ag-ok { background: #22c55e; } .v3-page .kt-ag-warn { background: #f59e0b; } .v3-page .kt-ag-bad { background: #c93a4a; }

/* Filter-Leiste */
.v3-page .kt-filters { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; flex-wrap: wrap; }
.v3-page .kt-fsel { display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 13px; border-radius: 10px; border: 1px solid var(--v3-line); background: #fff; color: var(--v3-ink2); font-size: 12.5px; font-weight: 650; box-shadow: var(--v3-shadow); position: relative; }
.v3-page .kt-fsel > svg { width: 14px; height: 14px; stroke: var(--v3-ink3); fill: none; stroke-width: 2; flex: none; }
.v3-page .kt-fsel .cv { color: var(--v3-ink); font-weight: 700; }
.v3-page .kt-fsel select { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.v3-page .kt-fsel .cx { width: 14px; height: 14px; stroke: var(--v3-ink3); fill: none; stroke-width: 2; }
.v3-page .kt-fsearch { flex: 0 1 250px; display: flex; align-items: center; gap: 9px; background: #fff; border: 1px solid var(--v3-line); border-radius: 10px; padding: 0 14px; height: 38px; color: var(--v3-ink3); box-shadow: var(--v3-shadow); font-size: 12.5px; }
.v3-page .kt-fsearch svg { width: 15px; height: 15px; stroke: currentColor; fill: none; stroke-width: 2; flex: none; }
.v3-page .kt-fsearch input { flex: 1; border: 0; background: transparent; outline: none; font-size: 12.5px; color: var(--v3-ink); font-family: inherit; }
.v3-page .kt-fsearch input::placeholder { color: var(--v3-ink3); }
.v3-page .kt-fchips { margin-left: auto; display: flex; gap: 6px; }
.v3-page .kt-chip { font-size: 11.5px; font-weight: 650; border-radius: 99px; padding: 7px 13px; border: 1px solid var(--v3-line); color: var(--v3-ink2); background: #fff; text-decoration: none; }
.v3-page .kt-chip.on { background: #e8effd; border-color: #bcd3f7; color: var(--v3-brand); }

/* Arbeitsliste */
.v3-page .kt-listhead { display: flex; align-items: center; gap: 9px; padding: 13px 20px; border-bottom: 1px solid var(--v3-line); }
.v3-page .kt-listhead h2 { display: flex; align-items: center; gap: 9px; font-size: 14px; font-weight: 700; margin: 0; }
.v3-page .kt-listhead h2 svg { width: 16px; height: 16px; stroke: var(--v3-brand); fill: none; stroke-width: 2; }
.v3-page .kt-listhead .cnt { color: var(--v3-ink3); font-weight: 600; font-size: 12px; }
.v3-page .kt-listhead .r { margin-left: auto; font-size: 11.5px; color: var(--v3-ink3); font-weight: 600; display: flex; align-items: center; gap: 5px; }
.v3-page .kt-listhead .r svg { width: 13px; height: 13px; stroke: currentColor; fill: none; stroke-width: 2; }
.v3-page .kt-colhead { display: grid; grid-template-columns: 22px 40px 1fr 188px 96px 116px 78px 128px 96px 20px; gap: 14px; align-items: center; padding: 9px 20px; border-bottom: 1px solid var(--v3-line); background: #fafbfd; font-size: 10px; letter-spacing: .6px; text-transform: uppercase; color: var(--v3-ink3); font-weight: 800; }
@media (max-width: 1100px) { .v3-page .kt-colhead { display: none; } }

.v3-page .kt-trow { display: grid; grid-template-columns: 22px 40px 1fr 188px 96px 116px 78px 128px 96px 20px; gap: 14px; align-items: center; padding: 13px 20px; border-bottom: 1px solid #eef1f6; cursor: pointer; transition: background .12s; text-decoration: none; color: inherit; }
.v3-page .kt-trow:last-child { border: none; }
.v3-page .kt-trow:hover { background: #f7faff; }
@media (max-width: 1100px) { .v3-page .kt-trow { grid-template-columns: 22px 40px 1fr auto; } .v3-page .kt-trow .kt-hide { display: none; } }
.v3-page .kt-trow .chev { opacity: 0; justify-self: end; }
.v3-page .kt-trow:hover .chev { opacity: 1; }
.v3-page .kt-trow .chev svg { width: 15px; height: 15px; stroke: var(--v3-brand); fill: none; stroke-width: 2.4; }
.v3-page .kt-tav { width: 40px; height: 40px; border-radius: 11px; display: grid; place-items: center; font-weight: 800; font-size: 12.5px; color: #fff; }
.v3-page .kt-tsubj { min-width: 0; }
.v3-page .kt-tsubj .sj { font-weight: 700; font-size: 13.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--v3-ink); }
.v3-page .kt-tsubj .snip { font-size: 12px; color: var(--v3-ink3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 2px; }
.v3-page .kt-tsubj .snip .dir { font-weight: 700; color: var(--v3-ink2); }
.v3-page .kt-tmem { min-width: 0; display: flex; align-items: center; gap: 9px; }
.v3-page .kt-tmem .ma { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; font-size: 9.5px; font-weight: 800; color: #fff; flex: none; }
.v3-page .kt-tmem .mt { min-width: 0; }
.v3-page .kt-tmem .mn { font-weight: 650; font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--v3-ink); }
.v3-page .kt-tmem .mc { font-size: 10.5px; color: var(--v3-ink3); font-weight: 500; }
.v3-page .kt-tmem .unk { font-style: italic; color: var(--v3-ink3); font-weight: 600; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.v3-page .kt-srcchip { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700; border-radius: 7px; padding: 4px 9px; }
.v3-page .kt-src-mail { background: #e8effd; color: #1e56c8; } .v3-page .kt-src-wa { background: #e5f5ec; color: #178a50; }
.v3-page .kt-srcchip svg { width: 12px; height: 12px; stroke: currentColor; fill: none; stroke-width: 2; }
.v3-page .kt-catchip { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700; border-radius: 7px; padding: 4px 9px; white-space: nowrap; }
.v3-page .kt-cat-beitrag { background: #e8effd; color: #1e56c8; } .v3-page .kt-cat-quittung { background: #e5f5ec; color: #178a50; }
.v3-page .kt-cat-daten { background: #e2f6f5; color: #0e8f8e; } .v3-page .kt-cat-event { background: #f0edfd; color: #7c6cf0; }
.v3-page .kt-cat-mitgl { background: #fdf3e2; color: #c07600; } .v3-page .kt-cat-sonst { background: #f1f3f7; color: var(--v3-ink2); }
.v3-page .kt-age { font-size: 12px; font-weight: 700; display: inline-flex; align-items: center; gap: 6px; }
.v3-page .kt-age .ad { width: 8px; height: 8px; border-radius: 50%; }
.v3-page .kt-assign { display: flex; align-items: center; gap: 7px; font-size: 12px; color: var(--v3-ink2); font-weight: 600; min-width: 0; }
.v3-page .kt-assign .aa { width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; font-size: 9px; font-weight: 800; color: #fff; background: #2f6fe0; flex: none; }
.v3-page .kt-assign .nm { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.v3-page .kt-assign .un { color: var(--v3-ink3); font-style: italic; }
.v3-page .kt-stpill { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700; border-radius: 99px; padding: 4px 10px; white-space: nowrap; }
.v3-page .kt-stpill .sd { width: 6px; height: 6px; border-radius: 50%; }
.v3-page .kt-sp-open { background: #e8effd; color: #1e56c8; } .v3-page .kt-sp-open .sd { background: #1e56c8; }
.v3-page .kt-sp-arbeit { background: #fdf3e2; color: #c07600; } .v3-page .kt-sp-arbeit .sd { background: #c07600; }
.v3-page .kt-sp-wait { background: #eef1f6; color: #5b6b84; } .v3-page .kt-sp-wait .sd { background: #8b98ad; }
.v3-page .kt-sp-todo { background: #fdeaec; color: #c93a4a; } .v3-page .kt-sp-todo .sd { background: #c93a4a; }
.v3-page .kt-sp-done { background: #e5f5ec; color: #178a50; } .v3-page .kt-sp-done .sd { background: #178a50; }

/* ═══════════════════════════════════════════════════════════════════════
   R2a — TICKET-DETAIL (Kopfzeile · Member-Karte · Rahmen; Port aus
   v2_kom_ticket_detail.html). Der funktionale Reply-/Verlauf-/Aktions-Kern
   (Paket 1/2/3) wird als bestehende Partials in diese Komposition eingebettet.
   ═══════════════════════════════════════════════════════════════════════ */
.v3-page .kd-back { display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; font-weight: 650; color: var(--v3-ink2); text-decoration: none; margin-bottom: 12px; }
.v3-page .kd-back svg { width: 15px; height: 15px; stroke: currentColor; fill: none; stroke-width: 2; }
.v3-page .kd-back:hover { color: var(--v3-ink); }

.v3-page .kd-thead { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; flex-wrap: wrap; }
.v3-page .kd-thead h1 { font-size: 20px; letter-spacing: -.3px; display: flex; align-items: center; gap: 9px; margin: 0; font-weight: 800; }
.v3-page .kd-thead h1 .tn { color: var(--v3-ink3); font-weight: 700; }
.v3-page .kd-stchip { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 700; border-radius: 99px; padding: 4px 11px; }
.v3-page .kd-stchip .dt { width: 7px; height: 7px; border-radius: 50%; }
.v3-page .kd-st-open { background: #e8effd; color: #1e56c8; } .v3-page .kd-st-open .dt { background: #1e56c8; }
.v3-page .kd-st-arbeit { background: #fdf3e2; color: #c07600; } .v3-page .kd-st-arbeit .dt { background: #c07600; }
.v3-page .kd-st-wait { background: #eef1f6; color: #5b6b84; } .v3-page .kd-st-wait .dt { background: #8b98ad; }
.v3-page .kd-st-done { background: #e5f5ec; color: #178a50; } .v3-page .kd-st-done .dt { background: #178a50; }
.v3-page .kd-agechip { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 700; color: var(--v3-warn); background: #fdf3e2; border-radius: 99px; padding: 4px 11px; }
.v3-page .kd-agechip svg { width: 12px; height: 12px; stroke: currentColor; fill: none; stroke-width: 2; }
.v3-page .kd-assignpill { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 650; color: var(--v3-ink2); background: #fff; border: 1px solid var(--v3-line); border-radius: 99px; padding: 3px 12px 3px 4px; box-shadow: var(--v3-shadow); }
.v3-page .kd-assignpill .aa { width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; font-size: 9.5px; font-weight: 800; color: #fff; background: #2f6fe0; }
.v3-page .kd-hactions { margin-left: auto; display: flex; gap: 9px; align-items: center; flex-wrap: wrap; }
.v3-page .kd-hbtn { display: inline-flex; align-items: center; gap: 7px; height: 38px; padding: 0 15px; border-radius: 10px; border: 1px solid var(--v3-line); background: #fff; color: var(--v3-ink2); font-size: 13px; font-weight: 650; box-shadow: var(--v3-shadow); cursor: pointer; }
.v3-page .kd-hbtn:hover { background: #fafbfe; }
.v3-page .kd-hbtn svg { width: 15px; height: 15px; stroke: currentColor; fill: none; stroke-width: 2; }
.v3-page .kd-hbtn.done { border: none; background: linear-gradient(135deg, #178a50, #1ea45e); color: #fff; box-shadow: 0 4px 12px -4px rgba(23,138,80,.5); }
.v3-page .kd-hbtn.done svg { stroke: #fff; }

/* Kompakte Bearbeiten-Leiste (Autosave-Selects → quick_update) */
.v3-page .kd-editbar { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.v3-page .kd-editsel { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 6px 0 12px; border-radius: 10px; border: 1px solid var(--v3-line); background: #fff; color: var(--v3-ink2); font-size: 12px; font-weight: 650; box-shadow: var(--v3-shadow); }
.v3-page .kd-editsel .lbl { font-size: 10px; letter-spacing: .5px; text-transform: uppercase; color: var(--v3-ink3); font-weight: 800; }
.v3-page .kd-editsel select { border: 0; background: transparent; font-size: 12px; font-weight: 700; color: var(--v3-ink); font-family: inherit; outline: none; cursor: pointer; padding: 4px 2px; }

/* Layout-Raster */
.v3-page .kd-grid { display: grid; grid-template-columns: 1fr 364px; gap: 20px; align-items: start; }
@media (max-width: 1100px) { .v3-page .kd-grid { grid-template-columns: 1fr; } }
.v3-page .kd-left { display: flex; flex-direction: column; gap: 16px; }
.v3-page .kd-rail { display: flex; flex-direction: column; gap: 16px; }
.v3-page .kd-cardhd { display: flex; align-items: center; gap: 9px; padding: 13px 18px; border-bottom: 1px solid var(--v3-line); }
.v3-page .kd-cardhd h2 { display: flex; align-items: center; gap: 9px; font-size: 13.5px; font-weight: 700; margin: 0; }
.v3-page .kd-cardhd h2 svg { width: 16px; height: 16px; stroke: var(--v3-brand); fill: none; stroke-width: 2; }

/* Member-Karte */
.v3-page .kd-memhd { display: flex; align-items: center; gap: 12px; padding: 15px 16px; border-bottom: 1px solid var(--v3-line); }
.v3-page .kd-memhd .mav { width: 46px; height: 46px; border-radius: 13px; background: linear-gradient(140deg, #3f7ae6, #1e56c8); display: grid; place-items: center; font-weight: 800; font-size: 15px; color: #fff; flex: none; box-shadow: 0 3px 9px -3px rgba(30,86,200,.5); }
.v3-page .kd-memhd .mn { font-size: 15px; font-weight: 800; }
.v3-page .kd-memhd .mn a { color: inherit; text-decoration: none; }
.v3-page .kd-memhd .mr { font-size: 11.5px; color: var(--v3-ink3); margin-top: 2px; display: flex; align-items: center; gap: 5px; flex-wrap: wrap; }
.v3-page .kd-memhd .mr .go { color: var(--v3-brand); font-weight: 800; }
.v3-page .kd-membody { padding: 13px 16px; display: flex; flex-direction: column; gap: 12px; }
.v3-page .kd-yrlbl { font-size: 10px; letter-spacing: 1px; color: var(--v3-ink3); font-weight: 800; text-transform: uppercase; margin-bottom: 4px; }
.v3-page .kd-yrs { display: flex; gap: 7px; }
.v3-page .kd-yr { flex: 1; border: 1px solid var(--v3-line); border-radius: 10px; padding: 7px 4px; text-align: center; background: #fbfcfe; }
.v3-page .kd-yr .yy { font-size: 11px; font-weight: 700; color: var(--v3-ink2); }
.v3-page .kd-yr .ys { font-size: 10.5px; font-weight: 700; margin-top: 3px; display: inline-flex; align-items: center; gap: 3px; justify-content: center; }
.v3-page .kd-yr .ys svg { width: 10px; height: 10px; fill: none; stroke: currentColor; stroke-width: 3; }
.v3-page .kd-yr.ok { background: #eef8f1; border-color: #c9e9d5; } .v3-page .kd-yr.ok .ys { color: var(--v3-ok); }
.v3-page .kd-yr.open { background: #fdf2ea; border-color: #f2d9b8; } .v3-page .kd-yr.open .ys { color: var(--v3-warn); }
.v3-page .kd-yr .amt { font-size: 9.5px; color: var(--v3-ink3); margin-top: 2px; }
.v3-page .kd-lchips { display: flex; flex-direction: column; gap: 7px; }
.v3-page .kd-lchip { display: flex; align-items: center; gap: 9px; font-size: 12px; font-weight: 650; color: var(--v3-ink); border: 1px solid var(--v3-line); border-radius: 10px; padding: 8px 11px; background: #fff; text-decoration: none; }
.v3-page .kd-lchip:hover { background: #fafbfe; }
.v3-page .kd-lchip .li { width: 26px; height: 26px; border-radius: 8px; display: grid; place-items: center; flex: none; }
.v3-page .kd-lchip .li svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; }
.v3-page .kd-lchip .lt { min-width: 0; }
.v3-page .kd-lchip .lt small { display: block; font-size: 10.5px; color: var(--v3-ink3); font-weight: 600; margin-top: 1px; }
.v3-page .kd-lchip .go { margin-left: auto; color: var(--v3-ink3); font-weight: 800; flex: none; }
.v3-page .kd-li-amb { background: #fdf3e2; color: #c07600; } .v3-page .kd-li-wa { background: #e5f5ec; color: #178a50; }
.v3-page .kd-li-ev { background: #f0edfd; color: #7c6cf0; } .v3-page .kd-li-rem { background: #e8effd; color: #1e56c8; }

/* Ticket-Historie */
.v3-page .kd-hist { padding: 14px 16px 6px; }
.v3-page .kd-histitem { position: relative; padding: 0 0 15px 22px; font-size: 12px; }
.v3-page .kd-histitem::before { content: ""; position: absolute; left: 4px; top: 3px; width: 9px; height: 9px; border-radius: 50%; background: #fff; border: 2px solid var(--v3-brand); }
.v3-page .kd-histitem::after { content: ""; position: absolute; left: 8px; top: 12px; bottom: -3px; width: 1px; background: var(--v3-line); }
.v3-page .kd-histitem:last-child::after { display: none; }
.v3-page .kd-histitem.grey::before { border-color: var(--v3-ink3); }
.v3-page .kd-histitem .hx { font-weight: 700; color: var(--v3-ink); }
.v3-page .kd-histitem .ht { color: var(--v3-ink3); font-size: 11px; margin-top: 1px; }

/* Eingebettete Bestands-Partials sollen den v3-Canvas nicht sprengen */
.v3-page .kd-embed { min-width: 0; }

/* ═══════════════════════════════════════════════════════════════════════
   R1b — MITGLIEDER-PROFIL (members#show_v2; Zielbild-Ports v2_mit_profil*).
   4 Screens = 4 Tabs EINER Seite. Additiv, alles unter .v3-page.r1-prof.
   Farben/Maße 1:1 aus den freigegebenen Mockups (scratchpad/v2_mit_profil*.html).
   Tab-spezifische Styles je Panel gescoped (.pf-ueb/.pf-fin/.pf-dat/.pf-ver),
   damit gleichnamige Klassen (.timeline/.tli/.belong/.qgrid …) nicht kollidieren.
   ═══════════════════════════════════════════════════════════════════════ */
.r1-prof { --mail:#1e56c8; --wa:#178a50; --ticket:#c07600; --tick:#c07600; --event:#7c6cf0; --ev:#7c6cf0; --pay:#2563eb; --post:#0e7490; }
.r1-prof .num { font-variant-numeric:tabular-nums }

/* Breadcrumb */
.r1-prof .crumb { display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink3);font-weight:600;margin-bottom:14px;flex-wrap:wrap }
.r1-prof .crumb a { color:var(--brand);text-decoration:none }
.r1-prof .crumb svg { width:13px;height:13px;stroke:var(--ink3);fill:none;stroke-width:2 }

/* Karte */
.r1-prof .card { background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow) }
.r1-prof .pad { padding:18px 20px }
.r1-prof h2.ct { display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:700;letter-spacing:-.1px }
.r1-prof h2.ct svg { width:17px;height:17px;stroke:var(--brand);fill:none;stroke-width:2 }
.r1-prof h2.ct .more { margin-left:auto;font-size:12.5px;color:var(--brand);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:5px }
.r1-prof h2.ct .more svg { width:13px;height:13px;stroke:var(--brand) }
.r1-prof .sub { color:var(--ink3);font-size:12px;margin-top:2px }
.r1-prof .grid { display:grid;grid-template-columns:repeat(12,1fr);gap:16px }

/* HERO */
.r1-prof .hero { background:linear-gradient(135deg,#10304f 0%,#153a60 55%,#1b4a7c 100%);color:#fff;border:none;padding:24px 26px;position:relative;overflow:hidden;margin-bottom:16px }
.r1-prof .hero::after { content:'';position:absolute;right:-60px;top:-90px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.22),transparent 65%) }
.r1-prof .herotop { display:flex;align-items:flex-start;gap:20px;position:relative }
.r1-prof .bigav { width:82px;height:82px;border-radius:22px;background:linear-gradient(140deg,#3f7ae6,#1e56c8);display:grid;place-items:center;font-weight:800;font-size:30px;color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.15);flex:none;object-fit:cover;overflow:hidden }
.r1-prof img.bigav { padding:0 }
.r1-prof .hname { font-size:26px;font-weight:800;letter-spacing:-.5px }
.r1-prof .hrole { font-size:13.5px;color:#bcd2e8;margin-top:3px }
.r1-prof .hchips { display:flex;gap:8px;margin-top:11px;flex-wrap:wrap }
.r1-prof .hchip { font-size:11.5px;font-weight:700;border-radius:99px;padding:4px 11px;background:rgba(255,255,255,.15);color:#fff;display:inline-flex;align-items:center;gap:6px }
.r1-prof .hchip svg { width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2.2 }
.r1-prof .hchip.grn { background:rgba(52,211,153,.24);color:#bbf7d0 }
.r1-prof .hchip.amb { background:rgba(245,158,11,.24);color:#fde68a }
.r1-prof .hchip.red { background:rgba(239,68,68,.26);color:#fecaca }
.r1-prof .hchip.vio { background:rgba(124,108,240,.28);color:#ddd6fe }
.r1-prof .hchip.eng { background:rgba(52,211,153,.2);color:#bbf7d0 }
.r1-prof .hchip.lnk { background:rgba(96,165,250,.22);color:#dbeafe }
.r1-prof a.hchip, .r1-prof button.hchip { text-decoration:none;border:none;cursor:pointer;font-family:inherit }
.r1-prof .hactions { margin-left:auto;display:flex;flex-direction:column;gap:8px;align-items:flex-end }
.r1-prof .hquick { display:flex;gap:7px;margin-bottom:2px }
.r1-prof .hqbtn { width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.16);display:grid;place-items:center }
.r1-prof .hqbtn svg { width:17px;height:17px;stroke:#fff;fill:none;stroke-width:2 }
.r1-prof .hbtn { display:inline-flex;align-items:center;gap:8px;border-radius:11px;padding:9px 15px;font-weight:650;font-size:13px;background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.14);text-decoration:none;white-space:nowrap }
.r1-prof .hbtn svg { width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2 }
.r1-prof .hbtn.pri { background:#fff;color:var(--brand-deep);border:none }
.r1-prof .hcontact { display:flex;gap:26px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;color:#dbe7f4;position:relative;flex-wrap:wrap }
.r1-prof .hcontact .hc { display:flex;align-items:center;gap:9px }
.r1-prof .hcontact .hc svg { width:15px;height:15px;stroke:#9fc0e2;fill:none;stroke-width:2 }

/* TABS */
.r1-prof .tabs { display:flex;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:13px;padding:5px;box-shadow:var(--shadow);margin-bottom:16px;width:fit-content;max-width:100%;flex-wrap:wrap }
.r1-prof .tabs .tb { padding:9px 20px;border-radius:9px;font-size:13.5px;font-weight:650;color:var(--ink2);text-decoration:none;display:inline-flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;font-family:inherit }
.r1-prof .tabs .tb svg { width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2 }
.r1-prof .tabs .tb.active { background:linear-gradient(135deg,#2f6fe0,#1e56c8);color:#fff }
.r1-prof .tabs .tb .cnt { font-size:11px;background:#eef1f6;color:var(--ink2);border-radius:99px;padding:1px 7px;font-weight:700 }
.r1-prof .tabs .tb.active .cnt { background:rgba(255,255,255,.22);color:#fff }
.r1-prof .panel.hidden { display:none }
.r1-prof .empty { color:var(--ink3);font-size:12.5px;padding:14px 4px;font-weight:600 }

/* ─────────── TAB ÜBERBLICK (.pf-ueb) ─────────── */
.pf-ueb .statusbar { grid-column:span 12;display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:0;overflow:hidden }
.pf-ueb .stcell { padding:15px 20px;border-right:1px solid var(--line);display:flex;align-items:center;gap:13px }
.pf-ueb .stcell:last-child { border-right:none }
.pf-ueb .stic { width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none }
.pf-ueb .stic svg { width:20px;height:20px;fill:none;stroke-width:2 }
.pf-ueb .stcell .sl { font-size:11px;letter-spacing:.5px;color:var(--ink3);font-weight:700;text-transform:uppercase }
.pf-ueb .stcell .sv { font-size:17px;font-weight:800;letter-spacing:-.3px;margin-top:1px }
.pf-ueb .stcell .sm { font-size:11.5px;color:var(--ink3);font-weight:600 }
.pf-ueb .ic-amb { background:#fdf3e2;color:#c07600 } .pf-ueb .ic-red { background:#fdeaec;color:#c93a4a }
.pf-ueb .ic-blu { background:#e8effd;color:#1e56c8 } .pf-ueb .ic-grn { background:#e5f5ec;color:#178a50 }
.pf-ueb .tone-amb { color:#c07600 } .pf-ueb .tone-red { color:#c93a4a } .pf-ueb .tone-grn { color:#178a50 }
.pf-ueb .finmini { grid-column:span 5;display:flex;flex-direction:column }
.pf-ueb .ampel { display:flex;gap:10px;margin-top:16px }
.pf-ueb .apt { flex:1;border:1px solid var(--line);border-radius:12px;padding:12px 8px;text-align:center;background:#fbfcfe;position:relative }
.pf-ueb .apt.now { border-color:#bcd3f7;background:#eef4fe }
.pf-ueb .apt .yr { font-size:13px;font-weight:800 }
.pf-ueb .apt .dot { width:26px;height:26px;border-radius:50%;display:grid;place-items:center;margin:9px auto 7px }
.pf-ueb .apt .dot svg { width:15px;height:15px;stroke:#fff;fill:none;stroke-width:3 }
.pf-ueb .d-ok { background:#22c55e } .pf-ueb .d-of { background:#f59e0b } .pf-ueb .d-mut { background:#cbd5e1 }
.pf-ueb .apt .amt { font-size:12px;font-weight:700 }
.pf-ueb .apt .ch { font-size:10px;color:var(--ink3);font-weight:600;margin-top:3px }
.pf-ueb .finfoot { margin-top:auto;padding-top:14px;border-top:1px solid var(--line);display:flex;align-items:center;font-size:12.5px;color:var(--ink2);font-weight:600 }
.pf-ueb .finfoot b { color:var(--bad);font-size:15px;margin-left:auto }
.pf-ueb .recent { grid-column:span 7;display:flex;flex-direction:column }
.pf-ueb .timeline { margin-top:14px;position:relative;padding-left:22px }
.pf-ueb .timeline::before { content:'';position:absolute;left:6px;top:4px;bottom:8px;width:2px;background:var(--line) }
.pf-ueb .tli { position:relative;padding:5px 0 15px }
.pf-ueb .tli:last-child { padding-bottom:2px }
.pf-ueb .tli .tdot { position:absolute;left:-22px;top:7px;width:14px;height:14px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px var(--line) }
.pf-ueb .td-mail { background:var(--mail) } .pf-ueb .td-wa { background:var(--wa) } .pf-ueb .td-ev { background:var(--event) } .pf-ueb .td-pay { background:var(--sepa) } .pf-ueb .td-tick { background:var(--ticket) } .pf-ueb .td-doc { background:var(--brand) } .pf-ueb .td-sys { background:var(--ink3) }
.pf-ueb .tli b { font-size:13.5px }
.pf-ueb .tli .tsrc { font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;margin-left:8px }
.pf-ueb .tli .tm { font-size:11.5px;color:var(--ink3);font-weight:600;margin-top:1px }
.pf-ueb .contact { grid-column:span 4;display:flex;flex-direction:column }
.pf-ueb .crow { display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px dashed var(--line);font-size:13px }
.pf-ueb .crow:last-child { border:none }
.pf-ueb .crow .ci { width:30px;height:30px;border-radius:9px;background:#f1f4f8;display:grid;place-items:center;flex:none }
.pf-ueb .crow .ci svg { width:15px;height:15px;stroke:var(--ink2);fill:none;stroke-width:2 }
.pf-ueb .crow .cv { font-weight:600;min-width:0 }
.pf-ueb .crow .cv small { display:block;color:var(--ink3);font-weight:500;font-size:11px }
.pf-ueb .deliv { margin-left:auto;font-size:10.5px;font-weight:700;border-radius:99px;padding:3px 9px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap }
.pf-ueb .dl-ok { background:#e5f5ec;color:#178a50 } .pf-ueb .dl-warn { background:#fdf3e2;color:#c07600 }
.pf-ueb .deliv svg { width:10px;height:10px;fill:none;stroke-width:3 }
.pf-ueb .belong { grid-column:span 4 }
.pf-ueb .btags { display:flex;flex-wrap:wrap;gap:8px;margin-top:13px }
.pf-ueb .btag { display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:650;border-radius:9px;padding:7px 12px;border:1px solid var(--line);background:#fbfcfe }
.pf-ueb .btag svg { width:14px;height:14px;fill:none;stroke-width:2 }
.pf-ueb .bt-chap { color:#1e56c8 } .pf-ueb .bt-ig { color:#0e8f8e } .pf-ueb .bt-role { color:#7c6cf0 } .pf-ueb .bt-tag { color:#c07600 }
.pf-ueb .quick { grid-column:span 4;display:flex;flex-direction:column }
.pf-ueb .qgrid { display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px }
.pf-ueb .qbtn { display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:12px 13px;background:#fbfcfe;font-size:12.5px;font-weight:650;color:var(--ink);text-decoration:none }
.pf-ueb .qbtn .qi { width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none }
.pf-ueb .qbtn .qi svg { width:16px;height:16px;fill:none;stroke-width:2 }
.pf-ueb .qbtn.pri { grid-column:span 2;border:none;background:linear-gradient(135deg,#1e56c8,#2f6fe0);color:#fff;box-shadow:0 4px 12px -4px rgba(30,86,200,.55) }
.pf-ueb .qbtn.pri .qi { background:rgba(255,255,255,.2);color:#fff }
.pf-ueb .ic-blu2 { background:#e8effd;color:#1e56c8 } .pf-ueb .ic-grn2 { background:#e5f5ec;color:#178a50 } .pf-ueb .ic-amb2 { background:#fdf3e2;color:#c07600 } .pf-ueb .ic-vio2 { background:#f0edfd;color:#7c6cf0 }

/* ─────────── TAB FINANZEN (.pf-fin) ─────────── */
.pf-fin .of { grid-column:span 4;display:flex;flex-direction:column;background:linear-gradient(135deg,#3a1f28,#5a2733 60%,#7a2f3f);color:#fff;border:none }
.pf-fin .of.ok { background:linear-gradient(135deg,#123524,#155e3a 60%,#178a50) }
.pf-fin .of .lbl { font-size:11.5px;letter-spacing:1.4px;color:#f3b8bf;font-weight:700 }
.pf-fin .of.ok .lbl { color:#b6f0cf }
.pf-fin .of .big { font-size:38px;font-weight:800;letter-spacing:-1px;margin-top:4px }
.pf-fin .of .oyears { margin-top:14px;display:flex;flex-direction:column;gap:8px }
.pf-fin .of .oy { display:flex;align-items:center;gap:10px;font-size:13px }
.pf-fin .of .oy .track { flex:1;height:8px;background:rgba(255,255,255,.15);border-radius:99px;overflow:hidden }
.pf-fin .of .oy .track i { display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#fca5a5,#f87171) }
.pf-fin .of .oy b { width:76px;text-align:right;font-weight:700 }
.pf-fin .of .oy span { width:44px;color:#f3b8bf;font-weight:700 }
.pf-fin .of .reminfo { margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.14);font-size:12.5px;color:#f7d4d9 }
.pf-fin .of.ok .reminfo { color:#cdeede;border-top-color:rgba(255,255,255,.14) }
.pf-fin .of .reminfo b { color:#fff }
.pf-fin .years { grid-column:span 8 }
.pf-fin .ycards { display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:14px }
.pf-fin .ycard { border:1px solid var(--line);border-radius:13px;padding:13px 12px;background:#fbfcfe;position:relative;text-decoration:none;color:inherit;display:block }
.pf-fin .ycard.now { border-color:#bcd3f7;background:#eef4fe }
.pf-fin .yhead { display:flex;align-items:center;justify-content:space-between }
.pf-fin .yhead .yr { font-size:15px;font-weight:800 }
.pf-fin .ybadge { width:20px;height:20px;border-radius:50%;display:grid;place-items:center }
.pf-fin .ybadge svg { width:12px;height:12px;stroke:#fff;fill:none;stroke-width:3 }
.pf-fin .yb-ok { background:#22c55e } .pf-fin .yb-of { background:#f59e0b } .pf-fin .yb-mut { background:#cbd5e1 }
.pf-fin .yrow { display:flex;justify-content:space-between;font-size:12px;margin-top:9px;color:var(--ink3) }
.pf-fin .yrow b { color:var(--ink);font-weight:700 }
.pf-fin .ystat { margin-top:9px;font-size:11.5px;font-weight:700;border-radius:7px;padding:4px 8px;text-align:center }
.pf-fin .ystat.ok { background:#e5f5ec;color:#178a50 } .pf-fin .ystat.of { background:#fdf3e2;color:#c07600 } .pf-fin .ystat.mut { background:#f1f4f8;color:#8b98ad } .pf-fin .ystat.part { background:#fef4e6;color:#c07600 }
.pf-fin .ychan { margin-top:7px;text-align:center;font-size:10.5px;color:var(--ink3);font-weight:600 }
.pf-fin .pays { grid-column:span 7 }
.pf-fin .paytab { width:100%;border-collapse:collapse;font-size:13px;margin-top:6px }
.pf-fin .paytab th { font-size:10.5px;letter-spacing:.6px;color:var(--ink3);text-align:left;font-weight:700;padding:9px 8px;border-bottom:1px solid var(--line) }
.pf-fin .paytab td { padding:10px 8px;border-bottom:1px solid #eef1f6 }
.pf-fin .paytab tr:last-child td { border:none }
.pf-fin .kch { display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;border-radius:7px;padding:3px 9px;color:#fff }
.pf-fin .kch svg { width:12px;height:12px;stroke:#fff;fill:none;stroke-width:2.2 }
.pf-fin .k-sepa { background:var(--sepa) } .pf-fin .k-ueb { background:var(--ueb) } .pf-fin .k-pp { background:var(--paypal) } .pf-fin .k-str { background:var(--stripe) } .pf-fin .k-htr { background:#0e7490 } .pf-fin .k-oth { background:#64748b }
.pf-fin .paytab .amt { text-align:right;font-weight:700 }
.pf-fin .paytab .rstat { font-size:11px;font-weight:700;color:var(--ink3) }
.pf-fin .bank { grid-column:span 5;display:flex;flex-direction:column }
.pf-fin .ibanbox { margin-top:12px;border:1px solid var(--line);border-radius:12px;padding:14px;background:#fbfcfe }
.pf-fin .ibanbox .il { font-size:10.5px;letter-spacing:.6px;color:var(--ink3);font-weight:700 }
.pf-fin .ibanbox .iv { font-size:16px;font-weight:700;letter-spacing:.5px;margin-top:3px;font-variant-numeric:tabular-nums }
.pf-fin .ibanbox .imeta { display:flex;gap:20px;margin-top:11px;font-size:12px;color:var(--ink3) }
.pf-fin .ibanbox .imeta b { color:var(--ink);display:block;font-weight:700 }
.pf-fin .toggle { display:flex;align-items:center;gap:12px;margin-top:14px;border:1px solid var(--line);border-radius:12px;padding:12px 14px }
.pf-fin .toggle .tt b { font-size:13px } .pf-fin .toggle .tt span { display:block;font-size:11.5px;color:var(--ink3) }
.pf-fin .sw { margin-left:auto;width:42px;height:24px;border-radius:99px;background:#e6eaf1;position:relative;flex:none }
.pf-fin .sw i { position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2) }
.pf-fin .sw.on { background:#f59e0b } .pf-fin .sw.on i { left:21px }
.pf-fin .banknote { margin-top:12px;font-size:12px;color:var(--ink3);display:flex;gap:8px;align-items:flex-start }
.pf-fin .banknote svg { width:15px;height:15px;stroke:var(--warn);fill:none;stroke-width:2;flex:none;margin-top:1px }
.pf-fin .receipts { grid-column:span 12 }
.pf-fin .rtab { width:100%;border-collapse:collapse;font-size:13px;margin-top:8px }
.pf-fin .rtab th { font-size:10.5px;letter-spacing:.6px;color:var(--ink3);text-align:left;font-weight:700;padding:9px 12px;border-bottom:1px solid var(--line) }
.pf-fin .rtab td { padding:11px 12px;border-bottom:1px solid #eef1f6 }
.pf-fin .rtab tr:last-child td { border:none }
.pf-fin .rtab .dr { font-weight:700;color:var(--brand) }
.pf-fin .rbadge { display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;border-radius:99px;padding:3px 11px }
.pf-fin .rb-sent { background:#e5f5ec;color:#178a50 } .pf-fin .rb-issued { background:#e8effd;color:#1e56c8 } .pf-fin .rb-void { background:#f1f4f8;color:#8b98ad }
.pf-fin .dl { display:inline-flex;align-items:center;gap:7px;color:var(--brand);font-weight:650;font-size:12.5px;text-decoration:none }
.pf-fin .dl svg { width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2 }
.pf-fin .admintools { grid-column:span 12;border:1px solid var(--line);border-radius:var(--r);background:#fff;box-shadow:var(--shadow) }
.pf-fin .admintools > summary { list-style:none;cursor:pointer;padding:14px 20px;font-size:13.5px;font-weight:700;color:var(--ink2);display:flex;align-items:center;gap:9px }
.pf-fin .admintools > summary::-webkit-details-marker { display:none }
.pf-fin .admintools > summary svg { width:16px;height:16px;stroke:var(--brand);fill:none;stroke-width:2 }
.pf-fin .admintools[open] > summary { border-bottom:1px solid var(--line) }
.pf-fin .admintools .inner { padding:16px 20px }

/* ─────────── TAB DATEN (.pf-dat) ─────────── */
.pf-dat .colspan6 { grid-column:span 6 } .pf-dat .colspan4 { grid-column:span 4 } .pf-dat .colspan8 { grid-column:span 8 } .pf-dat .colspan12 { grid-column:span 12 }
.pf-dat .drows { margin-top:12px;display:flex;flex-direction:column }
.pf-dat .drow { display:flex;align-items:flex-start;gap:12px;padding:11px 2px;border-bottom:1px dashed var(--line) }
.pf-dat .drow:last-child { border-bottom:none }
.pf-dat .drow .dk { width:128px;flex:none;font-size:12px;color:var(--ink3);font-weight:600;padding-top:1px }
.pf-dat .drow .dv { flex:1;font-size:13.5px;font-weight:600;min-width:0 }
.pf-dat .drow .dv small { display:block;font-size:11.5px;color:var(--ink3);font-weight:500;margin-top:2px }
.pf-dat .src { display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;letter-spacing:.3px;border-radius:5px;padding:2px 6px;margin-left:6px;vertical-align:1px }
.pf-dat .src svg { width:10px;height:10px;stroke:currentColor;fill:none;stroke-width:2.4 }
.pf-dat .src-hb { background:#e8effd;color:#1e56c8 } .pf-dat .src-app { background:#f1f4f8;color:#5b6b84 } .pf-dat .src-tick { background:#fdf3e2;color:#c07600 } .pf-dat .src-fin { background:#e0f2f6;color:#0e7490 }
.pf-dat .badge { display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;border-radius:99px;padding:2px 9px }
.pf-dat .bg-ok { background:#e5f5ec;color:#178a50 } .pf-dat .bg-warn { background:#fdf3e2;color:#c07600 } .pf-dat .bg-info { background:#e8effd;color:#1e56c8 } .pf-dat .bg-mut { background:#f1f4f8;color:#8b98ad }
.pf-dat .badge svg { width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2.6 }
.pf-dat .syncmeta { display:flex;gap:9px;align-items:center;margin-top:12px;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:#fbfcfe }
.pf-dat .syncmeta .sd { width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.15);flex:none }
.pf-dat .syncmeta b { font-size:13px } .pf-dat .syncmeta span { font-size:11.5px;color:var(--ink3) }
.pf-dat .syncmeta time { margin-left:auto;font-size:11.5px;color:var(--ink3);font-weight:600 }
.pf-dat .qgrid { display:flex;flex-direction:column;gap:8px;margin-top:12px }
.pf-dat .qrow { display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;border:1px solid var(--line);background:#fbfcfe;font-size:13px;font-weight:600 }
.pf-dat .qrow .qd { width:10px;height:10px;border-radius:50%;flex:none }
.pf-dat .qd-ok { background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.15) }
.pf-dat .qd-warn { background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.18) }
.pf-dat .qd-bad { background:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.15) }
.pf-dat .qrow .qs { margin-left:auto;font-size:11px;font-weight:700;color:var(--ink3) }
.pf-dat .qhead { display:flex;align-items:baseline;gap:10px;margin-top:12px }
.pf-dat .qhead .score { font-size:30px;font-weight:800;letter-spacing:-1px;color:var(--ok) }
.pf-dat .qhead .scl { font-size:12px;color:var(--ink3);font-weight:600 }
.pf-dat .qbar { height:9px;border-radius:99px;background:#eef1f6;overflow:hidden;margin-top:8px }
.pf-dat .qbar i { display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#34d399,#178a50) }
.pf-dat .htab { width:100%;border-collapse:collapse;font-size:13px;margin-top:8px }
.pf-dat .htab th { font-size:10.5px;letter-spacing:.6px;color:var(--ink3);text-align:left;font-weight:700;padding:9px 10px;border-bottom:1px solid var(--line) }
.pf-dat .htab td { padding:11px 10px;border-bottom:1px solid #eef1f6;vertical-align:middle }
.pf-dat .htab tr:last-child td { border:none }
.pf-dat .who { display:inline-flex;align-items:center;gap:8px;font-weight:700 }
.pf-dat .who .wa { width:24px;height:24px;border-radius:50%;background:#2f6fe0;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:800;flex:none }
.pf-dat .who .wa.sys { background:#5b6b84 }
.pf-dat .chg { font-size:12.5px } .pf-dat .chg .old { color:var(--ink3);text-decoration:line-through } .pf-dat .chg .arr { color:var(--ink3);margin:0 5px } .pf-dat .chg .new { color:var(--ink);font-weight:700 }
.pf-dat .tref { color:var(--brand);font-weight:700;font-size:12px;text-decoration:none }

/* ─────────── TAB VERLAUF (.pf-ver) ─────────── */
.pf-ver .flt { grid-column:span 12;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 18px }
.pf-ver .srcchips { display:flex;gap:8px;flex-wrap:wrap }
.pf-ver .srcchip { display:inline-flex;align-items:center;gap:7px;border-radius:99px;padding:6px 13px;font-size:12.5px;font-weight:700;border:1px solid var(--line);background:#fff;color:var(--ink2) }
.pf-ver .srcchip svg { width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2 }
.pf-ver .srcchip .n { font-size:11px;background:#eef1f6;border-radius:99px;padding:1px 7px;color:var(--ink2) }
.pf-ver .srcchip.on { border-width:1.5px }
.pf-ver .srcchip.on .n { color:#fff }
.pf-ver .sc-all.on { background:var(--brand-deep);border-color:var(--brand-deep);color:#fff } .pf-ver .sc-all.on .n { background:rgba(255,255,255,.25) }
.pf-ver .sc-mail { color:var(--mail) } .pf-ver .sc-mail.on { border-color:var(--mail);background:#e8effd } .pf-ver .sc-mail.on .n { background:var(--mail) }
.pf-ver .sc-wa { color:var(--wa) } .pf-ver .sc-wa.on { border-color:var(--wa);background:#e5f5ec } .pf-ver .sc-wa.on .n { background:var(--wa) }
.pf-ver .sc-tick { color:var(--tick) } .pf-ver .sc-tick.on { border-color:var(--tick);background:#fdf3e2 } .pf-ver .sc-tick.on .n { background:var(--tick) }
.pf-ver .sc-pay { color:var(--pay) } .pf-ver .sc-pay.on { border-color:var(--pay);background:#e8effd } .pf-ver .sc-pay.on .n { background:var(--pay) }
.pf-ver .sc-ev { color:var(--ev) } .pf-ver .sc-ev.on { border-color:var(--ev);background:#f0edfd } .pf-ver .sc-ev.on .n { background:var(--ev) }
.pf-ver .sc-doc { color:var(--brand) } .pf-ver .sc-doc.on { border-color:var(--brand);background:#e8effd } .pf-ver .sc-doc.on .n { background:var(--brand) }
.pf-ver .sc-post { color:var(--post) } .pf-ver .sc-post.on { border-color:var(--post);background:#e0f2f6 } .pf-ver .sc-post.on .n { background:var(--post) }
.pf-ver .sc-sys { color:var(--ink3) } .pf-ver .sc-sys.on { border-color:var(--ink3);background:#f1f4f8 } .pf-ver .sc-sys.on .n { background:var(--ink3) }
.pf-ver .yseg { margin-left:auto;display:flex;background:#eef1f6;border-radius:9px;padding:3px;font-size:12.5px;font-weight:600;color:var(--ink2) }
.pf-ver .yseg a { padding:5px 14px;border-radius:7px;text-decoration:none;color:inherit }
.pf-ver .yseg a.on { background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(22,35,58,.12) }
.pf-ver .timeline { grid-column:span 8 }
.pf-ver .tmonth { display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:1.2px;color:var(--ink3);font-weight:700;text-transform:uppercase;margin:6px 0 4px }
.pf-ver .tmonth:not(:first-of-type) { margin-top:18px }
.pf-ver .tmonth::after { content:'';flex:1;height:1px;background:var(--line) }
.pf-ver .tmonth .mc { background:#eef1f6;color:var(--ink2);border-radius:99px;padding:1px 9px;letter-spacing:.4px }
.pf-ver .trail { position:relative;padding-left:38px }
.pf-ver .trail::before { content:'';position:absolute;left:12px;top:6px;bottom:6px;width:2px;background:var(--line) }
.pf-ver .tli { position:relative;display:flex;align-items:flex-start;gap:12px;padding:11px 12px 11px 0;border-bottom:1px dashed var(--line) }
.pf-ver .tli:last-child { border-bottom:none }
.pf-ver .tdot { position:absolute;left:-38px;top:12px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 0 0 4px #fff }
.pf-ver .tdot i { width:26px;height:26px;border-radius:50%;display:grid;place-items:center }
.pf-ver .tdot svg { width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2 }
.pf-ver .di-mail { background:var(--mail) } .pf-ver .di-wa { background:var(--wa) } .pf-ver .di-tick { background:var(--tick) } .pf-ver .di-pay { background:var(--pay) } .pf-ver .di-ev { background:var(--ev) } .pf-ver .di-post { background:var(--post) } .pf-ver .di-doc { background:var(--brand) } .pf-ver .di-sys { background:var(--ink3) }
.pf-ver .tbody { flex:1;min-width:0 }
.pf-ver .tbody .ttl { font-size:13.5px;font-weight:700;display:flex;align-items:center;gap:8px;flex-wrap:wrap }
.pf-ver .tsrc { font-size:9.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;border-radius:5px;padding:2px 6px }
.pf-ver .ts-mail { background:#e8effd;color:var(--mail) } .pf-ver .ts-wa { background:#e5f5ec;color:var(--wa) } .pf-ver .ts-tick { background:#fdf3e2;color:var(--tick) } .pf-ver .ts-pay { background:#e8effd;color:var(--pay) } .pf-ver .ts-ev { background:#f0edfd;color:var(--ev) } .pf-ver .ts-post { background:#e0f2f6;color:var(--post) } .pf-ver .ts-doc { background:#e8effd;color:var(--brand) } .pf-ver .ts-sys { background:#f1f4f8;color:var(--ink3) }
.pf-ver .tdet { font-size:12px;color:var(--ink2);margin-top:3px;display:flex;align-items:center;gap:7px;flex-wrap:wrap }
.pf-ver .tdet .pill { display:inline-flex;align-items:center;gap:5px;font-weight:600;font-size:11px }
.pf-ver .tdet .pill svg { width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2.2 }
.pf-ver .tdet .g { color:var(--ok) } .pf-ver .tdet .r { color:var(--bad) } .pf-ver .tdet .b { color:var(--brand) } .pf-ver .tdet .m { color:var(--ink3) }
.pf-ver .tright { display:flex;align-items:center;gap:10px;flex:none;padding-top:1px }
.pf-ver .ttime { font-size:11.5px;color:var(--ink3);font-weight:600;text-align:right;white-space:nowrap }
.pf-ver .chev { width:16px;height:16px;stroke:var(--ink3);fill:none;stroke-width:2 }
.pf-ver .rcol { grid-column:span 4;display:flex;flex-direction:column;gap:16px }
.pf-ver .stat { display:flex;flex-direction:column;gap:12px;margin-top:14px }
.pf-ver .strow { display:flex;align-items:center;gap:12px }
.pf-ver .strow .ico { width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none }
.pf-ver .strow .ico svg { width:16px;height:16px;fill:none;stroke-width:2 }
.pf-ver .strow .lb { font-size:12px;color:var(--ink3);font-weight:600 }
.pf-ver .strow .vv { margin-left:auto;font-size:18px;font-weight:800;letter-spacing:-.3px }
.pf-ver .c-blue { background:#e8effd;color:#1e56c8 } .pf-ver .c-grn { background:#e5f5ec;color:#178a50 } .pf-ver .c-amb { background:#fdf3e2;color:#c07600 } .pf-ver .c-vio { background:#f0edfd;color:#7c6cf0 }
.pf-ver .rate { margin-top:14px;padding-top:13px;border-top:1px solid var(--line) }
.pf-ver .rate .rl { display:flex;justify-content:space-between;font-size:12px;color:var(--ink3);font-weight:600;margin-bottom:6px }
.pf-ver .rate .rl b { color:var(--ink) }
.pf-ver .rbar { height:9px;border-radius:99px;background:#eef1f6;overflow:hidden }
.pf-ver .rbar i { display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#34d399,#178a50) }
.pf-ver .belong { display:flex;flex-direction:column;gap:9px;margin-top:14px }
.pf-ver .brow { display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:#fbfcfe }
.pf-ver .brow .bi { width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none }
.pf-ver .brow .bi svg { width:15px;height:15px;fill:none;stroke-width:2 }
.pf-ver .brow .bt b { font-size:13px } .pf-ver .brow .bt span { display:block;font-size:11.5px;color:var(--ink3) }
.pf-ver .brow .bd { margin-left:auto;font-size:11px;font-weight:700;color:var(--ink3);background:#f1f4f8;border-radius:99px;padding:2px 9px }
.pf-ver .freq { margin-top:2px;display:flex;gap:11px;align-items:flex-start;padding:13px 14px;border-radius:12px;background:#e5f5ec;border:1px solid #bfe3cd }
.pf-ver .freq.warn { background:#fdf3e2;border-color:#f0d9a8 }
.pf-ver .freq svg { width:18px;height:18px;stroke:var(--ok);fill:none;stroke-width:2;flex:none;margin-top:1px }
.pf-ver .freq.warn svg { stroke:var(--warn) }
.pf-ver .freq b { font-size:13px;color:#0f6b3d } .pf-ver .freq span { display:block;font-size:12px;color:#2f7a54;margin-top:2px }
.pf-ver .freq.warn b { color:#8a5a00 } .pf-ver .freq.warn span { color:#a06a10 }

/* Funktionen-Tab (bestehende Cluster im v3-Rahmen) */
.pf-more { display:flex;flex-direction:column;gap:16px }
.pf-more .tgrid { display:grid;grid-template-columns:repeat(2,1fr);gap:16px }
.pf-more .danger-zone { display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid #f3c6cc;background:#fdf1f2;border-radius:var(--r);padding:14px 18px }
.pf-more .danger-zone .dz-t { font-weight:800;color:var(--bad);font-size:13.5px }
.pf-more .danger-zone .dz-s { font-size:12px;color:var(--ink3);font-weight:600 }

@media (max-width:1100px) {
  .r1-prof .grid { grid-template-columns:1fr }
  .r1-prof .grid > * { grid-column:auto !important }
  .pf-ueb .statusbar { grid-template-columns:1fr 1fr }
  .pf-fin .ycards { grid-template-columns:repeat(3,1fr) }
  .pf-more .tgrid { grid-template-columns:1fr }
}

/* ═══════════════════════════════════════════════════════════════════════
   R2b — KOMMUNIKATION REST (Kampagnen-Detail · Wellen/Dispatch-Detail ·
   Vorlagen · Kanäle · Attribution). Additive Komponenten, 1:1 aus den
   freigegebenen Mockups v2_kom_kampagne_detail / v2_welle_detail_mockup /
   v2_kom_vorlagen / v2_kom_kanaele / v2_kom_attribution. Alles unter
   `.v3-page` gescoped; nutzt die vorhandenen Tokens + eigene Kanalfarben.
   ═══════════════════════════════════════════════════════════════════════ */
.v3-page {
  --kc-mail: #1e56c8; --kc-wa: #178a50; --kc-ticket: #c07600;
  --kc-event: #6d5bd0; --kc-post: #0ea5a4; --kc-sepa: #c07600;
}
.v3-page .r2b-hpill { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 700; color: var(--v3-ok); background: #e5f5ec; border-radius: 99px; padding: 4px 11px; white-space: nowrap; }
.v3-page .r2b-hpill .hd { width: 8px; height: 8px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 3px rgba(34,197,94,.16); }
.v3-page .r2b-crumb { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--v3-ink3); font-weight: 600; }
.v3-page .r2b-crumb a { color: var(--v3-brand); text-decoration: none; }
.v3-page .r2b-crumb svg { width: 14px; height: 14px; stroke: var(--v3-ink3); fill: none; stroke-width: 2; }
.v3-page .r2b-crumb .cur { color: var(--v3-ink2); }

/* ═══ 1) KAMPAGNEN-DETAIL (kcd-) ═══════════════════════════════════════ */
.v3-page .kcd-hero { background: linear-gradient(135deg, #2a2150 0%, #3a2f66 55%, #4c3f80 100%); color: #fff; border: none; position: relative; overflow: hidden; margin-bottom: 16px; display: flex; align-items: center; gap: 26px; border-radius: var(--v3-r); padding: 22px 26px; box-shadow: var(--v3-shadow); }
.v3-page .kcd-hero.reminder { background: linear-gradient(135deg, #10304f 0%, #153a60 55%, #1b4a7c 100%); }
.v3-page .kcd-hero::after { content: ''; position: absolute; right: -70px; top: -90px; width: 320px; height: 320px; border-radius: 50%; background: radial-gradient(circle, rgba(157,140,240,.30), transparent 65%); }
.v3-page .kcd-hero.reminder::after { background: radial-gradient(circle, rgba(96,165,250,.25), transparent 65%); }
.v3-page .kcd-hstate { position: relative; z-index: 1; }
.v3-page .kcd-evbadge { display: inline-flex; align-items: center; gap: 7px; background: rgba(255,255,255,.14); border-radius: 99px; padding: 5px 13px; font-size: 12px; font-weight: 700; color: #e6e0ff; }
.v3-page .kcd-evbadge svg { width: 14px; height: 14px; stroke: #cbc0ff; stroke-width: 2; fill: none; flex: none; }
.v3-page .kcd-hero h1 { font-size: 25px; letter-spacing: -.5px; margin: 9px 0 4px; font-weight: 800; }
.v3-page .kcd-badge { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 800; letter-spacing: .4px; background: rgba(52,211,153,.20); color: #8ff0c0; border-radius: 99px; padding: 3px 11px; }
.v3-page .kcd-hmeta { display: flex; gap: 22px; font-size: 12.5px; color: #c9c0ea; margin-top: 10px; flex-wrap: wrap; }
.v3-page .kcd-hmeta b { color: #fff; display: block; font-size: 14px; margin-top: 1px; }
.v3-page .kcd-count { margin-left: auto; text-align: center; background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.15); border-radius: 15px; padding: 16px 24px; position: relative; z-index: 1; flex: none; }
.v3-page .kcd-count .cd { font-size: 40px; font-weight: 800; letter-spacing: -1.5px; line-height: 1; }
.v3-page .kcd-count .cl { font-size: 11px; color: #c9c0ea; font-weight: 600; letter-spacing: .5px; margin-top: 4px; }
.v3-page .kcd-count .cdate { font-size: 12px; color: #fff; font-weight: 700; margin-top: 8px; }

.v3-page .kcd-layout { display: grid; grid-template-columns: 1fr 400px; gap: 16px; align-items: start; }
@media (max-width: 1200px) { .v3-page .kcd-layout { grid-template-columns: 1fr; } }
.v3-page .kcd-card { background: var(--v3-card); border: 1px solid var(--v3-line); border-radius: var(--v3-r); box-shadow: var(--v3-shadow); padding: 18px 20px; }
.v3-page .kcd-card h2 { display: flex; align-items: center; gap: 9px; font-size: 14.5px; font-weight: 700; letter-spacing: -.1px; margin: 0; }
.v3-page .kcd-card h2 svg { width: 17px; height: 17px; stroke: var(--v3-brand); fill: none; stroke-width: 2; flex: none; }
.v3-page .kcd-card h2 .more { margin-left: auto; font-size: 12.5px; color: var(--v3-brand); font-weight: 600; text-decoration: none; }
.v3-page .kcd-sub { color: var(--v3-ink3); font-size: 12px; margin-top: 2px; }

/* Stufen-Timeline */
.v3-page .kcd-tl { position: relative; padding-left: 6px; margin-top: 16px; }
.v3-page .kcd-tlrow { display: grid; grid-template-columns: 150px 1fr; gap: 18px; position: relative; padding-bottom: 20px; }
.v3-page .kcd-tlrow:last-child { padding-bottom: 0; }
.v3-page .kcd-tldate { text-align: right; padding-top: 16px; }
.v3-page .kcd-tldate .dd { font-size: 16px; font-weight: 800; letter-spacing: -.3px; }
.v3-page .kcd-tldate .dm { font-size: 11.5px; color: var(--v3-ink3); font-weight: 600; }
.v3-page .kcd-tldate .badge { display: inline-flex; margin-top: 6px; font-size: 9.5px; font-weight: 800; letter-spacing: .4px; border-radius: 6px; padding: 2px 7px; }
.v3-page .kcd-b-sent { background: #e5f5ec; color: #178a50; } .v3-page .kcd-b-plan { background: #eef1f6; color: var(--v3-ink2); }
.v3-page .kcd-tlmain { position: relative; padding-left: 34px; }
.v3-page .kcd-tlmain::before { content: ''; position: absolute; left: 9px; top: 26px; bottom: -20px; width: 2px; background: var(--v3-line); }
.v3-page .kcd-tlrow:last-child .kcd-tlmain::before { display: none; }
.v3-page .kcd-tldot { position: absolute; left: 0; top: 16px; width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center; background: #fff; border: 2px solid var(--v3-line); z-index: 1; }
.v3-page .kcd-tldot svg { width: 11px; height: 11px; stroke-width: 2.6; fill: none; }
.v3-page .kcd-tldot.done { background: #178a50; border-color: #178a50; } .v3-page .kcd-tldot.done svg { stroke: #fff; }
.v3-page .kcd-tldot.plan { background: #fff; border-color: #c3ccda; } .v3-page .kcd-tldot.plan i { width: 6px; height: 6px; border-radius: 50%; background: #c3ccda; }
.v3-page .kcd-stagebox { border: 1px solid var(--v3-line); border-radius: 13px; padding: 14px 16px; background: #fbfcfe; }
.v3-page .kcd-stagebox.done { background: #fff; }
.v3-page .kcd-sthead { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.v3-page .kcd-sttitle { font-size: 15px; font-weight: 700; }
.v3-page .kcd-chans { display: flex; gap: 5px; margin-left: 2px; }
.v3-page .kcd-chip-ch { width: 23px; height: 23px; border-radius: 7px; display: grid; place-items: center; }
.v3-page .kcd-chip-ch svg { width: 12px; height: 12px; stroke-width: 2; fill: none; }
.v3-page .kcd-ch-mail { background: #e8effd; } .v3-page .kcd-ch-mail svg { stroke: #1e56c8; }
.v3-page .kcd-ch-wa { background: #e5f5ec; } .v3-page .kcd-ch-wa svg { stroke: #178a50; }
.v3-page .kcd-stprev { margin-left: auto; color: var(--v3-brand); font-weight: 600; font-size: 12px; text-decoration: none; white-space: nowrap; }
.v3-page .kcd-strecv { display: flex; align-items: center; gap: 9px; margin-top: 11px; padding: 9px 11px; background: #f6f8fb; border-radius: 9px; font-size: 12.5px; }
.v3-page .kcd-stagebox.done .kcd-strecv { background: #eef4fe; }
.v3-page .kcd-strecv .rl { font-size: 9.5px; font-weight: 800; letter-spacing: .5px; color: var(--v3-ink3); }
.v3-page .kcd-strecv .seg { font-weight: 700; }
.v3-page .kcd-strecv .cnt { margin-left: auto; font-weight: 800; font-size: 15px; }
.v3-page .kcd-exclrow { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.v3-page .kcd-exchip { font-size: 10.5px; font-weight: 700; color: var(--v3-ink2); background: #eef1f6; border-radius: 6px; padding: 3px 8px; white-space: nowrap; }
.v3-page .kcd-exchip.bad { background: #fdeef0; color: #c0394a; }
.v3-page .kcd-stmetrics { display: flex; gap: 26px; margin-top: 12px; flex-wrap: wrap; }
.v3-page .kcd-metric { flex: 0 0 auto; min-width: 104px; }
.v3-page .kcd-metric .ml { font-size: 10.5px; color: var(--v3-ink3); font-weight: 700; letter-spacing: .3px; margin-bottom: 5px; }
.v3-page .kcd-metric .mv { display: flex; align-items: baseline; gap: 6px; }
.v3-page .kcd-metric .mv b { font-size: 17px; font-weight: 800; }
.v3-page .kcd-metric .mv span { font-size: 11px; color: var(--v3-ink3); }
.v3-page .kcd-metric .mbar { height: 6px; border-radius: 99px; background: #eef1f6; overflow: hidden; margin-top: 6px; }
.v3-page .kcd-metric .mbar i { display: block; height: 100%; border-radius: 99px; }
.v3-page .kcd-conv-inline { margin-left: auto; text-align: right; align-self: center; background: #f0edfd; border-radius: 11px; padding: 9px 14px; }
.v3-page .kcd-conv-inline b { font-size: 20px; font-weight: 800; color: #5b47c0; letter-spacing: -.5px; }
.v3-page .kcd-conv-inline span { display: block; font-size: 11px; color: #6d5bd0; font-weight: 600; }
.v3-page .kcd-stplannote { margin-top: 11px; font-size: 12px; color: var(--v3-ink3); }
.v3-page .kcd-gatebox { margin-top: 13px; display: flex; flex-direction: column; align-items: flex-start; gap: 9px; background: #eef4fe; border: 1px dashed #aec7f2; border-radius: 11px; padding: 12px 14px; }
.v3-page .kcd-gatebox .gt b { font-size: 13px; font-weight: 700; display: block; color: var(--v3-ink); }
.v3-page .kcd-gatebox .gt span { font-size: 11.5px; color: var(--v3-ink2); }
.v3-page .kcd-gatebtn { display: inline-flex; align-items: center; gap: 7px; background: linear-gradient(135deg, #1e56c8, #2f6fe0); color: #fff; font-weight: 700; font-size: 12.5px; border: none; border-radius: 9px; padding: 9px 16px; white-space: nowrap; box-shadow: 0 4px 12px -4px rgba(30,86,200,.55); cursor: pointer; text-decoration: none; }
.v3-page .kcd-gatebtn svg { width: 14px; height: 14px; stroke: #fff; stroke-width: 2.2; fill: none; }

/* Rechte Spalte */
.v3-page .kcd-rcol { display: flex; flex-direction: column; gap: 16px; }
.v3-page .kcd-convbig { text-align: center; padding: 8px 0 4px; }
.v3-page .kcd-convbig .cn { font-size: 44px; font-weight: 800; letter-spacing: -1.5px; color: var(--kc-event); }
.v3-page .kcd-convbig .cl { font-size: 12px; color: var(--v3-ink3); font-weight: 600; }
.v3-page .kcd-funnel { margin-top: 16px; display: flex; flex-direction: column; gap: 9px; }
.v3-page .kcd-frow { display: flex; align-items: center; gap: 10px; font-size: 12.5px; }
.v3-page .kcd-frow .fbar { height: 26px; max-width: 190px; border-radius: 8px; display: flex; align-items: center; padding: 0 10px; color: #fff; font-weight: 700; font-size: 12px; white-space: nowrap; flex: none; }
.v3-page .kcd-frow .fl { color: var(--v3-ink2); font-weight: 600; width: 96px; flex: none; white-space: nowrap; }
.v3-page .kcd-frow .fpct { margin-left: auto; color: var(--v3-ink3); font-weight: 700; font-size: 11.5px; white-space: nowrap; flex: none; }
.v3-page .kcd-tmpls { display: flex; flex-direction: column; gap: 9px; margin-top: 13px; }
.v3-page .kcd-tmpl { display: flex; align-items: center; gap: 11px; padding: 11px 12px; border: 1px solid var(--v3-line); border-radius: 11px; background: #fbfcfe; text-decoration: none; color: inherit; }
.v3-page .kcd-tmpl:hover { background: #f2f5fb; }
.v3-page .kcd-tmpl .thumb { width: 34px; height: 42px; border-radius: 6px; flex: none; background: #fff; border: 1px solid var(--v3-line); padding: 4px; display: flex; flex-direction: column; gap: 2.5px; }
.v3-page .kcd-tmpl .thumb .tbar { height: 3px; border-radius: 2px; background: #dfe6f1; }
.v3-page .kcd-tmpl .thumb .tbar.h { background: #c3d3ee; }
.v3-page .kcd-tmpl .tt b { font-size: 13px; font-weight: 700; word-break: break-all; }
.v3-page .kcd-tmpl .tt .tm { font-size: 11px; color: var(--v3-ink3); margin-top: 2px; display: flex; align-items: center; gap: 6px; }
.v3-page .kcd-catchip { font-size: 9.5px; font-weight: 800; letter-spacing: .3px; border-radius: 5px; padding: 1.5px 6px; }
.v3-page .kcd-cc-mail { background: #e8effd; color: #1e56c8; } .v3-page .kcd-cc-wa { background: #e5f5ec; color: #178a50; }
.v3-page .kcd-tmpl .go { margin-left: auto; color: var(--v3-ink3); font-size: 16px; }
.v3-page .kcd-cap { margin-top: 14px; }
.v3-page .kcd-cap .caprow { display: flex; justify-content: space-between; font-size: 12px; color: var(--v3-ink2); font-weight: 600; margin-bottom: 6px; }
.v3-page .kcd-cap .captrack { height: 12px; border-radius: 99px; background: #eef1f6; overflow: hidden; }
.v3-page .kcd-cap .captrack i { display: block; height: 100%; border-radius: 99px; background: linear-gradient(90deg, #8b7be0, #6d5bd0); }
.v3-page .kcd-emptybox { min-height: 120px; margin-top: 14px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; text-align: center; border: 1px dashed var(--v3-line); border-radius: 12px; background: #fbfcfe; color: var(--v3-ink3); padding: 18px; }
.v3-page .kcd-emptybox svg { width: 24px; height: 24px; stroke: currentColor; fill: none; stroke-width: 1.8; opacity: .55; }
.v3-page .kcd-emptybox span { font-size: 13px; font-weight: 700; color: var(--v3-ink2); }
.v3-page .kcd-emptybox small { font-size: 11.5px; font-weight: 600; max-width: 300px; }

/* ═══ 2) WELLE / DISPATCH-DETAIL (wd-) ═════════════════════════════════ */
.v3-page .wd-crumbrow { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; flex-wrap: wrap; }
.v3-page .wd-back { margin-left: auto; display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; font-weight: 700; color: var(--v3-brand); background: #e8effd; border-radius: 99px; padding: 6px 14px; text-decoration: none; }
.v3-page .wd-back svg { width: 13px; height: 13px; stroke: currentColor; fill: none; stroke-width: 2.4; }
.v3-page .wd-card { background: var(--v3-card); border: 1px solid var(--v3-line); border-radius: var(--v3-r); box-shadow: var(--v3-shadow); }
.v3-page .wd-whead { display: flex; align-items: center; gap: 16px; padding: 20px 24px; border-bottom: 1px solid var(--v3-line); flex-wrap: wrap; }
.v3-page .wd-wnum { width: 44px; height: 44px; border-radius: 12px; background: linear-gradient(140deg, #2f6fe0, #1e56c8); color: #fff; display: grid; place-items: center; flex: none; }
.v3-page .wd-wnum svg { width: 22px; height: 22px; stroke: #fff; fill: none; stroke-width: 2; }
.v3-page .wd-whead h2 { font-size: 18px; letter-spacing: -.2px; margin: 0; font-weight: 800; }
.v3-page .wd-whead .sub { font-size: 12.5px; color: var(--v3-ink3); margin-top: 2px; font-weight: 500; }
.v3-page .wd-status { margin-left: auto; display: flex; gap: 8px; flex-wrap: wrap; }
.v3-page .wd-chip { font-size: 12px; font-weight: 700; border-radius: 99px; padding: 5px 13px; }
.v3-page .wd-ch-grn { background: #e5f5ec; color: #178a50; } .v3-page .wd-ch-blu { background: #e8effd; color: #1e56c8; }
.v3-page .wd-ch-amb { background: #fdf3e2; color: #c07600; } .v3-page .wd-ch-gry { background: #eef1f6; color: var(--v3-ink2); }
.v3-page .wd-body { display: grid; grid-template-columns: 400px 1fr; gap: 0; }
@media (max-width: 1100px) { .v3-page .wd-body { grid-template-columns: 1fr; } }

/* Stufen-Timeline links (4-Schritt-Gate) */
.v3-page .wd-stages { padding: 20px 24px; border-right: 1px solid var(--v3-line); }
@media (max-width: 1100px) { .v3-page .wd-stages { border-right: none; border-bottom: 1px solid var(--v3-line); } }
.v3-page .wd-stages h3, .v3-page .wd-result h3 { font-size: 11.5px; letter-spacing: 1.3px; color: var(--v3-ink3); font-weight: 700; margin: 0 0 14px; }
.v3-page .wd-stage { display: flex; gap: 13px; position: relative; padding-bottom: 22px; }
.v3-page .wd-stage:not(:last-child)::before { content: ''; position: absolute; left: 14px; top: 34px; bottom: 2px; width: 2px; background: var(--v3-line); }
.v3-page .wd-sdot { width: 29px; height: 29px; border-radius: 50%; flex: none; display: grid; place-items: center; font-size: 12px; font-weight: 800; z-index: 1; }
.v3-page .wd-sdot svg { width: 14px; height: 14px; stroke-width: 2.6; fill: none; }
.v3-page .wd-sd-done { background: #e5f5ec; color: #178a50; box-shadow: inset 0 0 0 1.5px #9fd8b8; } .v3-page .wd-sd-done svg { stroke: #178a50; }
.v3-page .wd-sd-plan { background: #f1f4f8; color: #8b98ad; box-shadow: inset 0 0 0 1.5px #d6dde8; }
.v3-page .wd-stbody { flex: 1; min-width: 0; }
.v3-page .wd-stbody b { font-size: 13.5px; display: block; }
.v3-page .wd-stbody .m { font-size: 12px; color: var(--v3-ink3); margin-top: 3px; }
.v3-page .wd-stbody .ok { color: var(--v3-ok); font-weight: 700; }
.v3-page .wd-stact { margin-top: 9px; }
.v3-page .wd-stact form { margin: 0; }
.v3-page .wd-field { width: 100%; border: 1px solid var(--v3-line); border-radius: 9px; padding: 8px 11px; font-size: 12.5px; font-family: inherit; color: var(--v3-ink); background: #fff; margin-bottom: 8px; }
.v3-page .wd-btn { display: inline-flex; align-items: center; gap: 7px; border: 1px solid var(--v3-line); background: #fff; color: var(--v3-ink2); border-radius: 9px; padding: 8px 13px; font-size: 12.5px; font-weight: 700; box-shadow: var(--v3-shadow); cursor: pointer; text-decoration: none; }
.v3-page .wd-btn:hover { background: #fafbfe; }
.v3-page .wd-btn.pri { background: linear-gradient(135deg, #1e56c8, #2f6fe0); color: #fff; border: none; box-shadow: 0 4px 12px -4px rgba(30,86,200,.55); }
.v3-page .wd-btn.go { background: linear-gradient(135deg, #178a50, #1ea45e); color: #fff; border: none; }
.v3-page .wd-btn.dis { background: #eef1f6; color: var(--v3-ink3); border: none; box-shadow: none; cursor: not-allowed; }
.v3-page .wd-btn svg { width: 13px; height: 13px; stroke: currentColor; fill: none; stroke-width: 2.2; }

/* Ergebnis rechts (Gate-Status + Empfaenger-Breakdown) */
.v3-page .wd-result { padding: 20px 26px; }
.v3-page .wd-bigrow { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; }
.v3-page .wd-bigrow .v { font-size: 34px; font-weight: 800; letter-spacing: -1px; }
.v3-page .wd-bigrow .of { font-size: 14px; color: var(--v3-ink2); font-weight: 600; }
.v3-page .wd-bigrow .conv { margin-left: auto; text-align: right; }
.v3-page .wd-bigrow .conv b { font-size: 22px; }
.v3-page .wd-bigrow .conv b.ok { color: var(--v3-ok); } .v3-page .wd-bigrow .conv b.bad { color: var(--v3-bad); }
.v3-page .wd-bigrow .conv span { display: block; font-size: 11px; color: var(--v3-ink3); font-weight: 700; letter-spacing: .6px; }
.v3-page .wd-sumline { font-size: 13px; color: var(--v3-ink2); margin-top: 6px; }
.v3-page .wd-sumline b { color: var(--v3-ink); }
.v3-page .wd-gatepanel { margin-top: 16px; border-radius: 12px; padding: 13px 15px; font-size: 13px; font-weight: 650; }
.v3-page .wd-gatepanel.ok { background: #e5f5ec; border: 1px solid #bfe6cd; color: #14713f; }
.v3-page .wd-gatepanel.blocked { background: #fdeef0; border: 1px solid #f4cdd3; color: #b0333f; }
.v3-page .wd-dormant { margin-top: 14px; background: #fdf3e2; border: 1px solid #f2d9b8; border-radius: 12px; padding: 12px 15px; font-size: 12.5px; color: #8a5a00; font-weight: 600; }
.v3-page .wd-gatelist { margin-top: 14px; display: flex; flex-direction: column; }
.v3-page .wd-grow { display: flex; align-items: center; gap: 10px; padding: 9px 2px; border-bottom: 1px dashed var(--v3-line); font-size: 13px; }
.v3-page .wd-grow:last-child { border-bottom: none; }
.v3-page .wd-gicon { width: 22px; height: 22px; border-radius: 7px; display: grid; place-items: center; flex: none; font-weight: 800; font-size: 13px; }
.v3-page .wd-gicon.ok { background: #e5f5ec; color: #178a50; } .v3-page .wd-gicon.no { background: #fdeef0; color: #c93a4a; }
.v3-page .wd-grow b { font-weight: 650; }
.v3-page .wd-grow .gstate { margin-left: auto; font-size: 11px; font-weight: 800; letter-spacing: .3px; }
.v3-page .wd-grow .gstate.ok { color: var(--v3-ok); } .v3-page .wd-grow .gstate.no { color: var(--v3-bad); }
.v3-page .wd-krows { margin-top: 18px; }
.v3-page .wd-khead { font-size: 11px; letter-spacing: 1px; color: var(--v3-ink3); font-weight: 800; text-transform: uppercase; padding-bottom: 8px; border-bottom: 1px solid var(--v3-line); }
.v3-page .wd-krow { display: grid; grid-template-columns: 12px 1fr 90px; gap: 12px; align-items: center; padding: 10px 2px; border-bottom: 1px dashed var(--v3-line); font-size: 13px; }
.v3-page .wd-krow:last-child { border-bottom: none; }
.v3-page .wd-krow .sq { width: 11px; height: 11px; border-radius: 4px; }
.v3-page .wd-krow b { font-weight: 650; }
.v3-page .wd-krow .cnt { font-weight: 800; text-align: right; font-variant-numeric: tabular-nums; }
.v3-page .wd-segline { margin-top: 16px; font-size: 12px; color: var(--v3-ink3); line-height: 1.6; }
.v3-page .wd-segline b { color: var(--v3-ink2); }
.v3-page .wd-foot { padding: 14px 26px; border-top: 1px solid var(--v3-line); display: flex; gap: 20px; font-size: 12.5px; color: var(--v3-ink2); align-items: center; flex-wrap: wrap; }
.v3-page .wd-foot b { color: var(--v3-ink); }
.v3-page .wd-foot .open { margin-left: auto; font-weight: 700; color: var(--v3-warn); }
.v3-page .wd-cockpit { margin-top: 16px; }

/* ═══ 3) VORLAGEN-BIBLIOTHEK (vt-) ═════════════════════════════════════ */
.v3-page .vt-filterbar { display: flex; align-items: center; gap: 22px; margin-bottom: 16px; background: var(--v3-card); border: 1px solid var(--v3-line); border-radius: 14px; padding: 12px 16px; box-shadow: var(--v3-shadow); flex-wrap: wrap; }
.v3-page .vt-fgroup { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.v3-page .vt-fgroup .fl { font-size: 10.5px; font-weight: 800; letter-spacing: .7px; color: var(--v3-ink3); margin-right: 2px; }
.v3-page .vt-chip { border: 1px solid var(--v3-line); background: #fff; border-radius: 99px; padding: 5px 13px; font-size: 12.5px; font-weight: 600; color: var(--v3-ink2); display: inline-flex; align-items: center; gap: 6px; text-decoration: none; }
.v3-page .vt-chip:hover { background: #fafbfe; }
.v3-page .vt-chip.on { background: #e8effd; border-color: #bcd3f7; color: var(--v3-brand); }
.v3-page .vt-chip i { width: 8px; height: 8px; border-radius: 3px; }
.v3-page .vt-chip svg { width: 12px; height: 12px; stroke-width: 2; fill: none; }
.v3-page .vt-fsep { width: 1px; height: 26px; background: var(--v3-line); }
.v3-page .vt-fcount { margin-left: auto; font-size: 12.5px; color: var(--v3-ink3); font-weight: 600; }
.v3-page .vt-fcount b { color: var(--v3-ink); }

.v3-page .vt-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
@media (max-width: 1200px) { .v3-page .vt-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 760px) { .v3-page .vt-grid { grid-template-columns: 1fr; } }
.v3-page .vt-card { background: var(--v3-card); border: 1px solid var(--v3-line); border-radius: var(--v3-r); box-shadow: var(--v3-shadow); padding: 14px; position: relative; display: flex; flex-direction: column; }
.v3-page .vt-thumb { border: 1px solid var(--v3-line); border-radius: 11px; overflow: hidden; background: #fbfcfe; }
.v3-page .vt-thumb .head { height: 34px; display: flex; align-items: center; gap: 7px; padding: 0 12px; color: #fff; font-size: 11px; font-weight: 700; }
.v3-page .vt-thumb .head svg { width: 13px; height: 13px; stroke: #fff; fill: none; stroke-width: 2; }
.v3-page .vt-thumb .tbody { padding: 12px 14px; display: flex; flex-direction: column; gap: 6px; }
.v3-page .vt-thumb .ln { height: 6px; border-radius: 3px; background: #e6ebf3; }
.v3-page .vt-thumb .ln.t { width: 70%; height: 8px; background: #d3dcea; }
.v3-page .vt-thumb .cta { display: inline-block; height: 16px; width: 88px; border-radius: 5px; background: #c3d3ee; margin-top: 6px; }
.v3-page .vt-h-mail { background: linear-gradient(135deg, #1e56c8, #3a72e0); }
.v3-page .vt-h-wa { background: linear-gradient(135deg, #178a50, #22a866); }
.v3-page .vt-h-event { background: linear-gradient(135deg, #6d5bd0, #8574e0); }
.v3-page .vt-h-winback { background: linear-gradient(135deg, #c0504c, #d9635f); }
.v3-page .vt-h-stiftung { background: linear-gradient(135deg, #0e8f8e, #1aa8a6); }
.v3-page .vt-h-receipt { background: linear-gradient(135deg, #178a50, #22a866); }
.v3-page .vt-h-chargeback { background: linear-gradient(135deg, #c0504c, #d9635f); }
.v3-page .vt-h-generic { background: linear-gradient(135deg, #5b6b84, #7c89a0); }
.v3-page .vt-name { font-size: 14.5px; font-weight: 700; margin-top: 12px; display: flex; align-items: center; gap: 8px; word-break: break-all; }
.v3-page .vt-chips { display: flex; gap: 6px; margin-top: 8px; flex-wrap: wrap; }
.v3-page .vt-cat { font-size: 9.5px; font-weight: 800; letter-spacing: .3px; border-radius: 5px; padding: 2px 7px; }
.v3-page .vt-cat-reminder { background: #e8effd; color: #1e56c8; } .v3-page .vt-cat-receipt { background: #e5f5ec; color: #178a50; }
.v3-page .vt-cat-campaign { background: #f0edfd; color: #6d5bd0; } .v3-page .vt-cat-winback { background: #fbe9e8; color: #c0504c; }
.v3-page .vt-cat-stiftung { background: #e2f6f5; color: #0e8f8e; } .v3-page .vt-cat-chargeback { background: #fbe9e8; color: #c0504c; }
.v3-page .vt-cat-generic { background: #f1f4f8; color: var(--v3-ink2); }
.v3-page .vt-kanal { font-size: 9.5px; font-weight: 800; letter-spacing: .3px; border-radius: 5px; padding: 2px 7px; display: inline-flex; align-items: center; gap: 4px; }
.v3-page .vt-kanal svg { width: 10px; height: 10px; stroke-width: 2.2; fill: none; }
.v3-page .vt-k-mail { background: #eef2fb; color: #3357a8; } .v3-page .vt-k-mail svg { stroke: #3357a8; }
.v3-page .vt-k-wa { background: #e9f4ee; color: #178a50; } .v3-page .vt-k-wa svg { stroke: #178a50; }
.v3-page .vt-metarows { margin-top: 12px; padding-top: 11px; border-top: 1px dashed var(--v3-line); display: flex; flex-direction: column; gap: 7px; }
.v3-page .vt-mrow { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--v3-ink2); }
.v3-page .vt-mrow svg { width: 13px; height: 13px; stroke: var(--v3-ink3); fill: none; stroke-width: 2; flex: none; }
.v3-page .vt-mrow .used { color: var(--v3-brand); font-weight: 600; text-decoration: none; }
.v3-page .vt-mrow b { color: var(--v3-ink); }
.v3-page .vt-mrow .r { margin-left: auto; font-weight: 700; color: var(--v3-ink); }
.v3-page .vt-mrow .r.dim { color: var(--v3-ink3); font-weight: 600; }
.v3-page .vt-tfoot { display: flex; align-items: center; gap: 6px; margin-top: 12px; padding-top: 11px; border-top: 1px solid var(--v3-line); }
.v3-page .vt-status { font-size: 9.5px; font-weight: 800; letter-spacing: .2px; border-radius: 6px; padding: 3px 7px; display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; flex: none; }
.v3-page .vt-status .dot { width: 6px; height: 6px; border-radius: 50%; flex: none; }
.v3-page .vt-s-active { background: #e5f5ec; color: #178a50; } .v3-page .vt-s-active .dot { background: #178a50; }
.v3-page .vt-s-draft { background: #fdf3e2; color: #c07600; } .v3-page .vt-s-draft .dot { background: #c07600; }
.v3-page .vt-s-unused { background: #f1f4f8; color: var(--v3-ink3); } .v3-page .vt-s-unused .dot { background: #b6c0cf; }
.v3-page .vt-acts { margin-left: auto; display: flex; align-items: center; gap: 10px; flex: none; }
.v3-page .vt-preview { display: inline-flex; align-items: center; gap: 4px; color: var(--v3-ink2); font-weight: 600; font-size: 11.5px; text-decoration: none; white-space: nowrap; }
.v3-page .vt-preview svg { width: 13px; height: 13px; stroke: var(--v3-ink3); fill: none; stroke-width: 2; flex: none; }
.v3-page .vt-editor { display: inline-flex; align-items: center; gap: 3px; color: var(--v3-brand); font-weight: 700; font-size: 11.5px; text-decoration: none; white-space: nowrap; }

/* ═══ 4) KANÄLE & POSTFÄCHER (kn-) ═════════════════════════════════════ */
.v3-page .kn-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 16px; align-items: start; }
@media (max-width: 1100px) { .v3-page .kn-grid { grid-template-columns: 1fr; } .v3-page [class*="kn-col"] { grid-column: auto !important; } }
.v3-page .kn-card { background: var(--v3-card); border: 1px solid var(--v3-line); border-radius: var(--v3-r); box-shadow: var(--v3-shadow); padding: 18px 20px; }
.v3-page .kn-card h2 { display: flex; align-items: center; gap: 9px; font-size: 14.5px; font-weight: 700; letter-spacing: -.1px; margin: 0; }
.v3-page .kn-card h2 svg { width: 17px; height: 17px; stroke: var(--v3-brand); fill: none; stroke-width: 2; flex: none; }
.v3-page .kn-card h2 .more { margin-left: auto; font-size: 12.5px; color: var(--v3-brand); font-weight: 600; text-decoration: none; }
.v3-page .kn-card h2 .hcount { margin-left: auto; font-size: 11px; font-weight: 700; color: var(--v3-ok); background: #e5f5ec; border-radius: 99px; padding: 3px 11px; }
.v3-page .kn-card h2 .hcount.gray { color: var(--v3-ink2); background: #eef1f6; }
.v3-page .kn-sub { color: var(--v3-ink3); font-size: 12px; margin-top: 2px; }

.v3-page .kn-boxes { grid-column: span 8; }
.v3-page .kn-whats { grid-column: span 4; display: flex; flex-direction: column; }
.v3-page .kn-freq { grid-column: span 7; }
.v3-page .kn-send { grid-column: span 5; }
.v3-page .kn-deliver { grid-column: span 12; }

/* Postfächer */
.v3-page .kn-mblist { margin-top: 14px; display: flex; flex-direction: column; }
.v3-page .kn-mbrow { display: flex; align-items: center; gap: 14px; padding: 12px 4px; border-bottom: 1px dashed var(--v3-line); }
.v3-page .kn-mbrow:last-child { border: none; }
.v3-page .kn-mbicon { width: 38px; height: 38px; border-radius: 11px; background: #eef2fb; display: grid; place-items: center; flex: none; }
.v3-page .kn-mbicon svg { width: 19px; height: 19px; stroke: #3357a8; fill: none; stroke-width: 2; }
.v3-page .kn-mbinfo { min-width: 0; flex: 1; }
.v3-page .kn-mbinfo .addr { font-size: 14px; font-weight: 700; display: flex; align-items: center; gap: 8px; }
.v3-page .kn-mbinfo .addr .st { width: 8px; height: 8px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 3px rgba(34,197,94,.15); flex: none; }
.v3-page .kn-mbinfo .purp { font-size: 11.5px; color: var(--v3-ink3); margin-top: 2px; }
.v3-page .kn-mbstate { margin-left: auto; text-align: right; flex: none; }
.v3-page .kn-mbstate .connected { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 700; color: var(--v3-ok); }
.v3-page .kn-mbstate .connected .d { width: 8px; height: 8px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 3px rgba(34,197,94,.15); }
.v3-page .kn-mbstate .hint { display: block; font-size: 10px; color: var(--v3-ink3); font-weight: 600; margin-top: 3px; }
.v3-page .kn-boxfoot { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--v3-line); display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--v3-ink3); }
.v3-page .kn-boxfoot svg { width: 14px; height: 14px; stroke: var(--v3-ok); fill: none; stroke-width: 2; flex: none; }

/* WhatsApp */
.v3-page .kn-wanum { display: flex; align-items: center; gap: 12px; margin-top: 14px; padding: 13px 14px; border: 1px solid var(--v3-line); border-radius: 13px; background: #e9f4ee; }
.v3-page .kn-wanum .wi { width: 40px; height: 40px; border-radius: 11px; background: #178a50; display: grid; place-items: center; flex: none; }
.v3-page .kn-wanum .wi svg { width: 21px; height: 21px; stroke: #fff; fill: none; stroke-width: 2; }
.v3-page .kn-wanum .wt b { font-size: 15px; font-weight: 800; letter-spacing: .2px; }
.v3-page .kn-wanum .wt span { display: block; font-size: 11px; color: #2f7d55; font-weight: 600; margin-top: 1px; }
.v3-page .kn-warows { margin-top: 13px; display: flex; flex-direction: column; gap: 2px; }
.v3-page .kn-warow { display: flex; align-items: center; gap: 9px; padding: 9px 2px; border-bottom: 1px dashed var(--v3-line); font-size: 12.5px; }
.v3-page .kn-warow:last-child { border: none; }
.v3-page .kn-warow .wl { color: var(--v3-ink2); font-weight: 600; }
.v3-page .kn-warow .wv { margin-left: auto; font-weight: 700; }
.v3-page .kn-warow .stok { display: inline-flex; align-items: center; gap: 6px; color: var(--v3-ok); font-weight: 700; margin-left: auto; }
.v3-page .kn-warow .stok .d { width: 8px; height: 8px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 3px rgba(34,197,94,.15); }
.v3-page .kn-warow .stoff { display: inline-flex; align-items: center; gap: 6px; color: var(--v3-ink3); font-weight: 700; margin-left: auto; }
.v3-page .kn-warow .stoff .d { width: 8px; height: 8px; border-radius: 50%; background: #b6c0cf; }
.v3-page .kn-botrow { display: flex; align-items: center; gap: 12px; margin-top: 14px; padding: 12px 14px; border: 1px solid var(--v3-line); border-radius: 13px; background: #fbfcfe; }
.v3-page .kn-botrow .bt b { font-size: 13.5px; font-weight: 700; }
.v3-page .kn-botrow .bt span { display: block; font-size: 11px; color: var(--v3-ink3); margin-top: 1px; }
.v3-page .kn-toggle { margin-left: auto; width: 46px; height: 26px; border-radius: 99px; background: #178a50; position: relative; flex: none; box-shadow: inset 0 0 0 1px rgba(0,0,0,.05); }
.v3-page .kn-toggle i { position: absolute; top: 3px; left: 23px; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.25); }
.v3-page .kn-toggle.off { background: #ccd4e0; } .v3-page .kn-toggle.off i { left: 3px; }

/* Frequenzschutz */
.v3-page .kn-frule { display: flex; align-items: center; gap: 12px; margin-top: 14px; padding: 13px 15px; border: 1px solid #bcd3f7; border-radius: 13px; background: #eef4fe; }
.v3-page .kn-frule .fi { width: 38px; height: 38px; border-radius: 11px; background: #1e56c8; display: grid; place-items: center; flex: none; }
.v3-page .kn-frule .fi svg { width: 20px; height: 20px; stroke: #fff; fill: none; stroke-width: 2; }
.v3-page .kn-frule .ft { flex: 1; min-width: 0; }
.v3-page .kn-frule .ft b { font-size: 14px; font-weight: 800; }
.v3-page .kn-frule .ft span { display: block; font-size: 11.5px; color: var(--v3-ink2); margin-top: 1px; }
.v3-page .kn-gauges { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 24px; margin-top: 16px; }
@media (max-width: 620px) { .v3-page .kn-gauges { grid-template-columns: 1fr; } }
.v3-page .kn-gauge .gl { display: flex; align-items: baseline; gap: 8px; font-size: 12.5px; color: var(--v3-ink2); font-weight: 600; margin-bottom: 7px; }
.v3-page .kn-gauge .gl b { margin-left: auto; color: var(--v3-ink); font-size: 13px; }
.v3-page .kn-gtrack { height: 11px; border-radius: 99px; background: #eef1f6; overflow: hidden; }
.v3-page .kn-gtrack i { display: block; height: 100%; border-radius: 99px; }
.v3-page .kn-gauge .gh { font-size: 11px; color: var(--v3-ink3); margin-top: 6px; }

/* Signaturen / Absender */
.v3-page .kn-slist { margin-top: 14px; display: flex; flex-direction: column; gap: 9px; }
.v3-page .kn-srow { display: flex; align-items: center; gap: 12px; padding: 11px 13px; border: 1px solid var(--v3-line); border-radius: 12px; background: #fbfcfe; }
.v3-page .kn-srow .sa { width: 34px; height: 34px; border-radius: 9px; display: grid; place-items: center; color: #fff; font-weight: 700; font-size: 12px; flex: none; }
.v3-page .kn-srow .si { min-width: 0; flex: 1; }
.v3-page .kn-srow .si b { font-size: 13px; font-weight: 700; }
.v3-page .kn-srow .si span { display: block; font-size: 11px; color: var(--v3-ink3); margin-top: 1px; }
.v3-page .kn-srow .sdefault { margin-left: auto; font-size: 9.5px; font-weight: 800; letter-spacing: .4px; background: #e8effd; color: #1e56c8; border-radius: 5px; padding: 2px 7px; flex: none; }
.v3-page .kn-srow .sedit { margin-left: auto; color: var(--v3-ink3); font-size: 16px; flex: none; }
.v3-page .kn-sigblock { margin-top: 15px; padding-top: 14px; border-top: 1px solid var(--v3-line); }
.v3-page .kn-sigblock .st { font-size: 11px; font-weight: 800; letter-spacing: .5px; color: var(--v3-ink3); margin-bottom: 10px; }

/* Zustellqualität */
.v3-page .kn-dqtable { margin-top: 14px; display: flex; flex-direction: column; }
.v3-page .kn-dqrow { display: grid; grid-template-columns: 260px 220px 140px 1fr 1fr; align-items: center; gap: 16px; padding: 14px 4px; border-bottom: 1px dashed var(--v3-line); }
@media (max-width: 1000px) { .v3-page .kn-dqrow { grid-template-columns: 1fr 1fr; } }
.v3-page .kn-dqrow:last-child { border: none; }
.v3-page .kn-dqrow.head { padding: 0 4px 9px; color: var(--v3-ink3); font-size: 10px; font-weight: 800; letter-spacing: .6px; text-transform: uppercase; }
.v3-page .kn-dqch { display: flex; align-items: center; gap: 11px; }
.v3-page .kn-dqicon { width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; flex: none; }
.v3-page .kn-dqicon svg { width: 18px; height: 18px; stroke: #fff; fill: none; stroke-width: 2; }
.v3-page .kn-dqch b { font-size: 13.5px; font-weight: 700; display: block; }
.v3-page .kn-dqch span { font-size: 11px; color: var(--v3-ink3); }
.v3-page .kn-dqstat b { font-size: 14px; font-weight: 800; }
.v3-page .kn-dqstat b.dim { color: var(--v3-ink3); }
.v3-page .kn-dqstat span { display: block; font-size: 10px; color: var(--v3-ink3); font-weight: 600; margin-top: 2px; }
.v3-page .kn-dqfoot { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--v3-line); font-size: 11.5px; color: var(--v3-ink3); }
.v3-page .kn-aufbau { display: inline-flex; align-items: center; gap: 5px; font-size: 10px; font-weight: 800; letter-spacing: .3px; color: var(--v3-ink3); background: #eef1f6; border-radius: 6px; padding: 3px 8px; }

/* ═══ 5) KOMMUNIKATIONS-WIRKUNG / ATTRIBUTION (at-) ════════════════════ */
.v3-page .at-kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 16px; }
@media (max-width: 1000px) { .v3-page .at-kpis { grid-template-columns: repeat(2, 1fr); } }
.v3-page .at-kpi { background: var(--v3-card); border: 1px solid var(--v3-line); border-radius: var(--v3-r); box-shadow: var(--v3-shadow); padding: 16px 18px; display: flex; align-items: center; gap: 14px; }
.v3-page .at-kpi .ki { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; flex: none; }
.v3-page .at-kpi .ki svg { width: 22px; height: 22px; fill: none; stroke-width: 2; stroke: currentColor; }
.v3-page .at-kpi .kl { font-size: 11px; letter-spacing: .4px; color: var(--v3-ink3); font-weight: 700; text-transform: uppercase; }
.v3-page .at-kpi .kv { font-size: 25px; font-weight: 800; letter-spacing: -.8px; margin-top: 1px; }
.v3-page .at-kpi .kv small { font-size: 14px; font-weight: 700; color: var(--v3-ink2); }
.v3-page .at-kpi .kd { font-size: 11.5px; color: var(--v3-ink2); font-weight: 600; }
.v3-page .at-c-grn { background: #e5f5ec; color: #178a50; } .v3-page .at-c-blue { background: #e8effd; color: #1e56c8; }
.v3-page .at-c-amb { background: #fdf3e2; color: #c07600; } .v3-page .at-c-vio { background: #f0edfd; color: #7c6cf0; }

.v3-page .at-card { background: var(--v3-card); border: 1px solid var(--v3-line); border-radius: var(--v3-r); box-shadow: var(--v3-shadow); padding: 18px 20px; margin-bottom: 16px; }
.v3-page .at-card h2 { display: flex; align-items: center; gap: 9px; font-size: 14.5px; font-weight: 700; letter-spacing: -.1px; margin: 0; }
.v3-page .at-card h2 svg { width: 17px; height: 17px; stroke: var(--v3-brand); fill: none; stroke-width: 2; flex: none; }
.v3-page .at-card h2 .more { margin-left: auto; font-size: 12.5px; color: var(--v3-brand); font-weight: 600; text-decoration: none; }
.v3-page .at-sub { color: var(--v3-ink3); font-size: 12px; margin-top: 2px; }
.v3-page .at-table { width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 10px; }
.v3-page .at-table th { font-size: 10.5px; letter-spacing: .7px; color: var(--v3-ink3); text-align: left; font-weight: 700; padding: 9px 12px; border-bottom: 1px solid var(--v3-line); }
.v3-page .at-table td { padding: 12px; border-bottom: 1px solid #eef1f6; vertical-align: middle; }
.v3-page .at-table tr:last-child td { border-bottom: none; }
.v3-page .at-stage { display: flex; align-items: center; gap: 11px; font-weight: 700; font-size: 13.5px; }
.v3-page .at-stage .no { width: 26px; height: 26px; border-radius: 8px; background: #e8effd; color: var(--v3-brand); display: grid; place-items: center; font-size: 12.5px; flex: none; }
.v3-page .at-stage small { display: block; font-weight: 500; color: var(--v3-ink3); font-size: 11px; margin-top: 1px; }
.v3-page .at-kanal { display: flex; gap: 5px; }
.v3-page .at-ch { display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 8px; }
.v3-page .at-ch svg { width: 14px; height: 14px; stroke-width: 2; fill: none; }
.v3-page .at-ch-mail { background: #e8effd; } .v3-page .at-ch-mail svg { stroke: #1e56c8; }
.v3-page .at-ch-wa { background: #e5f5ec; } .v3-page .at-ch-wa svg { stroke: #178a50; }
.v3-page .at-stag { display: flex; flex-direction: column; gap: 5px; min-width: 196px; }
.v3-page .at-sgr { display: flex; align-items: center; gap: 9px; }
.v3-page .at-sgr .sl { font-size: 10px; color: var(--v3-ink3); font-weight: 700; width: 46px; }
.v3-page .at-sgr .sbar { width: 132px; height: 9px; background: #eef1f6; border-radius: 99px; overflow: hidden; }
.v3-page .at-sgr .sbar i { display: block; height: 100%; border-radius: 99px; background: linear-gradient(90deg, #5cc98d, #178a50); }
.v3-page .at-sgr .sbar i.blu { background: linear-gradient(90deg, #4f8bec, #1e56c8); }
.v3-page .at-sgr .sp { font-size: 11.5px; font-weight: 700; width: 44px; color: var(--v3-ink2); white-space: nowrap; }
.v3-page .at-num { font-weight: 700; font-size: 13.5px; font-variant-numeric: tabular-nums; }
.v3-page .at-dim { color: var(--v3-ink3); }
.v3-page .at-wfoot { display: flex; align-items: center; gap: 9px; padding: 12px 12px 2px; font-size: 12px; color: var(--v3-ink3); font-weight: 600; flex-wrap: wrap; }
.v3-page .at-wfoot .pill2 { background: #e2f6f5; color: #0e8f8e; border-radius: 99px; padding: 3px 11px; font-weight: 700; }

.v3-page .at-kgrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 16px; }
@media (max-width: 1000px) { .v3-page .at-kgrid { grid-template-columns: repeat(2, 1fr); } }
.v3-page .at-kcard { background: var(--v3-card); border: 1px solid var(--v3-line); border-radius: var(--v3-r); box-shadow: var(--v3-shadow); padding: 16px 18px; }
.v3-page .at-kcard .kh { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.v3-page .at-kcard .kh .ci { width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; flex: none; }
.v3-page .at-kcard .kh .ci svg { width: 18px; height: 18px; fill: none; stroke-width: 2; stroke: currentColor; }
.v3-page .at-kcard .kh b { font-size: 14.5px; font-weight: 750; }
.v3-page .at-kcard .kh span { display: block; font-size: 11px; color: var(--v3-ink3); font-weight: 600; }
.v3-page .at-kmet { display: flex; flex-direction: column; gap: 8px; }
.v3-page .at-kmet .mr { display: flex; align-items: center; justify-content: space-between; font-size: 12.5px; color: var(--v3-ink2); font-weight: 600; padding: 5px 0; border-bottom: 1px dashed var(--v3-line); }
.v3-page .at-kmet .mr:last-child { border: none; }
.v3-page .at-kmet .mr b { font-size: 14px; font-weight: 800; color: var(--v3-ink); }
.v3-page .at-kmet .mr b.g { color: var(--v3-ok); }
.v3-page .at-kmet .mr b.dim { color: var(--v3-ink3); font-weight: 700; }
.v3-page .at-kb-mail .ci { background: #e8effd; color: #1e56c8; } .v3-page .at-kb-wa .ci { background: #e5f5ec; color: #178a50; }
.v3-page .at-kb-post .ci { background: #e2f6f5; color: #0e8f8e; } .v3-page .at-kb-sepa .ci { background: #fdf3e2; color: #c07600; }
.v3-page .at-ichips { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 14px; }
.v3-page .at-ic { flex: 1; min-width: 280px; display: flex; align-items: flex-start; gap: 12px; border: 1px solid var(--v3-line); border-radius: 13px; padding: 13px 15px; background: #fbfcfe; }
.v3-page .at-ic .ico { width: 34px; height: 34px; border-radius: 9px; display: grid; place-items: center; flex: none; }
.v3-page .at-ic .ico svg { width: 17px; height: 17px; fill: none; stroke-width: 2; stroke: currentColor; }
.v3-page .at-ic .it { font-size: 13px; font-weight: 650; color: var(--v3-ink); line-height: 1.4; }
.v3-page .at-ic .rec { display: inline-flex; align-items: center; gap: 5px; margin-top: 6px; font-size: 11.5px; font-weight: 800; border-radius: 99px; padding: 3px 10px; }
.v3-page .at-ico-keep { background: #e5f5ec; color: #178a50; } .v3-page .at-rec-keep { background: #e5f5ec; color: #178a50; }
.v3-page .at-ico-tune { background: #e8effd; color: #1e56c8; } .v3-page .at-rec-tune { background: #e8effd; color: #1e56c8; }
.v3-page .at-ico-info { background: #eef1f6; color: var(--v3-ink2); } .v3-page .at-rec-info { background: #eef1f6; color: var(--v3-ink2); }
.v3-page .at-insight h2 svg { stroke: #c07600; }
   R3 — HOME (Übersicht). Pixel-Port aus dem freigegebenen Mockup
   scratchpad/v2_home.html. ADDITIV, alles unter `.v3-page .home3`, damit die
   kurzen Mockup-Klassennamen (.card/.hero/.todo/.fw/…) keine Bestands-Seite
   berühren. Sidebar/Topbar kommen aus der App-Shell — hier nur der Content.
   ═══════════════════════════════════════════════════════════════════════ */
.v3-page .home3 {
  --canvas: #f4f6f9; --card: #fff; --line: #e6eaf1; --ink: #16233a; --ink2: #5b6b84; --ink3: #8b98ad;
  --brand: #1e56c8; --ok: #178a50; --warn: #c07600; --bad: #c93a4a;
  --sepa: #2563eb; --ueb: #0ea5a4; --paypal: #7c6cf0; --stripe: #b558d9;
  --r: 16px; --shadow: 0 1px 2px rgba(22,35,58,.05), 0 10px 28px -14px rgba(22,35,58,.14);
  color: var(--ink);
}
.v3-page .home3 .num { font-variant-numeric: tabular-nums; }

/* Banner-Slots (Wächter) */
.v3-page .home3 .home3-banner { margin-bottom: 14px; }

/* Kopfzeile */
.v3-page .home3 .home-top { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 18px; }
.v3-page .home3 .home-top h1 { font-size: 21px; font-weight: 800; letter-spacing: -.3px; margin: 0; }
.v3-page .home3 .home-top .ht-date { color: var(--ink3); font-weight: 500; font-size: 13px; margin-top: 3px; }
.v3-page .home3 .hpill { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 700; color: var(--ok); background: #e5f5ec; border-radius: 99px; padding: 5px 13px; margin-left: auto; white-space: nowrap; }
.v3-page .home3 .hpill.warn { color: var(--warn); background: #fdf3e2; }
.v3-page .home3 .hpill .hd { width: 8px; height: 8px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 3px rgba(34,197,94,.16); }
.v3-page .home3 .hpill.warn .hd { background: #f59e0b; box-shadow: 0 0 0 3px rgba(245,158,11,.18); }

/* Raster + Karte */
.v3-page .home3 .grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 16px; }
.v3-page .home3 .card { background: var(--card); border: 1px solid var(--line); border-radius: var(--r); box-shadow: var(--shadow); padding: 18px 20px; display: block; text-decoration: none; color: inherit; }
a.card { transition: box-shadow .15s, transform .15s; }
.v3-page .home3 a.card:hover { box-shadow: 0 1px 2px rgba(22,35,58,.05), 0 16px 34px -14px rgba(22,35,58,.22); }
.v3-page .home3 .card h2 { display: flex; align-items: center; gap: 9px; font-size: 14.5px; font-weight: 700; letter-spacing: -.1px; margin: 0; }
.v3-page .home3 .card h2 svg { width: 17px; height: 17px; stroke: var(--brand); fill: none; stroke-width: 2; flex: none; }
.v3-page .home3 .card h2 .more { margin-left: auto; font-size: 12.5px; color: var(--brand); font-weight: 600; text-decoration: none; }
.v3-page .home3 .card .sub { color: var(--ink3); font-size: 12px; margin-top: 2px; }
.v3-page .home3 .seg { display: flex; background: #eef1f6; border-radius: 9px; padding: 3px; font-size: 12px; font-weight: 600; color: var(--ink2); margin-left: auto; }
.v3-page .home3 .seg span { padding: 4px 12px; border-radius: 7px; }
.v3-page .home3 .seg .on { background: #fff; color: var(--ink); box-shadow: 0 1px 3px rgba(22,35,58,.12); }

/* EQ HERO */
.v3-page .home3 .hero { grid-column: span 8; display: flex; flex-direction: column; background: linear-gradient(135deg, #10304f 0%, #153a60 55%, #1b4a7c 100%); color: #fff; border: none; position: relative; overflow: hidden; }
.v3-page .home3 .hero::after { content: ''; position: absolute; right: -70px; top: -90px; width: 320px; height: 320px; border-radius: 50%; background: radial-gradient(circle, rgba(96,165,250,.25), transparent 65%); }
.v3-page .home3 .hero .lbl { font-size: 12px; letter-spacing: 1.6px; color: #9fc0e2; font-weight: 700; }
.v3-page .home3 .hero .big { display: flex; align-items: baseline; gap: 14px; margin-top: 6px; }
.v3-page .home3 .hero .big .v { font-size: 46px; font-weight: 800; letter-spacing: -1.5px; }
.v3-page .home3 .hero .delta { background: rgba(52,211,153,.18); color: #6ee7b7; font-weight: 700; font-size: 12.5px; border-radius: 99px; padding: 4px 11px; }
.v3-page .home3 .hero .delta.neg { background: rgba(248,113,113,.15); color: #fca5a5; }
.v3-page .home3 .hero .spark { flex: 1; min-height: 84px; margin: 10px 0 4px; position: relative; }
.v3-page .home3 .hero .spark svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.v3-page .home3 .hero .bar { height: 12px; border-radius: 99px; background: rgba(255,255,255,.14); margin: 16px 0 10px; position: relative; overflow: visible; }
.v3-page .home3 .hero .bar i { position: absolute; inset: 0; border-radius: 99px; background: linear-gradient(90deg, #34d399, #4ade80); }
.v3-page .home3 .hero .bar .tick { position: absolute; top: -4px; bottom: -4px; width: 2px; background: #fbbf24; border-radius: 2px; }
.v3-page .home3 .hero .legend { display: flex; gap: 26px; padding-top: 14px; font-size: 13px; color: #bcd2e8; }
.v3-page .home3 .hero .legend > div { display: flex; flex-direction: column; }
.v3-page .home3 .hero .legend b { color: #fff; font-size: 16px; margin-top: 1px; }
.v3-page .home3 .hero .legend .vj { margin-left: auto; text-align: right; font-size: 12px; color: #8fb0d0; font-weight: 500; }

/* HEUTE ZU TUN */
.v3-page .home3 .todo { grid-column: span 4; }
.v3-page .home3 .todo ul { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-direction: column; }
.v3-page .home3 .todo .titem { display: flex; align-items: center; gap: 12px; padding: 10px 2px; border-bottom: 1px dashed var(--line); text-decoration: none; color: inherit; }
.v3-page .home3 .todo .titem:last-child { border: none; }
.v3-page .home3 .todo .titem:hover b.n { color: var(--brand); }
.v3-page .home3 .todo .ic { width: 32px; height: 32px; border-radius: 9px; display: grid; place-items: center; flex: none; }
.v3-page .home3 .todo .ic svg { width: 16px; height: 16px; fill: none; stroke-width: 2; }
.v3-page .home3 .todo .t { flex: 1; }
.v3-page .home3 .todo .t b { font-size: 13.5px; }
.v3-page .home3 .todo .t span { display: block; font-size: 11.5px; color: var(--ink3); }
.v3-page .home3 .todo .n { font-weight: 800; font-size: 15px; }
.v3-page .home3 .todo .go { color: var(--ink3); font-size: 16px; margin-left: 2px; }
.v3-page .home3 .c-blue { background: #e8effd; color: #1e56c8; } .v3-page .home3 .c-red { background: #fdeaec; color: #c93a4a; }
.v3-page .home3 .c-amb { background: #fdf3e2; color: #c07600; } .v3-page .home3 .c-grn { background: #e5f5ec; color: #178a50; } .v3-page .home3 .c-vio { background: #f0edfd; color: #7c6cf0; }

/* FINANZWOCHE */
.v3-page .home3 .fw { grid-column: span 8; }
.v3-page .home3 .fw .chart { display: grid; grid-template-columns: repeat(7, 1fr); gap: 12px; margin-top: 16px; align-items: end; height: 150px; }
.v3-page .home3 .fw .day { display: flex; flex-direction: column; justify-content: flex-end; height: 100%; border-radius: 8px; padding: 5px 9px 0; }
.v3-page .home3 .fw .day.today { background: linear-gradient(180deg, #eaf1fe, #f5f8ff); outline: 1.5px solid #bcd3f7; }
.v3-page .home3 .fw .stack { width: 100%; display: flex; flex-direction: column-reverse; border-radius: 6px; overflow: hidden; }
.v3-page .home3 .fw .stack i { display: block; width: 100%; }
.v3-page .home3 .fw .day .sum { text-align: center; font-size: 11.5px; font-weight: 700; color: var(--ink2); margin-bottom: 5px; }
.v3-page .home3 .fw .xlab { display: grid; grid-template-columns: repeat(7, 1fr); gap: 12px; margin-top: 7px; text-align: center; font-size: 11.5px; color: var(--ink3); font-weight: 600; }
.v3-page .home3 .fw .xlab .today { color: var(--brand); font-weight: 800; }
.v3-page .home3 .fw .rows { margin-top: 13px; border-top: 1px solid var(--line); padding-top: 11px; display: flex; flex-direction: column; gap: 7px; }
.v3-page .home3 .fw .mrow { display: grid; grid-template-columns: 150px repeat(7, 1fr) 96px; gap: 12px; align-items: center; font-size: 12px; color: var(--ink2); }
.v3-page .home3 .fw .mrow .dots { display: flex; justify-content: center; }
.v3-page .home3 .dot { min-width: 20px; height: 20px; border-radius: 7px; display: grid; place-items: center; font-size: 10.5px; font-weight: 700; padding: 0 4px; }
.v3-page .home3 .d-red { background: #fdeaec; color: #c93a4a; } .v3-page .home3 .d-grn { background: #e5f5ec; color: #178a50; }
.v3-page .home3 .d-amb { background: #fdf3e2; color: #c07600; } .v3-page .home3 .d-mut { background: #f1f4f8; color: #b6c0cf; }
.v3-page .home3 .fw .mrow .tot { text-align: right; font-weight: 700; color: var(--ink); }
.v3-page .home3 .leg { display: flex; gap: 16px; margin-top: 12px; font-size: 11.5px; color: var(--ink2); font-weight: 600; }
.v3-page .home3 .leg i { width: 9px; height: 9px; border-radius: 3px; display: inline-block; margin-right: 5px; vertical-align: -1px; }

/* MITGLIEDERWACHSTUM */
.v3-page .home3 .growth { grid-column: span 4; display: flex; flex-direction: column; }
.v3-page .home3 .growth .gnums { display: flex; gap: 20px; margin: 12px 0 6px; }
.v3-page .home3 .growth .gnums b { font-size: 22px; letter-spacing: -.5px; }
.v3-page .home3 .growth .gnums .up b { color: var(--ok); } .v3-page .home3 .growth .gnums .dn b { color: var(--bad); }
.v3-page .home3 .growth .gnums span { display: block; font-size: 11.5px; color: var(--ink3); font-weight: 600; }
.v3-page .home3 .growth .gchart { display: grid; grid-template-columns: repeat(7, 1fr); gap: 9px; flex: 1; min-height: 110px; align-items: center; margin-top: 8px; }
.v3-page .home3 .growth .gcol { display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: center; gap: 2px; }
.v3-page .home3 .growth .gup { width: 70%; background: linear-gradient(180deg, #34d399, #178a50); border-radius: 5px 5px 2px 2px; }
.v3-page .home3 .growth .gdn { width: 70%; background: #f3b8bf; border-radius: 2px 2px 5px 5px; }
.v3-page .home3 .growth .gzero { width: 100%; height: 1px; background: var(--line); }
.v3-page .home3 .growth .net { margin-top: auto; padding-top: 10px; border-top: 1px solid var(--line); display: flex; align-items: center; font-size: 12.5px; color: var(--ink2); }
.v3-page .home3 .growth .net b { color: var(--ok); font-size: 15px; margin-left: auto; }

/* KOMMUNIKATIONSKALENDER */
.v3-page .home3 .cal { grid-column: span 12; }
.v3-page .home3 .cal .calgrid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 9px; margin-top: 13px; }
.v3-page .home3 .cal .cald { border: 1px solid var(--line); border-radius: 11px; padding: 9px 10px; min-height: 104px; background: #fbfcfe; }
.v3-page .home3 .cal .cald.today { background: #eef4fe; border-color: #bcd3f7; }
.v3-page .home3 .cal .cald .d { font-size: 11px; font-weight: 700; color: var(--ink3); margin-bottom: 7px; }
.v3-page .home3 .cal .cald.today .d { color: var(--brand); }
.v3-page .home3 .cal .ev { font-size: 11px; font-weight: 600; border-radius: 6px; padding: 3.5px 7px; margin-bottom: 5px; line-height: 1.25; }
.v3-page .home3 .cal .e-camp { background: #e8effd; color: #1e56c8; } .v3-page .home3 .cal .e-rem { background: #fdf3e2; color: #c07600; }
.v3-page .home3 .cal .e-event { background: #f0edfd; color: #6d5bd0; } .v3-page .home3 .cal .e-post { background: #e5f5ec; color: #178a50; }

/* REMINDER-PIPELINE */
.v3-page .home3 .pipe { grid-column: span 12; }
.v3-page .home3 .pipe .pipehead { display: flex; align-items: center; gap: 22px; margin: 12px 0 12px; flex-wrap: wrap; }
.v3-page .home3 .kchip { display: flex; flex-direction: column; padding: 9px 16px; border-radius: 11px; background: #f6f8fb; border: 1px solid var(--line); }
.v3-page .home3 .kchip b { font-size: 17px; letter-spacing: -.3px; }
.v3-page .home3 .kchip span { font-size: 11px; color: var(--ink3); font-weight: 600; letter-spacing: .3px; }
.v3-page .home3 .kchip.hot b { color: var(--bad); }
.v3-page .home3 .pipe .filters { margin-left: auto; display: flex; gap: 7px; }
.v3-page .home3 .chip { border: 1px solid var(--line); background: #fff; border-radius: 99px; padding: 5px 13px; font-size: 12px; font-weight: 600; color: var(--ink2); }
.v3-page .home3 .chip.on { background: #e8effd; border-color: #bcd3f7; color: var(--brand); }
.v3-page .home3 .tblwrap { overflow-x: auto; }
.v3-page .home3 table { width: 100%; border-collapse: collapse; font-size: 13px; }
.v3-page .home3 th { font-size: 11px; letter-spacing: .8px; color: var(--ink3); text-align: left; font-weight: 700; padding: 8px 10px; border-bottom: 1px solid var(--line); white-space: nowrap; }
.v3-page .home3 td { padding: 11px 10px; border-bottom: 1px solid #eef1f6; vertical-align: middle; }
.v3-page .home3 tr:last-child td { border: none; }
.v3-page .home3 .stage { display: flex; align-items: center; gap: 9px; font-weight: 700; }
.v3-page .home3 .stage .no { width: 24px; height: 24px; border-radius: 8px; background: #e8effd; color: var(--brand); display: grid; place-items: center; font-size: 12px; flex: none; }
.v3-page .home3 .stage small { display: block; font-weight: 500; color: var(--ink3); font-size: 11px; }
.v3-page .home3 .ch { display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 7px; margin-right: 4px; }
.v3-page .home3 .ch svg { width: 13px; height: 13px; stroke-width: 2; fill: none; }
.v3-page .home3 .links a { color: var(--brand); font-weight: 600; font-size: 12px; text-decoration: none; margin-right: 10px; white-space: nowrap; }

/* PULS */
.v3-page .home3 .pulse { grid-column: span 5; }
.v3-page .home3 .pulse ul { list-style: none; margin: 12px 0 0; padding: 0; }
.v3-page .home3 .pulse li { display: flex; gap: 12px; padding: 8.5px 0; border-bottom: 1px dashed var(--line); align-items: flex-start; }
.v3-page .home3 .pulse li:last-child { border: none; }
.v3-page .home3 .pulse .pi { width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; flex: none; }
.v3-page .home3 .pulse .pi svg { width: 14px; height: 14px; fill: none; stroke-width: 2; }
.v3-page .home3 .pulse p { font-size: 13px; flex: 1; margin: 0; } .v3-page .home3 .pulse p b { font-weight: 700; }
.v3-page .home3 .pulse time { font-size: 11px; color: var(--ink3); font-weight: 600; white-space: nowrap; padding-top: 2px; }
.v3-page .home3 .pulse .empty { padding: 26px 8px; text-align: center; color: var(--ink3); font-size: 13px; }

/* SYSTEMCHECK */
.v3-page .home3 .sys { grid-column: span 7; }
.v3-page .home3 .sys .syssum { display: inline-flex; align-items: center; gap: 7px; margin-left: 14px; font-size: 12px; font-weight: 700; color: var(--ok); background: #e5f5ec; border-radius: 99px; padding: 3px 11px; }
.v3-page .home3 .sysgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 22px; margin-top: 12px; }
.v3-page .home3 .sysrow { display: flex; align-items: center; gap: 9px; padding: 7.5px 2px; overflow: hidden; white-space: nowrap; border-bottom: 1px dashed var(--line); font-size: 13px; }
.v3-page .home3 .sysrow .st { width: 9px; height: 9px; border-radius: 50%; flex: none; }
.v3-page .home3 .st-ok { background: #22c55e; box-shadow: 0 0 0 3px rgba(34,197,94,.15); }
.v3-page .home3 .st-warn { background: #f59e0b; box-shadow: 0 0 0 3px rgba(245,158,11,.18); }
.v3-page .home3 .sysrow b { font-weight: 650; }
.v3-page .home3 .sysrow .tag { font-size: 10px; font-weight: 700; letter-spacing: .4px; color: var(--ink3); background: #f1f4f8; border-radius: 5px; padding: 2px 6px; }
.v3-page .home3 .sysrow time { margin-left: auto; font-size: 11.5px; color: var(--ink3); font-weight: 600; white-space: nowrap; }

/* Responsive: unter 1100px auf eine Spalte */
@media (max-width: 1100px) {
  .v3-page .home3 .grid > .card { grid-column: span 12 !important; }
}

/* EQ-Hero: Monatslabels unter der Sparkline */
.v3-page .home3 .hero .spark-x { position: absolute; left: 40px; right: 12px; bottom: -1px; display: flex; justify-content: space-between; font-size: 9.5px; color: #8fb0d0; font-weight: 600; pointer-events: none; }
.v3-page .home3 a.sysrow { text-decoration: none; color: inherit; cursor: pointer; }
.v3-page .home3 a.sysrow:hover b { color: var(--brand); }
   R4 — FINANZBEREICH-ZIELBILD (1:1-Ports der freigegebenen V2/V3-Finanz-
   Mockups). ADDITIV: alles unter `.fin-r4` bzw. `.fin-r4--<seite>` gescoped,
   damit weder Bestands-Seiten noch die anderen R4-Seiten kollidieren. Die
   Tokens spiegeln 1:1 die :root-Werte der Mockups; das Full-Bleed folgt der
   .v3-page-Technik (Ausbruch aus dem .shell-content-Padding).
   ═══════════════════════════════════════════════════════════════════════ */
.fin-r4 {
  --canvas: #f4f6f9; --card: #ffffff; --line: #e6eaf1; --line2: #eef1f6;
  --ink: #16233a; --ink2: #5b6b84; --ink3: #8b98ad;
  --brand: #1e56c8; --brand-deep: #0f2b46;
  --ok: #178a50; --warn: #c07600; --bad: #c93a4a;
  --sepa: #2563eb; --ueb: #0ea5a4; --paypal: #7c6cf0; --stripe: #b558d9;
  --r: 16px; --r-sm: 11px;
  --shadow: 0 1px 2px rgba(22,35,58,.05), 0 10px 28px -14px rgba(22,35,58,.14);

  margin: -24px calc(clamp(16px, 3vw, 32px) * -1);
  padding: 0;
  min-height: calc(100% + 48px);
  box-sizing: border-box;
  background: var(--canvas);
  color: var(--ink);
  font-family: "Inter", -apple-system, "Segoe UI", system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
}
.fin-r4 * { box-sizing: border-box; }
.fin-r4 .num { font-variant-numeric: tabular-nums; }
.fin-r4--cockpit .num { font-variant-numeric:tabular-nums }
.fin-r4--cockpit .main { padding:22px 28px 40px }
.fin-r4--cockpit .top { display:flex;align-items:center;gap:14px;margin-bottom:18px }
.fin-r4--cockpit .top h1 { font-size:21px;letter-spacing:-.3px }
.fin-r4--cockpit .top .date { color:var(--ink3);font-weight:500;font-size:13px;margin-top:3px }
.fin-r4--cockpit .search { margin-left:auto;display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);
    border-radius:11px;padding:8px 14px;color:var(--ink3);width:270px;box-shadow:var(--shadow) }
.fin-r4--cockpit .iconbtn { width:37px;height:37px;border-radius:11px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink2);box-shadow:var(--shadow) }
.fin-r4--cockpit .hpill { display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--ok);background:#e5f5ec;border-radius:99px;padding:4px 11px;white-space:nowrap }
.fin-r4--cockpit .hpill .hd { width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.16) }
.fin-r4--cockpit .grid { display:grid;grid-template-columns:repeat(12,1fr);gap:16px }
.fin-r4--cockpit .card { background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px 20px }
.fin-r4--cockpit .card h2 { display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:700;letter-spacing:-.1px }
.fin-r4--cockpit .card h2 svg { width:17px;height:17px;stroke:var(--brand);fill:none;stroke-width:2 }
.fin-r4--cockpit .card h2 .more { margin-left:auto;font-size:12.5px;color:var(--brand);font-weight:600;text-decoration:none;cursor:pointer }
.fin-r4--cockpit .sub { color:var(--ink3);font-size:12px;margin-top:2px }
.fin-r4--cockpit .hero { grid-column:span 8;display:flex;flex-direction:column;background:linear-gradient(135deg,#10304f 0%,#153a60 55%,#1b4a7c 100%);color:#fff;border:none;position:relative;overflow:hidden }
.fin-r4--cockpit .hero::after { content:'';position:absolute;right:-70px;top:-90px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.25),transparent 65%) }
.fin-r4--cockpit .hero .lbl { font-size:12px;letter-spacing:1.6px;color:#9fc0e2;font-weight:700 }
.fin-r4--cockpit .hero .big { display:flex;align-items:baseline;gap:14px;margin-top:6px }
.fin-r4--cockpit .hero .big .v { font-size:46px;font-weight:800;letter-spacing:-1.5px }
.fin-r4--cockpit .hero .delta { background:rgba(52,211,153,.18);color:#6ee7b7;font-weight:700;font-size:12.5px;border-radius:99px;padding:4px 11px }
.fin-r4--cockpit .bar { height:12px;border-radius:99px;background:rgba(255,255,255,.14);margin:16px 0 10px;position:relative;overflow:hidden }
.fin-r4--cockpit .bar i { position:absolute;inset:0;width:71.4%;border-radius:99px;background:linear-gradient(90deg,#34d399,#4ade80) }
.fin-r4--cockpit .bar .tick { position:absolute;top:-4px;bottom:-4px;left:94.5%;width:2px;background:#fbbf24;border-radius:2px }
.fin-r4--cockpit .hero .legend { display:flex;gap:26px;padding-top:14px;font-size:13px;color:#bcd2e8 }
.fin-r4--cockpit .hero .legend b { color:#fff;font-size:16px;display:block;margin-top:1px }
.fin-r4--cockpit .hero .legend .vj { margin-left:auto;text-align:right;font-size:12px;color:#8fb0d0 }
.fin-r4--cockpit .spark { flex:1;min-height:78px;margin:10px 0 4px;position:relative }
.fin-r4--cockpit .spark svg { position:absolute;inset:0;width:100%;height:100% }
.fin-r4--cockpit .mix { grid-column:span 4;display:flex;flex-direction:column }
.fin-r4--cockpit .donutwrap { display:flex;align-items:center;gap:14px;margin-top:16px }
.fin-r4--cockpit .donut { width:104px;height:104px;flex:none;position:relative }
.fin-r4--cockpit .donut svg { transform:rotate(-90deg) }
.fin-r4--cockpit .donut .center { position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center }
.fin-r4--cockpit .donut .center b { font-size:17px;letter-spacing:-.5px }
.fin-r4--cockpit .donut .center span { font-size:10px;color:var(--ink3);font-weight:600 }
.fin-r4--cockpit .mixleg { flex:1;min-width:0;display:flex;flex-direction:column;gap:10px }
.fin-r4--cockpit .mixleg .row { display:flex;align-items:baseline;gap:8px;font-size:12.5px;white-space:nowrap }
.fin-r4--cockpit .mixleg .sq { width:11px;height:11px;border-radius:4px;flex:none;align-self:center }
.fin-r4--cockpit .mixleg .row b { margin-left:auto;font-weight:700 }
.fin-r4--cockpit .mixleg .row span { color:var(--ink3);font-size:11px;min-width:30px;text-align:right }
.fin-r4--cockpit .months { grid-column:span 8 }
.fin-r4--cockpit .seg { display:flex;background:#eef1f6;border-radius:9px;padding:3px;font-size:12px;font-weight:600;color:var(--ink2) }
.fin-r4--cockpit .seg span { padding:4px 12px;border-radius:7px }
.fin-r4--cockpit .seg .on { background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(22,35,58,.12) }
.fin-r4--cockpit .mchart { display:grid;grid-template-columns:repeat(12,1fr);gap:10px;margin-top:18px;align-items:end;height:172px }
.fin-r4--cockpit .mcol { display:flex;flex-direction:column;justify-content:flex-end;height:100%;gap:0;position:relative }
.fin-r4--cockpit .mcol .sum { text-align:center;font-size:10.5px;font-weight:700;color:var(--ink2);margin-bottom:5px }
.fin-r4--cockpit .stack { width:100%;display:flex;flex-direction:column-reverse;border-radius:6px;overflow:hidden }
.fin-r4--cockpit .stack i { display:block;width:100% }
.fin-r4--cockpit .s-sepa { background:var(--sepa) }
.fin-r4--cockpit .s-ueb { background:var(--ueb) }
.fin-r4--cockpit .s-pp { background:var(--paypal) }
.fin-r4--cockpit .s-str { background:var(--stripe) }
.fin-r4--cockpit .mcol.now { outline:1.5px solid #bcd3f7;background:linear-gradient(180deg,#eaf1fe,#f5f8ff);border-radius:8px;padding:4px 4px 0 }
.fin-r4--cockpit .mxlab { display:grid;grid-template-columns:repeat(12,1fr);gap:10px;margin-top:8px;text-align:center;font-size:11px;color:var(--ink3);font-weight:600 }
.fin-r4--cockpit .mxlab .now { color:var(--brand);font-weight:800 }
.fin-r4--cockpit .leg { display:flex;gap:16px;margin-top:14px;font-size:11.5px;color:var(--ink2);font-weight:600 }
.fin-r4--cockpit .leg i { width:9px;height:9px;border-radius:3px;display:inline-block;margin-right:5px;vertical-align:-1px }
.fin-r4--cockpit .todo { grid-column:span 4;display:flex;flex-direction:column }
.fin-r4--cockpit .todo ul { list-style:none;margin-top:12px;display:flex;flex-direction:column }
.fin-r4--cockpit .todo li { display:flex;align-items:center;gap:12px;padding:11px 6px;margin:0 -6px;border-radius:9px;border-bottom:1px dashed var(--line);cursor:pointer }
.fin-r4--cockpit .todo li:hover { background:#f6f8fb }
.fin-r4--cockpit .todo li:last-child { border-bottom:none }
.fin-r4--cockpit .todo .ic { width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex:none }
.fin-r4--cockpit .todo .ic svg { width:17px;height:17px;fill:none;stroke-width:2 }
.fin-r4--cockpit .todo .t b { font-size:13.5px }
.fin-r4--cockpit .todo .t span { display:block;font-size:11.5px;color:var(--ink3) }
.fin-r4--cockpit .todo .n { margin-left:auto;font-weight:800;font-size:16px }
.fin-r4--cockpit .todo .go { color:var(--ink3);font-size:16px;margin-left:2px }
.fin-r4--cockpit .c-blue { background:#e8effd;color:#1e56c8 }
.fin-r4--cockpit .c-red { background:#fdeaec;color:#c93a4a }
.fin-r4--cockpit .c-amb { background:#fdf3e2;color:#c07600 }
.fin-r4--cockpit .c-grn { background:#e5f5ec;color:#178a50 }
.fin-r4--cockpit .c-vio { background:#f0edfd;color:#7c6cf0 }
.fin-r4--cockpit .pipe { grid-column:span 8 }
.fin-r4--cockpit .pipehead { display:flex;align-items:center;gap:14px;margin:4px 0 12px }
.fin-r4--cockpit .kchip { display:flex;flex-direction:column;padding:9px 16px;border-radius:11px;background:#f6f8fb;border:1px solid var(--line) }
.fin-r4--cockpit .kchip b { font-size:17px;letter-spacing:-.3px }
.fin-r4--cockpit .kchip span { font-size:11px;color:var(--ink3);font-weight:600;letter-spacing:.3px }
.fin-r4--cockpit .kchip.hot b { color:var(--bad) }
.fin-r4--cockpit table { width:100%;border-collapse:collapse;font-size:13px }
.fin-r4--cockpit th { font-size:11px;letter-spacing:.7px;color:var(--ink3);text-align:left;font-weight:700;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap }
.fin-r4--cockpit td { padding:11px 10px;border-bottom:1px solid #eef1f6;vertical-align:middle }
.fin-r4--cockpit td.num { white-space:nowrap }
.fin-r4--cockpit tr:last-child td { border:none }
.fin-r4--cockpit .stage2 { display:flex;align-items:center;gap:9px;font-weight:700 }
.fin-r4--cockpit .stage2 .no { width:24px;height:24px;border-radius:8px;background:#e8effd;color:var(--brand);display:grid;place-items:center;font-size:12px;flex:none }
.fin-r4--cockpit .stage2 small { display:block;font-weight:500;color:var(--ink3);font-size:11px }
.fin-r4--cockpit .conv { display:flex;align-items:center;gap:9px }
.fin-r4--cockpit .cbar { flex:1;max-width:100px;height:7px;background:#eef1f6;border-radius:99px;overflow:hidden }
.fin-r4--cockpit .cbar i { display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#34d399,#178a50) }
.fin-r4--cockpit .conv b { font-size:13px;min-width:38px }
.fin-r4--cockpit .wlink { color:var(--brand);font-weight:700;font-size:12px;text-decoration:none;white-space:nowrap }
.fin-r4--cockpit .quick { grid-column:span 4;display:flex;flex-direction:column }
.fin-r4--cockpit .qlist { display:flex;flex-direction:column;gap:11px;margin-top:13px }
.fin-r4--cockpit .qcard { display:flex;align-items:center;gap:13px;padding:14px 15px;border:1px solid var(--line);border-radius:13px;background:#fbfcfe;cursor:pointer;text-decoration:none;color:inherit }
.fin-r4--cockpit .qcard:hover { border-color:#bcd3f7;background:#f5f8ff }
.fin-r4--cockpit .qcard .qi { width:40px;height:40px;border-radius:11px;display:grid;place-items:center;flex:none }
.fin-r4--cockpit .qcard .qi svg { width:20px;height:20px;fill:none;stroke-width:2 }
.fin-r4--cockpit .qcard .qt b { font-size:14px }
.fin-r4--cockpit .qcard .qt span { display:block;font-size:11.5px;color:var(--ink3);margin-top:1px }
.fin-r4--cockpit .qcard .qn { margin-left:auto;text-align:right }
.fin-r4--cockpit .qcard .qn b { font-size:15px;white-space:nowrap }
.fin-r4--cockpit .qcard .qn span { display:block;font-size:10.5px;color:var(--ink3);font-weight:600;white-space:nowrap }
.fin-r4--cockpit .qcard .qgo { color:var(--ink3);font-size:16px;margin-left:4px }
.fin-r4--cockpit .sys { grid-column:span 12 }
.fin-r4--cockpit .sysgrid { display:grid;grid-template-columns:repeat(4,1fr);gap:8px 30px;margin-top:12px }
.fin-r4--cockpit .sysrow { display:flex;align-items:center;gap:9px;padding:7.5px 2px;overflow:hidden;white-space:nowrap;border-bottom:1px dashed var(--line);font-size:13px }
.fin-r4--cockpit .sysrow .st { width:9px;height:9px;border-radius:50%;flex:none }
.fin-r4--cockpit .st-ok { background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.15) }
.fin-r4--cockpit .st-warn { background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.18) }
.fin-r4--cockpit .sysrow b { font-weight:650 }
.fin-r4--cockpit .sysrow time { margin-left:auto;font-size:11.5px;color:var(--ink3);font-weight:600 }
.fin-r4--cockpit .syssum { display:inline-flex;align-items:center;gap:7px;margin-left:14px;font-size:12px;font-weight:700;color:var(--ok);background:#e5f5ec;border-radius:99px;padding:3px 11px }

/* R4-PAGES-APPEND-START */
/* --- beitraege --- */
.fin-r4--beitraege .num { font-variant-numeric:tabular-nums }
.fin-r4--beitraege .main { padding:22px 28px 40px }
.fin-r4--beitraege .top { display:flex;align-items:center;gap:14px;margin-bottom:16px }
.fin-r4--beitraege .top h1 { font-size:21px;letter-spacing:-.3px }
.fin-r4--beitraege .top .date { color:var(--ink3);font-weight:500;font-size:13px;margin-top:3px }
.fin-r4--beitraege .search { margin-left:auto;display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:8px 14px;color:var(--ink3);width:270px;box-shadow:var(--shadow) }
.fin-r4--beitraege .iconbtn { width:37px;height:37px;border-radius:11px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink2);box-shadow:var(--shadow) }
.fin-r4--beitraege .hpill { display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--ok);background:#e5f5ec;border-radius:99px;padding:4px 11px;white-space:nowrap }
.fin-r4--beitraege .hpill .hd { width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.16) }
.fin-r4--beitraege .card { background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px 20px }
.fin-r4--beitraege .card h2 { display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:700 }
.fin-r4--beitraege .card h2 svg { width:17px;height:17px;stroke:var(--brand);fill:none;stroke-width:2 }
.fin-r4--beitraege .card h2 .more { margin-left:auto;font-size:12.5px;color:var(--brand);font-weight:600;text-decoration:none }
.fin-r4--beitraege .sub { color:var(--ink3);font-size:12px;margin-top:2px }
.fin-r4--beitraege .kpis { display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:16px }
.fin-r4--beitraege .kpi { background:var(--card);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);padding:14px 16px }
.fin-r4--beitraege .kpi .l { font-size:10.5px;letter-spacing:.8px;color:var(--ink3);font-weight:700 }
.fin-r4--beitraege .kpi b { font-size:22px;letter-spacing:-.5px;display:block;margin-top:5px }
.fin-r4--beitraege .kpi .d { font-size:11.5px;color:var(--ink3);font-weight:600;margin-top:3px }
.fin-r4--beitraege .kpi .tr { font-size:11px;font-weight:700;margin-top:3px }
.fin-r4--beitraege .kpi .tr.dn { color:var(--ok) }
.fin-r4--beitraege .kpi .tr.up { color:var(--bad) }
.fin-r4--beitraege .kpi.hot b { color:var(--bad) }
.fin-r4--beitraege .kpi.warn b { color:var(--warn) }
.fin-r4--beitraege .kpi.ok b { color:var(--ok) }
.fin-r4--beitraege .wellen { margin-bottom:16px }
.fin-r4--beitraege .wellen h2 .more { font-weight:600 }
.fin-r4--beitraege .wrows { display:flex;flex-direction:column;margin-top:12px }
.fin-r4--beitraege .wrow { display:grid;grid-template-columns:34px 1fr 70px 170px 130px 210px;gap:12px;align-items:center;padding:11px 4px;border-bottom:1px dashed var(--line) }
.fin-r4--beitraege .wrow:last-child { border-bottom:none }
.fin-r4--beitraege .wno { width:28px;height:28px;border-radius:8px;background:#e8effd;color:var(--brand);display:grid;place-items:center;font-size:12.5px;font-weight:800 }
.fin-r4--beitraege .wname b { font-size:13.5px;display:block }
.fin-r4--beitraege .wname span { font-size:11.5px;color:var(--ink3) }
.fin-r4--beitraege .wpool { font-weight:700;font-size:13px }
.fin-r4--beitraege .wpool span { display:block;font-size:10.5px;color:var(--ink3);font-weight:600 }
.fin-r4--beitraege .wconv { display:flex;align-items:center;gap:9px }
.fin-r4--beitraege .wcbar { flex:1;height:7px;background:#eef1f6;border-radius:99px;overflow:hidden }
.fin-r4--beitraege .wcbar i { display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#34d399,#178a50) }
.fin-r4--beitraege .wconv b { font-size:12.5px;min-width:36px }
.fin-r4--beitraege .attrib { display:inline-flex;align-items:center;font-size:11.5px;font-weight:700;color:var(--brand);background:#e8effd;border-radius:99px;padding:4px 11px;white-space:nowrap }
.fin-r4--beitraege .wact { display:flex;gap:14px;font-size:12.5px;font-weight:600;white-space:nowrap }
.fin-r4--beitraege .wact a { color:var(--brand);text-decoration:none }
.fin-r4--beitraege .tabs { display:flex;gap:5px;border-bottom:1px solid var(--line);margin:2px 0 0 }
.fin-r4--beitraege .tabs button { border:none;background:none;padding:11px 16px;font:inherit;font-weight:650;font-size:13.5px;color:var(--ink2);cursor:pointer;border-bottom:2.5px solid transparent;display:flex;align-items:center;gap:8px }
.fin-r4--beitraege .tabs button .cnt { background:#eef1f6;color:var(--ink2);font-size:11px;font-weight:800;border-radius:99px;padding:1px 8px }
.fin-r4--beitraege .tabs button.on { color:var(--brand);border-bottom-color:var(--brand) }
.fin-r4--beitraege .tabs button.on .cnt { background:#e8effd;color:var(--brand) }
.fin-r4--beitraege .toolbar { display:flex;align-items:center;gap:10px;margin:16px 0 4px;flex-wrap:wrap }
.fin-r4--beitraege .fsearch { display:flex;align-items:center;gap:9px;background:#f6f8fb;border:1px solid var(--line);border-radius:10px;padding:8px 13px;color:var(--ink3);width:280px }
.fin-r4--beitraege .fsel { display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 13px;font-weight:600;font-size:13px;color:var(--ink2) }
.fin-r4--beitraege .fsel svg { width:13px;height:13px;stroke:var(--ink3);fill:none;stroke-width:2.2 }
.fin-r4--beitraege .chip { border:1px solid var(--line);background:#fff;border-radius:99px;padding:6px 13px;font-size:12px;font-weight:600;color:var(--ink2) }
.fin-r4--beitraege .chip.on { background:#e8effd;border-color:#bcd3f7;color:var(--brand) }
.fin-r4--beitraege .chip .k { display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:6px;vertical-align:-1px }
.fin-r4--beitraege .btn { margin-left:auto;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#1e56c8,#2f6fe0);color:#fff;border:none;border-radius:10px;padding:9px 16px;font:inherit;font-weight:700;font-size:13px;cursor:pointer;box-shadow:0 4px 12px -4px rgba(30,86,200,.55) }
.fin-r4--beitraege .btn svg { width:15px;height:15px;stroke:#fff;fill:none;stroke-width:2.2 }
.fin-r4--beitraege .btn.ghost { background:#fff;color:var(--ink2);border:1px solid var(--line);box-shadow:var(--shadow) }
.fin-r4--beitraege .btn.ghost svg { stroke:var(--ink2) }
.fin-r4--beitraege .tblcard { margin-top:14px;padding:0;overflow:hidden }
.fin-r4--beitraege table { width:100%;border-collapse:collapse;font-size:13px }
.fin-r4--beitraege th { font-size:10.5px;letter-spacing:.7px;color:var(--ink3);text-align:left;font-weight:700;padding:11px 14px;border-bottom:1px solid var(--line);background:#fbfcfe }
.fin-r4--beitraege th.r, .fin-r4--beitraege td.r { text-align:right }
.fin-r4--beitraege td.r { white-space:nowrap }
.fin-r4--beitraege td { padding:12px 14px;border-bottom:1px solid #eef1f6;vertical-align:middle }
.fin-r4--beitraege tr:last-child td { border:none }
.fin-r4--beitraege tbody tr:hover { background:#fafbfe }
.fin-r4--beitraege .mcell { display:flex;align-items:center;gap:11px }
.fin-r4--beitraege .mav { width:34px;height:34px;border-radius:9px;background:#e8effd;color:var(--brand);display:grid;place-items:center;font-weight:800;font-size:12.5px;flex:none }
.fin-r4--beitraege .mcell b { font-weight:700 }
.fin-r4--beitraege .mcell small { display:block;color:var(--ink3);font-size:11px;font-weight:500 }
.fin-r4--beitraege .kanal { display:inline-flex;align-items:center;gap:5px;border-radius:7px;padding:3px 9px;font-size:11px;font-weight:700 }
.fin-r4--beitraege .k-sepa { background:#e6effe;color:#1a49b8 }
.fin-r4--beitraege .k-ueb { background:#dcf4f2;color:#0b7c78 }
.fin-r4--beitraege .k-pp { background:#eeeafc;color:#6350c9 }
.fin-r4--beitraege .k-str { background:#f5e6fa;color:#9a3fbf }
.fin-r4--beitraege .kanal .kd { width:8px;height:8px;border-radius:3px }
.fin-r4--beitraege .kd-sepa { background:var(--sepa) }
.fin-r4--beitraege .kd-ueb { background:var(--ueb) }
.fin-r4--beitraege .kd-pp { background:var(--paypal) }
.fin-r4--beitraege .kd-str { background:var(--stripe) }
.fin-r4--beitraege .amp { display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:12.5px }
.fin-r4--beitraege .amp .d { width:9px;height:9px;border-radius:50% }
.fin-r4--beitraege .amp.g { color:var(--ok) }
.fin-r4--beitraege .amp.g .d { background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.15) }
.fin-r4--beitraege .amp.a { color:var(--warn) }
.fin-r4--beitraege .amp.a .d { background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.18) }
.fin-r4--beitraege .amp.r { color:var(--bad) }
.fin-r4--beitraege .amp.r .d { background:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.15) }
.fin-r4--beitraege .statwrap small { display:block;color:var(--ink3);font-size:10.5px;font-weight:600;margin-top:2px }
.fin-r4--beitraege .prog { height:7px;border-radius:99px;background:#eef1f6;overflow:hidden;width:120px;margin-top:5px }
.fin-r4--beitraege .prog i { display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#34d399,#178a50) }
.fin-r4--beitraege .prog.part i { background:linear-gradient(90deg,#fbbf24,#c07600) }
.fin-r4--beitraege .prog.none i { background:#e6eaf1 }
.fin-r4--beitraege .kebab { display:flex;gap:6px;justify-content:flex-end }
.fin-r4--beitraege .act { width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;color:var(--ink2) }
.fin-r4--beitraege .act svg { width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2 }
.fin-r4--beitraege .tblfoot { display:flex;align-items:center;padding:12px 16px;font-size:12.5px;color:var(--ink3);font-weight:600;border-top:1px solid var(--line);background:#fbfcfe }
.fin-r4--beitraege .tblfoot .pg { margin-left:auto;display:flex;gap:5px }
.fin-r4--beitraege .tblfoot .pg span { border:1px solid var(--line);border-radius:8px;padding:4px 10px;background:#fff;color:var(--ink2) }
.fin-r4--beitraege .tblfoot .pg span.on { background:#e8effd;border-color:#bcd3f7;color:var(--brand) }
.fin-r4--beitraege .matrix { margin-top:16px }
.fin-r4--beitraege .matrix h2 .more { margin-left:auto;font-size:12.5px;color:var(--brand);font-weight:600 }
.fin-r4--beitraege .mtable { width:100%;border-collapse:collapse;font-size:13px;margin-top:14px }
.fin-r4--beitraege .mtable th { background:none;border:none;padding:8px 10px;font-size:11px;letter-spacing:.5px;text-align:center;color:var(--ink3) }
.fin-r4--beitraege .mtable th:first-child { text-align:left }
.fin-r4--beitraege .mtable td { border:none;padding:7px 10px;border-bottom:1px solid #f1f4f8 }
.fin-r4--beitraege .mtable tr:last-child td { border:none }
.fin-r4--beitraege .mtable .mname { display:flex;align-items:center;gap:10px }
.fin-r4--beitraege .mtable .mname .mav { width:30px;height:30px;font-size:11px }
.fin-r4--beitraege .zell { display:block;text-align:center;border-radius:8px;padding:7px 4px;font-weight:700;font-size:12.5px }
.fin-r4--beitraege .z-paid { background:#eef7f1;color:#178a50 }
.fin-r4--beitraege .z-open { background:#fdeef0;color:#c93a4a }
.fin-r4--beitraege .z-part { background:#fdf6e7;color:#c07600 }
.fin-r4--beitraege .z-na { color:#c4ccd8 }
.fin-r4--beitraege .msum { text-align:right;font-weight:800 }
.fin-r4--beitraege .mlegend { display:flex;gap:16px;margin-top:12px;font-size:11.5px;color:var(--ink2);font-weight:600;align-items:center }
.fin-r4--beitraege .mlegend i { width:12px;height:12px;border-radius:4px;display:inline-block;margin-right:6px;vertical-align:-2px }

/* --- Link-Safety: ERB portiert einige mockup <button>/<span> zu echten <a>-Routen;
   Original-CSS zielt teils tag-spezifisch auf button. Diese Regeln spiegeln die
   Optik 1:1 für die Anker-Variante (kein visueller Unterschied zum Mockup). --- */
.fin-r4--beitraege .tabs a { border:none;background:none;padding:11px 16px;font:inherit;font-weight:650;font-size:13.5px;color:var(--ink2);cursor:pointer;border-bottom:2.5px solid transparent;display:flex;align-items:center;gap:8px;text-decoration:none }
.fin-r4--beitraege .tabs a .cnt { background:#eef1f6;color:var(--ink2);font-size:11px;font-weight:800;border-radius:99px;padding:1px 8px }
.fin-r4--beitraege .btn { text-decoration:none }

/* --- zuordnen --- */
.fin-r4--zuordnen .num { font-variant-numeric:tabular-nums }
.fin-r4--zuordnen .main { padding:22px 28px 40px }
.fin-r4--zuordnen .top { display:flex;align-items:center;gap:12px;margin-bottom:16px }
.fin-r4--zuordnen .top h1 { font-size:21px;letter-spacing:-.3px }
.fin-r4--zuordnen .top .date { color:var(--ink3);font-weight:500;font-size:13px;margin-top:3px }
.fin-r4--zuordnen .health { display:inline-flex;align-items:center;gap:8px;background:#e5f5ec;border:1px solid #bfe6cf;color:var(--ok);border-radius:99px;padding:6px 13px;font-size:12.5px;font-weight:700;cursor:pointer }
.fin-r4--zuordnen .health .dot { width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.18) }
.fin-r4--zuordnen .health svg { width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.2 }
.fin-r4--zuordnen .hpill16 { display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--ok);background:#e5f5ec;border:1px solid #bfe6cf;border-radius:99px;padding:6px 12px }
.fin-r4--zuordnen .hpill16 .hd { width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.16) }
.fin-r4--zuordnen .search { margin-left:auto;display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:8px 14px;color:var(--ink3);width:270px;box-shadow:var(--shadow) }
.fin-r4--zuordnen .iconbtn { width:37px;height:37px;border-radius:11px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink2);box-shadow:var(--shadow) }
.fin-r4--zuordnen .tabs { display:flex;gap:5px;border-bottom:1px solid var(--line);margin:2px 0 0 }
.fin-r4--zuordnen .tabs button { border:none;background:none;padding:11px 16px;font:inherit;font-weight:650;font-size:13.5px;color:var(--ink2);cursor:pointer;border-bottom:2.5px solid transparent;display:flex;align-items:center;gap:8px }
.fin-r4--zuordnen .tabs button .cnt { background:#eef1f6;color:var(--ink2);font-size:11px;font-weight:800;border-radius:99px;padding:1px 8px }
.fin-r4--zuordnen .tabs button.on { color:var(--brand);border-bottom-color:var(--brand) }
.fin-r4--zuordnen .tabs button.on .cnt { background:#e8effd;color:var(--brand) }
.fin-r4--zuordnen .flash { display:flex;align-items:center;gap:12px;margin:16px 0 4px;background:#eef4ff;border:1px solid #cfe0fb;border-radius:12px;padding:12px 16px }
.fin-r4--zuordnen .flash .fi { width:32px;height:32px;border-radius:9px;background:#dbe8fd;color:var(--brand);display:grid;place-items:center;flex:none }
.fin-r4--zuordnen .flash .fi svg { width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2 }
.fin-r4--zuordnen .flash b { font-weight:700 }
.fin-r4--zuordnen .flash .fx { margin-left:auto;display:flex;gap:9px }
.fin-r4--zuordnen .btn { display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,#1e56c8,#2f6fe0);color:#fff;border:none;border-radius:9px;padding:8px 14px;font:inherit;font-weight:700;font-size:12.5px;cursor:pointer;box-shadow:0 4px 12px -4px rgba(30,86,200,.55) }
.fin-r4--zuordnen .btn svg { width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2.2 }
.fin-r4--zuordnen .btn.ghost { background:#fff;color:var(--ink2);border:1px solid var(--line);box-shadow:var(--shadow) }
.fin-r4--zuordnen .btn.ghost svg { stroke:var(--ink2) }
.fin-r4--zuordnen .btn.sm { padding:6px 11px;font-size:11.5px }
.fin-r4--zuordnen .btn[disabled] { opacity:.45;cursor:not-allowed;box-shadow:none }
.fin-r4--zuordnen .bulkbar { display:flex;align-items:center;gap:14px;margin:14px 0 2px;background:linear-gradient(135deg,#10304f,#153a60);border-radius:13px;padding:11px 18px;color:#fff;box-shadow:0 8px 22px -12px rgba(16,48,79,.6) }
.fin-r4--zuordnen .bulkbar .bc { width:26px;height:26px;border-radius:8px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-weight:800;font-size:12.5px }
.fin-r4--zuordnen .bulkbar .bt { font-size:13px;font-weight:700 }
.fin-r4--zuordnen .bulkbar .bs { font-size:11.5px;color:#a9c1dc;font-weight:600;margin-top:1px }
.fin-r4--zuordnen .bulkbar .bx { margin-left:auto;display:flex;gap:9px }
.fin-r4--zuordnen .bulkbar .btn.ghost { background:rgba(255,255,255,.1);color:#e2ecf7;border:1px solid rgba(255,255,255,.18);box-shadow:none }
.fin-r4--zuordnen .bulkbar .btn.ghost svg { stroke:#e2ecf7 }
.fin-r4--zuordnen .bulkbar .btn.wh { background:#fff;color:var(--brand-deep);box-shadow:0 4px 12px -4px rgba(0,0,0,.3) }
.fin-r4--zuordnen .bulkbar .btn.wh svg { stroke:var(--brand-deep) }
.fin-r4--zuordnen .plist { display:flex;flex-direction:column;gap:12px;margin-top:14px }
.fin-r4--zuordnen .prow { background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:15px 18px;display:grid;grid-template-columns:26px 1.5fr 1.5fr;gap:14px;align-items:center }
.fin-r4--zuordnen .prow.marked { outline:2px solid #bcd3f7;outline-offset:-1px;background:#f8fbff }
.fin-r4--zuordnen .chk { width:19px;height:19px;border-radius:6px;border:2px solid #cdd6e4;background:#fff;display:grid;place-items:center;cursor:pointer;flex:none }
.fin-r4--zuordnen .chk svg { width:12px;height:12px;stroke:#fff;fill:none;stroke-width:3;opacity:0 }
.fin-r4--zuordnen .chk.on { background:var(--brand);border-color:var(--brand) }
.fin-r4--zuordnen .chk.on svg { opacity:1 }
.fin-r4--zuordnen .pinfo .pah { display:flex;align-items:baseline;gap:11px }
.fin-r4--zuordnen .pinfo .amt { font-size:19px;font-weight:800;letter-spacing:-.4px }
.fin-r4--zuordnen .kanal { display:inline-flex;align-items:center;gap:5px;border-radius:7px;padding:3px 9px;font-size:11px;font-weight:700 }
.fin-r4--zuordnen .k-sepa { background:#e6effe;color:#1a49b8 }
.fin-r4--zuordnen .k-ueb { background:#dcf4f2;color:#0b7c78 }
.fin-r4--zuordnen .k-pp { background:#eeeafc;color:#6350c9 }
.fin-r4--zuordnen .k-str { background:#f5e6fa;color:#9a3fbf }
.fin-r4--zuordnen .kanal .kd { width:8px;height:8px;border-radius:3px }
.fin-r4--zuordnen .kd-sepa { background:var(--sepa) }
.fin-r4--zuordnen .kd-ueb { background:var(--ueb) }
.fin-r4--zuordnen .kd-pp { background:var(--paypal) }
.fin-r4--zuordnen .kd-str { background:var(--stripe) }
.fin-r4--zuordnen .pinfo .pdate { color:var(--ink3);font-size:12px;font-weight:600;margin-left:auto }
.fin-r4--zuordnen .pinfo .zweck { font-size:12.5px;color:var(--ink2);margin-top:8px;line-height:1.4 }
.fin-r4--zuordnen .pinfo .zweck b { color:var(--ink);font-weight:700 }
.fin-r4--zuordnen .pinfo .pmeta { display:flex;gap:14px;margin-top:8px;font-size:11.5px;color:var(--ink3);font-weight:600 }
.fin-r4--zuordnen .pinfo .pmeta .mono { font-variant-numeric:tabular-nums;letter-spacing:.3px }
.fin-r4--zuordnen .pmatch { border-left:1px solid var(--line);padding-left:18px }
.fin-r4--zuordnen .pmatch .mt { font-size:10.5px;letter-spacing:.5px;color:var(--ink3);font-weight:800;margin-bottom:9px;display:flex;align-items:center;gap:6px }
.fin-r4--zuordnen .pmatch .mt svg { width:13px;height:13px;stroke:var(--brand);fill:none;stroke-width:2 }
.fin-r4--zuordnen .pmatch .mt .amb { margin-left:auto;background:#fdf3e2;color:var(--warn);font-size:10px;font-weight:800;border-radius:99px;padding:2px 9px;letter-spacing:.2px }
.fin-r4--zuordnen .cand { display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:11px;padding:9px 12px;margin-bottom:8px;background:#fbfcfe;cursor:pointer }
.fin-r4--zuordnen .cand:hover { border-color:#bcd3f7;background:#f2f7ff }
.fin-r4--zuordnen .cand.best { border-color:#bfe6cf;background:#f0faf3 }
.fin-r4--zuordnen .cand.tie { border-color:#f2dcae;background:#fffaf0 }
.fin-r4--zuordnen .cand .cav { width:32px;height:32px;border-radius:9px;background:#e8effd;color:var(--brand);display:grid;place-items:center;font-weight:800;font-size:12px;flex:none }
.fin-r4--zuordnen .cand .cn b { font-size:13px;font-weight:700 }
.fin-r4--zuordnen .cand .cn span { display:block;font-size:11px;color:var(--ink3);font-weight:600 }
.fin-r4--zuordnen .cand .why { margin-left:auto;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:3px }
.fin-r4--zuordnen .cand .score { font-size:11px;font-weight:800;color:var(--ok) }
.fin-r4--zuordnen .cand .reason { font-size:10.5px;font-weight:700;background:#e8effd;color:var(--brand);border-radius:99px;padding:2px 8px }
.fin-r4--zuordnen .cand.best .reason { background:#e5f5ec;color:var(--ok) }
.fin-r4--zuordnen .cand.tie .reason { background:#fdf3e2;color:var(--warn) }
.fin-r4--zuordnen .cand .go { width:28px;height:28px;border-radius:8px;background:var(--brand);display:grid;place-items:center;flex:none;margin-left:11px }
.fin-r4--zuordnen .cand .go svg { width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2.4 }
.fin-r4--zuordnen .pmatch .nonerow { display:flex;gap:8px;margin-top:2px }
.fin-r4--zuordnen .altopt { display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--ink2);border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 14px;cursor:pointer }
.fin-r4--zuordnen .altopt svg { width:14px;height:14px;stroke:var(--ink3);fill:none;stroke-width:2 }
.fin-r4--zuordnen .overlay { position:fixed;inset:0;background:rgba(15,27,44,.55);backdrop-filter:blur(2px);display:flex;align-items:flex-start;justify-content:center;padding:60px 0;z-index:50 }
.fin-r4--zuordnen .modal { width:1000px;background:var(--card);border-radius:18px;box-shadow:0 24px 70px -20px rgba(10,20,40,.6);overflow:hidden }
.fin-r4--zuordnen .mhead { display:flex;align-items:center;gap:12px;padding:18px 24px;border-bottom:1px solid var(--line) }
.fin-r4--zuordnen .mhead h3 { font-size:16px;font-weight:800;letter-spacing:-.2px }
.fin-r4--zuordnen .mhead .mx { margin-left:auto;width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;color:var(--ink2);cursor:pointer }
.fin-r4--zuordnen .mhead .mx svg { width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.2 }
.fin-r4--zuordnen .mbody { display:grid;grid-template-columns:1fr 1.2fr;gap:0 }
.fin-r4--zuordnen .mleft { padding:22px 24px;background:#f7f9fc;border-right:1px solid var(--line) }
.fin-r4--zuordnen .mright { padding:22px 24px }
.fin-r4--zuordnen .mcaption { font-size:10.5px;letter-spacing:.6px;color:var(--ink3);font-weight:800;margin-bottom:11px }
.fin-r4--zuordnen .paycard { border:1px solid var(--line);border-radius:13px;background:#fff;padding:16px;box-shadow:var(--shadow) }
.fin-r4--zuordnen .paycard .amt { font-size:26px;font-weight:800;letter-spacing:-.6px }
.fin-r4--zuordnen .paycard .prow2 { display:flex;justify-content:space-between;font-size:12.5px;padding:8px 0;border-bottom:1px dashed var(--line) }
.fin-r4--zuordnen .paycard .prow2:last-child { border:none }
.fin-r4--zuordnen .paycard .prow2 span { color:var(--ink3);font-weight:600 }
.fin-r4--zuordnen .paycard .prow2 b { font-weight:700 }
.fin-r4--zuordnen .paycard .zweckbox { margin-top:10px;background:#f4f6f9;border-radius:9px;padding:10px 12px;font-size:12px;color:var(--ink2);line-height:1.45 }
.fin-r4--zuordnen .paycard .zweckbox b { color:var(--ink) }
.fin-r4--zuordnen .msearch { display:flex;align-items:center;gap:9px;background:#f6f8fb;border:1.5px solid #bcd3f7;border-radius:11px;padding:10px 14px;color:var(--ink);font-weight:600 }
.fin-r4--zuordnen .msearch svg { width:16px;height:16px;stroke:var(--brand);fill:none;stroke-width:2.2 }
.fin-r4--zuordnen .mres { display:flex;flex-direction:column;gap:8px;margin-top:12px }
.fin-r4--zuordnen .mcand { display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:11px 13px;cursor:pointer }
.fin-r4--zuordnen .mcand.sel { border-color:#bcd3f7;background:#f2f7ff;box-shadow:inset 0 0 0 1px rgba(30,86,200,.15) }
.fin-r4--zuordnen .mcand .cav { width:36px;height:36px;border-radius:10px;background:#e8effd;color:var(--brand);display:grid;place-items:center;font-weight:800;font-size:13px;flex:none }
.fin-r4--zuordnen .mcand.sel .cav { background:var(--brand);color:#fff }
.fin-r4--zuordnen .mcand .cn b { font-size:13.5px;font-weight:700 }
.fin-r4--zuordnen .mcand .cn span { display:block;font-size:11.5px;color:var(--ink3);font-weight:600 }
.fin-r4--zuordnen .mcand .cend { margin-left:auto;text-align:right }
.fin-r4--zuordnen .mcand .cend b { font-size:13px;font-weight:800;color:var(--bad) }
.fin-r4--zuordnen .mcand .cend span { display:block;font-size:10.5px;color:var(--ink3);font-weight:600 }
.fin-r4--zuordnen .mcand .radio { width:20px;height:20px;border-radius:50%;border:2px solid #cdd6e4;flex:none }
.fin-r4--zuordnen .mcand.sel .radio { border-color:var(--brand);background:radial-gradient(circle at center,var(--brand) 0 5px,#fff 5px) }
.fin-r4--zuordnen .yearpick { margin-top:16px }
.fin-r4--zuordnen .yearpick .yl { font-size:11px;font-weight:800;color:var(--ink2);margin-bottom:7px;display:flex;align-items:center;gap:6px }
.fin-r4--zuordnen .yearpick .yl .imp { background:#fdf3e2;color:var(--warn);font-size:10px;font-weight:800;border-radius:99px;padding:2px 8px }
.fin-r4--zuordnen .yearbtns { display:flex;gap:7px }
.fin-r4--zuordnen .yb { border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 16px;font-weight:700;font-size:13px;color:var(--ink2);cursor:pointer }
.fin-r4--zuordnen .yb.on { background:#e8effd;border-color:#bcd3f7;color:var(--brand) }
.fin-r4--zuordnen .allocnote { margin-top:14px;background:#f0faf3;border:1px solid #bfe6cf;border-radius:10px;padding:11px 13px;font-size:12px;color:#186b40;font-weight:600;display:flex;align-items:center;gap:9px }
.fin-r4--zuordnen .allocnote svg { width:16px;height:16px;stroke:var(--ok);fill:none;stroke-width:2.4;flex:none }
.fin-r4--zuordnen .rulechip { margin-top:12px;background:#f0edfd;border:1px solid #d9d0f7;border-radius:10px;padding:11px 13px;display:flex;align-items:center;gap:10px }
.fin-r4--zuordnen .rulechip svg { width:17px;height:17px;stroke:#6350c9;fill:none;stroke-width:2;flex:none }
.fin-r4--zuordnen .rulechip .rt { font-size:12px;color:#4b3b96;font-weight:600;line-height:1.4 }
.fin-r4--zuordnen .rulechip .rt b { color:#3a2c7a }
.fin-r4--zuordnen .rulechip .rx { margin-left:auto;display:flex;gap:7px }
.fin-r4--zuordnen .rulechip .rb { font-size:11px;font-weight:700;border-radius:8px;padding:6px 10px;cursor:pointer;white-space:nowrap }
.fin-r4--zuordnen .rulechip .rb.yes { background:#6350c9;color:#fff;border:none }
.fin-r4--zuordnen .rulechip .rb.no { background:#fff;color:#6350c9;border:1px solid #d9d0f7 }
.fin-r4--zuordnen .mfoot { display:flex;align-items:center;gap:12px;padding:16px 24px;border-top:1px solid var(--line);background:#fbfcfe }
.fin-r4--zuordnen .mfoot .confirm { margin-left:auto;padding:11px 22px;font-size:13.5px }

/* --- ruecklastschriften --- */
.fin-r4--ruecklastschriften .num { font-variant-numeric:tabular-nums }
.fin-r4--ruecklastschriften .main { padding:22px 28px 40px }
.fin-r4--ruecklastschriften .top { display:flex;align-items:center;gap:12px;margin-bottom:16px }
.fin-r4--ruecklastschriften .top h1 { font-size:21px;letter-spacing:-.3px }
.fin-r4--ruecklastschriften .top .date { color:var(--ink3);font-weight:500;font-size:13px;margin-top:3px }
.fin-r4--ruecklastschriften .health { display:inline-flex;align-items:center;gap:8px;background:#e5f5ec;border:1px solid #bfe6cf;color:var(--ok);border-radius:99px;padding:6px 13px;font-size:12.5px;font-weight:700;cursor:pointer }
.fin-r4--ruecklastschriften .health .dot { width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.18) }
.fin-r4--ruecklastschriften .health svg { width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.2 }
.fin-r4--ruecklastschriften .hpill16 { display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--ok);background:#e5f5ec;border:1px solid #bfe6cf;border-radius:99px;padding:6px 12px }
.fin-r4--ruecklastschriften .hpill16 .hd { width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.16) }
.fin-r4--ruecklastschriften .search { margin-left:auto;display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:8px 14px;color:var(--ink3);width:270px;box-shadow:var(--shadow) }
.fin-r4--ruecklastschriften .iconbtn { width:37px;height:37px;border-radius:11px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink2);box-shadow:var(--shadow) }
.fin-r4--ruecklastschriften .tabs { display:flex;gap:5px;border-bottom:1px solid var(--line);margin:2px 0 0 }
.fin-r4--ruecklastschriften .tabs button { border:none;background:none;padding:11px 16px;font:inherit;font-weight:650;font-size:13.5px;color:var(--ink2);cursor:pointer;border-bottom:2.5px solid transparent;display:flex;align-items:center;gap:8px }
.fin-r4--ruecklastschriften .tabs button .cnt { background:#eef1f6;color:var(--ink2);font-size:11px;font-weight:800;border-radius:99px;padding:1px 8px }
.fin-r4--ruecklastschriften .tabs button.on { color:var(--brand);border-bottom-color:var(--brand) }
.fin-r4--ruecklastschriften .tabs button.on .cnt { background:#e8effd;color:var(--brand) }
.fin-r4--ruecklastschriften .mkpis { display:flex;gap:12px;margin:16px 0 4px;align-items:stretch }
.fin-r4--ruecklastschriften .mkpi { background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:12px 18px;display:flex;flex-direction:column }
.fin-r4--ruecklastschriften .mkpi .l { font-size:10px;letter-spacing:.7px;color:var(--ink3);font-weight:800 }
.fin-r4--ruecklastschriften .mkpi b { font-size:20px;letter-spacing:-.4px;margin-top:3px }
.fin-r4--ruecklastschriften .mkpi.hot b { color:var(--bad) }
.fin-r4--ruecklastschriften .mkpi.warn b { color:var(--warn) }
.fin-r4--ruecklastschriften .mkpi.ok b { color:var(--ok) }
.fin-r4--ruecklastschriften .mkpi .s { font-size:11px;color:var(--ink3);font-weight:600;margin-top:1px }
.fin-r4--ruecklastschriften .mktrend { background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:10px 16px;display:flex;flex-direction:column;min-width:150px }
.fin-r4--ruecklastschriften .mktrend .l { font-size:10px;letter-spacing:.7px;color:var(--ink3);font-weight:800 }
.fin-r4--ruecklastschriften .mktrend svg { width:100%;height:32px;margin-top:4px }
.fin-r4--ruecklastschriften .mktrend .s { font-size:11px;color:var(--ink3);font-weight:600;margin-top:2px }
.fin-r4--ruecklastschriften .mkspacer { margin-left:auto;display:flex;align-items:center;gap:9px }
.fin-r4--ruecklastschriften .btn { display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,#1e56c8,#2f6fe0);color:#fff;border:none;border-radius:9px;padding:8px 14px;font:inherit;font-weight:700;font-size:12.5px;cursor:pointer;box-shadow:0 4px 12px -4px rgba(30,86,200,.55) }
.fin-r4--ruecklastschriften .btn svg { width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2.2 }
.fin-r4--ruecklastschriften .btn.ghost { background:#fff;color:var(--ink2);border:1px solid var(--line);box-shadow:var(--shadow) }
.fin-r4--ruecklastschriften .btn.ghost svg { stroke:var(--ink2) }
.fin-r4--ruecklastschriften .rlhint { font-size:11.5px;color:var(--ink3);font-weight:600;margin:14px 0 8px;display:flex;align-items:center;gap:8px }
.fin-r4--ruecklastschriften .rlhint svg { width:14px;height:14px;stroke:var(--ink3);fill:none;stroke-width:2 }
.fin-r4--ruecklastschriften .rlist { display:flex;flex-direction:column;gap:11px;margin-top:6px }
.fin-r4--ruecklastschriften .rrow { background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden }
.fin-r4--ruecklastschriften .rmain { display:grid;grid-template-columns:44px 1.5fr 1fr 1.1fr auto;gap:16px;align-items:center;padding:14px 18px }
.fin-r4--ruecklastschriften .ricon { width:42px;height:42px;border-radius:11px;background:#fdeaec;color:var(--bad);display:grid;place-items:center;flex:none }
.fin-r4--ruecklastschriften .ricon svg { width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:2 }
.fin-r4--ruecklastschriften .rmem { display:flex;align-items:center;gap:11px }
.fin-r4--ruecklastschriften .rav { width:34px;height:34px;border-radius:9px;background:#e8effd;color:var(--brand);display:grid;place-items:center;font-weight:800;font-size:12.5px;flex:none }
.fin-r4--ruecklastschriften .rmem b { font-weight:700 }
.fin-r4--ruecklastschriften .rmem small { display:block;color:var(--ink3);font-size:11px;font-weight:500 }
.fin-r4--ruecklastschriften .rdate { font-size:12px }
.fin-r4--ruecklastschriften .rdate .dd { font-weight:700 }
.fin-r4--ruecklastschriften .rdate .dl { color:var(--ink3);font-size:11px;font-weight:600 }
.fin-r4--ruecklastschriften .ramt .big { font-size:17px;font-weight:800;color:var(--bad);letter-spacing:-.3px }
.fin-r4--ruecklastschriften .ramt .fee { font-size:11.5px;color:var(--warn);font-weight:700;margin-top:1px }
.fin-r4--ruecklastschriften .ramt .orig { font-size:11px;margin-top:4px }
.fin-r4--ruecklastschriften .origchip { display:inline-flex;align-items:center;gap:5px;background:#e8effd;color:var(--brand);border-radius:99px;padding:2px 9px;font-size:10.5px;font-weight:700;cursor:pointer }
.fin-r4--ruecklastschriften .origchip svg { width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2.4 }
.fin-r4--ruecklastschriften .origchip.missing { background:#fdeaec;color:var(--bad) }
.fin-r4--ruecklastschriften .rgrund { display:flex;flex-direction:column;gap:6px }
.fin-r4--ruecklastschriften .grundcode { display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700 }
.fin-r4--ruecklastschriften .grundcode .gc { font-size:10px;font-weight:800;background:#eef1f6;color:var(--ink2);border-radius:6px;padding:2px 7px;font-variant-numeric:tabular-nums }
.fin-r4--ruecklastschriften .rgrund .rstatusrow { display:flex;gap:6px;flex-wrap:wrap }
.fin-r4--ruecklastschriften .rstat { display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;border-radius:99px;padding:3px 10px }
.fin-r4--ruecklastschriften .rstat .d { width:7px;height:7px;border-radius:50% }
.fin-r4--ruecklastschriften .rstat.offen { background:#fdeaec;color:var(--bad) }
.fin-r4--ruecklastschriften .rstat.offen .d { background:#ef4444 }
.fin-r4--ruecklastschriften .rstat.verr { background:#e5f5ec;color:var(--ok) }
.fin-r4--ruecklastschriften .rstat.verr .d { background:#22c55e }
.fin-r4--ruecklastschriften .rstat.warte { background:#fdf3e2;color:var(--warn) }
.fin-r4--ruecklastschriften .rstat.warte .d { background:#f59e0b }
.fin-r4--ruecklastschriften .mstat { display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;border-radius:99px;padding:3px 9px;border:1px solid transparent }
.fin-r4--ruecklastschriften .mstat.aktiv { background:#eef4ff;color:var(--brand);border-color:#cfe0fb }
.fin-r4--ruecklastschriften .mstat.widerrufen { background:#fdeaec;color:var(--bad);border-color:#f3c9cf }
.fin-r4--ruecklastschriften .mstat.offen { background:#f1f4f8;color:var(--ink2);border-color:var(--line) }
.fin-r4--ruecklastschriften .ractions { display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap;max-width:340px }
.fin-r4--ruecklastschriften .rbtn { display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 11px;font-weight:700;font-size:11.5px;color:var(--ink2);cursor:pointer;white-space:nowrap }
.fin-r4--ruecklastschriften .rbtn svg { width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2 }
.fin-r4--ruecklastschriften .rbtn.prim { background:#e8effd;border-color:#bcd3f7;color:var(--brand) }
.fin-r4--ruecklastschriften .rbtn.mail { background:#eef8f2;border-color:#bfe6cf;color:var(--ok) }
.fin-r4--ruecklastschriften .rbtn.gate { background:#fff6ea;border-color:#f2dcae;color:#9a6a00 }
.fin-r4--ruecklastschriften .rbtn.done { background:linear-gradient(135deg,#178a50,#1ba85f);border:none;color:#fff }
.fin-r4--ruecklastschriften .rbtn.done svg { stroke:#fff }
.fin-r4--ruecklastschriften .rexpand { width:28px;height:28px;border-radius:8px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;color:var(--ink2);cursor:pointer;flex:none }
.fin-r4--ruecklastschriften .rexpand svg { width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2 }
.fin-r4--ruecklastschriften .newbadge { font-size:9.5px;font-weight:800;background:#e8563f;color:#fff;border-radius:99px;padding:1px 7px;margin-left:7px;vertical-align:1px }
.fin-r4--ruecklastschriften .rrow.open { border-color:#bcd3f7;box-shadow:0 8px 24px -12px rgba(30,86,200,.35) }
.fin-r4--ruecklastschriften .rdetail { border-top:1px solid var(--line);background:#f7f9fc;padding:16px 20px 18px;display:grid;grid-template-columns:1.4fr 1fr;gap:24px }
.fin-r4--ruecklastschriften .rdetail .dt { font-size:10.5px;letter-spacing:.5px;color:var(--ink3);font-weight:800;margin-bottom:12px }
.fin-r4--ruecklastschriften .tl { position:relative;padding-left:6px }
.fin-r4--ruecklastschriften .tl .ev { display:flex;gap:13px;padding-bottom:15px;position:relative }
.fin-r4--ruecklastschriften .tl .ev:before { content:'';position:absolute;left:9px;top:22px;bottom:-2px;width:2px;background:var(--line) }
.fin-r4--ruecklastschriften .tl .ev:last-child { padding-bottom:0 }
.fin-r4--ruecklastschriften .tl .ev:last-child:before { display:none }
.fin-r4--ruecklastschriften .tl .nd { width:20px;height:20px;border-radius:50%;flex:none;display:grid;place-items:center;z-index:1;margin-top:1px }
.fin-r4--ruecklastschriften .tl .nd svg { width:11px;height:11px;stroke:#fff;fill:none;stroke-width:2.6 }
.fin-r4--ruecklastschriften .nd.blue { background:var(--sepa) }
.fin-r4--ruecklastschriften .nd.red { background:var(--bad) }
.fin-r4--ruecklastschriften .nd.green { background:var(--ok) }
.fin-r4--ruecklastschriften .nd.amber { background:#f59e0b }
.fin-r4--ruecklastschriften .tl .ec b { font-size:13px;font-weight:700 }
.fin-r4--ruecklastschriften .tl .ec .em { font-size:11.5px;color:var(--ink3);font-weight:600 }
.fin-r4--ruecklastschriften .tl .ec time { font-size:11px;color:var(--ink3);font-weight:700 }
.fin-r4--ruecklastschriften .fbox { background:#fff;border:1px solid var(--line);border-radius:11px;padding:14px 16px }
.fin-r4--ruecklastschriften .fbox .frow { display:flex;justify-content:space-between;font-size:12.5px;padding:7px 0;border-bottom:1px dashed var(--line) }
.fin-r4--ruecklastschriften .fbox .frow:last-child { border:none }
.fin-r4--ruecklastschriften .fbox .frow span { color:var(--ink3);font-weight:600 }
.fin-r4--ruecklastschriften .fbox .frow b { font-weight:700 }
.fin-r4--ruecklastschriften .fbox .frow b.bad { color:var(--bad) }
.fin-r4--ruecklastschriften .detact { display:flex;gap:8px;margin-top:12px }
.fin-r4--ruecklastschriften .gatebox { margin-top:12px;background:#fff9ec;border:1px solid #f2dcae;border-radius:11px;padding:13px 15px }
.fin-r4--ruecklastschriften .gatebox .gh { display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;color:#7a5600 }
.fin-r4--ruecklastschriften .gatebox .gh svg { width:15px;height:15px;stroke:#9a6a00;fill:none;stroke-width:2.2 }
.fin-r4--ruecklastschriften .gatebox p { font-size:12px;color:#7a5600;margin:6px 0 11px;line-height:1.5 }
.fin-r4--ruecklastschriften .gatebox .gx { display:flex;gap:8px }
.fin-r4--ruecklastschriften .gatebox .gb { flex:1;justify-content:center;border-radius:8px;padding:9px;font-weight:700;font-size:12px;cursor:pointer;text-align:center }
.fin-r4--ruecklastschriften .gatebox .gb.cancel { background:#fff;border:1px solid #e6d8b0;color:#7a5600 }
.fin-r4--ruecklastschriften .gatebox .gb.confirm { background:linear-gradient(135deg,#c07600,#e0932a);border:none;color:#fff }

/* --- quittungen --- */
.fin-r4--quittungen .num { font-variant-numeric:tabular-nums }
.fin-r4--quittungen .main { padding:22px 28px 40px }
.fin-r4--quittungen .top { display:flex;align-items:center;gap:12px;margin-bottom:16px }
.fin-r4--quittungen .top h1 { font-size:21px;letter-spacing:-.3px }
.fin-r4--quittungen .top .date { color:var(--ink3);font-weight:500;font-size:13px;margin-top:3px }
.fin-r4--quittungen .hpill { display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--ok);background:#e5f5ec;border-radius:99px;padding:6px 12px;white-space:nowrap;flex:none }
.fin-r4--quittungen .hpill .hd { width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.16) }
.fin-r4--quittungen .search { margin-left:auto;display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:8px 14px;color:var(--ink3);width:270px;box-shadow:var(--shadow);white-space:nowrap;overflow:hidden;flex:none }
.fin-r4--quittungen .search span { overflow:hidden;text-overflow:ellipsis }
.fin-r4--quittungen .iconbtn { width:37px;height:37px;border-radius:11px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink2);box-shadow:var(--shadow);flex:none }
.fin-r4--quittungen .grid { display:grid;grid-template-columns:repeat(12,1fr);gap:16px }
.fin-r4--quittungen .card { background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px 20px }
.fin-r4--quittungen .card h2 { display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:700 }
.fin-r4--quittungen .card h2 svg { width:17px;height:17px;stroke:var(--brand);fill:none;stroke-width:2 }
.fin-r4--quittungen .card h2 .more { margin-left:auto;font-size:12.5px;color:var(--brand);font-weight:600 }
.fin-r4--quittungen .sub { color:var(--ink3);font-size:12px;margin-top:2px }
.fin-r4--quittungen .stat { grid-column:span 3;display:flex;flex-direction:column;gap:2px;position:relative;overflow:hidden }
.fin-r4--quittungen .stat .si { width:38px;height:38px;border-radius:11px;display:grid;place-items:center;margin-bottom:8px }
.fin-r4--quittungen .stat .si svg { width:20px;height:20px;fill:none;stroke-width:2 }
.fin-r4--quittungen .stat b { font-size:30px;letter-spacing:-1px }
.fin-r4--quittungen .stat .l { font-size:12.5px;color:var(--ink2);font-weight:650 }
.fin-r4--quittungen .stat .d { font-size:11.5px;color:var(--ink3);margin-top:2px }
.fin-r4--quittungen .c-blue { background:#e8effd;color:#1e56c8 }
.fin-r4--quittungen .c-red { background:#fdeaec;color:#c93a4a }
.fin-r4--quittungen .c-amb { background:#fdf3e2;color:#c07600 }
.fin-r4--quittungen .c-grn { background:#e5f5ec;color:#178a50 }
.fin-r4--quittungen .sentspark { margin-top:8px }
.fin-r4--quittungen .sentspark svg { width:100%;height:26px;display:block }
.fin-r4--quittungen .auto { grid-column:span 5;display:flex;flex-direction:column }
.fin-r4--quittungen .autobox { margin-top:12px;display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid #bcd3f7;border-radius:13px;background:linear-gradient(135deg,#eef4fe,#f6f9ff) }
.fin-r4--quittungen .autobox .ai { width:42px;height:42px;border-radius:12px;background:#fff;display:grid;place-items:center;color:var(--brand);flex:none;box-shadow:0 2px 8px -3px rgba(30,86,200,.35) }
.fin-r4--quittungen .autobox .ai svg { width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2 }
.fin-r4--quittungen .autobox .at b { font-size:14.5px }
.fin-r4--quittungen .autobox .at span { display:block;font-size:12px;color:var(--ink2);margin-top:2px }
.fin-r4--quittungen .autobox .at .nextrun { display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--brand);margin-top:6px;background:#fff;border-radius:99px;padding:2px 9px }
.fin-r4--quittungen .autobox .toggle { margin-left:auto;display:flex;align-items:center;gap:8px }
.fin-r4--quittungen .sw { width:44px;height:25px;border-radius:99px;background:#178a50;position:relative;flex:none }
.fin-r4--quittungen .sw i { position:absolute;top:2.5px;right:2.5px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2) }
.fin-r4--quittungen .runs { margin-top:14px;display:flex;flex-direction:column }
.fin-r4--quittungen .run { display:flex;align-items:center;gap:11px;padding:9px 2px;border-bottom:1px dashed var(--line);font-size:12.5px }
.fin-r4--quittungen .run:last-child { border:none }
.fin-r4--quittungen .run .rd { width:9px;height:9px;border-radius:50%;flex:none }
.fin-r4--quittungen .run .rd.ok { background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.15) }
.fin-r4--quittungen .run .rd.warn { background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.18) }
.fin-r4--quittungen .run b { font-weight:700 }
.fin-r4--quittungen .run .res { margin-left:auto;color:var(--ink2);font-weight:600 }
.fin-r4--quittungen .run .res .err { color:var(--bad) }
.fin-r4--quittungen .week { grid-column:span 4;display:flex;flex-direction:column }
.fin-r4--quittungen .wk { display:grid;grid-template-columns:repeat(7,1fr);gap:9px;margin-top:16px;align-items:end;height:120px }
.fin-r4--quittungen .wd { display:flex;flex-direction:column;justify-content:flex-end;height:100% }
.fin-r4--quittungen .wd .stack { width:70%;margin:0 auto;display:flex;flex-direction:column-reverse;border-radius:5px 5px 2px 2px;overflow:hidden }
.fin-r4--quittungen .wd .stack i { display:block;width:100% }
.fin-r4--quittungen .wd .sn-sent { background:var(--ok) }
.fin-r4--quittungen .wd .sn-wait { background:#f3d38a }
.fin-r4--quittungen .wd .sum { text-align:center;font-size:11px;font-weight:700;color:var(--ink2);margin-bottom:5px }
.fin-r4--quittungen .wd.today .sum { color:var(--brand) }
.fin-r4--quittungen .wklab { display:grid;grid-template-columns:repeat(7,1fr);gap:9px;margin-top:8px;text-align:center;font-size:11px;color:var(--ink3);font-weight:600 }
.fin-r4--quittungen .wklab .today { color:var(--brand);font-weight:800 }
.fin-r4--quittungen .wleg { display:flex;gap:16px;margin-top:14px;font-size:11.5px;color:var(--ink2);font-weight:600 }
.fin-r4--quittungen .wleg i { width:9px;height:9px;border-radius:3px;display:inline-block;margin-right:5px;vertical-align:-1px }
.fin-r4--quittungen .toolbar { display:flex;align-items:center;gap:10px;margin:20px 0 0;flex-wrap:wrap }
.fin-r4--quittungen .fsel { display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 13px;font-weight:600;font-size:13px;color:var(--ink2);box-shadow:var(--shadow) }
.fin-r4--quittungen .fsel svg { width:13px;height:13px;stroke:var(--ink3);fill:none;stroke-width:2.2 }
.fin-r4--quittungen .fsearch { display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 13px;color:var(--ink3);width:250px;box-shadow:var(--shadow) }
.fin-r4--quittungen .schip { border:1px solid var(--line);background:#fff;border-radius:99px;padding:6px 13px;font-size:12px;font-weight:600;color:var(--ink2);box-shadow:var(--shadow) }
.fin-r4--quittungen .schip.on { background:#e8effd;border-color:#bcd3f7;color:var(--brand) }
.fin-r4--quittungen .btn { margin-left:auto;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#1e56c8,#2f6fe0);color:#fff;border:none;border-radius:10px;padding:9px 16px;font:inherit;font-weight:700;font-size:13px;cursor:pointer;box-shadow:0 4px 12px -4px rgba(30,86,200,.55) }
.fin-r4--quittungen .btn svg { width:15px;height:15px;stroke:#fff;fill:none;stroke-width:2.2 }
.fin-r4--quittungen .tblcard { margin-top:14px;padding:0;overflow:hidden }
.fin-r4--quittungen table { width:100%;border-collapse:collapse;font-size:13px }
.fin-r4--quittungen th { font-size:10.5px;letter-spacing:.7px;color:var(--ink3);text-align:left;font-weight:700;padding:11px 16px;border-bottom:1px solid var(--line);background:#fbfcfe }
.fin-r4--quittungen th.r, .fin-r4--quittungen td.r { text-align:right }
.fin-r4--quittungen td { padding:12px 16px;border-bottom:1px solid #eef1f6;vertical-align:middle }
.fin-r4--quittungen tr:last-child td { border:none }
.fin-r4--quittungen tbody tr:hover { background:#fafbfe }
.fin-r4--quittungen .drnr { font-weight:800;color:var(--brand);white-space:nowrap }
.fin-r4--quittungen .mcell { display:flex;align-items:center;gap:11px }
.fin-r4--quittungen .mav { width:32px;height:32px;border-radius:9px;background:#e8effd;color:var(--brand);display:grid;place-items:center;font-weight:800;font-size:12px;flex:none }
.fin-r4--quittungen .mcell b { font-weight:700 }
.fin-r4--quittungen .mcell small { display:block;color:var(--ink3);font-size:11px }
.fin-r4--quittungen .badge { display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;border-radius:8px;padding:5px 11px }
.fin-r4--quittungen .b-ready { background:#e8effd;color:#1e56c8 }
.fin-r4--quittungen .b-sent { background:#e5f5ec;color:#178a50 }
.fin-r4--quittungen .b-fail { background:#fdeaec;color:#c93a4a }
.fin-r4--quittungen .b-wait { background:#fdf3e2;color:#c07600 }
.fin-r4--quittungen .b-void { background:#eef1f6;color:var(--ink2) }
.fin-r4--quittungen .badge .bd { width:8px;height:8px;border-radius:50% }
.fin-r4--quittungen .bd-ready { background:var(--brand) }
.fin-r4--quittungen .bd-sent { background:#22c55e }
.fin-r4--quittungen .bd-fail { background:#ef4444 }
.fin-r4--quittungen .bd-wait { background:#f59e0b }
.fin-r4--quittungen .bd-void { background:#9aa8bd }
.fin-r4--quittungen .corr { display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;border-radius:99px;padding:2px 9px;margin-left:6px;background:#f0edfd;color:#6d5bd0 }
.fin-r4--quittungen .kebab { display:flex;gap:6px;justify-content:flex-end;flex-wrap:nowrap }
.fin-r4--quittungen .act { display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--ink2);font-size:12px;font-weight:650;white-space:nowrap }
.fin-r4--quittungen .act svg { width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2 }
.fin-r4--quittungen .act.pri { border-color:#bcd3f7;background:#e8effd;color:var(--brand) }
.fin-r4--quittungen .act.sq { width:30px;padding:0;justify-content:center }
.fin-r4--quittungen .tblfoot { display:flex;align-items:center;padding:12px 16px;font-size:12.5px;color:var(--ink3);font-weight:600;border-top:1px solid var(--line);background:#fbfcfe }
.fin-r4--quittungen .tblfoot .pg { margin-left:auto;display:flex;gap:5px }
.fin-r4--quittungen .tblfoot .pg span { border:1px solid var(--line);border-radius:8px;padding:4px 10px;background:#fff;color:var(--ink2) }
.fin-r4--quittungen .tblfoot .pg span.on { background:#e8effd;border-color:#bcd3f7;color:var(--brand) }

/* --- forderungsmatrix --- */
.fin-r4--forderungsmatrix .num { font-variant-numeric:tabular-nums }
.fin-r4--forderungsmatrix .main { padding:22px 28px 40px }
.fin-r4--forderungsmatrix .top { display:flex;align-items:center;gap:12px;margin-bottom:16px }
.fin-r4--forderungsmatrix .top h1 { font-size:21px;letter-spacing:-.3px }
.fin-r4--forderungsmatrix .top .date { color:var(--ink3);font-weight:500;font-size:13px;margin-top:3px }
.fin-r4--forderungsmatrix .hpill { display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--ok);background:#e5f5ec;border-radius:99px;padding:6px 12px;white-space:nowrap;flex:none }
.fin-r4--forderungsmatrix .hpill .hd { width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.16) }
.fin-r4--forderungsmatrix .health { display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);color:var(--ink2);border-radius:99px;padding:6px 13px;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap;flex:none }
.fin-r4--forderungsmatrix .health .dot { width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.18) }
.fin-r4--forderungsmatrix .health svg { width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.2 }
.fin-r4--forderungsmatrix .search { margin-left:auto;display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:8px 14px;color:var(--ink3);width:270px;box-shadow:var(--shadow);white-space:nowrap;overflow:hidden;flex:none }
.fin-r4--forderungsmatrix .search span { overflow:hidden;text-overflow:ellipsis }
.fin-r4--forderungsmatrix .iconbtn { width:37px;height:37px;border-radius:11px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink2);box-shadow:var(--shadow) }
.fin-r4--forderungsmatrix .crumb { display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink3);font-weight:600;margin-bottom:12px }
.fin-r4--forderungsmatrix .crumb a { color:var(--brand);text-decoration:none;font-weight:700 }
.fin-r4--forderungsmatrix .crumb svg { width:13px;height:13px;stroke:var(--ink3);fill:none;stroke-width:2.2 }
.fin-r4--forderungsmatrix .card { background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow) }
.fin-r4--forderungsmatrix .filterbar { display:flex;align-items:center;gap:10px;padding:14px 18px;flex-wrap:wrap;margin-bottom:6px }
.fin-r4--forderungsmatrix .fsearch { display:flex;align-items:center;gap:9px;background:#f6f8fb;border:1px solid var(--line);border-radius:10px;padding:8px 13px;color:var(--ink3);width:250px }
.fin-r4--forderungsmatrix .fsearch svg { width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2 }
.fin-r4--forderungsmatrix .fsel { display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 13px;font-weight:650;font-size:12.5px;color:var(--ink2) }
.fin-r4--forderungsmatrix .fsel svg { width:12px;height:12px;stroke:var(--ink3);fill:none;stroke-width:2.4 }
.fin-r4--forderungsmatrix .chip { border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 13px;font-size:12px;font-weight:650;color:var(--ink2);cursor:pointer }
.fin-r4--forderungsmatrix .chip.on { background:#e8effd;border-color:#bcd3f7;color:var(--brand) }
.fin-r4--forderungsmatrix .btn { margin-left:auto;display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,#1e56c8,#2f6fe0);color:#fff;border:none;border-radius:9px;padding:9px 15px;font:inherit;font-weight:700;font-size:12.5px;cursor:pointer;box-shadow:0 4px 12px -4px rgba(30,86,200,.55) }
.fin-r4--forderungsmatrix .btn svg { width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2.2 }
.fin-r4--forderungsmatrix .btn.ghost { background:#fff;color:var(--ink2);border:1px solid var(--line);box-shadow:var(--shadow);margin-left:0 }
.fin-r4--forderungsmatrix .btn.ghost svg { stroke:var(--ink2) }
.fin-r4--forderungsmatrix .stripbar { display:flex;gap:22px;padding:0 18px 14px;align-items:center;flex-wrap:wrap }
.fin-r4--forderungsmatrix .strip { display:flex;flex-direction:column }
.fin-r4--forderungsmatrix .strip .l { font-size:10px;letter-spacing:.6px;color:var(--ink3);font-weight:800 }
.fin-r4--forderungsmatrix .strip b { font-size:17px;letter-spacing:-.3px;margin-top:2px }
.fin-r4--forderungsmatrix .strip.hot b { color:var(--bad) }
.fin-r4--forderungsmatrix .strip.warn b { color:var(--warn) }
.fin-r4--forderungsmatrix .bagchip { margin-left:auto;display:inline-flex;align-items:center;gap:7px;background:#f4f6f9;border:1px solid var(--line);border-radius:99px;padding:6px 13px;font-size:11.5px;font-weight:700;color:var(--ink2) }
.fin-r4--forderungsmatrix .bagchip svg { width:14px;height:14px;stroke:var(--ink3);fill:none;stroke-width:2 }
.fin-r4--forderungsmatrix .segwarn { display:flex;align-items:center;gap:12px;margin:0 18px 14px;padding:11px 15px;border:1px solid #f0dca8;background:#fdf6e7;border-radius:12px }
.fin-r4--forderungsmatrix .segwarn .wi { width:32px;height:32px;border-radius:9px;background:#fbeccb;color:var(--warn);display:grid;place-items:center;flex:none }
.fin-r4--forderungsmatrix .segwarn .wi svg { width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2 }
.fin-r4--forderungsmatrix .segwarn .wt b { font-weight:800;color:#8a6a1f;font-size:13px }
.fin-r4--forderungsmatrix .segwarn .wt span { display:block;font-size:12px;color:#8a6a1f;font-weight:600;margin-top:1px }
.fin-r4--forderungsmatrix .segwarn .wlink { margin-left:auto;font-size:12px;font-weight:700;color:var(--brand);white-space:nowrap;cursor:pointer }
.fin-r4--forderungsmatrix .mtwrap { overflow-x:auto;padding:4px 8px 8px }
.fin-r4--forderungsmatrix .mtable { width:100%;border-collapse:separate;border-spacing:0;font-size:13px }
.fin-r4--forderungsmatrix .mtable thead th { position:sticky;top:0;background:#fbfcfe;padding:12px 10px;font-size:10.5px;letter-spacing:.5px;color:var(--ink3);font-weight:800;text-align:center;border-bottom:1px solid var(--line) }
.fin-r4--forderungsmatrix .mtable thead th.mh { text-align:left;width:270px;padding-left:16px }
.fin-r4--forderungsmatrix .mtable thead th.sum { text-align:right;padding-right:16px;color:var(--bad) }
.fin-r4--forderungsmatrix .mtable thead th.yrh { cursor:pointer }
.fin-r4--forderungsmatrix .mtable thead th.yrh:hover { color:var(--brand);background:#f2f7ff }
.fin-r4--forderungsmatrix .mtable thead th.act { width:46px }
.fin-r4--forderungsmatrix .mtable tbody td { padding:6px 8px;border-bottom:1px solid #f1f4f8 }
.fin-r4--forderungsmatrix .mtable tbody tr:hover { background:#fafbfe }
.fin-r4--forderungsmatrix .mtable td.mn { padding-left:16px }
.fin-r4--forderungsmatrix .mname { display:flex;align-items:center;gap:11px }
.fin-r4--forderungsmatrix .mav { width:33px;height:33px;border-radius:9px;background:#e8effd;color:var(--brand);display:grid;place-items:center;font-weight:800;font-size:12px;flex:none }
.fin-r4--forderungsmatrix .mname b { font-weight:700;font-size:13px }
.fin-r4--forderungsmatrix .mname small { display:block;color:var(--ink3);font-size:11px;font-weight:500 }
.fin-r4--forderungsmatrix .zell { display:block;text-align:center;border-radius:9px;padding:9px 6px;font-weight:700;font-size:12.5px;position:relative;cursor:pointer }
.fin-r4--forderungsmatrix .z-paid { background:#eef7f1;color:#178a50 }
.fin-r4--forderungsmatrix .z-open { background:#fdeef0;color:#c93a4a }
.fin-r4--forderungsmatrix .z-part { background:#fdf6e7;color:#c07600 }
.fin-r4--forderungsmatrix .z-na { color:#c4ccd8;font-weight:600 }
.fin-r4--forderungsmatrix .zell.active { outline:2px solid var(--brand);outline-offset:1px;z-index:2 }
.fin-r4--forderungsmatrix .msum { text-align:right;font-weight:800;font-size:13.5px;padding-right:16px }
.fin-r4--forderungsmatrix .mtable td.act { text-align:center }
.fin-r4--forderungsmatrix .ract { display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--ink3);cursor:pointer }
.fin-r4--forderungsmatrix .ract svg { width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2 }
.fin-r4--forderungsmatrix .ract:hover { color:var(--brand);border-color:#bcd3f7;background:#f2f7ff }
.fin-r4--forderungsmatrix .mtable tfoot td { padding:12px 8px;border-top:2px solid var(--line);font-weight:800;font-size:12.5px;text-align:center;background:#fbfcfe;color:var(--ink) }
.fin-r4--forderungsmatrix .mtable tfoot td.mn { text-align:left;padding-left:16px;color:var(--ink3);font-size:11px;letter-spacing:.5px }
.fin-r4--forderungsmatrix .mtable tfoot td.sum { text-align:right;padding-right:16px;font-size:15px;color:var(--bad) }
.fin-r4--forderungsmatrix .mtable tfoot td.clickable { cursor:pointer }
.fin-r4--forderungsmatrix .mtable tfoot td.clickable:hover { background:#eef4fe;color:var(--brand) }
.fin-r4--forderungsmatrix .colsum { font-size:11px;color:var(--ink3);font-weight:700;display:block;margin-top:1px }
.fin-r4--forderungsmatrix .trendrow td { border-top:1px dashed var(--line);padding:8px 8px 10px;background:#fff }
.fin-r4--forderungsmatrix .trendrow td.mn { color:var(--ink3);font-size:9.5px;letter-spacing:.5px;font-weight:800 }
.fin-r4--forderungsmatrix .mlegend { display:flex;gap:18px;padding:14px 18px;border-top:1px solid var(--line);font-size:11.5px;color:var(--ink2);font-weight:650;align-items:center;flex-wrap:wrap }
.fin-r4--forderungsmatrix .mlegend i { width:13px;height:13px;border-radius:4px;display:inline-block;margin-right:6px;vertical-align:-2px }
.fin-r4--forderungsmatrix .pageinfo { margin-left:auto;display:flex;align-items:center;gap:5px;color:var(--ink3) }
.fin-r4--forderungsmatrix .pageinfo span { border:1px solid var(--line);border-radius:8px;padding:4px 10px;background:#fff;color:var(--ink2) }
.fin-r4--forderungsmatrix .pageinfo span.on { background:#e8effd;border-color:#bcd3f7;color:var(--brand) }
.fin-r4--forderungsmatrix .matrixhost { position:relative }
.fin-r4--forderungsmatrix .popover { position:absolute;width:340px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 50px -16px rgba(10,20,40,.4);z-index:20;overflow:hidden }
.fin-r4--forderungsmatrix .popover:after { content:'';position:absolute;top:-8px;left:60px;width:16px;height:16px;background:#fff;border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg) }
.fin-r4--forderungsmatrix .pop-h { display:flex;align-items:center;gap:11px;padding:14px 16px;border-bottom:1px solid var(--line) }
.fin-r4--forderungsmatrix .pop-h .pav { width:34px;height:34px;border-radius:9px;background:#e8effd;color:var(--brand);display:grid;place-items:center;font-weight:800;font-size:12.5px }
.fin-r4--forderungsmatrix .pop-h b { font-size:13.5px;font-weight:700 }
.fin-r4--forderungsmatrix .pop-h span { display:block;font-size:11px;color:var(--ink3);font-weight:600 }
.fin-r4--forderungsmatrix .pop-h .yr { margin-left:auto;font-size:11px;font-weight:800;background:#fdeef0;color:var(--bad);border-radius:99px;padding:4px 11px }
.fin-r4--forderungsmatrix .pop-b { padding:14px 16px }
.fin-r4--forderungsmatrix .pop-b .prow { display:flex;justify-content:space-between;gap:16px;font-size:12.5px;padding:7px 0;border-bottom:1px dashed var(--line) }
.fin-r4--forderungsmatrix .pop-b .prow b { text-align:right }
.fin-r4--forderungsmatrix .pop-b .prow:last-child { border:none }
.fin-r4--forderungsmatrix .pop-b .prow span { color:var(--ink3);font-weight:600 }
.fin-r4--forderungsmatrix .pop-b .prow b { font-weight:700 }
.fin-r4--forderungsmatrix .pop-b .prow b.bad { color:var(--bad) }
.fin-r4--forderungsmatrix .pop-b .prow b.ok { color:var(--ok) }
.fin-r4--forderungsmatrix .pop-pays { margin-top:9px;background:#f6f8fb;border-radius:9px;padding:9px 11px }
.fin-r4--forderungsmatrix .pop-pays .pt { font-size:10px;letter-spacing:.5px;color:var(--ink3);font-weight:800;margin-bottom:6px }
.fin-r4--forderungsmatrix .pop-pays .py { display:flex;align-items:center;gap:8px;font-size:11.5px;padding:3px 0 }
.fin-r4--forderungsmatrix .pop-pays .py .kd { width:8px;height:8px;border-radius:3px }
.fin-r4--forderungsmatrix .kd-sepa { background:var(--sepa) }
.fin-r4--forderungsmatrix .kd-ueb { background:var(--ueb) }
.fin-r4--forderungsmatrix .pop-pays .py b { margin-left:auto;font-weight:700 }
.fin-r4--forderungsmatrix .pop-f { display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--line);background:#fbfcfe }
.fin-r4--forderungsmatrix .pop-f .pb { flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 0;font-weight:700;font-size:12px;color:var(--ink2);cursor:pointer }
.fin-r4--forderungsmatrix .pop-f .pb svg { width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2 }
.fin-r4--forderungsmatrix .pop-f .pb.prim { background:linear-gradient(135deg,#1e56c8,#2f6fe0);border:none;color:#fff }
.fin-r4--forderungsmatrix .pop-f .pb.prim svg { stroke:#fff }

/* --- sepa_wizard --- */
.fin-r4--sepa_wizard .num { font-variant-numeric:tabular-nums }
.fin-r4--sepa_wizard .main { padding:22px 28px 40px }
.fin-r4--sepa_wizard .top { display:flex;align-items:center;gap:12px;margin-bottom:16px }
.fin-r4--sepa_wizard .crumb { font-size:12.5px;color:var(--ink3);font-weight:600 }
.fin-r4--sepa_wizard .crumb b { color:var(--brand) }
.fin-r4--sepa_wizard .top h1 { font-size:21px;letter-spacing:-.3px;margin-top:4px }
.fin-r4--sepa_wizard .top .date { color:var(--ink3);font-weight:500;font-size:13px;margin-top:3px }
.fin-r4--sepa_wizard .headright { margin-left:auto;display:flex;align-items:center;gap:10px }
.fin-r4--sepa_wizard .hpill16 { display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--ok);background:#e5f5ec;border:1px solid #bfe6cf;border-radius:99px;padding:6px 12px }
.fin-r4--sepa_wizard .hpill16 .hd { width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.16) }
.fin-r4--sepa_wizard .search { display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:8px 14px;color:var(--ink3);width:250px;box-shadow:var(--shadow) }
.fin-r4--sepa_wizard .iconbtn { width:37px;height:37px;border-radius:11px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink2);box-shadow:var(--shadow) }
.fin-r4--sepa_wizard .card { background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow) }
.fin-r4--sepa_wizard .stepper { display:flex;align-items:center;padding:22px 28px;border-bottom:1px solid var(--line) }
.fin-r4--sepa_wizard .step { display:flex;align-items:center;gap:12px;flex:none }
.fin-r4--sepa_wizard .step .no { width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:15px;flex:none }
.fin-r4--sepa_wizard .step .tt b { font-size:13.5px;display:block }
.fin-r4--sepa_wizard .step .tt span { font-size:11.5px;color:var(--ink3);font-weight:600 }
.fin-r4--sepa_wizard .step.done .no { background:#e5f5ec;color:var(--ok);box-shadow:inset 0 0 0 1.5px #9fd8b8 }
.fin-r4--sepa_wizard .step.active .no { background:linear-gradient(140deg,#2f6fe0,#1e56c8);color:#fff;box-shadow:0 6px 16px -6px rgba(30,86,200,.7) }
.fin-r4--sepa_wizard .step.active .tt b { color:var(--brand) }
.fin-r4--sepa_wizard .step.todo .no { background:#f1f4f8;color:var(--ink3);box-shadow:inset 0 0 0 1.5px #dbe2ec }
.fin-r4--sepa_wizard .step.todo .tt b { color:var(--ink3) }
.fin-r4--sepa_wizard .sconn { flex:1;height:2.5px;background:var(--line);margin:0 16px;border-radius:2px;position:relative;top:-11px }
.fin-r4--sepa_wizard .sconn.done { background:#9fd8b8 }
.fin-r4--sepa_wizard .wbody { padding:24px 28px }
.fin-r4--sepa_wizard .wtitle { display:flex;align-items:center;gap:12px;margin-bottom:4px }
.fin-r4--sepa_wizard .wtitle h2 { font-size:18px;letter-spacing:-.2px }
.fin-r4--sepa_wizard .wtitle .tag { margin-left:auto;font-size:12px;font-weight:700;border-radius:99px;padding:5px 13px;background:#e8effd;color:var(--brand) }
.fin-r4--sepa_wizard .wtitle .tag.grn { background:#e5f5ec;color:var(--ok) }
.fin-r4--sepa_wizard .wsub { color:var(--ink2);font-size:13px;margin-bottom:18px }
.fin-r4--sepa_wizard .balance { display:grid;grid-template-columns:1fr 44px 1fr 44px 1fr;gap:0;align-items:center;margin-bottom:22px }
.fin-r4--sepa_wizard .bcell { border:1px solid var(--line);border-radius:14px;padding:16px 20px;background:#fbfcfe }
.fin-r4--sepa_wizard .bcell.in { background:linear-gradient(135deg,#eef4fe,#f6f9ff);border-color:#bcd3f7 }
.fin-r4--sepa_wizard .bcell.out { background:#fdf4f5;border-color:#f3c9cf }
.fin-r4--sepa_wizard .bcell .l { font-size:11px;letter-spacing:.7px;color:var(--ink3);font-weight:700 }
.fin-r4--sepa_wizard .bcell b { font-size:30px;letter-spacing:-1px;display:block;margin-top:4px }
.fin-r4--sepa_wizard .bcell.in b { color:var(--brand) }
.fin-r4--sepa_wizard .bcell.out b { color:var(--bad) }
.fin-r4--sepa_wizard .bcell .d { font-size:12px;color:var(--ink2);font-weight:600;margin-top:3px }
.fin-r4--sepa_wizard .op { display:grid;place-items:center;font-size:24px;font-weight:400;color:var(--ink3) }
.fin-r4--sepa_wizard .cols { display:grid;grid-template-columns:1.15fr 1fr;gap:20px }
.fin-r4--sepa_wizard .panel { border:1px solid var(--line);border-radius:14px;overflow:hidden }
.fin-r4--sepa_wizard .phead { padding:13px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:9px;font-weight:700;font-size:13.5px;background:#fbfcfe }
.fin-r4--sepa_wizard .phead svg { width:16px;height:16px;fill:none;stroke-width:2 }
.fin-r4--sepa_wizard .phead .cn { margin-left:auto;font-size:12px;font-weight:800;border-radius:99px;padding:2px 10px }
.fin-r4--sepa_wizard .phead.blue svg { stroke:var(--brand) }
.fin-r4--sepa_wizard .phead.blue .cn { background:#e8effd;color:var(--brand) }
.fin-r4--sepa_wizard .phead.red svg { stroke:var(--bad) }
.fin-r4--sepa_wizard .phead.red .cn { background:#fdeaec;color:var(--bad) }
.fin-r4--sepa_wizard .phead.amber svg { stroke:#9a6a00 }
.fin-r4--sepa_wizard .phead.amber .cn { background:#fdf3e2;color:var(--warn) }
.fin-r4--sepa_wizard .xrow { display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid #eef1f6 }
.fin-r4--sepa_wizard .xrow:last-child { border:none }
.fin-r4--sepa_wizard .xav { width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:12px;flex:none }
.fin-r4--sepa_wizard .xav.b { background:#e8effd;color:var(--brand) }
.fin-r4--sepa_wizard .xav.r { background:#fdeaec;color:var(--bad) }
.fin-r4--sepa_wizard .xrow .nm b { font-weight:700;font-size:13px }
.fin-r4--sepa_wizard .xrow .nm small { display:block;color:var(--ink3);font-size:11px }
.fin-r4--sepa_wizard .xrow .amt { margin-left:auto;font-weight:700;text-align:right }
.fin-r4--sepa_wizard .rflag { display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;border-radius:7px;padding:3px 9px;margin-left:auto }
.fin-r4--sepa_wizard .rflag.rev { background:#fdeaec;color:var(--bad) }
.fin-r4--sepa_wizard .rflag.bnc { background:#fdf3e2;color:var(--warn) }
.fin-r4--sepa_wizard .rflag.hard { background:#f0edfd;color:#6350c9 }
.fin-r4--sepa_wizard .rflag svg { width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.2 }
.fin-r4--sepa_wizard .golink { margin-left:10px;font-size:11px;font-weight:700;color:var(--brand);text-decoration:none;white-space:nowrap }
.fin-r4--sepa_wizard .policy { margin-top:20px;display:flex;gap:14px;padding:16px 18px;border-radius:14px;background:linear-gradient(135deg,#fff9ec,#fdf3e2);border:1px solid #f2dcae }
.fin-r4--sepa_wizard .policy .pi { width:38px;height:38px;border-radius:11px;background:#fbe6bf;color:#9a6a00;display:grid;place-items:center;flex:none }
.fin-r4--sepa_wizard .policy .pi svg { width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2 }
.fin-r4--sepa_wizard .policy b { font-size:13.5px;color:#7a5600 }
.fin-r4--sepa_wizard .policy p { font-size:12.5px;color:#7a5600;margin-top:3px;line-height:1.5 }
.fin-r4--sepa_wizard .policy code { background:rgba(154,106,0,.13);border-radius:5px;padding:1px 6px;font-size:12px;font-weight:700 }
.fin-r4--sepa_wizard .waechter { margin-top:20px;border:1px solid var(--line);border-radius:14px;overflow:hidden }
.fin-r4--sepa_wizard .waechter .wh { padding:13px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;background:#fbfcfe }
.fin-r4--sepa_wizard .waechter .wh svg { width:17px;height:17px;stroke:var(--brand);fill:none;stroke-width:2 }
.fin-r4--sepa_wizard .waechter .wh b { font-size:13.5px;font-weight:700 }
.fin-r4--sepa_wizard .waechter .wh .sum { margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--warn);background:#fdf3e2;border-radius:99px;padding:4px 12px }
.fin-r4--sepa_wizard .wgrid { display:grid;grid-template-columns:1fr 1fr;gap:0 24px;padding:6px 18px }
.fin-r4--sepa_wizard .wrow { display:flex;align-items:center;gap:11px;padding:11px 2px;border-bottom:1px dashed var(--line) }
.fin-r4--sepa_wizard .wrow:nth-last-child(-n+2) { border-bottom:none }
.fin-r4--sepa_wizard .wrow .wst { width:10px;height:10px;border-radius:50%;flex:none }
.fin-r4--sepa_wizard .wst-ok { background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.15) }
.fin-r4--sepa_wizard .wst-warn { background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.18) }
.fin-r4--sepa_wizard .wrow .wt b { font-size:12.5px;font-weight:700;display:block }
.fin-r4--sepa_wizard .wrow .wt span { font-size:11px;color:var(--ink3);font-weight:600 }
.fin-r4--sepa_wizard .wrow .wc { margin-left:auto;text-align:right;flex:none }
.fin-r4--sepa_wizard .wrow .wc b { font-size:13px;font-weight:800 }
.fin-r4--sepa_wizard .wrow.warn .wc b { color:var(--warn) }
.fin-r4--sepa_wizard .wrow .wc a { display:block;font-size:10.5px;font-weight:700;color:var(--brand);text-decoration:none;margin-top:1px }
.fin-r4--sepa_wizard .wfoot { padding:16px 28px;border-top:1px solid var(--line);background:#fbfcfe }
.fin-r4--sepa_wizard .gaterow { display:flex;align-items:center;gap:12px }
.fin-r4--sepa_wizard .btn { display:flex;align-items:center;gap:8px;border-radius:11px;padding:11px 20px;font:inherit;font-weight:700;font-size:14px;cursor:pointer;border:none }
.fin-r4--sepa_wizard .btn.primary { background:linear-gradient(135deg,#1e56c8,#2f6fe0);color:#fff;box-shadow:0 6px 16px -6px rgba(30,86,200,.6) }
.fin-r4--sepa_wizard .btn.locked { background:#e4e9f0;color:#93a1b6;box-shadow:none;cursor:not-allowed }
.fin-r4--sepa_wizard .btn.ghost { background:#fff;color:var(--ink2);border:1px solid var(--line) }
.fin-r4--sepa_wizard .btn svg { width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.2 }
.fin-r4--sepa_wizard .wfoot .hint { font-size:12.5px;color:var(--warn);font-weight:700;display:flex;align-items:center;gap:7px }
.fin-r4--sepa_wizard .wfoot .hint svg { width:15px;height:15px;stroke:var(--warn);fill:none;stroke-width:2.2 }
.fin-r4--sepa_wizard .wfoot .spacer { margin-left:auto }
.fin-r4--sepa_wizard .ackrow { display:flex;align-items:center;gap:9px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line) }
.fin-r4--sepa_wizard .ackrow .cb { width:18px;height:18px;border-radius:5px;border:2px solid #cdd6e4;background:#fff;flex:none }
.fin-r4--sepa_wizard .ackrow span { font-size:12px;color:var(--ink2);font-weight:600 }

/* --- abschluss --- */
.fin-r4--abschluss .num { font-variant-numeric:tabular-nums }
.fin-r4--abschluss .main { padding:22px 28px 40px }
.fin-r4--abschluss .top { display:flex;align-items:center;gap:12px;margin-bottom:16px }
.fin-r4--abschluss .top h1 { font-size:21px;letter-spacing:-.3px }
.fin-r4--abschluss .top .date { color:var(--ink3);font-weight:500;font-size:13px;margin-top:3px }
.fin-r4--abschluss .hpill { display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--ok);background:#e5f5ec;border-radius:99px;padding:6px 12px;white-space:nowrap;flex:none }
.fin-r4--abschluss .hpill .hd { width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.16) }
.fin-r4--abschluss .health { display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);color:var(--ink2);border-radius:99px;padding:6px 13px;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap;flex:none }
.fin-r4--abschluss .health .dot { width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.18) }
.fin-r4--abschluss .health svg { width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.2 }
.fin-r4--abschluss .search { margin-left:auto;display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:8px 14px;color:var(--ink3);width:250px;box-shadow:var(--shadow);white-space:nowrap;overflow:hidden;flex:none }
.fin-r4--abschluss .search span { overflow:hidden;text-overflow:ellipsis }
.fin-r4--abschluss .iconbtn { width:37px;height:37px;border-radius:11px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink2);box-shadow:var(--shadow);flex:none }
.fin-r4--abschluss .card { background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px 20px;margin-bottom:16px }
.fin-r4--abschluss .card h2 { display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:700;letter-spacing:-.1px }
.fin-r4--abschluss .card h2 svg { width:17px;height:17px;stroke:var(--brand);fill:none;stroke-width:2 }
.fin-r4--abschluss .card h2 .more { margin-left:auto;font-size:12.5px;color:var(--brand);font-weight:600 }
.fin-r4--abschluss .card h2 .badge { margin-left:auto;font-size:11.5px;font-weight:700;border-radius:99px;padding:3px 11px }
.fin-r4--abschluss .sub { color:var(--ink3);font-size:12px;margin-top:2px }
.fin-r4--abschluss .btn { display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,#1e56c8,#2f6fe0);color:#fff;border:none;border-radius:9px;padding:8px 14px;font:inherit;font-weight:700;font-size:12.5px;cursor:pointer;box-shadow:0 4px 12px -4px rgba(30,86,200,.55) }
.fin-r4--abschluss .btn svg { width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2.2 }
.fin-r4--abschluss .btn.ghost { background:#fff;color:var(--ink2);border:1px solid var(--line);box-shadow:var(--shadow) }
.fin-r4--abschluss .btn.ghost svg { stroke:var(--ink2) }
.fin-r4--abschluss .btn.sm { padding:6px 11px;font-size:11.5px }
.fin-r4--abschluss .years { display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px }
.fin-r4--abschluss .ycard { border:1px solid var(--line);border-radius:14px;padding:15px 16px;background:#fbfcfe;position:relative;overflow:hidden }
.fin-r4--abschluss .ycard .yh { display:flex;align-items:center;justify-content:space-between }
.fin-r4--abschluss .ycard .yr { font-size:20px;font-weight:800;letter-spacing:-.5px }
.fin-r4--abschluss .ystat { font-size:10.5px;font-weight:800;letter-spacing:.4px;border-radius:99px;padding:3px 10px }
.fin-r4--abschluss .ystat.testiert { background:#e5f5ec;color:var(--ok) }
.fin-r4--abschluss .ystat.laufend { background:#e8effd;color:var(--brand) }
.fin-r4--abschluss .ystat.abgeschl { background:#eef1f6;color:var(--ink2) }
.fin-r4--abschluss .ycard .yju { font-size:16px;font-weight:800;margin-top:12px;letter-spacing:-.3px }
.fin-r4--abschluss .ycard .yjl { font-size:11.5px;color:var(--ink3);font-weight:600;margin-top:2px }
.fin-r4--abschluss .ycard .yrow { display:flex;justify-content:space-between;font-size:12px;margin-top:9px;color:var(--ink2) }
.fin-r4--abschluss .ycard .yrow b { font-weight:700 }
.fin-r4--abschluss .ycard .ybar { height:7px;border-radius:99px;background:#eef1f6;overflow:hidden;margin:9px 0 4px }
.fin-r4--abschluss .ycard .ybar i { display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#34d399,#178a50) }
.fin-r4--abschluss .ycard .ylink { font-size:12px;color:var(--brand);font-weight:700;margin-top:11px;display:inline-flex;align-items:center;gap:5px }
.fin-r4--abschluss .ycard .ylink svg { width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.2 }
.fin-r4--abschluss .ycard.now { border-color:#bcd3f7;background:linear-gradient(180deg,#f2f7ff,#fbfcfe);box-shadow:inset 0 0 0 1px rgba(30,86,200,.12) }
.fin-r4--abschluss .months { display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:14px }
.fin-r4--abschluss .mcard { border:1px solid var(--line);border-radius:13px;padding:14px 15px;background:#fbfcfe }
.fin-r4--abschluss .mcard .mh { display:flex;align-items:center;justify-content:space-between;margin-bottom:9px }
.fin-r4--abschluss .mcard .mname { font-size:14.5px;font-weight:800 }
.fin-r4--abschluss .mcard .mst { font-size:10.5px;font-weight:800;border-radius:99px;padding:3px 9px;display:inline-flex;align-items:center;gap:5px }
.fin-r4--abschluss .mcard .mst .d { width:7px;height:7px;border-radius:50% }
.fin-r4--abschluss .mst.versendet { background:#e5f5ec;color:var(--ok) }
.fin-r4--abschluss .mst.versendet .d { background:#22c55e }
.fin-r4--abschluss .mst.erstellt { background:#e8effd;color:var(--brand) }
.fin-r4--abschluss .mst.erstellt .d { background:var(--brand) }
.fin-r4--abschluss .mst.offen { background:#fdf3e2;color:var(--warn) }
.fin-r4--abschluss .mst.offen .d { background:#f59e0b }
.fin-r4--abschluss .mcard .msum { font-size:13px;font-weight:700;color:var(--ink) }
.fin-r4--abschluss .mcard .msub { font-size:11px;color:var(--ink3);font-weight:600;margin-top:1px }
.fin-r4--abschluss .mcard .mrec { display:flex;flex-wrap:wrap;gap:5px;margin:11px 0 5px }
.fin-r4--abschluss .rchip { font-size:10.5px;font-weight:700;background:#eef2f8;color:var(--ink2);border-radius:99px;padding:3px 9px;display:inline-flex;align-items:center;gap:5px }
.fin-r4--abschluss .rchip .av { width:15px;height:15px;border-radius:50%;background:#c7d6ea;color:#41567a;display:grid;place-items:center;font-size:8px;font-weight:800 }
.fin-r4--abschluss .rchip.confirmed { background:#e5f5ec;color:var(--ok) }
.fin-r4--abschluss .rchip.confirmed .av { background:#bfe6cf;color:#178a50 }
.fin-r4--abschluss .htrstat { font-size:10.5px;font-weight:650;margin:0 0 10px;display:flex;align-items:center;gap:5px }
.fin-r4--abschluss .htrstat.ok { color:var(--ok) }
.fin-r4--abschluss .htrstat.pending { color:var(--warn) }
.fin-r4--abschluss .htrstat svg { width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2.6 }
.fin-r4--abschluss .mcard .mdl { display:flex;gap:7px }
.fin-r4--abschluss .dlbtn { flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 0;font-weight:700;font-size:11.5px;color:var(--ink2) }
.fin-r4--abschluss .dlbtn svg { width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2 }
.fin-r4--abschluss .dlbtn.pdf { color:var(--bad) }
.fin-r4--abschluss .dlbtn.xls { color:var(--ok) }
.fin-r4--abschluss .mcard.now { border-color:#bcd3f7;background:linear-gradient(180deg,#f2f7ff,#fbfcfe) }
.fin-r4--abschluss .mcard.now .genwrap { display:flex;flex-direction:column;gap:7px }
.fin-r4--abschluss .mcard.now .gennote { font-size:11px;color:var(--ink3);font-weight:600;text-align:center }
.fin-r4--abschluss .mcard .gategate { font-size:10.5px;color:var(--warn);font-weight:700;text-align:center;background:#fdf3e2;border-radius:8px;padding:5px 8px;display:flex;align-items:center;justify-content:center;gap:5px }
.fin-r4--abschluss .mcard .gategate svg { width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2.2 }
.fin-r4--abschluss .mcard .genbtn { width:100%;justify-content:center;padding:9px 0 }
.fin-r4--abschluss .mcard .lvlink { display:block;text-align:center;font-size:10.5px;font-weight:700;color:var(--brand);margin-top:8px }
.fin-r4--abschluss .monthsfoot { display:flex;align-items:center;margin-top:14px;padding-top:12px;border-top:1px dashed var(--line);font-size:12px;color:var(--ink3);font-weight:600 }
.fin-r4--abschluss .monthsfoot .lnk { margin-left:auto;color:var(--brand);font-weight:700;display:inline-flex;align-items:center;gap:5px }
.fin-r4--abschluss .monthsfoot .lnk svg { width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.2 }
.fin-r4--abschluss .datev { display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:14px;margin-top:14px }
.fin-r4--abschluss .dbox { border:1px solid var(--line);border-radius:13px;padding:15px 16px;background:#fbfcfe;display:flex;flex-direction:column }
.fin-r4--abschluss .dbox .dt { font-size:13px;font-weight:800;display:flex;align-items:center;gap:8px }
.fin-r4--abschluss .dbox .dt svg { width:15px;height:15px;stroke:var(--brand);fill:none;stroke-width:2 }
.fin-r4--abschluss .dbox .dd { font-size:11.5px;color:var(--ink3);font-weight:600;margin-top:3px }
.fin-r4--abschluss .uploadzone { margin-top:12px;border:1.5px dashed #bcd3f7;border-radius:11px;background:#f2f7ff;padding:16px;text-align:center;color:var(--brand);font-weight:700;font-size:12.5px;display:flex;flex-direction:column;align-items:center;gap:7px }
.fin-r4--abschluss .uploadzone svg { width:22px;height:22px;stroke:var(--brand);fill:none;stroke-width:2 }
.fin-r4--abschluss .imphist { margin-top:12px;display:flex;flex-direction:column;gap:0 }
.fin-r4--abschluss .imphist .ir { display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line);font-size:12px }
.fin-r4--abschluss .imphist .ir:last-child { border:none }
.fin-r4--abschluss .imphist .ir .ok { width:18px;height:18px;border-radius:50%;background:#e5f5ec;display:grid;place-items:center;flex:none }
.fin-r4--abschluss .imphist .ir .ok svg { width:11px;height:11px;stroke:var(--ok);fill:none;stroke-width:2.6 }
.fin-r4--abschluss .imphist .ir b { font-weight:700 }
.fin-r4--abschluss .imphist .ir time { margin-left:auto;color:var(--ink3);font-weight:600;font-size:11px }
.fin-r4--abschluss .amber-banner { margin-top:12px;display:flex;align-items:center;gap:12px;background:#fdf6e7;border:1px solid #f0dca8;border-radius:11px;padding:13px 15px }
.fin-r4--abschluss .amber-banner .ai { width:34px;height:34px;border-radius:9px;background:#fbeccb;color:var(--warn);display:grid;place-items:center;flex:none }
.fin-r4--abschluss .amber-banner .ai svg { width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2 }
.fin-r4--abschluss .amber-banner b { font-size:18px;color:var(--warn);font-weight:800 }
.fin-r4--abschluss .amber-banner .at { font-size:12px;color:#8a6a1f;font-weight:600 }
.fin-r4--abschluss .dbox .exlist { display:flex;flex-direction:column;gap:9px;margin-top:12px }
.fin-r4--abschluss .exrow { display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff }
.fin-r4--abschluss .exrow .ei { width:32px;height:32px;border-radius:8px;background:#e8effd;color:var(--brand);display:grid;place-items:center;flex:none }
.fin-r4--abschluss .exrow .ei svg { width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2 }
.fin-r4--abschluss .exrow .en b { font-size:12.5px;font-weight:700 }
.fin-r4--abschluss .exrow .en span { display:block;font-size:11px;color:var(--ink3);font-weight:600 }
.fin-r4--abschluss .exrow .edl { margin-left:auto;color:var(--brand) }
.fin-r4--abschluss .exrow .edl svg { width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2 }
.fin-r4--abschluss .dbox .grow { margin-top:auto }
.fin-r4--abschluss .htr { display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin-top:14px }
.fin-r4--abschluss .htr .col-t { font-size:11px;letter-spacing:.6px;color:var(--ink3);font-weight:800;margin-bottom:10px }
.fin-r4--abschluss .deliv { display:flex;flex-direction:column;gap:0;position:relative }
.fin-r4--abschluss .deliv .dl { display:flex;gap:13px;padding:0 0 16px;position:relative }
.fin-r4--abschluss .deliv .dl:before { content:'';position:absolute;left:8px;top:20px;bottom:-2px;width:2px;background:var(--line) }
.fin-r4--abschluss .deliv .dl:last-child:before { display:none }
.fin-r4--abschluss .deliv .dl .node { width:18px;height:18px;border-radius:50%;background:#e5f5ec;border:2px solid #bfe6cf;flex:none;margin-top:2px;z-index:1;display:grid;place-items:center }
.fin-r4--abschluss .deliv .dl .node svg { width:9px;height:9px;stroke:var(--ok);fill:none;stroke-width:3 }
.fin-r4--abschluss .deliv .dl .node.next { background:#fdf3e2;border-color:#f0dca8 }
.fin-r4--abschluss .deliv .dl .node.next svg { stroke:var(--warn) }
.fin-r4--abschluss .deliv .dbody b { font-size:13px;font-weight:700 }
.fin-r4--abschluss .deliv .dbody .meta { font-size:11px;color:var(--ink3);font-weight:600;margin:1px 0 4px }
.fin-r4--abschluss .deliv .dbody .cont { font-size:12px;color:var(--ink2) }
.fin-r4--abschluss .deliv .dbody .cont span { display:inline-block;background:#eef2f8;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600;margin:3px 5px 0 0 }
.fin-r4--abschluss .nextbox { background:#fdf6e7;border:1px solid #f0dca8;border-radius:11px;padding:12px 14px;margin-top:6px }
.fin-r4--abschluss .nextbox .nl { font-size:10.5px;letter-spacing:.5px;color:var(--warn);font-weight:800 }
.fin-r4--abschluss .nextbox b { display:block;font-size:13.5px;font-weight:800;color:#8a6a1f;margin-top:3px }
.fin-r4--abschluss .nextbox .nd { font-size:11.5px;color:#8a6a1f;font-weight:600;margin-top:2px }
.fin-r4--abschluss .qlist { display:flex;flex-direction:column;gap:10px }
.fin-r4--abschluss .qrow { border:1px solid var(--line);border-radius:11px;padding:11px 13px;background:#fbfcfe }
.fin-r4--abschluss .qrow .qh { display:flex;align-items:center;gap:9px }
.fin-r4--abschluss .qrow .qs { font-size:10px;font-weight:800;border-radius:99px;padding:2px 8px }
.fin-r4--abschluss .qs.open { background:#fdeaec;color:var(--bad) }
.fin-r4--abschluss .qs.wait { background:#fdf3e2;color:var(--warn) }
.fin-r4--abschluss .qs.done { background:#e5f5ec;color:var(--ok) }
.fin-r4--abschluss .qrow .qq { font-size:12.5px;font-weight:700;margin-top:7px;line-height:1.35 }
.fin-r4--abschluss .qrow .qm { font-size:11px;color:var(--ink3);font-weight:600;margin-top:4px }

/* ═══════════════════════════════════════════════════════════════════════════
   R6 — VEREINSWELT-ZIELBILD (1:1-Ports der V2-Community-Mockups: Events,
   Event-Detail/Teilnehmer/Loop, Gruppen&Chapter, Jobboard, Job-Matching).
   ADDITIV: alles unter `.ver-r6` bzw. `.ver-r6--<seite>` gescoped, damit weder
   Bestands-Seiten noch andere Zielbild-Ports (R1/R4) kollidieren. Tokens
   spiegeln 1:1 die :root-Werte der Mockups; Full-Bleed folgt der .fin-r4-Technik
   (Ausbruch aus dem .shell-content-Padding). Read-only Darstellungsschicht.
   ═══════════════════════════════════════════════════════════════════════════ */
.ver-r6 {
  --canvas:#f4f6f9; --card:#ffffff; --line:#e6eaf1; --line2:#eef1f6;
  --ink:#16233a; --ink2:#5b6b84; --ink3:#8b98ad;
  --brand:#1e56c8; --brand-deep:#0f2b46; --ok:#178a50; --warn:#c07600; --bad:#c93a4a;
  --sepa:#2563eb; --ueb:#0ea5a4; --paypal:#7c6cf0; --stripe:#b558d9;
  --bsc:#1e56c8; --msc:#0ea5a4; --mba:#7c6cf0; --phd:#9333ea;
  --r:16px;
  --shadow:0 1px 2px rgba(22,35,58,.05),0 10px 28px -14px rgba(22,35,58,.14);

  margin: -24px calc(clamp(16px, 3vw, 32px) * -1);
  padding: 0;
  min-height: calc(100% + 48px);
  box-sizing: border-box;
  background: var(--canvas);
  color: var(--ink);
  font-family: "Inter", -apple-system, "Segoe UI", system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
}
.fin-r4 * { box-sizing: border-box; }
.fin-r4 .num { font-variant-numeric: tabular-nums; }
.fin-r4--cockpit .num { font-variant-numeric:tabular-nums }
.fin-r4--cockpit .main { padding:22px 28px 40px }
.fin-r4--cockpit .top { display:flex;align-items:center;gap:14px;margin-bottom:18px }
.fin-r4--cockpit .top h1 { font-size:21px;letter-spacing:-.3px }
.fin-r4--cockpit .top .date { color:var(--ink3);font-weight:500;font-size:13px;margin-top:3px }
.fin-r4--cockpit .search { margin-left:auto;display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);
    border-radius:11px;padding:8px 14px;color:var(--ink3);width:270px;box-shadow:var(--shadow) }
.fin-r4--cockpit .iconbtn { width:37px;height:37px;border-radius:11px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink2);box-shadow:var(--shadow) }
.fin-r4--cockpit .hpill { display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--ok);background:#e5f5ec;border-radius:99px;padding:4px 11px;white-space:nowrap }
.fin-r4--cockpit .hpill .hd { width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.16) }
.fin-r4--cockpit .grid { display:grid;grid-template-columns:repeat(12,1fr);gap:16px }
.fin-r4--cockpit .card { background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px 20px }
.fin-r4--cockpit .card h2 { display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:700;letter-spacing:-.1px }
.fin-r4--cockpit .card h2 svg { width:17px;height:17px;stroke:var(--brand);fill:none;stroke-width:2 }
.fin-r4--cockpit .card h2 .more { margin-left:auto;font-size:12.5px;color:var(--brand);font-weight:600;text-decoration:none;cursor:pointer }
.fin-r4--cockpit .sub { color:var(--ink3);font-size:12px;margin-top:2px }
.fin-r4--cockpit .hero { grid-column:span 8;display:flex;flex-direction:column;background:linear-gradient(135deg,#10304f 0%,#153a60 55%,#1b4a7c 100%);color:#fff;border:none;position:relative;overflow:hidden }
.fin-r4--cockpit .hero::after { content:'';position:absolute;right:-70px;top:-90px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.25),transparent 65%) }
.fin-r4--cockpit .hero .lbl { font-size:12px;letter-spacing:1.6px;color:#9fc0e2;font-weight:700 }
.fin-r4--cockpit .hero .big { display:flex;align-items:baseline;gap:14px;margin-top:6px }
.fin-r4--cockpit .hero .big .v { font-size:46px;font-weight:800;letter-spacing:-1.5px }
.fin-r4--cockpit .hero .delta { background:rgba(52,211,153,.18);color:#6ee7b7;font-weight:700;font-size:12.5px;border-radius:99px;padding:4px 11px }
.fin-r4--cockpit .bar { height:12px;border-radius:99px;background:rgba(255,255,255,.14);margin:16px 0 10px;position:relative;overflow:hidden }
.fin-r4--cockpit .bar i { position:absolute;inset:0;width:71.4%;border-radius:99px;background:linear-gradient(90deg,#34d399,#4ade80) }
.fin-r4--cockpit .bar .tick { position:absolute;top:-4px;bottom:-4px;left:94.5%;width:2px;background:#fbbf24;border-radius:2px }
.fin-r4--cockpit .hero .legend { display:flex;gap:26px;padding-top:14px;font-size:13px;color:#bcd2e8 }
.fin-r4--cockpit .hero .legend b { color:#fff;font-size:16px;display:block;margin-top:1px }
.fin-r4--cockpit .hero .legend .vj { margin-left:auto;text-align:right;font-size:12px;color:#8fb0d0 }
.fin-r4--cockpit .spark { flex:1;min-height:78px;margin:10px 0 4px;position:relative }
.fin-r4--cockpit .spark svg { position:absolute;inset:0;width:100%;height:100% }
.fin-r4--cockpit .mix { grid-column:span 4;display:flex;flex-direction:column }
.fin-r4--cockpit .donutwrap { display:flex;align-items:center;gap:14px;margin-top:16px }
.fin-r4--cockpit .donut { width:104px;height:104px;flex:none;position:relative }
.fin-r4--cockpit .donut svg { transform:rotate(-90deg) }
.fin-r4--cockpit .donut .center { position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center }
.fin-r4--cockpit .donut .center b { font-size:17px;letter-spacing:-.5px }
.fin-r4--cockpit .donut .center span { font-size:10px;color:var(--ink3);font-weight:600 }
.fin-r4--cockpit .mixleg { flex:1;min-width:0;display:flex;flex-direction:column;gap:10px }
.fin-r4--cockpit .mixleg .row { display:flex;align-items:baseline;gap:8px;font-size:12.5px;white-space:nowrap }
.fin-r4--cockpit .mixleg .sq { width:11px;height:11px;border-radius:4px;flex:none;align-self:center }
.fin-r4--cockpit .mixleg .row b { margin-left:auto;font-weight:700 }
.fin-r4--cockpit .mixleg .row span { color:var(--ink3);font-size:11px;min-width:30px;text-align:right }
.fin-r4--cockpit .months { grid-column:span 8 }
.fin-r4--cockpit .seg { display:flex;background:#eef1f6;border-radius:9px;padding:3px;font-size:12px;font-weight:600;color:var(--ink2) }
.fin-r4--cockpit .seg span { padding:4px 12px;border-radius:7px }
.fin-r4--cockpit .seg .on { background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(22,35,58,.12) }
.fin-r4--cockpit .mchart { display:grid;grid-template-columns:repeat(12,1fr);gap:10px;margin-top:18px;align-items:end;height:172px }
.fin-r4--cockpit .mcol { display:flex;flex-direction:column;justify-content:flex-end;height:100%;gap:0;position:relative }
.fin-r4--cockpit .mcol .sum { text-align:center;font-size:10.5px;font-weight:700;color:var(--ink2);margin-bottom:5px }
.fin-r4--cockpit .stack { width:100%;display:flex;flex-direction:column-reverse;border-radius:6px;overflow:hidden }
.fin-r4--cockpit .stack i { display:block;width:100% }
.fin-r4--cockpit .s-sepa { background:var(--sepa) }
.fin-r4--cockpit .s-ueb { background:var(--ueb) }
.fin-r4--cockpit .s-pp { background:var(--paypal) }
.fin-r4--cockpit .s-str { background:var(--stripe) }
.fin-r4--cockpit .mcol.now { outline:1.5px solid #bcd3f7;background:linear-gradient(180deg,#eaf1fe,#f5f8ff);border-radius:8px;padding:4px 4px 0 }
.fin-r4--cockpit .mxlab { display:grid;grid-template-columns:repeat(12,1fr);gap:10px;margin-top:8px;text-align:center;font-size:11px;color:var(--ink3);font-weight:600 }
.fin-r4--cockpit .mxlab .now { color:var(--brand);font-weight:800 }
.fin-r4--cockpit .leg { display:flex;gap:16px;margin-top:14px;font-size:11.5px;color:var(--ink2);font-weight:600 }
.fin-r4--cockpit .leg i { width:9px;height:9px;border-radius:3px;display:inline-block;margin-right:5px;vertical-align:-1px }
.fin-r4--cockpit .todo { grid-column:span 4;display:flex;flex-direction:column }
.fin-r4--cockpit .todo ul { list-style:none;margin-top:12px;display:flex;flex-direction:column }
.fin-r4--cockpit .todo li { display:flex;align-items:center;gap:12px;padding:11px 6px;margin:0 -6px;border-radius:9px;border-bottom:1px dashed var(--line);cursor:pointer }
.fin-r4--cockpit .todo li:hover { background:#f6f8fb }
.fin-r4--cockpit .todo li:last-child { border-bottom:none }
.fin-r4--cockpit .todo .ic { width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex:none }
.fin-r4--cockpit .todo .ic svg { width:17px;height:17px;fill:none;stroke-width:2 }
.fin-r4--cockpit .todo .t b { font-size:13.5px }
.fin-r4--cockpit .todo .t span { display:block;font-size:11.5px;color:var(--ink3) }
.fin-r4--cockpit .todo .n { margin-left:auto;font-weight:800;font-size:16px }
.fin-r4--cockpit .todo .go { color:var(--ink3);font-size:16px;margin-left:2px }
.fin-r4--cockpit .c-blue { background:#e8effd;color:#1e56c8 }
.fin-r4--cockpit .c-red { background:#fdeaec;color:#c93a4a }
.fin-r4--cockpit .c-amb { background:#fdf3e2;color:#c07600 }
.fin-r4--cockpit .c-grn { background:#e5f5ec;color:#178a50 }
.fin-r4--cockpit .c-vio { background:#f0edfd;color:#7c6cf0 }
.fin-r4--cockpit .pipe { grid-column:span 8 }
.fin-r4--cockpit .pipehead { display:flex;align-items:center;gap:14px;margin:4px 0 12px }
.fin-r4--cockpit .kchip { display:flex;flex-direction:column;padding:9px 16px;border-radius:11px;background:#f6f8fb;border:1px solid var(--line) }
.fin-r4--cockpit .kchip b { font-size:17px;letter-spacing:-.3px }
.fin-r4--cockpit .kchip span { font-size:11px;color:var(--ink3);font-weight:600;letter-spacing:.3px }
.fin-r4--cockpit .kchip.hot b { color:var(--bad) }
.fin-r4--cockpit table { width:100%;border-collapse:collapse;font-size:13px }
.fin-r4--cockpit th { font-size:11px;letter-spacing:.7px;color:var(--ink3);text-align:left;font-weight:700;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap }
.fin-r4--cockpit td { padding:11px 10px;border-bottom:1px solid #eef1f6;vertical-align:middle }
.fin-r4--cockpit td.num { white-space:nowrap }
.fin-r4--cockpit tr:last-child td { border:none }
.fin-r4--cockpit .stage2 { display:flex;align-items:center;gap:9px;font-weight:700 }
.fin-r4--cockpit .stage2 .no { width:24px;height:24px;border-radius:8px;background:#e8effd;color:var(--brand);display:grid;place-items:center;font-size:12px;flex:none }
.fin-r4--cockpit .stage2 small { display:block;font-weight:500;color:var(--ink3);font-size:11px }
.fin-r4--cockpit .conv { display:flex;align-items:center;gap:9px }
.fin-r4--cockpit .cbar { flex:1;max-width:100px;height:7px;background:#eef1f6;border-radius:99px;overflow:hidden }
.fin-r4--cockpit .cbar i { display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#34d399,#178a50) }
.fin-r4--cockpit .conv b { font-size:13px;min-width:38px }
.fin-r4--cockpit .wlink { color:var(--brand);font-weight:700;font-size:12px;text-decoration:none;white-space:nowrap }
.fin-r4--cockpit .quick { grid-column:span 4;display:flex;flex-direction:column }
.fin-r4--cockpit .qlist { display:flex;flex-direction:column;gap:11px;margin-top:13px }
.fin-r4--cockpit .qcard { display:flex;align-items:center;gap:13px;padding:14px 15px;border:1px solid var(--line);border-radius:13px;background:#fbfcfe;cursor:pointer;text-decoration:none;color:inherit }
.fin-r4--cockpit .qcard:hover { border-color:#bcd3f7;background:#f5f8ff }
.fin-r4--cockpit .qcard .qi { width:40px;height:40px;border-radius:11px;display:grid;place-items:center;flex:none }
.fin-r4--cockpit .qcard .qi svg { width:20px;height:20px;fill:none;stroke-width:2 }
.fin-r4--cockpit .qcard .qt b { font-size:14px }
.fin-r4--cockpit .qcard .qt span { display:block;font-size:11.5px;color:var(--ink3);margin-top:1px }
.fin-r4--cockpit .qcard .qn { margin-left:auto;text-align:right }
.fin-r4--cockpit .qcard .qn b { font-size:15px;white-space:nowrap }
.fin-r4--cockpit .qcard .qn span { display:block;font-size:10.5px;color:var(--ink3);font-weight:600;white-space:nowrap }
.fin-r4--cockpit .qcard .qgo { color:var(--ink3);font-size:16px;margin-left:4px }
.fin-r4--cockpit .sys { grid-column:span 12 }
.fin-r4--cockpit .sysgrid { display:grid;grid-template-columns:repeat(4,1fr);gap:8px 30px;margin-top:12px }
.fin-r4--cockpit .sysrow { display:flex;align-items:center;gap:9px;padding:7.5px 2px;overflow:hidden;white-space:nowrap;border-bottom:1px dashed var(--line);font-size:13px }
.fin-r4--cockpit .sysrow .st { width:9px;height:9px;border-radius:50%;flex:none }
.fin-r4--cockpit .st-ok { background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.15) }
.fin-r4--cockpit .st-warn { background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.18) }
.fin-r4--cockpit .sysrow b { font-weight:650 }
.fin-r4--cockpit .sysrow time { margin-left:auto;font-size:11.5px;color:var(--ink3);font-weight:600 }
.fin-r4--cockpit .syssum { display:inline-flex;align-items:center;gap:7px;margin-left:14px;font-size:12px;font-weight:700;color:var(--ok);background:#e5f5ec;border-radius:99px;padding:3px 11px }

/* R4-PAGES-APPEND-START */
/* --- beitraege --- */
.fin-r4--beitraege .num { font-variant-numeric:tabular-nums }
.fin-r4--beitraege .main { padding:22px 28px 40px }
.fin-r4--beitraege .top { display:flex;align-items:center;gap:14px;margin-bottom:16px }
.fin-r4--beitraege .top h1 { font-size:21px;letter-spacing:-.3px }
.fin-r4--beitraege .top .date { color:var(--ink3);font-weight:500;font-size:13px;margin-top:3px }
.fin-r4--beitraege .search { margin-left:auto;display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:8px 14px;color:var(--ink3);width:270px;box-shadow:var(--shadow) }
.fin-r4--beitraege .iconbtn { width:37px;height:37px;border-radius:11px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink2);box-shadow:var(--shadow) }
.fin-r4--beitraege .hpill { display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--ok);background:#e5f5ec;border-radius:99px;padding:4px 11px;white-space:nowrap }
.fin-r4--beitraege .hpill .hd { width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.16) }
.fin-r4--beitraege .card { background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px 20px }
.fin-r4--beitraege .card h2 { display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:700 }
.fin-r4--beitraege .card h2 svg { width:17px;height:17px;stroke:var(--brand);fill:none;stroke-width:2 }
.fin-r4--beitraege .card h2 .more { margin-left:auto;font-size:12.5px;color:var(--brand);font-weight:600;text-decoration:none }
.fin-r4--beitraege .sub { color:var(--ink3);font-size:12px;margin-top:2px }
.fin-r4--beitraege .kpis { display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:16px }
.fin-r4--beitraege .kpi { background:var(--card);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);padding:14px 16px }
.fin-r4--beitraege .kpi .l { font-size:10.5px;letter-spacing:.8px;color:var(--ink3);font-weight:700 }
.fin-r4--beitraege .kpi b { font-size:22px;letter-spacing:-.5px;display:block;margin-top:5px }
.fin-r4--beitraege .kpi .d { font-size:11.5px;color:var(--ink3);font-weight:600;margin-top:3px }
.fin-r4--beitraege .kpi .tr { font-size:11px;font-weight:700;margin-top:3px }
.fin-r4--beitraege .kpi .tr.dn { color:var(--ok) }
.fin-r4--beitraege .kpi .tr.up { color:var(--bad) }
.fin-r4--beitraege .kpi.hot b { color:var(--bad) }
.fin-r4--beitraege .kpi.warn b { color:var(--warn) }
.fin-r4--beitraege .kpi.ok b { color:var(--ok) }
.fin-r4--beitraege .wellen { margin-bottom:16px }
.fin-r4--beitraege .wellen h2 .more { font-weight:600 }
.fin-r4--beitraege .wrows { display:flex;flex-direction:column;margin-top:12px }
.fin-r4--beitraege .wrow { display:grid;grid-template-columns:34px 1fr 70px 170px 130px 210px;gap:12px;align-items:center;padding:11px 4px;border-bottom:1px dashed var(--line) }
.fin-r4--beitraege .wrow:last-child { border-bottom:none }
.fin-r4--beitraege .wno { width:28px;height:28px;border-radius:8px;background:#e8effd;color:var(--brand);display:grid;place-items:center;font-size:12.5px;font-weight:800 }
.fin-r4--beitraege .wname b { font-size:13.5px;display:block }
.fin-r4--beitraege .wname span { font-size:11.5px;color:var(--ink3) }
.fin-r4--beitraege .wpool { font-weight:700;font-size:13px }
.fin-r4--beitraege .wpool span { display:block;font-size:10.5px;color:var(--ink3);font-weight:600 }
.fin-r4--beitraege .wconv { display:flex;align-items:center;gap:9px }
.fin-r4--beitraege .wcbar { flex:1;height:7px;background:#eef1f6;border-radius:99px;overflow:hidden }
.fin-r4--beitraege .wcbar i { display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#34d399,#178a50) }
.fin-r4--beitraege .wconv b { font-size:12.5px;min-width:36px }
.fin-r4--beitraege .attrib { display:inline-flex;align-items:center;font-size:11.5px;font-weight:700;color:var(--brand);background:#e8effd;border-radius:99px;padding:4px 11px;white-space:nowrap }
.fin-r4--beitraege .wact { display:flex;gap:14px;font-size:12.5px;font-weight:600;white-space:nowrap }
.fin-r4--beitraege .wact a { color:var(--brand);text-decoration:none }
.fin-r4--beitraege .tabs { display:flex;gap:5px;border-bottom:1px solid var(--line);margin:2px 0 0 }
.fin-r4--beitraege .tabs button { border:none;background:none;padding:11px 16px;font:inherit;font-weight:650;font-size:13.5px;color:var(--ink2);cursor:pointer;border-bottom:2.5px solid transparent;display:flex;align-items:center;gap:8px }
.fin-r4--beitraege .tabs button .cnt { background:#eef1f6;color:var(--ink2);font-size:11px;font-weight:800;border-radius:99px;padding:1px 8px }
.fin-r4--beitraege .tabs button.on { color:var(--brand);border-bottom-color:var(--brand) }
.fin-r4--beitraege .tabs button.on .cnt { background:#e8effd;color:var(--brand) }
.fin-r4--beitraege .toolbar { display:flex;align-items:center;gap:10px;margin:16px 0 4px;flex-wrap:wrap }
.fin-r4--beitraege .fsearch { display:flex;align-items:center;gap:9px;background:#f6f8fb;border:1px solid var(--line);border-radius:10px;padding:8px 13px;color:var(--ink3);width:280px }
.fin-r4--beitraege .fsel { display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 13px;font-weight:600;font-size:13px;color:var(--ink2) }
.fin-r4--beitraege .fsel svg { width:13px;height:13px;stroke:var(--ink3);fill:none;stroke-width:2.2 }
.fin-r4--beitraege .chip { border:1px solid var(--line);background:#fff;border-radius:99px;padding:6px 13px;font-size:12px;font-weight:600;color:var(--ink2) }
.fin-r4--beitraege .chip.on { background:#e8effd;border-color:#bcd3f7;color:var(--brand) }
.fin-r4--beitraege .chip .k { display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:6px;vertical-align:-1px }
.fin-r4--beitraege .btn { margin-left:auto;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#1e56c8,#2f6fe0);color:#fff;border:none;border-radius:10px;padding:9px 16px;font:inherit;font-weight:700;font-size:13px;cursor:pointer;box-shadow:0 4px 12px -4px rgba(30,86,200,.55) }
.fin-r4--beitraege .btn svg { width:15px;height:15px;stroke:#fff;fill:none;stroke-width:2.2 }
.fin-r4--beitraege .btn.ghost { background:#fff;color:var(--ink2);border:1px solid var(--line);box-shadow:var(--shadow) }
.fin-r4--beitraege .btn.ghost svg { stroke:var(--ink2) }
.fin-r4--beitraege .tblcard { margin-top:14px;padding:0;overflow:hidden }
.fin-r4--beitraege table { width:100%;border-collapse:collapse;font-size:13px }
.fin-r4--beitraege th { font-size:10.5px;letter-spacing:.7px;color:var(--ink3);text-align:left;font-weight:700;padding:11px 14px;border-bottom:1px solid var(--line);background:#fbfcfe }
.fin-r4--beitraege th.r, .fin-r4--beitraege td.r { text-align:right }
.fin-r4--beitraege td.r { white-space:nowrap }
.fin-r4--beitraege td { padding:12px 14px;border-bottom:1px solid #eef1f6;vertical-align:middle }
.fin-r4--beitraege tr:last-child td { border:none }
.fin-r4--beitraege tbody tr:hover { background:#fafbfe }
.fin-r4--beitraege .mcell { display:flex;align-items:center;gap:11px }
.fin-r4--beitraege .mav { width:34px;height:34px;border-radius:9px;background:#e8effd;color:var(--brand);display:grid;place-items:center;font-weight:800;font-size:12.5px;flex:none }
.fin-r4--beitraege .mcell b { font-weight:700 }
.fin-r4--beitraege .mcell small { display:block;color:var(--ink3);font-size:11px;font-weight:500 }
.fin-r4--beitraege .kanal { display:inline-flex;align-items:center;gap:5px;border-radius:7px;padding:3px 9px;font-size:11px;font-weight:700 }
.fin-r4--beitraege .k-sepa { background:#e6effe;color:#1a49b8 }
.fin-r4--beitraege .k-ueb { background:#dcf4f2;color:#0b7c78 }
.fin-r4--beitraege .k-pp { background:#eeeafc;color:#6350c9 }
.fin-r4--beitraege .k-str { background:#f5e6fa;color:#9a3fbf }
.fin-r4--beitraege .kanal .kd { width:8px;height:8px;border-radius:3px }
.fin-r4--beitraege .kd-sepa { background:var(--sepa) }
.fin-r4--beitraege .kd-ueb { background:var(--ueb) }
.fin-r4--beitraege .kd-pp { background:var(--paypal) }
.fin-r4--beitraege .kd-str { background:var(--stripe) }
.fin-r4--beitraege .amp { display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:12.5px }
.fin-r4--beitraege .amp .d { width:9px;height:9px;border-radius:50% }
.fin-r4--beitraege .amp.g { color:var(--ok) }
.fin-r4--beitraege .amp.g .d { background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.15) }
.fin-r4--beitraege .amp.a { color:var(--warn) }
.fin-r4--beitraege .amp.a .d { background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.18) }
.fin-r4--beitraege .amp.r { color:var(--bad) }
.fin-r4--beitraege .amp.r .d { background:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.15) }
.fin-r4--beitraege .statwrap small { display:block;color:var(--ink3);font-size:10.5px;font-weight:600;margin-top:2px }
.fin-r4--beitraege .prog { height:7px;border-radius:99px;background:#eef1f6;overflow:hidden;width:120px;margin-top:5px }
.fin-r4--beitraege .prog i { display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#34d399,#178a50) }
.fin-r4--beitraege .prog.part i { background:linear-gradient(90deg,#fbbf24,#c07600) }
.fin-r4--beitraege .prog.none i { background:#e6eaf1 }
.fin-r4--beitraege .kebab { display:flex;gap:6px;justify-content:flex-end }
.fin-r4--beitraege .act { width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;color:var(--ink2) }
.fin-r4--beitraege .act svg { width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2 }
.fin-r4--beitraege .tblfoot { display:flex;align-items:center;padding:12px 16px;font-size:12.5px;color:var(--ink3);font-weight:600;border-top:1px solid var(--line);background:#fbfcfe }
.fin-r4--beitraege .tblfoot .pg { margin-left:auto;display:flex;gap:5px }
.fin-r4--beitraege .tblfoot .pg span { border:1px solid var(--line);border-radius:8px;padding:4px 10px;background:#fff;color:var(--ink2) }
.fin-r4--beitraege .tblfoot .pg span.on { background:#e8effd;border-color:#bcd3f7;color:var(--brand) }
.fin-r4--beitraege .matrix { margin-top:16px }
.fin-r4--beitraege .matrix h2 .more { margin-left:auto;font-size:12.5px;color:var(--brand);font-weight:600 }
.fin-r4--beitraege .mtable { width:100%;border-collapse:collapse;font-size:13px;margin-top:14px }
.fin-r4--beitraege .mtable th { background:none;border:none;padding:8px 10px;font-size:11px;letter-spacing:.5px;text-align:center;color:var(--ink3) }
.fin-r4--beitraege .mtable th:first-child { text-align:left }
.fin-r4--beitraege .mtable td { border:none;padding:7px 10px;border-bottom:1px solid #f1f4f8 }
.fin-r4--beitraege .mtable tr:last-child td { border:none }
.fin-r4--beitraege .mtable .mname { display:flex;align-items:center;gap:10px }
.fin-r4--beitraege .mtable .mname .mav { width:30px;height:30px;font-size:11px }
.fin-r4--beitraege .zell { display:block;text-align:center;border-radius:8px;padding:7px 4px;font-weight:700;font-size:12.5px }
.fin-r4--beitraege .z-paid { background:#eef7f1;color:#178a50 }
.fin-r4--beitraege .z-open { background:#fdeef0;color:#c93a4a }
.fin-r4--beitraege .z-part { background:#fdf6e7;color:#c07600 }
.fin-r4--beitraege .z-na { color:#c4ccd8 }
.fin-r4--beitraege .msum { text-align:right;font-weight:800 }
.fin-r4--beitraege .mlegend { display:flex;gap:16px;margin-top:12px;font-size:11.5px;color:var(--ink2);font-weight:600;align-items:center }
.fin-r4--beitraege .mlegend i { width:12px;height:12px;border-radius:4px;display:inline-block;margin-right:6px;vertical-align:-2px }

/* --- Link-Safety: ERB portiert einige mockup <button>/<span> zu echten <a>-Routen;
   Original-CSS zielt teils tag-spezifisch auf button. Diese Regeln spiegeln die
   Optik 1:1 für die Anker-Variante (kein visueller Unterschied zum Mockup). --- */
.fin-r4--beitraege .tabs a { border:none;background:none;padding:11px 16px;font:inherit;font-weight:650;font-size:13.5px;color:var(--ink2);cursor:pointer;border-bottom:2.5px solid transparent;display:flex;align-items:center;gap:8px;text-decoration:none }
.fin-r4--beitraege .tabs a .cnt { background:#eef1f6;color:var(--ink2);font-size:11px;font-weight:800;border-radius:99px;padding:1px 8px }
.fin-r4--beitraege .btn { text-decoration:none }

/* --- zuordnen --- */
.fin-r4--zuordnen .num { font-variant-numeric:tabular-nums }
.fin-r4--zuordnen .main { padding:22px 28px 40px }
.fin-r4--zuordnen .top { display:flex;align-items:center;gap:12px;margin-bottom:16px }
.fin-r4--zuordnen .top h1 { font-size:21px;letter-spacing:-.3px }
.fin-r4--zuordnen .top .date { color:var(--ink3);font-weight:500;font-size:13px;margin-top:3px }
.fin-r4--zuordnen .health { display:inline-flex;align-items:center;gap:8px;background:#e5f5ec;border:1px solid #bfe6cf;color:var(--ok);border-radius:99px;padding:6px 13px;font-size:12.5px;font-weight:700;cursor:pointer }
.fin-r4--zuordnen .health .dot { width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.18) }
.fin-r4--zuordnen .health svg { width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.2 }
.fin-r4--zuordnen .hpill16 { display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--ok);background:#e5f5ec;border:1px solid #bfe6cf;border-radius:99px;padding:6px 12px }
.fin-r4--zuordnen .hpill16 .hd { width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.16) }
.fin-r4--zuordnen .search { margin-left:auto;display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:8px 14px;color:var(--ink3);width:270px;box-shadow:var(--shadow) }
.fin-r4--zuordnen .iconbtn { width:37px;height:37px;border-radius:11px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink2);box-shadow:var(--shadow) }
.fin-r4--zuordnen .tabs { display:flex;gap:5px;border-bottom:1px solid var(--line);margin:2px 0 0 }
.fin-r4--zuordnen .tabs button { border:none;background:none;padding:11px 16px;font:inherit;font-weight:650;font-size:13.5px;color:var(--ink2);cursor:pointer;border-bottom:2.5px solid transparent;display:flex;align-items:center;gap:8px }
.fin-r4--zuordnen .tabs button .cnt { background:#eef1f6;color:var(--ink2);font-size:11px;font-weight:800;border-radius:99px;padding:1px 8px }
.fin-r4--zuordnen .tabs button.on { color:var(--brand);border-bottom-color:var(--brand) }
.fin-r4--zuordnen .tabs button.on .cnt { background:#e8effd;color:var(--brand) }
.fin-r4--zuordnen .flash { display:flex;align-items:center;gap:12px;margin:16px 0 4px;background:#eef4ff;border:1px solid #cfe0fb;border-radius:12px;padding:12px 16px }
.fin-r4--zuordnen .flash .fi { width:32px;height:32px;border-radius:9px;background:#dbe8fd;color:var(--brand);display:grid;place-items:center;flex:none }
.fin-r4--zuordnen .flash .fi svg { width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2 }
.fin-r4--zuordnen .flash b { font-weight:700 }
.fin-r4--zuordnen .flash .fx { margin-left:auto;display:flex;gap:9px }
.fin-r4--zuordnen .btn { display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,#1e56c8,#2f6fe0);color:#fff;border:none;border-radius:9px;padding:8px 14px;font:inherit;font-weight:700;font-size:12.5px;cursor:pointer;box-shadow:0 4px 12px -4px rgba(30,86,200,.55) }
.fin-r4--zuordnen .btn svg { width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2.2 }
.fin-r4--zuordnen .btn.ghost { background:#fff;color:var(--ink2);border:1px solid var(--line);box-shadow:var(--shadow) }
.fin-r4--zuordnen .btn.ghost svg { stroke:var(--ink2) }
.fin-r4--zuordnen .btn.sm { padding:6px 11px;font-size:11.5px }
.fin-r4--zuordnen .btn[disabled] { opacity:.45;cursor:not-allowed;box-shadow:none }
.fin-r4--zuordnen .bulkbar { display:flex;align-items:center;gap:14px;margin:14px 0 2px;background:linear-gradient(135deg,#10304f,#153a60);border-radius:13px;padding:11px 18px;color:#fff;box-shadow:0 8px 22px -12px rgba(16,48,79,.6) }
.fin-r4--zuordnen .bulkbar .bc { width:26px;height:26px;border-radius:8px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-weight:800;font-size:12.5px }
.fin-r4--zuordnen .bulkbar .bt { font-size:13px;font-weight:700 }
.fin-r4--zuordnen .bulkbar .bs { font-size:11.5px;color:#a9c1dc;font-weight:600;margin-top:1px }
.fin-r4--zuordnen .bulkbar .bx { margin-left:auto;display:flex;gap:9px }
.fin-r4--zuordnen .bulkbar .btn.ghost { background:rgba(255,255,255,.1);color:#e2ecf7;border:1px solid rgba(255,255,255,.18);box-shadow:none }
.fin-r4--zuordnen .bulkbar .btn.ghost svg { stroke:#e2ecf7 }
.fin-r4--zuordnen .bulkbar .btn.wh { background:#fff;color:var(--brand-deep);box-shadow:0 4px 12px -4px rgba(0,0,0,.3) }
.fin-r4--zuordnen .bulkbar .btn.wh svg { stroke:var(--brand-deep) }
.fin-r4--zuordnen .plist { display:flex;flex-direction:column;gap:12px;margin-top:14px }
.fin-r4--zuordnen .prow { background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:15px 18px;display:grid;grid-template-columns:26px 1.5fr 1.5fr;gap:14px;align-items:center }
.fin-r4--zuordnen .prow.marked { outline:2px solid #bcd3f7;outline-offset:-1px;background:#f8fbff }
.fin-r4--zuordnen .chk { width:19px;height:19px;border-radius:6px;border:2px solid #cdd6e4;background:#fff;display:grid;place-items:center;cursor:pointer;flex:none }
.fin-r4--zuordnen .chk svg { width:12px;height:12px;stroke:#fff;fill:none;stroke-width:3;opacity:0 }
.fin-r4--zuordnen .chk.on { background:var(--brand);border-color:var(--brand) }
.fin-r4--zuordnen .chk.on svg { opacity:1 }
.fin-r4--zuordnen .pinfo .pah { display:flex;align-items:baseline;gap:11px }
.fin-r4--zuordnen .pinfo .amt { font-size:19px;font-weight:800;letter-spacing:-.4px }
.fin-r4--zuordnen .kanal { display:inline-flex;align-items:center;gap:5px;border-radius:7px;padding:3px 9px;font-size:11px;font-weight:700 }
.fin-r4--zuordnen .k-sepa { background:#e6effe;color:#1a49b8 }
.fin-r4--zuordnen .k-ueb { background:#dcf4f2;color:#0b7c78 }
.fin-r4--zuordnen .k-pp { background:#eeeafc;color:#6350c9 }
.fin-r4--zuordnen .k-str { background:#f5e6fa;color:#9a3fbf }
.fin-r4--zuordnen .kanal .kd { width:8px;height:8px;border-radius:3px }
.fin-r4--zuordnen .kd-sepa { background:var(--sepa) }
.fin-r4--zuordnen .kd-ueb { background:var(--ueb) }
.fin-r4--zuordnen .kd-pp { background:var(--paypal) }
.fin-r4--zuordnen .kd-str { background:var(--stripe) }
.fin-r4--zuordnen .pinfo .pdate { color:var(--ink3);font-size:12px;font-weight:600;margin-left:auto }
.fin-r4--zuordnen .pinfo .zweck { font-size:12.5px;color:var(--ink2);margin-top:8px;line-height:1.4 }
.fin-r4--zuordnen .pinfo .zweck b { color:var(--ink);font-weight:700 }
.fin-r4--zuordnen .pinfo .pmeta { display:flex;gap:14px;margin-top:8px;font-size:11.5px;color:var(--ink3);font-weight:600 }
.fin-r4--zuordnen .pinfo .pmeta .mono { font-variant-numeric:tabular-nums;letter-spacing:.3px }
.fin-r4--zuordnen .pmatch { border-left:1px solid var(--line);padding-left:18px }
.fin-r4--zuordnen .pmatch .mt { font-size:10.5px;letter-spacing:.5px;color:var(--ink3);font-weight:800;margin-bottom:9px;display:flex;align-items:center;gap:6px }
.fin-r4--zuordnen .pmatch .mt svg { width:13px;height:13px;stroke:var(--brand);fill:none;stroke-width:2 }
.fin-r4--zuordnen .pmatch .mt .amb { margin-left:auto;background:#fdf3e2;color:var(--warn);font-size:10px;font-weight:800;border-radius:99px;padding:2px 9px;letter-spacing:.2px }
.fin-r4--zuordnen .cand { display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:11px;padding:9px 12px;margin-bottom:8px;background:#fbfcfe;cursor:pointer }
.fin-r4--zuordnen .cand:hover { border-color:#bcd3f7;background:#f2f7ff }
.fin-r4--zuordnen .cand.best { border-color:#bfe6cf;background:#f0faf3 }
.fin-r4--zuordnen .cand.tie { border-color:#f2dcae;background:#fffaf0 }
.fin-r4--zuordnen .cand .cav { width:32px;height:32px;border-radius:9px;background:#e8effd;color:var(--brand);display:grid;place-items:center;font-weight:800;font-size:12px;flex:none }
.fin-r4--zuordnen .cand .cn b { font-size:13px;font-weight:700 }
.fin-r4--zuordnen .cand .cn span { display:block;font-size:11px;color:var(--ink3);font-weight:600 }
.fin-r4--zuordnen .cand .why { margin-left:auto;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:3px }
.fin-r4--zuordnen .cand .score { font-size:11px;font-weight:800;color:var(--ok) }
.fin-r4--zuordnen .cand .reason { font-size:10.5px;font-weight:700;background:#e8effd;color:var(--brand);border-radius:99px;padding:2px 8px }
.fin-r4--zuordnen .cand.best .reason { background:#e5f5ec;color:var(--ok) }
.fin-r4--zuordnen .cand.tie .reason { background:#fdf3e2;color:var(--warn) }
.fin-r4--zuordnen .cand .go { width:28px;height:28px;border-radius:8px;background:var(--brand);display:grid;place-items:center;flex:none;margin-left:11px }
.fin-r4--zuordnen .cand .go svg { width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2.4 }
.fin-r4--zuordnen .pmatch .nonerow { display:flex;gap:8px;margin-top:2px }
.fin-r4--zuordnen .altopt { display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--ink2);border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 14px;cursor:pointer }
.fin-r4--zuordnen .altopt svg { width:14px;height:14px;stroke:var(--ink3);fill:none;stroke-width:2 }
.fin-r4--zuordnen .overlay { position:fixed;inset:0;background:rgba(15,27,44,.55);backdrop-filter:blur(2px);display:flex;align-items:flex-start;justify-content:center;padding:60px 0;z-index:50 }
.fin-r4--zuordnen .modal { width:1000px;background:var(--card);border-radius:18px;box-shadow:0 24px 70px -20px rgba(10,20,40,.6);overflow:hidden }
.fin-r4--zuordnen .mhead { display:flex;align-items:center;gap:12px;padding:18px 24px;border-bottom:1px solid var(--line) }
.fin-r4--zuordnen .mhead h3 { font-size:16px;font-weight:800;letter-spacing:-.2px }
.fin-r4--zuordnen .mhead .mx { margin-left:auto;width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;color:var(--ink2);cursor:pointer }
.fin-r4--zuordnen .mhead .mx svg { width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.2 }
.fin-r4--zuordnen .mbody { display:grid;grid-template-columns:1fr 1.2fr;gap:0 }
.fin-r4--zuordnen .mleft { padding:22px 24px;background:#f7f9fc;border-right:1px solid var(--line) }
.fin-r4--zuordnen .mright { padding:22px 24px }
.fin-r4--zuordnen .mcaption { font-size:10.5px;letter-spacing:.6px;color:var(--ink3);font-weight:800;margin-bottom:11px }
.fin-r4--zuordnen .paycard { border:1px solid var(--line);border-radius:13px;background:#fff;padding:16px;box-shadow:var(--shadow) }
.fin-r4--zuordnen .paycard .amt { font-size:26px;font-weight:800;letter-spacing:-.6px }
.fin-r4--zuordnen .paycard .prow2 { display:flex;justify-content:space-between;font-size:12.5px;padding:8px 0;border-bottom:1px dashed var(--line) }
.fin-r4--zuordnen .paycard .prow2:last-child { border:none }
.fin-r4--zuordnen .paycard .prow2 span { color:var(--ink3);font-weight:600 }
.fin-r4--zuordnen .paycard .prow2 b { font-weight:700 }
.fin-r4--zuordnen .paycard .zweckbox { margin-top:10px;background:#f4f6f9;border-radius:9px;padding:10px 12px;font-size:12px;color:var(--ink2);line-height:1.45 }
.fin-r4--zuordnen .paycard .zweckbox b { color:var(--ink) }
.fin-r4--zuordnen .msearch { display:flex;align-items:center;gap:9px;background:#f6f8fb;border:1.5px solid #bcd3f7;border-radius:11px;padding:10px 14px;color:var(--ink);font-weight:600 }
.fin-r4--zuordnen .msearch svg { width:16px;height:16px;stroke:var(--brand);fill:none;stroke-width:2.2 }
.fin-r4--zuordnen .mres { display:flex;flex-direction:column;gap:8px;margin-top:12px }
.fin-r4--zuordnen .mcand { display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:11px 13px;cursor:pointer }
.fin-r4--zuordnen .mcand.sel { border-color:#bcd3f7;background:#f2f7ff;box-shadow:inset 0 0 0 1px rgba(30,86,200,.15) }
.fin-r4--zuordnen .mcand .cav { width:36px;height:36px;border-radius:10px;background:#e8effd;color:var(--brand);display:grid;place-items:center;font-weight:800;font-size:13px;flex:none }
.fin-r4--zuordnen .mcand.sel .cav { background:var(--brand);color:#fff }
.fin-r4--zuordnen .mcand .cn b { font-size:13.5px;font-weight:700 }
.fin-r4--zuordnen .mcand .cn span { display:block;font-size:11.5px;color:var(--ink3);font-weight:600 }
.fin-r4--zuordnen .mcand .cend { margin-left:auto;text-align:right }
.fin-r4--zuordnen .mcand .cend b { font-size:13px;font-weight:800;color:var(--bad) }
.fin-r4--zuordnen .mcand .cend span { display:block;font-size:10.5px;color:var(--ink3);font-weight:600 }
.fin-r4--zuordnen .mcand .radio { width:20px;height:20px;border-radius:50%;border:2px solid #cdd6e4;flex:none }
.fin-r4--zuordnen .mcand.sel .radio { border-color:var(--brand);background:radial-gradient(circle at center,var(--brand) 0 5px,#fff 5px) }
.fin-r4--zuordnen .yearpick { margin-top:16px }
.fin-r4--zuordnen .yearpick .yl { font-size:11px;font-weight:800;color:var(--ink2);margin-bottom:7px;display:flex;align-items:center;gap:6px }
.fin-r4--zuordnen .yearpick .yl .imp { background:#fdf3e2;color:var(--warn);font-size:10px;font-weight:800;border-radius:99px;padding:2px 8px }
.fin-r4--zuordnen .yearbtns { display:flex;gap:7px }
.fin-r4--zuordnen .yb { border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 16px;font-weight:700;font-size:13px;color:var(--ink2);cursor:pointer }
.fin-r4--zuordnen .yb.on { background:#e8effd;border-color:#bcd3f7;color:var(--brand) }
.fin-r4--zuordnen .allocnote { margin-top:14px;background:#f0faf3;border:1px solid #bfe6cf;border-radius:10px;padding:11px 13px;font-size:12px;color:#186b40;font-weight:600;display:flex;align-items:center;gap:9px }
.fin-r4--zuordnen .allocnote svg { width:16px;height:16px;stroke:var(--ok);fill:none;stroke-width:2.4;flex:none }
.fin-r4--zuordnen .rulechip { margin-top:12px;background:#f0edfd;border:1px solid #d9d0f7;border-radius:10px;padding:11px 13px;display:flex;align-items:center;gap:10px }
.fin-r4--zuordnen .rulechip svg { width:17px;height:17px;stroke:#6350c9;fill:none;stroke-width:2;flex:none }
.fin-r4--zuordnen .rulechip .rt { font-size:12px;color:#4b3b96;font-weight:600;line-height:1.4 }
.fin-r4--zuordnen .rulechip .rt b { color:#3a2c7a }
.fin-r4--zuordnen .rulechip .rx { margin-left:auto;display:flex;gap:7px }
.fin-r4--zuordnen .rulechip .rb { font-size:11px;font-weight:700;border-radius:8px;padding:6px 10px;cursor:pointer;white-space:nowrap }
.fin-r4--zuordnen .rulechip .rb.yes { background:#6350c9;color:#fff;border:none }
.fin-r4--zuordnen .rulechip .rb.no { background:#fff;color:#6350c9;border:1px solid #d9d0f7 }
.fin-r4--zuordnen .mfoot { display:flex;align-items:center;gap:12px;padding:16px 24px;border-top:1px solid var(--line);background:#fbfcfe }
.fin-r4--zuordnen .mfoot .confirm { margin-left:auto;padding:11px 22px;font-size:13.5px }

/* --- ruecklastschriften --- */
.fin-r4--ruecklastschriften .num { font-variant-numeric:tabular-nums }
.fin-r4--ruecklastschriften .main { padding:22px 28px 40px }
.fin-r4--ruecklastschriften .top { display:flex;align-items:center;gap:12px;margin-bottom:16px }
.fin-r4--ruecklastschriften .top h1 { font-size:21px;letter-spacing:-.3px }
.fin-r4--ruecklastschriften .top .date { color:var(--ink3);font-weight:500;font-size:13px;margin-top:3px }
.fin-r4--ruecklastschriften .health { display:inline-flex;align-items:center;gap:8px;background:#e5f5ec;border:1px solid #bfe6cf;color:var(--ok);border-radius:99px;padding:6px 13px;font-size:12.5px;font-weight:700;cursor:pointer }
.fin-r4--ruecklastschriften .health .dot { width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.18) }
.fin-r4--ruecklastschriften .health svg { width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.2 }
.fin-r4--ruecklastschriften .hpill16 { display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--ok);background:#e5f5ec;border:1px solid #bfe6cf;border-radius:99px;padding:6px 12px }
.fin-r4--ruecklastschriften .hpill16 .hd { width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.16) }
.fin-r4--ruecklastschriften .search { margin-left:auto;display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:8px 14px;color:var(--ink3);width:270px;box-shadow:var(--shadow) }
.fin-r4--ruecklastschriften .iconbtn { width:37px;height:37px;border-radius:11px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink2);box-shadow:var(--shadow) }
.fin-r4--ruecklastschriften .tabs { display:flex;gap:5px;border-bottom:1px solid var(--line);margin:2px 0 0 }
.fin-r4--ruecklastschriften .tabs button { border:none;background:none;padding:11px 16px;font:inherit;font-weight:650;font-size:13.5px;color:var(--ink2);cursor:pointer;border-bottom:2.5px solid transparent;display:flex;align-items:center;gap:8px }
.fin-r4--ruecklastschriften .tabs button .cnt { background:#eef1f6;color:var(--ink2);font-size:11px;font-weight:800;border-radius:99px;padding:1px 8px }
.fin-r4--ruecklastschriften .tabs button.on { color:var(--brand);border-bottom-color:var(--brand) }
.fin-r4--ruecklastschriften .tabs button.on .cnt { background:#e8effd;color:var(--brand) }
.fin-r4--ruecklastschriften .mkpis { display:flex;gap:12px;margin:16px 0 4px;align-items:stretch }
.fin-r4--ruecklastschriften .mkpi { background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:12px 18px;display:flex;flex-direction:column }
.fin-r4--ruecklastschriften .mkpi .l { font-size:10px;letter-spacing:.7px;color:var(--ink3);font-weight:800 }
.fin-r4--ruecklastschriften .mkpi b { font-size:20px;letter-spacing:-.4px;margin-top:3px }
.fin-r4--ruecklastschriften .mkpi.hot b { color:var(--bad) }
.fin-r4--ruecklastschriften .mkpi.warn b { color:var(--warn) }
.fin-r4--ruecklastschriften .mkpi.ok b { color:var(--ok) }
.fin-r4--ruecklastschriften .mkpi .s { font-size:11px;color:var(--ink3);font-weight:600;margin-top:1px }
.fin-r4--ruecklastschriften .mktrend { background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:10px 16px;display:flex;flex-direction:column;min-width:150px }
.fin-r4--ruecklastschriften .mktrend .l { font-size:10px;letter-spacing:.7px;color:var(--ink3);font-weight:800 }
.fin-r4--ruecklastschriften .mktrend svg { width:100%;height:32px;margin-top:4px }
.fin-r4--ruecklastschriften .mktrend .s { font-size:11px;color:var(--ink3);font-weight:600;margin-top:2px }
.fin-r4--ruecklastschriften .mkspacer { margin-left:auto;display:flex;align-items:center;gap:9px }
.fin-r4--ruecklastschriften .btn { display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,#1e56c8,#2f6fe0);color:#fff;border:none;border-radius:9px;padding:8px 14px;font:inherit;font-weight:700;font-size:12.5px;cursor:pointer;box-shadow:0 4px 12px -4px rgba(30,86,200,.55) }
.fin-r4--ruecklastschriften .btn svg { width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2.2 }
.fin-r4--ruecklastschriften .btn.ghost { background:#fff;color:var(--ink2);border:1px solid var(--line);box-shadow:var(--shadow) }
.fin-r4--ruecklastschriften .btn.ghost svg { stroke:var(--ink2) }
.fin-r4--ruecklastschriften .rlhint { font-size:11.5px;color:var(--ink3);font-weight:600;margin:14px 0 8px;display:flex;align-items:center;gap:8px }
.fin-r4--ruecklastschriften .rlhint svg { width:14px;height:14px;stroke:var(--ink3);fill:none;stroke-width:2 }
.fin-r4--ruecklastschriften .rlist { display:flex;flex-direction:column;gap:11px;margin-top:6px }
.fin-r4--ruecklastschriften .rrow { background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden }
.fin-r4--ruecklastschriften .rmain { display:grid;grid-template-columns:44px 1.5fr 1fr 1.1fr auto;gap:16px;align-items:center;padding:14px 18px }
.fin-r4--ruecklastschriften .ricon { width:42px;height:42px;border-radius:11px;background:#fdeaec;color:var(--bad);display:grid;place-items:center;flex:none }
.fin-r4--ruecklastschriften .ricon svg { width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:2 }
.fin-r4--ruecklastschriften .rmem { display:flex;align-items:center;gap:11px }
.fin-r4--ruecklastschriften .rav { width:34px;height:34px;border-radius:9px;background:#e8effd;color:var(--brand);display:grid;place-items:center;font-weight:800;font-size:12.5px;flex:none }
.fin-r4--ruecklastschriften .rmem b { font-weight:700 }
.fin-r4--ruecklastschriften .rmem small { display:block;color:var(--ink3);font-size:11px;font-weight:500 }
.fin-r4--ruecklastschriften .rdate { font-size:12px }
.fin-r4--ruecklastschriften .rdate .dd { font-weight:700 }
.fin-r4--ruecklastschriften .rdate .dl { color:var(--ink3);font-size:11px;font-weight:600 }
.fin-r4--ruecklastschriften .ramt .big { font-size:17px;font-weight:800;color:var(--bad);letter-spacing:-.3px }
.fin-r4--ruecklastschriften .ramt .fee { font-size:11.5px;color:var(--warn);font-weight:700;margin-top:1px }
.fin-r4--ruecklastschriften .ramt .orig { font-size:11px;margin-top:4px }
.fin-r4--ruecklastschriften .origchip { display:inline-flex;align-items:center;gap:5px;background:#e8effd;color:var(--brand);border-radius:99px;padding:2px 9px;font-size:10.5px;font-weight:700;cursor:pointer }
.fin-r4--ruecklastschriften .origchip svg { width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2.4 }
.fin-r4--ruecklastschriften .origchip.missing { background:#fdeaec;color:var(--bad) }
.fin-r4--ruecklastschriften .rgrund { display:flex;flex-direction:column;gap:6px }
.fin-r4--ruecklastschriften .grundcode { display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700 }
.fin-r4--ruecklastschriften .grundcode .gc { font-size:10px;font-weight:800;background:#eef1f6;color:var(--ink2);border-radius:6px;padding:2px 7px;font-variant-numeric:tabular-nums }
.fin-r4--ruecklastschriften .rgrund .rstatusrow { display:flex;gap:6px;flex-wrap:wrap }
.fin-r4--ruecklastschriften .rstat { display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;border-radius:99px;padding:3px 10px }
.fin-r4--ruecklastschriften .rstat .d { width:7px;height:7px;border-radius:50% }
.fin-r4--ruecklastschriften .rstat.offen { background:#fdeaec;color:var(--bad) }
.fin-r4--ruecklastschriften .rstat.offen .d { background:#ef4444 }
.fin-r4--ruecklastschriften .rstat.verr { background:#e5f5ec;color:var(--ok) }
.fin-r4--ruecklastschriften .rstat.verr .d { background:#22c55e }
.fin-r4--ruecklastschriften .rstat.warte { background:#fdf3e2;color:var(--warn) }
.fin-r4--ruecklastschriften .rstat.warte .d { background:#f59e0b }
.fin-r4--ruecklastschriften .mstat { display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;border-radius:99px;padding:3px 9px;border:1px solid transparent }
.fin-r4--ruecklastschriften .mstat.aktiv { background:#eef4ff;color:var(--brand);border-color:#cfe0fb }
.fin-r4--ruecklastschriften .mstat.widerrufen { background:#fdeaec;color:var(--bad);border-color:#f3c9cf }
.fin-r4--ruecklastschriften .mstat.offen { background:#f1f4f8;color:var(--ink2);border-color:var(--line) }
.fin-r4--ruecklastschriften .ractions { display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap;max-width:340px }
.fin-r4--ruecklastschriften .rbtn { display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 11px;font-weight:700;font-size:11.5px;color:var(--ink2);cursor:pointer;white-space:nowrap }
.fin-r4--ruecklastschriften .rbtn svg { width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2 }
.fin-r4--ruecklastschriften .rbtn.prim { background:#e8effd;border-color:#bcd3f7;color:var(--brand) }
.fin-r4--ruecklastschriften .rbtn.mail { background:#eef8f2;border-color:#bfe6cf;color:var(--ok) }
.fin-r4--ruecklastschriften .rbtn.gate { background:#fff6ea;border-color:#f2dcae;color:#9a6a00 }
.fin-r4--ruecklastschriften .rbtn.done { background:linear-gradient(135deg,#178a50,#1ba85f);border:none;color:#fff }
.fin-r4--ruecklastschriften .rbtn.done svg { stroke:#fff }
.fin-r4--ruecklastschriften .rexpand { width:28px;height:28px;border-radius:8px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;color:var(--ink2);cursor:pointer;flex:none }
.fin-r4--ruecklastschriften .rexpand svg { width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2 }
.fin-r4--ruecklastschriften .newbadge { font-size:9.5px;font-weight:800;background:#e8563f;color:#fff;border-radius:99px;padding:1px 7px;margin-left:7px;vertical-align:1px }
.fin-r4--ruecklastschriften .rrow.open { border-color:#bcd3f7;box-shadow:0 8px 24px -12px rgba(30,86,200,.35) }
.fin-r4--ruecklastschriften .rdetail { border-top:1px solid var(--line);background:#f7f9fc;padding:16px 20px 18px;display:grid;grid-template-columns:1.4fr 1fr;gap:24px }
.fin-r4--ruecklastschriften .rdetail .dt { font-size:10.5px;letter-spacing:.5px;color:var(--ink3);font-weight:800;margin-bottom:12px }
.fin-r4--ruecklastschriften .tl { position:relative;padding-left:6px }
.fin-r4--ruecklastschriften .tl .ev { display:flex;gap:13px;padding-bottom:15px;position:relative }
.fin-r4--ruecklastschriften .tl .ev:before { content:'';position:absolute;left:9px;top:22px;bottom:-2px;width:2px;background:var(--line) }
.fin-r4--ruecklastschriften .tl .ev:last-child { padding-bottom:0 }
.fin-r4--ruecklastschriften .tl .ev:last-child:before { display:none }
.fin-r4--ruecklastschriften .tl .nd { width:20px;height:20px;border-radius:50%;flex:none;display:grid;place-items:center;z-index:1;margin-top:1px }
.fin-r4--ruecklastschriften .tl .nd svg { width:11px;height:11px;stroke:#fff;fill:none;stroke-width:2.6 }
.fin-r4--ruecklastschriften .nd.blue { background:var(--sepa) }
.fin-r4--ruecklastschriften .nd.red { background:var(--bad) }
.fin-r4--ruecklastschriften .nd.green { background:var(--ok) }
.fin-r4--ruecklastschriften .nd.amber { background:#f59e0b }
.fin-r4--ruecklastschriften .tl .ec b { font-size:13px;font-weight:700 }
.fin-r4--ruecklastschriften .tl .ec .em { font-size:11.5px;color:var(--ink3);font-weight:600 }
.fin-r4--ruecklastschriften .tl .ec time { font-size:11px;color:var(--ink3);font-weight:700 }
.fin-r4--ruecklastschriften .fbox { background:#fff;border:1px solid var(--line);border-radius:11px;padding:14px 16px }
.fin-r4--ruecklastschriften .fbox .frow { display:flex;justify-content:space-between;font-size:12.5px;padding:7px 0;border-bottom:1px dashed var(--line) }
.fin-r4--ruecklastschriften .fbox .frow:last-child { border:none }
.fin-r4--ruecklastschriften .fbox .frow span { color:var(--ink3);font-weight:600 }
.fin-r4--ruecklastschriften .fbox .frow b { font-weight:700 }
.fin-r4--ruecklastschriften .fbox .frow b.bad { color:var(--bad) }
.fin-r4--ruecklastschriften .detact { display:flex;gap:8px;margin-top:12px }
.fin-r4--ruecklastschriften .gatebox { margin-top:12px;background:#fff9ec;border:1px solid #f2dcae;border-radius:11px;padding:13px 15px }
.fin-r4--ruecklastschriften .gatebox .gh { display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;color:#7a5600 }
.fin-r4--ruecklastschriften .gatebox .gh svg { width:15px;height:15px;stroke:#9a6a00;fill:none;stroke-width:2.2 }
.fin-r4--ruecklastschriften .gatebox p { font-size:12px;color:#7a5600;margin:6px 0 11px;line-height:1.5 }
.fin-r4--ruecklastschriften .gatebox .gx { display:flex;gap:8px }
.fin-r4--ruecklastschriften .gatebox .gb { flex:1;justify-content:center;border-radius:8px;padding:9px;font-weight:700;font-size:12px;cursor:pointer;text-align:center }
.fin-r4--ruecklastschriften .gatebox .gb.cancel { background:#fff;border:1px solid #e6d8b0;color:#7a5600 }
.fin-r4--ruecklastschriften .gatebox .gb.confirm { background:linear-gradient(135deg,#c07600,#e0932a);border:none;color:#fff }

/* --- quittungen --- */
.fin-r4--quittungen .num { font-variant-numeric:tabular-nums }
.fin-r4--quittungen .main { padding:22px 28px 40px }
.fin-r4--quittungen .top { display:flex;align-items:center;gap:12px;margin-bottom:16px }
.fin-r4--quittungen .top h1 { font-size:21px;letter-spacing:-.3px }
.fin-r4--quittungen .top .date { color:var(--ink3);font-weight:500;font-size:13px;margin-top:3px }
.fin-r4--quittungen .hpill { display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--ok);background:#e5f5ec;border-radius:99px;padding:6px 12px;white-space:nowrap;flex:none }
.fin-r4--quittungen .hpill .hd { width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.16) }
.fin-r4--quittungen .search { margin-left:auto;display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:8px 14px;color:var(--ink3);width:270px;box-shadow:var(--shadow);white-space:nowrap;overflow:hidden;flex:none }
.fin-r4--quittungen .search span { overflow:hidden;text-overflow:ellipsis }
.fin-r4--quittungen .iconbtn { width:37px;height:37px;border-radius:11px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink2);box-shadow:var(--shadow);flex:none }
.fin-r4--quittungen .grid { display:grid;grid-template-columns:repeat(12,1fr);gap:16px }
.fin-r4--quittungen .card { background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px 20px }
.fin-r4--quittungen .card h2 { display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:700 }
.fin-r4--quittungen .card h2 svg { width:17px;height:17px;stroke:var(--brand);fill:none;stroke-width:2 }
.fin-r4--quittungen .card h2 .more { margin-left:auto;font-size:12.5px;color:var(--brand);font-weight:600 }
.fin-r4--quittungen .sub { color:var(--ink3);font-size:12px;margin-top:2px }
.fin-r4--quittungen .stat { grid-column:span 3;display:flex;flex-direction:column;gap:2px;position:relative;overflow:hidden }
.fin-r4--quittungen .stat .si { width:38px;height:38px;border-radius:11px;display:grid;place-items:center;margin-bottom:8px }
.fin-r4--quittungen .stat .si svg { width:20px;height:20px;fill:none;stroke-width:2 }
.fin-r4--quittungen .stat b { font-size:30px;letter-spacing:-1px }
.fin-r4--quittungen .stat .l { font-size:12.5px;color:var(--ink2);font-weight:650 }
.fin-r4--quittungen .stat .d { font-size:11.5px;color:var(--ink3);margin-top:2px }
.fin-r4--quittungen .c-blue { background:#e8effd;color:#1e56c8 }
.fin-r4--quittungen .c-red { background:#fdeaec;color:#c93a4a }
.fin-r4--quittungen .c-amb { background:#fdf3e2;color:#c07600 }
.fin-r4--quittungen .c-grn { background:#e5f5ec;color:#178a50 }
.fin-r4--quittungen .sentspark { margin-top:8px }
.fin-r4--quittungen .sentspark svg { width:100%;height:26px;display:block }
.fin-r4--quittungen .auto { grid-column:span 5;display:flex;flex-direction:column }
.fin-r4--quittungen .autobox { margin-top:12px;display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid #bcd3f7;border-radius:13px;background:linear-gradient(135deg,#eef4fe,#f6f9ff) }
.fin-r4--quittungen .autobox .ai { width:42px;height:42px;border-radius:12px;background:#fff;display:grid;place-items:center;color:var(--brand);flex:none;box-shadow:0 2px 8px -3px rgba(30,86,200,.35) }
.fin-r4--quittungen .autobox .ai svg { width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2 }
.fin-r4--quittungen .autobox .at b { font-size:14.5px }
.fin-r4--quittungen .autobox .at span { display:block;font-size:12px;color:var(--ink2);margin-top:2px }
.fin-r4--quittungen .autobox .at .nextrun { display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--brand);margin-top:6px;background:#fff;border-radius:99px;padding:2px 9px }
.fin-r4--quittungen .autobox .toggle { margin-left:auto;display:flex;align-items:center;gap:8px }
.fin-r4--quittungen .sw { width:44px;height:25px;border-radius:99px;background:#178a50;position:relative;flex:none }
.fin-r4--quittungen .sw i { position:absolute;top:2.5px;right:2.5px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2) }
.fin-r4--quittungen .runs { margin-top:14px;display:flex;flex-direction:column }
.fin-r4--quittungen .run { display:flex;align-items:center;gap:11px;padding:9px 2px;border-bottom:1px dashed var(--line);font-size:12.5px }
.fin-r4--quittungen .run:last-child { border:none }
.fin-r4--quittungen .run .rd { width:9px;height:9px;border-radius:50%;flex:none }
.fin-r4--quittungen .run .rd.ok { background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.15) }
.fin-r4--quittungen .run .rd.warn { background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.18) }
.fin-r4--quittungen .run b { font-weight:700 }
.fin-r4--quittungen .run .res { margin-left:auto;color:var(--ink2);font-weight:600 }
.fin-r4--quittungen .run .res .err { color:var(--bad) }
.fin-r4--quittungen .week { grid-column:span 4;display:flex;flex-direction:column }
.fin-r4--quittungen .wk { display:grid;grid-template-columns:repeat(7,1fr);gap:9px;margin-top:16px;align-items:end;height:120px }
.fin-r4--quittungen .wd { display:flex;flex-direction:column;justify-content:flex-end;height:100% }
.fin-r4--quittungen .wd .stack { width:70%;margin:0 auto;display:flex;flex-direction:column-reverse;border-radius:5px 5px 2px 2px;overflow:hidden }
.fin-r4--quittungen .wd .stack i { display:block;width:100% }
.fin-r4--quittungen .wd .sn-sent { background:var(--ok) }
.fin-r4--quittungen .wd .sn-wait { background:#f3d38a }
.fin-r4--quittungen .wd .sum { text-align:center;font-size:11px;font-weight:700;color:var(--ink2);margin-bottom:5px }
.fin-r4--quittungen .wd.today .sum { color:var(--brand) }
.fin-r4--quittungen .wklab { display:grid;grid-template-columns:repeat(7,1fr);gap:9px;margin-top:8px;text-align:center;font-size:11px;color:var(--ink3);font-weight:600 }
.fin-r4--quittungen .wklab .today { color:var(--brand);font-weight:800 }
.fin-r4--quittungen .wleg { display:flex;gap:16px;margin-top:14px;font-size:11.5px;color:var(--ink2);font-weight:600 }
.fin-r4--quittungen .wleg i { width:9px;height:9px;border-radius:3px;display:inline-block;margin-right:5px;vertical-align:-1px }
.fin-r4--quittungen .toolbar { display:flex;align-items:center;gap:10px;margin:20px 0 0;flex-wrap:wrap }
.fin-r4--quittungen .fsel { display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 13px;font-weight:600;font-size:13px;color:var(--ink2);box-shadow:var(--shadow) }
.fin-r4--quittungen .fsel svg { width:13px;height:13px;stroke:var(--ink3);fill:none;stroke-width:2.2 }
.fin-r4--quittungen .fsearch { display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 13px;color:var(--ink3);width:250px;box-shadow:var(--shadow) }
.fin-r4--quittungen .schip { border:1px solid var(--line);background:#fff;border-radius:99px;padding:6px 13px;font-size:12px;font-weight:600;color:var(--ink2);box-shadow:var(--shadow) }
.fin-r4--quittungen .schip.on { background:#e8effd;border-color:#bcd3f7;color:var(--brand) }
.fin-r4--quittungen .btn { margin-left:auto;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#1e56c8,#2f6fe0);color:#fff;border:none;border-radius:10px;padding:9px 16px;font:inherit;font-weight:700;font-size:13px;cursor:pointer;box-shadow:0 4px 12px -4px rgba(30,86,200,.55) }
.fin-r4--quittungen .btn svg { width:15px;height:15px;stroke:#fff;fill:none;stroke-width:2.2 }
.fin-r4--quittungen .tblcard { margin-top:14px;padding:0;overflow:hidden }
.fin-r4--quittungen table { width:100%;border-collapse:collapse;font-size:13px }
.fin-r4--quittungen th { font-size:10.5px;letter-spacing:.7px;color:var(--ink3);text-align:left;font-weight:700;padding:11px 16px;border-bottom:1px solid var(--line);background:#fbfcfe }
.fin-r4--quittungen th.r, .fin-r4--quittungen td.r { text-align:right }
.fin-r4--quittungen td { padding:12px 16px;border-bottom:1px solid #eef1f6;vertical-align:middle }
.fin-r4--quittungen tr:last-child td { border:none }
.fin-r4--quittungen tbody tr:hover { background:#fafbfe }
.fin-r4--quittungen .drnr { font-weight:800;color:var(--brand);white-space:nowrap }
.fin-r4--quittungen .mcell { display:flex;align-items:center;gap:11px }
.fin-r4--quittungen .mav { width:32px;height:32px;border-radius:9px;background:#e8effd;color:var(--brand);display:grid;place-items:center;font-weight:800;font-size:12px;flex:none }
.fin-r4--quittungen .mcell b { font-weight:700 }
.fin-r4--quittungen .mcell small { display:block;color:var(--ink3);font-size:11px }
.fin-r4--quittungen .badge { display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;border-radius:8px;padding:5px 11px }
.fin-r4--quittungen .b-ready { background:#e8effd;color:#1e56c8 }
.fin-r4--quittungen .b-sent { background:#e5f5ec;color:#178a50 }
.fin-r4--quittungen .b-fail { background:#fdeaec;color:#c93a4a }
.fin-r4--quittungen .b-wait { background:#fdf3e2;color:#c07600 }
.fin-r4--quittungen .b-void { background:#eef1f6;color:var(--ink2) }
.fin-r4--quittungen .badge .bd { width:8px;height:8px;border-radius:50% }
.fin-r4--quittungen .bd-ready { background:var(--brand) }
.fin-r4--quittungen .bd-sent { background:#22c55e }
.fin-r4--quittungen .bd-fail { background:#ef4444 }
.fin-r4--quittungen .bd-wait { background:#f59e0b }
.fin-r4--quittungen .bd-void { background:#9aa8bd }
.fin-r4--quittungen .corr { display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;border-radius:99px;padding:2px 9px;margin-left:6px;background:#f0edfd;color:#6d5bd0 }
.fin-r4--quittungen .kebab { display:flex;gap:6px;justify-content:flex-end;flex-wrap:nowrap }
.fin-r4--quittungen .act { display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--ink2);font-size:12px;font-weight:650;white-space:nowrap }
.fin-r4--quittungen .act svg { width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2 }
.fin-r4--quittungen .act.pri { border-color:#bcd3f7;background:#e8effd;color:var(--brand) }
.fin-r4--quittungen .act.sq { width:30px;padding:0;justify-content:center }
.fin-r4--quittungen .tblfoot { display:flex;align-items:center;padding:12px 16px;font-size:12.5px;color:var(--ink3);font-weight:600;border-top:1px solid var(--line);background:#fbfcfe }
.fin-r4--quittungen .tblfoot .pg { margin-left:auto;display:flex;gap:5px }
.fin-r4--quittungen .tblfoot .pg span { border:1px solid var(--line);border-radius:8px;padding:4px 10px;background:#fff;color:var(--ink2) }
.fin-r4--quittungen .tblfoot .pg span.on { background:#e8effd;border-color:#bcd3f7;color:var(--brand) }

/* --- forderungsmatrix --- */
.fin-r4--forderungsmatrix .num { font-variant-numeric:tabular-nums }
.fin-r4--forderungsmatrix .main { padding:22px 28px 40px }
.fin-r4--forderungsmatrix .top { display:flex;align-items:center;gap:12px;margin-bottom:16px }
.fin-r4--forderungsmatrix .top h1 { font-size:21px;letter-spacing:-.3px }
.fin-r4--forderungsmatrix .top .date { color:var(--ink3);font-weight:500;font-size:13px;margin-top:3px }
.fin-r4--forderungsmatrix .hpill { display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--ok);background:#e5f5ec;border-radius:99px;padding:6px 12px;white-space:nowrap;flex:none }
.fin-r4--forderungsmatrix .hpill .hd { width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.16) }
.fin-r4--forderungsmatrix .health { display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);color:var(--ink2);border-radius:99px;padding:6px 13px;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap;flex:none }
.fin-r4--forderungsmatrix .health .dot { width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.18) }
.fin-r4--forderungsmatrix .health svg { width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.2 }
.fin-r4--forderungsmatrix .search { margin-left:auto;display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:8px 14px;color:var(--ink3);width:270px;box-shadow:var(--shadow);white-space:nowrap;overflow:hidden;flex:none }
.fin-r4--forderungsmatrix .search span { overflow:hidden;text-overflow:ellipsis }
.fin-r4--forderungsmatrix .iconbtn { width:37px;height:37px;border-radius:11px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink2);box-shadow:var(--shadow) }
.fin-r4--forderungsmatrix .crumb { display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink3);font-weight:600;margin-bottom:12px }
.fin-r4--forderungsmatrix .crumb a { color:var(--brand);text-decoration:none;font-weight:700 }
.fin-r4--forderungsmatrix .crumb svg { width:13px;height:13px;stroke:var(--ink3);fill:none;stroke-width:2.2 }
.fin-r4--forderungsmatrix .card { background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow) }
.fin-r4--forderungsmatrix .filterbar { display:flex;align-items:center;gap:10px;padding:14px 18px;flex-wrap:wrap;margin-bottom:6px }
.fin-r4--forderungsmatrix .fsearch { display:flex;align-items:center;gap:9px;background:#f6f8fb;border:1px solid var(--line);border-radius:10px;padding:8px 13px;color:var(--ink3);width:250px }
.fin-r4--forderungsmatrix .fsearch svg { width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2 }
.fin-r4--forderungsmatrix .fsel { display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 13px;font-weight:650;font-size:12.5px;color:var(--ink2) }
.fin-r4--forderungsmatrix .fsel svg { width:12px;height:12px;stroke:var(--ink3);fill:none;stroke-width:2.4 }
.fin-r4--forderungsmatrix .chip { border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 13px;font-size:12px;font-weight:650;color:var(--ink2);cursor:pointer }
.fin-r4--forderungsmatrix .chip.on { background:#e8effd;border-color:#bcd3f7;color:var(--brand) }
.fin-r4--forderungsmatrix .btn { margin-left:auto;display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,#1e56c8,#2f6fe0);color:#fff;border:none;border-radius:9px;padding:9px 15px;font:inherit;font-weight:700;font-size:12.5px;cursor:pointer;box-shadow:0 4px 12px -4px rgba(30,86,200,.55) }
.fin-r4--forderungsmatrix .btn svg { width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2.2 }
.fin-r4--forderungsmatrix .btn.ghost { background:#fff;color:var(--ink2);border:1px solid var(--line);box-shadow:var(--shadow);margin-left:0 }
.fin-r4--forderungsmatrix .btn.ghost svg { stroke:var(--ink2) }
.fin-r4--forderungsmatrix .stripbar { display:flex;gap:22px;padding:0 18px 14px;align-items:center;flex-wrap:wrap }
.fin-r4--forderungsmatrix .strip { display:flex;flex-direction:column }
.fin-r4--forderungsmatrix .strip .l { font-size:10px;letter-spacing:.6px;color:var(--ink3);font-weight:800 }
.fin-r4--forderungsmatrix .strip b { font-size:17px;letter-spacing:-.3px;margin-top:2px }
.fin-r4--forderungsmatrix .strip.hot b { color:var(--bad) }
.fin-r4--forderungsmatrix .strip.warn b { color:var(--warn) }
.fin-r4--forderungsmatrix .bagchip { margin-left:auto;display:inline-flex;align-items:center;gap:7px;background:#f4f6f9;border:1px solid var(--line);border-radius:99px;padding:6px 13px;font-size:11.5px;font-weight:700;color:var(--ink2) }
.fin-r4--forderungsmatrix .bagchip svg { width:14px;height:14px;stroke:var(--ink3);fill:none;stroke-width:2 }
.fin-r4--forderungsmatrix .segwarn { display:flex;align-items:center;gap:12px;margin:0 18px 14px;padding:11px 15px;border:1px solid #f0dca8;background:#fdf6e7;border-radius:12px }
.fin-r4--forderungsmatrix .segwarn .wi { width:32px;height:32px;border-radius:9px;background:#fbeccb;color:var(--warn);display:grid;place-items:center;flex:none }
.fin-r4--forderungsmatrix .segwarn .wi svg { width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2 }
.fin-r4--forderungsmatrix .segwarn .wt b { font-weight:800;color:#8a6a1f;font-size:13px }
.fin-r4--forderungsmatrix .segwarn .wt span { display:block;font-size:12px;color:#8a6a1f;font-weight:600;margin-top:1px }
.fin-r4--forderungsmatrix .segwarn .wlink { margin-left:auto;font-size:12px;font-weight:700;color:var(--brand);white-space:nowrap;cursor:pointer }
.fin-r4--forderungsmatrix .mtwrap { overflow-x:auto;padding:4px 8px 8px }
.fin-r4--forderungsmatrix .mtable { width:100%;border-collapse:separate;border-spacing:0;font-size:13px }
.fin-r4--forderungsmatrix .mtable thead th { position:sticky;top:0;background:#fbfcfe;padding:12px 10px;font-size:10.5px;letter-spacing:.5px;color:var(--ink3);font-weight:800;text-align:center;border-bottom:1px solid var(--line) }
.fin-r4--forderungsmatrix .mtable thead th.mh { text-align:left;width:270px;padding-left:16px }
.fin-r4--forderungsmatrix .mtable thead th.sum { text-align:right;padding-right:16px;color:var(--bad) }
.fin-r4--forderungsmatrix .mtable thead th.yrh { cursor:pointer }
.fin-r4--forderungsmatrix .mtable thead th.yrh:hover { color:var(--brand);background:#f2f7ff }
.fin-r4--forderungsmatrix .mtable thead th.act { width:46px }
.fin-r4--forderungsmatrix .mtable tbody td { padding:6px 8px;border-bottom:1px solid #f1f4f8 }
.fin-r4--forderungsmatrix .mtable tbody tr:hover { background:#fafbfe }
.fin-r4--forderungsmatrix .mtable td.mn { padding-left:16px }
.fin-r4--forderungsmatrix .mname { display:flex;align-items:center;gap:11px }
.fin-r4--forderungsmatrix .mav { width:33px;height:33px;border-radius:9px;background:#e8effd;color:var(--brand);display:grid;place-items:center;font-weight:800;font-size:12px;flex:none }
.fin-r4--forderungsmatrix .mname b { font-weight:700;font-size:13px }
.fin-r4--forderungsmatrix .mname small { display:block;color:var(--ink3);font-size:11px;font-weight:500 }
.fin-r4--forderungsmatrix .zell { display:block;text-align:center;border-radius:9px;padding:9px 6px;font-weight:700;font-size:12.5px;position:relative;cursor:pointer }
.fin-r4--forderungsmatrix .z-paid { background:#eef7f1;color:#178a50 }
.fin-r4--forderungsmatrix .z-open { background:#fdeef0;color:#c93a4a }
.fin-r4--forderungsmatrix .z-part { background:#fdf6e7;color:#c07600 }
.fin-r4--forderungsmatrix .z-na { color:#c4ccd8;font-weight:600 }
.fin-r4--forderungsmatrix .zell.active { outline:2px solid var(--brand);outline-offset:1px;z-index:2 }
.fin-r4--forderungsmatrix .msum { text-align:right;font-weight:800;font-size:13.5px;padding-right:16px }
.fin-r4--forderungsmatrix .mtable td.act { text-align:center }
.fin-r4--forderungsmatrix .ract { display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--ink3);cursor:pointer }
.fin-r4--forderungsmatrix .ract svg { width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2 }
.fin-r4--forderungsmatrix .ract:hover { color:var(--brand);border-color:#bcd3f7;background:#f2f7ff }
.fin-r4--forderungsmatrix .mtable tfoot td { padding:12px 8px;border-top:2px solid var(--line);font-weight:800;font-size:12.5px;text-align:center;background:#fbfcfe;color:var(--ink) }
.fin-r4--forderungsmatrix .mtable tfoot td.mn { text-align:left;padding-left:16px;color:var(--ink3);font-size:11px;letter-spacing:.5px }
.fin-r4--forderungsmatrix .mtable tfoot td.sum { text-align:right;padding-right:16px;font-size:15px;color:var(--bad) }
.fin-r4--forderungsmatrix .mtable tfoot td.clickable { cursor:pointer }
.fin-r4--forderungsmatrix .mtable tfoot td.clickable:hover { background:#eef4fe;color:var(--brand) }
.fin-r4--forderungsmatrix .colsum { font-size:11px;color:var(--ink3);font-weight:700;display:block;margin-top:1px }
.fin-r4--forderungsmatrix .trendrow td { border-top:1px dashed var(--line);padding:8px 8px 10px;background:#fff }
.fin-r4--forderungsmatrix .trendrow td.mn { color:var(--ink3);font-size:9.5px;letter-spacing:.5px;font-weight:800 }
.fin-r4--forderungsmatrix .mlegend { display:flex;gap:18px;padding:14px 18px;border-top:1px solid var(--line);font-size:11.5px;color:var(--ink2);font-weight:650;align-items:center;flex-wrap:wrap }
.fin-r4--forderungsmatrix .mlegend i { width:13px;height:13px;border-radius:4px;display:inline-block;margin-right:6px;vertical-align:-2px }
.fin-r4--forderungsmatrix .pageinfo { margin-left:auto;display:flex;align-items:center;gap:5px;color:var(--ink3) }
.fin-r4--forderungsmatrix .pageinfo span { border:1px solid var(--line);border-radius:8px;padding:4px 10px;background:#fff;color:var(--ink2) }
.fin-r4--forderungsmatrix .pageinfo span.on { background:#e8effd;border-color:#bcd3f7;color:var(--brand) }
.fin-r4--forderungsmatrix .matrixhost { position:relative }
.fin-r4--forderungsmatrix .popover { position:absolute;width:340px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 50px -16px rgba(10,20,40,.4);z-index:20;overflow:hidden }
.fin-r4--forderungsmatrix .popover:after { content:'';position:absolute;top:-8px;left:60px;width:16px;height:16px;background:#fff;border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg) }
.fin-r4--forderungsmatrix .pop-h { display:flex;align-items:center;gap:11px;padding:14px 16px;border-bottom:1px solid var(--line) }
.fin-r4--forderungsmatrix .pop-h .pav { width:34px;height:34px;border-radius:9px;background:#e8effd;color:var(--brand);display:grid;place-items:center;font-weight:800;font-size:12.5px }
.fin-r4--forderungsmatrix .pop-h b { font-size:13.5px;font-weight:700 }
.fin-r4--forderungsmatrix .pop-h span { display:block;font-size:11px;color:var(--ink3);font-weight:600 }
.fin-r4--forderungsmatrix .pop-h .yr { margin-left:auto;font-size:11px;font-weight:800;background:#fdeef0;color:var(--bad);border-radius:99px;padding:4px 11px }
.fin-r4--forderungsmatrix .pop-b { padding:14px 16px }
.fin-r4--forderungsmatrix .pop-b .prow { display:flex;justify-content:space-between;gap:16px;font-size:12.5px;padding:7px 0;border-bottom:1px dashed var(--line) }
.fin-r4--forderungsmatrix .pop-b .prow b { text-align:right }
.fin-r4--forderungsmatrix .pop-b .prow:last-child { border:none }
.fin-r4--forderungsmatrix .pop-b .prow span { color:var(--ink3);font-weight:600 }
.fin-r4--forderungsmatrix .pop-b .prow b { font-weight:700 }
.fin-r4--forderungsmatrix .pop-b .prow b.bad { color:var(--bad) }
.fin-r4--forderungsmatrix .pop-b .prow b.ok { color:var(--ok) }
.fin-r4--forderungsmatrix .pop-pays { margin-top:9px;background:#f6f8fb;border-radius:9px;padding:9px 11px }
.fin-r4--forderungsmatrix .pop-pays .pt { font-size:10px;letter-spacing:.5px;color:var(--ink3);font-weight:800;margin-bottom:6px }
.fin-r4--forderungsmatrix .pop-pays .py { display:flex;align-items:center;gap:8px;font-size:11.5px;padding:3px 0 }
.fin-r4--forderungsmatrix .pop-pays .py .kd { width:8px;height:8px;border-radius:3px }
.fin-r4--forderungsmatrix .kd-sepa { background:var(--sepa) }
.fin-r4--forderungsmatrix .kd-ueb { background:var(--ueb) }
.fin-r4--forderungsmatrix .pop-pays .py b { margin-left:auto;font-weight:700 }
.fin-r4--forderungsmatrix .pop-f { display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--line);background:#fbfcfe }
.fin-r4--forderungsmatrix .pop-f .pb { flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 0;font-weight:700;font-size:12px;color:var(--ink2);cursor:pointer }
.fin-r4--forderungsmatrix .pop-f .pb svg { width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2 }
.fin-r4--forderungsmatrix .pop-f .pb.prim { background:linear-gradient(135deg,#1e56c8,#2f6fe0);border:none;color:#fff }
.fin-r4--forderungsmatrix .pop-f .pb.prim svg { stroke:#fff }

/* --- sepa_wizard --- */
.fin-r4--sepa_wizard .num { font-variant-numeric:tabular-nums }
.fin-r4--sepa_wizard .main { padding:22px 28px 40px }
.fin-r4--sepa_wizard .top { display:flex;align-items:center;gap:12px;margin-bottom:16px }
.fin-r4--sepa_wizard .crumb { font-size:12.5px;color:var(--ink3);font-weight:600 }
.fin-r4--sepa_wizard .crumb b { color:var(--brand) }
.fin-r4--sepa_wizard .top h1 { font-size:21px;letter-spacing:-.3px;margin-top:4px }
.fin-r4--sepa_wizard .top .date { color:var(--ink3);font-weight:500;font-size:13px;margin-top:3px }
.fin-r4--sepa_wizard .headright { margin-left:auto;display:flex;align-items:center;gap:10px }
.fin-r4--sepa_wizard .hpill16 { display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--ok);background:#e5f5ec;border:1px solid #bfe6cf;border-radius:99px;padding:6px 12px }
.fin-r4--sepa_wizard .hpill16 .hd { width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.16) }
.fin-r4--sepa_wizard .search { display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:8px 14px;color:var(--ink3);width:250px;box-shadow:var(--shadow) }
.fin-r4--sepa_wizard .iconbtn { width:37px;height:37px;border-radius:11px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink2);box-shadow:var(--shadow) }
.fin-r4--sepa_wizard .card { background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow) }
.fin-r4--sepa_wizard .stepper { display:flex;align-items:center;padding:22px 28px;border-bottom:1px solid var(--line) }
.fin-r4--sepa_wizard .step { display:flex;align-items:center;gap:12px;flex:none }
.fin-r4--sepa_wizard .step .no { width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:15px;flex:none }
.fin-r4--sepa_wizard .step .tt b { font-size:13.5px;display:block }
.fin-r4--sepa_wizard .step .tt span { font-size:11.5px;color:var(--ink3);font-weight:600 }
.fin-r4--sepa_wizard .step.done .no { background:#e5f5ec;color:var(--ok);box-shadow:inset 0 0 0 1.5px #9fd8b8 }
.fin-r4--sepa_wizard .step.active .no { background:linear-gradient(140deg,#2f6fe0,#1e56c8);color:#fff;box-shadow:0 6px 16px -6px rgba(30,86,200,.7) }
.fin-r4--sepa_wizard .step.active .tt b { color:var(--brand) }
.fin-r4--sepa_wizard .step.todo .no { background:#f1f4f8;color:var(--ink3);box-shadow:inset 0 0 0 1.5px #dbe2ec }
.fin-r4--sepa_wizard .step.todo .tt b { color:var(--ink3) }
.fin-r4--sepa_wizard .sconn { flex:1;height:2.5px;background:var(--line);margin:0 16px;border-radius:2px;position:relative;top:-11px }
.fin-r4--sepa_wizard .sconn.done { background:#9fd8b8 }
.fin-r4--sepa_wizard .wbody { padding:24px 28px }
.fin-r4--sepa_wizard .wtitle { display:flex;align-items:center;gap:12px;margin-bottom:4px }
.fin-r4--sepa_wizard .wtitle h2 { font-size:18px;letter-spacing:-.2px }
.fin-r4--sepa_wizard .wtitle .tag { margin-left:auto;font-size:12px;font-weight:700;border-radius:99px;padding:5px 13px;background:#e8effd;color:var(--brand) }
.fin-r4--sepa_wizard .wtitle .tag.grn { background:#e5f5ec;color:var(--ok) }
.fin-r4--sepa_wizard .wsub { color:var(--ink2);font-size:13px;margin-bottom:18px }
.fin-r4--sepa_wizard .balance { display:grid;grid-template-columns:1fr 44px 1fr 44px 1fr;gap:0;align-items:center;margin-bottom:22px }
.fin-r4--sepa_wizard .bcell { border:1px solid var(--line);border-radius:14px;padding:16px 20px;background:#fbfcfe }
.fin-r4--sepa_wizard .bcell.in { background:linear-gradient(135deg,#eef4fe,#f6f9ff);border-color:#bcd3f7 }
.fin-r4--sepa_wizard .bcell.out { background:#fdf4f5;border-color:#f3c9cf }
.fin-r4--sepa_wizard .bcell .l { font-size:11px;letter-spacing:.7px;color:var(--ink3);font-weight:700 }
.fin-r4--sepa_wizard .bcell b { font-size:30px;letter-spacing:-1px;display:block;margin-top:4px }
.fin-r4--sepa_wizard .bcell.in b { color:var(--brand) }
.fin-r4--sepa_wizard .bcell.out b { color:var(--bad) }
.fin-r4--sepa_wizard .bcell .d { font-size:12px;color:var(--ink2);font-weight:600;margin-top:3px }
.fin-r4--sepa_wizard .op { display:grid;place-items:center;font-size:24px;font-weight:400;color:var(--ink3) }
.fin-r4--sepa_wizard .cols { display:grid;grid-template-columns:1.15fr 1fr;gap:20px }
.fin-r4--sepa_wizard .panel { border:1px solid var(--line);border-radius:14px;overflow:hidden }
.fin-r4--sepa_wizard .phead { padding:13px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:9px;font-weight:700;font-size:13.5px;background:#fbfcfe }
.fin-r4--sepa_wizard .phead svg { width:16px;height:16px;fill:none;stroke-width:2 }
.fin-r4--sepa_wizard .phead .cn { margin-left:auto;font-size:12px;font-weight:800;border-radius:99px;padding:2px 10px }
.fin-r4--sepa_wizard .phead.blue svg { stroke:var(--brand) }
.fin-r4--sepa_wizard .phead.blue .cn { background:#e8effd;color:var(--brand) }
.fin-r4--sepa_wizard .phead.red svg { stroke:var(--bad) }
.fin-r4--sepa_wizard .phead.red .cn { background:#fdeaec;color:var(--bad) }
.fin-r4--sepa_wizard .phead.amber svg { stroke:#9a6a00 }
.fin-r4--sepa_wizard .phead.amber .cn { background:#fdf3e2;color:var(--warn) }
.fin-r4--sepa_wizard .xrow { display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid #eef1f6 }
.fin-r4--sepa_wizard .xrow:last-child { border:none }
.fin-r4--sepa_wizard .xav { width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:12px;flex:none }
.fin-r4--sepa_wizard .xav.b { background:#e8effd;color:var(--brand) }
.fin-r4--sepa_wizard .xav.r { background:#fdeaec;color:var(--bad) }
.fin-r4--sepa_wizard .xrow .nm b { font-weight:700;font-size:13px }
.fin-r4--sepa_wizard .xrow .nm small { display:block;color:var(--ink3);font-size:11px }
.fin-r4--sepa_wizard .xrow .amt { margin-left:auto;font-weight:700;text-align:right }
.fin-r4--sepa_wizard .rflag { display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;border-radius:7px;padding:3px 9px;margin-left:auto }
.fin-r4--sepa_wizard .rflag.rev { background:#fdeaec;color:var(--bad) }
.fin-r4--sepa_wizard .rflag.bnc { background:#fdf3e2;color:var(--warn) }
.fin-r4--sepa_wizard .rflag.hard { background:#f0edfd;color:#6350c9 }
.fin-r4--sepa_wizard .rflag svg { width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.2 }
.fin-r4--sepa_wizard .golink { margin-left:10px;font-size:11px;font-weight:700;color:var(--brand);text-decoration:none;white-space:nowrap }
.fin-r4--sepa_wizard .policy { margin-top:20px;display:flex;gap:14px;padding:16px 18px;border-radius:14px;background:linear-gradient(135deg,#fff9ec,#fdf3e2);border:1px solid #f2dcae }
.fin-r4--sepa_wizard .policy .pi { width:38px;height:38px;border-radius:11px;background:#fbe6bf;color:#9a6a00;display:grid;place-items:center;flex:none }
.fin-r4--sepa_wizard .policy .pi svg { width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2 }
.fin-r4--sepa_wizard .policy b { font-size:13.5px;color:#7a5600 }
.fin-r4--sepa_wizard .policy p { font-size:12.5px;color:#7a5600;margin-top:3px;line-height:1.5 }
.fin-r4--sepa_wizard .policy code { background:rgba(154,106,0,.13);border-radius:5px;padding:1px 6px;font-size:12px;font-weight:700 }
.fin-r4--sepa_wizard .waechter { margin-top:20px;border:1px solid var(--line);border-radius:14px;overflow:hidden }
.fin-r4--sepa_wizard .waechter .wh { padding:13px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;background:#fbfcfe }
.fin-r4--sepa_wizard .waechter .wh svg { width:17px;height:17px;stroke:var(--brand);fill:none;stroke-width:2 }
.fin-r4--sepa_wizard .waechter .wh b { font-size:13.5px;font-weight:700 }
.fin-r4--sepa_wizard .waechter .wh .sum { margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--warn);background:#fdf3e2;border-radius:99px;padding:4px 12px }
.fin-r4--sepa_wizard .wgrid { display:grid;grid-template-columns:1fr 1fr;gap:0 24px;padding:6px 18px }
.fin-r4--sepa_wizard .wrow { display:flex;align-items:center;gap:11px;padding:11px 2px;border-bottom:1px dashed var(--line) }
.fin-r4--sepa_wizard .wrow:nth-last-child(-n+2) { border-bottom:none }
.fin-r4--sepa_wizard .wrow .wst { width:10px;height:10px;border-radius:50%;flex:none }
.fin-r4--sepa_wizard .wst-ok { background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.15) }
.fin-r4--sepa_wizard .wst-warn { background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.18) }
.fin-r4--sepa_wizard .wrow .wt b { font-size:12.5px;font-weight:700;display:block }
.fin-r4--sepa_wizard .wrow .wt span { font-size:11px;color:var(--ink3);font-weight:600 }
.fin-r4--sepa_wizard .wrow .wc { margin-left:auto;text-align:right;flex:none }
.fin-r4--sepa_wizard .wrow .wc b { font-size:13px;font-weight:800 }
.fin-r4--sepa_wizard .wrow.warn .wc b { color:var(--warn) }
.fin-r4--sepa_wizard .wrow .wc a { display:block;font-size:10.5px;font-weight:700;color:var(--brand);text-decoration:none;margin-top:1px }
.fin-r4--sepa_wizard .wfoot { padding:16px 28px;border-top:1px solid var(--line);background:#fbfcfe }
.fin-r4--sepa_wizard .gaterow { display:flex;align-items:center;gap:12px }
.fin-r4--sepa_wizard .btn { display:flex;align-items:center;gap:8px;border-radius:11px;padding:11px 20px;font:inherit;font-weight:700;font-size:14px;cursor:pointer;border:none }
.fin-r4--sepa_wizard .btn.primary { background:linear-gradient(135deg,#1e56c8,#2f6fe0);color:#fff;box-shadow:0 6px 16px -6px rgba(30,86,200,.6) }
.fin-r4--sepa_wizard .btn.locked { background:#e4e9f0;color:#93a1b6;box-shadow:none;cursor:not-allowed }
.fin-r4--sepa_wizard .btn.ghost { background:#fff;color:var(--ink2);border:1px solid var(--line) }
.fin-r4--sepa_wizard .btn svg { width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.2 }
.fin-r4--sepa_wizard .wfoot .hint { font-size:12.5px;color:var(--warn);font-weight:700;display:flex;align-items:center;gap:7px }
.fin-r4--sepa_wizard .wfoot .hint svg { width:15px;height:15px;stroke:var(--warn);fill:none;stroke-width:2.2 }
.fin-r4--sepa_wizard .wfoot .spacer { margin-left:auto }
.fin-r4--sepa_wizard .ackrow { display:flex;align-items:center;gap:9px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line) }
.fin-r4--sepa_wizard .ackrow .cb { width:18px;height:18px;border-radius:5px;border:2px solid #cdd6e4;background:#fff;flex:none }
.fin-r4--sepa_wizard .ackrow span { font-size:12px;color:var(--ink2);font-weight:600 }

/* --- abschluss --- */
.fin-r4--abschluss .num { font-variant-numeric:tabular-nums }
.fin-r4--abschluss .main { padding:22px 28px 40px }
.fin-r4--abschluss .top { display:flex;align-items:center;gap:12px;margin-bottom:16px }
.fin-r4--abschluss .top h1 { font-size:21px;letter-spacing:-.3px }
.fin-r4--abschluss .top .date { color:var(--ink3);font-weight:500;font-size:13px;margin-top:3px }
.fin-r4--abschluss .hpill { display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--ok);background:#e5f5ec;border-radius:99px;padding:6px 12px;white-space:nowrap;flex:none }
.fin-r4--abschluss .hpill .hd { width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.16) }
.fin-r4--abschluss .health { display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);color:var(--ink2);border-radius:99px;padding:6px 13px;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap;flex:none }
.fin-r4--abschluss .health .dot { width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.18) }
.fin-r4--abschluss .health svg { width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.2 }
.fin-r4--abschluss .search { margin-left:auto;display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:8px 14px;color:var(--ink3);width:250px;box-shadow:var(--shadow);white-space:nowrap;overflow:hidden;flex:none }
.fin-r4--abschluss .search span { overflow:hidden;text-overflow:ellipsis }
.fin-r4--abschluss .iconbtn { width:37px;height:37px;border-radius:11px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink2);box-shadow:var(--shadow);flex:none }
.fin-r4--abschluss .card { background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px 20px;margin-bottom:16px }
.fin-r4--abschluss .card h2 { display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:700;letter-spacing:-.1px }
.fin-r4--abschluss .card h2 svg { width:17px;height:17px;stroke:var(--brand);fill:none;stroke-width:2 }
.fin-r4--abschluss .card h2 .more { margin-left:auto;font-size:12.5px;color:var(--brand);font-weight:600 }
.fin-r4--abschluss .card h2 .badge { margin-left:auto;font-size:11.5px;font-weight:700;border-radius:99px;padding:3px 11px }
.fin-r4--abschluss .sub { color:var(--ink3);font-size:12px;margin-top:2px }
.fin-r4--abschluss .btn { display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,#1e56c8,#2f6fe0);color:#fff;border:none;border-radius:9px;padding:8px 14px;font:inherit;font-weight:700;font-size:12.5px;cursor:pointer;box-shadow:0 4px 12px -4px rgba(30,86,200,.55) }
.fin-r4--abschluss .btn svg { width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2.2 }
.fin-r4--abschluss .btn.ghost { background:#fff;color:var(--ink2);border:1px solid var(--line);box-shadow:var(--shadow) }
.fin-r4--abschluss .btn.ghost svg { stroke:var(--ink2) }
.fin-r4--abschluss .btn.sm { padding:6px 11px;font-size:11.5px }
.fin-r4--abschluss .years { display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px }
.fin-r4--abschluss .ycard { border:1px solid var(--line);border-radius:14px;padding:15px 16px;background:#fbfcfe;position:relative;overflow:hidden }
.fin-r4--abschluss .ycard .yh { display:flex;align-items:center;justify-content:space-between }
.fin-r4--abschluss .ycard .yr { font-size:20px;font-weight:800;letter-spacing:-.5px }
.fin-r4--abschluss .ystat { font-size:10.5px;font-weight:800;letter-spacing:.4px;border-radius:99px;padding:3px 10px }
.fin-r4--abschluss .ystat.testiert { background:#e5f5ec;color:var(--ok) }
.fin-r4--abschluss .ystat.laufend { background:#e8effd;color:var(--brand) }
.fin-r4--abschluss .ystat.abgeschl { background:#eef1f6;color:var(--ink2) }
.fin-r4--abschluss .ycard .yju { font-size:16px;font-weight:800;margin-top:12px;letter-spacing:-.3px }
.fin-r4--abschluss .ycard .yjl { font-size:11.5px;color:var(--ink3);font-weight:600;margin-top:2px }
.fin-r4--abschluss .ycard .yrow { display:flex;justify-content:space-between;font-size:12px;margin-top:9px;color:var(--ink2) }
.fin-r4--abschluss .ycard .yrow b { font-weight:700 }
.fin-r4--abschluss .ycard .ybar { height:7px;border-radius:99px;background:#eef1f6;overflow:hidden;margin:9px 0 4px }
.fin-r4--abschluss .ycard .ybar i { display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#34d399,#178a50) }
.fin-r4--abschluss .ycard .ylink { font-size:12px;color:var(--brand);font-weight:700;margin-top:11px;display:inline-flex;align-items:center;gap:5px }
.fin-r4--abschluss .ycard .ylink svg { width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.2 }
.fin-r4--abschluss .ycard.now { border-color:#bcd3f7;background:linear-gradient(180deg,#f2f7ff,#fbfcfe);box-shadow:inset 0 0 0 1px rgba(30,86,200,.12) }
.fin-r4--abschluss .months { display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:14px }
.fin-r4--abschluss .mcard { border:1px solid var(--line);border-radius:13px;padding:14px 15px;background:#fbfcfe }
.fin-r4--abschluss .mcard .mh { display:flex;align-items:center;justify-content:space-between;margin-bottom:9px }
.fin-r4--abschluss .mcard .mname { font-size:14.5px;font-weight:800 }
.fin-r4--abschluss .mcard .mst { font-size:10.5px;font-weight:800;border-radius:99px;padding:3px 9px;display:inline-flex;align-items:center;gap:5px }
.fin-r4--abschluss .mcard .mst .d { width:7px;height:7px;border-radius:50% }
.fin-r4--abschluss .mst.versendet { background:#e5f5ec;color:var(--ok) }
.fin-r4--abschluss .mst.versendet .d { background:#22c55e }
.fin-r4--abschluss .mst.erstellt { background:#e8effd;color:var(--brand) }
.fin-r4--abschluss .mst.erstellt .d { background:var(--brand) }
.fin-r4--abschluss .mst.offen { background:#fdf3e2;color:var(--warn) }
.fin-r4--abschluss .mst.offen .d { background:#f59e0b }
.fin-r4--abschluss .mcard .msum { font-size:13px;font-weight:700;color:var(--ink) }
.fin-r4--abschluss .mcard .msub { font-size:11px;color:var(--ink3);font-weight:600;margin-top:1px }
.fin-r4--abschluss .mcard .mrec { display:flex;flex-wrap:wrap;gap:5px;margin:11px 0 5px }
.fin-r4--abschluss .rchip { font-size:10.5px;font-weight:700;background:#eef2f8;color:var(--ink2);border-radius:99px;padding:3px 9px;display:inline-flex;align-items:center;gap:5px }
.fin-r4--abschluss .rchip .av { width:15px;height:15px;border-radius:50%;background:#c7d6ea;color:#41567a;display:grid;place-items:center;font-size:8px;font-weight:800 }
.fin-r4--abschluss .rchip.confirmed { background:#e5f5ec;color:var(--ok) }
.fin-r4--abschluss .rchip.confirmed .av { background:#bfe6cf;color:#178a50 }
.fin-r4--abschluss .htrstat { font-size:10.5px;font-weight:650;margin:0 0 10px;display:flex;align-items:center;gap:5px }
.fin-r4--abschluss .htrstat.ok { color:var(--ok) }
.fin-r4--abschluss .htrstat.pending { color:var(--warn) }
.fin-r4--abschluss .htrstat svg { width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2.6 }
.fin-r4--abschluss .mcard .mdl { display:flex;gap:7px }
.fin-r4--abschluss .dlbtn { flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 0;font-weight:700;font-size:11.5px;color:var(--ink2) }
.fin-r4--abschluss .dlbtn svg { width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2 }
.fin-r4--abschluss .dlbtn.pdf { color:var(--bad) }
.fin-r4--abschluss .dlbtn.xls { color:var(--ok) }
.fin-r4--abschluss .mcard.now { border-color:#bcd3f7;background:linear-gradient(180deg,#f2f7ff,#fbfcfe) }
.fin-r4--abschluss .mcard.now .genwrap { display:flex;flex-direction:column;gap:7px }
.fin-r4--abschluss .mcard.now .gennote { font-size:11px;color:var(--ink3);font-weight:600;text-align:center }
.fin-r4--abschluss .mcard .gategate { font-size:10.5px;color:var(--warn);font-weight:700;text-align:center;background:#fdf3e2;border-radius:8px;padding:5px 8px;display:flex;align-items:center;justify-content:center;gap:5px }
.fin-r4--abschluss .mcard .gategate svg { width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2.2 }
.fin-r4--abschluss .mcard .genbtn { width:100%;justify-content:center;padding:9px 0 }
.fin-r4--abschluss .mcard .lvlink { display:block;text-align:center;font-size:10.5px;font-weight:700;color:var(--brand);margin-top:8px }
.fin-r4--abschluss .monthsfoot { display:flex;align-items:center;margin-top:14px;padding-top:12px;border-top:1px dashed var(--line);font-size:12px;color:var(--ink3);font-weight:600 }
.fin-r4--abschluss .monthsfoot .lnk { margin-left:auto;color:var(--brand);font-weight:700;display:inline-flex;align-items:center;gap:5px }
.fin-r4--abschluss .monthsfoot .lnk svg { width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.2 }
.fin-r4--abschluss .datev { display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:14px;margin-top:14px }
.fin-r4--abschluss .dbox { border:1px solid var(--line);border-radius:13px;padding:15px 16px;background:#fbfcfe;display:flex;flex-direction:column }
.fin-r4--abschluss .dbox .dt { font-size:13px;font-weight:800;display:flex;align-items:center;gap:8px }
.fin-r4--abschluss .dbox .dt svg { width:15px;height:15px;stroke:var(--brand);fill:none;stroke-width:2 }
.fin-r4--abschluss .dbox .dd { font-size:11.5px;color:var(--ink3);font-weight:600;margin-top:3px }
.fin-r4--abschluss .uploadzone { margin-top:12px;border:1.5px dashed #bcd3f7;border-radius:11px;background:#f2f7ff;padding:16px;text-align:center;color:var(--brand);font-weight:700;font-size:12.5px;display:flex;flex-direction:column;align-items:center;gap:7px }
.fin-r4--abschluss .uploadzone svg { width:22px;height:22px;stroke:var(--brand);fill:none;stroke-width:2 }
.fin-r4--abschluss .imphist { margin-top:12px;display:flex;flex-direction:column;gap:0 }
.fin-r4--abschluss .imphist .ir { display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line);font-size:12px }
.fin-r4--abschluss .imphist .ir:last-child { border:none }
.fin-r4--abschluss .imphist .ir .ok { width:18px;height:18px;border-radius:50%;background:#e5f5ec;display:grid;place-items:center;flex:none }
.fin-r4--abschluss .imphist .ir .ok svg { width:11px;height:11px;stroke:var(--ok);fill:none;stroke-width:2.6 }
.fin-r4--abschluss .imphist .ir b { font-weight:700 }
.fin-r4--abschluss .imphist .ir time { margin-left:auto;color:var(--ink3);font-weight:600;font-size:11px }
.fin-r4--abschluss .amber-banner { margin-top:12px;display:flex;align-items:center;gap:12px;background:#fdf6e7;border:1px solid #f0dca8;border-radius:11px;padding:13px 15px }
.fin-r4--abschluss .amber-banner .ai { width:34px;height:34px;border-radius:9px;background:#fbeccb;color:var(--warn);display:grid;place-items:center;flex:none }
.fin-r4--abschluss .amber-banner .ai svg { width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2 }
.fin-r4--abschluss .amber-banner b { font-size:18px;color:var(--warn);font-weight:800 }
.fin-r4--abschluss .amber-banner .at { font-size:12px;color:#8a6a1f;font-weight:600 }
.fin-r4--abschluss .dbox .exlist { display:flex;flex-direction:column;gap:9px;margin-top:12px }
.fin-r4--abschluss .exrow { display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff }
.fin-r4--abschluss .exrow .ei { width:32px;height:32px;border-radius:8px;background:#e8effd;color:var(--brand);display:grid;place-items:center;flex:none }
.fin-r4--abschluss .exrow .ei svg { width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2 }
.fin-r4--abschluss .exrow .en b { font-size:12.5px;font-weight:700 }
.fin-r4--abschluss .exrow .en span { display:block;font-size:11px;color:var(--ink3);font-weight:600 }
.fin-r4--abschluss .exrow .edl { margin-left:auto;color:var(--brand) }
.fin-r4--abschluss .exrow .edl svg { width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2 }
.fin-r4--abschluss .dbox .grow { margin-top:auto }
.fin-r4--abschluss .htr { display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin-top:14px }
.fin-r4--abschluss .htr .col-t { font-size:11px;letter-spacing:.6px;color:var(--ink3);font-weight:800;margin-bottom:10px }
.fin-r4--abschluss .deliv { display:flex;flex-direction:column;gap:0;position:relative }
.fin-r4--abschluss .deliv .dl { display:flex;gap:13px;padding:0 0 16px;position:relative }
.fin-r4--abschluss .deliv .dl:before { content:'';position:absolute;left:8px;top:20px;bottom:-2px;width:2px;background:var(--line) }
.fin-r4--abschluss .deliv .dl:last-child:before { display:none }
.fin-r4--abschluss .deliv .dl .node { width:18px;height:18px;border-radius:50%;background:#e5f5ec;border:2px solid #bfe6cf;flex:none;margin-top:2px;z-index:1;display:grid;place-items:center }
.fin-r4--abschluss .deliv .dl .node svg { width:9px;height:9px;stroke:var(--ok);fill:none;stroke-width:3 }
.fin-r4--abschluss .deliv .dl .node.next { background:#fdf3e2;border-color:#f0dca8 }
.fin-r4--abschluss .deliv .dl .node.next svg { stroke:var(--warn) }
.fin-r4--abschluss .deliv .dbody b { font-size:13px;font-weight:700 }
.fin-r4--abschluss .deliv .dbody .meta { font-size:11px;color:var(--ink3);font-weight:600;margin:1px 0 4px }
.fin-r4--abschluss .deliv .dbody .cont { font-size:12px;color:var(--ink2) }
.fin-r4--abschluss .deliv .dbody .cont span { display:inline-block;background:#eef2f8;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600;margin:3px 5px 0 0 }
.fin-r4--abschluss .nextbox { background:#fdf6e7;border:1px solid #f0dca8;border-radius:11px;padding:12px 14px;margin-top:6px }
.fin-r4--abschluss .nextbox .nl { font-size:10.5px;letter-spacing:.5px;color:var(--warn);font-weight:800 }
.fin-r4--abschluss .nextbox b { display:block;font-size:13.5px;font-weight:800;color:#8a6a1f;margin-top:3px }
.fin-r4--abschluss .nextbox .nd { font-size:11.5px;color:#8a6a1f;font-weight:600;margin-top:2px }
.fin-r4--abschluss .qlist { display:flex;flex-direction:column;gap:10px }
.fin-r4--abschluss .qrow { border:1px solid var(--line);border-radius:11px;padding:11px 13px;background:#fbfcfe }
.fin-r4--abschluss .qrow .qh { display:flex;align-items:center;gap:9px }
.fin-r4--abschluss .qrow .qs { font-size:10px;font-weight:800;border-radius:99px;padding:2px 8px }
.fin-r4--abschluss .qs.open { background:#fdeaec;color:var(--bad) }
.fin-r4--abschluss .qs.wait { background:#fdf3e2;color:var(--warn) }
.fin-r4--abschluss .qs.done { background:#e5f5ec;color:var(--ok) }
.fin-r4--abschluss .qrow .qq { font-size:12.5px;font-weight:700;margin-top:7px;line-height:1.35 }
.fin-r4--abschluss .qrow .qm { font-size:11px;color:var(--ink3);font-weight:600;margin-top:4px }

   R5 — STIFTUNG (Zielbild-Ports v2_sti_*; additiv, alles unter
   .v3-page.r5-*). Token-Aliase liegen bereits global auf .v3-page (s.o.).
   Farben/Maße 1:1 aus den freigegebenen Mockups v2_sti_*.html übernommen.
   READ/DISPLAY-Layout — Quittungs-Logik/Sperren werden nur konsumiert.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Gemeinsame Bausteine (mehrere R5-Seiten) ── */
.v3-page .r5-hpill { display:inline-flex; align-items:center; gap:7px; font-size:12px; font-weight:700; color:var(--ok); background:#e5f5ec; border-radius:99px; padding:4px 11px; }
.v3-page .r5-hpill.warn { color:var(--warn); background:#fdf3e2; }
.v3-page .r5-hpill .hd { width:8px; height:8px; border-radius:50%; background:#22c55e; box-shadow:0 0 0 3px rgba(34,197,94,.16); }
.v3-page .r5-hpill.warn .hd { background:#f59e0b; box-shadow:0 0 0 3px rgba(245,158,11,.18); }
.v3-page .r5-search { display:flex; align-items:center; gap:9px; background:var(--card); border:1px solid var(--line); border-radius:11px; padding:8px 14px; color:var(--ink3); width:290px; box-shadow:var(--shadow); font-size:13px; }
.v3-page .r5-search svg { width:15px; height:15px; stroke:currentColor; fill:none; stroke-width:2; flex:none; }

/* Tabs (in-page, Unterstrich) */
.v3-page .r5-tabs { display:flex; gap:4px; margin-bottom:14px; border-bottom:1px solid var(--line); flex-wrap:wrap; }
.v3-page .r5-tabs a { display:flex; align-items:center; gap:8px; padding:11px 16px; font-weight:650; font-size:13.5px; color:var(--ink2); text-decoration:none; border-bottom:2.5px solid transparent; margin-bottom:-1px; }
.v3-page .r5-tabs a.on { color:var(--brand); border-color:var(--brand); }
.v3-page .r5-tabs a .cnt { background:#e8563f; color:#fff; font-size:10.5px; font-weight:800; border-radius:99px; padding:1px 7px; }
.v3-page .r5-tabs a.on .cnt { background:#e8effd; color:var(--brand); }
.v3-page .r5-tabs a .mut { color:var(--ink3); font-size:12px; font-weight:600; }

/* Filter-Chips (Row-Hint) */
.v3-page .r5-rowhint { display:flex; align-items:center; gap:9px; margin-bottom:12px; font-size:12.5px; color:var(--ink3); font-weight:600; flex-wrap:wrap; }
.v3-page .r5-schip { border:1px solid var(--line); background:#fff; border-radius:99px; padding:5px 13px; font-size:12px; font-weight:600; color:var(--ink2); text-decoration:none; white-space:nowrap; }
.v3-page .r5-schip.on { background:#e8effd; border-color:#bcd3f7; color:var(--brand); }
.v3-page .r5-rowhint .spacer { margin-left:auto; }

/* ── v2_sti_arbeitsplatz ── */
.r5-arb .r5-tiles { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-bottom:18px; }
@media (max-width:1100px){ .r5-arb .r5-tiles{ grid-template-columns:repeat(2,1fr); } }
.r5-arb .tile { background:var(--card); border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--shadow); padding:16px 18px; display:flex; flex-direction:column; gap:2px; position:relative; overflow:hidden; text-decoration:none; color:inherit; }
.r5-arb .tile .ti { width:38px; height:38px; border-radius:11px; display:grid; place-items:center; margin-bottom:9px; }
.r5-arb .tile .ti svg { width:20px; height:20px; fill:none; stroke-width:2; stroke:currentColor; }
.r5-arb .tile b.big { font-size:26px; letter-spacing:-.8px; font-weight:800; }
.r5-arb .tile .l { font-size:12.5px; color:var(--ink2); font-weight:650; margin-top:1px; }
.r5-arb .tile .d { font-size:11.5px; color:var(--ink3); margin-top:3px; }
.r5-arb .tile .d b { color:var(--ink2); }
.r5-arb .tile .go { position:absolute; top:16px; right:16px; color:var(--ink3); }
.r5-arb .tile .go svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; }
.r5-arb .tile.focus { background:linear-gradient(135deg,#12335a,#1b4a7c); border:none; color:#fff; }
.r5-arb .tile.focus .l { color:#cfe0f2; } .r5-arb .tile.focus .d { color:#9fc0e2; } .r5-arb .tile.focus .d b { color:#cfe0f2; }
.r5-arb .tile.focus .ti { background:rgba(255,255,255,.16); color:#fff; }
.r5-arb .tile.focus .go { color:#9fc0e2; }
.r5-arb .c-blue { background:#e8effd; color:#1e56c8; } .r5-arb .c-amb { background:#fdf3e2; color:#c07600; }
.r5-arb .c-grn { background:#e5f5ec; color:#178a50; } .r5-arb .c-vio { background:#f0edfd; color:#7c6cf0; } .r5-arb .c-red { background:#fdeaec; color:#c93a4a; }
.r5-arb .tile .sw { width:38px; height:22px; border-radius:99px; background:#178a50; position:relative; flex:none; display:inline-block; vertical-align:-6px; margin-left:6px; }
.r5-arb .tile .sw.off { background:#c9d2df; }
.r5-arb .tile .sw i { position:absolute; top:2.5px; right:2.5px; width:17px; height:17px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.2); }
.r5-arb .tile .sw.off i { right:auto; left:2.5px; }
.r5-arb .agerow { display:flex; gap:6px; margin-top:9px; }
.r5-arb .agedot { flex:1; display:flex; flex-direction:column; align-items:center; gap:3px; font-size:10px; font-weight:700; color:var(--ink3); }
.r5-arb .agedot .bar { width:100%; height:5px; border-radius:99px; }
.r5-arb .ab-grn { background:#22c55e; } .r5-arb .ab-amb { background:#f59e0b; } .r5-arb .ab-red { background:#ef4444; }
.r5-arb .agedot b { font-size:14px; color:var(--ink); }

/* Bulk-Leiste (hell) */
.r5-arb .r5-bulk { display:flex; align-items:center; gap:12px; background:#eef4fe; border:1px solid #bcd3f7; border-radius:11px; padding:10px 16px; margin-bottom:12px; font-size:13px; font-weight:650; color:var(--brand); }
.r5-arb .r5-bulk .cbx { width:18px; height:18px; border-radius:5px; background:var(--brand); display:grid; place-items:center; }
.r5-arb .r5-bulk .cbx svg { width:11px; height:11px; stroke:#fff; fill:none; stroke-width:3; }
.r5-arb .r5-bulk .sp { margin-left:auto; display:flex; gap:8px; }
.r5-arb .r5-bulk .bbtn { display:inline-flex; align-items:center; gap:7px; height:32px; padding:0 14px; border-radius:8px; border:1px solid #bcd3f7; background:#fff; color:var(--brand); font-size:12.5px; font-weight:700; cursor:pointer; text-decoration:none; }
.r5-arb .r5-bulk .bbtn svg { width:14px; height:14px; stroke:currentColor; fill:none; stroke-width:2; }
.r5-arb .r5-bulk .bbtn.pri { border:none; background:linear-gradient(135deg,#1e56c8,#2f6fe0); color:#fff; }

/* Payment-Rows */
.r5-arb .r5-list { display:flex; flex-direction:column; gap:10px; }
.r5-arb .prow { background:var(--card); border:1px solid var(--line); border-radius:13px; box-shadow:var(--shadow); padding:14px 18px; display:grid; grid-template-columns:30px 74px 1fr 108px 178px 240px; gap:14px; align-items:center; }
@media (max-width:1200px){ .r5-arb .prow{ grid-template-columns:24px 66px 1fr 92px 150px; } .r5-arb .prow .pact{ grid-column:1/-1; justify-content:flex-end; } }
.r5-arb .rcbx { width:19px; height:19px; border-radius:6px; border:1.8px solid #c3ccda; display:inline-grid; place-items:center; background:#fff; }
.r5-arb .rcbx.ck { background:var(--brand); border-color:var(--brand); }
.r5-arb .rcbx.ck svg { width:12px; height:12px; stroke:#fff; fill:none; stroke-width:3; }
.r5-arb .rcbx.lock { opacity:.35; }
.r5-arb .pdate { font-size:12px; color:var(--ink2); font-weight:600; }
.r5-arb .pdate span { display:block; font-size:11px; color:var(--ink3); font-weight:500; margin-top:1px; }
.r5-arb .pwho { display:flex; align-items:flex-start; gap:11px; min-width:0; }
.r5-arb .pav { width:34px; height:34px; border-radius:10px; display:grid; place-items:center; font-weight:800; font-size:12px; flex:none; background:#eef1f6; color:var(--ink2); margin-top:1px; }
.r5-arb .pmeta { min-width:0; }
.r5-arb .pmeta b { font-weight:700; font-size:13.5px; }
.r5-arb .pmeta .pz { display:block; font-size:11.5px; color:var(--ink3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:340px; margin-top:1px; }
.r5-arb .chips { display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin-top:6px; }
.r5-arb .psrc { display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:700; color:var(--ink2); background:#f1f4f8; border-radius:6px; padding:2px 8px; }
.r5-arb .psrc .sd { width:7px; height:7px; border-radius:50%; }
.r5-arb .agechip { display:inline-flex; align-items:center; gap:5px; font-size:11px; font-weight:700; border-radius:6px; padding:2px 8px; }
.r5-arb .age-grn { background:#e5f5ec; color:#178a50; } .r5-arb .age-amb { background:#fdf3e2; color:#c07600; } .r5-arb .age-red { background:#fdeaec; color:#c93a4a; }
.r5-arb .agechip .adt { width:6px; height:6px; border-radius:50%; }
.r5-arb .ad-grn { background:#22c55e; } .r5-arb .ad-amb { background:#f59e0b; } .r5-arb .ad-red { background:#ef4444; }
.r5-arb .mlink { display:inline-flex; align-items:center; gap:4px; font-size:11px; font-weight:700; color:var(--brand); background:#e8effd; border-radius:6px; padding:2px 8px; text-decoration:none; }
.r5-arb .mlink svg { width:11px; height:11px; stroke:currentColor; fill:none; stroke-width:2.2; }
.r5-arb .assign { display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:650; color:var(--ink3); }
.r5-arb .assign i { width:18px; height:18px; border-radius:50%; background:#0e8f7a; color:#fff; display:inline-grid; place-items:center; font-size:9px; font-weight:800; font-style:normal; }
.r5-arb .assign.none i { background:#eef1f6; color:#8b98ad; }
.r5-arb .pamt { text-align:right; font-weight:800; font-size:16px; letter-spacing:-.3px; }
.r5-arb .catsel { display:flex; align-items:center; gap:8px; width:100%; border:1px solid var(--line); background:#fbfcfe; border-radius:9px; padding:8px 12px; font-size:12.5px; font-weight:650; color:var(--ink); }
.r5-arb .catsel .cd { width:9px; height:9px; border-radius:50%; flex:none; }
.r5-arb .catsel svg { width:14px; height:14px; stroke:var(--ink3); fill:none; stroke-width:2.2; margin-left:auto; }
.r5-arb .cd-einzel { background:var(--ok); } .r5-arb .cd-wied { background:var(--paypal); } .r5-arb .cd-keine { background:#b6c0cf; } .r5-arb .cd-verein { background:var(--brand); } .r5-arb .cd-ext { background:#c9a5ea; }
.r5-arb .pact { display:flex; gap:7px; justify-content:flex-end; align-items:center; }
.r5-arb .rbtn { display:inline-flex; align-items:center; gap:7px; height:36px; padding:0 14px; border-radius:9px; border:1px solid var(--line); background:#fff; color:var(--ink2); font-size:12.5px; font-weight:650; cursor:pointer; white-space:nowrap; text-decoration:none; }
.r5-arb .rbtn svg { width:14px; height:14px; stroke:currentColor; fill:none; stroke-width:2; }
.r5-arb .rbtn.pri { border:none; background:linear-gradient(135deg,#1e56c8,#2f6fe0); color:#fff; box-shadow:0 4px 12px -4px rgba(30,86,200,.55); }
.r5-arb .rbtn.amb { border-color:#f0d9ad; background:#fdf7ec; color:var(--warn); }
.r5-arb .rbtn.icon { padding:0; width:36px; justify-content:center; }
.r5-arb .extbadge { display:inline-flex; align-items:center; gap:7px; font-size:11.5px; font-weight:700; color:#6d5bd0; background:#f0edfd; border:1px solid #e0d8fa; border-radius:8px; padding:8px 12px; justify-self:end; white-space:nowrap; }
.r5-arb .extbadge svg { width:14px; height:14px; stroke:currentColor; fill:none; stroke-width:2; }
.r5-arb .catlocked { display:flex; align-items:center; gap:8px; font-size:12.5px; font-weight:650; color:var(--ink3); padding:8px 4px; }
.r5-arb .rowsub { font-size:11.5px; color:var(--ink3); font-weight:600; text-align:right; max-width:160px; }

/* Sekundär-Sektion (Details & Kontrolle) im v3-Kartenlook */
.v3-page .r5-sec { margin-top:22px; }
.v3-page .r5-sec > h2 { font-size:16px; font-weight:800; letter-spacing:-.2px; margin-bottom:12px; }
.v3-page .r5-grid2 { display:grid; grid-template-columns:1fr 1fr; gap:16px; align-items:start; }
@media (max-width:1000px){ .v3-page .r5-grid2{ grid-template-columns:1fr; } }
.v3-page .r5-panel { background:var(--card); border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--shadow); padding:18px 20px; }
.v3-page .r5-panel h3 { font-size:14px; font-weight:700; margin-bottom:4px; }
.v3-page .r5-panel .psub { font-size:12px; color:var(--ink3); margin-bottom:10px; }
.v3-page .r5-checkrow { display:flex; align-items:center; gap:12px; padding:10px 0; border-top:1px solid var(--line2); }
.v3-page .r5-checkrow:first-of-type { border-top:none; }
.v3-page .r5-checkrow .dot { width:10px; height:10px; border-radius:50%; flex:none; }
.v3-page .r5-checkrow .dot.ok { background:#22c55e; } .v3-page .r5-checkrow .dot.bad { background:#ef4444; }
.v3-page .r5-checkrow .ct b { font-size:13px; font-weight:650; } .v3-page .r5-checkrow .ct span { display:block; font-size:11px; color:var(--ink3); }
.v3-page .r5-checkrow .cn { margin-left:auto; font-size:15px; font-weight:800; }
.v3-page .r5-checkrow .cn.ok { color:var(--ok); } .v3-page .r5-checkrow .cn.bad { color:var(--bad); }
.v3-page .r5-note { display:flex; align-items:center; gap:10px; border-radius:10px; padding:10px 13px; font-size:12.5px; font-weight:600; margin-bottom:12px; }
.v3-page .r5-note.warn { background:#fdf3e2; color:#8a5a00; border:1px solid #f0d9ad; }
.v3-page .r5-note.ok { background:#e5f5ec; color:#0f6b3e; border:1px solid #b9e4c9; }
.v3-page .r5-proto { display:flex; align-items:center; gap:12px; padding:8px 0; border-top:1px dashed var(--line); font-size:13px; }
.v3-page .r5-proto:first-of-type { border-top:none; }
.v3-page .r5-proto time { font-size:11px; color:var(--ink3); font-weight:600; width:92px; flex:none; }
.v3-page .r5-proto .pd { width:7px; height:7px; border-radius:50%; flex:none; background:#cbd5e1; }
.v3-page .r5-proto .pd.ok { background:#22c55e; } .v3-page .r5-proto .pd.i { background:var(--brand); }
.v3-page .r5-linkbtn { display:inline-flex; align-items:center; gap:7px; margin-top:6px; font-size:13px; font-weight:650; color:var(--brand); text-decoration:none; }
.v3-page .r5-linkbtn svg { width:15px; height:15px; stroke:currentColor; fill:none; stroke-width:2; }

/* ── v2_sti_wiederkehrend ── */
.r5-wied .sumbar { display:flex; align-items:center; gap:26px; background:linear-gradient(135deg,#12335a,#1b4a7c); border-radius:var(--r); padding:18px 22px; margin-bottom:18px; color:#fff; box-shadow:var(--shadow); flex-wrap:wrap; }
.r5-wied .sumbar .si { width:44px; height:44px; border-radius:12px; background:rgba(255,255,255,.14); display:grid; place-items:center; flex:none; }
.r5-wied .sumbar .si svg { width:23px; height:23px; fill:none; stroke:#fff; stroke-width:2; }
.r5-wied .sumbar .m { display:flex; flex-direction:column; }
.r5-wied .sumbar .m b { font-size:24px; letter-spacing:-.5px; font-weight:800; }
.r5-wied .sumbar .m span { font-size:12px; color:#9fc0e2; font-weight:600; }
.r5-wied .sumbar .m.warn b { color:#fca5a5; }
.r5-wied .sumbar .sep { width:1px; height:40px; background:rgba(255,255,255,.16); }
.r5-wied .sumbar .btn { margin-left:auto; display:inline-flex; align-items:center; gap:9px; background:#fff; color:var(--brand); border:none; border-radius:11px; padding:12px 20px; font-weight:750; font-size:14px; cursor:pointer; box-shadow:0 6px 18px -6px rgba(0,0,0,.4); text-decoration:none; }
.r5-wied .sumbar .btn svg { width:17px; height:17px; stroke:currentColor; fill:none; stroke-width:2.2; }
.r5-wied .r5-schip.alert { border-color:#f2c3c9; background:#fdeaec; color:var(--bad); }

.r5-wied .list { display:flex; flex-direction:column; gap:10px; }
.r5-wied .drow { background:var(--card); border:1px solid var(--line); border-radius:13px; box-shadow:var(--shadow); overflow:hidden; }
.r5-wied .drow.alert { border-color:#f2c3c9; box-shadow:0 4px 18px -8px rgba(201,58,74,.4); }
.r5-wied .dhead { display:grid; grid-template-columns:1fr 220px 150px 210px 40px; gap:16px; align-items:center; padding:14px 18px; }
@media (max-width:1100px){ .r5-wied .dhead{ grid-template-columns:1fr 150px 130px; } .r5-wied .dhead .dstat-cell, .r5-wied .dhead .chev{ display:none; } }
.r5-wied .drow.open .dhead { border-bottom:1px solid var(--line); background:#fbfcfe; }
.r5-wied .dwho { display:flex; align-items:center; gap:12px; min-width:0; }
.r5-wied .dav { width:36px; height:36px; border-radius:10px; display:grid; place-items:center; font-weight:800; font-size:12.5px; flex:none; background:#f0edfd; color:#7c6cf0; }
.r5-wied .dwho b { font-weight:700; font-size:14px; }
.r5-wied .dwho .de { display:block; font-size:11.5px; color:var(--ink3); }
.r5-wied .dfreq { font-size:12.5px; color:var(--ink2); font-weight:600; }
.r5-wied .dfreq b { color:var(--ink); font-weight:800; font-size:14px; }
.r5-wied .dfreq .rec { display:inline-flex; align-items:center; gap:5px; font-size:11px; font-weight:700; color:#7c6cf0; background:#f0edfd; border-radius:6px; padding:2px 7px; margin-bottom:4px; }
.r5-wied .dfreq .rec svg { width:10px; height:10px; fill:none; stroke:currentColor; stroke-width:2.5; }
.r5-wied .dfreq .rec.miss { color:var(--bad); background:#fdeaec; }
.r5-wied .dlast { font-size:12px; color:var(--ink2); font-weight:600; }
.r5-wied .dlast span { display:block; font-size:11px; color:var(--ink3); font-weight:500; }
.r5-wied .dlast.miss span { color:var(--bad); font-weight:600; }
.r5-wied .dstat { display:inline-flex; align-items:center; gap:7px; font-size:12px; font-weight:700; border-radius:8px; padding:6px 11px; }
.r5-wied .st-wait { background:#fdf3e2; color:var(--warn); } .r5-wied .st-sent { background:#e5f5ec; color:var(--ok); } .r5-wied .st-new { background:#eef1f6; color:var(--ink2); } .r5-wied .st-miss { background:#fdeaec; color:var(--bad); }
.r5-wied .dstat .bd { width:8px; height:8px; border-radius:50%; }
.r5-wied .bd-wait { background:#f59e0b; } .r5-wied .bd-sent { background:#22c55e; } .r5-wied .bd-new { background:#8b98ad; } .r5-wied .bd-miss { background:#ef4444; }
.r5-wied .chev { display:grid; place-items:center; color:var(--ink3); }
.r5-wied .chev svg { width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:2.2; }
.r5-wied .missbar { display:flex; align-items:center; gap:12px; padding:12px 18px 14px 66px; background:#fdf6f7; border-top:1px solid #f2dfe2; font-size:12.5px; color:var(--ink2); font-weight:600; flex-wrap:wrap; }
.r5-wied .missbar svg.wi { width:16px; height:16px; stroke:var(--bad); fill:none; stroke-width:2; flex:none; }
.r5-wied .missbar .act { margin-left:auto; display:flex; gap:8px; }
.r5-wied .missbtn { display:inline-flex; align-items:center; gap:7px; height:34px; padding:0 14px; border-radius:9px; border:1px solid var(--line); background:#fff; color:var(--ink2); font-size:12.5px; font-weight:650; cursor:pointer; text-decoration:none; }
.r5-wied .missbtn svg { width:14px; height:14px; stroke:currentColor; fill:none; stroke-width:2; }
.r5-wied .missbtn.pri { border:none; background:linear-gradient(135deg,#c93a4a,#e05563); color:#fff; box-shadow:0 4px 12px -4px rgba(201,58,74,.5); }
.r5-wied .sublist { padding:6px 18px 12px 66px; background:#fafbfe; }
.r5-wied .subrow { display:grid; grid-template-columns:120px 1fr 100px 140px; gap:16px; align-items:center; padding:9px 0; border-bottom:1px dashed var(--line); font-size:12.5px; color:var(--ink2); }
.r5-wied .subrow:last-child { border:none; }
.r5-wied .subrow .sd { color:var(--ink3); font-weight:600; }
.r5-wied .subrow .sz { color:var(--ink3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.r5-wied .subrow .sa { text-align:right; font-weight:700; color:var(--ink); }
.r5-wied .subrow.gap { background:#fdf6f7; border-radius:7px; padding-left:8px; padding-right:8px; }
.r5-wied .subrow.gap .sz { color:var(--bad); font-weight:700; }
.r5-wied .subrow .ss { display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:700; color:var(--ink2); background:#eef1f6; border-radius:6px; padding:2px 8px; justify-self:start; }
.r5-wied .subrow .ss.gapb { background:#fdeaec; color:var(--bad); }
.r5-wied .subrow .ss .sdot { width:6px; height:6px; border-radius:50%; }
.r5-wied .subfoot { display:flex; align-items:center; gap:12px; padding:10px 0 2px; font-size:12px; color:var(--ink3); font-weight:600; }
.r5-wied .subfoot b { color:var(--ink); font-weight:800; }
.r5-wied .subfoot a { margin-left:auto; color:var(--brand); font-weight:700; text-decoration:none; font-size:12.5px; }

/* ── v2_sti_sammellauf ── */
.r5-lauf .back { display:inline-flex; align-items:center; gap:7px; background:var(--card); border:1px solid var(--line); border-radius:10px; padding:8px 14px; font-weight:650; font-size:13px; color:var(--ink2); box-shadow:var(--shadow); text-decoration:none; }
.r5-lauf .back svg { width:15px; height:15px; stroke:currentColor; fill:none; stroke-width:2; }
.r5-lauf .stepper { display:flex; align-items:center; gap:0; background:var(--card); border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--shadow); padding:16px 24px; margin-bottom:18px; }
.r5-lauf .step { display:flex; align-items:center; gap:12px; }
.r5-lauf .step .no { width:34px; height:34px; border-radius:50%; display:grid; place-items:center; font-weight:800; font-size:14px; flex:none; background:#eef1f6; color:var(--ink3); }
.r5-lauf .step.on .no { background:linear-gradient(135deg,#1e56c8,#2f6fe0); color:#fff; box-shadow:0 4px 12px -4px rgba(30,86,200,.55); }
.r5-lauf .step.done .no { background:#e5f5ec; color:var(--ok); }
.r5-lauf .step .l { font-size:11px; letter-spacing:.6px; color:var(--ink3); font-weight:700; }
.r5-lauf .step .t { font-size:14px; font-weight:700; color:var(--ink2); margin-top:1px; }
.r5-lauf .step.on .t { color:var(--ink); }
.r5-lauf .step .l.act { color:var(--brand); }
.r5-lauf .stepline { flex:1; height:2px; background:var(--line); margin:0 22px; border-radius:2px; }
.r5-lauf .r5-lgrid { display:grid; grid-template-columns:1fr 340px; gap:18px; align-items:start; }
@media (max-width:1050px){ .r5-lauf .r5-lgrid{ grid-template-columns:1fr; } }
.r5-lauf .side-cards { display:flex; flex-direction:column; gap:16px; position:sticky; top:10px; }
.r5-lauf .card { background:var(--card); border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--shadow); padding:18px 20px; }
.r5-lauf .bilanz h3 { font-size:13px; letter-spacing:.3px; color:var(--ink3); font-weight:700; margin-bottom:14px; }
.r5-lauf .brow { display:flex; align-items:center; gap:10px; padding:9px 0; border-bottom:1px dashed var(--line); font-size:13.5px; font-weight:650; color:var(--ink2); }
.r5-lauf .brow .v { margin-left:auto; font-weight:800; font-size:15px; color:var(--ink); }
.r5-lauf .brow.sub .v { color:var(--bad); }
.r5-lauf .brow.total { border:none; border-top:2px solid var(--line); margin-top:6px; padding-top:14px; }
.r5-lauf .brow.total .lbl { font-size:14px; font-weight:800; color:var(--ink); }
.r5-lauf .brow.total .v { font-size:22px; color:var(--brand); }
.r5-lauf .brow .ic { width:22px; height:22px; border-radius:7px; display:grid; place-items:center; flex:none; }
.r5-lauf .brow .ic svg { width:13px; height:13px; fill:none; stroke:currentColor; stroke-width:2.4; }
.r5-lauf .c-vio { background:#f0edfd; color:#7c6cf0; } .r5-lauf .c-red { background:#fdeaec; color:#c93a4a; } .r5-lauf .c-grn { background:#e5f5ec; color:#178a50; }
.r5-lauf .amt-hint { font-size:12px; color:var(--ink3); margin-top:10px; }
.r5-lauf .amt-hint b { color:var(--ink2); font-weight:700; }
.r5-lauf .gate { margin-top:15px; padding:12px 13px; border:1px solid #cfe0f2; background:#eef4fe; border-radius:11px; display:flex; gap:10px; align-items:flex-start; }
.r5-lauf .gate .gk { width:20px; height:20px; border-radius:6px; border:2px solid var(--brand); background:var(--brand); display:grid; place-items:center; flex:none; margin-top:1px; }
.r5-lauf .gate .gk svg { width:12px; height:12px; stroke:#fff; fill:none; stroke-width:3; }
.r5-lauf .gate .gt { font-size:11.5px; color:var(--ink2); font-weight:600; line-height:1.5; }
.r5-lauf .gate .gt b { color:var(--ink); font-weight:750; display:block; margin-bottom:2px; }
.r5-lauf .gatechk { display:flex; gap:12px; margin-top:9px; }
.r5-lauf .gatechk span { display:inline-flex; align-items:center; gap:5px; font-size:11px; font-weight:700; color:var(--ok); }
.r5-lauf .gatechk span svg { width:12px; height:12px; stroke:currentColor; fill:none; stroke-width:2.6; }
.r5-lauf .wbtn { width:100%; margin-top:13px; display:flex; align-items:center; justify-content:center; gap:9px; background:linear-gradient(135deg,#1e56c8,#2f6fe0); color:#fff; border:none; border-radius:11px; padding:13px; font-weight:750; font-size:14px; cursor:pointer; box-shadow:0 6px 18px -6px rgba(30,86,200,.55); }
.r5-lauf .wbtn svg { width:16px; height:16px; stroke:#fff; fill:none; stroke-width:2.2; }
.r5-lauf .wsub { text-align:center; font-size:11px; color:var(--ink3); font-weight:600; margin-top:8px; }
.r5-lauf .hinweis { display:flex; gap:12px; background:#fbfaf4; border:1px solid #ece3cb; }
.r5-lauf .hinweis .hi { width:34px; height:34px; border-radius:10px; background:#fdf3e2; color:var(--warn); display:grid; place-items:center; flex:none; }
.r5-lauf .hinweis .hi svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; }
.r5-lauf .hinweis b { font-size:13px; }
.r5-lauf .hinweis p { font-size:12px; color:var(--ink2); margin-top:3px; line-height:1.5; }
.r5-lauf .tblcard { padding:0; overflow:hidden; }
.r5-lauf .tblhead { display:flex; align-items:center; gap:12px; padding:15px 18px; border-bottom:1px solid var(--line); flex-wrap:wrap; }
.r5-lauf .tblhead h2 { font-size:15px; font-weight:700; }
.r5-lauf .tblhead .cnt { background:#e8effd; color:var(--brand); font-size:12px; font-weight:800; border-radius:99px; padding:2px 10px; }
.r5-lauf .tblhead .filters { margin-left:auto; display:flex; gap:7px; }
.r5-lauf .schip { border:1px solid var(--line); background:#fff; border-radius:99px; padding:5px 13px; font-size:12px; font-weight:600; color:var(--ink2); }
.r5-lauf .schip.on { background:#e8effd; border-color:#bcd3f7; color:var(--brand); }
.r5-lauf .schip.warn { border-color:#f2c3c9; background:#fdeaec; color:var(--bad); }
.r5-lauf table { width:100%; border-collapse:collapse; font-size:13px; }
.r5-lauf th { font-size:10.5px; letter-spacing:.7px; color:var(--ink3); text-align:left; font-weight:700; padding:11px 18px; border-bottom:1px solid var(--line); background:#fbfcfe; }
.r5-lauf th.r, .r5-lauf td.r { text-align:right; } .r5-lauf th.c, .r5-lauf td.c { text-align:center; }
.r5-lauf td { padding:12px 18px; border-bottom:1px solid #eef1f6; vertical-align:middle; }
.r5-lauf tr:last-child td { border:none; }
.r5-lauf tbody tr.off { background:#fdfbf8; }
.r5-lauf .cbx2 { width:19px; height:19px; border-radius:6px; border:1.8px solid #c3ccda; display:inline-grid; place-items:center; background:#fff; vertical-align:-4px; }
.r5-lauf .cbx2.ck { background:var(--brand); border-color:var(--brand); }
.r5-lauf .cbx2.ck svg { width:12px; height:12px; stroke:#fff; fill:none; stroke-width:3; }
.r5-lauf .cbx2.dis { background:#f1f4f8; border-color:#dde3ec; }
.r5-lauf .mcell { display:flex; align-items:center; gap:11px; }
.r5-lauf .mav { width:32px; height:32px; border-radius:9px; background:#f0edfd; color:#7c6cf0; display:grid; place-items:center; font-weight:800; font-size:12px; flex:none; }
.r5-lauf .mcell b { font-weight:700; } .r5-lauf .mcell small { display:block; color:var(--ink3); font-size:11px; }
.r5-lauf .amp2 { display:inline-flex; align-items:center; gap:7px; font-size:12px; font-weight:700; border-radius:8px; padding:5px 11px; }
.r5-lauf .amp-ok { background:#e5f5ec; color:var(--ok); } .r5-lauf .amp-bad { background:#fdeaec; color:var(--bad); }
.r5-lauf .amp2 .ad { width:8px; height:8px; border-radius:50%; } .r5-lauf .ad-ok { background:#22c55e; } .r5-lauf .ad-bad { background:#ef4444; }
.r5-lauf .fixlnk { color:var(--brand); font-weight:700; font-size:12px; text-decoration:none; margin-left:6px; }
.r5-lauf .tblfoot { padding:12px 18px; font-size:12px; color:var(--ink3); font-weight:600; }

/* ── v2_sti_quittungen ── */
.r5-quit .r5-grid12 { display:grid; grid-template-columns:repeat(12,1fr); gap:16px; }
@media (max-width:1100px){ .r5-quit .r5-grid12{ grid-template-columns:repeat(2,1fr); } }
.r5-quit .stat { grid-column:span 3; background:var(--card); border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--shadow); padding:16px 18px; display:flex; flex-direction:column; gap:2px; text-decoration:none; color:inherit; }
@media (max-width:1100px){ .r5-quit .stat{ grid-column:span 1; } .r5-quit .info{ grid-column:span 2 !important; } }
.r5-quit .stat .si { width:36px; height:36px; border-radius:11px; display:grid; place-items:center; margin-bottom:8px; }
.r5-quit .stat .si svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:2; }
.r5-quit .stat b.big { font-size:28px; letter-spacing:-1px; font-weight:800; }
.r5-quit .stat .l { font-size:12.5px; color:var(--ink2); font-weight:650; }
.r5-quit .stat .d { font-size:11.5px; color:var(--ink3); margin-top:2px; }
.r5-quit .c-blue { background:#e8effd; color:#1e56c8; } .r5-quit .c-red { background:#fdeaec; color:#c93a4a; }
.r5-quit .c-amb { background:#fdf3e2; color:#c07600; } .r5-quit .c-grn { background:#e5f5ec; color:#178a50; } .r5-quit .c-vio { background:#f0edfd; color:#7c6cf0; }
.r5-quit .info { grid-column:span 4; background:var(--card); border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--shadow); padding:16px 18px; display:flex; flex-direction:column; }
.r5-quit .info h3 { display:flex; align-items:center; gap:9px; font-size:13.5px; font-weight:700; }
.r5-quit .info h3 svg { width:16px; height:16px; stroke:var(--brand); fill:none; stroke-width:2; }
.r5-quit .info h3 .more { margin-left:auto; font-size:12px; color:var(--brand); font-weight:600; text-decoration:none; }
.r5-quit .autoline { display:flex; align-items:center; gap:12px; margin-top:12px; }
.r5-quit .autoline .txt b { font-size:13.5px; } .r5-quit .autoline .txt span { display:block; font-size:11.5px; color:var(--ink3); margin-top:1px; }
.r5-quit .toggle { margin-left:auto; display:flex; align-items:center; gap:8px; }
.r5-quit .toggle .stt { font-size:12px; font-weight:800; color:var(--ok); } .r5-quit .toggle .stt.off { color:var(--ink3); }
.r5-quit .sw { width:44px; height:25px; border-radius:99px; background:#178a50; position:relative; flex:none; }
.r5-quit .sw.off { background:#c9d2df; }
.r5-quit .sw i { position:absolute; top:2.5px; right:2.5px; width:20px; height:20px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.2); }
.r5-quit .sw.off i { right:auto; left:2.5px; }
.r5-quit .statusrow { display:flex; align-items:center; gap:9px; margin-top:12px; padding-top:11px; border-top:1px dashed var(--line); font-size:12px; color:var(--ink2); font-weight:600; }
.r5-quit .statusrow .rd { width:8px; height:8px; border-radius:50%; background:#22c55e; box-shadow:0 0 0 3px rgba(34,197,94,.15); flex:none; }
.r5-quit .statusrow .r { margin-left:auto; color:var(--ink3); }
.r5-quit .nk { display:flex; align-items:baseline; gap:10px; margin-top:14px; }
.r5-quit .nk .big { font-size:22px; font-weight:800; letter-spacing:-.5px; }
.r5-quit .nk .ok { display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:700; color:var(--ok); background:#e5f5ec; border-radius:99px; padding:3px 10px; }
.r5-quit .nk .ok svg { width:13px; height:13px; stroke:currentColor; fill:none; stroke-width:2.5; }
.r5-quit .nkrow { display:flex; align-items:center; gap:9px; margin-top:12px; padding-top:11px; border-top:1px dashed var(--line); font-size:12px; color:var(--ink2); font-weight:600; }
.r5-quit .nkrow .r { margin-left:auto; color:var(--ink3); }
.r5-quit .spx { display:flex; align-items:center; gap:12px; margin-top:14px; }
.r5-quit .spx .spi { width:40px; height:40px; border-radius:11px; background:#e8effd; color:var(--brand); display:grid; place-items:center; flex:none; }
.r5-quit .spx .spi svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:2; }
.r5-quit .spx .spt b { font-size:19px; letter-spacing:-.4px; } .r5-quit .spx .spt span { display:block; font-size:11.5px; color:var(--ink3); }
.r5-quit .sprow { display:flex; align-items:center; gap:9px; margin-top:12px; padding-top:11px; border-top:1px dashed var(--line); font-size:12px; color:var(--ink2); font-weight:600; }
.r5-quit .sprow .rd { width:8px; height:8px; border-radius:50%; background:#22c55e; box-shadow:0 0 0 3px rgba(34,197,94,.15); flex:none; }
.r5-quit .sprow .r { margin-left:auto; color:var(--ink3); }
.r5-quit .r5-toolbar { display:flex; align-items:center; gap:10px; margin:18px 0 14px; flex-wrap:wrap; }
.r5-quit .r5-toolbar .chips { display:flex; gap:7px; flex-wrap:wrap; }
.r5-quit .qchip { border:1px solid var(--line); background:#fff; border-radius:99px; padding:7px 15px; font-size:12.5px; font-weight:650; color:var(--ink2); box-shadow:var(--shadow); text-decoration:none; white-space:nowrap; }
.r5-quit .qchip.on { background:#e8effd; border-color:#bcd3f7; color:var(--brand); }
.r5-quit .fsel { display:flex; align-items:center; gap:7px; background:#fff; border:1px solid var(--line); border-radius:10px; padding:8px 13px; font-weight:600; font-size:13px; color:var(--ink2); box-shadow:var(--shadow); }
.r5-quit .fsel svg { width:13px; height:13px; stroke:var(--ink3); fill:none; stroke-width:2.2; }
.r5-quit .qbtn { margin-left:auto; display:flex; align-items:center; gap:8px; background:linear-gradient(135deg,#1e56c8,#2f6fe0); color:#fff; border:none; border-radius:10px; padding:9px 16px; font-weight:700; font-size:13px; cursor:pointer; box-shadow:0 4px 12px -4px rgba(30,86,200,.55); text-decoration:none; }
.r5-quit .qbtn svg { width:15px; height:15px; stroke:#fff; fill:none; stroke-width:2.2; }
.r5-quit .tblcard { background:var(--card); border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--shadow); padding:0; overflow:hidden; }
.r5-quit table.qt { width:100%; border-collapse:collapse; font-size:13px; }
.r5-quit table.qt th { font-size:10.5px; letter-spacing:.7px; color:var(--ink3); text-align:left; font-weight:700; padding:11px 16px; border-bottom:1px solid var(--line); background:#fbfcfe; }
.r5-quit table.qt th.r, .r5-quit table.qt td.r { text-align:right; }
.r5-quit table.qt td { padding:12px 16px; border-bottom:1px solid #eef1f6; vertical-align:middle; }
.r5-quit table.qt tr:last-child td { border:none; }
.r5-quit table.qt tbody tr { cursor:pointer; }
.r5-quit table.qt tbody tr:hover { background:#fafbfe; }
.r5-quit .drnr { font-weight:800; color:var(--brand); white-space:nowrap; font-variant-numeric:tabular-nums; }
.r5-quit .mcell { display:flex; align-items:center; gap:11px; }
.r5-quit .mav { width:32px; height:32px; border-radius:9px; background:#f0edfd; color:#7c6cf0; display:grid; place-items:center; font-weight:800; font-size:12px; flex:none; }
.r5-quit .mcell b { font-weight:700; } .r5-quit .mcell small { display:block; color:var(--ink3); font-size:11px; }
.r5-quit .typ { display:inline-flex; align-items:center; gap:6px; font-size:11.5px; font-weight:700; border-radius:7px; padding:3px 9px; }
.r5-quit .t-einzel { background:#e5f5ec; color:var(--ok); } .r5-quit .t-sammel { background:#f0edfd; color:#7c6cf0; }
.r5-quit .badge { display:inline-flex; align-items:center; gap:7px; font-size:12px; font-weight:700; border-radius:8px; padding:5px 11px; }
.r5-quit .b-draft { background:#eef1f6; color:var(--ink2); } .r5-quit .b-appr { background:#e8effd; color:#1e56c8; }
.r5-quit .b-sent { background:#e5f5ec; color:#178a50; } .r5-quit .b-void { background:#fdeaec; color:#c93a4a; }
.r5-quit .badge .bd { width:8px; height:8px; border-radius:50%; }
.r5-quit .bd-draft { background:#8b98ad; } .r5-quit .bd-appr { background:var(--brand); } .r5-quit .bd-sent { background:#22c55e; } .r5-quit .bd-void { background:#ef4444; }
.r5-quit .kebab { display:flex; gap:6px; justify-content:flex-end; }
.r5-quit .qact { display:inline-flex; align-items:center; gap:6px; height:30px; padding:0 11px; border-radius:8px; border:1px solid var(--line); background:#fff; color:var(--ink2); font-size:12px; font-weight:650; text-decoration:none; }
.r5-quit .qact svg { width:14px; height:14px; stroke:currentColor; fill:none; stroke-width:2; }
.r5-quit .qact.pri { border-color:#bcd3f7; background:#e8effd; color:var(--brand); }
.r5-quit .qact.sq { width:30px; padding:0; justify-content:center; }
.r5-quit .tblfoot { display:flex; align-items:center; padding:12px 16px; font-size:12.5px; color:var(--ink3); font-weight:600; border-top:1px solid var(--line); background:#fbfcfe; }
.r5-quit .r5-subtabs { display:flex; align-items:center; gap:8px; margin-bottom:14px; flex-wrap:wrap; }
.r5-quit .r5-subtab { font-size:13px; padding:8px 14px; border-radius:10px; font-weight:650; color:var(--ink2); text-decoration:none; border:1px solid var(--line); background:#fff; box-shadow:var(--shadow); }
.r5-quit .r5-subtab.on { background:var(--brand-deep); color:#fff; border-color:var(--brand-deep); }

/* ── v2_sti_auswertung ── */
.r5-ausw .fbar { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.r5-ausw .fsel { display:flex; align-items:center; gap:7px; background:var(--card); border:1px solid var(--line); border-radius:10px; padding:8px 13px; font-weight:600; font-size:13px; color:var(--ink2); box-shadow:var(--shadow); text-decoration:none; }
.r5-ausw .fsel svg { width:13px; height:13px; stroke:var(--ink3); fill:none; stroke-width:2.2; }
.r5-ausw .xbtn { display:flex; align-items:center; gap:8px; background:var(--card); border:1px solid var(--line); color:var(--ink2); border-radius:10px; padding:8px 14px; font-weight:700; font-size:13px; box-shadow:var(--shadow); text-decoration:none; }
.r5-ausw .xbtn svg { width:15px; height:15px; stroke:var(--ok); fill:none; stroke-width:2; }
.r5-ausw .grid { display:grid; grid-template-columns:repeat(12,1fr); gap:16px; }
@media (max-width:1100px){ .r5-ausw .grid{ grid-template-columns:repeat(2,1fr); } .r5-ausw .monthly, .r5-ausw .topd, .r5-ausw .zweck, .r5-ausw .quellen, .r5-ausw .jahrgang, .r5-ausw .jv { grid-column:span 2 !important; } }
.r5-ausw .card { background:var(--card); border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--shadow); padding:18px 20px; }
.r5-ausw .card h2 { display:flex; align-items:center; gap:9px; font-size:14.5px; font-weight:700; }
.r5-ausw .card h2 svg { width:17px; height:17px; stroke:var(--brand); fill:none; stroke-width:2; }
.r5-ausw .card h2 .more { margin-left:auto; font-size:12.5px; color:var(--brand); font-weight:600; text-decoration:none; }
.r5-ausw .sub { color:var(--ink3); font-size:12px; margin-top:2px; }
.r5-ausw .kpi { grid-column:span 3; display:flex; flex-direction:column; gap:2px; }
@media (max-width:1100px){ .r5-ausw .kpi{ grid-column:span 1; } }
.r5-ausw .kpi .ki { width:34px; height:34px; border-radius:10px; display:grid; place-items:center; margin-bottom:8px; }
.r5-ausw .kpi .ki svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; }
.r5-ausw .kpi b.big { font-size:25px; letter-spacing:-.7px; font-weight:800; }
.r5-ausw .kpi .l { font-size:12px; color:var(--ink2); font-weight:650; }
.r5-ausw .kpi .d { font-size:11.5px; color:var(--ink3); margin-top:3px; display:flex; align-items:center; gap:5px; }
.r5-ausw .kpi .up { color:var(--ok); font-weight:700; } .r5-ausw .kpi .dn { color:var(--bad); font-weight:700; }
.r5-ausw .c-blue { background:#e8effd; color:#1e56c8; } .r5-ausw .c-grn { background:#e5f5ec; color:#178a50; } .r5-ausw .c-vio { background:#f0edfd; color:#7c6cf0; } .r5-ausw .c-amb { background:#fdf3e2; color:#c07600; }
.r5-ausw .monthly { grid-column:span 8; }
.r5-ausw .mchart { display:grid; gap:16px; margin-top:18px; align-items:end; height:190px; }
.r5-ausw .mcol { display:flex; flex-direction:column; justify-content:flex-end; height:100%; position:relative; }
.r5-ausw .msum { text-align:center; font-size:11.5px; font-weight:700; color:var(--ink2); margin-bottom:6px; white-space:nowrap; }
.r5-ausw .mstack { width:100%; display:flex; flex-direction:column-reverse; border-radius:6px 6px 3px 3px; overflow:hidden; min-height:3px; }
.r5-ausw .mstack i { display:block; width:100%; }
.r5-ausw .s-ueb { background:var(--ueb); } .r5-ausw .s-pp { background:var(--paypal); } .r5-ausw .s-ext { background:var(--stripe); }
.r5-ausw .mnote { position:absolute; top:-2px; left:50%; transform:translateX(-50%); font-size:9.5px; font-weight:700; color:#8a6a1f; background:#fdf3e2; border:1px solid #f0d9ad; border-radius:5px; padding:1px 6px; white-space:nowrap; }
.r5-ausw .xlab { display:grid; gap:16px; margin-top:9px; text-align:center; font-size:11.5px; color:var(--ink3); font-weight:600; }
.r5-ausw .leg { display:flex; gap:16px; margin-top:14px; padding-top:12px; border-top:1px solid var(--line); font-size:11.5px; color:var(--ink2); font-weight:600; flex-wrap:wrap; }
.r5-ausw .leg i { width:9px; height:9px; border-radius:3px; display:inline-block; margin-right:5px; vertical-align:-1px; }
.r5-ausw .leg .r { margin-left:auto; color:var(--ink3); font-weight:600; }
.r5-ausw .hb { display:flex; flex-direction:column; gap:13px; margin-top:16px; }
.r5-ausw .hbrow { display:grid; grid-template-columns:120px 1fr 84px; gap:11px; align-items:center; font-size:12.5px; font-weight:600; color:var(--ink2); }
.r5-ausw .hbrow .bar { height:11px; border-radius:99px; background:#eef1f6; overflow:hidden; }
.r5-ausw .hbrow .bar i { display:block; height:100%; border-radius:99px; }
.r5-ausw .hbrow .v { text-align:right; font-weight:800; color:var(--ink); font-size:12.5px; }
.r5-ausw .zweck { grid-column:span 4; } .r5-ausw .quellen { grid-column:span 4; } .r5-ausw .jahrgang { grid-column:span 4; }
.r5-ausw .topd { grid-column:span 8; } .r5-ausw .jv { grid-column:span 4; }
.r5-ausw table.at { width:100%; border-collapse:collapse; font-size:13px; margin-top:8px; }
.r5-ausw table.at th { font-size:10.5px; letter-spacing:.7px; color:var(--ink3); text-align:left; font-weight:700; padding:9px 8px; border-bottom:1px solid var(--line); }
.r5-ausw table.at th.r, .r5-ausw table.at td.r { text-align:right; }
.r5-ausw table.at td { padding:11px 8px; border-bottom:1px solid #eef1f6; vertical-align:middle; }
.r5-ausw table.at tr:last-child td { border:none; }
.r5-ausw .mcell { display:flex; align-items:center; gap:11px; }
.r5-ausw .mav { width:31px; height:31px; border-radius:9px; background:#f0edfd; color:#7c6cf0; display:grid; place-items:center; font-weight:800; font-size:11.5px; flex:none; }
.r5-ausw .mcell b { font-weight:700; } .r5-ausw .mcell small { display:block; color:var(--ink3); font-size:11px; }
.r5-ausw .tchip { display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:700; border-radius:6px; padding:3px 9px; }
.r5-ausw .tc-ein { background:#e5f5ec; color:var(--ok); } .r5-ausw .tc-wied { background:#f0edfd; color:#7c6cf0; }

/* ── v2_sti_spenderakte ── */
.r5-akte .crumb { display:flex; align-items:center; gap:8px; font-size:12.5px; color:var(--ink3); font-weight:600; margin-bottom:14px; }
.r5-akte .crumb a { color:var(--brand); text-decoration:none; }
.r5-akte .crumb svg { width:13px; height:13px; stroke:var(--ink3); fill:none; stroke-width:2; }
.r5-akte .hero { background:linear-gradient(135deg,#10304f 0%,#153a60 55%,#1b4a7c 100%); color:#fff; border:none; border-radius:var(--r); box-shadow:var(--shadow); padding:22px 26px; position:relative; overflow:hidden; margin-bottom:16px; }
.r5-akte .hero::after { content:''; position:absolute; right:-60px; top:-90px; width:300px; height:300px; border-radius:50%; background:radial-gradient(circle,rgba(96,165,250,.22),transparent 65%); }
.r5-akte .herotop { display:flex; align-items:center; gap:20px; position:relative; flex-wrap:wrap; }
.r5-akte .bigav { width:76px; height:76px; border-radius:20px; background:linear-gradient(140deg,#34d399,#0e8f7a); display:grid; place-items:center; font-weight:800; font-size:26px; color:#fff; box-shadow:0 0 0 3px rgba(255,255,255,.15); flex:none; }
.r5-akte .hname { font-size:24px; font-weight:800; letter-spacing:-.5px; }
.r5-akte .hrole { font-size:13px; color:#bcd2e8; margin-top:3px; }
.r5-akte .hchips { display:flex; gap:8px; margin-top:11px; flex-wrap:wrap; }
.r5-akte .hchip { font-size:11.5px; font-weight:700; border-radius:99px; padding:4px 11px; background:rgba(255,255,255,.15); color:#fff; display:inline-flex; align-items:center; gap:6px; text-decoration:none; }
.r5-akte .hchip svg { width:12px; height:12px; stroke:currentColor; fill:none; stroke-width:2.2; }
.r5-akte .hchip.grn { background:rgba(52,211,153,.24); color:#bbf7d0; }
.r5-akte .hchip.link { background:rgba(96,165,250,.26); color:#dbeafe; }
.r5-akte .hstats { margin-left:auto; display:flex; gap:26px; position:relative; text-align:right; }
.r5-akte .hstat .sv { font-size:26px; font-weight:800; letter-spacing:-.8px; }
.r5-akte .hstat .sl { font-size:11px; color:#9fc0e2; font-weight:700; letter-spacing:.4px; text-transform:uppercase; margin-top:2px; }
.r5-akte .hstat .sn { font-size:10px; color:#7fa3c6; font-weight:600; margin-top:2px; }
.r5-akte .wrap { display:grid; grid-template-columns:1fr 340px; gap:16px; align-items:start; }
@media (max-width:1050px){ .r5-akte .wrap{ grid-template-columns:1fr; } }
.r5-akte .atabs { display:flex; gap:4px; margin-bottom:14px; border-bottom:1px solid var(--line); }
.r5-akte .atabs button { display:flex; align-items:center; gap:8px; padding:11px 16px; font-weight:650; font-size:13.5px; color:var(--ink2); border:none; background:none; cursor:pointer; border-bottom:2.5px solid transparent; margin-bottom:-1px; }
.r5-akte .atabs button svg { width:15px; height:15px; stroke:currentColor; fill:none; stroke-width:2; }
.r5-akte .atabs button.on { color:var(--brand); border-color:var(--brand); }
.r5-akte .atabs button .cnt { font-size:11px; background:#eef1f6; color:var(--ink2); border-radius:99px; padding:1px 7px; font-weight:700; }
.r5-akte .atabs button.on .cnt { background:#e8effd; color:var(--brand); }
.r5-akte .alist { display:flex; flex-direction:column; gap:10px; }
.r5-akte .drow { background:var(--card); border:1px solid var(--line); border-radius:13px; box-shadow:var(--shadow); padding:13px 16px; display:grid; grid-template-columns:70px 1fr 118px 168px; gap:14px; align-items:center; }
@media (max-width:640px){ .r5-akte .drow{ grid-template-columns:60px 1fr auto; } .r5-akte .drow .rq{ grid-column:1/-1; justify-content:flex-start; } }
.r5-akte .ddate { font-size:12px; color:var(--ink2); font-weight:700; }
.r5-akte .ddate span { display:block; font-size:11px; color:var(--ink3); font-weight:500; margin-top:1px; }
.r5-akte .dwho { min-width:0; }
.r5-akte .dwho .dz { font-size:13px; font-weight:650; }
.r5-akte .dsrc { display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:700; color:var(--ink2); background:#f1f4f8; border-radius:6px; padding:2px 8px; margin-top:5px; }
.r5-akte .dsrc .sd { width:7px; height:7px; border-radius:50%; }
.r5-akte .sd-ueb { background:var(--ueb); } .r5-akte .sd-pp { background:var(--paypal); } .r5-akte .sd-ext { background:var(--stripe); }
.r5-akte .damt { text-align:right; font-weight:800; font-size:16px; letter-spacing:-.3px; }
.r5-akte .rq { display:flex; justify-content:flex-end; }
.r5-akte .rqbadge { display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:700; border-radius:99px; padding:4px 11px; }
.r5-akte .rq-sent { background:#e5f5ec; color:#178a50; } .r5-akte .rq-sammel { background:#f0edfd; color:#7c6cf0; } .r5-akte .rq-open { background:#fdf3e2; color:#c07600; } .r5-akte .rq-ext { background:#f1f4f8; color:#8b98ad; }
.r5-akte .rqbadge svg { width:11px; height:11px; fill:none; stroke-width:2.4; }
.r5-akte .yearsep { display:flex; align-items:center; gap:10px; margin:6px 2px 2px; font-size:11.5px; font-weight:700; color:var(--ink3); }
.r5-akte .yearsep .ln { flex:1; height:1px; background:var(--line); }
.r5-akte .yearsep .sum { color:var(--ink2); }
.r5-akte .rail { display:flex; flex-direction:column; gap:16px; }
.r5-akte .rcard { background:var(--card); border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--shadow); padding:16px 18px; }
.r5-akte .rcard h3 { display:flex; align-items:center; gap:8px; font-size:13px; font-weight:700; }
.r5-akte .rcard h3 svg { width:15px; height:15px; stroke:var(--brand); fill:none; stroke-width:2; }
.r5-akte .rsub { color:var(--ink3); font-size:11.5px; margin-top:2px; }
.r5-akte .freq { display:flex; align-items:center; gap:14px; margin-top:12px; }
.r5-akte .freqbig { font-size:30px; font-weight:800; letter-spacing:-1px; }
.r5-akte .freqbig small { font-size:14px; font-weight:700; color:var(--ink3); }
.r5-akte .freqmeta { font-size:11.5px; color:var(--ink2); font-weight:600; }
.r5-akte .freqmeta b { color:var(--ink); }
.r5-akte .spark { display:grid; grid-template-columns:repeat(12,1fr); gap:4px; align-items:end; height:46px; margin-top:14px; }
.r5-akte .spark i { background:linear-gradient(180deg,#a78bf5,#7c6cf0); border-radius:3px 3px 1px 1px; min-height:3px; }
.r5-akte .freqfoot { margin-top:12px; padding-top:11px; border-top:1px solid var(--line); font-size:11.5px; color:var(--ink3); display:flex; align-items:center; gap:7px; }
.r5-akte .freqfoot svg { width:14px; height:14px; stroke:var(--paypal); fill:none; stroke-width:2; flex:none; }
.r5-akte .tier { display:flex; align-items:center; gap:12px; margin-top:13px; }
.r5-akte .tbadge { font-size:12px; font-weight:800; border-radius:8px; padding:6px 12px; white-space:nowrap; }
.r5-akte .tb-bronze { background:linear-gradient(135deg,#f3e2d2,#e0bb97); color:#7a5230; }
.r5-akte .tb-silber { background:linear-gradient(135deg,#eef1f6,#cfd6e0); color:#4a5670; }
.r5-akte .tb-gold { background:linear-gradient(135deg,#f7ecc9,#e6c65a); color:#7a5f14; }
.r5-akte .tb-platin { background:linear-gradient(135deg,#e6eef2,#b9cdd8); color:#37525e; }
.r5-akte .tb-diamant { background:linear-gradient(135deg,#e6f0fb,#a8cbf0); color:#26547e; }
.r5-akte .tb-none { background:#eef1f6; color:var(--ink3); }
.r5-akte .tmeta { font-size:11.5px; color:var(--ink2); font-weight:600; line-height:1.45; }
.r5-akte .tmeta b { color:var(--ink); }
.r5-akte .tprog { margin-top:14px; }
.r5-akte .tpbar { height:8px; border-radius:99px; background:#eef1f6; overflow:hidden; }
.r5-akte .tpbar i { display:block; height:100%; border-radius:99px; background:linear-gradient(90deg,#f3d284,#e0b24d); }
.r5-akte .tpfoot { font-size:11px; color:var(--ink3); font-weight:600; margin-top:7px; }
.r5-akte .tpfoot b { color:var(--ink2); }
.r5-akte .sammel { background:linear-gradient(135deg,#2a1f4a,#3d2e6b); color:#fff; border:none; }
.r5-akte .sammel h3 { color:#fff; } .r5-akte .sammel h3 svg { stroke:#c9b8fb; }
.r5-akte .sammel .rsub { color:#c9b8fb; }
.r5-akte .sammelbig { font-size:27px; font-weight:800; letter-spacing:-.8px; margin-top:11px; }
.r5-akte .sammelrow { display:flex; justify-content:space-between; font-size:12.5px; margin-top:9px; color:#d9d0f6; }
.r5-akte .sammelrow b { color:#fff; }
.r5-akte .sammelbtn { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; margin-top:14px; padding:10px; border-radius:9px; border:none; background:rgba(255,255,255,.16); color:#fff; font-size:12.5px; font-weight:700; text-decoration:none; }
.r5-akte .sammelbtn svg { width:15px; height:15px; stroke:#fff; fill:none; stroke-width:2; }
.r5-akte .mlist { display:flex; flex-direction:column; gap:0; margin-top:10px; }
.r5-akte .mrow { display:flex; align-items:center; gap:10px; padding:9px 0; border-bottom:1px dashed var(--line); text-decoration:none; color:inherit; }
.r5-akte .mrow:last-child { border:none; }
.r5-akte .mrow .mi { width:26px; height:26px; border-radius:8px; background:#e8effd; display:grid; place-items:center; flex:none; }
.r5-akte .mrow .mi svg { width:13px; height:13px; stroke:#1e56c8; fill:none; stroke-width:2; }
.r5-akte .mrow .mtx { min-width:0; }
.r5-akte .mrow .mt { font-size:12.5px; font-weight:650; }
.r5-akte .mrow .mm { font-size:11px; color:var(--ink3); font-weight:600; margin-top:1px; }
.r5-akte .mrow .mst { margin-left:auto; font-size:10px; font-weight:700; color:var(--ok); background:#e5f5ec; border-radius:99px; padding:2px 8px; flex:none; }
.r5-akte .acts { display:flex; flex-direction:column; gap:9px; margin-top:12px; }
.r5-akte .actbtn { display:flex; align-items:center; gap:11px; padding:12px 13px; border-radius:11px; border:1px solid var(--line); background:#fbfcfe; font-size:12.5px; font-weight:650; color:var(--ink); text-decoration:none; }
.r5-akte .actbtn .ai { width:30px; height:30px; border-radius:9px; display:grid; place-items:center; flex:none; }
.r5-akte .actbtn .ai svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; }
.r5-akte .actbtn small { display:block; color:var(--ink3); font-weight:500; font-size:11px; }
.r5-akte .actbtn.pri { border:none; background:linear-gradient(135deg,#1e56c8,#2f6fe0); color:#fff; box-shadow:0 4px 12px -4px rgba(30,86,200,.55); }
.r5-akte .actbtn.pri .ai { background:rgba(255,255,255,.2); color:#fff; } .r5-akte .actbtn.pri small { color:#cfe0f2; }
.r5-akte .ic-blue { background:#e8effd; color:#1e56c8; } .r5-akte .ic-grn { background:#e5f5ec; color:#178a50; } .r5-akte .ic-vio { background:#f0edfd; color:#7c6cf0; }
.r5-akte .apanel { display:block; }
.r5-akte .apanel.hidden { display:none; }
/* Bestands-Formulare im Adresse-&-Daten-Tab: v3-Kartenlook */
.r5-akte .r5-formcard { background:var(--card); border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--shadow); padding:18px 20px; margin-bottom:14px; }
.ver-r6 * { box-sizing: border-box; }
.ver-r6 a { text-decoration: none; }
/* App-weit setzen h1/h2/h3 die Display-Serif; im R6-Zielbild sind alle
   Überschriften Inter (wie in den Mockups) → auf Container-Font zurücksetzen. */
.ver-r6 h1, .ver-r6 h2, .ver-r6 h3 { font-family: inherit; }
.ver-r6 .num { font-variant-numeric: tabular-nums; }
/* Ehrlicher „im Aufbau"/Leerzustand (Datengrundlage fehlt) — 1:1-Layout-Karte. */
.ver-r6 .emptybox { min-height:150px; margin-top:14px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; text-align:center; border:1px dashed var(--line); border-radius:12px; background:#fbfcfe; color:var(--ink3); padding:18px }
.ver-r6 .emptybox svg { width:24px; height:24px; stroke:currentColor; fill:none; stroke-width:1.8; opacity:.55 }
.ver-r6 .emptybox span { font-size:13px; font-weight:700; color:var(--ink2) }
.ver-r6 .emptybox small { font-size:11.5px; font-weight:600; max-width:340px }
/* R6-PAGES-APPEND-START */
/* --- event_loop --- */
.ver-r6--event_loop .num { font-variant-numeric:tabular-nums }
.ver-r6--event_loop .main { padding:22px 28px 40px }
.ver-r6--event_loop .top { display:flex;align-items:center;gap:16px;margin-bottom:16px }
.ver-r6--event_loop .top h1 { font-size:21px;letter-spacing:-.3px }
.ver-r6--event_loop .crumb { color:var(--ink3);font-weight:500;font-size:12.5px;margin-top:3px;display:flex;align-items:center;gap:6px }
.ver-r6--event_loop .crumb b { color:var(--ink2);font-weight:600 }
.ver-r6--event_loop .search { margin-left:auto;display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line); border-radius:11px;padding:8px 14px;color:var(--ink3);width:270px;box-shadow:var(--shadow) }
.ver-r6--event_loop .iconbtn { width:37px;height:37px;border-radius:11px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink2);box-shadow:var(--shadow) }
.ver-r6--event_loop .hpill { display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--ok);background:#e5f5ec;border-radius:99px;padding:4px 11px }
.ver-r6--event_loop .hpill .hd { width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.16) }
.ver-r6--event_loop .ehero { background:linear-gradient(120deg,#0f5a53 0%,#12796a 55%,#1a9c74 100%);color:#fff;border-radius:var(--r); padding:22px 26px;position:relative;overflow:hidden;box-shadow:var(--shadow) }
.ver-r6--event_loop .ehero::after { content:'';position:absolute;right:-60px;top:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 65%) }
.ver-r6--event_loop .ehero .etags { display:flex;gap:8px;margin-bottom:12px }
.ver-r6--event_loop .etag { font-size:11px;font-weight:700;letter-spacing:.5px;background:rgba(255,255,255,.16);color:#eafff8;border-radius:7px;padding:4px 10px }
.ver-r6--event_loop .etag.solid { background:rgba(255,255,255,.92);color:#0f5a53 }
.ver-r6--event_loop .ehero h2 { font-size:27px;letter-spacing:-.6px;font-weight:800 }
.ver-r6--event_loop .emeta { display:flex;gap:22px;margin-top:11px;font-size:13px;color:#d3f2ea;font-weight:500;flex-wrap:wrap }
.ver-r6--event_loop .emeta span { display:inline-flex;align-items:center;gap:7px }
.ver-r6--event_loop .emeta svg { width:15px;height:15px;stroke:#a8e6d6;fill:none;stroke-width:2 }
.ver-r6--event_loop .ehero .side-right { position:absolute;right:26px;top:22px;text-align:right }
.ver-r6--event_loop .ehero .side-right .cnt { font-size:30px;font-weight:800;letter-spacing:-.8px }
.ver-r6--event_loop .ehero .side-right .cnt small { font-size:14px;font-weight:600;color:#cdeee4 }
.ver-r6--event_loop .ebar { width:250px;height:9px;border-radius:99px;background:rgba(255,255,255,.2);margin:9px 0 0 auto;position:relative;overflow:hidden }
.ver-r6--event_loop .ebar i { position:absolute;inset:0;width:69%;border-radius:99px;background:linear-gradient(90deg,#d8fff2,#8ff2d0) }
.ver-r6--event_loop .tabs { display:flex;gap:2px;margin:16px 0 18px;border-bottom:1px solid var(--line) }
.ver-r6--event_loop .tabs a { padding:11px 18px;font-size:13.5px;font-weight:650;color:var(--ink2);text-decoration:none;border-bottom:2.5px solid transparent;margin-bottom:-1px }
.ver-r6--event_loop .tabs a.on { color:var(--brand);border-color:var(--brand) }
.ver-r6--event_loop .tabs a .tb { margin-left:7px;font-size:11px;font-weight:700;background:#eef1f6;color:var(--ink2);border-radius:99px;padding:1px 7px }
.ver-r6--event_loop .tabs a.on .tb { background:#e8effd;color:var(--brand) }
.ver-r6--event_loop .work { display:grid;grid-template-columns:1fr 322px;gap:16px;align-items:start }
.ver-r6--event_loop .card { background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px 20px }
.ver-r6--event_loop .card h2 { display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:700;letter-spacing:-.1px }
.ver-r6--event_loop .card h2 svg { width:17px;height:17px;stroke:var(--brand);fill:none;stroke-width:2 }
.ver-r6--event_loop .card h2 .r { margin-left:auto;display:flex;gap:8px }
.ver-r6--event_loop .btn { display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 13px;font-size:12.5px;font-weight:650;color:var(--ink2);cursor:pointer }
.ver-r6--event_loop .btn svg { width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2 }
.ver-r6--event_loop .btn.pri { background:var(--brand);border-color:var(--brand);color:#fff }
.ver-r6--event_loop .btn.gate { background:linear-gradient(180deg,#1e63d6,#1a52bb);border-color:#1a52bb;color:#fff;box-shadow:0 6px 16px -8px rgba(30,86,200,.7) }
.ver-r6--event_loop .counters { display:flex;gap:10px;margin:15px 0 14px }
.ver-r6--event_loop .kchip { display:flex;flex-direction:column;padding:9px 15px;border-radius:11px;background:#f6f8fb;border:1px solid var(--line);min-width:96px }
.ver-r6--event_loop .kchip b { font-size:19px;letter-spacing:-.3px }
.ver-r6--event_loop .kchip span { font-size:10.5px;color:var(--ink3);font-weight:700;letter-spacing:.4px;margin-top:1px }
.ver-r6--event_loop .kchip.amb b { color:var(--warn) }
.ver-r6--event_loop .kchip.mut b { color:var(--ink3) }
.ver-r6--event_loop .fbar { display:flex;align-items:center;gap:9px;margin-bottom:6px }
.ver-r6--event_loop .fsearch { display:flex;align-items:center;gap:8px;background:#f6f8fb;border:1px solid var(--line);border-radius:9px;padding:7px 12px;color:var(--ink3);flex:1;font-size:12.5px }
.ver-r6--event_loop .fsearch svg { width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2 }
.ver-r6--event_loop .chip { border:1px solid var(--line);background:#fff;border-radius:99px;padding:6px 13px;font-size:12px;font-weight:600;color:var(--ink2);cursor:pointer }
.ver-r6--event_loop .chip.on { background:#e8effd;border-color:#bcd3f7;color:var(--brand) }
.ver-r6--event_loop table { width:100%;border-collapse:collapse;font-size:13px }
.ver-r6--event_loop th { font-size:10.5px;letter-spacing:.7px;color:var(--ink3);text-align:left;font-weight:700;padding:9px 8px;border-bottom:1px solid var(--line) }
.ver-r6--event_loop td { padding:10px 8px;border-bottom:1px solid #eef1f6;vertical-align:middle }
.ver-r6--event_loop tr:last-child td { border:none }
.ver-r6--event_loop .mcell { display:flex;align-items:center;gap:11px }
.ver-r6--event_loop .av { width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:11.5px;flex:none }
.ver-r6--event_loop .mcell b { font-size:13px;font-weight:650;display:block }
.ver-r6--event_loop .mcell small { font-size:11px;color:var(--ink3) }
.ver-r6--event_loop .tk { font-weight:600 }
.ver-r6--event_loop .tk small { display:block;font-size:11px;color:var(--ink3);font-weight:500 }
.ver-r6--event_loop .pchip { display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;border-radius:99px;padding:3px 10px }
.ver-r6--event_loop .pchip .d { width:6px;height:6px;border-radius:50%;background:currentColor }
.ver-r6--event_loop .p-paid { background:#e5f5ec;color:#178a50 }
.ver-r6--event_loop .p-open { background:#fdf3e2;color:#c07600 }
.ver-r6--event_loop .p-ref { background:#eef1f6;color:#7d8aa0 }
.ver-r6--event_loop .gchip { display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#6d5bd0;background:#f0edfd;border-radius:99px;padding:3px 9px }
.ver-r6--event_loop .step { display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:8px;overflow:hidden;font-size:12px }
.ver-r6--event_loop .step b { width:22px;height:24px;display:grid;place-items:center;color:var(--ink3);font-weight:700;background:#f6f8fb }
.ver-r6--event_loop .step i { min-width:26px;text-align:center;font-weight:700;font-style:normal;color:var(--ink) }
.ver-r6--event_loop .checkin { width:26px;height:26px;border-radius:8px;border:1.6px solid var(--line);display:grid;place-items:center;background:#fff }
.ver-r6--event_loop .checkin.on { background:#178a50;border-color:#178a50 }
.ver-r6--event_loop .checkin svg { width:15px;height:15px;stroke:#fff;fill:none;stroke-width:2.6;display:none }
.ver-r6--event_loop .checkin.on svg { display:block }
.ver-r6--event_loop .tgl { width:38px;height:21px;border-radius:99px;background:#e2e7ef;position:relative;display:inline-block }
.ver-r6--event_loop .tgl::after { content:'';position:absolute;top:2.5px;left:2.5px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2) }
.ver-r6--event_loop .tgl.on { background:#c93a4a }
.ver-r6--event_loop .tgl.on::after { left:19.5px }
.ver-r6--event_loop .noteic { width:26px;height:26px;border-radius:8px;display:grid;place-items:center;color:var(--ink3);position:relative }
.ver-r6--event_loop .noteic svg { width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2 }
.ver-r6--event_loop .noteic.has { color:var(--brand) }
.ver-r6--event_loop .noteic.has::after { content:'';position:absolute;top:3px;right:3px;width:6px;height:6px;border-radius:50%;background:#e5484d }
.ver-r6--event_loop .guestrow td { background:#faf9ff }
.ver-r6--event_loop .colc { text-align:center }
.ver-r6--event_loop .rail { display:flex;flex-direction:column;gap:16px }
.ver-r6--event_loop .rc h3 { display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700 }
.ver-r6--event_loop .rc h3 svg { width:16px;height:16px;stroke:var(--brand);fill:none;stroke-width:2 }
.ver-r6--event_loop .rc h3 .cn { margin-left:auto;font-size:11.5px;font-weight:700;color:var(--ink3);background:#f1f4f8;border-radius:99px;padding:2px 9px }
.ver-r6--event_loop .abs { display:flex;flex-direction:column;gap:9px;margin-top:12px }
.ver-r6--event_loop .absrow { display:flex;align-items:flex-start;gap:10px;padding-bottom:9px;border-bottom:1px dashed var(--line) }
.ver-r6--event_loop .absrow:last-child { border:none;padding-bottom:0 }
.ver-r6--event_loop .absrow .av { width:28px;height:28px;font-size:10.5px;background:#94a3b8 }
.ver-r6--event_loop .absrow b { font-size:12.5px;font-weight:650;display:block }
.ver-r6--event_loop .absrow small { font-size:11px;color:var(--ink3) }
.ver-r6--event_loop .srcchip { display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;color:var(--ink2);background:#f1f4f8;border-radius:6px;padding:2px 7px;margin-top:4px }
.ver-r6--event_loop .srcchip a { color:var(--brand);font-weight:700;text-decoration:none }
.ver-r6--event_loop .srcchip svg { width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2 }
.ver-r6--event_loop .paycard { background:#fffaf0;border-color:#f4e2c0 }
.ver-r6--event_loop .paybig { display:flex;align-items:baseline;gap:9px;margin:11px 0 4px }
.ver-r6--event_loop .paybig b { font-size:24px;font-weight:800;color:var(--warn) }
.ver-r6--event_loop .paybig span { font-size:12.5px;color:var(--ink2);font-weight:600 }
.ver-r6--event_loop .paysub { font-size:12px;color:var(--ink2);margin-bottom:12px }
.ver-r6--event_loop .full { margin-bottom:16px }
.ver-r6--event_loop .funnel { display:flex;flex-direction:column;gap:9px;margin-top:14px }
.ver-r6--event_loop .fstep { display:grid;grid-template-columns:150px 1fr 96px;align-items:center;gap:14px }
.ver-r6--event_loop .fstep .fl { font-size:13px;font-weight:650;color:var(--ink2) }
.ver-r6--event_loop .fstep .fl small { display:block;font-size:11px;color:var(--ink3);font-weight:500 }
.ver-r6--event_loop .ftrack { height:34px;background:#f2f5f9;border-radius:9px;position:relative;overflow:hidden }
.ver-r6--event_loop .ftrack i { position:absolute;left:0;top:0;bottom:0;border-radius:9px;display:flex;align-items:center;padding-left:14px;color:#fff;font-weight:700;font-size:13.5px }
.ver-r6--event_loop .f1 { width:100%;background:linear-gradient(90deg,#1e56c8,#3b74e0) }
.ver-r6--event_loop .f2 { width:57.5%;background:linear-gradient(90deg,#0ea5a4,#22b7ac) }
.ver-r6--event_loop .f3 { width:20%;background:linear-gradient(90deg,#178a50,#28a862) }
.ver-r6--event_loop .fpct { text-align:right;font-weight:800;font-size:15px }
.ver-r6--event_loop .fpct small { display:block;font-size:10.5px;color:var(--ink3);font-weight:600 }
.ver-r6--event_loop .goalrow { display:grid;grid-template-columns:150px 1fr 96px;align-items:center;gap:14px;margin-top:3px;padding-top:11px;border-top:1px dashed var(--line) }
.ver-r6--event_loop .goaltrack { height:34px;border:1.5px dashed #bcd3f7;border-radius:9px;position:relative;background:repeating-linear-gradient(45deg,#f6f9ff,#f6f9ff 8px,#eef4ff 8px,#eef4ff 16px) }
.ver-r6--event_loop .goaltrack .tk { position:absolute;top:-4px;bottom:-4px;left:65.4%;width:2.5px;background:#c07600;border-radius:2px }
.ver-r6--event_loop .goaltrack .tklab { position:absolute;left:65.4%;top:-19px;transform:translateX(-50%);font-size:10.5px;font-weight:700;color:#c07600;white-space:nowrap }
.ver-r6--event_loop .goaltrack span { position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:12.5px;font-weight:700;color:var(--ink2) }
.ver-r6--event_loop .diff { display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:800;border-radius:99px;padding:3px 10px }
.ver-r6--event_loop .d-bad { background:#fdeaec;color:#c93a4a }
.ver-r6--event_loop .d-warn { background:#fdf3e2;color:#c07600 }
.ver-r6--event_loop .d-good { background:#e5f5ec;color:#178a50 }
.ver-r6--event_loop .khtag { display:inline-block;font-size:11px;font-weight:700;color:var(--ink3);background:#f1f4f8;border-radius:6px;padding:1px 7px;margin-left:7px }
.ver-r6--event_loop .prep { display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#178a50;background:#e5f5ec;border:1px solid #bfe6cf;border-radius:8px;padding:6px 12px }
.ver-r6--event_loop .prep svg { width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.6 }
.ver-r6--event_loop .nfbtn { display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:650;color:var(--brand);background:#e8effd;border:1px solid #bcd3f7;border-radius:8px;padding:6px 12px }
.ver-r6--event_loop .nfbtn svg { width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2 }
.ver-r6--event_loop .nfcard { background:linear-gradient(180deg,#f4f8ff,#ffffff);border-color:#cfe0fb }
.ver-r6--event_loop .nfhead { display:flex;align-items:center;gap:10px }
.ver-r6--event_loop .nfhead .lock { width:30px;height:30px;border-radius:9px;background:#e8effd;display:grid;place-items:center;color:var(--brand) }
.ver-r6--event_loop .nfhead .lock svg { width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2 }
.ver-r6--event_loop .nfgrid { display:flex;gap:10px;margin:14px 0;flex-wrap:wrap }
.ver-r6--event_loop .nfcell { flex:1;min-width:130px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:10px 13px }
.ver-r6--event_loop .nfcell span { font-size:10.5px;font-weight:700;letter-spacing:.4px;color:var(--ink3) }
.ver-r6--event_loop .nfcell b { display:block;font-size:16px;margin-top:2px }
.ver-r6--event_loop .kohchips { display:flex;gap:6px;margin-top:5px }
.ver-r6--event_loop .kchip2 { font-size:11px;font-weight:700;color:var(--brand);background:#e8effd;border-radius:6px;padding:2px 8px }
.ver-r6--event_loop .chan { display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--ink2) }
.ver-r6--event_loop .chan .ci { width:22px;height:22px;border-radius:6px;display:grid;place-items:center }
.ver-r6--event_loop .chan .ci svg { width:13px;height:13px;fill:none;stroke-width:2 }
.ver-r6--event_loop .fz { display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--warn);background:#fdf3e2;border-radius:8px;padding:5px 11px }
.ver-r6--event_loop .fz svg { width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2 }
.ver-r6--event_loop .nffoot { display:flex;align-items:center;gap:12px;margin-top:6px;padding-top:14px;border-top:1px solid var(--line) }
.ver-r6--event_loop .cmp { margin-top:14px;display:flex;flex-direction:column;gap:14px }
.ver-r6--event_loop .cmprow .cl { display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:12.5px;font-weight:600;color:var(--ink2);margin-bottom:5px }
.ver-r6--event_loop .cmprow .cl b { font-size:17px;font-weight:800;color:var(--ink);white-space:nowrap;flex:none }
.ver-r6--event_loop .cmpbar { height:11px;border-radius:99px;background:#eef1f6;overflow:hidden }
.ver-r6--event_loop .cmpbar i { display:block;height:100%;border-radius:99px }
.ver-r6--event_loop .cmp-a i { background:linear-gradient(90deg,#178a50,#28a862) }
.ver-r6--event_loop .cmp-b i { background:linear-gradient(90deg,#94a3b8,#b6c0cf) }
.ver-r6--event_loop .wsum { margin-top:14px;padding:11px 13px;border-radius:11px;background:#e5f5ec;font-size:12.5px;color:#136b3f;font-weight:600;line-height:1.5 }
.ver-r6--event_loop .wsum b { font-weight:800 }
.ver-r6--event_loop .kostenchip { display:flex;align-items:center;gap:11px;margin-top:14px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fbfcfe }
.ver-r6--event_loop .kostenchip .kv { font-size:19px;font-weight:800 }
.ver-r6--event_loop .kostenchip .kl { font-size:11.5px;color:var(--ink3);font-weight:600 }
.ver-r6--event_loop .kostenchip a { margin-left:auto;font-size:12px;font-weight:700;color:var(--brand);text-decoration:none;white-space:nowrap }

/* --- event_detail --- */
.ver-r6--event_detail .num { font-variant-numeric:tabular-nums }
.ver-r6--event_detail .main { padding:22px 28px 40px }
.ver-r6--event_detail .crumbs { display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink3);font-weight:600;margin-bottom:14px }
.ver-r6--event_detail .crumbs a { color:var(--brand);text-decoration:none }
.ver-r6--event_detail .crumbs svg { width:13px;height:13px;stroke:var(--ink3);fill:none;stroke-width:2 }
.ver-r6--event_detail .crumbs .hpill { margin-left:auto }
.ver-r6--event_detail .hpill { display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--ok);background:#e5f5ec;border-radius:99px;padding:4px 11px }
.ver-r6--event_detail .hpill .hd { width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.16) }
.ver-r6--event_detail .grid { display:grid;grid-template-columns:repeat(12,1fr);gap:16px }
.ver-r6--event_detail .card { background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px 20px }
.ver-r6--event_detail .card h2 { display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:700;letter-spacing:-.1px }
.ver-r6--event_detail .card h2 svg { width:17px;height:17px;stroke:var(--brand);fill:none;stroke-width:2 }
.ver-r6--event_detail .card h2 .more { margin-left:auto;font-size:12.5px;color:var(--brand);font-weight:600 }
.ver-r6--event_detail .sub { color:var(--ink3);font-size:12px;margin-top:2px }
.ver-r6--event_detail .hero { grid-column:span 12;position:relative;overflow:hidden;border:none;padding:0;color:#fff;border-radius:var(--r);box-shadow:var(--shadow) }
.ver-r6--event_detail .hero .bg { position:absolute;inset:0;background:linear-gradient(120deg,#0ea5a4 0%,#0f766e 55%,#10304f 100%) }
.ver-r6--event_detail .hero .bg::after { content:'';position:absolute;right:-60px;top:-90px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 65%) }
.ver-r6--event_detail .hero .inner { position:relative;padding:24px 28px;display:flex;align-items:flex-end;gap:26px }
.ver-r6--event_detail .hero .badges { display:flex;gap:8px;margin-bottom:11px }
.ver-r6--event_detail .hero .badges .t { background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:11px;font-weight:700;border-radius:7px;padding:3px 10px;letter-spacing:.4px }
.ver-r6--event_detail .hero .badges .paytag { background:#fff;color:#0f2b46 }
.ver-r6--event_detail .hero h1 { font-size:30px;letter-spacing:-.6px;line-height:1.1 }
.ver-r6--event_detail .hero .hmeta { display:flex;gap:24px;margin-top:12px;font-size:13.5px;color:#dceaf4;font-weight:500 }
.ver-r6--event_detail .hero .hmeta div { display:flex;align-items:center;gap:8px }
.ver-r6--event_detail .hero .hmeta svg { width:15px;height:15px;stroke:#a9d3d0;fill:none;stroke-width:2 }
.ver-r6--event_detail .hero .right { margin-left:auto;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:10px }
.ver-r6--event_detail .hero .reg { display:flex;align-items:baseline;gap:9px }
.ver-r6--event_detail .hero .reg .v { font-size:34px;font-weight:800;letter-spacing:-1px }
.ver-r6--event_detail .hero .reg .of { font-size:14px;color:#bfe0dd;font-weight:600 }
.ver-r6--event_detail .hero .subreg { font-size:12px;color:#bfe0dd;font-weight:600 }
.ver-r6--event_detail .hero .subreg b { color:#fff }
.ver-r6--event_detail .hbar { width:260px;height:9px;border-radius:99px;background:rgba(255,255,255,.18);overflow:hidden }
.ver-r6--event_detail .hbar i { display:block;height:100%;width:78%;border-radius:99px;background:linear-gradient(90deg,#4ade80,#a7f3d0) }
.ver-r6--event_detail .hero .acts { display:flex;gap:9px }
.ver-r6--event_detail .hbtn { display:flex;align-items:center;gap:7px;background:#fff;color:#0f2b46;border-radius:10px;padding:8px 14px;font-size:12.5px;font-weight:700 }
.ver-r6--event_detail .hbtn.ghost { background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.22) }
.ver-r6--event_detail .hbtn svg { width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2 }
.ver-r6--event_detail .tabs { grid-column:span 12;display:flex;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:5px }
.ver-r6--event_detail .tabs a { display:flex;align-items:center;gap:8px;padding:9px 16px;border-radius:9px;font-size:13px;font-weight:700;color:var(--ink2);text-decoration:none }
.ver-r6--event_detail .tabs a svg { width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2 }
.ver-r6--event_detail .tabs a.on { background:#e8effd;color:var(--brand) }
.ver-r6--event_detail .tabs a .cnt { font-size:11px;font-weight:700;color:var(--ink3);background:#f1f4f8;border-radius:99px;padding:1px 7px }
.ver-r6--event_detail .tabs a.on .cnt { background:#d6e3fb;color:var(--brand) }
.ver-r6--event_detail .koh { grid-column:span 4;display:flex;flex-direction:column }
.ver-r6--event_detail .blk { margin-top:14px }
.ver-r6--event_detail .blk .bt { font-size:11px;letter-spacing:.8px;color:var(--ink3);font-weight:700;text-transform:uppercase;margin-bottom:9px }
.ver-r6--event_detail .prow { display:flex;align-items:center;gap:10px;margin-bottom:8px }
.ver-r6--event_detail .prow .lb { width:78px;font-size:12px;font-weight:700;color:var(--ink2);display:flex;align-items:center;gap:6px }
.ver-r6--event_detail .prow .lb i { width:8px;height:8px;border-radius:2px;flex:none }
.ver-r6--event_detail .prow .rbar { flex:1;height:13px;background:#f1f4f8;border-radius:6px;overflow:hidden }
.ver-r6--event_detail .prow .rbar i { display:block;height:100%;border-radius:6px }
.ver-r6--event_detail .prow b { font-size:11.5px;min-width:30px;text-align:right;color:var(--ink2) }
.ver-r6--event_detail .c-bsc { background:var(--bsc) }
.ver-r6--event_detail .c-msc { background:var(--msc) }
.ver-r6--event_detail .c-mba { background:var(--mba) }
.ver-r6--event_detail .c-phd { background:var(--phd) }
.ver-r6--event_detail .distro { display:flex;align-items:flex-end;gap:5px;height:64px;margin-top:4px }
.ver-r6--event_detail .distro .dc { flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end }
.ver-r6--event_detail .distro .dc i { width:100%;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#5b8def,#1e56c8) }
.ver-r6--event_detail .distro .dc span { font-size:9.5px;color:var(--ink3);font-weight:600 }
.ver-r6--event_detail .repchips { display:flex;flex-direction:column;gap:6px;margin-top:4px }
.ver-r6--event_detail .repchip { display:flex;align-items:center;gap:8px;font-size:12px;padding:6px 10px;border-radius:9px;background:#f6f8fb;border:1px solid var(--line) }
.ver-r6--event_detail .repchip .up { color:var(--ok);font-weight:800 }
.ver-r6--event_detail .repchip .dn { color:var(--bad);font-weight:800 }
.ver-r6--event_detail .repchip b { font-weight:700 }
.ver-r6--event_detail .repchip .tag { margin-left:auto;font-size:10px;font-weight:700;color:#fff;border-radius:5px;padding:2px 7px }
.ver-r6--event_detail .pay { grid-column:span 4;display:flex;flex-direction:column }
.ver-r6--event_detail .paygrid { display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px }
.ver-r6--event_detail .paycell { background:#f6f8fb;border:1px solid var(--line);border-radius:11px;padding:11px 12px }
.ver-r6--event_detail .paycell b { font-size:19px;letter-spacing:-.4px;display:block }
.ver-r6--event_detail .paycell span { font-size:11px;color:var(--ink3);font-weight:600 }
.ver-r6--event_detail .paycell.ok b { color:var(--ok) }
.ver-r6--event_detail .paycell.warn b { color:var(--warn) }
.ver-r6--event_detail .paycell.bad b { color:var(--bad) }
.ver-r6--event_detail .payline { display:flex;align-items:center;gap:9px;margin-top:11px;padding-top:11px;border-top:1px dashed var(--line);font-size:12.5px }
.ver-r6--event_detail .payline .l { color:var(--ink2);font-weight:600;display:flex;align-items:center;gap:7px }
.ver-r6--event_detail .payline .l svg { width:14px;height:14px;stroke:var(--ink3);fill:none;stroke-width:2 }
.ver-r6--event_detail .payline b { margin-left:auto;font-weight:700 }
.ver-r6--event_detail .payline a { margin-left:auto;color:var(--brand);font-weight:700;text-decoration:none;font-size:12px }
.ver-r6--event_detail .paybar { height:9px;border-radius:99px;overflow:hidden;display:flex;margin-top:13px;background:#eef1f6 }
.ver-r6--event_detail .paybar i { height:100% }
.ver-r6--event_detail .payleg { display:flex;gap:14px;margin-top:9px;font-size:11px;color:var(--ink2);font-weight:600;flex-wrap:wrap }
.ver-r6--event_detail .payleg i { width:9px;height:9px;border-radius:3px;display:inline-block;margin-right:5px;vertical-align:-1px }
.ver-r6--event_detail .tn { grid-column:span 4;display:flex;flex-direction:column }
.ver-r6--event_detail .tnrow { display:flex;align-items:center;gap:11px;padding:9px 0;border-bottom:1px dashed var(--line) }
.ver-r6--event_detail .tnrow:last-child { border:none }
.ver-r6--event_detail .tnav { width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:11.5px;flex:none }
.ver-r6--event_detail .tnn b { font-size:13px;display:block;line-height:1.25 }
.ver-r6--event_detail .tnn span { font-size:11px;color:var(--ink3) }
.ver-r6--event_detail .tnstat { margin-left:auto;display:flex;align-items:center;gap:6px }
.ver-r6--event_detail .tpill { font-size:10.5px;font-weight:700;border-radius:99px;padding:2px 9px }
.ver-r6--event_detail .p-ok { background:#e5f5ec;color:#178a50 }
.ver-r6--event_detail .p-open { background:#fdf3e2;color:#c07600 }
.ver-r6--event_detail .p-guest { background:#f0edfd;color:#6d5bd0 }
.ver-r6--event_detail .p-rl { background:#fdeaec;color:#c93a4a }
.ver-r6--event_detail .tnfoot { margin-top:13px;display:flex;align-items:center;gap:10px }
.ver-r6--event_detail .btn { display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 13px;font-size:12.5px;font-weight:700;color:var(--ink2) }
.ver-r6--event_detail .btn svg { width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2 }
.ver-r6--event_detail .btn.pri { background:var(--brand);border-color:var(--brand);color:#fff }
.ver-r6--event_detail .tl { grid-column:span 12 }
.ver-r6--event_detail .camplink { display:flex;align-items:center;gap:10px;margin:10px 0 4px;padding:11px 14px;background:#f6f8fb;border:1px solid var(--line);border-radius:11px;font-size:12.5px;color:var(--ink2) }
.ver-r6--event_detail .camplink .ci { width:30px;height:30px;border-radius:9px;background:#e8effd;color:var(--brand);display:grid;place-items:center;flex:none }
.ver-r6--event_detail .camplink .ci svg { width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2 }
.ver-r6--event_detail .camplink b { color:var(--ink);font-weight:700 }
.ver-r6--event_detail .camplink .cid { font-weight:700;color:var(--ink3);background:#eef1f6;border-radius:6px;padding:2px 8px;margin-left:4px }
.ver-r6--event_detail .camplink a { margin-left:auto;color:var(--brand);font-weight:700;text-decoration:none }
.ver-r6--event_detail table { width:100%;border-collapse:collapse;font-size:13px }
.ver-r6--event_detail th { font-size:11px;letter-spacing:.8px;color:var(--ink3);text-align:left;font-weight:700;padding:8px 10px;border-bottom:1px solid var(--line) }
.ver-r6--event_detail td { padding:12px 10px;border-bottom:1px solid #eef1f6;vertical-align:middle }
.ver-r6--event_detail tr:last-child td { border:none }
.ver-r6--event_detail .stage { display:flex;align-items:center;gap:10px;font-weight:700 }
.ver-r6--event_detail .stage .no { width:26px;height:26px;border-radius:8px;background:#e8effd;color:var(--brand);display:grid;place-items:center;font-size:12px;flex:none }
.ver-r6--event_detail .stage small { display:block;font-weight:500;color:var(--ink3);font-size:11px }
.ver-r6--event_detail .ch { display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;margin-right:4px }
.ver-r6--event_detail .ch svg { width:13px;height:13px;stroke-width:2;fill:none }
.ver-r6--event_detail .c-blue { background:#e8effd;color:#1e56c8 }
.ver-r6--event_detail .c-grn { background:#e5f5ec;color:#178a50 }
.ver-r6--event_detail .c-vio { background:#f0edfd;color:#7c6cf0 }
.ver-r6--event_detail .c-amb { background:#fdf3e2;color:#c07600 }
.ver-r6--event_detail .conv { display:flex;align-items:center;gap:9px }
.ver-r6--event_detail .cbar { flex:1;max-width:150px;height:7px;background:#eef1f6;border-radius:99px;overflow:hidden }
.ver-r6--event_detail .cbar i { display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#34d399,#178a50) }
.ver-r6--event_detail .conv b { font-size:13px;min-width:44px }
.ver-r6--event_detail .links a { color:var(--brand);font-weight:600;font-size:12px;text-decoration:none;margin-right:10px;white-space:nowrap }

/* --- teilnehmer --- */
.ver-r6--teilnehmer .num { font-variant-numeric:tabular-nums }
.ver-r6--teilnehmer .main { padding:22px 28px 40px }
.ver-r6--teilnehmer .top { display:flex;align-items:center;gap:16px;margin-bottom:16px }
.ver-r6--teilnehmer .top h1 { font-size:21px;letter-spacing:-.3px }
.ver-r6--teilnehmer .crumb { color:var(--ink3);font-weight:500;font-size:12.5px;margin-top:3px;display:flex;align-items:center;gap:6px }
.ver-r6--teilnehmer .crumb b { color:var(--ink2);font-weight:600 }
.ver-r6--teilnehmer .search { margin-left:auto;display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line); border-radius:11px;padding:8px 14px;color:var(--ink3);width:270px;box-shadow:var(--shadow) }
.ver-r6--teilnehmer .iconbtn { width:37px;height:37px;border-radius:11px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink2);box-shadow:var(--shadow) }
.ver-r6--teilnehmer .hpill { display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--ok);background:#e5f5ec;border-radius:99px;padding:4px 11px }
.ver-r6--teilnehmer .hpill .hd { width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.16) }
.ver-r6--teilnehmer .ehero { background:linear-gradient(120deg,#0f5a53 0%,#12796a 55%,#1a9c74 100%);color:#fff;border-radius:var(--r); padding:22px 26px;position:relative;overflow:hidden;box-shadow:var(--shadow) }
.ver-r6--teilnehmer .ehero::after { content:'';position:absolute;right:-60px;top:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 65%) }
.ver-r6--teilnehmer .ehero .etags { display:flex;gap:8px;margin-bottom:12px }
.ver-r6--teilnehmer .etag { font-size:11px;font-weight:700;letter-spacing:.5px;background:rgba(255,255,255,.16);color:#eafff8;border-radius:7px;padding:4px 10px }
.ver-r6--teilnehmer .etag.solid { background:rgba(255,255,255,.92);color:#0f5a53 }
.ver-r6--teilnehmer .ehero h2 { font-size:27px;letter-spacing:-.6px;font-weight:800 }
.ver-r6--teilnehmer .emeta { display:flex;gap:22px;margin-top:11px;font-size:13px;color:#d3f2ea;font-weight:500;flex-wrap:wrap }
.ver-r6--teilnehmer .emeta span { display:inline-flex;align-items:center;gap:7px }
.ver-r6--teilnehmer .emeta svg { width:15px;height:15px;stroke:#a8e6d6;fill:none;stroke-width:2 }
.ver-r6--teilnehmer .ehero .side-right { position:absolute;right:26px;top:22px;text-align:right }
.ver-r6--teilnehmer .ehero .side-right .cnt { font-size:30px;font-weight:800;letter-spacing:-.8px }
.ver-r6--teilnehmer .ehero .side-right .cnt small { font-size:14px;font-weight:600;color:#cdeee4 }
.ver-r6--teilnehmer .ebar { width:250px;height:9px;border-radius:99px;background:rgba(255,255,255,.2);margin:9px 0 0 auto;position:relative;overflow:hidden }
.ver-r6--teilnehmer .ebar i { position:absolute;inset:0;width:69%;border-radius:99px;background:linear-gradient(90deg,#d8fff2,#8ff2d0) }
.ver-r6--teilnehmer .tabs { display:flex;gap:2px;margin:16px 0 18px;border-bottom:1px solid var(--line) }
.ver-r6--teilnehmer .tabs a { padding:11px 18px;font-size:13.5px;font-weight:650;color:var(--ink2);text-decoration:none;border-bottom:2.5px solid transparent;margin-bottom:-1px }
.ver-r6--teilnehmer .tabs a.on { color:var(--brand);border-color:var(--brand) }
.ver-r6--teilnehmer .tabs a .tb { margin-left:7px;font-size:11px;font-weight:700;background:#eef1f6;color:var(--ink2);border-radius:99px;padding:1px 7px }
.ver-r6--teilnehmer .tabs a.on .tb { background:#e8effd;color:var(--brand) }
.ver-r6--teilnehmer .work { display:grid;grid-template-columns:1fr 322px;gap:16px;align-items:start }
.ver-r6--teilnehmer .card { background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px 20px }
.ver-r6--teilnehmer .card h2 { display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:700;letter-spacing:-.1px }
.ver-r6--teilnehmer .card h2 svg { width:17px;height:17px;stroke:var(--brand);fill:none;stroke-width:2 }
.ver-r6--teilnehmer .card h2 .r { margin-left:auto;display:flex;gap:8px }
.ver-r6--teilnehmer .btn { display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 13px;font-size:12.5px;font-weight:650;color:var(--ink2);cursor:pointer }
.ver-r6--teilnehmer .btn svg { width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2 }
.ver-r6--teilnehmer .btn.pri { background:var(--brand);border-color:var(--brand);color:#fff }
.ver-r6--teilnehmer .btn.gate { background:linear-gradient(180deg,#1e63d6,#1a52bb);border-color:#1a52bb;color:#fff;box-shadow:0 6px 16px -8px rgba(30,86,200,.7) }
.ver-r6--teilnehmer .counters { display:flex;gap:10px;margin:15px 0 14px }
.ver-r6--teilnehmer .kchip { display:flex;flex-direction:column;padding:9px 15px;border-radius:11px;background:#f6f8fb;border:1px solid var(--line);min-width:96px }
.ver-r6--teilnehmer .kchip b { font-size:19px;letter-spacing:-.3px }
.ver-r6--teilnehmer .kchip span { font-size:10.5px;color:var(--ink3);font-weight:700;letter-spacing:.4px;margin-top:1px }
.ver-r6--teilnehmer .kchip.amb b { color:var(--warn) }
.ver-r6--teilnehmer .kchip.mut b { color:var(--ink3) }
.ver-r6--teilnehmer .fbar { display:flex;align-items:center;gap:9px;margin-bottom:6px }
.ver-r6--teilnehmer .fsearch { display:flex;align-items:center;gap:8px;background:#f6f8fb;border:1px solid var(--line);border-radius:9px;padding:7px 12px;color:var(--ink3);flex:1;font-size:12.5px }
.ver-r6--teilnehmer .fsearch svg { width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2 }
.ver-r6--teilnehmer .chip { border:1px solid var(--line);background:#fff;border-radius:99px;padding:6px 13px;font-size:12px;font-weight:600;color:var(--ink2);cursor:pointer }
.ver-r6--teilnehmer .chip.on { background:#e8effd;border-color:#bcd3f7;color:var(--brand) }
.ver-r6--teilnehmer table { width:100%;border-collapse:collapse;font-size:13px }
.ver-r6--teilnehmer th { font-size:10.5px;letter-spacing:.7px;color:var(--ink3);text-align:left;font-weight:700;padding:9px 8px;border-bottom:1px solid var(--line) }
.ver-r6--teilnehmer td { padding:10px 8px;border-bottom:1px solid #eef1f6;vertical-align:middle }
.ver-r6--teilnehmer tr:last-child td { border:none }
.ver-r6--teilnehmer .mcell { display:flex;align-items:center;gap:11px }
.ver-r6--teilnehmer .av { width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:11.5px;flex:none }
.ver-r6--teilnehmer .mcell b { font-size:13px;font-weight:650;display:block }
.ver-r6--teilnehmer .mcell small { font-size:11px;color:var(--ink3) }
.ver-r6--teilnehmer .tk { font-weight:600 }
.ver-r6--teilnehmer .tk small { display:block;font-size:11px;color:var(--ink3);font-weight:500 }
.ver-r6--teilnehmer .pchip { display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;border-radius:99px;padding:3px 10px }
.ver-r6--teilnehmer .pchip .d { width:6px;height:6px;border-radius:50%;background:currentColor }
.ver-r6--teilnehmer .p-paid { background:#e5f5ec;color:#178a50 }
.ver-r6--teilnehmer .p-open { background:#fdf3e2;color:#c07600 }
.ver-r6--teilnehmer .p-ref { background:#eef1f6;color:#7d8aa0 }
.ver-r6--teilnehmer .gchip { display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#6d5bd0;background:#f0edfd;border-radius:99px;padding:3px 9px }
.ver-r6--teilnehmer .step { display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:8px;overflow:hidden;font-size:12px }
.ver-r6--teilnehmer .step b { width:22px;height:24px;display:grid;place-items:center;color:var(--ink3);font-weight:700;background:#f6f8fb }
.ver-r6--teilnehmer .step i { min-width:26px;text-align:center;font-weight:700;font-style:normal;color:var(--ink) }
.ver-r6--teilnehmer .checkin { width:26px;height:26px;border-radius:8px;border:1.6px solid var(--line);display:grid;place-items:center;background:#fff }
.ver-r6--teilnehmer .checkin.on { background:#178a50;border-color:#178a50 }
.ver-r6--teilnehmer .checkin svg { width:15px;height:15px;stroke:#fff;fill:none;stroke-width:2.6;display:none }
.ver-r6--teilnehmer .checkin.on svg { display:block }
.ver-r6--teilnehmer .tgl { width:38px;height:21px;border-radius:99px;background:#e2e7ef;position:relative;display:inline-block }
.ver-r6--teilnehmer .tgl::after { content:'';position:absolute;top:2.5px;left:2.5px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2) }
.ver-r6--teilnehmer .tgl.on { background:#c93a4a }
.ver-r6--teilnehmer .tgl.on::after { left:19.5px }
.ver-r6--teilnehmer .noteic { width:26px;height:26px;border-radius:8px;display:grid;place-items:center;color:var(--ink3);position:relative }
.ver-r6--teilnehmer .noteic svg { width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2 }
.ver-r6--teilnehmer .noteic.has { color:var(--brand) }
.ver-r6--teilnehmer .noteic.has::after { content:'';position:absolute;top:3px;right:3px;width:6px;height:6px;border-radius:50%;background:#e5484d }
.ver-r6--teilnehmer .guestrow td { background:#faf9ff }
.ver-r6--teilnehmer .colc { text-align:center }
.ver-r6--teilnehmer .rail { display:flex;flex-direction:column;gap:16px }
.ver-r6--teilnehmer .rc h3 { display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700 }
.ver-r6--teilnehmer .rc h3 svg { width:16px;height:16px;stroke:var(--brand);fill:none;stroke-width:2 }
.ver-r6--teilnehmer .rc h3 .cn { margin-left:auto;font-size:11.5px;font-weight:700;color:var(--ink3);background:#f1f4f8;border-radius:99px;padding:2px 9px }
.ver-r6--teilnehmer .abs { display:flex;flex-direction:column;gap:9px;margin-top:12px }
.ver-r6--teilnehmer .absrow { display:flex;align-items:flex-start;gap:10px;padding-bottom:9px;border-bottom:1px dashed var(--line) }
.ver-r6--teilnehmer .absrow:last-child { border:none;padding-bottom:0 }
.ver-r6--teilnehmer .absrow .av { width:28px;height:28px;font-size:10.5px;background:#94a3b8 }
.ver-r6--teilnehmer .absrow b { font-size:12.5px;font-weight:650;display:block }
.ver-r6--teilnehmer .absrow small { font-size:11px;color:var(--ink3) }
.ver-r6--teilnehmer .srcchip { display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;color:var(--ink2);background:#f1f4f8;border-radius:6px;padding:2px 7px;margin-top:4px }
.ver-r6--teilnehmer .srcchip a { color:var(--brand);font-weight:700;text-decoration:none }
.ver-r6--teilnehmer .srcchip svg { width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2 }
.ver-r6--teilnehmer .paycard { background:#fffaf0;border-color:#f4e2c0 }
.ver-r6--teilnehmer .paybig { display:flex;align-items:baseline;gap:9px;margin:11px 0 4px }
.ver-r6--teilnehmer .paybig b { font-size:24px;font-weight:800;color:var(--warn) }
.ver-r6--teilnehmer .paybig span { font-size:12.5px;color:var(--ink2);font-weight:600 }
.ver-r6--teilnehmer .paysub { font-size:12px;color:var(--ink2);margin-bottom:12px }

/* --- jobboard --- */
.ver-r6--jobboard .num { font-variant-numeric:tabular-nums }
.ver-r6--jobboard .main { padding:22px 28px 40px }
.ver-r6--jobboard .top { display:flex;align-items:center;gap:16px;margin-bottom:18px }
.ver-r6--jobboard .top h1 { font-size:21px;letter-spacing:-.3px }
.ver-r6--jobboard .top .date { color:var(--ink3);font-weight:500;font-size:13px;margin-top:3px }
.ver-r6--jobboard .hpill { display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--ok);background:#e5f5ec;border-radius:99px;padding:4px 11px;margin-left:auto }
.ver-r6--jobboard .hpill .hd { width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.16) }
.ver-r6--jobboard .search { display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:8px 14px;color:var(--ink3);width:260px;box-shadow:var(--shadow) }
.ver-r6--jobboard .layout { display:grid;grid-template-columns:1fr 560px;gap:16px;align-items:start }
.ver-r6--jobboard .card { background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px 20px }
.ver-r6--jobboard .card h2 { display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:700;letter-spacing:-.1px }
.ver-r6--jobboard .card h2 svg { width:17px;height:17px;stroke:var(--brand);fill:none;stroke-width:2 }
.ver-r6--jobboard .card h2 .more { margin-left:auto;font-size:12.5px;color:var(--brand);font-weight:600 }
.ver-r6--jobboard .sub { color:var(--ink3);font-size:12px;margin-top:2px }
.ver-r6--jobboard .jtool { display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 18px;margin-bottom:16px }
.ver-r6--jobboard .tbsearch { display:flex;align-items:center;gap:9px;background:#f6f8fb;border:1px solid var(--line);border-radius:10px;padding:8px 13px;color:var(--ink3);width:240px }
.ver-r6--jobboard .chip { border:1px solid var(--line);background:#fff;border-radius:99px;padding:6px 13px;font-size:12.5px;font-weight:600;color:var(--ink2) }
.ver-r6--jobboard .chip.on { background:#e8effd;border-color:#bcd3f7;color:var(--brand) }
.ver-r6--jobboard .joblist { display:flex;flex-direction:column;gap:12px }
.ver-r6--jobboard .job { background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:15px 17px;position:relative }
.ver-r6--jobboard .job.sel { border-color:#bcd3f7;box-shadow:0 0 0 2px #d6e3fb,var(--shadow) }
.ver-r6--jobboard .job .jhead { display:flex;gap:14px;align-items:flex-start }
.ver-r6--jobboard .job .clogo { width:44px;height:44px;border-radius:11px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:16px;flex:none }
.ver-r6--jobboard .job .jm { flex:1 }
.ver-r6--jobboard .job .jm h3 { font-size:15px;letter-spacing:-.2px }
.ver-r6--jobboard .job .jm .cmp { font-size:12.5px;color:var(--ink2);font-weight:600;margin-top:2px;display:flex;align-items:center;gap:8px;flex-wrap:wrap }
.ver-r6--jobboard .job .jm .cmp svg { width:13px;height:13px;stroke:var(--ink3);fill:none;stroke-width:2 }
.ver-r6--jobboard .job .jm .cmp .sep { color:var(--line) }
.ver-r6--jobboard .job .tags { display:flex;gap:7px;margin-top:10px;flex-wrap:wrap;align-items:center }
.ver-r6--jobboard .lchip { font-size:11px;font-weight:700;border-radius:7px;padding:3px 9px }
.ver-r6--jobboard .l-lvl { background:#e8effd;color:#1e56c8 }
.ver-r6--jobboard .l-hb { background:#eef7f1;color:#178a50;display:inline-flex;align-items:center;gap:5px }
.ver-r6--jobboard .l-hb i { width:6px;height:6px;border-radius:50%;background:#178a50 }
.ver-r6--jobboard .l-new { background:#fdf3e2;color:#c07600 }
.ver-r6--jobboard .l-run { background:#f1f4f8;color:#5b6b84;display:inline-flex;align-items:center;gap:5px }
.ver-r6--jobboard .l-run svg { width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2.2 }
.ver-r6--jobboard .l-run.exp { color:#b6455a;background:#fdeaec }
.ver-r6--jobboard .job .stat { position:absolute;top:15px;right:17px;font-size:10.5px;font-weight:700;border-radius:99px;padding:2px 9px }
.ver-r6--jobboard .s-act { background:#e5f5ec;color:#178a50 }
.ver-r6--jobboard .s-exp { background:#f1f4f8;color:#8b98ad }
.ver-r6--jobboard .job .matchrow { margin-top:12px;padding-top:11px;border-top:1px dashed var(--line);display:flex;align-items:center;gap:10px }
.ver-r6--jobboard .matchchip { display:inline-flex;align-items:center;gap:7px;background:#e5f5ec;color:#178a50;font-size:12px;font-weight:800;border-radius:8px;padding:5px 11px }
.ver-r6--jobboard .matchchip svg { width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2 }
.ver-r6--jobboard .matchchip.zero { background:#f1f4f8;color:#8b98ad }
.ver-r6--jobboard .matchchip.hot { background:#e8effd;color:#1e56c8 }
.ver-r6--jobboard .job .matchact { margin-left:auto;font-size:12px;font-weight:700;color:var(--brand);text-decoration:none;display:inline-flex;align-items:center;gap:6px }
.ver-r6--jobboard .job .matchact svg { width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2 }
.ver-r6--jobboard .job .matchact.mut { color:var(--ink3) }
.ver-r6--jobboard .panel { position:sticky;top:22px;padding:0;overflow:hidden }
.ver-r6--jobboard .phero { padding:18px 20px;background:linear-gradient(120deg,#10304f,#1b4a7c);color:#fff;position:relative }
.ver-r6--jobboard .phero .cl { display:flex;gap:13px;align-items:center }
.ver-r6--jobboard .phero .clogo { width:48px;height:48px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:18px;flex:none;box-shadow:0 2px 8px rgba(0,0,0,.2) }
.ver-r6--jobboard .phero h3 { font-size:18px;letter-spacing:-.3px }
.ver-r6--jobboard .phero .cmp { font-size:12.5px;color:#bcd2e8;font-weight:600;margin-top:2px }
.ver-r6--jobboard .phero .meta { display:flex;gap:16px;margin-top:14px;font-size:12px;color:#cfe0ee;font-weight:500;flex-wrap:wrap }
.ver-r6--jobboard .phero .meta div { display:flex;align-items:center;gap:6px }
.ver-r6--jobboard .phero .meta svg { width:13px;height:13px;stroke:#9fc0e2;fill:none;stroke-width:2 }
.ver-r6--jobboard .pbody { padding:16px 20px }
.ver-r6--jobboard .pbody h4 { font-size:11px;letter-spacing:.8px;color:var(--ink3);font-weight:700;text-transform:uppercase;margin-bottom:8px }
.ver-r6--jobboard .pbody p { font-size:13px;color:var(--ink2);line-height:1.55 }
.ver-r6--jobboard .pbody ul { margin:8px 0 0 2px;list-style:none;display:flex;flex-direction:column;gap:6px }
.ver-r6--jobboard .pbody ul li { font-size:12.5px;color:var(--ink2);display:flex;gap:8px;align-items:flex-start }
.ver-r6--jobboard .pbody ul li::before { content:'';width:6px;height:6px;border-radius:50%;background:#1e56c8;margin-top:6px;flex:none }
.ver-r6--jobboard .hblink { display:inline-flex;align-items:center;gap:8px;margin-top:14px;background:#f6f8fb;border:1px solid var(--line);border-radius:10px;padding:9px 13px;font-size:12.5px;font-weight:700;color:var(--brand) }
.ver-r6--jobboard .hblink svg { width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2 }
.ver-r6--jobboard .share { margin:6px 20px 16px;background:#f6f8fb;border:1px solid var(--line);border-radius:13px;padding:15px 16px }
.ver-r6--jobboard .share .sh { display:flex;align-items:center;gap:9px;font-size:14px;font-weight:700 }
.ver-r6--jobboard .share .sh svg { width:16px;height:16px;stroke:var(--brand);fill:none;stroke-width:2 }
.ver-r6--jobboard .share .sh .open { margin-left:auto;font-size:12px;font-weight:700;color:var(--brand);text-decoration:none;display:inline-flex;align-items:center;gap:5px }
.ver-r6--jobboard .share .sh .open svg { width:13px;height:13px }
.ver-r6--jobboard .share .sub { margin-bottom:10px }
.ver-r6--jobboard .cand { display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px dashed var(--line) }
.ver-r6--jobboard .cand:last-of-type { border:none }
.ver-r6--jobboard .cbox { width:19px;height:19px;border-radius:5px;border:2px solid #bcd3f7;flex:none;display:grid;place-items:center }
.ver-r6--jobboard .cbox.on { background:var(--brand);border-color:var(--brand) }
.ver-r6--jobboard .cbox svg { width:12px;height:12px;stroke:#fff;fill:none;stroke-width:3 }
.ver-r6--jobboard .cav { width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:12px;flex:none }
.ver-r6--jobboard .cinfo { flex:1 }
.ver-r6--jobboard .cinfo b { font-size:13px;display:block;line-height:1.25 }
.ver-r6--jobboard .cinfo span { font-size:11.5px;color:var(--ink3) }
.ver-r6--jobboard .mchips { display:flex;gap:5px;margin-top:5px;flex-wrap:wrap }
.ver-r6--jobboard .mchip { font-size:10px;font-weight:700;border-radius:6px;padding:2px 7px;background:#e5f5ec;color:#178a50 }
.ver-r6--jobboard .cscore { margin-left:auto;text-align:right;font-size:11px;color:var(--ink3);font-weight:600 }
.ver-r6--jobboard .cscore b { display:block;font-size:15px;color:var(--ok);letter-spacing:-.3px }
.ver-r6--jobboard .morecand { display:block;text-align:center;margin-top:10px;font-size:12px;font-weight:700;color:var(--brand);text-decoration:none }
.ver-r6--jobboard .sharebtn { display:flex;align-items:center;justify-content:center;gap:8px;margin-top:13px;width:100%;background:var(--brand);color:#fff;border-radius:11px;padding:11px;font-size:13px;font-weight:700 }
.ver-r6--jobboard .sharebtn svg { width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2 }
.ver-r6--jobboard .mailmini { margin:0 20px 18px }
.ver-r6--jobboard .mailmini h4 { font-size:11px;letter-spacing:.8px;color:var(--ink3);font-weight:700;text-transform:uppercase;margin-bottom:9px }
.ver-r6--jobboard .mmcard { border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff }
.ver-r6--jobboard .mmcard .mmcover { height:66px;background:linear-gradient(120deg,#0f3f9e,#10304f);display:grid;place-items:center;color:#fff;font-weight:800;font-size:15px }
.ver-r6--jobboard .mmcard .mmbody { padding:11px 13px }
.ver-r6--jobboard .mmcard .mmbody b { font-size:13px }
.ver-r6--jobboard .mmcard .mmbody .mmc { font-size:11.5px;color:var(--ink3);margin-top:2px }
.ver-r6--jobboard .mmcard .mmbody .mmlink { display:inline-flex;align-items:center;gap:6px;margin-top:9px;font-size:11.5px;font-weight:700;color:var(--brand) }
.ver-r6--jobboard .mmcard .mmbody .mmlink svg { width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2 }
.ver-r6--jobboard .mailmini .note { font-size:11px;color:var(--ink3);margin-top:7px;line-height:1.5 }

/* --- events --- */
.ver-r6--events .num { font-variant-numeric:tabular-nums }
.ver-r6--events .main { padding:22px 28px 40px }
.ver-r6--events .top { display:flex;align-items:center;gap:16px;margin-bottom:18px }
.ver-r6--events .top h1 { font-size:21px;letter-spacing:-.3px }
.ver-r6--events .top .date { color:var(--ink3);font-weight:500;font-size:13px;margin-top:3px }
.ver-r6--events .hpill { display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--ok);background:#e5f5ec;border-radius:99px;padding:4px 11px;margin-left:auto }
.ver-r6--events .hpill .hd { width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.16) }
.ver-r6--events .search { display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:8px 14px;color:var(--ink3);width:260px;box-shadow:var(--shadow) }
.ver-r6--events .iconbtn { width:37px;height:37px;border-radius:11px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink2);box-shadow:var(--shadow) }
.ver-r6--events .primebtn { display:inline-flex;align-items:center;gap:8px;background:var(--brand);color:#fff;border-radius:11px;padding:9px 15px;font-size:13px;font-weight:700;box-shadow:var(--shadow) }
.ver-r6--events .primebtn svg { width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2 }
.ver-r6--events .grid { display:grid;grid-template-columns:repeat(12,1fr);gap:16px }
.ver-r6--events .card { background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px 20px }
.ver-r6--events .card h2 { display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:700;letter-spacing:-.1px }
.ver-r6--events .card h2 svg { width:17px;height:17px;stroke:var(--brand);fill:none;stroke-width:2 }
.ver-r6--events .card h2 .more { margin-left:auto;font-size:12.5px;color:var(--brand);font-weight:600 }
.ver-r6--events .sub { color:var(--ink3);font-size:12px;margin-top:2px }
.ver-r6--events .toolbar { grid-column:span 12;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 18px }
.ver-r6--events .tbsearch { display:flex;align-items:center;gap:9px;background:#f6f8fb;border:1px solid var(--line);border-radius:10px;padding:8px 13px;color:var(--ink3);width:250px }
.ver-r6--events .chips { display:flex;gap:7px;flex-wrap:wrap }
.ver-r6--events .chip { border:1px solid var(--line);background:#fff;border-radius:99px;padding:6px 13px;font-size:12.5px;font-weight:600;color:var(--ink2);display:flex;align-items:center;gap:6px }
.ver-r6--events .chip svg { width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2 }
.ver-r6--events .chip.on { background:#e8effd;border-color:#bcd3f7;color:var(--brand) }
.ver-r6--events .sortsel { margin-left:auto;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:8px 13px;font-size:12.5px;font-weight:600;color:var(--ink2) }
.ver-r6--events .sortsel svg { width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2 }
.ver-r6--events .events { grid-column:span 8;display:grid;grid-template-columns:1fr 1fr;gap:16px }
.ver-r6--events .ev { background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column }
.ver-r6--events .ev .cover { height:98px;position:relative;display:grid;place-items:center;color:#fff }
.ver-r6--events .ev .cover .ini { font-size:28px;font-weight:800;letter-spacing:-1px;opacity:.92;text-shadow:0 2px 8px rgba(0,0,0,.18) }
.ver-r6--events .ev .cover .tags { position:absolute;top:10px;left:10px;display:flex;gap:6px }
.ver-r6--events .ev .cover .tags .t { background:rgba(15,30,50,.42);color:#fff;font-size:10.5px;font-weight:700;border-radius:7px;padding:3px 8px;letter-spacing:.3px }
.ver-r6--events .ev .cover .pay { position:absolute;top:10px;right:10px;background:#fff;color:#0f2b46;font-size:11px;font-weight:800;border-radius:8px;padding:3px 9px;box-shadow:0 2px 6px rgba(0,0,0,.18) }
.ver-r6--events .ev .cover .sync { position:absolute;bottom:9px;right:11px;display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:#fff;background:rgba(15,30,50,.4);border-radius:99px;padding:2px 8px }
.ver-r6--events .ev .cover .sync i { width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 3px rgba(74,222,128,.3) }
.ver-r6--events .ev .body { padding:13px 15px 14px;display:flex;flex-direction:column;flex:1 }
.ver-r6--events .ev .body h3 { font-size:15px;letter-spacing:-.2px;line-height:1.3 }
.ver-r6--events .ev .meta { display:flex;flex-direction:column;gap:3px;margin-top:7px;font-size:12px;color:var(--ink2);font-weight:500 }
.ver-r6--events .ev .meta div { display:flex;align-items:center;gap:7px }
.ver-r6--events .ev .meta svg { width:13px;height:13px;stroke:var(--ink3);fill:none;stroke-width:2;flex:none }
.ver-r6--events .ev .chiprow { display:flex;gap:6px;flex-wrap:wrap;margin-top:10px }
.ver-r6--events .ec { font-size:10.5px;font-weight:700;border-radius:7px;padding:3px 8px;display:inline-flex;align-items:center;gap:5px }
.ver-r6--events .ec svg { width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2.2 }
.ver-r6--events .ec-open { background:#e5f5ec;color:#178a50 }
.ver-r6--events .ec-soon { background:#fdf3e2;color:#c07600 }
.ver-r6--events .ec-closed { background:#f1f4f8;color:#8b98ad }
.ver-r6--events .ec-cost { background:#eef4ff;color:#1e56c8 }
.ver-r6--events .ec-cost.warn { background:#fdf3e2;color:#c07600 }
.ver-r6--events .ec-cost.bad { background:#fdeaec;color:#c93a4a }
.ver-r6--events .ec-vj { background:#f0edfd;color:#6d5bd0 }
.ver-r6--events .ev .prog { margin-top:11px }
.ver-r6--events .ev .prog .pn { display:flex;justify-content:space-between;align-items:baseline;font-size:11.5px;font-weight:700;color:var(--ink2);margin-bottom:5px }
.ver-r6--events .ev .prog .pn span { color:var(--ink3);font-weight:600 }
.ver-r6--events .ev .pbar { height:8px;border-radius:99px;background:#eef1f6;overflow:visible;position:relative }
.ver-r6--events .ev .pbar i { display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#34d399,#178a50) }
.ver-r6--events .ev .pbar i.warn { background:linear-gradient(90deg,#f59e0b,#c07600) }
.ver-r6--events .ev .pbar i.full { background:linear-gradient(90deg,#1e56c8,#0f3f9e) }
.ver-r6--events .ev .pbar .vjt { position:absolute;top:-3px;bottom:-3px;width:2px;background:#6d5bd0;border-radius:2px }
.ver-r6--events .ev .foot { margin-top:12px;padding-top:11px;border-top:1px dashed var(--line);display:flex;align-items:center;gap:12px }
.ver-r6--events .ev .foot a { font-size:12px;font-weight:700;color:var(--brand);text-decoration:none;display:inline-flex;align-items:center;gap:5px }
.ver-r6--events .ev .foot a svg { width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2 }
.ver-r6--events .ev .foot .tn { margin-left:auto }
.ver-r6--events .ev .foot .ghost { color:var(--ink3) }
.ver-r6--events .aside { grid-column:span 4;display:flex;flex-direction:column;gap:16px }
.ver-r6--events .regcard .rrow { display:flex;align-items:center;gap:11px;margin-top:11px }
.ver-r6--events .regcard .rrow .lb { width:104px;font-size:12px;font-weight:700;color:var(--ink2);display:flex;align-items:center;gap:7px }
.ver-r6--events .regcard .rrow .lb i { width:9px;height:9px;border-radius:3px;flex:none }
.ver-r6--events .regcard .rbar { flex:1;height:14px;background:#f1f4f8;border-radius:7px;overflow:hidden }
.ver-r6--events .regcard .rbar i { display:block;height:100%;border-radius:7px }
.ver-r6--events .regcard .rrow b { font-size:12px;min-width:34px;text-align:right;color:var(--ink2) }
.ver-r6--events .c-bsc { background:var(--bsc) }
.ver-r6--events .c-msc { background:var(--msc) }
.ver-r6--events .c-mba { background:var(--mba) }
.ver-r6--events .c-phd { background:var(--phd) }
.ver-r6--events .regcard .note { margin-top:13px;font-size:11.5px;color:var(--ink3);border-top:1px dashed var(--line);padding-top:11px;line-height:1.5 }
.ver-r6--events .regcard .note b { color:var(--ink2) }
.ver-r6--events .statcard .srow { display:flex;justify-content:space-between;align-items:baseline;padding:9px 0;border-bottom:1px dashed var(--line);font-size:13px }
.ver-r6--events .statcard .srow:last-child { border:none }
.ver-r6--events .statcard .srow span { color:var(--ink2);font-weight:500 }
.ver-r6--events .statcard .srow b { font-size:15px;letter-spacing:-.2px }
.ver-r6--events .statcard .srow b.ok { color:var(--ok) }
.ver-r6--events .miniev { display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px dashed var(--line) }
.ver-r6--events .miniev:last-child { border:none }
.ver-r6--events .miniev .mi { width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:12px;flex:none }
.ver-r6--events .miniev .mt b { font-size:12.5px;display:block;line-height:1.3 }
.ver-r6--events .miniev .mt span { font-size:11px;color:var(--ink3) }
.ver-r6--events .miniev .mn { margin-left:auto;text-align:right;font-size:11.5px;font-weight:700;color:var(--ink2) }

/* --- job_matching --- */
.ver-r6--job_matching .num { font-variant-numeric:tabular-nums }
.ver-r6--job_matching .main { padding:22px 28px 40px }
.ver-r6--job_matching .top { display:flex;align-items:center;gap:16px;margin-bottom:16px }
.ver-r6--job_matching .top h1 { font-size:21px;letter-spacing:-.3px }
.ver-r6--job_matching .crumb { color:var(--ink3);font-weight:500;font-size:12.5px;margin-top:3px;display:flex;align-items:center;gap:6px }
.ver-r6--job_matching .crumb b { color:var(--ink2);font-weight:600 }
.ver-r6--job_matching .search { margin-left:auto;display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line); border-radius:11px;padding:8px 14px;color:var(--ink3);width:270px;box-shadow:var(--shadow) }
.ver-r6--job_matching .iconbtn { width:37px;height:37px;border-radius:11px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink2);box-shadow:var(--shadow) }
.ver-r6--job_matching .hpill { display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--ok);background:#e5f5ec;border-radius:99px;padding:4px 11px }
.ver-r6--job_matching .hpill .hd { width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.16) }
.ver-r6--job_matching .ehero { background:linear-gradient(120deg,#0f5a53 0%,#12796a 55%,#1a9c74 100%);color:#fff;border-radius:var(--r); padding:22px 26px;position:relative;overflow:hidden;box-shadow:var(--shadow) }
.ver-r6--job_matching .ehero::after { content:'';position:absolute;right:-60px;top:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 65%) }
.ver-r6--job_matching .ehero .etags { display:flex;gap:8px;margin-bottom:12px }
.ver-r6--job_matching .etag { font-size:11px;font-weight:700;letter-spacing:.5px;background:rgba(255,255,255,.16);color:#eafff8;border-radius:7px;padding:4px 10px }
.ver-r6--job_matching .etag.solid { background:rgba(255,255,255,.92);color:#0f5a53 }
.ver-r6--job_matching .ehero h2 { font-size:27px;letter-spacing:-.6px;font-weight:800 }
.ver-r6--job_matching .emeta { display:flex;gap:22px;margin-top:11px;font-size:13px;color:#d3f2ea;font-weight:500;flex-wrap:wrap }
.ver-r6--job_matching .emeta span { display:inline-flex;align-items:center;gap:7px }
.ver-r6--job_matching .emeta svg { width:15px;height:15px;stroke:#a8e6d6;fill:none;stroke-width:2 }
.ver-r6--job_matching .ehero .side-right { position:absolute;right:26px;top:22px;text-align:right }
.ver-r6--job_matching .ehero .side-right .cnt { font-size:30px;font-weight:800;letter-spacing:-.8px }
.ver-r6--job_matching .ehero .side-right .cnt small { font-size:14px;font-weight:600;color:#cdeee4 }
.ver-r6--job_matching .ebar { width:250px;height:9px;border-radius:99px;background:rgba(255,255,255,.2);margin:9px 0 0 auto;position:relative;overflow:hidden }
.ver-r6--job_matching .ebar i { position:absolute;inset:0;width:69%;border-radius:99px;background:linear-gradient(90deg,#d8fff2,#8ff2d0) }
.ver-r6--job_matching .tabs { display:flex;gap:2px;margin:16px 0 18px;border-bottom:1px solid var(--line) }
.ver-r6--job_matching .tabs a { padding:11px 18px;font-size:13.5px;font-weight:650;color:var(--ink2);text-decoration:none;border-bottom:2.5px solid transparent;margin-bottom:-1px }
.ver-r6--job_matching .tabs a.on { color:var(--brand);border-color:var(--brand) }
.ver-r6--job_matching .tabs a .tb { margin-left:7px;font-size:11px;font-weight:700;background:#eef1f6;color:var(--ink2);border-radius:99px;padding:1px 7px }
.ver-r6--job_matching .tabs a.on .tb { background:#e8effd;color:var(--brand) }
.ver-r6--job_matching .work { display:grid;grid-template-columns:1fr 322px;gap:16px;align-items:start }
.ver-r6--job_matching .card { background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px 20px }
.ver-r6--job_matching .card h2 { display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:700;letter-spacing:-.1px }
.ver-r6--job_matching .card h2 svg { width:17px;height:17px;stroke:var(--brand);fill:none;stroke-width:2 }
.ver-r6--job_matching .card h2 .r { margin-left:auto;display:flex;gap:8px }
.ver-r6--job_matching .btn { display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 13px;font-size:12.5px;font-weight:650;color:var(--ink2);cursor:pointer }
.ver-r6--job_matching .btn svg { width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2 }
.ver-r6--job_matching .btn.pri { background:var(--brand);border-color:var(--brand);color:#fff }
.ver-r6--job_matching .btn.gate { background:linear-gradient(180deg,#1e63d6,#1a52bb);border-color:#1a52bb;color:#fff;box-shadow:0 6px 16px -8px rgba(30,86,200,.7) }
.ver-r6--job_matching .counters { display:flex;gap:10px;margin:15px 0 14px }
.ver-r6--job_matching .kchip { display:flex;flex-direction:column;padding:9px 15px;border-radius:11px;background:#f6f8fb;border:1px solid var(--line);min-width:96px }
.ver-r6--job_matching .kchip b { font-size:19px;letter-spacing:-.3px }
.ver-r6--job_matching .kchip span { font-size:10.5px;color:var(--ink3);font-weight:700;letter-spacing:.4px;margin-top:1px }
.ver-r6--job_matching .kchip.amb b { color:var(--warn) }
.ver-r6--job_matching .kchip.mut b { color:var(--ink3) }
.ver-r6--job_matching .fbar { display:flex;align-items:center;gap:9px;margin-bottom:6px }
.ver-r6--job_matching .fsearch { display:flex;align-items:center;gap:8px;background:#f6f8fb;border:1px solid var(--line);border-radius:9px;padding:7px 12px;color:var(--ink3);flex:1;font-size:12.5px }
.ver-r6--job_matching .fsearch svg { width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2 }
.ver-r6--job_matching .chip { border:1px solid var(--line);background:#fff;border-radius:99px;padding:6px 13px;font-size:12px;font-weight:600;color:var(--ink2);cursor:pointer }
.ver-r6--job_matching .chip.on { background:#e8effd;border-color:#bcd3f7;color:var(--brand) }
.ver-r6--job_matching table { width:100%;border-collapse:collapse;font-size:13px }
.ver-r6--job_matching th { font-size:10.5px;letter-spacing:.7px;color:var(--ink3);text-align:left;font-weight:700;padding:9px 8px;border-bottom:1px solid var(--line) }
.ver-r6--job_matching td { padding:10px 8px;border-bottom:1px solid #eef1f6;vertical-align:middle }
.ver-r6--job_matching tr:last-child td { border:none }
.ver-r6--job_matching .mcell { display:flex;align-items:center;gap:11px }
.ver-r6--job_matching .av { width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:11.5px;flex:none }
.ver-r6--job_matching .mcell b { font-size:13px;font-weight:650;display:block }
.ver-r6--job_matching .mcell small { font-size:11px;color:var(--ink3) }
.ver-r6--job_matching .tk { font-weight:600 }
.ver-r6--job_matching .tk small { display:block;font-size:11px;color:var(--ink3);font-weight:500 }
.ver-r6--job_matching .pchip { display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;border-radius:99px;padding:3px 10px }
.ver-r6--job_matching .pchip .d { width:6px;height:6px;border-radius:50%;background:currentColor }
.ver-r6--job_matching .p-paid { background:#e5f5ec;color:#178a50 }
.ver-r6--job_matching .p-open { background:#fdf3e2;color:#c07600 }
.ver-r6--job_matching .p-ref { background:#eef1f6;color:#7d8aa0 }
.ver-r6--job_matching .gchip { display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#6d5bd0;background:#f0edfd;border-radius:99px;padding:3px 9px }
.ver-r6--job_matching .step { display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:8px;overflow:hidden;font-size:12px }
.ver-r6--job_matching .step b { width:22px;height:24px;display:grid;place-items:center;color:var(--ink3);font-weight:700;background:#f6f8fb }
.ver-r6--job_matching .step i { min-width:26px;text-align:center;font-weight:700;font-style:normal;color:var(--ink) }
.ver-r6--job_matching .checkin { width:26px;height:26px;border-radius:8px;border:1.6px solid var(--line);display:grid;place-items:center;background:#fff }
.ver-r6--job_matching .checkin.on { background:#178a50;border-color:#178a50 }
.ver-r6--job_matching .checkin svg { width:15px;height:15px;stroke:#fff;fill:none;stroke-width:2.6;display:none }
.ver-r6--job_matching .checkin.on svg { display:block }
.ver-r6--job_matching .tgl { width:38px;height:21px;border-radius:99px;background:#e2e7ef;position:relative;display:inline-block }
.ver-r6--job_matching .tgl::after { content:'';position:absolute;top:2.5px;left:2.5px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2) }
.ver-r6--job_matching .tgl.on { background:#c93a4a }
.ver-r6--job_matching .tgl.on::after { left:19.5px }
.ver-r6--job_matching .noteic { width:26px;height:26px;border-radius:8px;display:grid;place-items:center;color:var(--ink3);position:relative }
.ver-r6--job_matching .noteic svg { width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2 }
.ver-r6--job_matching .noteic.has { color:var(--brand) }
.ver-r6--job_matching .noteic.has::after { content:'';position:absolute;top:3px;right:3px;width:6px;height:6px;border-radius:50%;background:#e5484d }
.ver-r6--job_matching .guestrow td { background:#faf9ff }
.ver-r6--job_matching .colc { text-align:center }
.ver-r6--job_matching .rail { display:flex;flex-direction:column;gap:16px }
.ver-r6--job_matching .rc h3 { display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700 }
.ver-r6--job_matching .rc h3 svg { width:16px;height:16px;stroke:var(--brand);fill:none;stroke-width:2 }
.ver-r6--job_matching .rc h3 .cn { margin-left:auto;font-size:11.5px;font-weight:700;color:var(--ink3);background:#f1f4f8;border-radius:99px;padding:2px 9px }
.ver-r6--job_matching .abs { display:flex;flex-direction:column;gap:9px;margin-top:12px }
.ver-r6--job_matching .absrow { display:flex;align-items:flex-start;gap:10px;padding-bottom:9px;border-bottom:1px dashed var(--line) }
.ver-r6--job_matching .absrow:last-child { border:none;padding-bottom:0 }
.ver-r6--job_matching .absrow .av { width:28px;height:28px;font-size:10.5px;background:#94a3b8 }
.ver-r6--job_matching .absrow b { font-size:12.5px;font-weight:650;display:block }
.ver-r6--job_matching .absrow small { font-size:11px;color:var(--ink3) }
.ver-r6--job_matching .srcchip { display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;color:var(--ink2);background:#f1f4f8;border-radius:6px;padding:2px 7px;margin-top:4px }
.ver-r6--job_matching .srcchip a { color:var(--brand);font-weight:700;text-decoration:none }
.ver-r6--job_matching .srcchip svg { width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2 }
.ver-r6--job_matching .paycard { background:#fffaf0;border-color:#f4e2c0 }
.ver-r6--job_matching .paybig { display:flex;align-items:baseline;gap:9px;margin:11px 0 4px }
.ver-r6--job_matching .paybig b { font-size:24px;font-weight:800;color:var(--warn) }
.ver-r6--job_matching .paybig span { font-size:12.5px;color:var(--ink2);font-weight:600 }
.ver-r6--job_matching .paysub { font-size:12px;color:var(--ink2);margin-bottom:12px }
.ver-r6--job_matching .jhero { background:linear-gradient(120deg,#10304f 0%,#143a60 55%,#1b4a7c 100%);color:#fff;border-radius:var(--r); padding:22px 26px;position:relative;overflow:hidden;box-shadow:var(--shadow);margin-bottom:16px;display:flex;gap:26px }
.ver-r6--job_matching .jhero::after { content:'';position:absolute;right:-60px;top:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.22),transparent 65%) }
.ver-r6--job_matching .jhero .jco { width:52px;height:52px;border-radius:12px;background:linear-gradient(140deg,#2f6fe0,#1e56c8);display:grid;place-items:center;color:#fff;font-weight:800;font-size:17px;flex:none }
.ver-r6--job_matching .jhero .jt { flex:1;position:relative;z-index:1 }
.ver-r6--job_matching .jhero .src { display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.4px;background:rgba(255,255,255,.14);color:#cfe0f5;border-radius:7px;padding:3px 9px;margin-bottom:9px }
.ver-r6--job_matching .jhero .src svg { width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2 }
.ver-r6--job_matching .jhero h2 { font-size:23px;letter-spacing:-.5px;font-weight:800 }
.ver-r6--job_matching .jmeta { display:flex;gap:20px;margin-top:9px;font-size:13px;color:#bcd2e8;font-weight:500;flex-wrap:wrap }
.ver-r6--job_matching .jmeta span { display:inline-flex;align-items:center;gap:7px }
.ver-r6--job_matching .jmeta svg { width:15px;height:15px;stroke:#8fb0d0;fill:none;stroke-width:2 }
.ver-r6--job_matching .jhero .jchart { width:230px;flex:none;position:relative;z-index:1;border-left:1px solid rgba(255,255,255,.14);padding-left:22px }
.ver-r6--job_matching .jhero .jchart .cl { font-size:11px;letter-spacing:.8px;color:#9fc0e2;font-weight:700;margin-bottom:10px }
.ver-r6--job_matching .hist { display:flex;align-items:flex-end;gap:7px;height:60px }
.ver-r6--job_matching .hist .hb { flex:1;background:linear-gradient(180deg,#4ade80,#178a50);border-radius:3px 3px 0 0;position:relative }
.ver-r6--job_matching .hist .hb.mut { background:rgba(255,255,255,.18) }
.ver-r6--job_matching .histx { display:flex;gap:7px;margin-top:6px;font-size:9.5px;color:#8fb0d0;font-weight:600 }
.ver-r6--job_matching .histx span { flex:1;text-align:center }
.ver-r6--job_matching .jchart .jsum { margin-top:11px;font-size:12px;color:#bcd2e8 }
.ver-r6--job_matching .jchart .jsum b { color:#fff;font-size:15px }
.ver-r6--job_matching .jbadge { margin-left:auto;display:flex;align-items:center;gap:10px }
.ver-r6--job_matching .selbar { display:flex;align-items:center;gap:12px;background:#f4f8ff;border:1px solid #cfe0fb;border-radius:12px;padding:11px 15px;margin:14px 0 4px }
.ver-r6--job_matching .selbar .sc { width:30px;height:30px;border-radius:9px;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px }
.ver-r6--job_matching .selbar .stx b { font-size:13.5px }
.ver-r6--job_matching .selbar .stx span { display:block;font-size:11.5px;color:var(--ink3) }
.ver-r6--job_matching .warmchip { display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:#8a5a00;background:#fdf3e2;border:1px solid #f4e2c0;border-radius:8px;padding:5px 11px }
.ver-r6--job_matching .warmchip svg { width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2 }
.ver-r6--job_matching .reasons { display:flex;gap:5px;flex-wrap:wrap }
.ver-r6--job_matching .rchip { font-size:11px;font-weight:600;color:var(--ink2);background:#f1f4f8;border:1px solid var(--line);border-radius:6px;padding:2px 8px }
.ver-r6--job_matching .rchip.warm { color:#8a5a00;background:#fdf3e2;border-color:#f4e2c0 }
.ver-r6--job_matching .mbar { display:flex;align-items:center;gap:9px }
.ver-r6--job_matching .mtrack { flex:1;max-width:120px;height:8px;background:#eef1f6;border-radius:99px;overflow:hidden }
.ver-r6--job_matching .mtrack i { display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#34d399,#178a50) }
.ver-r6--job_matching .mbar b { font-size:13px;min-width:38px;color:var(--ok) }
.ver-r6--job_matching .cbx { width:19px;height:19px;border-radius:6px;border:1.6px solid #c3ccda;display:inline-grid;place-items:center;background:#fff }
.ver-r6--job_matching .cbx.on { background:var(--brand);border-color:var(--brand) }
.ver-r6--job_matching .cbx svg { width:12px;height:12px;stroke:#fff;fill:none;stroke-width:3;display:none }
.ver-r6--job_matching .cbx.on svg { display:block }
.ver-r6--job_matching .kpi2 { display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px }
.ver-r6--job_matching .kpi2 .k { background:#f6f8fb;border:1px solid var(--line);border-radius:11px;padding:11px 13px }
.ver-r6--job_matching .kpi2 .k b { font-size:20px;letter-spacing:-.3px;display:block }
.ver-r6--job_matching .kpi2 .k span { font-size:11px;color:var(--ink3);font-weight:600 }
.ver-r6--job_matching .kpi2 .k.g b { color:var(--ok) }
.ver-r6--job_matching .vlist { margin-top:14px;display:flex;flex-direction:column }
.ver-r6--job_matching .vitem { display:flex;gap:11px;padding:9px 0;border-bottom:1px dashed var(--line);align-items:flex-start }
.ver-r6--job_matching .vitem:last-child { border:none }
.ver-r6--job_matching .vitem .vi { width:26px;height:26px;border-radius:8px;display:grid;place-items:center;flex:none }
.ver-r6--job_matching .vitem .vi svg { width:14px;height:14px;fill:none;stroke-width:2 }
.ver-r6--job_matching .vitem p { font-size:12.5px }
.ver-r6--job_matching .vitem p b { font-weight:700 }
.ver-r6--job_matching .vitem time { margin-left:auto;font-size:11px;color:var(--ink3);font-weight:600;white-space:nowrap;padding-top:1px }
.ver-r6--job_matching .empgrid { display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px }
.ver-r6--job_matching .empcard { border:1px solid var(--line);border-radius:12px;padding:13px;background:#fbfcfe;display:flex;flex-direction:column;gap:9px }
.ver-r6--job_matching .empcard .eh { display:flex;align-items:center;gap:10px }
.ver-r6--job_matching .empcard b { font-size:13px;font-weight:650;display:block }
.ver-r6--job_matching .empcard small { font-size:11px;color:var(--ink3) }
.ver-r6--job_matching .introbtn { display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:650;color:var(--brand);background:#e8effd;border:1px solid #bcd3f7;border-radius:8px;padding:7px 10px;margin-top:auto }
.ver-r6--job_matching .introbtn svg { width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2 }

/* --- community --- */
.ver-r6--community .num { font-variant-numeric:tabular-nums }
.ver-r6--community .main { padding:22px 28px 40px }
.ver-r6--community .top { display:flex;align-items:center;gap:16px;margin-bottom:18px }
.ver-r6--community .top h1 { font-size:21px;letter-spacing:-.3px }
.ver-r6--community .top .date { color:var(--ink3);font-weight:500;font-size:13px;margin-top:3px }
.ver-r6--community .hpill { display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--ok);background:#e5f5ec;border-radius:99px;padding:4px 11px;margin-left:auto }
.ver-r6--community .hpill .hd { width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.16) }
.ver-r6--community .search { display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:8px 14px;color:var(--ink3);width:260px;box-shadow:var(--shadow) }
.ver-r6--community .grid { display:grid;grid-template-columns:repeat(12,1fr);gap:16px }
.ver-r6--community .card { background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px 20px }
.ver-r6--community .card h2 { display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:700;letter-spacing:-.1px }
.ver-r6--community .card h2 svg { width:17px;height:17px;stroke:var(--brand);fill:none;stroke-width:2 }
.ver-r6--community .card h2 .more { margin-left:auto;font-size:12.5px;color:var(--brand);font-weight:600 }
.ver-r6--community .sub { color:var(--ink3);font-size:12px;margin-top:2px }
.ver-r6--community .kpi { grid-column:span 3;display:flex;flex-direction:column }
.ver-r6--community .kpi .klbl { font-size:11px;letter-spacing:1px;color:var(--ink3);font-weight:700 }
.ver-r6--community .kpi .kb { display:flex;align-items:baseline;gap:9px;margin-top:7px }
.ver-r6--community .kpi .kb .v { font-size:30px;font-weight:800;letter-spacing:-.8px }
.ver-r6--community .kpi .kb .u { font-size:13px;color:var(--ink3);font-weight:600 }
.ver-r6--community .bench { display:inline-flex;align-items:center;gap:6px;margin-top:11px;background:#e5f5ec;color:#178a50;font-size:12px;font-weight:700;border-radius:99px;padding:4px 11px;align-self:flex-start }
.ver-r6--community .bench svg { width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2.5 }
.ver-r6--community .bench.neu { background:#f0edfd;color:#6d5bd0 }
.ver-r6--community .kspark { margin-top:12px;height:34px }
.ver-r6--community .kspark svg { width:100%;height:100% }
.ver-r6--community .heat { grid-column:span 8;position:relative }
.ver-r6--community .hwrap { margin-top:14px;overflow-x:auto }
.ver-r6--community .hgrid { border-collapse:separate;border-spacing:4px;width:100% }
.ver-r6--community .hgrid th { font-size:11px;color:var(--ink3);font-weight:700;padding:0 0 4px;text-align:center }
.ver-r6--community .hgrid th.corner { text-align:left;width:180px }
.ver-r6--community .hgrid .rl { font-size:12.5px;font-weight:700;color:var(--ink2);text-align:left;white-space:nowrap;padding-right:8px }
.ver-r6--community .hgrid .rl i { width:8px;height:8px;border-radius:2px;display:inline-block;margin-right:7px;vertical-align:0 }
.ver-r6--community .hgrid .grouphd td { font-size:10.5px;letter-spacing:.8px;color:var(--ink3);font-weight:700;padding:9px 0 2px }
.ver-r6--community .cell { height:34px;border-radius:7px;text-align:center;font-size:12px;font-weight:700;color:#fff;position:relative }
.ver-r6--community .cell.z0 { background:#eef1f6;color:#c2cbd8 }
.ver-r6--community .cell.hl { outline:2.5px solid #16233a;outline-offset:1px;z-index:2 }
.ver-r6--community .htip { position:absolute;top:150px;left:560px;width:208px;background:#0f2b46;color:#fff;border-radius:12px;padding:12px 14px;box-shadow:0 18px 40px -12px rgba(15,43,70,.5);z-index:5 }
.ver-r6--community .htip::before { content:'';position:absolute;left:50px;top:-7px;border:7px solid transparent;border-bottom-color:#0f2b46 }
.ver-r6--community .htip b { font-size:13px }
.ver-r6--community .htip .r { display:flex;justify-content:space-between;font-size:11.5px;color:#bcd2e8;margin-top:7px }
.ver-r6--community .htip .r b { color:#fff;font-size:11.5px }
.ver-r6--community .hscale { display:flex;align-items:center;gap:8px;margin-top:14px;font-size:11px;color:var(--ink3);font-weight:600 }
.ver-r6--community .hscale .ramp { display:flex;gap:2px }
.ver-r6--community .hscale .ramp i { width:22px;height:11px;border-radius:2px }
.ver-r6--community .flag { grid-column:span 4;display:flex;flex-direction:column }
.ver-r6--community .frow { display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px dashed var(--line) }
.ver-r6--community .frow:last-of-type { border:none }
.ver-r6--community .frow .fi { width:34px;height:34px;border-radius:9px;background:#fdeaec;color:#c93a4a;display:grid;place-items:center;flex:none }
.ver-r6--community .frow .fi svg { width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2 }
.ver-r6--community .frow .fi.soon { background:#fdf3e2;color:#c07600 }
.ver-r6--community .frow .ft b { font-size:13px;display:block;line-height:1.25 }
.ver-r6--community .frow .ft span { font-size:11px;color:var(--ink3) }
.ver-r6--community .frow .fa { margin-left:auto;font-size:11.5px;font-weight:700;color:var(--brand);text-decoration:none;white-space:nowrap }
.ver-r6--community .flag .fnote { margin-top:12px;font-size:11.5px;color:var(--ink3);border-top:1px dashed var(--line);padding-top:11px;line-height:1.5 }
.ver-r6--community .chsec { grid-column:span 12 }
.ver-r6--community .chgrid { display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px }
.ver-r6--community .cht { border:1px solid var(--line);border-radius:13px;padding:14px 15px;display:flex;flex-direction:column }
.ver-r6--community .cht .chh { display:flex;align-items:center;gap:10px }
.ver-r6--community .cht .cav { width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:12.5px;flex:none }
.ver-r6--community .cht .cnm b { font-size:14px;letter-spacing:-.2px;display:block;line-height:1.2 }
.ver-r6--community .cht .cnm span { font-size:11px;color:var(--ink3);font-weight:600 }
.ver-r6--community .cht .trend { margin-left:auto;font-size:11px;font-weight:800;border-radius:7px;padding:3px 8px }
.ver-r6--community .trend.up { background:#e5f5ec;color:#178a50 }
.ver-r6--community .trend.flat { background:#eef1f6;color:#8b98ad }
.ver-r6--community .trend.dn { background:#fdeaec;color:#c93a4a }
.ver-r6--community .cht .cspark { height:38px;margin:11px 0 9px }
.ver-r6--community .cht .cspark svg { width:100%;height:100% }
.ver-r6--community .cht .cstats { display:flex;gap:16px;font-size:12px;color:var(--ink2);font-weight:600 }
.ver-r6--community .cht .cstats b { color:var(--ink);font-weight:800;font-size:14px;display:block;letter-spacing:-.2px }
.ver-r6--community .cht .cstats span { font-size:10.5px;color:var(--ink3);font-weight:600 }
.ver-r6--community .cht .cnext { margin-top:10px;font-size:11.5px;color:var(--ink2);display:flex;align-items:center;gap:7px }
.ver-r6--community .cht .cnext svg { width:13px;height:13px;stroke:var(--ink3);fill:none;stroke-width:2;flex:none }
.ver-r6--community .cht .cnext.warn { color:var(--warn) }
.ver-r6--community .cht .cnext.warn svg { stroke:var(--warn) }
.ver-r6--community .cht .leader { margin-top:12px;padding-top:11px;border-top:1px dashed var(--line);display:flex;align-items:center;gap:9px }
.ver-r6--community .cht .lav { width:28px;height:28px;border-radius:50%;background:#e8effd;color:var(--brand);display:grid;place-items:center;font-weight:700;font-size:10.5px;flex:none }
.ver-r6--community .cht .lav.vac { background:#fdeaec;color:#c93a4a }
.ver-r6--community .cht .lnm b { font-size:12px;display:block;line-height:1.2 }
.ver-r6--community .cht .lnm span { font-size:10.5px;color:var(--ink3) }
.ver-r6--community .cht .lbtn { margin-left:auto;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:9px;padding:6px 11px;font-size:11.5px;font-weight:700;color:var(--brand);text-decoration:none;background:#fff }
.ver-r6--community .cht .lbtn svg { width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2 }
.ver-r6--community .cht .lbtn.warn { color:var(--warn);border-color:#f0d9ac;background:#fdf7ec }

/* R6-PAGES-APPEND-END */

/* ═══════════════════════════════════════════════════════════════════════
   R7a — DATENMANAGEMENT + VERWALTUNG. Pixel-Port aus den freigegebenen
   Mockups (scratchpad/v2_dm_*.html, v2_systemcheck/meldungen/einstellungen/
   kit_zustaende.html). ADDITIV, jede Seite in eigenem Scope .v3-page .dm-*,
   damit die kurzen Mockup-Klassennamen (.card/.hero/.det/…) keine Bestands-
   Seite berühren. Sidebar/Topbar kommen aus der App-Shell — hier nur Content.
   ═══════════════════════════════════════════════════════════════════════ */
/* ── dm-gesund (aus v2_dm_gesundheit.html) ── */
.v3-page .dm-gesund { --canvas:#f4f6f9; --card:#ffffff; --line:#e6eaf1; --ink:#16233a; --ink2:#5b6b84; --ink3:#8b98ad;
    --brand:#1e56c8; --brand-deep:#0f2b46; --ok:#178a50; --warn:#c07600; --bad:#c93a4a;
    --sepa:#2563eb; --ueb:#0ea5a4; --paypal:#7c6cf0; --stripe:#b558d9;
    --r:16px; --shadow:0 1px 2px rgba(22,35,58,.05),0 10px 28px -14px rgba(22,35,58,.14); }
.v3-page .dm-gesund .num { font-variant-numeric:tabular-nums }
.v3-page .dm-gesund .top { display:flex;align-items:center;gap:16px;margin-bottom:18px }
.v3-page .dm-gesund .top h1 { font-size:21px;letter-spacing:-.3px }
.v3-page .dm-gesund .top .date { color:var(--ink3);font-weight:500;font-size:13px;margin-top:3px }
.v3-page .dm-gesund .iconbtn { width:37px;height:37px;border-radius:11px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink2);box-shadow:var(--shadow) }
.v3-page .dm-gesund .hpill { display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--ok);background:#e5f5ec;border-radius:99px;padding:5px 13px }
.v3-page .dm-gesund .hpill .st { width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.15) }
.v3-page .dm-gesund .grid { display:grid;grid-template-columns:repeat(12,1fr);gap:16px }
.v3-page .dm-gesund .card { background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px 20px }
.v3-page .dm-gesund .card h2 { display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:700;letter-spacing:-.1px }
.v3-page .dm-gesund .card h2 svg { width:17px;height:17px;stroke:var(--brand);fill:none;stroke-width:2 }
.v3-page .dm-gesund .card h2 .more { margin-left:auto;font-size:12.5px;color:var(--brand);font-weight:600 }
.v3-page .dm-gesund .card h2 .cnt { font-size:11px;font-weight:800;background:#eef1f6;color:var(--ink2);border-radius:99px;padding:2px 9px }
.v3-page .dm-gesund .sub { color:var(--ink3);font-size:12px;margin-top:2px }
.v3-page .dm-gesund .hero { grid-column:span 8;display:flex;flex-direction:column;background:linear-gradient(135deg,#10304f 0%,#153a60 55%,#1b4a7c 100%);color:#fff;border:none;position:relative;overflow:hidden }
.v3-page .dm-gesund .hero::after { content:'';position:absolute;right:-70px;top:-90px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.25),transparent 65%) }
.v3-page .dm-gesund .hero .lbl { font-size:12px;letter-spacing:1.6px;color:#9fc0e2;font-weight:700 }
.v3-page .dm-gesund .hero .big { display:flex;align-items:baseline;gap:14px;margin-top:6px }
.v3-page .dm-gesund .hero .big .v { font-size:46px;font-weight:800;letter-spacing:-1.5px }
.v3-page .dm-gesund .hero .delta { background:rgba(52,211,153,.18);color:#6ee7b7;font-weight:700;font-size:12.5px;border-radius:99px;padding:4px 11px }
.v3-page .dm-gesund .spark { flex:1;min-height:96px;margin:12px 0 4px;position:relative }
.v3-page .dm-gesund .spark svg { position:absolute;inset:0;width:100%;height:100% }
.v3-page .dm-gesund .hero .legend { display:flex;gap:26px;padding-top:14px;font-size:13px;color:#bcd2e8;border-top:1px solid rgba(255,255,255,.10);margin-top:6px }
.v3-page .dm-gesund .hero .legend b { color:#fff;font-size:16px;display:block;margin-top:1px }
.v3-page .dm-gesund .hero .legend .up b { color:#6ee7b7 }
.v3-page .dm-gesund .hero .legend .vj { margin-left:auto;text-align:right;font-size:12px;color:#8fb0d0 }
.v3-page .dm-gesund .puls { grid-column:span 4;display:flex;flex-direction:column }
.v3-page .dm-gesund .puls ul { list-style:none;margin-top:12px }
.v3-page .dm-gesund .puls li { display:flex;gap:12px;padding:9px 0;border-bottom:1px dashed var(--line);align-items:flex-start }
.v3-page .dm-gesund .puls li:last-child { border:none }
.v3-page .dm-gesund .puls .pi { width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none }
.v3-page .dm-gesund .puls .pi svg { width:15px;height:15px;fill:none;stroke-width:2 }
.v3-page .dm-gesund .puls p { font-size:13px }
.v3-page .dm-gesund .puls p b { font-weight:700 }
.v3-page .dm-gesund .puls .n { margin-left:auto;font-weight:800;font-size:15px;padding-left:8px }
.v3-page .dm-gesund .c-blue { background:#e8effd;color:#1e56c8 }
.v3-page .dm-gesund .c-red { background:#fdeaec;color:#c93a4a }
.v3-page .dm-gesund .c-amb { background:#fdf3e2;color:#c07600 }
.v3-page .dm-gesund .c-grn { background:#e5f5ec;color:#178a50 }
.v3-page .dm-gesund .c-vio { background:#f0edfd;color:#7c6cf0 }
.v3-page .dm-gesund .puls .wkfoot { margin-top:auto;padding-top:12px;border-top:1px solid var(--line);display:flex;align-items:center;font-size:12.5px;color:var(--ink2) }
.v3-page .dm-gesund .puls .wkfoot b { color:var(--ok);font-size:15px;margin-left:auto }
.v3-page .dm-gesund .dims { grid-column:span 12;display:grid;grid-template-columns:repeat(5,1fr);gap:16px }
.v3-page .dm-gesund .dim { background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:16px 17px;display:flex;flex-direction:column }
.v3-page .dm-gesund .dim .dh { display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:700;color:var(--ink2) }
.v3-page .dm-gesund .dim .dh .dic { width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none }
.v3-page .dm-gesund .dim .dh .dic svg { width:16px;height:16px;fill:none;stroke-width:2 }
.v3-page .dm-gesund .dim .dv { font-size:30px;font-weight:800;letter-spacing:-1px;margin:12px 0 2px }
.v3-page .dm-gesund .dim .dtrend { font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:5px }
.v3-page .dm-gesund .dim .dtrend.up { color:var(--ok) }
.v3-page .dm-gesund .dim .dtrend.dn { color:var(--bad) }
.v3-page .dm-gesund .dim .dtrend.flat { color:var(--ink3) }
.v3-page .dm-gesund .dim .dsp { height:32px;margin:11px 0 9px;position:relative }
.v3-page .dm-gesund .dim .dsp svg { position:absolute;inset:0;width:100%;height:100% }
.v3-page .dm-gesund .dim .dnote { font-size:11.5px;color:var(--ink3);font-weight:600;line-height:1.4 }
.v3-page .dm-gesund .dim .hebel { margin-top:9px;font-size:11px;font-weight:650;color:var(--ink2);background:#f6f8fb;border:1px solid var(--line);border-radius:8px;padding:7px 9px;display:flex;gap:7px;align-items:flex-start;line-height:1.35 }
.v3-page .dm-gesund .dim .hebel svg { width:12px;height:12px;stroke:var(--brand);fill:none;stroke-width:2.2;flex:none;margin-top:1px }
.v3-page .dm-gesund .dim .hebel b { color:var(--ink) }
.v3-page .dm-gesund .dim .dlink { margin-top:12px;padding-top:11px;border-top:1px dashed var(--line);font-size:12.5px;font-weight:700;color:var(--brand);display:flex;align-items:center;gap:6px }
.v3-page .dm-gesund .dim.alert .dv { color:var(--bad) }
.v3-page .dm-gesund .dim.alert .dlink { color:var(--bad) }
.v3-page .dm-gesund .dim.alert .hebel svg { stroke:var(--bad) }
.v3-page .dm-gesund .chanrow { display:flex;gap:14px;margin:14px 0 6px }
.v3-page .dm-gesund .chanrow div { flex:1 }
.v3-page .dm-gesund .chanrow .cl { font-size:10.5px;letter-spacing:.4px;color:var(--ink3);font-weight:700 }
.v3-page .dm-gesund .chanrow .cv { font-size:19px;font-weight:800;letter-spacing:-.5px;margin-top:1px }
.v3-page .dm-gesund .chanrow .cbar { height:5px;border-radius:99px;background:#eef1f6;overflow:hidden;margin-top:5px }
.v3-page .dm-gesund .chanrow .cbar i { display:block;height:100%;border-radius:99px }
.v3-page .dm-gesund .fill-grn { background:linear-gradient(90deg,#34d399,#178a50) }
.v3-page .dm-gesund .fill-blu { background:linear-gradient(90deg,#3f7ae6,#1e56c8) }
.v3-page .dm-gesund .fill-amb { background:linear-gradient(90deg,#f0b657,#c07600) }
.v3-page .dm-gesund .fill-vio { background:linear-gradient(90deg,#8f80f2,#7c6cf0) }
.v3-page .dm-gesund .dets { grid-column:span 12 }
.v3-page .dm-gesund .detgrid { display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px }
.v3-page .dm-gesund .det { border:1px solid var(--line);border-radius:12px;padding:14px 15px;background:#fbfcfe;display:flex;flex-direction:column }
.v3-page .dm-gesund .det.warn { border-color:#f0e0c2;background:#fffdf8 }
.v3-page .dm-gesund .det .dtop { display:flex;align-items:center;gap:9px }
.v3-page .dm-gesund .det .di { width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none }
.v3-page .dm-gesund .det .di svg { width:16px;height:16px;fill:none;stroke-width:2 }
.v3-page .dm-gesund .det .dnm { font-size:12.5px;font-weight:700 }
.v3-page .dm-gesund .det .dstat { margin-left:auto;width:9px;height:9px;border-radius:50%;flex:none }
.v3-page .dm-gesund .st-ok { background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.16) }
.v3-page .dm-gesund .st-warn { background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.18) }
.v3-page .dm-gesund .det .dbig { font-size:22px;font-weight:800;letter-spacing:-.5px;margin:11px 0 2px }
.v3-page .dm-gesund .det .ddesc { font-size:11.5px;color:var(--ink3);font-weight:600;line-height:1.4;min-height:32px }
.v3-page .dm-gesund .det .dfoot { display:flex;align-items:center;margin-top:11px;padding-top:9px;border-top:1px dashed var(--line);font-size:11px;color:var(--ink3);font-weight:600 }
.v3-page .dm-gesund .det .dact { margin-left:auto;color:var(--brand);font-weight:700 }
.v3-page .dm-gesund .det.warn .dact { color:var(--warn) }
.v3-page .dm-gesund .nf { grid-column:span 12 }
.v3-page .dm-gesund .nfrow { display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:13px }
.v3-page .dm-gesund .nfcard { border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:#fbfcfe;display:flex;align-items:center;gap:14px }
.v3-page .dm-gesund .nfcard .nfic { width:40px;height:40px;border-radius:11px;display:grid;place-items:center;flex:none }
.v3-page .dm-gesund .nfcard .nfic svg { width:19px;height:19px;fill:none;stroke-width:2 }
.v3-page .dm-gesund .nfcard .nft b { font-size:14px }
.v3-page .dm-gesund .nfcard .nft span { display:block;font-size:11.5px;color:var(--ink3);font-weight:600;margin-top:1px }
.v3-page .dm-gesund .nfcard .nfprog { margin-left:auto;text-align:right;min-width:150px }
.v3-page .dm-gesund .nfcard .nfbar { height:8px;border-radius:99px;background:#eef1f6;overflow:hidden;margin-top:6px }
.v3-page .dm-gesund .nfcard .nfbar i { display:block;height:100%;border-radius:99px }
.v3-page .dm-gesund .nfcard .nfprog .pct { font-size:12.5px;font-weight:700;color:var(--ink2) }

/* ── dm-pflege (aus v2_dm_datenpflege.html) ── */
.v3-page .dm-pflege { --canvas:#f4f6f9; --card:#ffffff; --line:#e6eaf1; --ink:#16233a; --ink2:#5b6b84; --ink3:#8b98ad;
    --brand:#1e56c8; --brand-deep:#0f2b46; --ok:#178a50; --warn:#c07600; --bad:#c93a4a;
    --sepa:#2563eb; --ueb:#0ea5a4; --paypal:#7c6cf0; --stripe:#b558d9;
    --r:16px; --shadow:0 1px 2px rgba(22,35,58,.05),0 10px 28px -14px rgba(22,35,58,.14); }
.v3-page .dm-pflege .num { font-variant-numeric:tabular-nums }
.v3-page .dm-pflege .top { display:flex;align-items:center;gap:16px;margin-bottom:16px }
.v3-page .dm-pflege .top h1 { font-size:21px;letter-spacing:-.3px }
.v3-page .dm-pflege .top .date { color:var(--ink3);font-weight:500;font-size:13px;margin-top:3px }
.v3-page .dm-pflege .search { margin-left:auto;display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);
    border-radius:11px;padding:8px 14px;color:var(--ink3);width:260px;box-shadow:var(--shadow) }
.v3-page .dm-pflege .iconbtn { width:37px;height:37px;border-radius:11px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink2);box-shadow:var(--shadow) }
.v3-page .dm-pflege .tabs { display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px }
.v3-page .dm-pflege .tabs a { display:flex;align-items:center;gap:8px;padding:11px 16px;font-size:13.5px;font-weight:650;color:var(--ink2);text-decoration:none;border-bottom:2.5px solid transparent;margin-bottom:-1px }
.v3-page .dm-pflege .tabs a.on { color:var(--brand);border-bottom-color:var(--brand) }
.v3-page .dm-pflege .tabs a .c { font-size:11px;font-weight:800;background:#eef1f6;color:var(--ink2);border-radius:99px;padding:1px 8px }
.v3-page .dm-pflege .tabs a.on .c { background:#e8effd;color:var(--brand) }
.v3-page .dm-pflege .tabs a .c.hot { background:#fdeaec;color:var(--bad) }
.v3-page .dm-pflege .card { background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow) }
.v3-page .dm-pflege .toolbar { display:flex;align-items:center;gap:9px;padding:15px 18px;border-bottom:1px solid var(--line);flex-wrap:wrap }
.v3-page .dm-pflege .chip { border:1px solid var(--line);background:#fff;border-radius:99px;padding:6px 14px;font-size:12.5px;font-weight:600;color:var(--ink2);display:inline-flex;align-items:center;gap:6px;cursor:default }
.v3-page .dm-pflege .chip.on { background:#e8effd;border-color:#bcd3f7;color:var(--brand) }
.v3-page .dm-pflege .chip.hot.on { background:#fdeaec;border-color:#f3b8bf;color:var(--bad) }
.v3-page .dm-pflege .chip .dt { width:8px;height:8px;border-radius:50% }
.v3-page .dm-pflege .chip .n { font-weight:800 }
.v3-page .dm-pflege .toolbar .sp { margin-left:auto;display:flex;align-items:center;gap:9px }
.v3-page .dm-pflege .srch { display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:7px 12px;color:var(--ink3);font-size:12.5px;width:210px }
.v3-page .dm-pflege .bulkbar { display:flex;align-items:center;gap:14px;padding:11px 18px;background:#eef4fe;border-bottom:1px solid #d6e4fb;font-size:13px }
.v3-page .dm-pflege .bulkbar b { color:var(--brand) }
.v3-page .dm-pflege .bulkbar .acts { margin-left:auto;display:flex;gap:8px }
.v3-page .dm-pflege .btn { border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 13px;font-size:12.5px;font-weight:650;color:var(--ink2);display:inline-flex;align-items:center;gap:6px;cursor:default }
.v3-page .dm-pflege .btn svg { width:14px;height:14px;fill:none;stroke-width:2 }
.v3-page .dm-pflege .btn.pri { background:var(--brand);border-color:var(--brand);color:#fff }
.v3-page .dm-pflege .btn.ok { background:var(--ok);border-color:var(--ok);color:#fff }
.v3-page .dm-pflege .btn.ghost-red { color:var(--bad);border-color:#f3b8bf;background:#fff }
.v3-page .dm-pflege .btn.gate { border-color:#cdb98a;color:var(--warn);background:#fffdf7 }
.v3-page .dm-pflege table { width:100%;border-collapse:collapse;font-size:13px }
.v3-page .dm-pflege th { font-size:10.5px;letter-spacing:.7px;color:var(--ink3);text-align:left;font-weight:700;padding:11px 14px;border-bottom:1px solid var(--line) }
.v3-page .dm-pflege td { padding:12px 14px;border-bottom:1px solid #eef1f6;vertical-align:middle }
.v3-page .dm-pflege tbody tr:last-child td { border-bottom:none }
.v3-page .dm-pflege tbody tr.open { background:#fbfcff }
.v3-page .dm-pflege .cb { width:17px;height:17px;border:1.6px solid #c3ccda;border-radius:5px;display:inline-block;vertical-align:-3px }
.v3-page .dm-pflege .cb.ck { background:var(--brand);border-color:var(--brand);position:relative }
.v3-page .dm-pflege .cb.ck::after { content:'';position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(43deg) }
.v3-page .dm-pflege .itype { display:inline-flex;align-items:center;gap:9px;font-weight:650 }
.v3-page .dm-pflege .itype .ii { width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none }
.v3-page .dm-pflege .itype .ii svg { width:16px;height:16px;fill:none;stroke-width:2 }
.v3-page .dm-pflege .itype small { display:block;font-weight:500;color:var(--ink3);font-size:11px }
.v3-page .dm-pflege .c-blue { background:#e8effd;color:#1e56c8 }
.v3-page .dm-pflege .c-red { background:#fdeaec;color:#c93a4a }
.v3-page .dm-pflege .c-amb { background:#fdf3e2;color:#c07600 }
.v3-page .dm-pflege .c-grn { background:#e5f5ec;color:#178a50 }
.v3-page .dm-pflege .c-vio { background:#f0edfd;color:#7c6cf0 }
.v3-page .dm-pflege .mem { display:flex;align-items:center;gap:10px }
.v3-page .dm-pflege .mem .a { width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:11.5px;color:#fff;flex:none }
.v3-page .dm-pflege .mem b { font-size:13px }
.v3-page .dm-pflege .mem small { display:block;color:var(--ink3);font-size:11px }
.v3-page .dm-pflege .prob { color:var(--ink2) }
.v3-page .dm-pflege .prob .bad { color:var(--bad);font-weight:650 }
.v3-page .dm-pflege .sev { font-size:10.5px;font-weight:800;letter-spacing:.4px;border-radius:6px;padding:3px 8px }
.v3-page .dm-pflege .sev-crit { background:#fdeaec;color:#c93a4a }
.v3-page .dm-pflege .sev-warn { background:#fdf3e2;color:#c07600 }
.v3-page .dm-pflege .hist { display:inline-flex;align-items:center;gap:5px;color:var(--brand);font-weight:650;font-size:12px;white-space:nowrap }
.v3-page .dm-pflege .hist svg { width:13px;height:13px;fill:none;stroke-width:2 }
.v3-page .dm-pflege .hist.warn { color:var(--warn) }
.v3-page .dm-pflege .histnew { font-size:11.5px;color:var(--ink3);font-weight:600 }
.v3-page .dm-pflege .rowacts { display:flex;gap:7px;justify-content:flex-end }
.v3-page .dm-pflege .ib { width:32px;height:32px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;color:var(--ink2);cursor:default }
.v3-page .dm-pflege .ib svg { width:15px;height:15px;fill:none;stroke-width:2 }
.v3-page .dm-pflege .ib.ok { color:var(--ok);border-color:#bfe3cd }
.v3-page .dm-pflege .ib.mut { color:var(--ink3) }
.v3-page .dm-pflege .edit td { background:#f2f7ff;border-bottom:1px solid #d6e4fb }
.v3-page .dm-pflege .editbox { display:flex;align-items:flex-end;gap:14px;padding:4px 0 4px 42px }
.v3-page .dm-pflege .fgrp { display:flex;flex-direction:column;gap:5px }
.v3-page .dm-pflege .fgrp label { font-size:11px;font-weight:700;color:var(--ink3);letter-spacing:.3px }
.v3-page .dm-pflege .inp { border:1.6px solid #bcd3f7;border-radius:9px;padding:9px 12px;font-size:13px;background:#fff;min-width:280px;color:var(--ink);display:flex;align-items:center;justify-content:space-between }
.v3-page .dm-pflege .inp .cur { color:var(--ink) }
.v3-page .dm-pflege .inp .caret { width:2px;height:16px;background:var(--brand) }
.v3-page .dm-pflege .oldval { font-size:11.5px;color:var(--ink3);text-decoration:line-through }
.v3-page .dm-pflege .editacts { display:flex;gap:8px;margin-left:auto }
.v3-page .dm-pflege .hint { font-size:11.5px;color:var(--ink3);margin-top:8px;padding-left:42px;display:flex;align-items:center;gap:7px }
.v3-page .dm-pflege .hint svg { width:13px;height:13px;fill:none;stroke:var(--brand);stroke-width:2 }
.v3-page .dm-pflege .hint.gate svg { stroke:var(--warn) }

/* ── dm-dubl (aus v2_dm_dubletten.html) ── */
.v3-page .dm-dubl { --canvas:#f4f6f9; --card:#ffffff; --line:#e6eaf1; --ink:#16233a; --ink2:#5b6b84; --ink3:#8b98ad;
    --brand:#1e56c8; --brand-deep:#0f2b46; --ok:#178a50; --warn:#c07600; --bad:#c93a4a;
    --sepa:#2563eb; --ueb:#0ea5a4; --paypal:#7c6cf0; --stripe:#b558d9;
    --r:16px; --shadow:0 1px 2px rgba(22,35,58,.05),0 10px 28px -14px rgba(22,35,58,.14); }
.v3-page .dm-dubl .num { font-variant-numeric:tabular-nums }
.v3-page .dm-dubl .top { display:flex;align-items:center;gap:16px;margin-bottom:16px }
.v3-page .dm-dubl .top h1 { font-size:21px;letter-spacing:-.3px }
.v3-page .dm-dubl .top .date { color:var(--ink3);font-weight:500;font-size:13px;margin-top:3px }
.v3-page .dm-dubl .search { margin-left:auto;display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);
    border-radius:11px;padding:8px 14px;color:var(--ink3);width:260px;box-shadow:var(--shadow) }
.v3-page .dm-dubl .iconbtn { width:37px;height:37px;border-radius:11px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink2);box-shadow:var(--shadow) }
.v3-page .dm-dubl .tabs { display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px }
.v3-page .dm-dubl .tabs a { display:flex;align-items:center;gap:8px;padding:11px 16px;font-size:13.5px;font-weight:650;color:var(--ink2);text-decoration:none;border-bottom:2.5px solid transparent;margin-bottom:-1px }
.v3-page .dm-dubl .tabs a.on { color:var(--brand);border-bottom-color:var(--brand) }
.v3-page .dm-dubl .tabs a .c { font-size:11px;font-weight:800;background:#eef1f6;color:var(--ink2);border-radius:99px;padding:1px 8px }
.v3-page .dm-dubl .tabs a.on .c { background:#e8effd;color:var(--brand) }
.v3-page .dm-dubl .tabs a .c.hot { background:#fdeaec;color:var(--bad) }
.v3-page .dm-dubl .split { display:grid;grid-template-columns:400px 1fr;gap:16px;align-items:start }
.v3-page .dm-dubl .card { background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow) }
.v3-page .dm-dubl .listhead { display:flex;align-items:center;gap:9px;padding:15px 18px;border-bottom:1px solid var(--line);font-size:13.5px;font-weight:700 }
.v3-page .dm-dubl .listhead svg { width:16px;height:16px;stroke:var(--brand);fill:none;stroke-width:2 }
.v3-page .dm-dubl .listhead .c { margin-left:auto;font-size:11px;font-weight:800;background:#fdf3e2;color:var(--warn);border-radius:99px;padding:2px 9px }
.v3-page .dm-dubl .buckets { display:flex;gap:6px;padding:11px 14px;border-bottom:1px solid var(--line);background:#fbfcfe }
.v3-page .dm-dubl .bk { flex:1;border:1px solid var(--line);border-radius:9px;padding:7px 6px;text-align:center;cursor:default;background:#fff }
.v3-page .dm-dubl .bk.on { background:#e8effd;border-color:#bcd3f7 }
.v3-page .dm-dubl .bk b { display:block;font-size:16px;font-weight:800;color:var(--ink);letter-spacing:-.3px }
.v3-page .dm-dubl .bk span { font-size:9.5px;font-weight:700;color:var(--ink3);letter-spacing:.2px }
.v3-page .dm-dubl .bk.rev b { color:var(--warn) }
.v3-page .dm-dubl .bk.on.sure b { color:var(--ok) }
.v3-page .dm-dubl .pair { padding:13px 16px;border-bottom:1px solid #eef1f6;cursor:default }
.v3-page .dm-dubl .pair:last-child { border-bottom:none }
.v3-page .dm-dubl .pair.on { background:#f2f7ff;box-shadow:inset 3px 0 0 var(--brand) }
.v3-page .dm-dubl .pair .names { display:flex;align-items:center;gap:8px;font-weight:700;font-size:13.5px }
.v3-page .dm-dubl .pair .names .vs { color:var(--ink3);font-weight:600;font-size:11.5px }
.v3-page .dm-dubl .pair .avs { display:flex;margin-right:2px }
.v3-page .dm-dubl .pair .avs .a { width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:10px;color:#fff;border:2px solid #fff }
.v3-page .dm-dubl .pair .avs .a:nth-child(2) { margin-left:-9px }
.v3-page .dm-dubl .pair .chips { display:flex;flex-wrap:wrap;gap:6px;margin-top:9px }
.v3-page .dm-dubl .mchip { font-size:10.5px;font-weight:650;border-radius:99px;padding:3px 9px;display:inline-flex;align-items:center;gap:5px }
.v3-page .dm-dubl .mchip svg { width:11px;height:11px;fill:none;stroke-width:2.2 }
.v3-page .dm-dubl .mc-mail { background:#fdeaec;color:#c93a4a }
.v3-page .dm-dubl .mc-name { background:#e8effd;color:#1e56c8 }
.v3-page .dm-dubl .mc-adr { background:#fdf3e2;color:#c07600 }
.v3-page .dm-dubl .mc-hb { background:#f0edfd;color:#7c6cf0 }
.v3-page .dm-dubl .pair .score { float:right;font-size:11px;font-weight:800 }
.v3-page .dm-dubl .sc-sure { color:var(--ok) }
.v3-page .dm-dubl .sc-mid { color:var(--warn) }
.v3-page .dm-dubl .sc-rev { color:var(--ink3) }
.v3-page .dm-dubl .cmphead { display:flex;align-items:center;gap:10px;padding:15px 20px;border-bottom:1px solid var(--line) }
.v3-page .dm-dubl .cmphead h2 { font-size:15px;font-weight:700 }
.v3-page .dm-dubl .cmphead .simbadge { margin-left:auto;font-size:11.5px;font-weight:700;color:var(--ok);background:#e5f5ec;border-radius:99px;padding:5px 12px }
.v3-page .dm-dubl .why { display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 20px;border-bottom:1px solid var(--line);background:#fbfcfe }
.v3-page .dm-dubl .why .wl { font-size:11px;font-weight:800;color:var(--ink3);letter-spacing:.4px;margin-right:2px }
.v3-page .dm-dubl .sig { font-size:11px;font-weight:650;border-radius:99px;padding:4px 10px;display:inline-flex;align-items:center;gap:6px }
.v3-page .dm-dubl .sig .w { font-weight:800 }
.v3-page .dm-dubl .sig.pos { background:#e5f5ec;color:#178a50 }
.v3-page .dm-dubl .sig.mid { background:#e8effd;color:#1e56c8 }
.v3-page .dm-dubl .sig.neg { background:#fdf3e2;color:#c07600 }
.v3-page .dm-dubl .cmpgrid { width:100%;border-collapse:collapse }
.v3-page .dm-dubl .cmpgrid th { padding:14px 20px;border-bottom:1px solid var(--line);text-align:left }
.v3-page .dm-dubl .cmpgrid .colhdr { display:flex;align-items:center;gap:11px }
.v3-page .dm-dubl .cmpgrid .colhdr .a { width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:13px;color:#fff;flex:none }
.v3-page .dm-dubl .cmpgrid .colhdr b { font-size:14.5px }
.v3-page .dm-dubl .cmpgrid .colhdr small { display:block;color:var(--ink3);font-size:11.5px;font-weight:600 }
.v3-page .dm-dubl .cmpgrid .fld { width:150px;font-size:11px;letter-spacing:.6px;color:var(--ink3);font-weight:700;padding:12px 20px;vertical-align:middle }
.v3-page .dm-dubl .cmpgrid td { padding:10px 20px;border-bottom:1px solid #eef1f6;vertical-align:middle }
.v3-page .dm-dubl .cmpgrid tr:last-child td { border-bottom:none }
.v3-page .dm-dubl .opt { display:flex;align-items:center;gap:11px;padding:9px 13px;border:1.6px solid var(--line);border-radius:11px;font-size:13.5px;font-weight:600 }
.v3-page .dm-dubl .opt.win { border-color:#bcd3f7;background:#f2f7ff }
.v3-page .dm-dubl .opt .rd { width:18px;height:18px;border-radius:50%;border:2px solid #c3ccda;flex:none;position:relative }
.v3-page .dm-dubl .opt.win .rd { border-color:var(--brand) }
.v3-page .dm-dubl .opt.win .rd::after { content:'';position:absolute;inset:3px;border-radius:50%;background:var(--brand) }
.v3-page .dm-dubl .opt .val { overflow:hidden;text-overflow:ellipsis;white-space:nowrap }
.v3-page .dm-dubl .opt .flag { margin-left:auto;font-size:10px;font-weight:800;letter-spacing:.4px;color:var(--ok);background:#e5f5ec;border-radius:5px;padding:2px 7px;flex:none }
.v3-page .dm-dubl .opt .flag.mut { color:var(--ink3);background:#f1f4f8 }
.v3-page .dm-dubl .same { font-size:11px;color:var(--ink3);font-weight:600;text-align:center }
.v3-page .dm-dubl .preview { margin:14px 20px 0;border:1px solid #cfe0d6;background:#f4faf6;border-radius:12px;padding:13px 15px }
.v3-page .dm-dubl .preview .pt { font-size:11.5px;font-weight:800;letter-spacing:.4px;color:var(--ok);display:flex;align-items:center;gap:7px }
.v3-page .dm-dubl .preview .pt svg { width:14px;height:14px;fill:none;stroke:var(--ok);stroke-width:2;flex:none }
.v3-page .dm-dubl .preview .pl { display:flex;flex-wrap:wrap;gap:9px 22px;margin-top:10px }
.v3-page .dm-dubl .preview .pi { font-size:12px;color:var(--ink2);display:flex;align-items:center;gap:7px }
.v3-page .dm-dubl .preview .pi b { color:var(--ink);font-weight:700 }
.v3-page .dm-dubl .preview .pi svg { width:14px;height:14px;fill:none;stroke-width:2;flex:none }
.v3-page .dm-dubl .preview .pi.arch { color:var(--warn) }
.v3-page .dm-dubl .preview .undo { margin-top:11px;padding-top:10px;border-top:1px dashed #cfe0d6;font-size:11px;color:var(--ink3);font-weight:600;display:flex;align-items:center;gap:7px }
.v3-page .dm-dubl .preview .undo svg { width:13px;height:13px;fill:none;stroke:var(--ink3);stroke-width:2;flex:none }
.v3-page .dm-dubl .cmpfoot { display:flex;align-items:center;gap:12px;padding:15px 20px;border-radius:0 0 var(--r) var(--r) }
.v3-page .dm-dubl .btn { border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:700;color:var(--ink2);display:inline-flex;align-items:center;gap:8px;cursor:default }
.v3-page .dm-dubl .btn svg { width:15px;height:15px;fill:none;stroke-width:2 }
.v3-page .dm-dubl .btn.pri { background:var(--brand);border-color:var(--brand);color:#fff }
.v3-page .dm-dubl .btn.ghost { color:var(--ink2) }
.v3-page .dm-dubl .skip { margin-left:auto;font-size:12px;color:var(--ink3);font-weight:650;display:inline-flex;align-items:center;gap:7px }
.v3-page .dm-dubl .skip svg { width:14px;height:14px;fill:none;stroke:var(--ink3);stroke-width:2 }

/* ── dm-anreich (aus v2_dm_anreicherung.html) ── */
.v3-page .dm-anreich { --canvas:#f4f6f9; --card:#ffffff; --line:#e6eaf1; --ink:#16233a; --ink2:#5b6b84; --ink3:#8b98ad;
    --brand:#1e56c8; --brand-deep:#0f2b46; --ok:#178a50; --warn:#c07600; --bad:#c93a4a;
    --sepa:#2563eb; --ueb:#0ea5a4; --paypal:#7c6cf0; --stripe:#b558d9;
    --r:16px; --shadow:0 1px 2px rgba(22,35,58,.05),0 10px 28px -14px rgba(22,35,58,.14); }
.v3-page .dm-anreich .num { font-variant-numeric:tabular-nums }
.v3-page .dm-anreich .top { display:flex;align-items:center;gap:16px;margin-bottom:18px }
.v3-page .dm-anreich .top h1 { font-size:21px;letter-spacing:-.3px }
.v3-page .dm-anreich .top .date { color:var(--ink3);font-weight:500;font-size:13px;margin-top:3px }
.v3-page .dm-anreich .search { margin-left:auto;display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);
    border-radius:11px;padding:8px 14px;color:var(--ink3);width:260px;box-shadow:var(--shadow) }
.v3-page .dm-anreich .iconbtn { width:37px;height:37px;border-radius:11px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink2);box-shadow:var(--shadow) }
.v3-page .dm-anreich .grid { display:grid;grid-template-columns:repeat(12,1fr);gap:16px }
.v3-page .dm-anreich .card { background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px 20px }
.v3-page .dm-anreich .card h2 { display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:700;letter-spacing:-.1px }
.v3-page .dm-anreich .card h2 svg { width:17px;height:17px;stroke:var(--brand);fill:none;stroke-width:2 }
.v3-page .dm-anreich .card h2 .more { margin-left:auto;font-size:12.5px;color:var(--brand);font-weight:600 }
.v3-page .dm-anreich .card h2 .tot { margin-left:auto;font-size:12px;font-weight:700;color:var(--ink2) }
.v3-page .dm-anreich .sub { color:var(--ink3);font-size:12px;margin-top:2px }
.v3-page .dm-anreich .c-blue { background:#e8effd;color:#1e56c8 }
.v3-page .dm-anreich .c-red { background:#fdeaec;color:#c93a4a }
.v3-page .dm-anreich .c-amb { background:#fdf3e2;color:#c07600 }
.v3-page .dm-anreich .c-grn { background:#e5f5ec;color:#178a50 }
.v3-page .dm-anreich .c-vio { background:#f0edfd;color:#7c6cf0 }
.v3-page .dm-anreich .review { grid-column:span 12;display:flex;align-items:center;gap:16px;background:linear-gradient(120deg,#fff8ec,#fef4f2);border:1px solid #f0dcae;padding:15px 20px }
.v3-page .dm-anreich .review .ri { width:46px;height:46px;border-radius:12px;background:#fff;border:1px solid #f0dcae;display:grid;place-items:center;flex:none }
.v3-page .dm-anreich .review .ri svg { width:23px;height:23px;stroke:var(--warn);fill:none;stroke-width:2 }
.v3-page .dm-anreich .review .rt b { font-size:15px }
.v3-page .dm-anreich .review .rt p { font-size:12.5px;color:var(--ink2);margin-top:2px }
.v3-page .dm-anreich .review .rt p .k { color:var(--warn);font-weight:700 }
.v3-page .dm-anreich .review .rbadge { margin-left:auto;font-size:11px;font-weight:800;letter-spacing:.4px;color:var(--warn);background:#fdf3e2;border:1px solid #f0dcae;border-radius:99px;padding:5px 12px }
.v3-page .dm-anreich .review .go { background:var(--brand);border:1px solid var(--brand);color:#fff;border-radius:10px;padding:11px 18px;font-size:13.5px;font-weight:700;display:inline-flex;align-items:center;gap:8px;white-space:nowrap }
.v3-page .dm-anreich .review .go svg { width:15px;height:15px;fill:none;stroke:#fff;stroke-width:2 }
.v3-page .dm-anreich .cov { grid-column:span 5 }
.v3-page .dm-anreich .covrow { display:flex;align-items:center;gap:12px;margin-top:13px }
.v3-page .dm-anreich .covrow .cl { width:104px;font-size:12.5px;font-weight:650;color:var(--ink2) }
.v3-page .dm-anreich .covrow .track { flex:1;height:9px;background:#eef1f6;border-radius:99px;overflow:hidden }
.v3-page .dm-anreich .covrow .track i { display:block;height:100%;border-radius:99px }
.v3-page .dm-anreich .covrow .cp { width:38px;text-align:right;font-size:13px;font-weight:800 }
.v3-page .dm-anreich .covrow .cn { width:96px;text-align:right;font-size:11px;color:var(--ink3);font-weight:600 }
.v3-page .dm-anreich .fill-grn { background:linear-gradient(90deg,#34d399,#178a50) }
.v3-page .dm-anreich .fill-blu { background:linear-gradient(90deg,#3f7ae6,#1e56c8) }
.v3-page .dm-anreich .fill-amb { background:linear-gradient(90deg,#f0b657,#c07600) }
.v3-page .dm-anreich .fill-red { background:linear-gradient(90deg,#ef8a97,#c93a4a) }
.v3-page .dm-anreich .p-grn { color:var(--ok) }
.v3-page .dm-anreich .p-blu { color:var(--brand) }
.v3-page .dm-anreich .p-amb { color:var(--warn) }
.v3-page .dm-anreich .p-red { color:var(--bad) }
.v3-page .dm-anreich .kosten { grid-column:span 4;display:flex;flex-direction:column }
.v3-page .dm-anreich .kbars { display:grid;grid-template-columns:repeat(6,1fr);gap:11px;align-items:end;height:104px;margin-top:16px }
.v3-page .dm-anreich .kbar { display:flex;flex-direction:column;justify-content:flex-end;height:100% }
.v3-page .dm-anreich .kbar i { width:100%;background:linear-gradient(180deg,#3f7ae6,#1e56c8);border-radius:5px 5px 0 0;min-height:3px }
.v3-page .dm-anreich .kbar.part i { background:linear-gradient(180deg,#9bbcf2,#6c95dd) }
.v3-page .dm-anreich .kbar .kv { text-align:center;font-size:10.5px;font-weight:700;color:var(--ink2);margin-bottom:4px }
.v3-page .dm-anreich .kxlab { display:grid;grid-template-columns:repeat(6,1fr);gap:11px;margin-top:7px;text-align:center;font-size:10.5px;color:var(--ink3);font-weight:600 }
.v3-page .dm-anreich .kxlab .now { color:var(--brand);font-weight:800 }
.v3-page .dm-anreich .kfoot { margin-top:auto;padding-top:12px;border-top:1px solid var(--line);display:flex;align-items:center;font-size:12px;color:var(--ink2) }
.v3-page .dm-anreich .kfoot b { color:var(--ink);font-size:14px;margin-left:auto }
.v3-page .dm-anreich .creds { grid-column:span 3;display:flex;flex-direction:column }
.v3-page .dm-anreich .creds .cbig { font-size:30px;font-weight:800;letter-spacing:-1px;margin:12px 0 3px }
.v3-page .dm-anreich .creds .cbar { height:8px;background:#eef1f6;border-radius:99px;overflow:hidden;margin:0 0 5px }
.v3-page .dm-anreich .creds .cbar i { display:block;height:100%;border-radius:99px }
.v3-page .dm-anreich .creds .cnote { font-size:11.5px;color:var(--ink3);font-weight:600 }
.v3-page .dm-anreich .creds .crow { display:flex;align-items:center;justify-content:space-between;font-size:12.5px;color:var(--ink2);padding:8px 0;border-top:1px solid var(--line);margin-top:12px }
.v3-page .dm-anreich .creds .crow b { font-weight:700;color:var(--ink) }
.v3-page .dm-anreich .creds .crow:first-of-type { margin-top:auto }
.v3-page .dm-anreich .hist { grid-column:span 8 }
.v3-page .dm-anreich table { width:100%;border-collapse:collapse;font-size:13px }
.v3-page .dm-anreich th { font-size:10.5px;letter-spacing:.7px;color:var(--ink3);text-align:left;font-weight:700;padding:10px 12px;border-bottom:1px solid var(--line) }
.v3-page .dm-anreich td { padding:12px 12px;border-bottom:1px solid #eef1f6;vertical-align:middle }
.v3-page .dm-anreich tbody tr:last-child td { border-bottom:none }
.v3-page .dm-anreich .selname { font-weight:650 }
.v3-page .dm-anreich .selname small { display:block;color:var(--ink3);font-size:11px;font-weight:500 }
.v3-page .dm-anreich .stt { font-size:10.5px;font-weight:800;letter-spacing:.4px;border-radius:6px;padding:3px 9px;display:inline-flex;align-items:center;gap:5px }
.v3-page .dm-anreich .stt .d { width:7px;height:7px;border-radius:50% }
.v3-page .dm-anreich .st-ok { background:#e5f5ec;color:#178a50 }
.v3-page .dm-anreich .st-run { background:#e8effd;color:#1e56c8 }
.v3-page .dm-anreich .st-rev { background:#fdf3e2;color:#c07600 }
.v3-page .dm-anreich .difflink { color:var(--brand);font-weight:700;font-size:12.5px;display:inline-flex;align-items:center;gap:5px }
.v3-page .dm-anreich .difflink svg { width:13px;height:13px;fill:none;stroke-width:2 }
.v3-page .dm-anreich .difflink.rev { color:var(--warn) }
.v3-page .dm-anreich .muted { color:var(--ink3) }
.v3-page .dm-anreich .newrun { grid-column:span 4;display:flex;flex-direction:column }
.v3-page .dm-anreich .frow { margin-top:14px }
.v3-page .dm-anreich .frow label { font-size:11px;font-weight:700;color:var(--ink3);letter-spacing:.3px }
.v3-page .dm-anreich .sel { margin-top:6px;border:1.6px solid #bcd3f7;border-radius:10px;padding:11px 13px;font-size:13.5px;font-weight:600;background:#f7faff;display:flex;align-items:center;gap:9px;color:var(--ink) }
.v3-page .dm-anreich .sel .sc { margin-left:auto;font-size:11.5px;font-weight:700;color:var(--brand);background:#e8effd;border-radius:99px;padding:2px 9px }
.v3-page .dm-anreich .sel svg { width:15px;height:15px;fill:none;stroke:var(--ink3);stroke-width:2 }
.v3-page .dm-anreich .calc { margin-top:16px;border:1px solid var(--line);border-radius:12px;background:#fbfcfe;padding:14px 15px }
.v3-page .dm-anreich .calc .cr { display:flex;align-items:center;justify-content:space-between;font-size:12.5px;padding:5px 0;color:var(--ink2) }
.v3-page .dm-anreich .calc .cr b { font-weight:700;color:var(--ink) }
.v3-page .dm-anreich .calc .cr.tot { border-top:1px solid var(--line);margin-top:6px;padding-top:11px;font-size:14px }
.v3-page .dm-anreich .calc .cr.tot b { font-size:20px;color:var(--brand);letter-spacing:-.5px }
.v3-page .dm-anreich .calc .credleft { font-size:11.5px;color:var(--warn);margin-top:4px;text-align:right;font-weight:600 }
.v3-page .dm-anreich .btn { border:1px solid var(--line);background:#fff;border-radius:10px;padding:11px 16px;font-size:13.5px;font-weight:700;color:var(--ink2);display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:default;width:100% }
.v3-page .dm-anreich .btn svg { width:15px;height:15px;fill:none;stroke-width:2 }
.v3-page .dm-anreich .btn.pri { background:var(--brand);border-color:var(--brand);color:#fff;margin-top:14px }
.v3-page .dm-anreich .gate { font-size:11px;color:var(--ink3);text-align:center;margin-top:9px;display:flex;align-items:center;gap:6px;justify-content:center }
.v3-page .dm-anreich .gate svg { width:13px;height:13px;fill:none;stroke:var(--ok);stroke-width:2 }
.v3-page .dm-anreich .single { grid-column:span 12;display:flex;align-items:center;gap:16px;background:linear-gradient(120deg,#f2f7ff,#f7f4ff);border-color:#dbe6fb }
.v3-page .dm-anreich .single .si { width:44px;height:44px;border-radius:12px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;flex:none }
.v3-page .dm-anreich .single .si svg { width:22px;height:22px;fill:none;stroke:var(--brand);stroke-width:2 }
.v3-page .dm-anreich .single b { font-size:14px }
.v3-page .dm-anreich .single p { font-size:12.5px;color:var(--ink2);margin-top:2px }
.v3-page .dm-anreich .single .go { margin-left:auto;font-size:12.5px;font-weight:700;color:var(--brand);white-space:nowrap }

/* ── dm-syscheck (aus v2_systemcheck.html) ── */
.v3-page .dm-syscheck { --canvas:#f4f6f9; --card:#ffffff; --line:#e6eaf1; --ink:#16233a; --ink2:#5b6b84; --ink3:#8b98ad;
    --brand:#1e56c8; --brand-deep:#0f2b46; --ok:#178a50; --warn:#c07600; --bad:#c93a4a;
    --sepa:#2563eb; --ueb:#0ea5a4; --paypal:#7c6cf0; --stripe:#b558d9;
    --r:16px; --shadow:0 1px 2px rgba(22,35,58,.05),0 10px 28px -14px rgba(22,35,58,.14); }
.v3-page .dm-syscheck .num { font-variant-numeric:tabular-nums }
.v3-page .dm-syscheck .top { display:flex;align-items:center;gap:16px;margin-bottom:18px }
.v3-page .dm-syscheck .top h1 { font-size:21px;letter-spacing:-.3px }
.v3-page .dm-syscheck .top .date { color:var(--ink3);font-weight:500;font-size:13px;margin-top:3px }
.v3-page .dm-syscheck .hpill { display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--ok);background:#e5f5ec;border-radius:99px;padding:5px 12px }
.v3-page .dm-syscheck .hpill .hd { width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.16) }
.v3-page .dm-syscheck .search { margin-left:auto;display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:8px 14px;color:var(--ink3);width:230px;box-shadow:var(--shadow) }
.v3-page .dm-syscheck .iconbtn { position:relative;width:37px;height:37px;border-radius:11px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink2);box-shadow:var(--shadow) }
.v3-page .dm-syscheck .iconbtn .bdg { position:absolute;top:-5px;right:-5px;background:#e8563f;color:#fff;font-size:10px;font-weight:700;border-radius:99px;min-width:16px;height:16px;display:grid;place-items:center;padding:0 4px }
.v3-page .dm-syscheck .card { background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow) }
.v3-page .dm-syscheck .summary { display:flex;align-items:center;gap:16px;padding:16px 20px;margin-bottom:20px }
.v3-page .dm-syscheck .sumbig { display:flex;align-items:center;gap:13px }
.v3-page .dm-syscheck .ring { width:52px;height:52px;border-radius:50%;background:conic-gradient(#22c55e 0 92%,#f59e0b 92% 100%);display:grid;place-items:center }
.v3-page .dm-syscheck .ring::after { content:'';width:40px;height:40px;border-radius:50%;background:#fff }
.v3-page .dm-syscheck .ring b { position:absolute;font-size:13px;font-weight:800;color:var(--ink) }
.v3-page .dm-syscheck .rw { position:relative;display:grid;place-items:center }
.v3-page .dm-syscheck .sumbig .tx b { font-size:17px }
.v3-page .dm-syscheck .sumbig .tx span { display:block;font-size:12px;color:var(--ink3);font-weight:600 }
.v3-page .dm-syscheck .sumpill { display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;border-radius:99px;padding:6px 13px;white-space:nowrap }
.v3-page .dm-syscheck .sumpill svg { width:14px;height:14px;fill:none;stroke-width:2 }
.v3-page .dm-syscheck .p-ok { background:#e5f5ec;color:var(--ok) }
.v3-page .dm-syscheck .p-warn { background:#fdf3e2;color:var(--warn) }
.v3-page .dm-syscheck .p-neut { background:#f1f4f8;color:var(--ink2) }
.v3-page .dm-syscheck .summary .act { margin-left:auto;display:flex;gap:9px }
.v3-page .dm-syscheck .btn { display:inline-flex;align-items:center;gap:7px;border-radius:10px;padding:9px 15px;font-size:12.5px;font-weight:700;border:1px solid var(--line);background:#fff;color:var(--ink2);cursor:pointer;white-space:nowrap }
.v3-page .dm-syscheck .btn svg { width:14px;height:14px;fill:none;stroke-width:2 }
.v3-page .dm-syscheck .btn.prim { background:var(--brand);border-color:var(--brand);color:#fff }
.v3-page .dm-syscheck .grouphdr { display:flex;align-items:center;gap:11px;margin:22px 2px 11px }
.v3-page .dm-syscheck .grouphdr .lbl { font-size:11px;letter-spacing:1.4px;font-weight:800;color:var(--ink2) }
.v3-page .dm-syscheck .grouphdr .cnt { font-size:11px;font-weight:700;color:var(--ink3);background:#eef1f6;border-radius:99px;padding:2px 9px }
.v3-page .dm-syscheck .grouphdr .ln { flex:1;height:1px;background:var(--line) }
.v3-page .dm-syscheck .grouphdr .gtag { width:8px;height:8px;border-radius:3px }
.v3-page .dm-syscheck .t-fin { background:#1e56c8 }
.v3-page .dm-syscheck .t-mit { background:#0ea5a4 }
.v3-page .dm-syscheck .t-kom { background:#7c6cf0 }
.v3-page .dm-syscheck .t-sti { background:#b558d9 }
.v3-page .dm-syscheck .t-stb { background:#c07600 }
.v3-page .dm-syscheck .t-sys { background:#5b6b84 }
.v3-page .dm-syscheck .t-det { background:#c93a4a }
.v3-page .dm-syscheck .syslist { display:flex;flex-direction:column;gap:9px }
.v3-page .dm-syscheck .srow { display:grid;grid-template-columns:1.55fr 1.4fr 108px 120px 120px;gap:14px;align-items:center;padding:14px 18px }
.v3-page .dm-syscheck .srow.warn { border-color:#f0d49a;background:linear-gradient(180deg,#fffdf8,#fff) }
.v3-page .dm-syscheck .s-name { display:flex;align-items:flex-start;gap:11px;min-width:0 }
.v3-page .dm-syscheck .st { width:11px;height:11px;border-radius:50%;flex:none;margin-top:3px }
.v3-page .dm-syscheck .st-ok { background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.15) }
.v3-page .dm-syscheck .st-warn { background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.18) }
.v3-page .dm-syscheck .st-bad { background:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.15) }
.v3-page .dm-syscheck .s-name .nm { font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px }
.v3-page .dm-syscheck .arealink { font-size:9.5px;font-weight:800;letter-spacing:.4px;border-radius:5px;padding:2px 6px;display:inline-flex;align-items:center;gap:3px }
.v3-page .dm-syscheck .arealink svg { width:9px;height:9px;stroke-width:2.4;fill:none }
.v3-page .dm-syscheck .al-fin { background:#e8effd;color:#1e56c8 }
.v3-page .dm-syscheck .al-mit { background:#e0f5f3;color:#0b7d76 }
.v3-page .dm-syscheck .al-kom { background:#f0edfd;color:#6d5bd0 }
.v3-page .dm-syscheck .al-sti { background:#f6e9fb;color:#a13fc5 }
.v3-page .dm-syscheck .al-stb { background:#fdf3e2;color:var(--warn) }
.v3-page .dm-syscheck .al-sys { background:#eef1f6;color:var(--ink2) }
.v3-page .dm-syscheck .s-name .sub { font-size:11.5px;color:var(--ink3);font-weight:500;margin-top:2px }
.v3-page .dm-syscheck .depchip { display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;color:var(--ink2);background:#f1f4f8;border-radius:6px;padding:2px 8px;margin-top:6px }
.v3-page .dm-syscheck .depchip svg { width:11px;height:11px;stroke-width:2.2;fill:none }
.v3-page .dm-syscheck .depchip.blk { background:#fdf3e2;color:#9a6a12 }
.v3-page .dm-syscheck .col .k { font-size:10px;letter-spacing:.5px;color:var(--ink3);font-weight:700;text-transform:uppercase }
.v3-page .dm-syscheck .col .v { font-size:12.5px;color:var(--ink);font-weight:600;margin-top:2px }
.v3-page .dm-syscheck .col .v.good { color:var(--ok) }
.v3-page .dm-syscheck .col .nx { font-size:11px;color:var(--ink3);font-weight:500;margin-top:4px }
.v3-page .dm-syscheck .col .nx b { color:var(--ink2);font-weight:700 }
.v3-page .dm-syscheck .verl { display:flex;flex-direction:column;gap:5px }
.v3-page .dm-syscheck .verl .vk { font-size:9.5px;letter-spacing:.4px;color:var(--ink3);font-weight:700;text-transform:uppercase }
.v3-page .dm-syscheck .runs { display:flex;gap:3px;align-items:center }
.v3-page .dm-syscheck .run { width:11px;height:15px;border-radius:3px }
.v3-page .dm-syscheck .run.g { background:#22c55e }
.v3-page .dm-syscheck .run.a { background:#f59e0b }
.v3-page .dm-syscheck .run.r { background:#ef4444 }
.v3-page .dm-syscheck .fresh { display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;border-radius:99px;padding:4px 10px;white-space:nowrap }
.v3-page .dm-syscheck .fresh svg { width:12px;height:12px;fill:none;stroke-width:2 }
.v3-page .dm-syscheck .f-ok { background:#e5f5ec;color:var(--ok) }
.v3-page .dm-syscheck .f-warn { background:#fdf3e2;color:var(--warn) }
.v3-page .dm-syscheck .acts { display:flex;flex-direction:column;gap:6px;align-items:stretch }
.v3-page .dm-syscheck .abtn { display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:9px;padding:7px 10px;font-size:11.5px;font-weight:700;border:1px solid var(--line);background:#fff;color:var(--ink2);cursor:pointer;white-space:nowrap }
.v3-page .dm-syscheck .abtn svg { width:13px;height:13px;fill:none;stroke-width:2 }
.v3-page .dm-syscheck .abtn.safe { background:#e8effd;border-color:#bcd3f7;color:var(--brand) }
.v3-page .dm-syscheck .abtn.report { color:var(--warn);border-color:#f0d49a;background:#fffaf0 }
.v3-page .dm-syscheck .diag { grid-column:1 / -1;margin-top:13px;padding-top:13px;border-top:1px dashed #ecd9b0;display:flex;gap:22px;align-items:flex-start }
.v3-page .dm-syscheck .diagbox { display:flex;gap:11px;align-items:flex-start;flex:1 }
.v3-page .dm-syscheck .diagbox .ic { width:30px;height:30px;border-radius:9px;background:#fdf3e2;color:var(--warn);display:grid;place-items:center;flex:none }
.v3-page .dm-syscheck .diagbox .ic svg { width:16px;height:16px;fill:none;stroke-width:2 }
.v3-page .dm-syscheck .diagbox b { font-size:13px }
.v3-page .dm-syscheck .diagbox p { font-size:12.5px;color:var(--ink2);margin-top:2px;max-width:560px }
.v3-page .dm-syscheck .diagbox .meta { display:flex;gap:8px;margin-top:8px;flex-wrap:wrap }
.v3-page .dm-syscheck .mchip { font-size:11px;font-weight:700;background:#f6efe0;color:#9a6a12;border-radius:6px;padding:3px 9px }
.v3-page .dm-syscheck .detgrid { display:grid;grid-template-columns:repeat(3,1fr);gap:14px }
.v3-page .dm-syscheck .det { padding:16px 17px;display:flex;flex-direction:column;gap:0 }
.v3-page .dm-syscheck .det.warn { border-color:#f0d49a;background:linear-gradient(180deg,#fffdf8,#fff) }
.v3-page .dm-syscheck .det .dhd { display:flex;align-items:flex-start;gap:11px }
.v3-page .dm-syscheck .det .di { width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none }
.v3-page .dm-syscheck .det .di svg { width:17px;height:17px;fill:none;stroke-width:2 }
.v3-page .dm-syscheck .di-red { background:#fdeaec;color:var(--bad) }
.v3-page .dm-syscheck .di-amb { background:#fdf3e2;color:var(--warn) }
.v3-page .dm-syscheck .di-blue { background:#e8effd;color:var(--brand) }
.v3-page .dm-syscheck .det .dhd b { font-size:13.5px }
.v3-page .dm-syscheck .det .dst { margin-left:auto;width:9px;height:9px;border-radius:50%;flex:none;margin-top:4px }
.v3-page .dm-syscheck .dst.g { background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.15) }
.v3-page .dm-syscheck .dst.a { background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.18) }
.v3-page .dm-syscheck .det p { font-size:12px;color:var(--ink2);margin:9px 0 12px;line-height:1.5 }
.v3-page .dm-syscheck .det .find { display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:10px;background:#f6f8fb;font-size:12px;font-weight:700 }
.v3-page .dm-syscheck .det .find.hit { background:#fdf3e2;color:#9a6a12 }
.v3-page .dm-syscheck .det .find.clean { background:#e5f5ec;color:var(--ok) }
.v3-page .dm-syscheck .det .find .n { margin-left:auto;font-weight:800 }
.v3-page .dm-syscheck .det .dfoot { margin-top:12px;display:flex;align-items:center;gap:10px }
.v3-page .dm-syscheck .det .dlink { font-size:12px;font-weight:700;color:var(--brand);display:inline-flex;align-items:center;gap:5px }
.v3-page .dm-syscheck .det .dlink svg { width:13px;height:13px;stroke-width:2;fill:none }
.v3-page .dm-syscheck .det .runsmini { margin-left:auto;display:flex;gap:2.5px }
.v3-page .dm-syscheck .det .runsmini i { width:8px;height:12px;border-radius:2px }

/* ── dm-meldungen (aus v2_meldungen.html) ── */
.v3-page .dm-meldungen { --canvas:#f4f6f9; --card:#ffffff; --line:#e6eaf1; --ink:#16233a; --ink2:#5b6b84; --ink3:#8b98ad;
    --brand:#1e56c8; --brand-deep:#0f2b46; --ok:#178a50; --warn:#c07600; --bad:#c93a4a;
    --r:16px; --shadow:0 1px 2px rgba(22,35,58,.05),0 10px 28px -14px rgba(22,35,58,.14); }
.v3-page .dm-meldungen .num { font-variant-numeric:tabular-nums }
.v3-page .dm-meldungen .top { display:flex;align-items:center;gap:16px;margin-bottom:18px }
.v3-page .dm-meldungen .top h1 { font-size:21px;letter-spacing:-.3px;display:flex;align-items:center;gap:10px }
.v3-page .dm-meldungen .top h1 .badge { background:#e8563f;color:#fff;font-size:12px;font-weight:700;border-radius:99px;padding:2px 10px }
.v3-page .dm-meldungen .top .date { color:var(--ink3);font-weight:500;font-size:13px;margin-top:3px }
.v3-page .dm-meldungen .search { margin-left:auto;display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:8px 14px;color:var(--ink3);width:230px;box-shadow:var(--shadow) }
.v3-page .dm-meldungen .iconbtn { position:relative;width:37px;height:37px;border-radius:11px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink2);box-shadow:var(--shadow) }
.v3-page .dm-meldungen .iconbtn .bdg { position:absolute;top:-5px;right:-5px;background:#e8563f;color:#fff;font-size:10px;font-weight:700;border-radius:99px;min-width:16px;height:16px;display:grid;place-items:center;padding:0 4px }
.v3-page .dm-meldungen .iconbtn.hot { background:#fdeaec;border-color:#f3c3c9;color:var(--bad) }
.v3-page .dm-meldungen .card { background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow) }
.v3-page .dm-meldungen .layout { display:grid;grid-template-columns:1fr 430px;gap:18px;align-items:start }
.v3-page .dm-meldungen .filterbar { display:flex;align-items:center;gap:8px;margin-bottom:14px }
.v3-page .dm-meldungen .chip { border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 15px;font-size:12.5px;font-weight:600;color:var(--ink2);cursor:pointer;display:inline-flex;align-items:center;gap:7px }
.v3-page .dm-meldungen .chip .c { font-size:11px;font-weight:700;background:#eef1f6;color:var(--ink3);border-radius:99px;padding:0 7px }
.v3-page .dm-meldungen .chip.on { background:#e8effd;border-color:#bcd3f7;color:var(--brand) }
.v3-page .dm-meldungen .chip.on .c { background:#d3e2fb;color:var(--brand) }
.v3-page .dm-meldungen .filterbar .right { margin-left:auto;display:flex;gap:8px;align-items:center }
.v3-page .dm-meldungen .togglepill { display:inline-flex;align-items:center;gap:9px;border:1px solid #bcd3f7;background:#e8effd;border-radius:99px;padding:5px 13px 5px 15px;font-size:12.5px;font-weight:700;color:var(--brand);cursor:pointer }
.v3-page .dm-meldungen .togglepill .sw { width:34px;height:19px;border-radius:99px;background:var(--brand);position:relative;flex:none }
.v3-page .dm-meldungen .togglepill .sw::after { content:'';position:absolute;top:2.5px;left:17px;width:14px;height:14px;border-radius:50%;background:#fff }
.v3-page .dm-meldungen .tl { padding:6px 0 }
.v3-page .dm-meldungen .titem { display:grid;grid-template-columns:44px 1fr;gap:0;padding:0 20px;position:relative }
.v3-page .dm-meldungen .rail { display:flex;flex-direction:column;align-items:center }
.v3-page .dm-meldungen .rail .ic { width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none;z-index:1;margin-top:16px }
.v3-page .dm-meldungen .rail .ic svg { width:16px;height:16px;fill:none;stroke-width:2 }
.v3-page .dm-meldungen .rail .line { flex:1;width:2px;background:var(--line);margin:4px 0 0 }
.v3-page .dm-meldungen .titem:last-child .rail .line { display:none }
.v3-page .dm-meldungen .i-bad { background:#fdeaec;color:var(--bad) }
.v3-page .dm-meldungen .i-warn { background:#fdf3e2;color:var(--warn) }
.v3-page .dm-meldungen .i-team { background:#e8effd;color:var(--brand) }
.v3-page .dm-meldungen .i-ok { background:#e5f5ec;color:var(--ok) }
.v3-page .dm-meldungen .tbody { padding:15px 0 15px 14px;border-bottom:1px solid #eef1f6 }
.v3-page .dm-meldungen .titem:last-child .tbody { border-bottom:none }
.v3-page .dm-meldungen .tbody.sel { background:linear-gradient(90deg,#f5f8ff,#fff);border-radius:12px;padding-left:14px;padding-right:14px;border-bottom-color:transparent }
.v3-page .dm-meldungen .tline1 { display:flex;align-items:center;gap:9px }
.v3-page .dm-meldungen .tline1 b { font-size:14px;font-weight:700 }
.v3-page .dm-meldungen .kind { font-size:10px;font-weight:800;letter-spacing:.5px;border-radius:5px;padding:2px 7px }
.v3-page .dm-meldungen .k-sys { background:#eef1f6;color:var(--ink2) }
.v3-page .dm-meldungen .k-team { background:#e8effd;color:var(--brand) }
.v3-page .dm-meldungen .areachip { font-size:10px;font-weight:700;letter-spacing:.3px;border-radius:5px;padding:2px 7px;display:inline-flex;align-items:center;gap:4px }
.v3-page .dm-meldungen .areachip svg { width:9px;height:9px;stroke-width:2.4;fill:none }
.v3-page .dm-meldungen .a-fin { background:#e8effd;color:#1e56c8 }
.v3-page .dm-meldungen .a-sti { background:#f6e9fb;color:#a13fc5 }
.v3-page .dm-meldungen .a-stb { background:#fdf3e2;color:var(--warn) }
.v3-page .dm-meldungen .a-kom { background:#f0edfd;color:#6d5bd0 }
.v3-page .dm-meldungen .tline1 time { margin-left:auto;font-size:11.5px;color:var(--ink3);font-weight:600;white-space:nowrap }
.v3-page .dm-meldungen .tdesc { font-size:12.5px;color:var(--ink2);margin-top:5px;max-width:640px }
.v3-page .dm-meldungen .tmeta { display:flex;align-items:center;gap:8px;margin-top:9px;flex-wrap:wrap }
.v3-page .dm-meldungen .dur { display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;background:#f1f4f8;color:var(--ink2);border-radius:99px;padding:3px 9px }
.v3-page .dm-meldungen .dur svg { width:11px;height:11px;fill:none;stroke-width:2 }
.v3-page .dm-meldungen .stt { display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;border-radius:99px;padding:3px 10px }
.v3-page .dm-meldungen .stt::before { content:'';width:7px;height:7px;border-radius:50% }
.v3-page .dm-meldungen .s-open { background:#fdeaec;color:var(--bad) }
.v3-page .dm-meldungen .s-open::before { background:var(--bad) }
.v3-page .dm-meldungen .s-prog { background:#fdf3e2;color:var(--warn) }
.v3-page .dm-meldungen .s-prog::before { background:var(--warn) }
.v3-page .dm-meldungen .s-done { background:#e5f5ec;color:var(--ok) }
.v3-page .dm-meldungen .s-done::before { background:var(--ok) }
.v3-page .dm-meldungen .s-auto { background:#e5f5ec;color:var(--ok) }
.v3-page .dm-meldungen .s-auto::before { background:var(--ok) }
.v3-page .dm-meldungen .assign { display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ink2);font-weight:600 }
.v3-page .dm-meldungen .syslink { display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--brand);background:#f5f8ff;border:1px solid #dce8fb;border-radius:99px;padding:3px 10px }
.v3-page .dm-meldungen .syslink svg { width:11px;height:11px;stroke-width:2.2;fill:none }
.v3-page .dm-meldungen .mini-ava { width:19px;height:19px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:9px }
.v3-page .dm-meldungen .av-lisa { background:#a13fc5 }
.v3-page .dm-meldungen .av-tim { background:#0ea5a4 }
.v3-page .dm-meldungen .av-cs { background:#2f6fe0 }
.v3-page .dm-meldungen .av-sys { background:#5b6b84 }
.v3-page .dm-meldungen .detail { position:sticky;top:22px }
.v3-page .dm-meldungen .dhead { padding:18px 20px;border-bottom:1px solid var(--line) }
.v3-page .dm-meldungen .dhead .row1 { display:flex;align-items:center;gap:9px;margin-bottom:10px }
.v3-page .dm-meldungen .dhead h2 { font-size:16px;font-weight:800;letter-spacing:-.2px;margin-top:10px }
.v3-page .dm-meldungen .dhead .who { display:flex;align-items:center;gap:9px;margin-top:12px;font-size:12.5px;color:var(--ink2) }
.v3-page .dm-meldungen .dhead .who b { color:var(--ink) }
.v3-page .dm-meldungen .dbody { padding:16px 20px }
.v3-page .dm-meldungen .dsec { font-size:10.5px;letter-spacing:.8px;font-weight:800;color:var(--ink3);text-transform:uppercase;margin-bottom:11px;display:flex;align-items:center;gap:8px }
.v3-page .dm-meldungen .dsec .slink { margin-left:auto;font-size:11px;font-weight:700;color:var(--brand);letter-spacing:0;text-transform:none;display:inline-flex;align-items:center;gap:4px }
.v3-page .dm-meldungen .dsec .slink svg { width:11px;height:11px;stroke-width:2.2;fill:none }
.v3-page .dm-meldungen .escpath { display:flex;align-items:stretch;gap:0;margin-bottom:20px;border:1px solid var(--line);border-radius:12px;overflow:hidden }
.v3-page .dm-meldungen .escnode { flex:1;padding:10px 11px;display:flex;flex-direction:column;gap:5px;position:relative;background:#fbfcfe }
.v3-page .dm-meldungen .escnode + .escnode { border-left:1px solid var(--line) }
.v3-page .dm-meldungen .escnode.done { background:#f4f9f5 }
.v3-page .dm-meldungen .escnode .en1 { display:flex;align-items:center;gap:6px }
.v3-page .dm-meldungen .escnode .en1 .mini-ava { width:17px;height:17px;font-size:8px }
.v3-page .dm-meldungen .escnode .en1 b { font-size:11px;font-weight:700 }
.v3-page .dm-meldungen .escnode .estep { font-size:9.5px;letter-spacing:.4px;font-weight:800;color:var(--ink3);text-transform:uppercase }
.v3-page .dm-meldungen .escnode time { font-size:10px;color:var(--ink3);font-weight:600 }
.v3-page .dm-meldungen .escnode .dotok { width:14px;height:14px;border-radius:50%;background:#e5f5ec;color:var(--ok);display:grid;place-items:center }
.v3-page .dm-meldungen .escnode .dotok svg { width:9px;height:9px;stroke-width:3;fill:none }
.v3-page .dm-meldungen .escnode .dotwait { width:14px;height:14px;border-radius:50%;background:#fdeaec;color:var(--bad);display:grid;place-items:center;font-size:9px;font-weight:800 }
.v3-page .dm-meldungen .thread { display:flex;flex-direction:column;gap:0;position:relative;margin-bottom:20px }
.v3-page .dm-meldungen .tevt { display:grid;grid-template-columns:30px 1fr;gap:11px;padding-bottom:16px;position:relative }
.v3-page .dm-meldungen .tevt:last-child { padding-bottom:0 }
.v3-page .dm-meldungen .tevt .dot { width:26px;height:26px;border-radius:8px;display:grid;place-items:center;flex:none;z-index:1 }
.v3-page .dm-meldungen .tevt .dot svg { width:13px;height:13px;fill:none;stroke-width:2 }
.v3-page .dm-meldungen .tevt .ln { position:absolute;left:13px;top:26px;bottom:-2px;width:2px;background:var(--line) }
.v3-page .dm-meldungen .tevt:last-child .ln { display:none }
.v3-page .dm-meldungen .tevt .txt b { font-size:12.5px }
.v3-page .dm-meldungen .tevt .txt p { font-size:12px;color:var(--ink2);margin-top:2px }
.v3-page .dm-meldungen .tevt .txt time { font-size:10.5px;color:var(--ink3);font-weight:600 }
.v3-page .dm-meldungen .cbox { background:#f6f8fb;border:1px solid var(--line);border-radius:12px;padding:12px }
.v3-page .dm-meldungen .cbox textarea { width:100%;border:none;background:transparent;resize:none;font:inherit;font-size:12.5px;color:var(--ink2);outline:none;min-height:46px }
.v3-page .dm-meldungen .cbox .cfoot { display:flex;align-items:center;gap:8px;margin-top:8px;padding-top:9px;border-top:1px solid var(--line) }
.v3-page .dm-meldungen .cbox .cfoot .send { margin-left:auto;background:var(--brand);color:#fff;border:none;border-radius:8px;padding:7px 14px;font-size:12px;font-weight:700;cursor:pointer }
.v3-page .dm-meldungen .attic { width:28px;height:28px;border-radius:8px;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink3) }
.v3-page .dm-meldungen .attic svg { width:14px;height:14px;fill:none;stroke-width:2 }
.v3-page .dm-meldungen .dfoot { padding:14px 20px;border-top:1px solid var(--line);display:flex;gap:9px;align-items:center;flex-wrap:wrap }
.v3-page .dm-meldungen .dfoot .lbl { font-size:11px;font-weight:700;color:var(--ink3);letter-spacing:.5px }
.v3-page .dm-meldungen .sbtn { border-radius:9px;padding:8px 13px;font-size:12px;font-weight:700;border:1px solid var(--line);background:#fff;color:var(--ink2);cursor:pointer;display:inline-flex;align-items:center;gap:6px }
.v3-page .dm-meldungen .sbtn svg { width:13px;height:13px;fill:none;stroke-width:2 }
.v3-page .dm-meldungen .sbtn.prog { background:#fdf3e2;border-color:#f0d49a;color:var(--warn) }
.v3-page .dm-meldungen .sbtn.done { background:var(--ok);border-color:var(--ok);color:#fff }
.v3-page .dm-meldungen .sbtn.task { background:#eef4fe;border-color:#bcd3f7;color:var(--brand);margin-left:auto }

/* ── dm-einstell (aus v2_einstellungen.html) ── */
.v3-page .dm-einstell { --canvas:#f4f6f9; --card:#ffffff; --line:#e6eaf1; --ink:#16233a; --ink2:#5b6b84; --ink3:#8b98ad;
    --brand:#1e56c8; --brand-deep:#0f2b46; --ok:#178a50; --warn:#c07600; --bad:#c93a4a;
    --r:16px; --shadow:0 1px 2px rgba(22,35,58,.05),0 10px 28px -14px rgba(22,35,58,.14); }
.v3-page .dm-einstell .num { font-variant-numeric:tabular-nums }
.v3-page .dm-einstell .top { display:flex;align-items:center;gap:16px;margin-bottom:18px }
.v3-page .dm-einstell .top h1 { font-size:21px;letter-spacing:-.3px }
.v3-page .dm-einstell .top .date { color:var(--ink3);font-weight:500;font-size:13px;margin-top:3px }
.v3-page .dm-einstell .hpill { display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--ok);background:#e5f5ec;border-radius:99px;padding:5px 12px }
.v3-page .dm-einstell .hpill .hd { width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.16) }
.v3-page .dm-einstell .search { margin-left:auto;display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:8px 14px;color:var(--ink3);width:220px;box-shadow:var(--shadow) }
.v3-page .dm-einstell .iconbtn { position:relative;width:37px;height:37px;border-radius:11px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink2);box-shadow:var(--shadow) }
.v3-page .dm-einstell .iconbtn .bdg { position:absolute;top:-5px;right:-5px;background:#e8563f;color:#fff;font-size:10px;font-weight:700;border-radius:99px;min-width:16px;height:16px;display:grid;place-items:center;padding:0 4px }
.v3-page .dm-einstell .grid { display:grid;grid-template-columns:repeat(12,1fr);gap:18px }
.v3-page .dm-einstell .card { background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px 20px }
.v3-page .dm-einstell .card h2 { display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:700;letter-spacing:-.1px }
.v3-page .dm-einstell .card h2 svg { width:17px;height:17px;stroke:var(--brand);fill:none;stroke-width:2 }
.v3-page .dm-einstell .card h2 .more { margin-left:auto;font-size:12px;color:var(--brand);font-weight:600 }
.v3-page .dm-einstell .sub { color:var(--ink3);font-size:12px;margin-top:2px }
.v3-page .dm-einstell .safety { grid-column:span 12;padding:0;overflow:hidden;display:grid;grid-template-columns:360px 1fr }
.v3-page .dm-einstell .safety .lead { background:linear-gradient(135deg,#10304f,#173a5f);color:#fff;padding:20px 22px;display:flex;flex-direction:column }
.v3-page .dm-einstell .safety .lead .sh { display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:1px;color:#9fc0e2;font-weight:700 }
.v3-page .dm-einstell .safety .lead .sh svg { width:16px;height:16px;stroke:#7fd1a8;fill:none;stroke-width:2 }
.v3-page .dm-einstell .safety .lead .big { display:flex;align-items:center;gap:12px;margin:14px 0 4px }
.v3-page .dm-einstell .safety .lead .big .st { width:13px;height:13px;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.2) }
.v3-page .dm-einstell .safety .lead .big b { font-size:22px;font-weight:800;letter-spacing:-.4px }
.v3-page .dm-einstell .safety .lead p { font-size:12px;color:#bcd2e8;margin-top:4px;line-height:1.5 }
.v3-page .dm-einstell .safety .lead .master { margin-top:auto;display:flex;align-items:center;gap:11px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14) }
.v3-page .dm-einstell .safety .lead .master .ml b { font-size:12.5px;color:#fff }
.v3-page .dm-einstell .safety .lead .master .ml span { display:block;font-size:11px;color:#9fb8d2 }
.v3-page .dm-einstell .safety .lead .master .sw { margin-left:auto;width:46px;height:26px;border-radius:99px;background:rgba(255,255,255,.22);position:relative;flex:none;cursor:pointer }
.v3-page .dm-einstell .safety .lead .master .sw::after { content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff }
.v3-page .dm-einstell .safety .body { padding:20px 22px;display:flex;flex-direction:column;gap:14px }
.v3-page .dm-einstell .safety .mets { display:grid;grid-template-columns:repeat(4,1fr);gap:14px }
.v3-page .dm-einstell .met { border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fbfcfe }
.v3-page .dm-einstell .met .ml { font-size:10.5px;letter-spacing:.5px;color:var(--ink3);font-weight:700;text-transform:uppercase }
.v3-page .dm-einstell .met .mv { font-size:21px;font-weight:800;letter-spacing:-.5px;margin:4px 0 2px }
.v3-page .dm-einstell .met .mv.good { color:var(--ok) }
.v3-page .dm-einstell .met .mv.warn { color:var(--warn) }
.v3-page .dm-einstell .met .mfoot { font-size:11px;color:var(--ink3);font-weight:600 }
.v3-page .dm-einstell .limitbar { height:6px;border-radius:99px;background:#eef1f6;margin-top:7px;overflow:hidden }
.v3-page .dm-einstell .limitbar i { display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#34d399,#178a50) }
.v3-page .dm-einstell .safety .note { display:flex;align-items:center;gap:9px;font-size:12px;color:var(--ink2);background:#f6f8fb;border:1px solid var(--line);border-radius:11px;padding:10px 13px }
.v3-page .dm-einstell .safety .note svg { width:15px;height:15px;stroke:var(--ok);fill:none;stroke-width:2;flex:none }
.v3-page .dm-einstell .safety .note .gobtn { margin-left:auto;font-size:12px;font-weight:700;color:var(--brand) }
.v3-page .dm-einstell .users { grid-column:span 6 }
.v3-page .dm-einstell .ulist { margin-top:14px;display:flex;flex-direction:column }
.v3-page .dm-einstell .urow { display:flex;align-items:center;gap:12px;padding:10px 2px;border-bottom:1px solid #eef1f6 }
.v3-page .dm-einstell .urow:last-child { border:none }
.v3-page .dm-einstell .uav { width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:12px;flex:none }
.v3-page .dm-einstell .uav1 { background:#2f6fe0 }
.v3-page .dm-einstell .uav2 { background:#a13fc5 }
.v3-page .dm-einstell .uav3 { background:#0ea5a4 }
.v3-page .dm-einstell .uav4 { background:#c07600 }
.v3-page .dm-einstell .urow .un b { font-size:13.5px }
.v3-page .dm-einstell .urow .un span { display:block;font-size:11.5px;color:var(--ink3) }
.v3-page .dm-einstell .role { margin-left:auto;font-size:11px;font-weight:700;border-radius:99px;padding:4px 11px }
.v3-page .dm-einstell .r-super { background:#0f2b46;color:#fff }
.v3-page .dm-einstell .r-admin { background:#e8effd;color:var(--brand) }
.v3-page .dm-einstell .r-office { background:#e5f5ec;color:var(--ok) }
.v3-page .dm-einstell .urow .gear { color:var(--ink3);margin-left:12px }
.v3-page .dm-einstell .adduser { margin-top:13px;border:1px dashed #cfd8e6;border-radius:10px;padding:10px;text-align:center;font-size:12.5px;font-weight:700;color:var(--brand);cursor:pointer }
.v3-page .dm-einstell .switches { grid-column:span 6 }
.v3-page .dm-einstell .tlist { margin-top:14px;display:flex;flex-direction:column;gap:2px }
.v3-page .dm-einstell .trow { display:flex;align-items:center;gap:13px;padding:13px 2px;border-bottom:1px solid #eef1f6 }
.v3-page .dm-einstell .trow:last-child { border:none }
.v3-page .dm-einstell .trow .ti { width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none }
.v3-page .dm-einstell .trow .ti svg { width:17px;height:17px;fill:none;stroke-width:2 }
.v3-page .dm-einstell .ti-grn { background:#e5f5ec;color:var(--ok) }
.v3-page .dm-einstell .ti-blue { background:#e8effd;color:var(--brand) }
.v3-page .dm-einstell .ti-vio { background:#f0edfd;color:#7c6cf0 }
.v3-page .dm-einstell .trow .tt { min-width:0 }
.v3-page .dm-einstell .trow .tt b { font-size:13.5px }
.v3-page .dm-einstell .trow .tt .aud { display:flex;align-items:center;gap:7px;margin-top:3px }
.v3-page .dm-einstell .trow .tt .aud .who { display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--ink3);font-weight:600 }
.v3-page .dm-einstell .trow .tt .aud .mini-ava { width:15px;height:15px;border-radius:50%;background:#2f6fe0;color:#fff;display:grid;place-items:center;font-size:8px;font-weight:700 }
.v3-page .dm-einstell .trow .tt .aud .ptr { font-size:10.5px;font-weight:700;color:var(--brand);display:inline-flex;align-items:center;gap:4px;border-left:1px solid var(--line);padding-left:7px }
.v3-page .dm-einstell .trow .tt .aud .ptr svg { width:11px;height:11px;stroke-width:2.2;fill:none }
.v3-page .dm-einstell .sw { margin-left:auto;width:44px;height:25px;border-radius:99px;background:var(--ok);position:relative;flex:none;cursor:pointer }
.v3-page .dm-einstell .sw::after { content:'';position:absolute;top:3px;left:22px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3) }
.v3-page .dm-einstell .sw.off { background:#cfd6e0 }
.v3-page .dm-einstell .sw.off::after { left:3px }
.v3-page .dm-einstell .api { grid-column:span 8 }
.v3-page .dm-einstell .apigrid { display:grid;grid-template-columns:1fr 1fr;gap:9px 20px;margin-top:14px }
.v3-page .dm-einstell .apirow { display:flex;align-items:center;gap:11px;padding:11px 2px;border-bottom:1px solid #eef1f6 }
.v3-page .dm-einstell .apirow .logo2 { width:32px;height:32px;border-radius:9px;background:#f1f4f8;display:grid;place-items:center;color:var(--ink2);flex:none;font-size:11px;font-weight:800 }
.v3-page .dm-einstell .apirow .an b { font-size:13px }
.v3-page .dm-einstell .apirow .an span { display:block;font-size:11px;color:var(--ink3) }
.v3-page .dm-einstell .apirow .status { margin-left:auto;text-align:right }
.v3-page .dm-einstell .apirow .status .s1 { display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700 }
.v3-page .dm-einstell .apirow .status .s1::before { content:'';width:7px;height:7px;border-radius:50% }
.v3-page .dm-einstell .ok-dot { color:var(--ok) }
.v3-page .dm-einstell .ok-dot::before { background:var(--ok) }
.v3-page .dm-einstell .warn-dot { color:var(--warn) }
.v3-page .dm-einstell .warn-dot::before { background:var(--warn) }
.v3-page .dm-einstell .apirow .status .s2 { display:block;font-size:10.5px;color:var(--ink3);font-weight:600;margin-top:2px }
.v3-page .dm-einstell .audit { grid-column:span 4 }
.v3-page .dm-einstell .alist { margin-top:12px;display:flex;flex-direction:column }
.v3-page .dm-einstell .arow { display:flex;gap:11px;padding:9px 0;border-bottom:1px dashed var(--line);align-items:flex-start }
.v3-page .dm-einstell .arow:last-child { border:none }
.v3-page .dm-einstell .arow .ad { width:26px;height:26px;border-radius:8px;display:grid;place-items:center;flex:none;background:#f1f4f8;color:var(--ink2) }
.v3-page .dm-einstell .arow .ad svg { width:13px;height:13px;fill:none;stroke-width:2 }
.v3-page .dm-einstell .arow p { font-size:12.5px }
.v3-page .dm-einstell .arow p b { font-weight:700 }
.v3-page .dm-einstell .arow .who { font-size:11px;color:var(--ink3);font-weight:600;margin-top:2px }
.v3-page .dm-einstell .arow time { margin-left:auto;font-size:11px;color:var(--ink3);font-weight:600;white-space:nowrap;padding-top:1px }
.v3-page .dm-einstell .reg { grid-column:span 6;display:flex;flex-direction:column }
.v3-page .dm-einstell .reg .rtot { display:flex;align-items:baseline;gap:9px;margin-top:12px }
.v3-page .dm-einstell .reg .rtot b { font-size:24px;font-weight:800;letter-spacing:-.5px }
.v3-page .dm-einstell .reg .rtot small { font-size:12px;color:var(--ink3);font-weight:600 }
.v3-page .dm-einstell .clist { margin-top:12px;display:flex;flex-direction:column;gap:9px }
.v3-page .dm-einstell .crow { display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:#fbfcfe }
.v3-page .dm-einstell .crow .cdot { width:9px;height:9px;border-radius:3px;flex:none }
.v3-page .dm-einstell .cd-vor { background:#0f2b46 }
.v3-page .dm-einstell .cd-test { background:#7c6cf0 }
.v3-page .dm-einstell .cd-son { background:#c07600 }
.v3-page .dm-einstell .crow .cn b { font-size:12.5px }
.v3-page .dm-einstell .crow .cn span { display:block;font-size:11px;color:var(--ink3) }
.v3-page .dm-einstell .crow .cc { margin-left:auto;font-size:15px;font-weight:800;font-variant-numeric:tabular-nums }
.v3-page .dm-einstell .reg .rfoot { margin-top:13px;display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid var(--line) }
.v3-page .dm-einstell .reg .rfoot .guard { display:inline-flex;align-items:center;gap:7px;font-size:11.5px;color:var(--ink2);font-weight:600 }
.v3-page .dm-einstell .reg .rfoot .guard svg { width:14px;height:14px;stroke:var(--ok);fill:none;stroke-width:2 }
.v3-page .dm-einstell .reg .rfoot .rbtn { margin-left:auto;background:#eef4fe;border:1px solid #bcd3f7;color:var(--brand);border-radius:9px;padding:8px 14px;font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px }
.v3-page .dm-einstell .reg .rfoot .rbtn svg { width:13px;height:13px;stroke-width:2;fill:none }
.v3-page .dm-einstell .mini { grid-column:span 3;display:flex;flex-direction:column }
.v3-page .dm-einstell .mini .body { margin-top:12px;flex:1 }
.v3-page .dm-einstell .mini .stat { display:flex;align-items:baseline;gap:8px;margin-top:6px }
.v3-page .dm-einstell .mini .stat b { font-size:22px;font-weight:800;letter-spacing:-.4px }
.v3-page .dm-einstell .mini .stat small { font-size:12px;color:var(--ink3);font-weight:600 }
.v3-page .dm-einstell .mini .go { margin-top:14px;display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--brand) }
.v3-page .dm-einstell .mini .go svg { width:14px;height:14px;fill:none;stroke-width:2 }
.v3-page .dm-einstell .rowlist { margin-top:10px;display:flex;flex-direction:column;gap:0 }
.v3-page .dm-einstell .rl { display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px dashed var(--line);font-size:12.5px }
.v3-page .dm-einstell .rl:last-child { border:none }
.v3-page .dm-einstell .rl b { font-weight:700 }
.v3-page .dm-einstell .rl .n { margin-left:auto;font-weight:700;color:var(--ink2);font-variant-numeric:tabular-nums }

/* ── dm-zustaende (aus v2_kit_zustaende.html) ── */
.v3-page .dm-zustaende { --canvas:#eef1f6; --card:#ffffff; --line:#e6eaf1; --ink:#16233a; --ink2:#5b6b84; --ink3:#8b98ad;
    --brand:#1e56c8; --brand-deep:#0f2b46; --ok:#178a50; --warn:#c07600; --bad:#c93a4a;
    --sepa:#2563eb; --vio:#7c6cf0;
    --r:16px; --shadow:0 1px 2px rgba(22,35,58,.05),0 10px 28px -14px rgba(22,35,58,.14); }
.v3-page .dm-zustaende .num { font-variant-numeric:tabular-nums }
.v3-page .dm-zustaende .wrap { padding:34px 40px 56px;max-width:1500px }
.v3-page .dm-zustaende .pagehead { display:flex;align-items:flex-end;gap:14px;margin-bottom:6px }
.v3-page .dm-zustaende .pagehead .mark { width:40px;height:40px;border-radius:11px;background:linear-gradient(140deg,#2f6fe0,#1e56c8);display:grid;place-items:center;color:#fff;font-weight:800;font-size:17px }
.v3-page .dm-zustaende .pagehead h1 { font-size:25px;letter-spacing:-.5px }
.v3-page .dm-zustaende .pagehead h1 span { color:var(--ink3);font-weight:600 }
.v3-page .dm-zustaende .pagesub { color:var(--ink2);font-size:13.5px;margin:8px 0 26px 54px;max-width:880px }
.v3-page .dm-zustaende .board { display:grid;grid-template-columns:repeat(12,1fr);gap:20px;align-items:start }
.v3-page .dm-zustaende .demo { background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px;display:flex;flex-direction:column }
.v3-page .dm-zustaende .demo .cap { display:flex;align-items:center;gap:9px;margin-bottom:14px }
.v3-page .dm-zustaende .demo .cap .n { width:22px;height:22px;border-radius:7px;background:var(--brand-deep);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800 }
.v3-page .dm-zustaende .demo .cap b { font-size:13.5px }
.v3-page .dm-zustaende .demo .cap small { color:var(--ink3);font-size:11.5px;font-weight:600;margin-left:auto }
.v3-page .dm-zustaende .sk { border:1px solid var(--line);border-radius:12px;padding:14px;background:#fbfcfe }
.v3-page .dm-zustaende .shimmer { background:linear-gradient(100deg,#e9edf3 30%,#f4f7fb 50%,#e9edf3 70%);background-size:200% 100%;animation:sh 1.3s linear infinite;border-radius:7px }
@keyframes sh{0%{background-position:100% 0}100%{background-position:-100% 0}}
.v3-page .dm-zustaende .sk .ln { height:11px;margin-bottom:9px }
.v3-page .dm-zustaende .skcard { display:flex;gap:12px;margin-bottom:14px }
.v3-page .dm-zustaende .skcard .sq { width:44px;height:44px;border-radius:10px;flex:none }
.v3-page .dm-zustaende .skrow { display:grid;grid-template-columns:26px 1fr 60px;gap:11px;align-items:center;padding:9px 0;border-bottom:1px solid #eef1f6 }
.v3-page .dm-zustaende .skrow .c { height:20px;border-radius:6px }
.v3-page .dm-zustaende .skrow .c.circ { border-radius:50%;width:20px;height:20px }
.v3-page .dm-zustaende .empty { border:1px dashed #cfd8e6;border-radius:12px;padding:30px 18px;text-align:center;background:#fbfcfe;display:flex;flex-direction:column;align-items:center;gap:11px }
.v3-page .dm-zustaende .empty .il { width:56px;height:56px;border-radius:14px;background:#eef4fe;color:var(--brand);display:grid;place-items:center }
.v3-page .dm-zustaende .empty .il svg { width:28px;height:28px;fill:none;stroke-width:1.7 }
.v3-page .dm-zustaende .empty b { font-size:14.5px }
.v3-page .dm-zustaende .empty p { font-size:12.5px;color:var(--ink3);max-width:250px }
.v3-page .dm-zustaende .empty .pbtn { margin-top:4px;background:var(--brand);color:#fff;border:none;border-radius:9px;padding:9px 16px;font-size:12.5px;font-weight:700;display:inline-flex;gap:7px;align-items:center;cursor:pointer }
.v3-page .dm-zustaende .empty .pbtn svg { width:14px;height:14px;fill:none;stroke-width:2 }
.v3-page .dm-zustaende .errc { border:1px solid #f3c9cf;border-radius:12px;padding:26px 18px;text-align:center;background:#fdf7f8;display:flex;flex-direction:column;align-items:center;gap:11px }
.v3-page .dm-zustaende .errc .il { width:56px;height:56px;border-radius:14px;background:#fdeaec;color:var(--bad);display:grid;place-items:center }
.v3-page .dm-zustaende .errc .il svg { width:28px;height:28px;fill:none;stroke-width:1.8 }
.v3-page .dm-zustaende .errc b { font-size:14.5px }
.v3-page .dm-zustaende .errc p { font-size:12.5px;color:var(--ink2);max-width:260px }
.v3-page .dm-zustaende .errc .code { font-size:11px;color:var(--ink3);font-family:ui-monospace,monospace;background:#f4eaec;border-radius:6px;padding:3px 9px }
.v3-page .dm-zustaende .errc .retry { background:#fff;color:var(--bad);border:1px solid #f3c9cf;border-radius:9px;padding:9px 16px;font-size:12.5px;font-weight:700;display:inline-flex;gap:7px;align-items:center;cursor:pointer }
.v3-page .dm-zustaende .errc .retry svg { width:14px;height:14px;fill:none;stroke-width:2 }
.v3-page .dm-zustaende .banner { display:flex;align-items:flex-start;gap:13px;border:1px solid #f0d49a;background:linear-gradient(180deg,#fffaf0,#fff);border-radius:12px;padding:14px 16px }
.v3-page .dm-zustaende .banner .ic { width:34px;height:34px;border-radius:10px;background:#fdf3e2;color:var(--warn);display:grid;place-items:center;flex:none }
.v3-page .dm-zustaende .banner .ic svg { width:18px;height:18px;fill:none;stroke-width:2 }
.v3-page .dm-zustaende .banner b { font-size:13.5px;color:#9a6a12 }
.v3-page .dm-zustaende .banner p { font-size:12.5px;color:var(--ink2);margin-top:3px;max-width:560px }
.v3-page .dm-zustaende .banner .bact { margin-left:auto;display:flex;gap:8px;flex:none }
.v3-page .dm-zustaende .banner .bbtn { border-radius:8px;padding:7px 12px;font-size:11.5px;font-weight:700;border:1px solid #ecd9b0;background:#fff;color:var(--warn);cursor:pointer;white-space:nowrap }
.v3-page .dm-zustaende .kpirow { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px }
.v3-page .dm-zustaende .kpi { border:1px solid var(--line);border-radius:12px;padding:14px 15px;background:#fbfcfe }
.v3-page .dm-zustaende .kpi .kl { font-size:10.5px;letter-spacing:.6px;color:var(--ink3);font-weight:700;text-transform:uppercase }
.v3-page .dm-zustaende .kpi .kv { font-size:24px;font-weight:800;letter-spacing:-.6px;margin:5px 0 8px }
.v3-page .dm-zustaende .stalechip { display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;background:#fdf3e2;color:var(--warn);border-radius:99px;padding:3px 9px }
.v3-page .dm-zustaende .stalechip svg { width:11px;height:11px;fill:none;stroke-width:2 }
.v3-page .dm-zustaende .kpi.fresh .kv { color:var(--ink) }
.v3-page .dm-zustaende .freshchip { display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;background:#e5f5ec;color:var(--ok);border-radius:99px;padding:3px 9px }
.v3-page .dm-zustaende .freshchip svg { width:11px;height:11px;fill:none;stroke-width:2 }
.v3-page .dm-zustaende .modalstage { border-radius:12px;background:repeating-linear-gradient(45deg,#eef1f6,#eef1f6 10px,#e9edf3 10px,#e9edf3 20px);padding:22px;display:grid;place-items:center;min-height:250px }
.v3-page .dm-zustaende .modal { width:330px;background:#fff;border-radius:15px;box-shadow:0 24px 60px -20px rgba(22,35,58,.5);overflow:hidden }
.v3-page .dm-zustaende .modal .mtop { padding:20px 20px 6px;text-align:center }
.v3-page .dm-zustaende .modal .mic { width:48px;height:48px;border-radius:50%;background:#fdeaec;color:var(--bad);display:grid;place-items:center;margin:0 auto 12px }
.v3-page .dm-zustaende .modal .mic svg { width:24px;height:24px;fill:none;stroke-width:2 }
.v3-page .dm-zustaende .modal h3 { font-size:16px;font-weight:800 }
.v3-page .dm-zustaende .modal p { font-size:12.5px;color:var(--ink2);margin-top:7px;padding:0 6px }
.v3-page .dm-zustaende .modal .mfoot { display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px 20px 20px }
.v3-page .dm-zustaende .modal .mbtn { border-radius:10px;padding:11px;font-size:13px;font-weight:700;cursor:pointer;border:1px solid var(--line);background:#fff;color:var(--ink2) }
.v3-page .dm-zustaende .modal .mbtn.danger { background:var(--bad);border-color:var(--bad);color:#fff }
.v3-page .dm-zustaende .toaststage { border-radius:12px;background:#0f2338;padding:26px 18px;display:flex;justify-content:center;min-height:120px;align-items:center }
.v3-page .dm-zustaende .toast { display:inline-flex;align-items:center;gap:11px;background:#fff;border-radius:12px;padding:12px 16px 12px 13px;box-shadow:0 16px 40px -14px rgba(0,0,0,.5) }
.v3-page .dm-zustaende .toast .tk { width:26px;height:26px;border-radius:8px;background:#e5f5ec;color:var(--ok);display:grid;place-items:center }
.v3-page .dm-zustaende .toast .tk svg { width:15px;height:15px;fill:none;stroke-width:2.4 }
.v3-page .dm-zustaende .toast b { font-size:13.5px }
.v3-page .dm-zustaende .toast .x { color:var(--ink3);font-size:16px;margin-left:8px }
.v3-page .dm-zustaende .toastbar { height:3px;border-radius:99px;background:var(--ok);margin-top:10px;width:80%;opacity:.5 }
.v3-page .dm-zustaende .ampelrow { display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap }
.v3-page .dm-zustaende .ampel { display:inline-flex;align-items:center;gap:9px;border-radius:11px;padding:8px 13px;font-size:12.5px;font-weight:700;border:1px solid var(--line);background:#fff;cursor:pointer }
.v3-page .dm-zustaende .ampel .d { width:10px;height:10px;border-radius:50%;flex:none }
.v3-page .dm-zustaende .ampel .sub { font-weight:500;color:var(--ink3);font-size:11.5px }
.v3-page .dm-zustaende .ampel.g .d { background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.16) }
.v3-page .dm-zustaende .ampel.a .d { background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.18) }
.v3-page .dm-zustaende .ampel.r .d { background:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.16) }
.v3-page .dm-zustaende .ampel.a { border-color:#f0d49a;background:#fffaf0 }
.v3-page .dm-zustaende .ampel.r { border-color:#f3c9cf;background:#fdf7f8 }
.v3-page .dm-zustaende .drawer { border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow) }
.v3-page .dm-zustaende .drawer .dh { display:flex;align-items:center;gap:9px;padding:13px 16px;border-bottom:1px solid var(--line);background:#fbfcfe }
.v3-page .dm-zustaende .drawer .dh .d { width:9px;height:9px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.18) }
.v3-page .dm-zustaende .drawer .dh b { font-size:13.5px }
.v3-page .dm-zustaende .drawer .dh .more { margin-left:auto;font-size:11.5px;color:var(--brand);font-weight:700 }
.v3-page .dm-zustaende .dsys { display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid #eef1f6;font-size:12.5px }
.v3-page .dm-zustaende .dsys:last-child { border-bottom:none }
.v3-page .dm-zustaende .dsys .sd { width:8px;height:8px;border-radius:50%;flex:none }
.v3-page .dm-zustaende .sd.g { background:#22c55e }
.v3-page .dm-zustaende .sd.a { background:#f59e0b }
.v3-page .dm-zustaende .dsys b { font-weight:700 }
.v3-page .dm-zustaende .dsys .rn { margin-left:auto;color:var(--ink3);font-weight:600;font-size:11.5px }
.v3-page .dm-zustaende .dsys .dg { color:var(--warn);font-weight:600;font-size:11.5px;margin-left:auto }
.v3-page .dm-zustaende .sugg { border:1px solid #d9d2f7;border-radius:13px;overflow:hidden;background:linear-gradient(180deg,#faf9ff,#fff) }
.v3-page .dm-zustaende .sugg .sgh { display:flex;align-items:center;gap:9px;padding:12px 15px;border-bottom:1px solid #ece7fb }
.v3-page .dm-zustaende .sugg .sgh .ai { width:26px;height:26px;border-radius:8px;background:#efeafe;color:var(--vio);display:grid;place-items:center;flex:none }
.v3-page .dm-zustaende .sugg .sgh .ai svg { width:15px;height:15px;fill:none;stroke-width:2 }
.v3-page .dm-zustaende .sugg .sgh b { font-size:13px }
.v3-page .dm-zustaende .sugg .sgh .tag { margin-left:auto;font-size:10px;font-weight:800;letter-spacing:.4px;color:var(--vio);background:#efeafe;border-radius:5px;padding:2px 7px }
.v3-page .dm-zustaende .sugg .sgb { padding:13px 15px }
.v3-page .dm-zustaende .sugg .meta { display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap }
.v3-page .dm-zustaende .sugg .mc { font-size:10.5px;font-weight:700;color:var(--ink2);background:#f1f4f8;border-radius:6px;padding:3px 9px }
.v3-page .dm-zustaende .sugg .draft { font-size:12.5px;color:var(--ink2);line-height:1.55;border-left:2px solid #d9d2f7;padding-left:11px }
.v3-page .dm-zustaende .sugg .sgf { display:flex;gap:9px;padding:12px 15px;border-top:1px solid #ece7fb;background:#fbfaff }
.v3-page .dm-zustaende .sugg .sgf .take { background:var(--vio);border:none;color:#fff;border-radius:9px;padding:9px 14px;font-size:12.5px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:7px;flex:1;justify-content:center }
.v3-page .dm-zustaende .sugg .sgf .take svg { width:14px;height:14px;fill:none;stroke-width:2 }
.v3-page .dm-zustaende .sugg .sgf .edit, .v3-page .dm-zustaende .sugg .sgf .drop { background:#fff;border:1px solid var(--line);color:var(--ink2);border-radius:9px;padding:9px 13px;font-size:12.5px;font-weight:700;cursor:pointer }
.v3-page .dm-zustaende .sugg .sgf .drop { color:var(--ink3) }
.v3-page .dm-zustaende .gatestage { border-radius:12px;background:repeating-linear-gradient(45deg,#e9edf3,#e9edf3 10px,#e4e9f0 10px,#e4e9f0 20px);padding:24px;display:flex;justify-content:center }
.v3-page .dm-zustaende .gate { width:100%;max-width:760px;background:#fff;border-radius:16px;box-shadow:0 26px 64px -22px rgba(22,35,58,.5);overflow:hidden }
.v3-page .dm-zustaende .gate .gh { display:flex;align-items:flex-start;gap:13px;padding:18px 22px;border-bottom:1px solid var(--line) }
.v3-page .dm-zustaende .gate .gh .gi { width:38px;height:38px;border-radius:11px;background:#fdeaec;color:var(--bad);display:grid;place-items:center;flex:none }
.v3-page .dm-zustaende .gate .gh .gi svg { width:20px;height:20px;fill:none;stroke-width:2 }
.v3-page .dm-zustaende .gate .gh h3 { font-size:16px;font-weight:800 }
.v3-page .dm-zustaende .gate .gh p { font-size:12.5px;color:var(--ink2);margin-top:3px;max-width:520px }
.v3-page .dm-zustaende .gate .gh .warntag { margin-left:auto;flex:none;font-size:10.5px;font-weight:800;letter-spacing:.4px;color:var(--bad);background:#fdeaec;border-radius:6px;padding:4px 9px }
.v3-page .dm-zustaende .gate .gbody { display:grid;grid-template-columns:1fr 260px;gap:0 }
.v3-page .dm-zustaende .gate .prev { padding:16px 22px;border-right:1px solid var(--line) }
.v3-page .dm-zustaende .gate .prev .pt { font-size:10.5px;letter-spacing:.7px;font-weight:800;color:var(--ink3);text-transform:uppercase;margin-bottom:10px }
.v3-page .dm-zustaende .gate .prow { display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #eef1f6;font-size:12.5px }
.v3-page .dm-zustaende .gate .prow .pn b { font-weight:700 }
.v3-page .dm-zustaende .gate .prow .pn span { display:block;font-size:11px;color:var(--ink3) }
.v3-page .dm-zustaende .gate .prow .pa { font-weight:700;font-variant-numeric:tabular-nums }
.v3-page .dm-zustaende .gate .prow.more { color:var(--ink3);font-weight:600;border-bottom:none;font-size:12px }
.v3-page .dm-zustaende .gate .summ { padding:16px 20px;background:#fbfcfe;display:flex;flex-direction:column;gap:12px }
.v3-page .dm-zustaende .gate .cnt { border:1px solid var(--line);border-radius:12px;padding:13px 15px;background:#fff }
.v3-page .dm-zustaende .gate .cnt .cl { font-size:10.5px;letter-spacing:.5px;color:var(--ink3);font-weight:700;text-transform:uppercase }
.v3-page .dm-zustaende .gate .cnt .cv { font-size:26px;font-weight:800;letter-spacing:-.6px;margin-top:3px }
.v3-page .dm-zustaende .gate .cnt .cv.money { color:var(--sepa) }
.v3-page .dm-zustaende .gate .checks { display:flex;flex-direction:column;gap:7px }
.v3-page .dm-zustaende .gate .chk { display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:600;color:var(--ink2) }
.v3-page .dm-zustaende .gate .chk .ok { width:16px;height:16px;border-radius:50%;background:#e5f5ec;color:var(--ok);display:grid;place-items:center;flex:none }
.v3-page .dm-zustaende .gate .chk .ok svg { width:10px;height:10px;stroke-width:3;fill:none }
.v3-page .dm-zustaende .gate .gfoot { padding:15px 22px;border-top:1px solid var(--line);display:flex;align-items:center;gap:13px }
.v3-page .dm-zustaende .gate .confirm { display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:600;color:var(--ink2) }
.v3-page .dm-zustaende .gate .confirm .cb { width:18px;height:18px;border-radius:5px;border:2px solid var(--brand);background:var(--brand);display:grid;place-items:center;flex:none }
.v3-page .dm-zustaende .gate .confirm .cb svg { width:11px;height:11px;stroke:#fff;stroke-width:3;fill:none }
.v3-page .dm-zustaende .gate .gbtns { margin-left:auto;display:flex;gap:10px }
.v3-page .dm-zustaende .gate .gbtns .cancel { background:#fff;border:1px solid var(--line);color:var(--ink2);border-radius:10px;padding:11px 18px;font-size:13px;font-weight:700;cursor:pointer }
.v3-page .dm-zustaende .gate .gbtns .go { background:var(--bad);border:none;color:#fff;border-radius:10px;padding:11px 20px;font-size:13px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:8px }
.v3-page .dm-zustaende .gate .gbtns .go svg { width:15px;height:15px;fill:none;stroke-width:2.2 }

.v3-page .dm-syscheck .cnt.warn { background:#fdf3e2; color:var(--warn); }

/* ═══════════════════════════════════════════════════════════════════════
   R7b — ORGANISATION-ZIELBILD (1:1-Ports der freigegebenen Mockups
   v2_org_schreibtisch / _aufgaben / _urlaub_reisen / _wissen). ADDITIV:
   alles unter `.org-r7b` bzw. `.org-r7b--<seite>` gescoped. Die V2-Sidebar
   liefert die App-Shell — hier nur der Inhaltsbereich. Read-only; alle
   interaktiven Bestands-Werkzeuge werden verlinkt.
   ═══════════════════════════════════════════════════════════════════════ */
.org-r7b {
  --canvas:#f4f6f9; --card:#ffffff; --line:#e6eaf1; --ink:#16233a; --ink2:#5b6b84; --ink3:#8b98ad;
  --brand:#1e56c8; --brand-deep:#0f2b46; --ok:#178a50; --warn:#c07600; --bad:#c93a4a;
  --fin:#2563eb; --evt:#7c6cf0; --stif:#0ea5a4; --komm:#c07600; --org:#64748b; --mit:#1e56c8;
  --p-cs:#1e56c8; --p-li:#7c6cf0; --p-le:#0ea5a4; --p-yv:#f59e0b; --p-jo:#178a50;
  --r:16px; --shadow:0 1px 2px rgba(22,35,58,.05),0 10px 28px -14px rgba(22,35,58,.14);
  margin:-24px calc(clamp(16px,3vw,32px) * -1); min-height:calc(100% + 48px);
  background:var(--canvas); color:var(--ink);
  font-family:"Inter",-apple-system,"Segoe UI",system-ui,sans-serif; font-size:14px; line-height:1.45;
  -webkit-font-smoothing:antialiased;
}
.org-r7b * { box-sizing:border-box; }
.org-r7b .num { font-variant-numeric:tabular-nums; }
.org-r7b a { text-decoration:none; color:inherit; }
.org-r7b .main { padding:22px 28px 40px; }
.org-r7b .top { display:flex; align-items:center; gap:16px; margin-bottom:18px; }
.org-r7b .top h1 { font-size:21px; letter-spacing:-.3px; }
.org-r7b .crumb { color:var(--ink3); font-weight:600; font-size:12.5px; margin-bottom:3px; display:flex; gap:6px; align-items:center; }
.org-r7b .crumb svg { width:12px; height:12px; stroke:currentColor; fill:none; stroke-width:2; }
.org-r7b .date { color:var(--ink3); font-weight:500; font-size:13px; margin-top:3px; }
.org-r7b .amp { display:inline-flex; align-items:center; gap:8px; background:#e5f5ec; color:var(--ok); border:1px solid #bfe6cf; border-radius:99px; padding:7px 14px; font-size:12.5px; font-weight:700; box-shadow:var(--shadow); }
.org-r7b .amp .dotg { width:9px; height:9px; border-radius:50%; background:#22c55e; box-shadow:0 0 0 3px rgba(34,197,94,.18); }
.org-r7b .card { background:var(--card); border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--shadow); padding:18px 20px; }
.org-r7b .card h2 { display:flex; align-items:center; gap:9px; font-size:14.5px; font-weight:700; letter-spacing:-.1px; }
.org-r7b .card h2 svg { width:17px; height:17px; stroke:var(--brand); fill:none; stroke-width:2; }
.org-r7b .card h2 .more { margin-left:auto; font-size:12.5px; color:var(--brand); font-weight:600; }
.org-r7b .sub { color:var(--ink3); font-size:12px; margin-top:2px; }
.org-r7b .chip { font-size:10.5px; font-weight:700; border-radius:6px; padding:2px 7px; letter-spacing:.2px; }
.org-r7b .c-fin { background:#e8effd; color:var(--fin); } .org-r7b .c-evt { background:#f0edfd; color:var(--evt); }
.org-r7b .c-stif { background:#e2f6f4; color:var(--stif); } .org-r7b .c-komm { background:#fdf3e2; color:var(--komm); }
.org-r7b .c-org { background:#eef1f6; color:var(--org); }
.org-r7b .iconbtn { width:37px; height:37px; border-radius:11px; background:var(--card); border:1px solid var(--line); display:grid; place-items:center; color:var(--ink2); box-shadow:var(--shadow); position:relative; }
.org-r7b .iconbtn .bdg { position:absolute; top:-5px; right:-5px; background:#e8563f; color:#fff; font-size:10px; font-weight:700; border-radius:99px; padding:0 5px; line-height:16px; }
.org-r7b .addbtn { display:inline-flex; align-items:center; gap:7px; background:var(--brand); color:#fff; font-weight:700; font-size:13px; border-radius:11px; padding:9px 16px; box-shadow:var(--shadow); }
.org-r7b .addbtn svg { width:15px; height:15px; stroke:#fff; fill:none; stroke-width:2.4; }

/* ── Mockup 1: SCHREIBTISCH ─────────────────────────────────────────────── */
.org-r7b--schreibtisch .top > .amp { margin-left:auto; }
.org-r7b--schreibtisch .wrap { display:grid; grid-template-columns:1fr 340px; gap:16px; align-items:start; }
.org-r7b--schreibtisch .left { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.org-r7b--schreibtisch .right { display:flex; flex-direction:column; gap:16px; }
.org-r7b--schreibtisch .col-2 { grid-column:span 2; }
.org-r7b--schreibtisch .prog { height:8px; border-radius:99px; background:#eef1f6; overflow:hidden; margin-top:4px; }
.org-r7b--schreibtisch .prog i { display:block; height:100%; border-radius:99px; background:linear-gradient(90deg,#2f6fe0,#1e56c8); }
.org-r7b--schreibtisch .prog.sm { width:120px; }
.org-r7b--schreibtisch .tlist { list-style:none; margin-top:12px; display:flex; flex-direction:column; }
.org-r7b--schreibtisch .tlist li { display:flex; align-items:center; gap:12px; padding:11px 2px; border-bottom:1px dashed var(--line); }
.org-r7b--schreibtisch .tlist li:last-child { border:none; }
.org-r7b--schreibtisch .chk { width:20px; height:20px; border-radius:6px; border:2px solid #c7d0dd; flex:none; display:grid; place-items:center; }
.org-r7b--schreibtisch .chk.done { background:var(--ok); border-color:var(--ok); }
.org-r7b--schreibtisch .chk svg { width:12px; height:12px; stroke:#fff; fill:none; stroke-width:3; }
.org-r7b--schreibtisch .ti { flex:1; }
.org-r7b--schreibtisch .ti b { font-size:13.5px; }
.org-r7b--schreibtisch .ti.done b { color:var(--ink3); text-decoration:line-through; }
.org-r7b--schreibtisch .ti .meta { display:flex; align-items:center; gap:8px; margin-top:3px; }
.org-r7b--schreibtisch .ti .due { font-size:11.5px; color:var(--ink3); font-weight:600; }
.org-r7b--schreibtisch .ti .mini { min-width:120px; margin-left:auto; }
.org-r7b--schreibtisch .todo-head { display:flex; align-items:baseline; gap:10px; margin-top:10px; }
.org-r7b--schreibtisch .todo-head .big { font-size:30px; font-weight:800; letter-spacing:-1px; }
.org-r7b--schreibtisch .todo-head .of { color:var(--ink3); font-weight:600; font-size:13px; }
.org-r7b--schreibtisch .agenda { list-style:none; margin-top:12px; display:flex; flex-direction:column; gap:2px; }
.org-r7b--schreibtisch .agenda li { display:flex; align-items:flex-start; gap:10px; padding:8px 2px; border-bottom:1px dashed var(--line); font-size:13px; }
.org-r7b--schreibtisch .agenda li:last-child { border:none; }
.org-r7b--schreibtisch .agenda .no { width:20px; height:20px; border-radius:6px; background:#eef1f6; color:var(--ink2); font-size:11px; font-weight:700; display:grid; place-items:center; flex:none; margin-top:1px; }
.org-r7b--schreibtisch .agenda .who { margin-left:auto; font-size:11px; color:var(--ink3); font-weight:600; white-space:nowrap; }
.org-r7b--schreibtisch .wk-when { display:flex; align-items:center; gap:12px; margin-top:12px; padding:12px 14px; background:linear-gradient(135deg,#eef4fe,#f6f9ff); border:1px solid #d7e5fb; border-radius:12px; }
.org-r7b--schreibtisch .wk-when .day { width:46px; height:46px; border-radius:11px; background:#fff; border:1px solid #cfe0fa; display:flex; flex-direction:column; align-items:center; justify-content:center; flex:none; }
.org-r7b--schreibtisch .wk-when .day b { font-size:18px; color:var(--brand); line-height:1; }
.org-r7b--schreibtisch .wk-when .day span { font-size:10px; color:var(--ink3); font-weight:700; }
.org-r7b--schreibtisch .wk-when .t b { font-size:14px; }
.org-r7b--schreibtisch .wk-when .t span { display:block; font-size:12px; color:var(--ink2); }
.org-r7b--schreibtisch .uz { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:12px; }
.org-r7b--schreibtisch .stat { background:#fbfcfe; border:1px solid var(--line); border-radius:12px; padding:12px 14px; }
.org-r7b--schreibtisch .stat .lab { font-size:11px; color:var(--ink3); font-weight:700; letter-spacing:.3px; }
.org-r7b--schreibtisch .stat b { font-size:24px; letter-spacing:-.5px; display:block; margin-top:3px; }
.org-r7b--schreibtisch .stat .sub2 { font-size:11.5px; color:var(--ink2); margin-top:2px; }
.org-r7b--schreibtisch .stat .spark { height:26px; margin-top:6px; }
.org-r7b--schreibtisch .uz-foot { display:flex; align-items:center; gap:8px; margin-top:12px; font-size:12.5px; color:var(--ink2); }
.org-r7b--schreibtisch .uz-foot a { color:var(--brand); font-weight:600; margin-left:auto; }
.org-r7b--schreibtisch .tinput { display:flex; align-items:center; gap:10px; margin-top:12px; background:#fbfcfe; border:1.5px dashed #c7d3e6; border-radius:12px; padding:12px 15px; }
.org-r7b--schreibtisch .tinput svg { width:18px; height:18px; stroke:var(--brand); fill:none; stroke-width:2; flex:none; }
.org-r7b--schreibtisch .tinput .ph { color:var(--ink3); font-size:13.5px; flex:1; }
.org-r7b--schreibtisch .tinput .send { background:var(--brand); color:#fff; font-weight:700; font-size:12.5px; border-radius:8px; padding:7px 14px; }
.org-r7b--schreibtisch .tchips { display:flex; flex-wrap:wrap; gap:7px; margin-top:12px; }
.org-r7b--schreibtisch .tchips .qc { border:1px solid var(--line); background:#fff; border-radius:99px; padding:5px 12px; font-size:12px; font-weight:600; color:var(--ink2); }
.org-r7b--schreibtisch .recent { list-style:none; margin-top:12px; display:flex; flex-direction:column; }
.org-r7b--schreibtisch .recent li { display:flex; align-items:center; gap:9px; padding:8px 2px; border-bottom:1px dashed var(--line); font-size:12.5px; color:var(--ink2); position:relative; }
.org-r7b--schreibtisch .recent li:last-child { border:none; }
.org-r7b--schreibtisch .recent .dot { width:6px; height:6px; border-radius:50%; background:var(--brand); flex:none; }
.org-r7b--schreibtisch .recent .tgt { font-size:10px; font-weight:700; border-radius:6px; padding:2px 8px; margin-left:auto; white-space:nowrap; }
.org-r7b--schreibtisch .tgt-wk { background:#e8effd; color:var(--brand); } .org-r7b--schreibtisch .tgt-cs { background:#f0edfd; color:var(--evt); } .org-r7b--schreibtisch .tgt-bl { background:#eef1f6; color:var(--ink2); }
.org-r7b--schreibtisch .recent time { margin-left:12px; font-size:11px; color:var(--ink3); font-weight:600; }
.org-r7b--schreibtisch .team ul { list-style:none; margin-top:12px; }
.org-r7b--schreibtisch .team li { display:flex; align-items:center; gap:11px; padding:9px 2px; border-bottom:1px dashed var(--line); }
.org-r7b--schreibtisch .team li:last-child { border:none; }
.org-r7b--schreibtisch .team .av { width:32px; height:32px; border-radius:50%; display:grid; place-items:center; color:#fff; font-weight:700; font-size:12px; flex:none; position:relative; }
.org-r7b--schreibtisch .team .av .pres { position:absolute; right:-1px; bottom:-1px; width:11px; height:11px; border-radius:50%; border:2px solid #fff; }
.org-r7b--schreibtisch .p-in { background:#22c55e; } .org-r7b--schreibtisch .p-off { background:#cbd3df; } .org-r7b--schreibtisch .p-url { background:#f59e0b; }
.org-r7b--schreibtisch .team .nm b { font-size:13px; } .org-r7b--schreibtisch .team .nm span { display:block; font-size:11px; color:var(--ink3); }
.org-r7b--schreibtisch .team .stt { margin-left:auto; font-size:11px; font-weight:700; border-radius:6px; padding:2px 8px; }
.org-r7b--schreibtisch .s-da { background:#e5f5ec; color:var(--ok); } .org-r7b--schreibtisch .s-ur { background:#fdf3e2; color:var(--warn); } .org-r7b--schreibtisch .s-ab { background:#f1f4f8; color:var(--ink3); }
.org-r7b--schreibtisch .load { margin-top:4px; }
.org-r7b--schreibtisch .loadrow { display:flex; align-items:center; gap:10px; margin:9px 0; }
.org-r7b--schreibtisch .loadrow .lnm { width:58px; font-size:12px; font-weight:600; color:var(--ink2); }
.org-r7b--schreibtisch .loadrow .lbar { flex:1; height:9px; border-radius:99px; background:#eef1f6; overflow:hidden; }
.org-r7b--schreibtisch .loadrow .lbar i { display:block; height:100%; border-radius:99px; }
.org-r7b--schreibtisch .loadrow .lpct { width:38px; text-align:right; font-size:12px; font-weight:700; }
.org-r7b--schreibtisch .li-ok { background:linear-gradient(90deg,#34d399,#178a50); } .org-r7b--schreibtisch .li-hi { background:linear-gradient(90deg,#fbbf24,#c07600); } .org-r7b--schreibtisch .li-lo { background:linear-gradient(90deg,#93c5fd,#3b82f6); }
.org-r7b--schreibtisch .rb { margin-top:16px; display:grid; grid-template-columns:1.4fr 1fr; gap:0; overflow:hidden; padding:0; }
.org-r7b--schreibtisch .rb .l { padding:22px 24px; background:linear-gradient(135deg,#3a0d12,#5c141c 60%,#7a1a24); color:#fff; position:relative; overflow:hidden; }
.org-r7b--schreibtisch .rb .l::after { content:''; position:absolute; right:-60px; bottom:-70px; width:220px; height:220px; border-radius:50%; background:radial-gradient(circle,rgba(255,180,150,.18),transparent 65%); }
.org-r7b--schreibtisch .rb .l .kick { font-size:11px; letter-spacing:1.6px; color:#f0b8be; font-weight:700; }
.org-r7b--schreibtisch .rb .l h3 { font-size:22px; margin-top:6px; letter-spacing:-.3px; }
.org-r7b--schreibtisch .rb .l .st { display:inline-flex; align-items:center; gap:8px; margin-top:14px; background:rgba(255,255,255,.14); border-radius:99px; padding:6px 13px; font-size:12.5px; font-weight:700; }
.org-r7b--schreibtisch .rb .l .st .d { width:8px; height:8px; border-radius:50%; background:#fbbf24; }
.org-r7b--schreibtisch .rb .l .meta { display:flex; gap:26px; margin-top:18px; }
.org-r7b--schreibtisch .rb .l .meta div span { font-size:11px; color:#e6b9be; font-weight:600; letter-spacing:.3px; }
.org-r7b--schreibtisch .rb .l .meta div b { display:block; font-size:16px; margin-top:2px; }
.org-r7b--schreibtisch .rb .r { padding:20px 22px; }
.org-r7b--schreibtisch .rb .r h4 { font-size:12px; letter-spacing:.6px; color:var(--ink3); font-weight:700; }
.org-r7b--schreibtisch .steps { list-style:none; margin-top:12px; }
.org-r7b--schreibtisch .steps li { display:flex; gap:12px; padding:2px 0; }
.org-r7b--schreibtisch .steps .rail { display:flex; flex-direction:column; align-items:center; }
.org-r7b--schreibtisch .steps .node { width:22px; height:22px; border-radius:50%; display:grid; place-items:center; flex:none; font-size:11px; font-weight:700; }
.org-r7b--schreibtisch .steps .node.done { background:var(--ok); color:#fff; } .org-r7b--schreibtisch .steps .node.now { background:#fff; border:2px solid var(--brand); color:var(--brand); } .org-r7b--schreibtisch .steps .node.next { background:#eef1f6; color:var(--ink3); }
.org-r7b--schreibtisch .steps .line { width:2px; flex:1; background:var(--line); margin:2px 0; }
.org-r7b--schreibtisch .steps .bd { padding-bottom:14px; }
.org-r7b--schreibtisch .steps .bd b { font-size:13px; } .org-r7b--schreibtisch .steps .bd.now b { color:var(--brand); }
.org-r7b--schreibtisch .steps .bd span { display:block; font-size:11.5px; color:var(--ink3); margin-top:1px; }
.org-r7b--schreibtisch .wait { list-style:none; margin-top:8px; display:flex; flex-direction:column; }
.org-r7b--schreibtisch .wait li { display:flex; align-items:center; gap:13px; padding:12px 4px 12px 12px; border-bottom:1px dashed var(--line); border-left:3px solid transparent; border-radius:0 8px 8px 0; }
.org-r7b--schreibtisch .wait li:last-child { border-bottom:none; }
.org-r7b--schreibtisch .wait li.urgent { border-left-color:var(--bad); background:#fdf6f7; }
.org-r7b--schreibtisch .wait .src { font-size:9.5px; font-weight:800; letter-spacing:.4px; border-radius:6px; padding:4px 0; width:92px; text-align:center; flex:none; }
.org-r7b--schreibtisch .s-ticket { background:#fdf3e2; color:var(--komm); } .org-r7b--schreibtisch .s-pay { background:#e8effd; color:var(--fin); }
.org-r7b--schreibtisch .s-rl { background:#fdeaec; color:var(--bad); } .org-r7b--schreibtisch .s-mail { background:#f0edfd; color:var(--evt); } .org-r7b--schreibtisch .s-stif { background:#e2f6f4; color:var(--stif); }
.org-r7b--schreibtisch .wait .wi { flex:1; min-width:0; }
.org-r7b--schreibtisch .wait .wi b { font-size:13.5px; }
.org-r7b--schreibtisch .wait .wi span { display:block; font-size:11.5px; color:var(--ink3); font-weight:500; margin-top:2px; }
.org-r7b--schreibtisch .wait .wi .lnk { color:var(--brand); font-weight:700; }
.org-r7b--schreibtisch .wait .act { display:flex; align-items:center; gap:9px; flex:none; }
.org-r7b--schreibtisch .wbtn { font-size:12px; font-weight:700; border-radius:8px; padding:7px 13px; white-space:nowrap; }
.org-r7b--schreibtisch .wbtn.pri { background:var(--brand); color:#fff; }
.org-r7b--schreibtisch .wbtn.gho { background:#fff; border:1px solid var(--line); color:var(--ink2); }
.org-r7b--schreibtisch .wait .go { color:var(--ink3); font-size:18px; line-height:1; }
.org-r7b--schreibtisch .cnt { margin-left:auto; background:#fdeaec; color:var(--bad); font-size:12px; font-weight:800; border-radius:99px; padding:2px 11px; }

/* ── Mockup 2: AUFGABEN (Verteilung) ────────────────────────────────────── */
.org-r7b--aufgaben .card h2 { font-size:14px; }
.org-r7b--aufgaben .card h2 svg { width:16px; height:16px; }
.org-r7b--aufgaben .headright { margin-left:auto; display:flex; align-items:center; gap:12px; }
.org-r7b--aufgaben .seg { display:flex; background:#eef1f6; border-radius:10px; padding:3px; font-size:13px; font-weight:600; color:var(--ink2); }
.org-r7b--aufgaben .seg span, .org-r7b--aufgaben .seg a { padding:7px 16px; border-radius:8px; display:flex; align-items:center; gap:7px; color:inherit; }
.org-r7b--aufgaben .seg span svg, .org-r7b--aufgaben .seg a svg { width:15px; height:15px; stroke:currentColor; fill:none; stroke-width:2; }
.org-r7b--aufgaben .seg .on { background:#fff; color:var(--ink); box-shadow:0 1px 3px rgba(22,35,58,.12); }
.org-r7b--aufgaben .layout { display:grid; grid-template-columns:1fr 336px; gap:16px; align-items:start; }
.org-r7b--aufgaben .board { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; }
.org-r7b--aufgaben .colh { display:flex; align-items:center; gap:9px; padding:2px 4px 12px; }
.org-r7b--aufgaben .colh .av { width:30px; height:30px; border-radius:50%; display:grid; place-items:center; color:#fff; font-weight:700; font-size:11.5px; flex:none; }
.org-r7b--aufgaben .colh b { font-size:13.5px; }
.org-r7b--aufgaben .colh .cnt { margin-left:auto; background:#eef1f6; color:var(--ink2); font-size:11px; font-weight:700; border-radius:99px; padding:2px 9px; }
.org-r7b--aufgaben .colh .hrs { font-size:11px; color:var(--ink3); font-weight:600; }
.org-r7b--aufgaben .colcards { display:flex; flex-direction:column; gap:11px; }
.org-r7b--aufgaben .tk { background:var(--card); border:1px solid var(--line); border-radius:13px; box-shadow:var(--shadow); padding:13px 14px; }
.org-r7b--aufgaben .tk .chip { font-size:10px; }
.org-r7b--aufgaben .tk .ttl { font-size:13.5px; font-weight:700; margin:9px 0 4px; line-height:1.3; }
.org-r7b--aufgaben .prog { height:7px; border-radius:99px; background:#eef1f6; overflow:hidden; margin:9px 0 8px; }
.org-r7b--aufgaben .prog i { display:block; height:100%; border-radius:99px; background:linear-gradient(90deg,#2f6fe0,#1e56c8); }
.org-r7b--aufgaben .prog i.g { background:linear-gradient(90deg,#34d399,#178a50); } .org-r7b--aufgaben .prog i.a { background:linear-gradient(90deg,#fbbf24,#c07600); }
.org-r7b--aufgaben .tkfoot { display:flex; align-items:center; gap:12px; font-size:11.5px; color:var(--ink3); font-weight:600; }
.org-r7b--aufgaben .tkfoot .mi { display:inline-flex; align-items:center; gap:4px; }
.org-r7b--aufgaben .tkfoot .mi svg { width:13px; height:13px; stroke:currentColor; fill:none; stroke-width:2; }
.org-r7b--aufgaben .tkfoot .due.hot { color:var(--bad); }
.org-r7b--aufgaben .tkfoot .pc { margin-left:auto; font-weight:700; color:var(--ink2); }
.org-r7b--aufgaben .addcard { border:1.5px dashed #c7d3e6; border-radius:12px; padding:11px; text-align:center; font-size:12.5px; font-weight:600; color:var(--ink3); background:#fbfcfe; }
.org-r7b--aufgaben .adot { width:8px; height:8px; border-radius:50%; flex:none; display:inline-block; margin-right:2px; }
.org-r7b--aufgaben .ad-red { background:#e5484d; } .org-r7b--aufgaben .ad-amb { background:#f59e0b; } .org-r7b--aufgaben .ad-grn { background:#22c55e; }
.org-r7b--aufgaben .wchip { font-size:9px; font-weight:800; letter-spacing:.3px; color:var(--brand); background:#e8effd; border-radius:5px; padding:2px 6px; display:inline-flex; align-items:center; gap:3px; }
.org-r7b--aufgaben .wchip svg { width:9px; height:9px; stroke:currentColor; fill:none; stroke-width:2.4; }
.org-r7b--aufgaben .cardtop { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.org-r7b--aufgaben .dl { display:flex; align-items:center; gap:5px; margin-top:9px; padding-top:8px; border-top:1px dashed var(--line); font-size:11px; font-weight:700; }
.org-r7b--aufgaben .dl svg { width:12px; height:12px; stroke:currentColor; fill:none; stroke-width:2; }
.org-r7b--aufgaben .dl.fin { color:var(--fin); } .org-r7b--aufgaben .dl.evt { color:var(--evt); } .org-r7b--aufgaben .dl.stif { color:var(--stif); } .org-r7b--aufgaben .dl.komm { color:var(--komm); } .org-r7b--aufgaben .dl.org { color:var(--org); }
.org-r7b--aufgaben .warnpill { margin-left:auto; display:inline-flex; align-items:center; gap:5px; font-size:10px; font-weight:800; color:var(--warn); background:#fdf3e2; border:1px solid #f0d9ac; border-radius:99px; padding:2px 9px; }
.org-r7b--aufgaben .vp { display:flex; flex-direction:column; gap:16px; }
.org-r7b--aufgaben .hrow { display:flex; align-items:center; gap:10px; margin:11px 0; }
.org-r7b--aufgaben .hrow .av { width:26px; height:26px; border-radius:50%; display:grid; place-items:center; color:#fff; font-weight:700; font-size:10.5px; flex:none; }
.org-r7b--aufgaben .hrow .hn { width:52px; font-size:12px; font-weight:600; color:var(--ink2); }
.org-r7b--aufgaben .hrow .hbar { flex:1; height:10px; border-radius:99px; background:#eef1f6; overflow:hidden; position:relative; }
.org-r7b--aufgaben .hrow .hbar i { display:block; height:100%; border-radius:99px; }
.org-r7b--aufgaben .hrow .hbar .cap { position:absolute; top:-3px; bottom:-3px; left:100%; width:2px; background:#c7d0dd; }
.org-r7b--aufgaben .hrow .hv { width:40px; text-align:right; font-size:12px; font-weight:700; }
.org-r7b--aufgaben .hi-ok { background:linear-gradient(90deg,#34d399,#178a50); } .org-r7b--aufgaben .hi-hi { background:linear-gradient(90deg,#fbbf24,#c07600); } .org-r7b--aufgaben .hi-lo { background:linear-gradient(90deg,#93c5fd,#3b82f6); } .org-r7b--aufgaben .hi-vio { background:linear-gradient(90deg,#a78bfa,#7c6cf0); }
.org-r7b--aufgaben .hcap { font-size:11px; color:var(--ink3); margin-top:4px; }
.org-r7b--aufgaben .reassign { display:flex; align-items:center; justify-content:center; gap:7px; margin-top:12px; background:var(--brand); color:#fff; font-weight:700; font-size:12.5px; border-radius:10px; padding:9px; }
.org-r7b--aufgaben .reassign svg { width:14px; height:14px; stroke:#fff; fill:none; stroke-width:2.2; }
.org-r7b--aufgaben .draghint { display:flex; align-items:center; gap:7px; margin-top:9px; font-size:11px; color:var(--ink3); font-weight:600; }
.org-r7b--aufgaben .draghint svg { width:13px; height:13px; stroke:currentColor; fill:none; stroke-width:2; flex:none; }
.org-r7b--aufgaben .donutwrap { display:flex; align-items:center; gap:14px; margin-top:14px; }
.org-r7b--aufgaben .donut { width:104px; height:104px; border-radius:50%; flex:none; background:conic-gradient(var(--fin) 0 34%,var(--evt) 34% 58%,var(--stif) 58% 76%,var(--komm) 76% 90%,var(--org) 90% 100%); display:grid; place-items:center; position:relative; }
.org-r7b--aufgaben .donut::before { content:''; position:absolute; width:64px; height:64px; border-radius:50%; background:#fff; }
.org-r7b--aufgaben .donut .cx { position:relative; text-align:center; }
.org-r7b--aufgaben .donut .cx b { font-size:19px; letter-spacing:-.5px; } .org-r7b--aufgaben .donut .cx span { display:block; font-size:9.5px; color:var(--ink3); font-weight:700; }
.org-r7b--aufgaben .dleg { flex:1; display:flex; flex-direction:column; gap:7px; }
.org-r7b--aufgaben .dleg div { display:flex; align-items:center; gap:7px; font-size:11.5px; font-weight:600; color:var(--ink2); white-space:nowrap; }
.org-r7b--aufgaben .dleg i { width:10px; height:10px; border-radius:3px; flex:none; }
.org-r7b--aufgaben .dleg .v { margin-left:auto; font-weight:700; color:var(--ink); }
.org-r7b--aufgaben .kpis { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:6px; }
.org-r7b--aufgaben .kbox { background:#fbfcfe; border:1px solid var(--line); border-radius:11px; padding:11px 12px; }
.org-r7b--aufgaben .kbox .l { font-size:10.5px; color:var(--ink3); font-weight:700; letter-spacing:.3px; }
.org-r7b--aufgaben .kbox b { font-size:20px; display:block; margin-top:2px; }

/* ── Mockup 3: URLAUB & REISEN ──────────────────────────────────────────── */
.org-r7b--urlaub .top > .amp { margin-left:auto; }
.org-r7b--urlaub .layout { display:grid; grid-template-columns:1fr 380px; gap:16px; align-items:start; }
.org-r7b--urlaub .rightcol, .org-r7b--urlaub .leftcol { display:flex; flex-direction:column; gap:16px; }
.org-r7b--urlaub .monthbar { display:flex; align-items:center; gap:10px; margin:10px 0 12px; }
.org-r7b--urlaub .monthbar .mo { font-size:16px; font-weight:800; letter-spacing:-.3px; }
.org-r7b--urlaub .navb { width:28px; height:28px; border-radius:8px; border:1px solid var(--line); display:grid; place-items:center; color:var(--ink2); }
.org-r7b--urlaub .navb svg { width:14px; height:14px; stroke:currentColor; fill:none; stroke-width:2; }
.org-r7b--urlaub .calleg { margin-left:auto; display:flex; gap:14px; font-size:11.5px; color:var(--ink2); font-weight:600; }
.org-r7b--urlaub .calleg span { display:inline-flex; align-items:center; gap:6px; }
.org-r7b--urlaub .calleg i { width:11px; height:11px; border-radius:4px; }
.org-r7b--urlaub .wkhead { display:grid; grid-template-columns:repeat(7,1fr); gap:6px; margin-bottom:6px; }
.org-r7b--urlaub .wkhead span { text-align:left; font-size:10.5px; letter-spacing:.6px; color:var(--ink3); font-weight:700; padding-left:4px; }
.org-r7b--urlaub .calgrid { display:grid; grid-template-columns:repeat(7,1fr); gap:6px; }
.org-r7b--urlaub .cell { border:1px solid var(--line); border-radius:10px; min-height:82px; background:#fbfcfe; padding:6px 6px 5px; display:flex; flex-direction:column; }
.org-r7b--urlaub .cell.we { background:#f5f7fa; }
.org-r7b--urlaub .cell.mut { background:#f3f5f8; opacity:.55; }
.org-r7b--urlaub .cell.today { background:#eef4fe; border-color:#9dc0f5; box-shadow:0 0 0 1px #9dc0f5; }
.org-r7b--urlaub .cell .dn { font-size:11.5px; font-weight:700; color:var(--ink2); margin-bottom:5px; }
.org-r7b--urlaub .cell.today .dn { color:var(--brand); }
.org-r7b--urlaub .cell.mut .dn { color:var(--ink3); }
.org-r7b--urlaub .lanes { display:flex; flex-direction:column; gap:3px; margin-top:auto; }
.org-r7b--urlaub .bar { height:16px; border-radius:5px; font-size:9.5px; font-weight:700; color:#fff; display:flex; align-items:center; padding:0 6px; white-space:nowrap; overflow:hidden; }
.org-r7b--urlaub .bar.mid { border-radius:0; margin:0 -6px; padding:0; }
.org-r7b--urlaub .bar.start { border-radius:5px 0 0 5px; margin-right:-6px; }
.org-r7b--urlaub .bar.end { border-radius:0 5px 5px 0; margin-left:-6px; }
.org-r7b--urlaub .b-cs { background:var(--p-cs); } .org-r7b--urlaub .b-li { background:var(--p-li); } .org-r7b--urlaub .b-le { background:var(--p-le); } .org-r7b--urlaub .b-yv { background:var(--p-yv); } .org-r7b--urlaub .b-jo { background:var(--p-jo); }
.org-r7b--urlaub .rk { list-style:none; margin-top:12px; display:flex; flex-direction:column; }
.org-r7b--urlaub .rk li { display:flex; align-items:center; gap:12px; padding:11px 2px; border-bottom:1px dashed var(--line); }
.org-r7b--urlaub .rk li:last-child { border:none; }
.org-r7b--urlaub .rk .ic { width:34px; height:34px; border-radius:9px; background:#eef4fe; display:grid; place-items:center; flex:none; }
.org-r7b--urlaub .rk .ic svg { width:16px; height:16px; stroke:var(--brand); fill:none; stroke-width:2; }
.org-r7b--urlaub .rk .info b { font-size:13px; } .org-r7b--urlaub .rk .info span { display:block; font-size:11px; color:var(--ink3); font-weight:600; margin-top:1px; }
.org-r7b--urlaub .rk .amt { margin-left:auto; text-align:right; }
.org-r7b--urlaub .rk .amt .v { font-weight:800; font-size:13.5px; }
.org-r7b--urlaub .st { font-size:10px; font-weight:700; border-radius:6px; padding:2px 8px; letter-spacing:.2px; display:inline-block; margin-top:2px; }
.org-r7b--urlaub .st-dr { background:#f1f4f8; color:var(--ink3); } .org-r7b--urlaub .st-ei { background:#fdf3e2; color:var(--warn); } .org-r7b--urlaub .st-er { background:#e5f5ec; color:var(--ok); }
.org-r7b--urlaub .pdfb { width:32px; height:32px; border-radius:8px; border:1px solid var(--line); display:grid; place-items:center; color:var(--ink2); flex:none; }
.org-r7b--urlaub .pdfb svg { width:15px; height:15px; stroke:currentColor; fill:none; stroke-width:2; }
.org-r7b--urlaub .newrk { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:14px; background:var(--brand); color:#fff; font-weight:700; font-size:13px; border-radius:11px; padding:11px; }
.org-r7b--urlaub .newrk svg { width:15px; height:15px; stroke:#fff; fill:none; stroke-width:2.4; }
.org-r7b--urlaub .rksum { display:flex; gap:10px; margin-top:12px; }
.org-r7b--urlaub .rksum .b { flex:1; background:#fbfcfe; border:1px solid var(--line); border-radius:10px; padding:9px 11px; }
.org-r7b--urlaub .rksum .b .l { font-size:10px; color:var(--ink3); font-weight:700; }
.org-r7b--urlaub .rksum .b b { font-size:16px; display:block; margin-top:1px; }
.org-r7b--urlaub .req { list-style:none; margin-top:10px; display:flex; flex-direction:column; }
.org-r7b--urlaub .req li { display:flex; align-items:center; gap:11px; padding:10px 2px; border-bottom:1px dashed var(--line); }
.org-r7b--urlaub .req li:last-child { border:none; }
.org-r7b--urlaub .req .av { width:28px; height:28px; border-radius:50%; display:grid; place-items:center; color:#fff; font-weight:700; font-size:10.5px; flex:none; }
.org-r7b--urlaub .req .ri { flex:1; min-width:0; }
.org-r7b--urlaub .req .ri b { font-size:12.5px; }
.org-r7b--urlaub .req .ri span { display:block; font-size:11px; color:var(--ink3); font-weight:600; margin-top:1px; }
.org-r7b--urlaub .rst { font-size:10px; font-weight:700; border-radius:6px; padding:3px 9px; white-space:nowrap; flex:none; }
.org-r7b--urlaub .rst-ok { background:#e5f5ec; color:var(--ok); } .org-r7b--urlaub .rst-open { background:#fdf3e2; color:var(--warn); }
.org-r7b--urlaub .rq-act { display:flex; gap:6px; flex:none; }
.org-r7b--urlaub .rq-btn { width:28px; height:28px; border-radius:8px; display:grid; place-items:center; flex:none; }
.org-r7b--urlaub .rq-btn svg { width:15px; height:15px; fill:none; stroke-width:2.6; }
.org-r7b--urlaub .rq-yes { background:var(--ok); } .org-r7b--urlaub .rq-yes svg { stroke:#fff; }
.org-r7b--urlaub .rq-no { background:#fff; border:1px solid var(--line); } .org-r7b--urlaub .rq-no svg { stroke:var(--ink3); }
.org-r7b--urlaub .conflict { display:flex; align-items:flex-start; gap:11px; margin-top:12px; padding:11px 13px; background:#fdf3e2; border:1px solid #f0d9ac; border-radius:11px; }
.org-r7b--urlaub .conflict svg { width:19px; height:19px; stroke:var(--warn); fill:none; stroke-width:2; flex:none; margin-top:1px; }
.org-r7b--urlaub .conflict b { font-size:12.5px; color:var(--ink); }
.org-r7b--urlaub .conflict span { display:block; font-size:11.5px; color:var(--ink2); margin-top:2px; line-height:1.4; }
.org-r7b--urlaub .osgrid { display:grid; grid-template-columns:1fr 1fr; gap:11px; margin-top:12px; }
.org-r7b--urlaub .os { border:1px solid var(--line); border-radius:12px; padding:12px 13px; background:#fbfcfe; }
.org-r7b--urlaub .os .h { display:flex; align-items:center; gap:8px; }
.org-r7b--urlaub .os .av { width:24px; height:24px; border-radius:50%; display:grid; place-items:center; color:#fff; font-weight:700; font-size:10px; }
.org-r7b--urlaub .os .h b { font-size:12.5px; }
.org-r7b--urlaub .os .sal { font-size:22px; font-weight:800; letter-spacing:-.5px; margin-top:7px; }
.org-r7b--urlaub .os .sal.pos { color:var(--ok); } .org-r7b--urlaub .os .sal.neg { color:var(--bad); }
.org-r7b--urlaub .os .spark { height:26px; margin-top:2px; }
.org-r7b--urlaub .os .cap { font-size:10.5px; color:var(--ink3); font-weight:600; margin-top:2px; }

/* ── Mockup 4: WISSEN & HANDBUCH ────────────────────────────────────────── */
.org-r7b--wissen .top { margin-bottom:16px; }
.org-r7b--wissen .headright { margin-left:auto; display:flex; align-items:center; gap:10px; }
.org-r7b--wissen .rq { display:inline-flex; align-items:center; gap:8px; background:#fdf3e2; color:var(--warn); border:1px solid #f0d9ac; border-radius:99px; padding:7px 13px; font-size:12.5px; font-weight:700; }
.org-r7b--wissen .rq svg { width:14px; height:14px; stroke:currentColor; fill:none; stroke-width:2; }
.org-r7b--wissen .rq b { background:var(--warn); color:#fff; border-radius:99px; padding:0 7px; font-size:11px; }
.org-r7b--wissen .searchhero { background:linear-gradient(135deg,#10304f 0%,#153a60 60%,#1b4a7c 100%); border-radius:var(--r); box-shadow:var(--shadow); padding:22px 24px; position:relative; overflow:hidden; margin-bottom:16px; }
.org-r7b--wissen .searchhero::after { content:''; position:absolute; right:-60px; top:-80px; width:280px; height:280px; border-radius:50%; background:radial-gradient(circle,rgba(96,165,250,.22),transparent 65%); }
.org-r7b--wissen .searchhero .lbl { font-size:11px; letter-spacing:1.6px; color:#9fc0e2; font-weight:700; }
.org-r7b--wissen .searchhero h3 { color:#fff; font-size:18px; margin-top:5px; letter-spacing:-.2px; }
.org-r7b--wissen .sbox { display:flex; align-items:center; gap:12px; background:#fff; border-radius:13px; padding:13px 18px; margin-top:14px; max-width:760px; position:relative; z-index:1; }
.org-r7b--wissen .sbox svg { width:19px; height:19px; stroke:var(--brand); fill:none; stroke-width:2; flex:none; }
.org-r7b--wissen .sbox .ph { color:var(--ink3); font-size:14.5px; flex:1; }
.org-r7b--wissen .sbox .go { background:var(--brand); color:#fff; font-weight:700; font-size:12.5px; border-radius:9px; padding:8px 15px; }
.org-r7b--wissen .schips { display:flex; gap:8px; margin-top:12px; position:relative; z-index:1; flex-wrap:wrap; }
.org-r7b--wissen .schips span { background:rgba(255,255,255,.12); color:#dbe8f6; border-radius:99px; padding:5px 13px; font-size:12px; font-weight:600; }
.org-r7b--wissen .cols { display:grid; grid-template-columns:1fr 1fr; gap:16px; align-items:start; }
.org-r7b--wissen .leftcol { display:flex; flex-direction:column; gap:16px; }
.org-r7b--wissen .chaps { display:grid; grid-template-columns:1fr 1fr; gap:11px; margin-top:14px; }
.org-r7b--wissen .chap { border:1px solid var(--line); border-radius:12px; padding:13px 14px; background:#fbfcfe; display:flex; gap:12px; align-items:flex-start; }
.org-r7b--wissen .chap .ic { width:38px; height:38px; border-radius:10px; display:grid; place-items:center; flex:none; }
.org-r7b--wissen .chap .ic svg { width:19px; height:19px; fill:none; stroke-width:2; }
.org-r7b--wissen .i-fin { background:#e8effd; } .org-r7b--wissen .i-fin svg { stroke:var(--fin); }
.org-r7b--wissen .i-evt { background:#f0edfd; } .org-r7b--wissen .i-evt svg { stroke:var(--evt); }
.org-r7b--wissen .i-komm { background:#fdf3e2; } .org-r7b--wissen .i-komm svg { stroke:var(--komm); }
.org-r7b--wissen .i-stif { background:#e2f6f4; } .org-r7b--wissen .i-stif svg { stroke:var(--stif); }
.org-r7b--wissen .i-mit { background:#e8f0fe; } .org-r7b--wissen .i-mit svg { stroke:var(--mit); }
.org-r7b--wissen .i-org { background:#eef1f6; } .org-r7b--wissen .i-org svg { stroke:var(--ink2); }
.org-r7b--wissen .chap b { font-size:13.5px; }
.org-r7b--wissen .chap .m { font-size:11px; color:var(--ink3); font-weight:600; margin-top:3px; display:flex; gap:8px; align-items:center; }
.org-r7b--wissen .chap .m .k { background:#eef1f6; color:var(--ink2); border-radius:5px; padding:1px 6px; font-weight:700; }
.org-r7b--wissen .arts { list-style:none; margin-top:14px; display:flex; flex-direction:column; gap:11px; }
.org-r7b--wissen .art { border:1px solid var(--line); border-radius:12px; padding:13px 14px; background:#fbfcfe; }
.org-r7b--wissen .art .claim { font-size:13.5px; font-weight:650; line-height:1.35; }
.org-r7b--wissen .art .row { display:flex; align-items:center; gap:8px; margin-top:9px; flex-wrap:wrap; }
.org-r7b--wissen .beleg { display:inline-flex; align-items:center; gap:5px; font-size:10.5px; font-weight:700; color:var(--brand); background:#e8effd; border-radius:6px; padding:2px 8px; }
.org-r7b--wissen .beleg svg { width:11px; height:11px; stroke:currentColor; fill:none; stroke-width:2; }
.org-r7b--wissen .rev { font-size:10px; font-weight:700; border-radius:6px; padding:2px 8px; letter-spacing:.2px; }
.org-r7b--wissen .rev-ok { background:#e5f5ec; color:var(--ok); } .org-r7b--wissen .rev-rev { background:#fdf3e2; color:var(--warn); } .org-r7b--wissen .rev-new { background:#e8effd; color:var(--brand); } .org-r7b--wissen .rev-over { background:#fdeaec; color:var(--bad); }
.org-r7b--wissen .bot { display:inline-flex; align-items:center; gap:5px; font-size:10.5px; font-weight:700; color:var(--stif); margin-left:auto; }
.org-r7b--wissen .bot svg { width:12px; height:12px; stroke:currentColor; fill:none; stroke-width:2; }
.org-r7b--wissen .bot .cn { color:var(--stif); }
.org-r7b--wissen .art .upd { font-size:10.5px; color:var(--ink3); font-weight:600; }
.org-r7b--wissen .wfilters { display:flex; gap:7px; margin-top:13px; flex-wrap:wrap; }
.org-r7b--wissen .wchip2 { border:1px solid var(--line); background:#fff; border-radius:99px; padding:5px 12px; font-size:12px; font-weight:600; color:var(--ink2); }
.org-r7b--wissen .wchip2.on { background:#e8effd; border-color:#bcd3f7; color:var(--brand); }
.org-r7b--wissen .wchip2 .n { font-weight:800; }
.org-r7b--wissen .hcount { margin-left:auto; background:#fdeaec; color:var(--bad); font-size:12px; font-weight:800; border-radius:99px; padding:1px 10px; }
.org-r7b--wissen .gap-list { list-style:none; margin-top:13px; display:flex; flex-direction:column; }
.org-r7b--wissen .gap-list li { display:flex; align-items:center; gap:11px; padding:11px 2px; border-bottom:1px dashed var(--line); }
.org-r7b--wissen .gap-list li:last-child { border:none; }
.org-r7b--wissen .gap-list .gq { width:32px; height:32px; border-radius:9px; background:#fdeaec; display:grid; place-items:center; flex:none; }
.org-r7b--wissen .gap-list .gq svg { width:16px; height:16px; stroke:var(--bad); fill:none; stroke-width:2; }
.org-r7b--wissen .gap-list .gi { flex:1; min-width:0; }
.org-r7b--wissen .gap-list .gi b { font-size:12.5px; font-weight:650; line-height:1.3; display:block; }
.org-r7b--wissen .gap-list .gi span { font-size:10.5px; color:var(--ink3); font-weight:600; margin-top:2px; display:block; }
.org-r7b--wissen .gap-list .mk { font-size:11px; font-weight:700; color:#fff; background:var(--brand); border-radius:8px; padding:7px 12px; white-space:nowrap; flex:none; }
.org-r7b--wissen .bothint { grid-column:1 / -1; display:flex; align-items:center; gap:16px; background:linear-gradient(135deg,#e2f6f4,#f0fbfa); border:1px solid #bfe6e1; border-radius:var(--r); padding:16px 20px; }
.org-r7b--wissen .bothint .big { width:48px; height:48px; border-radius:12px; background:var(--stif); display:grid; place-items:center; flex:none; }
.org-r7b--wissen .bothint .big svg { width:24px; height:24px; stroke:#fff; fill:none; stroke-width:2; }
.org-r7b--wissen .bothint b { font-size:15px; }
.org-r7b--wissen .bothint p { font-size:12.5px; color:var(--ink2); margin-top:2px; }
.org-r7b--wissen .bothint .stats { margin-left:auto; display:flex; gap:26px; text-align:right; }
.org-r7b--wissen .bothint .stats div span { font-size:10.5px; color:var(--ink3); font-weight:700; letter-spacing:.3px; }
.org-r7b--wissen .bothint .stats div b { display:block; font-size:22px; letter-spacing:-.5px; color:var(--stif); }

@media (max-width:1200px) {
  .org-r7b--schreibtisch .wrap, .org-r7b--aufgaben .layout, .org-r7b--urlaub .layout { grid-template-columns:1fr; }
  .org-r7b--aufgaben .board { grid-template-columns:repeat(2,1fr); }
  .org-r7b--wissen .cols { grid-template-columns:1fr; }
}

/* ── N2: tote Perioden-Umschalter → funktionale Links (Fix-Welle N2) ───────── */
.r1-ueb .seg a, .r1-ausw .seg a, .v3-page .home3 .seg a, .fin-r4--cockpit .seg a { padding:4px 12px; border-radius:7px; color:inherit; text-decoration:none; display:inline-block; }
.r1-ueb .gxlab .now { color:var(--brand); font-weight:800; }
.r1-ausw .seglabel { margin-left:auto; font-size:11.5px; color:var(--ink3); font-weight:700; }
.v3-page .home3 .growth .gxlab { display:grid; gap:9px; text-align:center; font-size:10px; color:var(--ink3); font-weight:600; margin-top:4px; }
.v3-page .home3 .growth .net { justify-content:space-between; }
.v3-page .home3 .growth .net .gmore { font-size:11.5px; color:var(--brand); font-weight:700; text-decoration:none; }
.v3-page .home3 .growth .net .ntot { display:inline-flex; align-items:center; gap:8px; }
.v3-page .home3 .growth .net .ntot b { margin-left:0; }

/* --- ruecklastschriften: datengetriebene Zusatz-Regeln (additiv, scoped) --- */
.fin-r4--ruecklastschriften .lnk { color:var(--brand); font-weight:700; text-decoration:none; }
.fin-r4--ruecklastschriften .lnk:hover { text-decoration:underline; }
.fin-r4--ruecklastschriften .tabs a { display:flex; align-items:center; gap:8px; padding:11px 16px; font-weight:650; font-size:13.5px; color:var(--ink2); border-bottom:2.5px solid transparent; }
.fin-r4--ruecklastschriften .tabs a .cnt { background:#eef1f6; color:var(--ink2); font-size:11px; font-weight:800; border-radius:99px; padding:1px 8px; }
.fin-r4--ruecklastschriften .tabs a.on { color:var(--brand); border-bottom-color:var(--brand); }
.fin-r4--ruecklastschriften .tabs a.on .cnt { background:#e8effd; color:var(--brand); }
.fin-r4--ruecklastschriften a.mkpi { text-decoration:none; color:inherit; transition:border-color .12s, box-shadow .12s; }
.fin-r4--ruecklastschriften a.mkpi:hover { border-color:#bcd3f7; box-shadow:0 8px 20px -12px rgba(30,86,200,.4); }

/* ── Ticket-Bulk-Aktionsleiste (Ticket 3.0) — erscheint sticky bei Auswahl ── */
.v3-page .kt-bulkcell { display: flex; align-items: center; justify-content: center; }
.v3-page .kt-bulkcell input[type="checkbox"] { width: 15px; height: 15px; accent-color: var(--v3-brand); cursor: pointer; }
.v3-page .kt-bulkbar { position: sticky; bottom: 12px; z-index: 30; display: flex; align-items: center; gap: 12px;
  margin-top: 14px; padding: 11px 18px; border-radius: 12px; background: var(--v3-brand); color: #fff;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .25); }
.v3-page .kt-bulkbar.hidden { display: none; }
.v3-page .kt-bulkbar .cnt { font-weight: 800; font-size: 12.5px; }
.v3-page .kt-bulkbar select { border: none; border-radius: 8px; padding: 6px 10px; font-size: 12px; font-weight: 600;
  color: var(--v3-ink); background: #fff; }
.v3-page .kt-bulkbar button { margin-left: auto; border: 1px solid rgba(255, 255, 255, .5); background: transparent;
  color: #fff; border-radius: 8px; padding: 5px 12px; font-size: 11.5px; font-weight: 700; cursor: pointer; }
.v3-page .kt-bulkbar button:hover { background: rgba(255, 255, 255, .12); }

/* ── Ticket-Detail Arbeitsleiste (Ticket 3.0) — member_action_card in voller
   Breite oben. Aktions-Formulare nutzen die Breite, statt in der Rail zu stapeln. */
.v3-page .kd-workbar { margin-bottom: 14px; }
.v3-page .kd-workbar #action_panel form { max-width: 720px; }