/* ============================================================
   Hestiaro · Design 2026 für eigenständige Instanzen (Kern / White Label)
   ------------------------------------------------------------
   Wird NUR auf eigenständigen Instanzen geladen: instanz_html.js setzt beim Ausliefern
   <html class="kern"> und hängt diese Datei als LETZTES Stylesheet in den <head>.
   Die MAYA-Instanz lädt sie nie und bleibt Byte für Byte, wie sie ist.

   Vorgehen wie webinar_design26.css: dieselben Token-Namen neu belegen, danach gezielte
   Korrekturen für die Kernbildschirme. Alle Regeln hängen an html.kern (höhere Spezifität
   als die Seitenstile); !important nur dort, wo index.html Inline-Stile oder feste Farben trägt.

   Regeln (Skill maya-design):
   - Schrift: nur Mona Sans (selbst gehostet als „MAYA Grotesk“), Rubriken breit in Versalien
   - Schwarz-Weiß: Weiß #FFFFFF · Grau #F4F4F3 · Grau tief #E9E9E7 · Nebentext #6E6C69 ·
     Anthrazit #1E1D1C · Fließtext #3A3936 – plus GENAU EINE Akzentfarbe je Firma
     (firma.akzent in instanz/<name>.json). instanz_html.js berechnet daraus beim Ausliefern
     --akzent, --akzent-tief, --akzent-hell, --akzent-text, --akzent-ring, --akzent-rgb.
     Diese Datei nennt NIE einen festen Akzent-Hexwert, nur var(--akzent…).
     Akzent sparsam: aktiver Navigationspunkt (Strich), der eine Hauptaufruf je Bildschirm,
     Fokusring, „neu/heiß“-Punkte, Leitsymbole, Fortschritt. Rot/Grün nur für Zustände, entsättigt.
   - keine Konturen/Trennlinien (nur 2-px-Fokusring), keine Verläufe, kein Creme
   - Radien: Pille 999 · Felder 12 · Karten 16 · Flächen 24
   - Schatten nur für Schwebendes: 0 14px 36px rgba(30,29,28,.12)
   - Abstände 4/8/12/16/24/32/48/64
   ============================================================ */

@font-face{font-family:'MAYA Grotesk';src:url(/assets/fonts/MAYAGrotesk-Regular.ttf) format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'MAYA Grotesk';src:url(/assets/fonts/MAYAGrotesk-Medium.ttf) format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:'MAYA Grotesk';src:url(/assets/fonts/MAYAGrotesk-SemiBold.ttf) format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:'MAYA Grotesk';src:url(/assets/fonts/MAYAGrotesk-Bold.ttf) format('truetype');font-weight:700 900;font-display:swap}
@font-face{font-family:'MAYA Grotesk Breit';src:url(/assets/fonts/MAYAGroteskBreit-Medium.ttf) format('truetype');font-weight:400 900;font-display:swap}

/* ── 1. Tokens ─────────────────────────────────────────────────────────────
   Gilt auch, falls data-theme doch einmal „dark“ trägt (Design 2026 kennt nur Hell). */
html.kern,
html.kern:root,
html.kern[data-theme="dark"],
html.kern[data-theme="light"]{
  /* eigene Namen (für Korrekturen unten) */
  --k-weiss:#FFFFFF; --k-grau:#F4F4F3; --k-tief:#E9E9E7; --k-neben:#6E6C69;
  --k-anthr:#1E1D1C; --k-text:#3A3936;
  --k-ak:var(--akzent,#1E1D1C); --k-ak-tief:var(--akzent-tief,#3A3936); --k-ak-text:var(--akzent-text,#FFFFFF);
  --k-ak-ring:var(--akzent-ring,var(--k-ak)); --k-ak-hell:var(--akzent-hell,rgba(30,29,28,.06));
  --k-rot:#B0412E; --k-gruen:#4B7457; --k-blau:#4B5F73;
  /* Füllung für Felder und zweitrangige Knöpfe: halbtransparent, damit sie auf Weiß als
     Grau #F4F4F3 und auf grauen Flächen als Grau tief #E9E9E7 erscheinen */
  --k-fuell:rgba(30,29,28,.05); --k-fuell-hover:rgba(30,29,28,.09);
  --k-schwebend:0 14px 36px rgba(30,29,28,.12);
  --k-ring:0 0 0 2px var(--k-ak-ring);
  --k-sans:'MAYA Grotesk','Mona Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --k-breit:'MAYA Grotesk Breit','MAYA Grotesk',system-ui,sans-serif;

  /* bestehende Token-Namen neu belegt */
  --font:var(--k-sans); --mono:var(--k-sans);
  --ink:#1E1D1C; --ink-soft:#3A3936;
  --bg:#FFFFFF; --surface:#F4F4F3; --card:#F4F4F3;
  --line:transparent; --line-strong:transparent;
  --muted:#6E6C69; --muted-light:#6E6C69;
  /* Akzent = Anthrazit: aktive Zustände, Links, Zähler. Orange kommt gezielt (--k-orange). */
  --accent:#1E1D1C; --accent-hover:#3A3936; --accent-dark:#1E1D1C;
  --accent-soft:#E9E9E7; --accent-tint:#F4F4F3;
  --gold:#6E6C69; --green:#4B7457; --green-deep:#3A5E45; --green-soft:#F4F4F3; --ok:#4B7457;
  --blue:#4B5F73; --red:#B0412E; --warn:#6E6C69; --orange:var(--k-ak);
  --header:#FFFFFF; --side-bg:#FFFFFF;
  --grad-accent:linear-gradient(#1E1D1C,#1E1D1C);
  --grad-soft:none; --grad-warm:none; --grad-wash:none; --grad-green:linear-gradient(#3F7A4F,#3F7A4F);
  --ambient:none;
  --glass-bg:#FFFFFF; --glass-blur:none; --glass-float:#FFFFFF; --glass-line:transparent;
  --r-xs:8px; --r:12px; --r-lg:16px; --r-xl:24px; --r-pill:999px;
  --sh:none; --sh-md:var(--k-schwebend); --sh-lg:var(--k-schwebend);
  --light-overlay:transparent; --light-overlay-soft:transparent;
  color-scheme:light;
}
html.kern body{font-family:var(--k-sans);background:#FFFFFF;color:var(--k-anthr);
  font-feature-settings:normal;-webkit-font-smoothing:antialiased}
html.kern button,html.kern input,html.kern select,html.kern textarea{font-family:var(--k-sans)}
html.kern .app-main{background:#FFFFFF;background-image:none}
html.kern ::selection{background:#E9E9E7;color:#1E1D1C}

/* Dunkelmodus-Umschalter gibt es hier nicht */
html.kern .theme-switch,html.kern .theme-hint{display:none!important}

/* Mona Sans setzt bei tabellarischen Ziffern eigene Schreibmaschinen-Formen (gepunktete Null,
   Serifen-Eins). Im Tool wirkt das fremd – daher proportionale Ziffern überall. */
html.kern,html.kern *{font-variant-numeric:normal!important}

/* ── 2. Rubriken: breit, Versalien, Nebentext, nie fett ───────────────── */
html.kern :is(.ctab-th,.im2-head-row,.ak2-card-t,.ak2-focus-k,.nav2-sect,.nav2-pal-g,.eyebrow,.kpi-label,
  .steck-group-title,.pf-sect-title,.dash-panel-title,.dash-subdate,.user-role,.user-dd-role,.df > label,.modal-label){
  font-family:var(--k-breit)!important;font-weight:500!important;font-size:11px!important;letter-spacing:.16em!important;
  text-transform:uppercase!important;color:var(--k-neben)!important}
html.kern .ctab-th.on{color:var(--k-anthr)!important}
/* Tabellenköpfe sind schmal: weniger Sperrung, sonst werden sie abgeschnitten */
html.kern :is(.ctab-th,.im2-head-row){letter-spacing:.08em!important;font-size:10.5px!important}

/* ── 3. Flächen: Weiß als Grund, Grau für Inhalte, keine Rahmen ───────── */
html.kern .app-header{background:#FFFFFF!important;background-image:none!important;border:0!important;box-shadow:none!important}
html.kern .nav2-panel{background:#FFFFFF!important;background-image:none!important;border:0!important}
html.kern .nav2-side.exp .nav2-panel{box-shadow:var(--k-schwebend)!important}
html.kern :is(#drawer,#propDrawer){background:#FFFFFF!important;border:0!important}
html.kern body.nav2 :is(#drawer,#propDrawer){box-shadow:-14px 0 36px rgba(30,29,28,.10)!important}
html.kern :is(.drawer-top,.prop-top,.profile-nav,.ak2-stages){background:transparent!important;border:0!important;box-shadow:none!important}
html.kern .drawer-footer{background:#FFFFFF!important;border:0!important}
/* Kontaktwege in der Akte (Anrufen/Mail mit Pfeil): Pille ohne Rand */
html.kern :is(.split-act,.dtop-way){border-color:transparent!important;border-radius:16px!important;background:#F4F4F3!important}
html.kern .split-act-divider{background:#FFFFFF!important}
html.kern :is(.split-act-btn,.split-act-arrow):hover{background:#E9E9E7!important}
html.kern body.nav2 #drawer.akte2 .profile-nav,html.kern body.nav2 #propDrawer.immo2 .profile-nav{background:#FFFFFF!important}
/* Karten in den Akten und auf Heute: grau, weich, ohne Rand */
html.kern :is(.ak2-card,.ak2-focus,.h2-card,.h2-stat,.im2-card,.ctab,.l2-panel,.kpi-tile,.dash-panel){
  border:0!important;box-shadow:none!important;border-radius:16px!important}
html.kern .ak2-focus{background:#F4F4F3!important}
html.kern .ak2-focus.leer{background:#F4F4F3!important}
html.kern .h2-stat-ico,html.kern .ak2-n{background:#FFFFFF!important}
/* Notizfeld am Kunden: kein dunkler Seitenrand */
html.kern :is(.ak2-notecard,.drawer-note-top){border:0!important;box-shadow:none!important}

/* Schwebendes: weiß, Schatten, große Rundung */
html.kern :is(.modal-box,.nav2-pal,.rc-modal,.cmp-box,.vgl-box){background:#FFFFFF!important;border:0!important;
  border-radius:24px!important;box-shadow:var(--k-schwebend)!important}
html.kern :is(.user-dropdown,.ak2-menu,.zz-menu,.dd-menu,.ctx-menu,.toast,.mfab-act-lbl,.mfab-act-ico){
  background:#FFFFFF!important;border:0!important;box-shadow:var(--k-schwebend)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html.kern :is(.user-dropdown,.ak2-menu,.zz-menu){border-radius:16px!important}
html.kern :is(.modal-overlay,.modal-wrap,.rc-modal-overlay,.cmp-overlay,.nl-overlay,.vgl-overlay,.nav2-pal-wrap){
  background:rgba(30,29,28,.28)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html.kern :is(.modal-head,.modal-header,.modal-foot,.nav2-pal-in,.nav2-pal-f,.user-dd-header){border:0!important}
html.kern .nav2-pal-f{background:#F4F4F3!important}
html.kern .modal-box :is(.modal-actions,.modal-foot,.drawer-footer){background:#FFFFFF!important;border:0!important}
html.kern .user-dd-sep,html.kern .ak2-sep{background:#F4F4F3!important}
html.kern .user-dd-item:hover,html.kern .ak2-menu button:hover{background:#F4F4F3!important}

/* Trennlinien weg (Tabellenzeilen, Listen, Abschnitte) */
html.kern :is(.ctab-head,.ctab-row,.im2-row,.im2-head-row,.im2-tabs,.l2-bar,.im2-kids,.im2-kid,.im2-sek,.im2-check li,.im2-akts li,.pb-group){
  border-color:transparent!important}
html.kern .ctab-head{background:transparent!important}
html.kern .ctab-row:hover,html.kern .im2-row:hover{background:#E9E9E7!important}
html.kern .ctab{background:#F4F4F3!important}
html.kern .im2-row{border-radius:12px}
html.kern .im2-thumb.leer{border:0!important;background:#F4F4F3!important}
html.kern .col-bar{display:none!important}
html.kern .col-num{background:#FFFFFF!important;border:0!important}
html.kern .nav2-sect::before,html.kern .nav2-sub::before{display:none!important}

/* ── 4. Knöpfe: Pille, ohne Rahmen. Haupt = Anthrazit, zweitrangig = Grau ─ */
html.kern :is(.btn,.btn-ghost,.btn-light,.btn-danger,.resv-btn,.hd-btn,.ak2-btn,.h2-btn,.im2-btn,.mtool-btn,.l2-fbtn,.prop-rc-btn){
  border-radius:999px!important;border-color:transparent!important;box-shadow:none!important;filter:none!important;
  background:var(--k-fuell)!important;color:var(--k-anthr)!important;font-weight:600!important;letter-spacing:0!important}
html.kern :is(.btn,.btn-ghost,.btn-light,.btn-danger,.resv-btn,.hd-btn,.ak2-btn,.h2-btn,.im2-btn,.mtool-btn,.l2-fbtn,.prop-rc-btn):hover{
  background:var(--k-fuell-hover)!important;color:var(--k-anthr)!important}
html.kern body.nav2 :is(.btn,.btn-ghost,.btn-light,.btn-danger,.resv-btn,.hd-btn,.ak2-btn,.h2-btn,.im2-btn,.l2-fbtn){height:38px;padding:0 18px}
html.kern body.nav2 :is(.btn-sm,.btn.btn-sm){height:32px!important;padding:0 14px!important}
html.kern .h2-btn.ghost{background:transparent!important}
html.kern .h2-btn.ghost:hover{background:#F4F4F3!important}
/* Haupt (bisher Orange oder Verlauf) */
html.kern :is(.btn-accent,.btn.btn-accent,.resv-btn.primary,.ak2-btn.pri,.im2-btn.pri,.hd-btn.done,.prop-rc-btn:not(.ghost),.mobile-fab-btn){
  background:#1E1D1C!important;color:#FFFFFF!important}
html.kern :is(.btn-accent,.btn.btn-accent,.resv-btn.primary,.ak2-btn.pri,.im2-btn.pri,.hd-btn.done,.prop-rc-btn:not(.ghost)):hover{
  background:#3A3936!important;color:#FFFFFF!important}
html.kern .mobile-fab-btn{box-shadow:var(--k-schwebend)!important}
/* Gefahr: rote Schrift auf Grau */
html.kern :is(.btn-danger,.btn.btn-danger,.btn-danger-soft){color:var(--k-rot)!important}
html.kern :is(.btn,.btn-ghost,.btn-danger,.ak2-btn,.h2-btn,.im2-btn,.btn-icon):focus-visible{outline:none!important;box-shadow:0 0 0 2px #FFFFFF,0 0 0 4px var(--k-ak-ring)!important}
html.kern .btn:disabled,html.kern .btn[disabled]{opacity:.4!important}
html.kern :is(.btn,.btn-ghost,.ak2-btn,.h2-btn,.im2-btn) svg{flex:none}
html.kern .btn-icon{border-radius:999px!important}
html.kern .btn-icon:hover{background:#F4F4F3!important}
/* Der eine Hauptaufruf im Akzent: „Anrufen“ in der Kundenakte beginnt das Gespräch */
html.kern .ak2-btn.pri[data-kern-orange],html.kern .ak2-acts .ak2-btn.pri:first-child{background:var(--k-ak)!important;color:var(--k-ak-text)!important}
html.kern .ak2-acts .ak2-btn.pri:first-child:hover{background:var(--k-ak-tief)!important;color:#FFFFFF!important}

/* ── 5. Felder: grau gefüllt, Radius 12, beim Tippen weiß mit 2-px-Ring ─── */
html.kern :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=button]):not([type=submit]):not([type=image]),select,textarea){
  background-color:var(--k-fuell)!important;border-color:transparent!important;box-shadow:none!important;
  border-radius:12px!important;color:#1E1D1C}
html.kern :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=button]):not([type=submit]):not([type=image]),select,textarea):focus{
  background-color:#FFFFFF!important;outline:none!important;box-shadow:0 0 0 2px var(--k-ak-ring)!important}
html.kern :is(input,textarea)::placeholder{color:#6E6C69!important;font-style:normal!important;opacity:1}
html.kern .search-input{border-radius:999px!important}
/* Felder in Verbund-Bausteinen: die Hülle ist das Feld */
html.kern :is(.nav2-pal-in,.h2-ask) input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=button]):not([type=submit]):not([type=image]),
html.kern :is(.nav2-pal-in,.h2-ask) input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=button]):not([type=submit]):not([type=image]):focus{
  background-color:transparent!important;box-shadow:none!important;border-radius:0!important}
html.kern .h2-ask{border:0!important;background:var(--k-fuell)!important;border-radius:999px!important}
html.kern .h2-ask svg{color:#6E6C69!important}
/* Auswahlpfeil neutral */
html.kern .df select,html.kern .df select:hover{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%236E6C69' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>")!important}
/* Häkchen in Anthrazit */
html.kern :is(input[type=checkbox],input[type=radio]){accent-color:#1E1D1C}

/* ── 6. Umschalter, Reiter, Filter ────────────────────────────────────────
   Umschalter: Spur Grau tief, aktive Option weiße Pille.
   Reiter (bisher Unterstrich): Pillen, aktiv Grau tief. */
html.kern :is(.seg-control,.rc-seg,.ana-seg,.bez-switch,.if-seg){background:#E9E9E7!important;border:0!important;border-radius:999px!important;padding:3px!important}
html.kern :is(.seg-control .seg-btn,.rc-seg button,.ana-seg .ana-seg-btn,.bez-switch .bez-tab,.if-seg button){border-radius:999px!important;border:0!important;box-shadow:none!important}
html.kern :is(.seg-control .seg-btn.active,.rc-seg button.on,.rc-seg button.active,.ana-seg .ana-seg-btn.active,.bez-switch .bez-tab.active,.if-seg button.an){
  background:#FFFFFF!important;color:#1E1D1C!important;box-shadow:none!important}
html.kern :is(.seg-control .seg-btn.active svg,.seg-control .seg-btn.active .ico){color:#1E1D1C!important}
html.kern .pot-inline-filters a.on{background:#E9E9E7!important;color:#1E1D1C!important;box-shadow:none!important}
html.kern :is(.l2-view,.im2-tab),html.kern :is(body.nav2 #drawer.akte2 .pnav-btn,body.nav2 #propDrawer.immo2 .profile-nav .pnav-btn){
  border:0!important;box-shadow:none!important;border-radius:999px!important;padding:8px 14px!important;margin:0 0 6px!important;color:#3A3936!important;font-weight:600!important}
html.kern :is(.l2-view,.im2-tab):hover,html.kern :is(body.nav2 #drawer.akte2 .pnav-btn,body.nav2 #propDrawer.immo2 .profile-nav .pnav-btn):hover{background:#F4F4F3!important;color:#1E1D1C!important}
html.kern :is(body.nav2 #drawer.akte2 .pnav-btn.active,body.nav2 #propDrawer.immo2 .profile-nav .pnav-btn.active){
  background:#E9E9E7!important;color:#1E1D1C!important}
html.kern body.nav2 #drawer.akte2 .profile-nav{padding:8px 18px 4px!important;gap:4px!important}
html.kern :is(.l2-n,.im2-tab-n){background:#FFFFFF!important;color:#6E6C69!important}
html.kern :is(.l2-view.on .l2-n,.im2-tab.on .im2-tab-n){background:#FFFFFF!important;color:#1E1D1C!important}
html.kern .l2-view.dran .l2-n,html.kern .l2-fn{background:#1E1D1C!important;color:#FFFFFF!important}
html.kern .l2-fbtn.on{background:#E9E9E7!important}
/* Kopfzeilen-Reiter alter Modus (Handy/Tablet) ohne Unterstrich und Leuchten */
html.kern .nav-tab::after,html.kern .nav-tab::before{display:none!important}
html.kern .nav-tab.active{color:#1E1D1C!important}

/* Filter-Chips / Etiketten: Pille, ohne Rand */
html.kern :is(.chip,.fin-chip,.akt-chip,.ak2-st-chip,.ak2-st-mini,.pb-chip,.cs-prov,.tag,.badge,.im2-art){
  border-color:transparent!important;border-radius:999px!important;box-shadow:none!important}
html.kern :is(.cs-prov,.pb-chip){background:#FFFFFF!important;color:#3A3936!important}

/* Zähler: Anthrazit; „neu“-Punkte im Akzent */
html.kern :is(.nav-badge,.nav2-badge,.mnav-badge){background:#1E1D1C!important;color:#FFFFFF!important}
html.kern .nav2-ico .nav2-badge{border-color:#FFFFFF!important}
html.kern .nav2-badge.soft{background:#E9E9E7!important;color:#1E1D1C!important}
html.kern .nav2-dot{background:var(--k-ak)!important}

/* ── 7. Seitenleiste (nav2) ───────────────────────────────────────────── */
html.kern :is(.nav2-item,.nav2-sub){border-radius:999px!important}
html.kern .nav2-item:hover,html.kern .nav2-sub:hover{background:#F4F4F3!important;color:#1E1D1C!important}
html.kern .nav2-item.on,html.kern .nav2-side:not(.exp) .nav2-grp.active > .nav2-item{background:#E9E9E7!important}
html.kern .nav2-grp.active > .nav2-item{color:#1E1D1C!important}
html.kern .nav2-sub.on{background:#F4F4F3!important;color:#1E1D1C!important;font-weight:600!important}
html.kern .nav2-sub{padding-left:45px!important}
html.kern .nav2-side.exp .nav2-search{background:var(--k-fuell)!important;border-color:transparent!important;border-radius:999px!important}
html.kern .nav2-search{border-radius:999px!important}
html.kern .nav2-kbd{border:0!important;background:#FFFFFF!important}
html.kern .nav2-foot{border:0!important}
html.kern body.nav2 .nav2-foot .user-btn,html.kern .nav2-side.exp .nav2-foot .user-btn{border-color:transparent!important}
html.kern .nav2-side.exp .nav2-foot .user-btn{background:#F4F4F3!important}
html.kern .user-btn{border-color:transparent!important;background:#F4F4F3!important}
html.kern .user-ava{background:#1E1D1C!important;color:#FFFFFF!important}
/* Marke: Symbol in der schmalen Leiste, Wortbild im offenen Panel */
/* Zeichen 24 px auf der Symbolachse; Wortbild 30 px hoch (= 128 px breit, Mindestbreite 120 px) */
html.kern .nav2-brand .kern-mark{height:24px!important;width:24px!important}
html.kern .nav2-brand .kern-logo{height:30px!important;width:auto!important;left:20px!important}
html.kern .nav2-crumb-a::after{color:#6E6C69!important}
html.kern .nav2-pal-r.on{background:#F4F4F3!important}
html.kern .nav2-pal-r.on .t,html.kern .nav2-pal-r.on .ico{color:#1E1D1C!important}
html.kern .nav2-pal-r mark{text-decoration-color:#1E1D1C!important}

/* ── 8. Kopfleiste (Handy/Tablet) ─────────────────────────────────────── */
html.kern .brand-logo-img.kern-logo{height:29px!important;width:auto!important}

/* ── 9. Heute ─────────────────────────────────────────────────────────── */
html.kern .h2-hello h1{font-weight:600!important;letter-spacing:-.02em!important}
html.kern .h2-hello h1 span,html.kern .dash-greeting .accent{color:#1E1D1C!important}
html.kern .h2-stat b{font-weight:600!important}
html.kern .h2-stat.warn b,html.kern .h2-stat.warn .h2-stat-ico{color:#1E1D1C!important}
html.kern .h2-stat.warn .h2-stat-ico{background:#E9E9E7!important}
html.kern :is(.dash-hero-ai,.dash-hero){background:#F4F4F3!important;background-image:none!important;border:0!important;border-radius:24px!important;box-shadow:none!important}
html.kern .dash-hero{background:transparent!important}
html.kern .dash-hero-ai::after,html.kern .dash-hero-ai::before{display:none!important}
html.kern .dash-greeting{font-weight:600!important}

/* ── 10. Pipeline ─────────────────────────────────────────────────────── */
html.kern .col-title{font-weight:600!important}

/* ── 11. Kontakt-Akte ─────────────────────────────────────────────────── */
html.kern .ak2-st{background:#F4F4F3!important;color:#6E6C69!important}
html.kern .ak2-st:hover:not(.c):not([disabled]){background:#E9E9E7!important;color:#1E1D1C!important}
html.kern .ak2-st.d{background:#E9E9E7!important;color:#3A3936!important}
html.kern .ak2-st.c{background:#1E1D1C!important;color:#FFFFFF!important}
html.kern .d-ava{background:#F4F4F3!important;border:0!important;color:#1E1D1C!important}
html.kern .ak2-chk{border-color:#1E1D1C!important;background:#FFFFFF!important}
html.kern .ak2-kv dd.hint{color:#1E1D1C!important}
html.kern :is(.ak2-kv dd.warn,.ak2-focus-b small.od){color:var(--k-rot)!important}
html.kern .ak2-res{color:#1E1D1C!important}

/* ── 12. Objekte ──────────────────────────────────────────────────────── */
/* Status-Pillen: Orange (bisher „Aktiv“) wird Grün = läuft; Text in Anthrazit, Punkt in der Zustandsfarbe */
html.kern .im2-pill{color:#1E1D1C!important;background:#F4F4F3!important}
html.kern .im2-pill::before{background:var(--pc,#6E6C69)!important}
/* Status-Punkt kommt aus PROP_STATUS (kern.js: Aktiv = Akzent, Rest Grau); alte Festwerte zur Sicherheit */
html.kern .im2-pill[style*="b3541b" i]{--pc:var(--k-ak)!important}
html.kern .im2-pill[style*="e0a06b" i]{--pc:#6E6C69!important}
html.kern .im2-pill[style*="8f4214" i]{--pc:#1E1D1C!important}
html.kern .im2-preis-gross{color:#1E1D1C!important;font-weight:600!important}
html.kern .im2-ava{background:#E9E9E7!important;color:#1E1D1C!important}
html.kern .im2-art.ei{background:#E9E9E7!important;color:#1E1D1C!important;border:0!important}

/* ── 13. Handy (unter 769 px) ─────────────────────────────────────────── */
html.kern .mobile-nav{background:#FFFFFF!important;border:0!important;box-shadow:var(--k-schwebend)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html.kern .mnav-item.active{background:#E9E9E7!important;color:#1E1D1C!important}
html.kern .mfab-act-ico{color:#1E1D1C!important}
@media (max-width:768px){
  html.kern :is(.btn,.btn-accent,.btn-ghost,.btn-light,.btn-danger){min-height:44px}
}

/* ── 14. Login-Seite (login.html) ─────────────────────────────────────── */
html.kern body:has(.login-wrap){background:#FFFFFF!important;background-image:none!important;color:#1E1D1C;padding:16px}
html.kern .login-wrap{max-width:420px;padding:0}
html.kern .login-wrap .brand{margin-bottom:32px}
html.kern .login-wrap .brand-img{filter:none!important;height:48px!important;width:auto!important;margin:0 auto}
html.kern .login-wrap .brand .mark{color:#1E1D1C!important;font-weight:600}
html.kern .login-wrap .card{--k-fuell:#FFFFFF;background:#F4F4F3!important;border:0!important;box-shadow:none!important;border-radius:24px!important;padding:32px!important}
html.kern .login-wrap .card h2{font-size:24px!important;font-weight:600!important;margin-bottom:4px!important;letter-spacing:-.01em}
html.kern .login-wrap .kern-firma{font-size:14px;color:#6E6C69;margin:0 0 24px}
html.kern .login-wrap .field{margin-bottom:16px}
html.kern .login-wrap .field label{font-family:var(--k-sans)!important;font-weight:500!important;font-size:13px!important;letter-spacing:0!important;text-transform:none!important;color:#6E6C69!important;margin-bottom:8px!important}
html.kern .login-wrap .field input{height:52px;padding:0 18px!important;font-size:16px!important;background-color:#FFFFFF!important}
html.kern .login-wrap .field input:focus{box-shadow:0 0 0 2px var(--k-ak-ring)!important}
/* Anmelden = der eine Hauptaufruf der Seite → Akzent */
html.kern .login-wrap .btn{height:52px!important;border-radius:999px!important;background:var(--k-ak)!important;color:var(--k-ak-text)!important;font-size:15px!important;margin-top:8px}
html.kern .login-wrap .btn:hover{opacity:1!important;background:var(--k-ak-tief)!important;color:#FFFFFF!important}
html.kern body:has(.login-wrap){flex-direction:column}
html.kern .kern-herkunft{position:fixed;left:0;right:0;bottom:24px;display:flex;justify-content:center;pointer-events:none}
html.kern .kern-herkunft img{height:30px;width:auto;display:block}
@media (max-height:640px){html.kern .kern-herkunft{position:static;margin-top:48px}}
html.kern .login-wrap .error{background:#FFFFFF!important;border:0!important;border-radius:12px!important;color:#C4432C!important}

/* ── 15. Kalender ─────────────────────────────────────────────────────── */
html.kern .cal-day-col.today{background:rgba(30,29,28,.03)!important}
html.kern .cal-head-cell.today{background:#E9E9E7!important}
html.kern :is(.cal-head-cell.today .cal-head-day,.cal-head-cell.today .cal-head-date,.day-col.today .day-label){color:#1E1D1C!important}
html.kern :is(.cal-today-btn){border-color:transparent!important}

/* ── 16. Abgeschaltete Module (instanz/<name>.json „module“: false) – nur Oberfläche ─ */
html.kern[data-kern-aus~="finanzen"] :is(#tab-finanzen,#ddFinanzen){display:none!important}

/* ════════════════════════════════════════════════════════════════════════════
   17. Schwarz-Weiß mit Akzent (Runde 03.11.2026, Befunde Silas)
   ════════════════════════════════════════════════════════════════════════════ */

/* ── 17.1 Schrift: Satzschreibung statt gesperrter Versalien ───────────────────
   Silas: gesperrte Versalien „sehen nicht gut aus“. Darum auf eigenständigen Instanzen
   grundsätzlich keine Versalien und keine Sperrung. Die frühere Rubrik-Liste darunter bleibt nur
   für Schrift/Größe/Farbe wirksam (Versalien gewinnt die Regel oben); wer eine Rubrik bewusst in
   Versalien will, gibt dem Element die Klasse .k-rubrik. Überschriften behalten ihre enge Laufweite. */
html.kern body *:not(h1):not(h2):not(.k-rubrik){text-transform:none!important}
html.kern body *:not(h1):not(h2):not(.h2-hello *):not(.k-rubrik){letter-spacing:normal!important}
html.kern :is(.ak2-card-t,.nav2-sect,.nav2-pal-g,.eyebrow,.lm-eyebrow,.kb-rubrik){
  text-transform:uppercase!important;letter-spacing:.08em!important;font-family:var(--k-sans)!important;
  font-size:11px!important;font-weight:600!important;color:var(--k-neben)!important}
/* Beschriftungen: Mona Sans 13 px, 500, Nebentext – Zusatz in derselben Zeile kleiner und normal */
html.kern :is(.df > label:not(.fixed-toggle):not(.pf-check),.modal-label,.compose-label,label.fld > span:first-child,
  .kpi-label,.steck-group-title,.pf-sect-title,.dash-panel-title,.dash-subdate,.user-role,.user-dd-role,
  .cal-backlog-label,.ctab-th,.im2-head-row,.ak2-focus-k,.settings-nav-sep,.set-label,.field-label){
  font-family:var(--k-sans)!important;font-size:13px!important;font-weight:500!important;color:var(--k-neben)!important}
html.kern :is(.df > label,.modal-label,.compose-label,label.fld > span:first-child) span{font-size:12px!important;font-weight:400!important;color:var(--k-neben)!important;opacity:1!important}
html.kern :is(.ctab-th,.im2-head-row){font-size:12.5px!important}
html.kern .ctab-th.on{color:var(--k-anthr)!important}
html.kern .settings-nav-sep{font-size:12px!important;font-weight:600!important}
html.kern .settings-nav-sep span{font-weight:400!important}
/* Kennzahl-Kacheln (Analysen, Marketing): Zahl groß, Beschriftung normal darunter */
html.kern :is(.kpi-label,.mkt-kpi-l,.ana-kpi-l){font-size:13px!important;font-weight:500!important}
/* Leitsymbol „Tipp“ in der Gesprächsvorbereitung: Punkt statt Emoji */
html.kern .prep-tips li::marker{content:'·  ';color:var(--k-ak)}

/* ── 17.2 Fokusring im Akzent (Barrierefreiheit: Ring hat ≥ 3:1 auf Weiß) ─────── */
html.kern :focus-visible{outline-color:var(--k-ak-ring)}
html.kern :is(.df,.steck-field,.ak2-field):focus-within{box-shadow:none!important;outline:none!important;border-color:transparent!important}
html.kern .df:has(> input:focus,> select:focus,> textarea:focus){box-shadow:none!important}

/* ── 17.3 Auswahlfelder: EIN Pfeil rechts (Kachelmuster-Fehler) ─────────────────
   ui2.css setzt in Fenstern `background:var(--card)` (Kurzform) – das stellte background-repeat
   auf „repeat“ zurück, der Pfeil von .df select lief als Muster über das ganze Feld. */
html.kern select:not([multiple]):not([size]){
  -webkit-appearance:none!important;appearance:none!important;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%236E6C69' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>")!important;
  background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:12px 8px!important;
  padding-right:38px!important;text-overflow:ellipsis}
html.kern select:not([multiple]):not([size]):hover{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%231E1D1C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>")!important}
html.kern :is(input[type=date],input[type=time],input[type=datetime-local],input[type=number]){background-image:none!important}

/* ── 17.4 Häkchen und Auswahlknöpfe: ruhig, 6 px rund, schwarz nur wenn aktiv ──── */
html.kern input[type=checkbox]:not(.sw-input):not([role=switch]){
  -webkit-appearance:none;appearance:none;width:18px;height:18px;min-width:18px;margin:0;flex:none;
  border:0!important;border-radius:6px!important;background:#E9E9E7 no-repeat center/12px 12px!important;
  box-shadow:none!important;cursor:pointer;vertical-align:-3px;transition:background-color .12s}
html.kern input[type=checkbox]:not(.sw-input):not([role=switch]):hover{background-color:#DCDBD8!important}
html.kern input[type=checkbox]:not(.sw-input):not([role=switch]):checked{
  background-color:#1E1D1C!important;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M2.5 6.2 5 8.6 9.6 3.6' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>")!important}
html.kern input[type=checkbox]:not(.sw-input):not([role=switch]):indeterminate{background-color:#6E6C69!important}
html.kern input[type=radio]{-webkit-appearance:none;appearance:none;width:18px;height:18px;min-width:18px;margin:0;flex:none;
  border:0!important;border-radius:50%!important;background:#E9E9E7!important;box-shadow:none!important;cursor:pointer;vertical-align:-3px}
html.kern input[type=radio]:checked{background:#1E1D1C!important;box-shadow:inset 0 0 0 5px #1E1D1C,inset 0 0 0 9px #FFFFFF!important}
html.kern :is(input[type=checkbox],input[type=radio]):focus-visible{outline:2px solid var(--k-ak-ring)!important;outline-offset:2px}
/* Beschriftete Häkchen: auf einer Linie, Abstand 10 px */
html.kern :is(label.fixed-toggle,label.pf-check,.nav-vis-row,label:has(> input[type=checkbox]),label:has(> input[type=radio])){
  display:inline-flex!important;align-items:center!important;gap:10px!important;font-size:14px!important;font-weight:500!important;
  color:#3A3936!important;line-height:1.35!important}
html.kern .df > label.fixed-toggle{display:flex!important;padding:6px 0!important}

/* ── 17.5 Formulare in Einstellungen und Fenstern: Beschriftung ÜBER dem Feld ────── */
html.kern label.fld{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;min-width:0}
html.kern label.fld > :is(input,select,textarea){width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box}
html.kern .settings-pane :is(.form-grid,[style*="grid-template-columns:1fr 1fr"]){
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;max-width:720px!important}
html.kern .settings-pane :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):not([type=file]),select,textarea){
  min-height:44px;padding-left:14px;padding-right:14px;font-size:14px}
html.kern .settings-pane select{padding-right:38px!important}
html.kern .settings-pane h4{font-size:16px!important;font-weight:600!important;color:#1E1D1C!important;margin:32px 0 12px!important}
html.kern .settings-pane h4:first-child{margin-top:0!important}
@media (max-width:768px){
  html.kern .settings-pane :is(.form-grid,[style*="grid-template-columns:1fr 1fr"]),html.kern .df-row{grid-template-columns:minmax(0,1fr)!important}
}
/* Hinweis-Kästen: graue Fläche statt Seitenstrich */
html.kern :is(.hint-box,.info-box,.set-hint){border:0!important;border-left:0!important;background:#F4F4F3!important;border-radius:12px!important;
  color:#3A3936!important;padding:12px 16px!important}
html.kern .modal-box .hint-box,html.kern .settings-pane .hint-box{background:#F4F4F3!important}
/* onOffice gibt es auf eigenständigen Instanzen nicht */
html.kern :is(.settings-nav-btn[data-pane="onoffice"],.settings-pane[data-pane="onoffice"]){display:none!important}
/* „+ Nummer hinzufügen“ usw.: gestrichelter oranger Rahmen → leiser grauer Knopf */
html.kern :is(.comm-add,.tatt-add,.btn-dashed,.add-dashed){border:0!important;background:#F4F4F3!important;color:#1E1D1C!important;
  border-radius:999px!important;padding:8px 14px!important;font-weight:600!important}
html.kern :is(.comm-add,.tatt-add):hover{background:#E9E9E7!important}

/* ── 17.6 Etiketten und Zustände ──────────────────────────────────────────────── */
/* Kopf der Akte: Wiedervorlage-Etikett war gestrichelt orange */
html.kern .dtop-chip{border:0!important;background:#F4F4F3!important;color:#3A3936!important}
html.kern .dtop-chip[style*="dashed"]{background:#F4F4F3!important;color:#1E1D1C!important}
/* Verlauf: Art der Aktivität in Grau (Telefonat grün, Termin lila, Mail orange) */
html.kern :is(.akt-t-anruf,.akt-t-mail,.akt-t-termin,.akt-tag,.akt-tag i){color:#6E6C69!important}
html.kern .akt-group .akt-tag{border:0!important;background:#F4F4F3!important}
/* Phasen-/Status-Etiketten kommen aus STAGES (kern.js: Grau); Fläche einheitlich */
html.kern :is(.ctab-status,.status-dot-btn,.a-cat-chip,.cat-chip,.immo-status,.pill,.bez-status){border:0!important}
html.kern :is(.ctab-status,.a-cat-chip,.cat-chip){background:#E9E9E7!important}
/* „Kunde hat sich gemeldet“ / neu: kleiner Akzentpunkt */
html.kern :is(.pc-gemeldet,.resv-dot,.l2-neu-dot,.lead-new-dot){background:var(--k-ak)!important;border:0!important;box-shadow:none!important}
/* Avatare: grau, Betreuer anthrazit, ohne Ring */
html.kern .p-card-avas .ava-xs{border:0!important;background:#E9E9E7!important;color:#1E1D1C!important}
html.kern .p-card-avas .ava-xs.lead{background:#1E1D1C!important;color:#FFFFFF!important}
/* Fortschritt: Akzent (Verkaufsstand, Exposé-reif) */
html.kern .im2-bar{background:#E9E9E7!important}
html.kern .im2-bar .f{background:var(--k-ak)!important}
html.kern .im2-bar .r{background:#8A8884!important}
html.kern .im2-bar .v{background:#1E1D1C!important}
html.kern .im2-prog{background:#E9E9E7!important}
html.kern .im2-prog i{background:var(--k-ak)!important}
html.kern .im2-stand b,html.kern .im2-vk b{color:#1E1D1C!important}
/* Häkchen-Kreise „erledigt“: dezentes Grün ist erlaubt, ohne Rand */
html.kern .im2-ck{border-color:transparent!important;background:#E9E9E7!important}
html.kern .im2-ck.ok,html.kern .im2-ck[style*="background"]{background:var(--k-gruen)!important}
/* Überfällig: dezentes Rot statt Signalrot */
html.kern :is(.overdue,.od,.p-card-due.od,.task-overdue){color:var(--k-rot)!important}

/* ── 17.7 Pipeline ruhiger (Befund 03.11.): drei Zeilen je Karte ─────────────────
   (1) Name + Betreuer · (2) Objekt bzw. Thema in Nebentext · (3) nächster Schritt + Datum, Wert rechts.
   Nur Darstellung – Zählung, Sortierung und Logik bleiben unverändert. */
html.kern body.nav2 .board{gap:12px!important}
html.kern body.nav2 .col{min-width:244px!important;width:244px!important;flex:0 0 244px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
html.kern .col-bar{display:none!important}
html.kern .col-head{padding:4px 4px 0!important;border:0!important}
html.kern .col-dot{background:#B9B7B3!important;width:6px!important;height:6px!important}
html.kern .col-title{font-size:14px!important;font-weight:600!important;color:#1E1D1C!important}
html.kern .col-num{background:transparent!important;color:#6E6C69!important;font-weight:500!important;padding:0!important}
html.kern .col-stats{padding:2px 4px 10px!important;border:0!important;display:flex;gap:8px;align-items:baseline}
html.kern .col-stats .cs-vol{font-size:12.5px!important;color:#6E6C69!important;font-weight:500!important}
html.kern .col-stats .cs-prov{background:transparent!important;color:#8A8884!important;font-size:11.5px!important;font-weight:400!important;padding:0!important;margin-left:auto}
html.kern .col-cards{gap:12px!important;display:flex;flex-direction:column}
html.kern .p-card{flex:none!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:0;
  padding:14px 16px!important;margin:0!important;background:#F4F4F3!important;border:0!important;border-left:0!important;
  border-radius:16px!important;box-shadow:none!important}
html.kern .p-card:hover{background:#E9E9E7!important;box-shadow:none!important}
html.kern .p-card.l2-alt{border-left:0!important}
html.kern .p-card.l2-offen{box-shadow:0 0 0 2px var(--k-ak-ring)!important}
html.kern :is(.p-card-foot,.p-card-right){display:contents!important}
html.kern .p-card-name{grid-column:1;grid-row:1;font-size:14px!important;font-weight:600!important;color:#1E1D1C!important;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px;min-width:0}
html.kern .p-card-avas{grid-column:2;grid-row:1;align-self:center;display:inline-flex}
html.kern .p-card-avas .ava-xs{width:20px!important;height:20px!important;font-size:8.5px!important}
html.kern .p-card-meta{grid-column:1 / -1;grid-row:2;margin-top:2px!important;font-size:12.5px!important;color:#6E6C69!important;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.kern .p-card-meta :is(.pc-thema,.pc-obj){color:#6E6C69!important;font-weight:400!important}
html.kern .p-card-meta .pc-dot{display:none!important}
html.kern .p-card-meta:has(.pc-obj) :is(.pc-thema,.pc-sep){display:none!important}
html.kern .p-card-meta .pc-obj-fehlt{color:#1E1D1C!important}
html.kern .p-card-resv{grid-column:1 / -1;grid-row:3;margin-top:6px!important;font-size:12px!important;color:#3A3936!important;background:transparent!important;border:0!important;padding:0!important}
html.kern .p-card > .p-card-meta[style*="accent"]{grid-row:4;color:#3A3936!important}
html.kern .l2-pc-next{grid-column:1;grid-row:5;display:flex!important;align-items:baseline;gap:6px;min-width:0;
  margin-top:8px!important;padding-top:0!important;border:0!important;font-size:12.5px!important}
html.kern .l2-pc-next .l2-pc-t{color:#3A3936!important;flex:0 1 auto;min-width:0}
html.kern .l2-pc-next .l2-pc-d{color:#6E6C69!important;font-weight:500!important;background:transparent!important;padding:0!important;flex:none}
html.kern .l2-pc-next.od .l2-pc-d{color:#6E6C69!important;font-weight:500!important}
/* überfällig > 3 Tage: kleiner Punkt (kern.js setzt .k-lange) – kein roter Text auf jeder Karte */
html.kern .l2-pc-next.k-lange .l2-pc-d::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;
  background:var(--k-rot);margin-right:5px;vertical-align:1px}
html.kern .p-card-value{grid-column:2;grid-row:5;align-self:end;margin-top:8px;font-size:13px!important;font-weight:600!important;color:#1E1D1C!important;white-space:nowrap}
html.kern .p-card:not(:has(.l2-pc-next)) .p-card-value{grid-column:1 / -1;justify-self:start}
html.kern :is(.l2-pc-age,.p-card-tasks){display:none!important}
html.kern .l2-pc-anl{grid-column:1 / -1;grid-row:6;color:#6E6C69!important;font-weight:500!important}
html.kern .col-empty{color:#8A8884!important;font-style:normal!important;border:0!important;background:transparent!important}

/* Kontaktliste: dieselbe Ruhe – überfällig nur dezent, Phase grau */
html.kern :is(.l2-s-d,.l2-s-d.od){font-weight:500!important}
html.kern .l2-s-d.od{color:var(--k-rot)!important}
html.kern .l2-s-d.td{background:transparent!important;color:#1E1D1C!important;padding:0!important}
html.kern .ctab-row{border-radius:12px!important}

/* ── 17.8 Kalender: neutrale Termine, feine Stundenlinie (ausdrücklich erlaubt) ──── */
/* Stundenlinie: 1 px, sehr fein (Kalender = ausdrückliche Ausnahme von „keine Trennlinien“) */
html.kern .cal-hour-line{background:transparent!important;border-bottom:1px solid #E4E4E1!important}
html.kern .cal-hour-line.half{border-bottom-color:transparent!important}
html.kern .cal-day-col{border-left:1px solid #ECECEA!important}
/* Termine: weiße Karte auf grauem Raster, ohne Kante; Aufgaben blasser; Kollegen grau */
html.kern .cal-event,html.kern .cal-event.fixed,html.kern .cal-event.pcol,html.kern .cal-event.pcol.fixed,
html.kern .cal-event.pcol.termin,html.kern .cal-event.pcol.termin.fixed{
  background:#FFFFFF!important;background-image:none!important;border:0!important;border-radius:10px!important;box-shadow:none!important}
html.kern .cal-event.pcol.aufgabe{background:rgba(255,255,255,.55)!important}
html.kern .cal-event.pcol.aufgabe .cal-ev-title{color:#6E6C69!important}
html.kern .cal-event.team{background:#E9E9E7!important}
html.kern .cal-event:hover{box-shadow:0 6px 18px rgba(30,29,28,.10)!important}
html.kern .cal-event.done{background:#F4F4F3!important;box-shadow:none!important;opacity:1!important}
html.kern .cal-event.termin.done .cal-ev-title::before{color:var(--k-gruen)!important}
html.kern :is(.cal-ev-time,.cal-ev-time-inline){color:#6E6C69!important}
html.kern .cal-ev-who{color:#6E6C69!important}
html.kern .cal-ghost{background:var(--k-ak-hell)!important;border:0!important;box-shadow:0 0 0 2px var(--k-ak-ring)!important}
html.kern :is(.cal-ghost-time,.cal-ghost-title){color:#1E1D1C!important}
html.kern .cal-hover-slot{background:rgba(30,29,28,.04)!important;border:0!important}
html.kern .cal-hover-slot span{color:#6E6C69!important;opacity:1!important}
html.kern .cal-now-line{background:var(--k-ak)!important;border-color:var(--k-ak)!important}
html.kern .cal-now-line::before{background:var(--k-ak)!important}
html.kern .cal-leg-dot{border:0!important;background:#E9E9E7!important}
html.kern .cal-leg-fixed,html.kern .cal-leg-termin{background:#FFFFFF!important;box-shadow:0 0 0 1px #E4E4E1!important}
html.kern .cal-leg-flex,html.kern .cal-leg-aufgabe{background:rgba(30,29,28,.08)!important}
html.kern .cal-backlog{border:0!important;background:#F4F4F3!important;border-radius:16px!important}
html.kern .backlog-chip{border:0!important;border-left:0!important;background:#FFFFFF!important;box-shadow:none!important;border-radius:999px!important}
html.kern :is(.backlog-chip-dur,.backlog-chip-due,.backlog-chip-due.overdue){background:#F4F4F3!important;border:0!important;color:#6E6C69!important}
html.kern .backlog-chip-due.overdue{color:var(--k-rot)!important}
html.kern .cal-qv-dot,html.kern .cal-team-dot{box-shadow:none!important}
html.kern .ag-termin-balken{background:#B9B7B3!important}

/* ── 17.9 Navigation: aktiver Punkt mit feinem Akzentstrich ───────────────────── */
html.kern .nav2-item{position:relative}
html.kern :is(.nav2-item.on,.nav2-side:not(.exp) .nav2-grp.active > .nav2-item)::after{
  content:'';position:absolute;left:-6px;top:50%;width:3px;height:16px;margin-top:-8px;border-radius:2px;background:var(--k-ak)}
html.kern .nav2-item.on,html.kern .nav2-side:not(.exp) .nav2-grp.active > .nav2-item{background:#F4F4F3!important}
html.kern .nav2-sub.on{position:relative}
html.kern .nav2-sub.on::after{content:'';position:absolute;left:30px;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:var(--k-ak)}
html.kern .mnav-item{position:relative}
html.kern .mnav-item.active{background:#F4F4F3!important}
html.kern .mnav-item.active::after{content:'';position:absolute;left:50%;bottom:4px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--k-ak)}
/* Umschalter/Reiter aktiv: weiß bzw. grau – Akzent nur als Strich darunter bei Reitern */
html.kern :is(.l2-view.on,.im2-tab.on){box-shadow:none!important}

/* ── 17.10 Analysen, Marketing, Lead-Monitoring: Grau statt Bunt ───────────────── */
html.kern :is(.ana-akt-n,.ana-act-n,.act-num)[style*="color"]{color:#1E1D1C!important}
html.kern [style*="color:#2e7d32" i],html.kern [style*="color:#1d9e75" i],html.kern [style*="color:#3f6b8a" i],
html.kern [style*="color:#7c6df2" i],html.kern [style*="color:#7a5fb0" i],html.kern [style*="color:#2f6f6f" i],
html.kern [style*="color:#3f7d5a" i],html.kern [style*="color:#5f7e57" i],html.kern [style*="color:#b6883f" i],
html.kern [style*="color:#b8860b" i],html.kern [style*="color:#2e66a1" i],html.kern [style*="color:#e67e22" i],
html.kern [style*="color:var(--blue)" i],html.kern [style*="color:var(--green)" i],html.kern [style*="color:var(--gold)" i]{color:#3A3936!important}
html.kern [style*="color:#b3541b" i],html.kern [style*="color:#d2702f" i],html.kern [style*="color:#c1622a" i],
html.kern [style*="color:#a8472b" i],html.kern [style*="color:#8f4214" i],html.kern [style*="color:#ca6f1e" i]{color:var(--k-ak-tief)!important}
html.kern [style*="color:#c0392b" i],html.kern [style*="color:#c62828" i],html.kern [style*="color:#b04040" i],html.kern [style*="color:#c0492f" i]{color:var(--k-rot)!important}
html.kern [style*="background:#b3541b" i],html.kern [style*="background-color:#b3541b" i],html.kern [style*="background:#d2702f" i]{background:var(--k-ak)!important;color:var(--k-ak-text)!important}
html.kern [style*="border-left:3px solid" i],html.kern [style*="border-left:4px solid" i]{border-left-color:transparent!important}
html.kern [style*="dashed" i]:not(.cal-ghost){border-color:transparent!important}
/* Diagramme: Flächen/Linien mit festen Buntwerten → Grau-Abstufungen, Akzent nur für die Hauptreihe */
html.kern svg :is([fill="#b3541b" i],[fill="#c0622a" i],[fill="#d2702f" i]){fill:var(--k-ak)!important}
html.kern svg :is([stroke="#b3541b" i],[stroke="#d2702f" i]){stroke:var(--k-ak)!important}
html.kern svg :is([fill="#e0a06b" i],[fill="#f0c9a6" i],[fill="#e8b48a" i]){fill:#B9B7B3!important}
html.kern svg :is([fill="#3f6b8a" i],[fill="#2f6f6f" i],[fill="#7a5fb0" i],[fill="#3f7d5a" i],[fill="#5f7e57" i],[fill="#b6883f" i],[fill="#1d9e75" i],[fill="#7c6df2" i]){fill:#6E6C69!important}
html.kern svg :is([stroke="#3f6b8a" i],[stroke="#2f6f6f" i],[stroke="#7a5fb0" i],[stroke="#3f7d5a" i],[stroke="#5f7e57" i],[stroke="#b6883f" i],[stroke="#1d9e75" i],[stroke="#7c6df2" i]){stroke:#6E6C69!important}
html.kern :is(.mkt-sync-pill){border:0!important;background:#F4F4F3!important;color:#3A3936!important;border-radius:999px!important;padding:4px 10px!important}
html.kern .mkt-sync-pill.on{color:#1E1D1C!important}
html.kern .lm,html.kern .lm-wrap{margin-top:16px}

/* ── 17.11 Postfach, Kontakt-Etiketten an Mails ─────────────────────────────────── */
html.kern :is(.mail-contact-chip,.ml-contact,.mail-tag,.ml-chip,.mlist-chip){border:0!important;background:#E9E9E7!important;color:#3A3936!important}
html.kern :is(.mail-filter-chip,.ml-filter,.mf-chip).active{box-shadow:none!important;border:0!important;background:#E9E9E7!important}

/* ── 17.12 Handy: keine Versalien-Knöpfe, ruhige Kacheln ───────────────────────── */
@media (max-width:768px){
  html.kern :is(.split-act-btn,.dtop-way,.m-act-btn){font-weight:600!important}
  html.kern :is(.kpi-tile,.dash-kpi,.m-kpi){border:0!important;box-shadow:none!important}
}

/* ── 17.13 Objekt-Platzhalter: ruhiges Grau (Bild kommt aus /assets/hestiaro/objekt-platzhalter.svg) ── */
html.kern img[src*="objekt-platzhalter"]{object-fit:cover;object-position:center;background:#F4F4F3}

/* ════════════════════════════════════════════════════════════════════════════
   18. Blickführung (Grundvorgabe Silas 03.11.: „Ich weiß nicht, wo ich hingucken soll“)
   ------------------------------------------------------------------------------
   Schwarz-Weiß bleibt die Basis, aber mit klarer Hierarchie:
   a) Flächen: Seitengrund leicht grau · Inhaltskarten weiß · darin Unterflächen #F4F4F3
   b) je Bildschirm EIN Blickfang (Akzent-getönte Fläche oder dunkle Karte)
   c) Typografie mit deutlichen Sprüngen: Titel 30 · Abschnitt 17 · Text 14 · Neben 12–13
   d) Akzent als Wegweiser: aktiver Navigationspunkt, der eine Hauptknopf, neu/fällig,
      Fortschritt, Symbole in Abschnittstiteln (Heute); Zustände als getönte Etiketten
   ════════════════════════════════════════════════════════════════════════════ */
html.kern,html.kern:root,html.kern[data-theme="dark"],html.kern[data-theme="light"]{
  --k-grund:#F3F3F1;
  --bg:#F3F3F1; --card:#FFFFFF; --surface:#F4F4F3;
  --k-rot-hell:rgba(176,65,46,.10); --k-gruen-hell:rgba(75,116,87,.12); --k-gelb-hell:rgba(176,132,32,.14); --k-gelb:#7A5C12;
}
/* a) Flächen-Hierarchie */
html.kern body,html.kern .app-main{background:var(--k-grund)!important}
html.kern :is(#drawer,#propDrawer),html.kern body.nav2 #drawer.akte2 .profile-nav,html.kern body.nav2 #propDrawer.immo2 .profile-nav{background:var(--k-grund)!important}
html.kern .drawer-footer{background:var(--k-grund)!important}
/* Achtung: :is() nimmt die Spezifität des stärksten Glieds – darum nur einfache Klassen in der Liste */
html.kern :is(.ak2-card,.h2-block,.h2-stat,.im2-card,.ctab,.l2-panel,.kpi-tile,.dash-panel,.dash-hero-ai,
  .p-card,.lm,.cal-wrap,.cal-grid-wrap,.cal-backlog,.ana-card,.ana-panel,.mkt-card,.mail-pane,.mail-list-pane,.mail-nav,.settings-card,
  .ak2-notecard){background:#FFFFFF!important}
html.kern .login-wrap .card{background:#FFFFFF!important}
/* Unterflächen, die bisher grau auf Weiß lagen, liegen jetzt direkt auf dem Grund: weiß */
html.kern :is(.ak2-st,.d-ava,.dtop-chip,.status-dot-btn,.ak2-chip,.ak2-st-chip){background:#FFFFFF!important}
html.kern .ak2-st.d{background:#E9E9E7!important}
html.kern .ak2-st.c{background:#1E1D1C!important;color:#FFFFFF!important}
html.kern .ak2-note-kopf{background:transparent!important}
html.kern .p-card:hover{background:#FFFFFF!important;box-shadow:0 0 0 2px #E4E4E1!important}
html.kern :is(.ctab-row,.im2-row):hover{background:#F4F4F3!important}
html.kern .im2-thumb.leer{background:#F4F4F3!important}
html.kern .h2-stat-ico,html.kern .ak2-n{background:#F4F4F3!important}
html.kern .backlog-chip{background:#F4F4F3!important}
html.kern .login-wrap .card{--k-fuell:rgba(30,29,28,.05)}
html.kern .login-wrap .field input{background-color:#F4F4F3!important}
html.kern body:has(.login-wrap){background:var(--k-grund)!important}
/* Schwebendes bleibt weiß mit Schatten; Seitenleiste weiß (eigener Bereich) */
html.kern .nav2-panel{background:#FFFFFF!important}

/* c) Typografie-Hierarchie */
html.kern :is(.nav2-crumb-b,.nav2-crumb-a:only-child){font-size:30px!important;font-weight:600!important;letter-spacing:-.02em!important;line-height:1.15!important}
html.kern .nav2-crumb-a:not(:only-child){font-size:14px!important;font-weight:500!important;color:#6E6C69!important}
html.kern .h2-hello h1{font-size:32px!important;letter-spacing:-.02em!important}
html.kern :is(.h2-block-h h3,.ak2-sec-t,.dash-panel-t,.im2-sec-t,.settings-pane h4,.lm h2,.lm-h2){font-size:17px!important;font-weight:600!important;color:#1E1D1C!important}
html.kern :is(.h2-stat b,.kpi-value,.kpi-num,.lm-kpi b,.lm-zahl){font-size:32px!important;font-weight:600!important;line-height:1.05!important;color:#1E1D1C!important}
html.kern .h2-stat{padding:16px!important}
html.kern .h2-stat span,html.kern .h2-stat small{font-size:13px!important;color:#6E6C69!important}

/* d) Akzent als Wegweiser */
/* Der eine Hauptknopf je Bildschirm (+ Kontakt, + Termin, + Immobilie, Speichern im Fenster) */
html.kern :is(.btn-accent,.btn.btn-accent,.resv-btn.primary,.mobile-fab-btn,.prop-rc-btn:not(.ghost)){background:var(--k-ak)!important;color:var(--k-ak-text)!important}
html.kern :is(.btn-accent,.btn.btn-accent,.resv-btn.primary,.mobile-fab-btn,.prop-rc-btn:not(.ghost)):hover{background:var(--k-ak-tief)!important;color:#FFFFFF!important}
/* Weitere schwarze Knöpfe (zweite Ebene) bleiben anthrazit: .ak2-btn.pri, .im2-btn.pri */
html.kern .nav2-item.on .nav2-lbl,html.kern .nav2-grp.active > .nav2-item .nav2-lbl{font-weight:700!important;color:#1E1D1C!important}
/* Symbole in Abschnittstiteln auf Heute: leicht im Akzent */
html.kern .h2-block-ico{background:var(--k-ak-hell)!important;color:var(--k-ak-tief)!important;border-radius:999px!important}
/* Zustände als kleine getönte Etiketten statt bunter Schrift */
html.kern :is(.h2-row small .od,.l2-s-d.od,.backlog-chip-due.overdue,.ak2-focus-b small.od){
  background:var(--k-rot-hell)!important;color:var(--k-rot)!important;border-radius:999px!important;padding:1px 8px!important;font-weight:600!important}
html.kern .h2-row small .td{background:var(--k-gelb-hell)!important;color:var(--k-gelb)!important;border-radius:999px!important;padding:1px 8px!important;font-weight:600!important}
html.kern .h2-stat.warn .h2-stat-ico{background:var(--k-rot-hell)!important;color:var(--k-rot)!important}
html.kern .h2-stat.warn b{color:#1E1D1C!important}

/* b) EIN Blickfang je Bildschirm ------------------------------------------------- */
/* Heute: der erste Block mit Inhalt (meist „Termine heute“ oder „Erledigen“) – Akzent-getönt */
html.kern .h2-col > .h2-block:has(.h2-row){background:var(--k-ak-hell)!important}
html.kern .h2-col > .h2-block:has(.h2-row) ~ .h2-block:has(.h2-row){background:#FFFFFF!important}
html.kern .h2-col ~ .h2-col > .h2-block{background:#FFFFFF!important}
html.kern .h2-col > .h2-block:has(.h2-row) .h2-btn{background:#FFFFFF!important}
/* Akte: „Nächster Schritt“ (rechts oben) */
html.kern .ak2-focus,html.kern .ak2-focus.leer{background:var(--k-ak-hell)!important}
html.kern .ak2-focus .ak2-focus-k{color:var(--k-ak-tief)!important}
/* Listen (Kontakte, Objekte): die gewählte Ansicht mit Anzahl als dunkle Pille */
html.kern :is(.l2-view.on,.im2-tab.on){background:#1E1D1C!important;color:#FFFFFF!important}
html.kern :is(.l2-view.on .l2-n,.im2-tab.on .im2-tab-n){background:rgba(255,255,255,.16)!important;color:#FFFFFF!important}
html.kern :is(.l2-n,.im2-tab-n){background:#E9E9E7!important}
/* Akten-Reiter bleiben hell (sonst zwei dunkle Elemente neben dem Hauptknopf) */
html.kern :is(body.nav2 #drawer.akte2 .pnav-btn.active,body.nav2 #propDrawer.immo2 .profile-nav .pnav-btn.active){background:#FFFFFF!important;color:#1E1D1C!important}
/* Kalender: heutige Spalte */
html.kern .cal-head-cell.today{background:var(--k-ak-hell)!important}
html.kern :is(.cal-head-cell.today .cal-head-day,.cal-head-cell.today .cal-head-date){color:var(--k-ak-tief)!important;font-weight:700!important}
html.kern .cal-day-col.today{background:rgba(var(--akzent-rgb,30,29,28),.035)!important}
/* Einstellungen: gewählter Reiter */
html.kern .settings-nav-btn.active{background:var(--k-ak-hell)!important;color:#1E1D1C!important;font-weight:600!important}
/* Pipeline: Wert rechts neben dem Namen, Betreuer klein in der Schritt-Zeile (lesbarer als drei Spalten in Zeile 3) */
html.kern .p-card-value{grid-column:2!important;grid-row:1!important;align-self:center!important;margin-top:0!important;justify-self:end!important}
html.kern .p-card:not(:has(.l2-pc-next)) .p-card-value{grid-column:2!important;justify-self:end!important}
html.kern .p-card-avas{grid-column:2!important;grid-row:5!important;justify-self:end!important;align-self:end!important;margin-top:8px}
html.kern .p-card:not(:has(.l2-pc-next)) .p-card-avas{grid-row:2!important;margin-top:2px}
html.kern .l2-pc-next .l2-pc-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;order:2}
html.kern .l2-pc-next .l2-pc-d{order:1}
html.kern .l2-pc-next .l2-pc-d::after{content:'·';margin-left:6px;color:#B9B7B3}

/* Analysen: Aktivitäten-Zahlen anthrazit (statt grün/blau/gold) */
html.kern .ana-act-num{color:#1E1D1C!important}
html.kern .ana-act-num.accent{color:var(--k-ak-tief)!important}
html.kern .ana-legend-dot{box-shadow:none!important}
/* Objektliste und Kontaktliste als weiße Fläche auf dem Grund */
html.kern body.nav2 :is(#immo-list,.im2-liste,.im2-wrap,.im2-sek){background:#FFFFFF;border-radius:16px}
html.kern .im2-sek + .im2-sek{border-top:0!important}
/* Hinweise/Toasts unten links (Lead-Alarm): ohne Seitenstrich */
html.kern :is(.toast,.lm-toast,.aiping,.ai-ping,.ping-card){border-left:0!important;border:0!important}
html.kern .mkt-explain-dot{background:#8A8884!important}
html.kern .mkt-explain-col:first-child .mkt-explain-dot{background:var(--k-ak)!important}
html.kern :is(.pf-mail-tag,.pf-tag-contact){border:0!important;background:#F4F4F3!important;color:#3A3936!important}
/* Handy-Akte: Kontaktwege als weiße Pillen auf dem Grund, „Anrufen“ = Hauptaufruf im Akzent */
html.kern :is(.split-act,.dtop-way){background:#FFFFFF!important}
html.kern .dtop-ways > .split-act:first-child{background:var(--k-ak)!important}
html.kern .dtop-ways > .split-act:first-child :is(.split-act-btn,.split-act-arrow,.split-act-label,.split-act-info,svg){color:var(--k-ak-text)!important}
html.kern .dtop-ways > .split-act:first-child .split-act-divider{background:rgba(255,255,255,.35)!important}
html.kern .dtop-ways > .split-act:first-child :is(.split-act-btn,.split-act-arrow):hover{background:var(--k-ak-tief)!important}
html.kern .split-act-divider{background:#F3F3F1!important}
/* Agenda (Handy/Tablet): Tagesspalten ohne Rahmen, heute als Blickfang getönt; Kontaktname anthrazit */
html.kern :is(.day-col,.day-col.today,.day-col.overdue-col){border:0!important;box-shadow:none!important;background:#FFFFFF!important;border-radius:16px!important}
html.kern .day-col.today{background:var(--k-ak-hell)!important}
html.kern .a-contact{color:#3A3936!important}