/* ─────────────────────────────────────────────────────────────────────────
   Tag-Modus - AUTOMATISCH ERZEUGT von scripts/tag-modus.js.
   Nicht von Hand ändern: Nach jeder Änderung an styles.css oder
   graphite.css neu erzeugen mit  node scripts/tag-modus.js
   ───────────────────────────────────────────────────────────────────────── */

/* ── aus styles.css ── */
:root[data-modus="tag"] {
  --akzent: #85f2ff;
  --akzent-hell: #0b1a1c;
  --intern: #ffa3c3;
  --intern-bg: #110408;
  --bg: #060708;
  --karte: #000000;
  --text: #d7e0e3;
  --text-2: #8f9da3;
  --rand: #151a1c;
  --schatten: 0 1px 3px rgba(210, 230, 235, .08);
  --ok: #80e5b4;
}
:root[data-modus="tag"][data-theme="dark"] {
  --akzent: #39baca;
  --akzent-hell: #c7ecf2;
  --intern: #5f172b;
  --intern-bg: #edc5d3;
  --bg: #e5edef;
  --karte: #d8e2e5;
  --text: #0f1517;
  --text-2: #56666c;
  --rand: #c4d1d5;
  --schatten: 0 1px 3px rgba(255, 255, 255, .4);
  --ok: #35b072;
}
:root[data-modus="tag"] body {
  background: var(--bg);
  color: var(--text);
}
:root[data-modus="tag"] input,
:root[data-modus="tag"] textarea,
:root[data-modus="tag"] select {
  color: var(--text);
}
:root[data-modus="tag"] a {
  color: var(--akzent);
}
:root[data-modus="tag"] .topbar {
  background: var(--karte);
  border-bottom: 1px solid var(--rand);
}
:root[data-modus="tag"] .logo-chip {
  background: #000000;
  border: 1px solid var(--rand);
}
:root[data-modus="tag"] .nav-btn {
  border: none;
  background: none;
  color: var(--text-2);
}
:root[data-modus="tag"] .nav-btn.aktiv {
  background: var(--akzent-hell);
  color: var(--akzent);
}
:root[data-modus="tag"] .badge {
  background: #c42d2d;
  color: #000000;
}
:root[data-modus="tag"] .icon-btn {
  border: 1px solid var(--rand);
  background: var(--karte);
  color: var(--text-2);
}
:root[data-modus="tag"] .icon-btn.aktiv {
  background: var(--intern-bg);
  color: var(--intern);
  border-color: var(--intern);
}
:root[data-modus="tag"] .intern-banner {
  background: var(--intern);
  color: #000000;
}
:root[data-modus="tag"] .intern-banner button {
  background: rgba(0, 0, 0, .22);
  color: #000000;
  border: 1px solid rgba(0, 0, 0, .35);
}
:root[data-modus="tag"] .intern-banner button:active {
  background: rgba(0, 0, 0, .35);
}
:root[data-modus="tag"] .hinweis {
  color: var(--text-2);
}
:root[data-modus="tag"] .karte {
  background: var(--karte);
  border: 1px solid var(--rand);
  box-shadow: var(--schatten);
}
:root[data-modus="tag"] .frage-box textarea {
  background: var(--karte);
  border: 2px solid var(--rand);
}
:root[data-modus="tag"] .frage-box textarea:focus {
  outline: none;
  border-color: var(--akzent);
}
:root[data-modus="tag"] .rund-btn {
  border: none;
}
:root[data-modus="tag"] .btn-mikro {
  background: var(--akzent-hell);
  color: var(--akzent);
}
:root[data-modus="tag"] .btn-mikro.aufnahme {
  background: #c42d2d;
  color: #000000;
}
:root[data-modus="tag"] .btn-senden {
  background: var(--akzent);
  color: #000000;
}
:root[data-modus="tag"] .quelle {
  color: var(--text-2);
}
:root[data-modus="tag"] .intern-kasten {
  border: 1.5px solid var(--intern);
  background: var(--intern-bg);
  color: var(--intern);
}
:root[data-modus="tag"] .live-btn {
  background: var(--akzent);
  color: #000000;
  text-decoration: none;
}
:root[data-modus="tag"] .btn {
  background: var(--akzent);
  color: #000000;
  border: none;
}
:root[data-modus="tag"] .btn.zweitrangig {
  background: var(--akzent-hell);
  color: var(--akzent);
}
:root[data-modus="tag"] .btn.gefahr {
  background: #c42d2d;
}
:root[data-modus="tag"] .btn.ok {
  background: var(--ok);
}
:root[data-modus="tag"] .news-eintrag {
  border-bottom: 1px solid var(--rand);
}
:root[data-modus="tag"] .news-eintrag:last-child {
  border-bottom: none;
}
:root[data-modus="tag"] .news-meta {
  color: var(--text-2);
}
:root[data-modus="tag"] .news-neu input {
  border: 1.5px solid var(--rand);
  background: var(--karte);
}
:root[data-modus="tag"] .termin-tag {
  color: var(--text-2);
}
:root[data-modus="tag"] .termin-eintrag {
  border-bottom: 1px solid var(--rand);
}
:root[data-modus="tag"] .termin-eintrag:last-child {
  border-bottom: none;
}
:root[data-modus="tag"] .termin-uhr {
  color: var(--akzent);
}
:root[data-modus="tag"] .termin-meta {
  color: var(--text-2);
}
:root[data-modus="tag"] .feld input[type="date"],
:root[data-modus="tag"] .feld input[type="time"] {
  border: 1.5px solid var(--rand);
  background: var(--karte);
  color: inherit;
}
:root[data-modus="tag"] .pflege-kontext summary {
  color: var(--akzent);
}
:root[data-modus="tag"] .pflege-kontext > div {
  color: var(--text-2);
}
:root[data-modus="tag"] .offene-fragen-reiter > summary::after {
  color: var(--text-2);
}
:root[data-modus="tag"] .anzahl-badge {
  background: var(--akzent);
  color: #000000;
}
:root[data-modus="tag"] .offene-frage {
  border-top: 1px solid var(--rand);
}
:root[data-modus="tag"] .fragen-art {
  background: var(--akzent-hell);
  color: var(--akzent);
}
:root[data-modus="tag"] .fragen-art.ist-offen {
  background: #271800;
  color: #ffc065;
}
:root[data-modus="tag"] .fragen-mehr {
  border: 0;
  border-top: 1px solid var(--rand);
  background: none;
  color: var(--akzent);
}
:root[data-modus="tag"] .chip {
  border: 1.5px solid var(--rand);
  background: var(--karte);
  color: var(--text-2);
}
:root[data-modus="tag"] .chip.aktiv {
  background: var(--akzent);
  border-color: var(--akzent);
  color: #000000;
}
:root[data-modus="tag"] .suchfeld {
  border: 2px solid var(--rand);
  background: var(--karte);
}
:root[data-modus="tag"] .suchfeld:focus {
  outline: none;
  border-color: var(--akzent);
}
:root[data-modus="tag"] .shop-karte {
  background: var(--karte);
  border: 1px solid var(--rand);
  box-shadow: var(--schatten);
}
:root[data-modus="tag"] .shop-karte .name {
  color: var(--text);
}
:root[data-modus="tag"] .shop-karte .kurz {
  color: var(--text-2);
}
:root[data-modus="tag"] .ort-badge {
  background: var(--akzent-hell);
  color: var(--akzent);
}
:root[data-modus="tag"] .zurueck {
  background: none;
  border: none;
  color: var(--akzent);
}
:root[data-modus="tag"] .stand-stempel {
  color: var(--text-2);
}
:root[data-modus="tag"] .link-leiste a {
  background: var(--akzent-hell);
  color: var(--akzent);
  text-decoration: none;
}
:root[data-modus="tag"] .eintrag {
  border-bottom: 1px solid var(--rand);
}
:root[data-modus="tag"] .eintrag:last-child {
  border-bottom: none;
}
:root[data-modus="tag"] .eintrag .meta {
  color: var(--text-2);
}
:root[data-modus="tag"] .kontakt {
  border-bottom: 1px solid var(--rand);
}
:root[data-modus="tag"] .kontakt:last-child {
  border-bottom: none;
}
:root[data-modus="tag"] .kontakt .meta {
  color: var(--text-2);
}
:root[data-modus="tag"] .kontakt-formular input {
  border: 1.5px solid var(--rand);
  background: var(--karte);
}
:root[data-modus="tag"] .kontakt-weg {
  color: #c42d2d;
}
:root[data-modus="tag"] .intern-marke {
  background: var(--intern-bg);
  color: var(--intern);
  border: 1px solid var(--intern);
}
:root[data-modus="tag"] .feld input[type="text"],
:root[data-modus="tag"] .feld input[type="url"],
:root[data-modus="tag"] .feld input[type="password"],
:root[data-modus="tag"] .feld textarea,
:root[data-modus="tag"] .feld select {
  border: 1.5px solid var(--rand);
  background: var(--karte);
}
:root[data-modus="tag"] .feld .erklaerung {
  color: var(--text-2);
}
:root[data-modus="tag"] .vorschlag-karte .meta {
  color: var(--text-2);
}
:root[data-modus="tag"] .overlay {
  background: rgba(233, 243, 245, .55);
}
:root[data-modus="tag"] .sperre {
  background: var(--bg);
}
:root[data-modus="tag"] .sperre-text {
  color: var(--text-2);
}
:root[data-modus="tag"] .sperre-punkte span {
  border: 2px solid var(--text-2);
}
:root[data-modus="tag"] .sperre-punkte span.voll {
  background: var(--akzent);
  border-color: var(--akzent);
}
:root[data-modus="tag"] .sperre-fehler {
  color: #c42d2d;
}
:root[data-modus="tag"] .ziffernblock button {
  border: 1.5px solid var(--rand);
  background: var(--karte);
  color: var(--text);
}
:root[data-modus="tag"] .ziffernblock button:active {
  background: var(--akzent-hell);
  border-color: var(--akzent);
}
:root[data-modus="tag"] .ziffernblock button.leer {
  border: none;
  background: none;
}
:root[data-modus="tag"] .toast {
  background: var(--text);
  color: var(--bg);
  box-shadow: var(--schatten);
}

/* ── aus graphite.css ── */
:root[data-modus="tag"],
:root[data-modus="tag"][data-theme="dark"] {
  color-scheme: light;
  --akzent: #0d0d0b;
  --akzent-hell: rgba(0, 0, 0, .07);
  --intern: #10100e;
  --intern-bg: rgba(0, 0, 0, .055);
  --bg: #f5f6f7;
  --karte: #eff1f2;
  --text: #0d0d0b;
  --text-2: #686a6d;
  --rand: rgba(0, 0, 0, .17);
  --rand-hell: rgba(0, 0, 0, .48);
  --schatten: 0 22px 70px rgba(255, 255, 255, .4);
  --glow: 0 0 9px rgba(0, 0, 0, .45), 0 0 30px rgba(0, 0, 0, .08);
  --ok: #1a1a17;
}
:root[data-modus="tag"] {
  background: #f5f6f7;
}
:root[data-modus="tag"] body {
  background: radial-gradient(ellipse 60% 34% at 50% 22%, rgba(0, 0, 0, .035), transparent 72%),
    linear-gradient(180deg, #f5f6f7 0%, #f3f4f5 52%, #f5f6f7 100%);
  color: var(--text);
}
:root[data-modus="tag"] body::before {
  background-image: linear-gradient(rgba(0, 0, 0, .012) 1px, transparent 1px);
}
:root[data-modus="tag"] a {
  color: #000000;
  text-decoration-color: rgba(0, 0, 0, .35);
}
:root[data-modus="tag"] :focus-visible {
  outline: 1px solid rgba(0, 0, 0, .9);
}
:root[data-modus="tag"] .intern-banner {
  background: #f1f2f3;
  color: #535456;
  border-top: 1px solid rgba(0, 0, 0, .1);
  border-bottom: 0;
}
:root[data-modus="tag"] .intern-banner button {
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, .4);
  background: transparent;
  color: #151513;
}
:root[data-modus="tag"] .topbar {
  background: rgba(245, 246, 247, .9);
  border-bottom: 1px solid rgba(0, 0, 0, .18);
}
:root[data-modus="tag"] .logo-chip {
  border: 0;
  background: none;
  color: #0f0f0d;
  text-decoration: none;
}
:root[data-modus="tag"] .standort-schalter {
  border: 1px solid rgba(0, 0, 0, .18);
}
:root[data-modus="tag"] .standort-schalter button {
  border: 0;
  background: none;
  color: #595a5c;
}
:root[data-modus="tag"] .standort-schalter button:hover {
  color: #000000;
}
:root[data-modus="tag"] .standort-schalter button[aria-pressed="true"] {
  background: rgba(0, 0, 0, .14);
  color: #000000;
}
:root[data-modus="tag"] .nav-btn {
  color: #76777a;
}
:root[data-modus="tag"] .nav-btn::after {
  background: transparent;
}
:root[data-modus="tag"] .nav-btn:hover {
  color: #282826;
}
:root[data-modus="tag"] .nav-btn.aktiv {
  background: none;
  color: #000000;
}
:root[data-modus="tag"] .nav-btn.aktiv::after {
  background: #000000;
  box-shadow: var(--glow);
}
:root[data-modus="tag"] .icon-btn {
  border: 1px solid transparent;
  background: transparent;
  color: #444547;
}
:root[data-modus="tag"] .icon-btn:hover {
  border-color: rgba(0, 0, 0, .18);
  color: #000000;
  box-shadow: 0 0 18px rgba(0, 0, 0, .06);
}
:root[data-modus="tag"] .icon-btn.aktiv {
  border-color: rgba(0, 0, 0, .42);
  background: rgba(0, 0, 0, .05);
  color: #000000;
}
:root[data-modus="tag"] #designBtn.aktiv svg .stern {
  fill: currentColor;
}
:root[data-modus="tag"] .icon-btn svg,
:root[data-modus="tag"] .rund-btn svg,
:root[data-modus="tag"] .frage-suche svg,
:root[data-modus="tag"] .frage-typ-icon svg,
:root[data-modus="tag"] .frage-aktion svg {
  fill: none;
  stroke: currentColor;
}
:root[data-modus="tag"] .badge {
  background: #0f0f0d;
  color: #f4f5f6;
  box-shadow: var(--glow);
}
:root[data-modus="tag"] h1 {
  color: #0a0a08;
  text-shadow: 0 0 24px rgba(0, 0, 0, .13);
}
:root[data-modus="tag"] h2 {
  color: #38393a;
}
:root[data-modus="tag"] .hinweis {
  color: var(--text-2);
}
:root[data-modus="tag"] .karte {
  border: 1px solid rgba(0, 0, 0, .12);
  background: linear-gradient(160deg, rgba(0, 0, 0, .03), rgba(0, 0, 0, .008) 60%);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, .06);
}
:root[data-modus="tag"] .frage-box {
  border: 1px solid rgba(0, 0, 0, .68);
  background: linear-gradient(120deg, rgba(0, 0, 0, .018), rgba(0, 0, 0, .008));
  box-shadow: 0 0 10px rgba(0, 0, 0, .2), 0 0 42px rgba(0, 0, 0, .045), inset 0 0 16px rgba(0, 0, 0, .018);
}
:root[data-modus="tag"] .frage-box:focus-within {
  border-color: rgba(0, 0, 0, .95);
  box-shadow: 0 0 12px rgba(0, 0, 0, .32), 0 0 55px rgba(0, 0, 0, .075), inset 0 0 18px rgba(0, 0, 0, .025);
}
:root[data-modus="tag"] .frage-suche {
  color: #11110e;
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, .48));
}
:root[data-modus="tag"] .frage-box textarea {
  border: 0;
  background: transparent;
  color: #0d0d0b;
}
:root[data-modus="tag"] .frage-box textarea:focus {
  outline: 0;
  border: 0;
}
:root[data-modus="tag"] .frage-box textarea::placeholder {
  color: #86888b;
}
:root[data-modus="tag"] .rund-btn {
  background: transparent;
  color: #2a2a28;
}
:root[data-modus="tag"] .rund-btn:hover {
  color: #000000;
  filter: drop-shadow(0 0 7px rgba(0, 0, 0, .45));
}
:root[data-modus="tag"] .btn-mikro {
  background: transparent;
}
:root[data-modus="tag"] .btn-mikro.aufnahme {
  background: rgba(0, 0, 0, .12);
  color: #000000;
}
:root[data-modus="tag"] .btn-senden {
  color: #000000;
}
:root[data-modus="tag"] .btn-senden svg {
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, .42));
}
:root[data-modus="tag"] .quelle,
:root[data-modus="tag"] .news-meta {
  color: #838588;
}
:root[data-modus="tag"] .intern-kasten {
  border: 1px solid rgba(0, 0, 0, .22);
  background: rgba(0, 0, 0, .035);
  color: #1a1a17;
}
:root[data-modus="tag"] .live-btn {
  border: 1px solid rgba(0, 0, 0, .4);
  background: transparent;
  color: #000000;
}
:root[data-modus="tag"] .standort-kopf {
  color: #0f0f0d;
}
:root[data-modus="tag"] .kachel {
  border: 1px solid rgba(0, 0, 0, .15);
  background: linear-gradient(160deg, rgba(0, 0, 0, .032), rgba(0, 0, 0, .006) 60%);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, .07), 0 18px 40px -28px rgba(255, 255, 255, .8);
}
:root[data-modus="tag"] .kachel > h2 {
  border-bottom: 1px solid rgba(0, 0, 0, .08);
  color: #595a5c;
}
:root[data-modus="tag"] .termine-bereich,
:root[data-modus="tag"] .news-bereich {
  border-bottom: 0;
}
:root[data-modus="tag"] .termin-eintrag {
  border-color: rgba(0, 0, 0, .12);
}
:root[data-modus="tag"] .termin-uhr {
  color: #10100e;
}
:root[data-modus="tag"] .termin-tag {
  color: #838588;
}
:root[data-modus="tag"] .news-liste {
  border-top: 0;
}
:root[data-modus="tag"] .termin-eintrag:last-child,
:root[data-modus="tag"] .news-eintrag:last-of-type {
  border-bottom: 0;
}
:root[data-modus="tag"] .news-eintrag {
  border-color: rgba(0, 0, 0, .12);
}
:root[data-modus="tag"] .news-neu input {
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, .2);
  background: transparent;
  color: #000000;
}
:root[data-modus="tag"] .offene-fragen-reiter {
  border: 0;
  background: transparent;
  box-shadow: none;
}
:root[data-modus="tag"] .offene-fragen-reiter > summary {
  border-bottom: 1px solid rgba(0, 0, 0, .08);
  color: #595a5c;
}
:root[data-modus="tag"] .anzahl-badge {
  background: transparent;
  color: #0e0e0c;
}
:root[data-modus="tag"] #offeneFragenBereich {
  border-top: 0;
}
:root[data-modus="tag"] .offene-frage {
  border-top: 0;
  border-bottom: 1px solid rgba(0, 0, 0, .19);
}
:root[data-modus="tag"] .offene-frage.ist-rueckfrage {
  box-shadow: inset 3px 0 0 rgba(0, 0, 0, .75);
}
:root[data-modus="tag"] .offene-frage.ist-rueckfrage .offene-frage-text {
  color: #000000;
}
:root[data-modus="tag"] .pflege-kontext summary {
  color: #282826;
  text-decoration: underline;
  text-decoration-color: rgba(0, 0, 0, .3);
}
:root[data-modus="tag"] .pflege-kontext > div {
  color: #606265;
}
:root[data-modus="tag"] .frage-typ-icon {
  color: #383836;
}
:root[data-modus="tag"] .frage-typ-icon.ist-offen {
  color: #1a1a17;
}
:root[data-modus="tag"] .offene-frage-text {
  color: #141412;
}
:root[data-modus="tag"] .fragen-art {
  background: transparent;
  color: #555555;
}
:root[data-modus="tag"] .fragen-art.ist-offen {
  background: transparent;
  color: #1a1a18;
}
:root[data-modus="tag"] .fragen-art.ist-offen::before {
  background: #0b0b08;
  box-shadow: 0 0 6px rgba(0, 0, 0, .9), 0 0 18px rgba(0, 0, 0, .32);
}
:root[data-modus="tag"] .frage-aktion {
  border: 0;
  background: transparent;
  color: #1a1a17;
}
:root[data-modus="tag"] .frage-aktion:hover {
  color: #000000;
  filter: drop-shadow(0 0 6px rgba(0, 0, 0, .5));
}
:root[data-modus="tag"] .fragen-mehr {
  border-color: rgba(0, 0, 0, .18);
  color: #434446;
}
:root[data-modus="tag"] .fragen-mehr:hover {
  color: #000000;
  text-shadow: 0 0 10px rgba(0, 0, 0, .3);
}
:root[data-modus="tag"] .btn {
  border: 1px solid rgba(0, 0, 0, .62);
  background: transparent;
  color: #0d0d0b;
  box-shadow: none;
}
:root[data-modus="tag"] .btn:hover {
  background: rgba(13, 13, 11, .94);
  color: #f3f4f5;
  border-color: transparent;
  box-shadow: 0 0 16px rgba(0, 0, 0, .12);
}
:root[data-modus="tag"] .btn.ok {
  border-color: rgba(0, 0, 0, .78);
  background: transparent;
  color: #0d0d0b;
}
:root[data-modus="tag"] .btn.ok:hover {
  background: rgba(13, 13, 11, .94);
  color: #f3f4f5;
}
:root[data-modus="tag"] .btn.zweitrangig {
  border-color: rgba(0, 0, 0, .22);
  background: transparent;
  color: #2b2b29;
}
:root[data-modus="tag"] .btn.zweitrangig:hover {
  border-color: rgba(0, 0, 0, .45);
  background: rgba(0, 0, 0, .07);
  color: #000000;
  box-shadow: none;
}
:root[data-modus="tag"] .btn.gefahr {
  border-color: rgba(0, 0, 0, .2);
  background: transparent;
  color: #535456;
}
:root[data-modus="tag"] .btn.gefahr:hover {
  border-color: rgba(0, 0, 0, .45);
  background: rgba(0, 0, 0, .06);
  color: #000000;
  box-shadow: none;
}
:root[data-modus="tag"] .pflege-ok,
:root[data-modus="tag"] .news-neu .btn,
:root[data-modus="tag"] .kachel-knopf {
  border: 1px solid rgba(0, 0, 0, .34);
  background: transparent;
  color: #151513;
  box-shadow: none;
}
:root[data-modus="tag"] .pflege-ok:hover,
:root[data-modus="tag"] .news-neu .btn:hover,
:root[data-modus="tag"] .kachel-knopf:hover {
  border-color: rgba(0, 0, 0, .75);
  background: rgba(0, 0, 0, .08);
  color: #000000;
  box-shadow: 0 0 12px rgba(0, 0, 0, .07);
}
:root[data-modus="tag"] .btn.loesch-x {
  border: 1px solid rgba(0, 0, 0, .18);
  background: transparent;
  color: #6c6e71;
  box-shadow: none;
}
:root[data-modus="tag"] .btn.loesch-x:hover {
  border-color: rgba(0, 0, 0, .6);
  color: #000000;
}
:root[data-modus="tag"] .suchfeld,
:root[data-modus="tag"] .feld input[type="text"],
:root[data-modus="tag"] .feld input[type="url"],
:root[data-modus="tag"] .feld input[type="password"],
:root[data-modus="tag"] .feld textarea,
:root[data-modus="tag"] .feld select,
:root[data-modus="tag"] .kontakt-formular input {
  border: 1px solid rgba(0, 0, 0, .13);
  background: rgba(0, 0, 0, .018);
  color: #10100e;
}
:root[data-modus="tag"] select option,
:root[data-modus="tag"] select optgroup {
  background-color: #e5e8ea;
  color: #10100e;
}
:root[data-modus="tag"] .suchfeld:focus,
:root[data-modus="tag"] .feld input:focus,
:root[data-modus="tag"] .feld textarea:focus,
:root[data-modus="tag"] .feld select:focus,
:root[data-modus="tag"] .kontakt-formular input:focus {
  outline: none;
  border-color: rgba(0, 0, 0, .65);
  box-shadow: 0 0 18px rgba(0, 0, 0, .06);
}
:root[data-modus="tag"] .filter-leiste {
  border-bottom: 1px solid rgba(0, 0, 0, .14);
}
:root[data-modus="tag"] .chip {
  border: 0;
  background: transparent;
  color: #6d6e70;
}
:root[data-modus="tag"] .chip.aktiv {
  border-bottom: 1px solid #000000;
  background: transparent;
  color: #000000;
  box-shadow: 0 5px 12px -8px rgba(0, 0, 0, .8);
}
:root[data-modus="tag"] .shop-karte {
  border: 0;
  border-right: 1px solid rgba(0, 0, 0, .1);
  border-bottom: 1px solid rgba(0, 0, 0, .13);
  background: transparent;
  box-shadow: none;
}
:root[data-modus="tag"] .shop-karte:hover {
  background: rgba(0, 0, 0, .025);
}
:root[data-modus="tag"] .shop-karte .name {
  color: #10100e;
}
:root[data-modus="tag"] .shop-karte .kurz {
  color: #797b7e;
}
:root[data-modus="tag"] .ort-badge,
:root[data-modus="tag"] .intern-marke {
  border: 1px solid rgba(0, 0, 0, .17);
  background: transparent;
  color: #57585a;
}
:root[data-modus="tag"] .shop-orte .ort-badge {
  color: #38393a;
}
:root[data-modus="tag"] .zurueck {
  color: #2e2f30;
}
:root[data-modus="tag"] .link-leiste a {
  border: 1px solid rgba(0, 0, 0, .18);
  background: transparent;
  color: #1d1d1b;
}
:root[data-modus="tag"] .eintrag,
:root[data-modus="tag"] .kontakt {
  border-color: rgba(0, 0, 0, .14);
}
:root[data-modus="tag"] .stand-stempel,
:root[data-modus="tag"] .eintrag .meta,
:root[data-modus="tag"] .kontakt .meta,
:root[data-modus="tag"] .vorschlag-karte .meta {
  color: #86888b;
}
:root[data-modus="tag"] .feld label {
  color: #595a5c;
}
:root[data-modus="tag"] .overlay {
  background: rgba(255, 255, 255, .78);
}
:root[data-modus="tag"] .overlay .karte {
  background: #eceeef;
  border-color: rgba(0, 0, 0, .22);
  box-shadow: 0 30px 100px rgba(255, 255, 255, .7), 0 0 36px rgba(0, 0, 0, .035);
}
:root[data-modus="tag"] .toast {
  border: 1px solid rgba(0, 0, 0, .25);
  background: #12120f;
  color: #f5f6f7;
}
:root[data-modus="tag"] .kal-filter .btn[aria-pressed="true"] {
  border-color: rgba(0, 0, 0, .75);
  background: rgba(0, 0, 0, .1);
  color: #000000;
}
:root[data-modus="tag"] .kal-wochentage span {
  color: #838588;
}
:root[data-modus="tag"] .kal-raster {
  border: 1px solid rgba(0, 0, 0, .08);
  background: rgba(0, 0, 0, .08);
}
:root[data-modus="tag"] .kal-zelle {
  border: 0;
  background: #f2f3f4;
  color: #282826;
}
:root[data-modus="tag"] .kal-zelle:hover {
  background: #eaeced;
}
:root[data-modus="tag"] .kal-zelle.anders-monat {
  background: #f4f5f6;
  color: #acaeb1;
}
:root[data-modus="tag"] .kal-zelle.gewaehlt {
  background: #e7e9eb;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .55);
}
:root[data-modus="tag"] .kal-zelle.heute .kal-zahl {
  background: #0f0f0d;
  color: #f5f6f7;
  box-shadow: var(--glow);
}
:root[data-modus="tag"] .kal-eintrag {
  background: rgba(0, 0, 0, .07);
  color: #2e2f30;
}
:root[data-modus="tag"] .kal-zelle.feiertag {
  background: #ecedef;
}
:root[data-modus="tag"] .kal-feiertag {
  color: #38393a;
}
:root[data-modus="tag"] .tag-feiertag {
  color: #0f0f0d;
}
:root[data-modus="tag"] .kal-ort {
  color: #6d6f72;
}
:root[data-modus="tag"] .kal-mehr {
  color: #838588;
}
:root[data-modus="tag"] .kal-schicht {
  color: #838588;
}
:root[data-modus="tag"] .tag-schicht {
  border-top: 1px solid rgba(0, 0, 0, .08);
  color: #282826;
}
:root[data-modus="tag"] .tag-schicht-ort {
  color: #0f0f0d;
}
:root[data-modus="tag"] .bereich-titel {
  color: #595a5c;
}
:root[data-modus="tag"] .kal-tag > h2 {
  color: #0f0f0d;
}
:root[data-modus="tag"] .kal-tag .termin-neu {
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, .1);
  background: none;
  box-shadow: none;
}
:root[data-modus="tag"] .wdh-vorschau {
  color: #6d6f72;
}
:root[data-modus="tag"] .plan-zeitraum {
  color: #838588;
}
:root[data-modus="tag"] .plan-tabelle th {
  color: #595a5c;
}
:root[data-modus="tag"] .plan-tabelle thead th.heute {
  color: #000000;
}
:root[data-modus="tag"] .plan-datum {
  color: #838588;
}
:root[data-modus="tag"] .plan-tabelle tbody th,
:root[data-modus="tag"] .plan-tabelle tfoot th {
  color: #0f0f0d;
}
:root[data-modus="tag"] .plan-tabelle tfoot th {
  color: #838588;
}
:root[data-modus="tag"] .plan-tabelle tfoot td {
  color: #595a5c;
}
:root[data-modus="tag"] .plan-tabelle tfoot td.heute {
  color: #000000;
}
:root[data-modus="tag"] .plan-zelle {
  border: 1px solid rgba(0, 0, 0, .09);
  background: transparent;
  color: #8b8d90;
}
:root[data-modus="tag"] button.plan-zelle:hover {
  border-color: rgba(0, 0, 0, .35);
}
:root[data-modus="tag"] .plan-zelle.st-da {
  border-color: rgba(0, 0, 0, .22);
  background: rgba(0, 0, 0, .07);
  color: #0f0f0d;
}
:root[data-modus="tag"] .plan-zelle.st-urlaub {
  border-color: #12120f;
  background: #12120f;
  color: #f5f6f7;
}
:root[data-modus="tag"] td.heute .plan-zelle {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .28);
}
:root[data-modus="tag"] .plan-zelle.abweichung::after {
  background: currentColor;
}
:root[data-modus="tag"] .plan-karte.diese-woche {
  border-color: rgba(0, 0, 0, .3);
}
:root[data-modus="tag"] .plan-tabelle thead th.plan-kw {
  color: #838588;
}
:root[data-modus="tag"] .plan-karte.diese-woche thead th.plan-kw {
  color: #0f0f0d;
}
:root[data-modus="tag"] .plan-relativ {
  color: #595a5c;
}
:root[data-modus="tag"] .plan-kw-text {
  color: #838588;
}
:root[data-modus="tag"] .plan-karte.diese-woche .plan-relativ {
  color: #000000;
}
:root[data-modus="tag"] .plan-karte.diese-woche .plan-kw-text {
  color: #38393a;
}
:root[data-modus="tag"] .plan-feiertag {
  color: #38393a;
}
:root[data-modus="tag"] td.feiertag .plan-zelle {
  border-color: rgba(0, 0, 0, .2);
}
:root[data-modus="tag"] .plan-zelle.geschlossen {
  background: transparent;
}
:root[data-modus="tag"] .plan-leer-zeile {
  color: #838588;
}
:root[data-modus="tag"] .plan-verwaltung > summary {
  color: #595a5c;
}
:root[data-modus="tag"] .plan-person,
:root[data-modus="tag"] .plan-neu {
  border-bottom: 1px solid rgba(0, 0, 0, .08);
}
:root[data-modus="tag"] .plan-neu {
  border-bottom: 0;
}
:root[data-modus="tag"] .plan-kz {
  color: #0f0f0d;
}
:root[data-modus="tag"] .plan-kuerzel-neu {
  border: 1px solid rgba(0, 0, 0, .18);
  background: transparent;
  color: inherit;
}
:root[data-modus="tag"] .plan-kuerzel-neu::placeholder {
  color: #8b8d90;
}
:root[data-modus="tag"] .tag-chip {
  border: 1px solid rgba(0, 0, 0, .18);
  background: transparent;
  color: #707275;
}
:root[data-modus="tag"] .tag-chip[aria-pressed="true"] {
  border-color: rgba(0, 0, 0, .62);
  background: rgba(0, 0, 0, .12);
  color: #000000;
}
:root[data-modus="tag"] .urlaub-kopf {
  border-bottom: 1px solid rgba(0, 0, 0, .08);
}
:root[data-modus="tag"] .urlaub-kopf h2 {
  color: #595a5c;
}
:root[data-modus="tag"] .urlaub-zeile {
  border-bottom: 1px solid rgba(0, 0, 0, .07);
}
:root[data-modus="tag"] .urlaub-zeile:last-child {
  border-bottom: 0;
}
:root[data-modus="tag"] .urlaub-zahl {
  color: #000000;
}
:root[data-modus="tag"] .login-wrap {
  background: radial-gradient(circle at 50% 42%, rgba(0, 0, 0, .045), transparent 34%);
}
:root[data-modus="tag"] .login-karte {
  border-color: rgba(0, 0, 0, .24);
  background: rgba(0, 0, 0, .018);
}
:root[data-modus="tag"] .login-karte input {
  border: 1px solid rgba(0, 0, 0, .24) !important;
  background: rgba(0, 0, 0, .025) !important;
}
:root[data-modus="tag"] .sperre {
  background: #f5f6f7;
}
:root[data-modus="tag"] .ziffernblock button {
  border: 1px solid rgba(0, 0, 0, .2);
  background: transparent;
}
:root[data-modus="tag"] .ziffernblock button:active {
  border-color: rgba(0, 0, 0, .7);
  background: rgba(0, 0, 0, .06);
  box-shadow: var(--glow);
}
:root[data-modus="tag"] .ziffernblock button.leer:not(:disabled) {
  color: #595a5c;
}
:root[data-modus="tag"] .ziffernblock button.leer:not(:disabled):active {
  color: #000000;
  background: rgba(0, 0, 0, .06);
  box-shadow: none;
}
:root[data-modus="tag"] .sperre-punkte span.voll {
  border-color: #000000;
  background: #000000;
  box-shadow: var(--glow);
}
@media (max-width: 700px) {
  :root[data-modus="tag"] .kal-eintrag {
    background: #2e2f30;
  }
  :root[data-modus="tag"] .kal-zelle.feiertag:not(.heute) .kal-zahl {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .4);
  }
  :root[data-modus="tag"] .shop-karte {
    border-right: 0;
  }
}
:root[data-modus="tag"] .besuch-titel {
  color: #0f0f0d;
}
:root[data-modus="tag"] .besuch-gruppe > label {
  color: #595a5c;
}
:root[data-modus="tag"] .besuch-tabelle th {
  color: #595a5c;
}
:root[data-modus="tag"] .besuch-tabelle td {
  border-top: 1px solid rgba(0, 0, 0, .08);
  color: #2b2b29;
}
:root[data-modus="tag"] .besuch-tabelle tbody tr[data-id]:hover td {
  background: rgba(0, 0, 0, .04);
  color: #000000;
}
:root[data-modus="tag"] .besuch-tabelle .besuch-notiz {
  color: #6d6e70;
}
:root[data-modus="tag"] .besuch-tabelle .besuch-tag-kopf td {
  border-top: 0;
  color: #000000;
}
:root[data-modus="tag"] .besuch-offen {
  border: 1px solid rgba(0, 0, 0, .5);
  color: #000000;
}
@media (max-width: 700px) {
  :root[data-modus="tag"] .besuch-tabelle td {
    border-top: 1px solid rgba(0, 0, 0, .14);
  }
  :root[data-modus="tag"] .besuch-tabelle tbody tr:nth-child(even) td {
    background: rgba(0, 0, 0, .025);
  }
  :root[data-modus="tag"] .besuch-tabelle .besuch-tag-kopf td {
    border-top: 0;
  }
}
:root[data-modus="tag"] .dash-wert {
  color: #000000;
}
:root[data-modus="tag"] .dash-delta {
  color: #595a5c;
}
:root[data-modus="tag"] .dash-legende {
  color: #595a5c;
}
:root[data-modus="tag"] .dash-punkt.auch {
  background: rgba(0, 0, 0, .35);
}
:root[data-modus="tag"] .dash-punkt.gezielt {
  background: rgba(0, 0, 0, .85);
}
:root[data-modus="tag"] .balken-zeile {
  color: #2b2b29;
}
:root[data-modus="tag"] .balken {
  background: rgba(0, 0, 0, .06);
}
:root[data-modus="tag"] .balken > span {
  background: rgba(0, 0, 0, .85);
}
:root[data-modus="tag"] .balken.doppelt {
  background: transparent;
}
:root[data-modus="tag"] .balken.doppelt > span {
  background: rgba(0, 0, 0, .06);
}
:root[data-modus="tag"] .balken.doppelt > .gezielt > i {
  background: rgba(0, 0, 0, .85);
}
:root[data-modus="tag"] .balken.doppelt > .auch > i {
  background: rgba(0, 0, 0, .35);
}
:root[data-modus="tag"] .balken-zahl {
  color: #000000;
}
:root[data-modus="tag"] .balken-zahl small {
  color: #6d6e70;
}
@media (min-width: 900px) {
  :root[data-modus="tag"] .besuch-tabelle td[data-feld]:hover {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .28);
  }
}
:root[data-modus="tag"] .zelle-edit select,
:root[data-modus="tag"] .zelle-edit input {
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, .55);
  background: transparent;
  color: #000000;
  outline: none;
}
:root[data-modus="tag"] .zelle-edit select:focus,
:root[data-modus="tag"] .zelle-edit input:focus {
  border-bottom-color: #000000;
  box-shadow: 0 6px 14px -10px rgba(0, 0, 0, .8);
}
:root[data-modus="tag"] .modell-chip {
  border: 1px solid rgba(0, 0, 0, .2);
  color: #191917;
}
:root[data-modus="tag"] .modell-weg {
  border: 0;
  background: transparent;
  color: #6c6e71;
}
:root[data-modus="tag"] .modell-weg:hover {
  background: rgba(0, 0, 0, .1);
  color: #000000;
}
:root[data-modus="tag"] .modell-neu input {
  border: 1px solid rgba(0, 0, 0, .13);
  background: rgba(0, 0, 0, .018);
  color: #10100e;
}
:root[data-modus="tag"] .modell-neu input:focus {
  outline: none;
  border-color: rgba(0, 0, 0, .65);
}
:root[data-modus="tag"] .besuch-tabelle .besuch-nr {
  color: #6d6e70;
}
:root[data-modus="tag"] .besuch-tabelle td.standard {
  color: rgba(0, 0, 0, .42);
}
:root[data-modus="tag"] select.standard {
  color: rgba(0, 0, 0, .55);
}
:root[data-modus="tag"] select.standard option {
  color: #0f0f0d;
}
:root[data-modus="tag"] .besuch-tabelle td.leer:empty::before {
  color: rgba(0, 0, 0, .28);
}
:root[data-modus="tag"] .besuch-tabelle tbody tr[data-id]:hover td.leer:empty::before {
  color: rgba(0, 0, 0, .6);
}
:root[data-modus="tag"] .modell-chip.fest {
  color: #6d6e70;
}
:root[data-modus="tag"] .dash-steuerung input[type="date"] {
  border: 1px solid rgba(0, 0, 0, .13);
  background: rgba(0, 0, 0, .018);
  color: #10100e;
  color-scheme: light;
}
:root[data-modus="tag"] .dash-vergleich {
  color: #6d6e70;
}
:root[data-modus="tag"] .dash-delta.plus {
  color: #46c081;
}
:root[data-modus="tag"] .dash-delta.minus {
  color: #981919;
}
:root[data-modus="tag"] .dash-donut-zahl {
  fill: #000000;
}
:root[data-modus="tag"] .dash-legende-zeile {
  color: #2b2b29;
}
:root[data-modus="tag"] .dash-legende-zahl {
  color: #000000;
}
:root[data-modus="tag"] .dash-legende-zahl small {
  color: #6d6e70;
}
:root[data-modus="tag"] .dash-saeule-zahl {
  color: #000000;
}
:root[data-modus="tag"] .dash-saeule-raum {
  border-bottom: 1px solid rgba(0, 0, 0, .18);
}
:root[data-modus="tag"] .dash-saeule-text {
  color: #595a5c;
}
:root[data-modus="tag"] .ampel.rot {
  background: #a51f1f;
  box-shadow: 0 0 8px rgba(165, 31, 31, .6);
}
:root[data-modus="tag"] .ampel.gelb {
  background: #ffca26;
  box-shadow: 0 0 8px rgba(255, 202, 38, .5);
}
:root[data-modus="tag"] .ampel.gruen {
  background: #46c081;
  box-shadow: 0 0 8px rgba(70, 192, 129, .5);
}
:root[data-modus="tag"] .besuch-tabelle td.besuch-notiz {
  color: #2b2b29;
}
:root[data-modus="tag"] .zelle-edit textarea {
  border: 1px solid rgba(0, 0, 0, .4);
  background: #e5e8ea;
  color: #10100e;
}
:root[data-modus="tag"] .zelle-edit textarea:focus {
  outline: none;
  border-color: #000000;
}
:root[data-modus="tag"] .plz-karte-titel {
  color: #595a5c;
}
:root[data-modus="tag"] .plz-karte-titel small {
  color: #838588;
}
:root[data-modus="tag"] .plz-karte-flaeche {
  fill: rgba(0, 0, 0, .035);
}
:root[data-modus="tag"] .plz-karte-umriss {
  fill: rgba(0, 0, 0, .05);
  stroke: rgba(0, 0, 0, .3);
}
:root[data-modus="tag"] .plz-karte-zelle {
  fill: rgba(0, 0, 0, .03);
  stroke: rgba(0, 0, 0, .16);
}
:root[data-modus="tag"] .plz-karte-zelle.aktiv {
  fill: rgba(0, 0, 0, .07);
}
:root[data-modus="tag"] .plz-karte-stadtumriss {
  fill: none;
  stroke: rgba(0, 0, 0, .45);
}
:root[data-modus="tag"] .plz-karte-name {
  fill: rgba(0, 0, 0, .3);
}
:root[data-modus="tag"] .plz-karte-name.aktiv {
  fill: #000000;
}
:root[data-modus="tag"] .plz-karte-showroom {
  fill: none;
  stroke: #000000;
}
:root[data-modus="tag"] .overlay .besuch-form .knopf-zeile {
  background: #eceeef;
  border-top: 1px solid rgba(0, 0, 0, .1);
}
:root[data-modus="tag"] .zelle-edit.modell .zelle-text {
  color: #000000;
}
:root[data-modus="tag"] .modell-panel {
  border: 1px solid rgba(0, 0, 0, .3);
  background: #eceeef;
  box-shadow: 0 18px 40px rgba(255, 255, 255, .6);
}

/* ── Von Hand: Logo-Gitter ──
   Logos brauchen einen hellen Grund. Nachts heben sich die hellen Kacheln
   vom dunklen Hintergrund ab; tagsüber übernimmt das ein feiner Rand. */
:root[data-modus="tag"] .logo-kachel {
  background: #fff;
  border-color: rgba(0, 0, 0, .1);
  box-shadow: 0 14px 30px -24px rgba(0, 0, 0, .35);
}
:root[data-modus="tag"] a.logo-kachel:hover, :root[data-modus="tag"] a.logo-kachel:focus-visible {
  box-shadow: 0 16px 34px -18px rgba(0, 0, 0, .3);
}