/* ============================================================================
   theme-zeiterfassung.css — Gitea-Erscheinungsbild "Zeiterfassung" (Hellfassung)
   ----------------------------------------------------------------------------
   Zweck   : Gitea optisch in die Produktfamilie der Buzz-/ZeiterfassungCloud-
             Weboberflaeche eingliedern (Markenverlauf, weisse Blaetter,
             Tintenknoepfe, Hausschrift Geist, 16-px-Ecken).
   Herkunft: Gestaltungsebene D-001 bis D-042 der ZeiterfassungCloud
             (TimeAgentWeb/project.css, Projekt TimeStudioService-App).
   Basis   : Variablenliste der installierten Gitea 1.24.5
             (/assets/css/theme-gitea-light.css, vollstaendig abgearbeitet).
   Datum   : 2026-08-11
   Hinweis : NICHT von Hand in Gitea-Kernquellen eingreifen — diese Datei lebt
             ausschliesslich unter custom/public/assets/css/.
   ========================================================================== */

/* ── Hausschrift: Geist / Geist Mono (mit ausgeliefert, kein CDN) ─────────── */
@font-face{font-family:'Geist';
  src:url('/assets/fonts/Geist-Variable.woff2') format('woff2');
  font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Geist Mono';
  src:url('/assets/fonts/GeistMono-Variable.woff2') format('woff2');
  font-weight:100 900;font-style:normal;font-display:swap}

gitea-theme-meta-info{--theme-display-name:"Zeiterfassung"}

:root{
  /* ── Unsere Palette (D-Ebene) — einzige Quelle, Rest verweist darauf ───── */
  --d-g1:#E6E3B4;--d-g2:#DADBC7;--d-g3:#CFD4D0;--d-g4:#C7CFD8;
  --d-verlauf:linear-gradient(178deg,var(--d-g1) 0%,var(--d-g2) 34%,var(--d-g3) 68%,var(--d-g4) 100%);
  --d-blatt:#ffffff;--d-kachel:#f8f5f9;--d-kachel2:#f1eef3;
  --d-haar:#edeaf0;--d-haar2:#f4f2f6;
  --d-ink:#1b1f24;--d-ink2:#5c6470;--d-ink3:#98a0ac;
  --d-btn:#24292e;--d-btn-ink:#ffffff;--d-btn-hover:#3a4148;
  --d-still:#f1eef3;--d-marke:#d7d72e;
  --d-ok:#1f7a4c;--d-ok-bg:#e6f3eb;
  --d-bad:#c8443c;--d-bad-bg:#fbeae8;
  --d-warn:#9a6410;--d-warn-bg:#fbf1e0;
  --d-r-blatt:16px;--d-r-karte:14px;--d-r-feld:10px;--d-r-pille:16px;
  --d-luft:8px;

  /* ── Schrift-Merkmale von Gitea auf die Hausschrift setzen ─────────────── */
  --fonts-proportional:'Geist',system-ui,sans-serif;
  --fonts-monospace:'Geist Mono',ui-monospace,'Cascadia Mono','Consolas',monospace;

  /* ── Zuordnung: JEDE Variable aus theme-gitea-light.css bekommt einen Wert */
  --is-dark-theme:false;

  /* Primaerfarbe = Tinte (niemals Akzentblau) */
  --color-primary:#24292e;
  --color-primary-contrast:#ffffff;
  --color-primary-dark-1:#21252a;
  --color-primary-dark-2:#1e2226;
  --color-primary-dark-3:#1a1e21;
  --color-primary-dark-4:#171a1d;
  --color-primary-dark-5:#131619;
  --color-primary-dark-6:#101316;
  --color-primary-dark-7:#0d1013;
  --color-primary-light-1:#2e343a;
  --color-primary-light-2:#383f46;
  --color-primary-light-3:#424a52;
  --color-primary-light-4:#6b7480;
  /* light-5..7 sind (wie im Original) blasse Toenungen fuer Flaechen: */
  --color-primary-light-5:#dcdfe3;
  --color-primary-light-6:#eceef0;
  --color-primary-light-7:#f7f8f9;
  --color-primary-alpha-10:rgba(36,41,46,.10);
  --color-primary-alpha-20:rgba(36,41,46,.20);
  --color-primary-alpha-30:rgba(36,41,46,.30);
  --color-primary-alpha-40:rgba(36,41,46,.40);
  --color-primary-alpha-50:rgba(36,41,46,.50);
  --color-primary-alpha-60:rgba(36,41,46,.60);
  --color-primary-alpha-70:rgba(36,41,46,.70);
  --color-primary-alpha-80:rgba(36,41,46,.80);
  --color-primary-alpha-90:rgba(36,41,46,.90);
  --color-primary-hover:#3a4148;
  --color-primary-active:#1e2226;

  /* Sekundaer = Haarlinien/Trennungen */
  --color-secondary:#edeaf0;
  --color-secondary-dark-1:#dfdce4;
  --color-secondary-dark-2:#d1ced8;
  --color-secondary-dark-3:#b8b6c2;
  --color-secondary-dark-4:#a3a1ad;
  --color-secondary-dark-5:#8e8d99;
  --color-secondary-dark-6:#7a7985;
  --color-secondary-dark-7:#666571;
  --color-secondary-dark-8:#53525d;
  --color-secondary-dark-9:#414049;
  --color-secondary-dark-10:#2f2e36;
  --color-secondary-dark-11:#232229;
  --color-secondary-dark-12:#17161c;
  --color-secondary-dark-13:#0b0b0e;
  --color-secondary-light-1:#f1eff4;
  --color-secondary-light-2:#f4f2f6;
  --color-secondary-light-3:#f8f6fa;
  --color-secondary-light-4:#fbfafd;
  --color-secondary-alpha-10:rgba(152,160,172,.10);
  --color-secondary-alpha-20:rgba(152,160,172,.20);
  --color-secondary-alpha-30:rgba(152,160,172,.30);
  --color-secondary-alpha-40:rgba(152,160,172,.40);
  --color-secondary-alpha-50:rgba(152,160,172,.50);
  --color-secondary-alpha-60:rgba(152,160,172,.60);
  --color-secondary-alpha-70:rgba(152,160,172,.70);
  --color-secondary-alpha-80:rgba(152,160,172,.80);
  --color-secondary-alpha-90:rgba(152,160,172,.90);
  --color-secondary-button:var(--color-secondary-dark-4);
  --color-secondary-hover:var(--color-secondary-dark-5);
  --color-secondary-active:var(--color-secondary-dark-6);

  /* Konsole (Actions-Logs) — dunkle Tinte-Flaeche */
  --color-console-fg:#f4f5f6;
  --color-console-fg-subtle:#a9b0ba;
  --color-console-bg:#16181c;
  --color-console-border:#2c3037;
  --color-console-hover-bg:#23262c;
  --color-console-active-bg:#2c3037;
  --color-console-menu-bg:#1d2025;
  --color-console-menu-border:#3a4148;

  /* Grundfarben — entschaerfte, zur Palette passende Toene */
  --color-red:#c8443c;
  --color-orange:#b06a1a;
  --color-yellow:#9a6410;
  --color-olive:#8a8a2a;
  --color-green:#1f7a4c;
  --color-teal:#1f7a72;
  --color-blue:#4a6785;
  --color-violet:#6a5a92;
  --color-purple:#8a4a88;
  --color-pink:#b04a72;
  --color-brown:#7d5a3c;
  --color-black:#1b1f24;
  --color-red-light:#d9706a;
  --color-orange-light:#c98a45;
  --color-yellow-light:#b8852f;
  --color-olive-light:#a5a54a;
  --color-green-light:#3d9c6c;
  --color-teal-light:#3d9c93;
  --color-blue-light:#6d87a3;
  --color-violet-light:#8878ab;
  --color-purple-light:#a56ba3;
  --color-pink-light:#c9718f;
  --color-brown-light:#9a7a5c;
  --color-black-light:#4a525c;
  --color-red-dark-1:#b53c35;
  --color-orange-dark-1:#9e5e15;
  --color-yellow-dark-1:#8a5a0d;
  --color-olive-dark-1:#7a7a24;
  --color-green-dark-1:#1b6b43;
  --color-teal-dark-1:#1b6b64;
  --color-blue-dark-1:#405a75;
  --color-violet-dark-1:#5d4f81;
  --color-purple-dark-1:#7a4178;
  --color-pink-dark-1:#9e4265;
  --color-brown-dark-1:#6e4f34;
  --color-black-dark-1:#14171a;
  --color-red-dark-2:#a23530;
  --color-orange-dark-2:#8c5311;
  --color-yellow-dark-2:#7a4f0b;
  --color-olive-dark-2:#6b6b1f;
  --color-green-dark-2:#175d3a;
  --color-teal-dark-2:#175d57;
  --color-blue-dark-2:#374e66;
  --color-violet-dark-2:#514570;
  --color-purple-dark-2:#6a3868;
  --color-pink-dark-2:#8a3a58;
  --color-brown-dark-2:#60452e;
  --color-black-dark-2:#0d1013;

  /* ANSI (Terminal-Logs) — Lesbarkeit vor Markenreinheit */
  --color-ansi-black:#1b1f24;
  --color-ansi-red:#cc4848;
  --color-ansi-green:#87ab63;
  --color-ansi-yellow:#cc9903;
  --color-ansi-blue:#3a8ac6;
  --color-ansi-magenta:#d22e8b;
  --color-ansi-cyan:#00918a;
  --color-ansi-white:var(--color-console-fg-subtle);
  --color-ansi-bright-black:#46494d;
  --color-ansi-bright-red:#d15a5a;
  --color-ansi-bright-green:#93b373;
  --color-ansi-bright-yellow:#eaaf03;
  --color-ansi-bright-blue:#4e96cc;
  --color-ansi-bright-magenta:#d74397;
  --color-ansi-bright-cyan:#00b6ad;
  --color-ansi-bright-white:var(--color-console-fg);

  --color-grey:#5c6470;
  --color-grey-light:#98a0ac;
  --color-gold:#9a6410;
  --color-white:#ffffff;

  /* Unterschiedsansicht — unsere Zustandsfarben, nie Gitea-Gruen/-Rot */
  --color-diff-added-linenum-bg:#d9ece1;
  --color-diff-added-row-bg:#e6f3eb;
  --color-diff-added-row-border:#e6f3eb;
  --color-diff-added-word-bg:#bfe0cd;
  --color-diff-moved-row-bg:#fbf1e0;
  --color-diff-moved-row-border:#e6cf9f;
  --color-diff-removed-linenum-bg:#f6d9d5;
  --color-diff-removed-row-bg:#fbeae8;
  --color-diff-removed-row-border:#f2d0cb;
  --color-diff-removed-word-bg:#f0bdb6;
  --color-diff-inactive:#f4f2f6;

  /* Zustandsmeldungen */
  --color-error-border:#e5b5b1;
  --color-error-bg:#fbeae8;
  --color-error-bg-active:#f0bdb6;
  --color-error-bg-hover:#f6d9d5;
  --color-error-text:#c8443c;
  --color-success-border:#b5d4c2;
  --color-success-bg:#e6f3eb;
  --color-success-text:#1f7a4c;
  --color-warning-border:#e0c79a;
  --color-warning-bg:#fbf1e0;
  --color-warning-text:#9a6410;
  --color-info-border:#c7cfd8;
  --color-info-bg:#eef2f7;
  --color-info-text:#46566b;

  --color-red-badge:#c8443c;
  --color-red-badge-bg:rgba(200,68,60,.10);
  --color-red-badge-hover-bg:rgba(200,68,60,.30);
  --color-green-badge:#1f7a4c;
  --color-green-badge-bg:rgba(31,122,76,.10);
  --color-green-badge-hover-bg:rgba(31,122,76,.30);
  --color-yellow-badge:#9a6410;
  --color-yellow-badge-bg:rgba(154,100,16,.10);
  --color-yellow-badge-hover-bg:rgba(154,100,16,.30);
  --color-orange-badge:#b06a1a;
  --color-orange-badge-bg:rgba(176,106,26,.10);
  --color-orange-badge-hover-bg:rgba(176,106,26,.30);

  --color-git:#24292e;

  /* Flaechen und Text */
  --color-body:#ffffff;
  --color-box-header:var(--d-kachel);
  --color-box-body:var(--d-blatt);
  --color-box-body-highlight:var(--d-haar2);
  --color-text-dark:#0d1013;
  --color-text:var(--d-ink);
  --color-text-light:#3c444e;
  --color-text-light-1:var(--d-ink2);
  --color-text-light-2:#7a828e;
  --color-text-light-3:var(--d-ink3);
  --color-footer:transparent;
  --color-timeline:var(--d-haar);
  --color-input-text:var(--d-ink);
  --color-input-background:var(--d-kachel);
  --color-input-toggle-background:var(--d-haar);
  --color-input-border:transparent;
  --color-input-border-hover:#98a0ac;
  --color-light:rgba(27,31,36,.03);
  --color-light-mimic-enabled:rgba(27,31,36,calc(6 / 255 * 222 / 255 / var(--opacity-disabled)));
  --color-light-border:rgba(27,31,36,.11);
  --color-hover:rgba(27,31,36,.03);
  --color-hover-opaque:var(--d-haar2);
  --color-active:rgba(27,31,36,.08);
  --color-menu:var(--d-blatt);
  --color-card:var(--d-blatt);
  --color-markup-table-row:rgba(27,31,36,.04);
  --color-markup-code-block:var(--d-kachel);
  --color-markup-code-inline:var(--d-kachel2);
  --color-button:var(--d-blatt);
  --color-code-bg:var(--d-blatt);
  --color-shadow:transparent;               /* Schatten grundsaetzlich aus */
  --color-shadow-opaque:var(--d-haar);
  --color-secondary-bg:var(--d-haar2);
  --color-expand-button:var(--d-kachel2);
  --color-placeholder-text:var(--color-text-light-3);
  --color-editor-line-highlight:var(--color-primary-light-7);
  --color-project-column-bg:var(--color-secondary-light-4);
  --color-caret:var(--color-text-dark);
  --color-reaction-bg:rgba(27,31,36,.04);
  --color-reaction-hover-bg:var(--color-primary-light-6);
  --color-reaction-active-bg:var(--color-primary-light-5);
  --color-tooltip-text:#ffffff;
  --color-tooltip-bg:rgba(27,31,36,.94);
  --color-nav-bg:transparent;
  --color-nav-hover-bg:rgba(27,31,36,.06);
  --color-nav-text:var(--d-ink);
  --color-secondary-nav-bg:transparent;
  --color-label-text:var(--color-text);
  --color-label-bg:rgba(152,160,172,.29);
  --color-label-hover-bg:rgba(152,160,172,.63);
  --color-label-active-bg:rgba(152,160,172,1);
  --color-accent:var(--color-primary);
  --color-small-accent:var(--color-primary-light-6);
  /* Suchtreffer in der Markenfarbe (Buzz-Gelb) getont */
  --color-highlight-fg:#6d6d14;
  --color-highlight-bg:#f7f7d5;
  --color-overlay-backdrop:rgba(27,31,36,.34);
  accent-color:var(--color-accent);
  color-scheme:light;
}

/* ============================================================================
   Feinschliff — Grundgeruest
   ========================================================================== */

/* Markenverlauf am Fensterrahmen; steht beim Blaettern still. */
html{background:var(--d-verlauf) fixed}
body{background:transparent;font-size:13.5px;-webkit-font-smoothing:antialiased}

/* Inhalt als weisses "Blatt": 16 px Ecken, 8 px Luft, ohne Rahmen/Schatten. */
.page-content{background:var(--d-blatt);border-radius:var(--d-r-blatt);
  margin:var(--d-luft);padding-top:16px;box-shadow:none}
.full.height{background:transparent;padding-bottom:var(--d-luft)}

/* Kopfleiste liegt auf dem Verlauf, Trennung nur ueber eine Haarlinie. */
#navbar{background:transparent;border-bottom:1px solid rgba(27,31,36,.10)}
#navbar .item{color:var(--d-ink2)}
#navbar .item:hover{color:var(--d-ink)}
#navbar .item.active{color:var(--d-ink);background:rgba(27,31,36,.06);border-radius:var(--d-r-pille)}

/* Fusszeile auf dem Verlauf */
footer.page-footer,#footer{background:transparent;border-top:none;color:var(--d-ink2)}

/* ============================================================================
   Fomantic-Reste: Kaesten, Karten, Segmente
   ========================================================================== */
.ui.segment,.ui.segments,.ui.attached.segment{background:var(--d-blatt);
  border:1px solid var(--d-haar);border-radius:var(--d-r-karte);box-shadow:none}
.ui.card,.ui.cards>.card{background:var(--d-blatt);border:1px solid var(--d-haar);
  border-radius:var(--d-r-karte);box-shadow:none}
.ui.attached.header,.ui.top.attached.header{background:transparent;
  border-bottom:1px solid var(--d-haar);color:var(--d-ink3);font-weight:700;
  letter-spacing:.09em;border-radius:var(--d-r-karte) var(--d-r-karte) 0 0}
.ui.message{border-radius:var(--d-r-karte);box-shadow:none}

/* ============================================================================
   Knoepfe: Tintenpille, stiller Knopf, Symbolknopf
   ========================================================================== */
.ui.button{border-radius:var(--d-r-pille);box-shadow:none !important;
  font-weight:600;background:var(--d-blatt);color:var(--d-ink);
  border:1px solid var(--d-haar);width:auto;
  padding-left:16px;padding-right:16px}
.ui.button:hover{background:var(--d-kachel)}
.ui.button:active{background:var(--d-kachel2)}
.ui.primary.button,.ui.primary.buttons .button,
.ui.green.button,.ui.positive.button{background:var(--d-btn);color:var(--d-btn-ink);border:none}
.ui.primary.button:hover,.ui.primary.buttons .button:hover,
.ui.green.button:hover,.ui.positive.button:hover{background:var(--d-btn-hover);color:var(--d-btn-ink)}
.ui.primary.button:active,.ui.green.button:active,.ui.positive.button:active{background:#1e2226;color:var(--d-btn-ink)}
.ui.red.button,.ui.negative.button{background:var(--d-bad);color:#ffffff;border:none}
.ui.red.button:hover,.ui.negative.button:hover{background:#b53c35;color:#ffffff}
.ui.basic.button,.ui.basic.buttons .button{background:var(--d-blatt) !important;
  color:var(--d-ink) !important;border:1px solid var(--d-haar);box-shadow:none !important}
.ui.basic.button:hover,.ui.basic.buttons .button:hover{background:var(--d-kachel) !important}
.ui.labeled.button>.label{border-radius:var(--d-r-pille);border:1px solid var(--d-haar);background:var(--d-kachel)}
/* Symbolknopf (nur Symbol): echter Kreis 32x32 */
.ui.button.icon:not(.labeled):not(.dropdown),
.btn.interact-bg,.btn.interact-fg{border-radius:50%}
.ui.button.icon:not(.labeled):not(.dropdown){width:32px;height:32px;
  aspect-ratio:1;padding:0;display:inline-flex;align-items:center;justify-content:center}
/* Personenbilder sind echte Kreise */
.ui.avatar.image,.avatar,img.avatar{border-radius:50% !important}

/* ============================================================================
   Eingabefelder: getont, rahmenlos, 10 px; Fokus weiss + Ring
   ========================================================================== */
.ui.input>input,.ui.form input:not([type=checkbox]):not([type=radio]),
.ui.form textarea,.ui.selection.dropdown,.ui.form select,
.ui.action.input>input,#navbar .searchbox input{
  background:var(--d-kachel);border:1px solid transparent;
  border-radius:var(--d-r-feld);color:var(--d-ink);box-shadow:none}
.ui.input>input:focus,.ui.form input:not([type=checkbox]):not([type=radio]):focus,
.ui.form textarea:focus,.ui.selection.dropdown.active,
#navbar .searchbox input:focus{
  background:var(--d-blatt);border-color:#98a0ac;
  box-shadow:0 0 0 3px rgba(27,31,36,.08)}
.ui.dropdown .menu{border:1px solid var(--d-haar);border-radius:var(--d-r-feld);
  box-shadow:0 12px 32px -18px rgba(27,31,36,.35);background:var(--d-blatt)}

/* ============================================================================
   Reiter: aktiver Reiter = Unterstrich in Tinte, kein gefuellter Kasten
   ========================================================================== */
.ui.tabular.menu{border-bottom:1px solid var(--d-haar);background:transparent}
.ui.tabular.menu .item{border:none;background:transparent;color:var(--d-ink2);
  border-bottom:2px solid transparent;border-radius:0;margin-bottom:-1px}
.ui.tabular.menu .active.item,.ui.tabular.menu .active.item:hover{
  border:none;border-bottom:2px solid var(--d-btn);background:transparent;
  color:var(--d-ink);font-weight:650;border-radius:0}
.ui.secondary.pointing.menu{border-bottom:1px solid var(--d-haar)}
.ui.secondary.pointing.menu .item{border-bottom-width:2px;color:var(--d-ink2)}
.ui.secondary.pointing.menu .active.item{border-color:var(--d-btn);color:var(--d-ink);font-weight:650}
/* Repo-Kopf (Code / Issues / PRs / Actions) nutzt overflow-menu */
.overflow-menu .overflow-menu-items .item{color:var(--d-ink2);border-bottom:2px solid transparent}
.overflow-menu .overflow-menu-items .item.active{color:var(--d-ink);font-weight:650;border-bottom:2px solid var(--d-btn)}

/* ============================================================================
   Tabellen: Kopf im Kachelton, Zeilen nur mit Haarlinien, kein Gitter
   ========================================================================== */
.ui.table{border:1px solid var(--d-haar);border-radius:var(--d-r-karte);box-shadow:none;background:var(--d-blatt)}
.ui.table thead th{background:var(--d-kachel);color:var(--d-ink3);
  border-bottom:1px solid var(--d-haar);font-weight:700}
.ui.table td{border-top:1px solid var(--d-haar2)}
.ui.celled.table tr td,.ui.celled.table tr th{border-left:none;border-right:none}
.ui.table tbody tr:hover{background:var(--d-kachel) !important}

/* ============================================================================
   Dialoge: 16 px, Haarlinie, weicher Schatten; Hintergrund abgedunkelt+Blur
   ========================================================================== */
.ui.modal{border-radius:var(--d-r-blatt);border:1px solid var(--d-haar);
  box-shadow:0 24px 64px -28px rgba(27,31,36,.42)}
.ui.modal>.header{border-radius:var(--d-r-blatt) var(--d-r-blatt) 0 0;
  background:transparent;border-bottom:1px solid var(--d-haar)}
.ui.modal>.actions{border-radius:0 0 var(--d-r-blatt) var(--d-r-blatt);
  background:var(--d-kachel);border-top:1px solid var(--d-haar)}
.ui.dimmer{background:rgba(27,31,36,.34);backdrop-filter:blur(3px)}

/* ============================================================================
   Dateiliste, Dateiansicht, Zahlen
   ========================================================================== */
#repo-files-table .repo-file-cell.name,.repo-file-table{font-size:13.5px}
.file-view .lines-num,.lines-num,.lines-num span,.blame .lines-num{
  color:var(--d-ink3);font-variant-numeric:tabular-nums}
.file-info,.diff-counter,.diff-stats,.commit-summary + *,.sha.label,
.repository .diff-detail-box{font-variant-numeric:tabular-nums}
.file-header{background:var(--d-kachel);border-bottom:1px solid var(--d-haar);
  border-radius:var(--d-r-karte) var(--d-r-karte) 0 0}
.code-view,.file-view{background:var(--d-blatt)}
.sha.label{font-family:var(--fonts-monospace)}

/* ============================================================================
   Verlaufsstrang (Timeline), Etiketten, Zustaende
   ========================================================================== */
.timeline{border-left-color:var(--d-haar)}
.timeline-item::before{background:var(--d-haar)}
/* Etiketten behalten ihre Datenbank-Farben, bekommen aber unseren Radius */
.ui.label{border-radius:var(--d-r-feld);box-shadow:none}
.issue-state-label{border-radius:var(--d-r-pille)}

/* ============================================================================
   Formulare/Einstellungen, Loeschbereiche
   ========================================================================== */
.ui.form .field>label{color:var(--d-ink2)}
.ui.red.segment,.danger.segment{border-color:var(--d-bad) !important;background:var(--d-bad-bg)}
.ui.checkbox label::before{border:1px solid var(--d-haar);border-radius:4px;background:var(--d-kachel)}

/* ============================================================================
   Anmeldeseite: Karte als Blatt auf dem Verlauf, Knopf ueber volle Breite
   ========================================================================== */
.user.signin .ui.form .ui.primary.button,.user.signup .ui.form .ui.primary.button{width:100%}
.user.signin .ui.segment,.user.signup .ui.segment{border-radius:var(--d-r-blatt)}

/* ============================================================================
   Markdown: Zitat mit Haarlinie links, Code in Geist Mono auf Kachel
   ========================================================================== */
.markup blockquote{border-left:3px solid var(--d-haar);color:var(--d-ink2)}
.markup pre,.markup code{font-family:var(--fonts-monospace)}
.markup pre{background:var(--d-kachel);border-radius:var(--d-r-feld)}
.markup table th{background:var(--d-kachel);color:var(--d-ink3)}
.markup table td,.markup table th{border-color:var(--d-haar)}

/* ============================================================================
   Quelltextfaerbung (Chroma) — Tinte-Palette
   Schluesselwoerter: Tinte fett · Zeichenketten: Gruen · Zahlen: Warnton ·
   Kommentare: ink3 kursiv · Grund: Blatt bzw. Kachel im Block
   ========================================================================== */
.chroma{background:transparent}
.chroma .k,.chroma .kc,.chroma .kd,.chroma .kn,.chroma .kp,.chroma .kr,.chroma .kt,
.chroma .o,.chroma .ow,.chroma .na{color:var(--d-ink);font-weight:650}
.chroma .s,.chroma .s1,.chroma .s2,.chroma .sb,.chroma .sd,.chroma .sh,.chroma .sx,
.chroma .dl{color:var(--d-ok)}
.chroma .sa,.chroma .sc,.chroma .si,.chroma .se,.chroma .ss{color:#6e4f34}
.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .mo,.chroma .il{color:var(--d-warn)}
.chroma .c,.chroma .c1,.chroma .ch,.chroma .cm,.chroma .cs,.chroma .cp,.chroma .cpf{
  color:var(--d-ink3);font-style:italic}
.chroma .nb,.chroma .nf,.chroma .nc,.chroma .nn,.chroma .nt,.chroma .nd{color:#405a75}
.chroma .nv,.chroma .vc,.chroma .vg,.chroma .vi,.chroma .no,.chroma .ni{color:#1b6b64}
.chroma .nx{color:var(--d-ink)}
.chroma .ne,.chroma .nl,.chroma .gr,.chroma .gt{color:var(--d-bad)}
.chroma .gd{color:var(--d-bad);background-color:var(--d-bad-bg)}
.chroma .gi{color:var(--d-ok);background-color:var(--d-ok-bg)}
.chroma .gh,.chroma .gu,.chroma .go,.chroma .gp,.chroma .w,.chroma .bp{color:var(--d-ink3)}
.chroma .ge{font-style:italic}