/* GANS OS · Obsidian Chrome in der echten Werkbank – EINE Designwahrheit für Hell, Dunkel und System (vs01, GF D2-185/D2-186/D2-187; Ursprung oc01 D2-170, oc02 D2-174). Erzeugt von pakete/hc04/quelle/obsidian_quelle.py (auf vs01) – nicht von Hand ändern.
   Quelle der Gestaltung: Laptop 1, tokens.css v0.4 + kapitel.css. Farben: farben.css (zentrale Tokendatei, Bereich ui je Darstellung; --gos-*-Rollen als aliases). */
/* ---------- Tiefe und Metall in Hell und System bei hellem Betriebssystem (Dunkel: gos_tokens.css) */
:root[data-theme="hell"] { --gos-rillen-farbe: var(--line-2); --gos-rille: 0 1px 0 color-mix(in srgb, var(--field) 70%, transparent); --gos-vertiefung: inset 0 1px 2px color-mix(in srgb, var(--ink) 14%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--ink) 9%, transparent); --gos-erhaben: inset 0 1px 0 color-mix(in srgb, var(--field) 85%, transparent), 0 0 0 1px color-mix(in srgb, var(--ink) 8%, transparent), 0 1px 2px color-mix(in srgb, var(--ink) 10%, transparent), 0 8px 22px -12px color-mix(in srgb, var(--ink) 28%, transparent); --gos-gravur: none; --gos-lichtkante: inset 0 1px 0 color-mix(in srgb, var(--field) 80%, transparent); --gos-schatten: 0 24px 60px color-mix(in srgb, var(--ink) 18%, transparent); --gos-schatten-klein: 0 2px 10px color-mix(in srgb, var(--ink) 12%, transparent); --gos-metall-knopf: linear-gradient(180deg, var(--ink-2) 0%, var(--gos-chrome-silver) 55%, var(--gos-chrome-highlight) 100%); --gos-metall-gans: linear-gradient(180deg, var(--ink-2) 0%, var(--gos-chrome-highlight) 46%, var(--gos-titanium) 54%, var(--gos-chrome-highlight) 100%); --gos-metall-os: linear-gradient(180deg, var(--ink-2) 0%, var(--gos-chrome-highlight) 44%, var(--gos-titanium) 56%, var(--gos-chrome-highlight) 100%); --gos-metall-leiste: linear-gradient(180deg, var(--gos-chrome-highlight) 0%, var(--gos-titanium) 45%, var(--gos-brushed-steel) 60%, var(--gos-chrome-highlight) 100%); --gos-titel-farbe: var(--ink-2); }
@media (prefers-color-scheme: light) { :root[data-theme="system"] { --gos-rillen-farbe: var(--line-2); --gos-rille: 0 1px 0 color-mix(in srgb, var(--field) 70%, transparent); --gos-vertiefung: inset 0 1px 2px color-mix(in srgb, var(--ink) 14%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--ink) 9%, transparent); --gos-erhaben: inset 0 1px 0 color-mix(in srgb, var(--field) 85%, transparent), 0 0 0 1px color-mix(in srgb, var(--ink) 8%, transparent), 0 1px 2px color-mix(in srgb, var(--ink) 10%, transparent), 0 8px 22px -12px color-mix(in srgb, var(--ink) 28%, transparent); --gos-gravur: none; --gos-lichtkante: inset 0 1px 0 color-mix(in srgb, var(--field) 80%, transparent); --gos-schatten: 0 24px 60px color-mix(in srgb, var(--ink) 18%, transparent); --gos-schatten-klein: 0 2px 10px color-mix(in srgb, var(--ink) 12%, transparent); --gos-metall-knopf: linear-gradient(180deg, var(--ink-2) 0%, var(--gos-chrome-silver) 55%, var(--gos-chrome-highlight) 100%); --gos-metall-gans: linear-gradient(180deg, var(--ink-2) 0%, var(--gos-chrome-highlight) 46%, var(--gos-titanium) 54%, var(--gos-chrome-highlight) 100%); --gos-metall-os: linear-gradient(180deg, var(--ink-2) 0%, var(--gos-chrome-highlight) 44%, var(--gos-titanium) 56%, var(--gos-chrome-highlight) 100%); --gos-metall-leiste: linear-gradient(180deg, var(--gos-chrome-highlight) 0%, var(--gos-titanium) 45%, var(--gos-brushed-steel) 60%, var(--gos-chrome-highlight) 100%); --gos-titel-farbe: var(--ink-2); } }
/* ---------- Werkzeug-Sprache: jede Darstellung, ein Präfix :root:not([data-obsidian="aus"]) */
:root:not([data-obsidian="aus"]) body { font-family: var(--gos-schrift); letter-spacing: .005em; scrollbar-color: var(--gos-linie-2) var(--bg); }
:root:not([data-obsidian="aus"]) ::selection { background: var(--gos-steel-surface); color: var(--gos-chrome-highlight); }
:root:not([data-obsidian="aus"]) :focus-visible { outline: 2px solid var(--gos-chrome-silver); outline-offset: 2px; }
:root:not([data-obsidian="aus"]) .main h1, :root:not([data-obsidian="aus"]) .top h1 { font: 600 1.18rem/1.25 var(--gos-schrift-gravur); letter-spacing: .14em; text-transform: uppercase; color: var(--gos-titel-farbe, var(--gos-chrome-highlight)); text-shadow: var(--gos-gravur); }
:root:not([data-obsidian="aus"]) .top { border-bottom: 1px solid var(--gos-rillen-farbe); box-shadow: 0 1px 0 color-mix(in srgb, var(--gos-chrome-highlight) 4%, transparent); }
:root:not([data-obsidian="aus"]) .top .lead { color: var(--gos-text-sekundaer); }
:root:not([data-obsidian="aus"]) .breadcrumb { font: 600 .66rem/1.5 var(--gos-schrift-gravur); letter-spacing: .12em; text-transform: uppercase; color: var(--gos-text-leise); }
:root:not([data-obsidian="aus"]) .breadcrumb a { color: var(--gos-text-sekundaer); text-decoration: none; }
:root:not([data-obsidian="aus"]) .breadcrumb a:hover { color: var(--gos-chrome-highlight); }
:root:not([data-obsidian="aus"]) .side { background: var(--side); box-shadow: inset -1px 0 0 var(--gos-rillen-farbe), 1px 0 0 color-mix(in srgb, var(--gos-chrome-highlight) 4%, transparent); }
:root:not([data-obsidian="aus"]) .side .brand { border-bottom: 1px solid var(--gos-rillen-farbe); box-shadow: 0 1px 0 color-mix(in srgb, var(--gos-chrome-highlight) 4%, transparent); }
:root:not([data-obsidian="aus"]) .brand b { font-weight: var(--gos-gewicht-wortmarke); letter-spacing: var(--gos-wortmarke-sperrung); color: var(--gos-chrome-silver); }
:root:not([data-obsidian="aus"]) .side h4 { font: 600 .68rem/1.3 var(--gos-schrift-gravur); letter-spacing: .18em; color: var(--gos-text-leise); text-shadow: var(--gos-gravur); }
:root:not([data-obsidian="aus"]) .nav a { border-radius: var(--gos-radius-werkzeug); color: var(--side-ink); transition: background var(--gos-dauer-kurz) var(--gos-ease), color var(--gos-dauer-kurz) var(--gos-ease); }
:root:not([data-obsidian="aus"]) .nav a:hover { background: var(--gos-auswahl); color: var(--gos-chrome-highlight); text-decoration: none; }
:root:not([data-obsidian="aus"]) .nav a.active, :root:not([data-obsidian="aus"]) .nav-tree a.active, :root:not([data-obsidian="aus"]) .nav-zugaenge a.here { background: var(--gos-auswahl); color: var(--gos-chrome-highlight); box-shadow: inset 3px 0 0 var(--gos-chrome-silver); }
:root:not([data-obsidian="aus"]) .nav-zugang > summary { font: 600 .66rem/1.4 var(--gos-schrift-gravur); letter-spacing: .16em; text-transform: uppercase; color: var(--gos-text-leise); text-shadow: var(--gos-gravur); }
:root:not([data-obsidian="aus"]) .nav-gruppe > summary, :root:not([data-obsidian="aus"]) .nav-node > summary { font-weight: 600; color: var(--side-ink); border-radius: var(--gos-radius-werkzeug); }
:root:not([data-obsidian="aus"]) .nav-zugaenge summary:hover, :root:not([data-obsidian="aus"]) .nav-tree summary:hover { background: var(--gos-auswahl); color: var(--gos-chrome-highlight); }
:root:not([data-obsidian="aus"]) .nav .count { border-radius: var(--gos-radius-fein); background: var(--attention); color: var(--attention-ink); font: 700 .66rem/1.5 var(--gos-schrift-gravur); }
:root:not([data-obsidian="aus"]) .nav-tag { border-radius: var(--gos-radius-fein); border-color: var(--gos-linie); color: var(--gos-text-leise); font-family: var(--gos-schrift-gravur); }
:root:not([data-obsidian="aus"]) .nav-search input, :root:not([data-obsidian="aus"]) .side input[type=search] { background: var(--gos-obsidian-black); border: 1px solid var(--gos-linie); color: var(--ink); box-shadow: var(--gos-vertiefung); }
:root:not([data-obsidian="aus"]) .planned li { color: var(--gos-text-leise); }
:root:not([data-obsidian="aus"]) .ordner-knopf { background: var(--gos-graphite); border: 1px solid var(--gos-linie-2); border-radius: var(--gos-radius-werkzeug); box-shadow: var(--gos-erhaben); color: var(--gos-chrome-highlight); }
:root:not([data-obsidian="aus"]) .ordner-knopf:hover, :root:not([data-obsidian="aus"]) .ordner-knopf:focus-visible { background: var(--gos-steel-surface); }
:root:not([data-obsidian="aus"]) .topbar { background: var(--head); border-bottom: 1px solid var(--gos-rillen-farbe); box-shadow: 0 1px 0 color-mix(in srgb, var(--gos-chrome-highlight) 4%, transparent); }
:root:not([data-obsidian="aus"]) .uhr, :root:not([data-obsidian="aus"]) .uhrzeit { font-family: var(--gos-schrift-gravur); font-variant-numeric: tabular-nums; letter-spacing: .04em; color: var(--gos-chrome-highlight); }
:root:not([data-obsidian="aus"]) .topbar form .btn, :root:not([data-obsidian="aus"]) .theme-switch .btn { background: var(--gos-carbon-black); color: var(--gos-text-sekundaer); border-color: var(--gos-linie); box-shadow: none; font: 600 .68rem/1 var(--gos-schrift-gravur); letter-spacing: .1em; text-transform: uppercase; }
:root:not([data-obsidian="aus"]) .topbar form .btn:hover, :root:not([data-obsidian="aus"]) .theme-switch .btn:hover { background: var(--gos-auswahl); color: var(--gos-chrome-highlight); }
:root:not([data-obsidian="aus"]) .topbar form .btn { border-radius: 0; }
:root:not([data-obsidian="aus"]) .topbar form .btn:first-of-type { border-radius: var(--gos-radius-werkzeug) 0 0 var(--gos-radius-werkzeug); }
:root:not([data-obsidian="aus"]) .topbar form .btn:last-of-type { border-radius: 0 var(--gos-radius-werkzeug) var(--gos-radius-werkzeug) 0; }
:root:not([data-obsidian="aus"]) .topbar .marke b { font-weight: var(--gos-gewicht-wortmarke); letter-spacing: var(--gos-wortmarke-sperrung); color: var(--gos-chrome-silver); }
:root:not([data-obsidian="aus"]) .topbar form .btn[aria-pressed="true"], :root:not([data-obsidian="aus"]) .theme-switch .btn[aria-pressed="true"] { background: var(--gos-metall-knopf); color: var(--gos-knopf-text); border-color: var(--gos-titanium); box-shadow: var(--gos-erhaben); }
:root:not([data-obsidian="aus"]) .demo { background: var(--gos-deep-anthracite); color: var(--gos-text-sekundaer); border: 0; border-radius: var(--gos-radius-werkzeug); box-shadow: var(--gos-vertiefung); }
:root:not([data-obsidian="aus"]) .pill { border: 0; border-radius: var(--gos-radius-fein); font: 600 .72rem/1.4 var(--gos-schrift-gravur); letter-spacing: .06em; }
:root:not([data-obsidian="aus"]) .pill-warn { background: var(--warn-soft); color: var(--warn); box-shadow: inset 3px 0 0 var(--warn); }
:root:not([data-obsidian="aus"]) .pill-ok { background: var(--ok-soft); color: var(--ok); box-shadow: inset 3px 0 0 var(--ok); }
:root:not([data-obsidian="aus"]) .counter, :root:not([data-obsidian="aus"]) .lamp { color: var(--gos-text-sekundaer); font-variant-numeric: tabular-nums; }
:root:not([data-obsidian="aus"]) .flash { border: 0; border-radius: var(--gos-radius-werkzeug); background: var(--gos-graphite); color: var(--ink); box-shadow: var(--gos-erhaben), inset 3px 0 0 var(--gos-titanium); }
:root:not([data-obsidian="aus"]) .flash-ok { background: var(--ok-soft); box-shadow: var(--gos-erhaben), inset 3px 0 0 var(--ok); }
:root:not([data-obsidian="aus"]) .flash-error, :root:not([data-obsidian="aus"]) .save-error { background: var(--bad-soft); box-shadow: var(--gos-erhaben), inset 3px 0 0 var(--bad); }
:root:not([data-obsidian="aus"]) .card { border: 0; border-radius: var(--gos-radius-werkzeug); background: var(--surface); box-shadow: var(--gos-erhaben); }
:root:not([data-obsidian="aus"]) .card > h2, :root:not([data-obsidian="aus"]) .card > header h2, :root:not([data-obsidian="aus"]) .section-title { font: 600 .74rem/1.3 var(--gos-schrift-gravur); letter-spacing: .16em; text-transform: uppercase; color: var(--gos-text-sekundaer); text-shadow: var(--gos-gravur); }
:root:not([data-obsidian="aus"]) .card h3 { font: 600 .8rem/1.3 var(--gos-schrift-gravur); letter-spacing: .1em; text-transform: uppercase; color: var(--ink-2); }
:root:not([data-obsidian="aus"]) .kv dt, :root:not([data-obsidian="aus"]) .tile h3, :root:not([data-obsidian="aus"]) .ik-fakten dt { font: 600 .66rem/1.4 var(--gos-schrift-gravur); letter-spacing: .12em; text-transform: uppercase; color: var(--gos-text-sekundaer); background: transparent; }
:root:not([data-obsidian="aus"]) input[type=file]::file-selector-button { border-radius: var(--gos-radius-werkzeug); border: 1px solid var(--gos-titanium); background: var(--gos-metall-knopf); color: var(--gos-knopf-text); font-weight: 600; padding: 4px 10px; }
:root:not([data-obsidian="aus"]) .tile { background: var(--surface); border: 0; border-radius: var(--gos-radius-werkzeug); box-shadow: var(--gos-erhaben); }
:root:not([data-obsidian="aus"]) .tile-value, :root:not([data-obsidian="aus"]) .q .big, :root:not([data-obsidian="aus"]) .status-panel .big { font-family: var(--gos-schrift-gravur); font-variant-numeric: tabular-nums; color: var(--gos-chrome-highlight); }
:root:not([data-obsidian="aus"]) .note { background: var(--gos-deep-anthracite); border: 0; border-radius: var(--gos-radius-werkzeug); box-shadow: var(--gos-vertiefung); color: var(--gos-text-sekundaer); }
:root:not([data-obsidian="aus"]) .empty { border: 1px dashed var(--gos-linie-2); border-radius: var(--gos-radius-werkzeug); color: var(--gos-text-sekundaer); }
:root:not([data-obsidian="aus"]) footer { color: var(--gos-text-leise); border-top: 1px solid var(--gos-rillen-farbe); }
:root:not([data-obsidian="aus"]) table th { font: 600 .7rem/1.3 var(--gos-schrift-gravur); letter-spacing: .12em; text-transform: uppercase; color: var(--gos-text-sekundaer); background: var(--gos-steel-surface); }
:root:not([data-obsidian="aus"]) th, :root:not([data-obsidian="aus"]) td { border-color: var(--gos-linie); }
:root:not([data-obsidian="aus"]) table tbody tr:nth-child(even):not(.tk-row):not(.tk-section):not(.tk-total) > td { background: color-mix(in srgb, var(--gos-chrome-highlight) 2%, transparent); }
:root:not([data-obsidian="aus"]) table tr:not(.tk-row):not(.tk-section):not(.tk-total):hover > td { background: var(--gos-auswahl); }
:root:not([data-obsidian="aus"]) tr.total:not(.tk-row):not(.tk-total) td { border-top: 1px solid var(--gos-titanium); font-weight: 700; color: var(--gos-chrome-highlight); }
:root:not([data-obsidian="aus"]) tr.total:not(.tk-row):not(.tk-total) th, :root:not([data-obsidian="aus"]) tfoot th { font: inherit; font-weight: 700; letter-spacing: normal; text-transform: none; background: transparent; color: var(--gos-chrome-highlight); border-top: 1px solid var(--gos-titanium); }
:root:not([data-obsidian="aus"]) td.num, :root:not([data-obsidian="aus"]) th.num, :root:not([data-obsidian="aus"]) .num { font-variant-numeric: tabular-nums; }
:root:not([data-obsidian="aus"]) .table-wrap { border-radius: var(--gos-radius-werkzeug); box-shadow: var(--gos-vertiefung); }
:root:not([data-obsidian="aus"]) .badge { border-radius: var(--gos-radius-fein); font-family: var(--gos-schrift-gravur); letter-spacing: .06em; }
:root:not([data-obsidian="aus"]) .b-plan { background: var(--gos-auswahl); color: var(--gos-text-2); }
:root:not([data-obsidian="aus"]) .b-info { background: var(--gos-eis-toenung); color: var(--gos-ki-eisblau); }
:root:not([data-obsidian="aus"]) .btn { border-radius: var(--gos-radius-werkzeug); background: var(--gos-metall-knopf); color: var(--gos-knopf-text); border-color: var(--gos-titanium); box-shadow: var(--gos-erhaben); letter-spacing: .02em; }
:root:not([data-obsidian="aus"]) .btn:hover { background: var(--gos-chrome-highlight); color: var(--gos-knopf-text); text-decoration: none; }
:root:not([data-obsidian="aus"]) .btn-ghost { background: transparent; color: var(--ink-2); border-color: var(--line-2); box-shadow: none; }
:root:not([data-obsidian="aus"]) .btn-ghost:hover { background: var(--gos-auswahl); color: var(--gos-chrome-highlight); }
:root:not([data-obsidian="aus"]) .btn-danger { background: transparent; color: var(--bad); border-color: var(--bad-line); box-shadow: none; }
:root:not([data-obsidian="aus"]) .btn-danger:hover { background: var(--bad-soft); color: var(--bad); }
:root:not([data-obsidian="aus"]) .btn:disabled, :root:not([data-obsidian="aus"]) .btn[aria-disabled="true"] { opacity: .45; box-shadow: none; }
:root:not([data-obsidian="aus"]) input:not([type=checkbox]):not([type=radio]), :root:not([data-obsidian="aus"]) select, :root:not([data-obsidian="aus"]) textarea { border-radius: var(--gos-radius-fein); background: var(--field); border-color: var(--gos-linie); box-shadow: var(--gos-vertiefung); }
:root:not([data-obsidian="aus"]) input[type=checkbox], :root:not([data-obsidian="aus"]) input[type=radio] { accent-color: var(--gos-chrome-silver); }
:root:not([data-obsidian="aus"]) input:focus, :root:not([data-obsidian="aus"]) select:focus, :root:not([data-obsidian="aus"]) textarea:focus { border-color: var(--gos-chrome-silver); }
:root:not([data-obsidian="aus"]) pre, :root:not([data-obsidian="aus"]) code { background: var(--gos-carbon-black); color: var(--gos-text-2); border-radius: var(--gos-radius-fein); }
:root:not([data-obsidian="aus"]) .ww-tabs a, :root:not([data-obsidian="aus"]) .mw-ansichten a, :root:not([data-obsidian="aus"]) .wl-ansicht a { border-radius: var(--gos-radius-werkzeug); background: var(--gos-carbon-black); border: 1px solid var(--gos-linie); color: var(--gos-text-sekundaer); font: 600 .72rem/1.2 var(--gos-schrift-gravur); letter-spacing: .08em; text-transform: uppercase; text-decoration: none; }
:root:not([data-obsidian="aus"]) .ww-tabs a:hover, :root:not([data-obsidian="aus"]) .mw-ansichten a:hover, :root:not([data-obsidian="aus"]) .wl-ansicht a:hover { background: var(--gos-auswahl); color: var(--gos-chrome-highlight); }
:root:not([data-obsidian="aus"]) .ww-tabs a.here, :root:not([data-obsidian="aus"]) .mw-ansichten a[aria-current="page"], :root:not([data-obsidian="aus"]) .wl-ansicht a[aria-current] { background: var(--gos-metall-knopf); color: var(--gos-knopf-text); border-color: var(--gos-titanium); box-shadow: var(--gos-erhaben); }
:root:not([data-obsidian="aus"]) .ordner-baum summary { border-radius: var(--gos-radius-werkzeug); }
:root:not([data-obsidian="aus"]) .ordner-baum summary:hover { background: var(--gos-auswahl); }
:root:not([data-obsidian="aus"]) .ordner-baum li.gewaehlt > details > summary { background: var(--gos-auswahl); color: var(--gos-chrome-highlight); box-shadow: inset 3px 0 0 var(--gos-chrome-silver); }
:root:not([data-obsidian="aus"]) .ordner-baum summary.ablage-aktiv { outline: 2px dashed var(--gos-chrome-silver); outline-offset: 2px; background: var(--gos-steel-surface); }
:root:not([data-obsidian="aus"]) .ordner-ablage { padding: 12px 14px; border: 1px dashed var(--gos-linie-2); border-radius: var(--gos-radius-werkzeug); background: var(--gos-deep-anthracite); }
:root:not([data-obsidian="aus"]) .ordner-ablage.ablage-aktiv { border-color: var(--gos-chrome-silver); background: var(--gos-steel-surface); }
:root:not([data-obsidian="aus"]) .ordner-dateien tr.hier td { background: var(--gos-auswahl); color: var(--gos-chrome-highlight); }
:root:not([data-obsidian="aus"]) .ordner-panel { background: var(--side); box-shadow: -1px 0 0 var(--gos-rillen-farbe), var(--gos-schatten); }
:root:not([data-obsidian="aus"]) .ki-box { background: var(--gos-graphite); border: 1px solid var(--gos-linie); border-radius: var(--gos-radius-werkzeug); box-shadow: var(--gos-erhaben), inset 0 2px 0 var(--gos-ki-eisblau); }
:root:not([data-obsidian="aus"]) .ki-titel { font: 600 .72rem/1.3 var(--gos-schrift-gravur); letter-spacing: .14em; text-transform: uppercase; color: var(--gos-ki-eisblau); }
:root:not([data-obsidian="aus"]) .ik-panel { background: var(--side); box-shadow: inset 1px 0 0 var(--gos-rillen-farbe); }
:root:not([data-obsidian="aus"]) .ik-karte { background: var(--surface); border: 0; border-radius: var(--gos-radius-werkzeug); box-shadow: var(--gos-erhaben); }
:root:not([data-obsidian="aus"]) .ik-karte.ik-gewaehlt { box-shadow: var(--gos-erhaben), inset 3px 0 0 var(--gos-chrome-silver); }
:root:not([data-obsidian="aus"]) .flow li, :root:not([data-obsidian="aus"]) .events li { border-color: var(--gos-linie); }
:root:not([data-obsidian="aus"]) .card.decision { box-shadow: var(--gos-erhaben), inset 4px 0 0 var(--attention); }
:root:not([data-obsidian="aus"]) .card.decision.done { box-shadow: var(--gos-erhaben), inset 4px 0 0 var(--ok); }
:root:not([data-obsidian="aus"]) .lv-offen { box-shadow: var(--gos-erhaben), inset 4px 0 0 var(--warn); }
:root:not([data-obsidian="aus"]) .main h1, :root:not([data-obsidian="aus"]) .top h1 { font-size: 1.45rem; }
:root:not([data-obsidian="aus"]) .demo { font-size: .8rem; padding: 6px 12px; margin-bottom: 12px; }
:root:not([data-obsidian="aus"]) .top-actions select { min-width: 18rem; }
:root:not([data-obsidian="aus"]) .brand .gans-zeichen { background: var(--gos-metall-gans); }
:root:not([data-obsidian="aus"]) .gans-zeichen { background-image: var(--gos-metall-gans); }
:root:not([data-obsidian="aus"]) .ordner-knopf { box-shadow: var(--gos-erhaben), 0 -10px 14px -6px var(--side); }
:root:not([data-obsidian="aus"]) .nav-search input, :root:not([data-obsidian="aus"]) .side form[role=search] input { width: 100%; min-width: 0; }
:root:not([data-obsidian="aus"]) .badge { white-space: normal; overflow-wrap: normal; word-break: normal; line-height: 1.35; }
:root:not([data-obsidian="aus"]) .prov { border-radius: var(--gos-radius-fein); font-family: var(--gos-schrift-gravur); letter-spacing: .04em; }
:root:not([data-obsidian="aus"]) .card { overflow-x: auto; }
:root:not([data-obsidian="aus"]) .card p a:not(.btn), :root:not([data-obsidian="aus"]) .card li a:not(.btn), :root:not([data-obsidian="aus"]) .card td a:not(.btn), :root:not([data-obsidian="aus"]) .card dd a:not(.btn), :root:not([data-obsidian="aus"]) .note a:not(.btn) { color: var(--gos-chrome-silver); text-decoration: underline; text-decoration-color: var(--gos-linie-2); text-underline-offset: 2px; }
:root:not([data-obsidian="aus"]) .card p a:not(.btn):hover, :root:not([data-obsidian="aus"]) .card li a:not(.btn):hover, :root:not([data-obsidian="aus"]) .card td a:not(.btn):hover, :root:not([data-obsidian="aus"]) .card dd a:not(.btn):hover, :root:not([data-obsidian="aus"]) .note a:not(.btn):hover { color: var(--gos-chrome-highlight); text-decoration-color: var(--gos-chrome-silver); }
:root:not([data-obsidian="aus"]) .kc-titel { font-family: var(--gos-schrift-gravur); letter-spacing: .02em; color: var(--gos-chrome-highlight); text-shadow: var(--gos-gravur); }
:root:not([data-obsidian="aus"]) .kc-eingabe { border-radius: var(--gos-radius-werkzeug); background: var(--gos-obsidian-black); border-color: var(--gos-linie-2); box-shadow: var(--gos-vertiefung); }
:root:not([data-obsidian="aus"]) .kc-los { border-radius: var(--gos-radius-werkzeug); }
:root:not([data-obsidian="aus"]) .kc-beispiele a { border-radius: var(--gos-radius-fein); background: var(--gos-carbon-black); border-color: var(--gos-linie); color: var(--gos-text-2); }
:root:not([data-obsidian="aus"]) .kc-beispiele a:hover { border-color: var(--gos-chrome-silver); color: var(--gos-chrome-highlight); }
:root:not([data-obsidian="aus"]) .kc-kachel, :root:not([data-obsidian="aus"]) .kc-karte, :root:not([data-obsidian="aus"]) .kc-diagramm { border: 0; border-radius: var(--gos-radius-werkzeug); background: var(--surface); box-shadow: var(--gos-erhaben); }
:root:not([data-obsidian="aus"]) .kc-kachel:hover { box-shadow: var(--gos-erhaben), inset 0 0 0 1px var(--gos-linie-2); }
:root:not([data-obsidian="aus"]) .kc-karte h3, :root:not([data-obsidian="aus"]) .kc-unter { font-family: var(--gos-schrift-gravur); letter-spacing: .12em; text-transform: uppercase; }
:root:not([data-obsidian="aus"]) .kc-karte h3 { font-size: .66rem; color: var(--gos-text-sekundaer); }
:root:not([data-obsidian="aus"]) .kc-kachel span { color: var(--gos-text-sekundaer); }
:root:not([data-obsidian="aus"]) .kc-kachel { font-family: var(--gos-schrift-gravur); }
:root:not([data-obsidian="aus"]) .aw-offen, :root:not([data-obsidian="aus"]) .ww-offen, :root:not([data-obsidian="aus"]) .kn-offen, :root:not([data-obsidian="aus"]) .dmk-offen, :root:not([data-obsidian="aus"]) .wl-offen, :root:not([data-obsidian="aus"]) .uk-offen { color: var(--warn); }
:root:not([data-obsidian="aus"]) .kc-unter { font-size: .74rem; color: var(--gos-text-sekundaer); text-shadow: var(--gos-gravur); }
:root:not([data-obsidian="aus"]) .kc-wert { font-family: var(--gos-schrift-gravur); color: var(--gos-chrome-highlight); }
:root:not([data-obsidian="aus"]) .kc-warn { box-shadow: var(--gos-erhaben), inset 3px 0 0 var(--warn); }
:root:not([data-obsidian="aus"]) .kc-ok { box-shadow: var(--gos-erhaben), inset 3px 0 0 var(--ok); }
:root:not([data-obsidian="aus"]) .ki { background: var(--side); border-left-color: var(--gos-rillen-farbe); }
:root:not([data-obsidian="aus"]) .ki-titel::before { background: var(--gos-ki-eisblau); box-shadow: 0 0 8px color-mix(in srgb, var(--gos-ki-eisblau) 45%, transparent); }
:root:not([data-obsidian="aus"]) .ki-du { background: var(--gos-eis-toenung); border-radius: var(--gos-radius-werkzeug); }
:root:not([data-obsidian="aus"]) .ki-antwort { border-radius: var(--gos-radius-werkzeug); background: var(--gos-graphite); border-color: var(--gos-linie); }
:root:not([data-obsidian="aus"]) .ki-griff:hover, :root:not([data-obsidian="aus"]) .ki-griff:focus { background: var(--gos-eis-toenung); }
:root:not([data-obsidian="aus"]) .uk-ansichten a { border-radius: var(--gos-radius-werkzeug); background: var(--gos-carbon-black); border: 1px solid var(--gos-linie); color: var(--gos-text-sekundaer); font: 600 .72rem/1.2 var(--gos-schrift-gravur); letter-spacing: .08em; text-transform: uppercase; text-decoration: none; }
:root:not([data-obsidian="aus"]) .ik-panel { border-radius: var(--gos-radius-werkzeug); }
:root:not([data-obsidian="aus"]) .side { padding-bottom: 0; }
:root:not([data-obsidian="aus"]) .kc-titel { font-size: 1.6rem; }
:root:not([data-obsidian="aus"]) .btn:disabled, :root:not([data-obsidian="aus"]) .btn[aria-disabled="true"] { opacity: .55; filter: grayscale(1); }
:root:not([data-obsidian="aus"]) .uk-feld input, :root:not([data-obsidian="aus"]) .uk-feld select { max-width: 28rem; }
:root:not([data-obsidian="aus"]) .wl-seite code, :root:not([data-obsidian="aus"]) .wl-ids code, :root:not([data-obsidian="aus"]) .ik-panel code, :root:not([data-obsidian="aus"]) td code { overflow-wrap: normal; word-break: keep-all; }
:root:not([data-obsidian="aus"]) .card input[type=search], :root:not([data-obsidian="aus"]) .card input[name=q] { min-width: min(22rem, 100%); }
:root:not([data-obsidian="aus"]) .ww-tabs ul { gap: 6px; }
:root:not([data-obsidian="aus"]) .gos-balken > a { text-decoration: none; color: var(--ink-2); }
:root:not([data-obsidian="aus"]) .gos-balken > a:hover { text-decoration: underline; color: var(--gos-chrome-highlight); }
:root:not([data-obsidian="aus"]) .flow li { border: 0; border-radius: var(--gos-radius-werkzeug); background: var(--surface); box-shadow: var(--gos-erhaben); }
:root:not([data-obsidian="aus"]) .flow .st-done { box-shadow: var(--gos-erhaben), inset 3px 0 0 var(--ok); }
:root:not([data-obsidian="aus"]) .flow .st-waiting { box-shadow: var(--gos-erhaben), inset 3px 0 0 var(--attention); }
:root:not([data-obsidian="aus"]) .flow .st-blocked { box-shadow: var(--gos-erhaben), inset 3px 0 0 var(--bad); }
:root:not([data-obsidian="aus"]) .flow .st-planned { background: transparent; box-shadow: none; outline: 1px dashed var(--gos-linie-2); outline-offset: -1px; }
:root:not([data-obsidian="aus"]) .flow .st-label { overflow-wrap: anywhere; }
:root:not([data-obsidian="aus"]) .flow .st-marks .badge { background: transparent; color: var(--gos-text-sekundaer); padding: 0; font-weight: 500; letter-spacing: .02em; box-shadow: none; }
:root:not([data-obsidian="aus"]) .flow .st-marks .badge.b-warn { color: var(--warn); }
:root:not([data-obsidian="aus"]) .flow .st-marks .badge.b-bad { color: var(--bad); }
:root:not([data-obsidian="aus"]) .note { background: transparent; box-shadow: none; border-left: 2px solid var(--gos-linie-2); border-radius: 0; padding: 2px 10px; }
:root:not([data-obsidian="aus"]) .prov { white-space: normal; overflow-wrap: normal; }
:root:not([data-obsidian="aus"]) .empty { padding: 6px 12px; font-size: .9rem; margin-block: 6px; }
:root:not([data-obsidian="aus"]) .uk-bild { background: var(--gos-obsidian-black); border-radius: var(--gos-radius-werkzeug); box-shadow: var(--gos-vertiefung); }
:root:not([data-obsidian="aus"]) .uk-g polygon { stroke: var(--gos-chrome-highlight); }
:root:not([data-obsidian="aus"]) .uk-g-korpus polygon { fill: var(--gos-steel-surface); }
:root:not([data-obsidian="aus"]) .uk-g-boden polygon { fill: var(--gos-graphite); }
:root:not([data-obsidian="aus"]) .uk-g-rueck polygon { fill: var(--gos-deep-anthracite); }
:root:not([data-obsidian="aus"]) .uk-g-sockel polygon { fill: var(--gos-brushed-steel); }
:root:not([data-obsidian="aus"]) .uk-g-schub polygon { fill: var(--gos-linie-2); }
:root:not([data-obsidian="aus"]) .uk-g-front polygon { fill: var(--gos-titanium); fill-opacity: .38; }
:root:not([data-obsidian="aus"]) .uk-z { fill: var(--gos-steel-surface); stroke: var(--gos-chrome-highlight); }
:root:not([data-obsidian="aus"]) .uk-z-front { fill: var(--gos-titanium); fill-opacity: .3; }
:root:not([data-obsidian="aus"]) .uk-z-rueck, :root:not([data-obsidian="aus"]) .uk-z-sockel { fill: var(--gos-deep-anthracite); }
:root:not([data-obsidian="aus"]) .uk-z-kopf { stroke: var(--gos-chrome-highlight); }
:root:not([data-obsidian="aus"]) .uk-mass-t, :root:not([data-obsidian="aus"]) .uk-z-t, :root:not([data-obsidian="aus"]) .uk-z-k { fill: var(--gos-text-2); }
:root:not([data-obsidian="aus"]) .uk-gruppe { border-color: var(--gos-linie); border-radius: var(--gos-radius-werkzeug); }
:root:not([data-obsidian="aus"]) .uk-gruppe legend { font: 600 .7rem/1.3 var(--gos-schrift-gravur); letter-spacing: .12em; text-transform: uppercase; color: var(--gos-text-sekundaer); }
:root:not([data-obsidian="aus"]) .wl-auswahl { list-style: none; padding: 0; display: grid; gap: 6px; }
:root:not([data-obsidian="aus"]) .wl-auswahl li { padding: 10px 12px; border-radius: var(--gos-radius-werkzeug); background: var(--gos-deep-anthracite); box-shadow: var(--gos-vertiefung); }
:root:not([data-obsidian="aus"]) .wl-auswahl li a { text-decoration: none; }
:root:not([data-obsidian="aus"]) .wl-auswahl li a b { color: var(--gos-chrome-highlight); font-family: var(--gos-schrift-gravur); letter-spacing: .04em; }
:root:not([data-obsidian="aus"]) .demo.auth { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; }
:root:not([data-obsidian="aus"]) .demo.auth form { margin: 0 0 0 auto; }
:root:not([data-obsidian="aus"]) .demo.auth .small { color: var(--gos-text-leise); }
:root:not([data-obsidian="aus"]) .card .gos-balken > a { text-decoration: none; color: var(--ink-2); }
:root:not([data-obsidian="aus"]) .card .gos-balken > a:hover { text-decoration: underline; color: var(--gos-chrome-highlight); }
:root:not([data-obsidian="aus"]) .nav-zugaenge .nav a, :root:not([data-obsidian="aus"]) .nav-zugaenge .nav-na { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 6px; }
:root:not([data-obsidian="aus"]) .nav-tag { margin-left: 0; max-width: 100%; }
:root:not([data-obsidian="aus"]) .card.ki-antwort { box-shadow: var(--gos-erhaben), inset 0 2px 0 var(--gos-ki-eisblau); }
:root:not([data-obsidian="aus"]) .ik-raster:has(> .ik-panel .ik-zustand[data-zustand="LEER"]:not([data-ik-zustand])) { grid-template-columns: minmax(0, 1fr); grid-template-areas: "kopf" "rest"; }
:root:not([data-obsidian="aus"]) .ik-raster:has(> .ik-panel .ik-zustand[data-zustand="LEER"]:not([data-ik-zustand])) > .ik-panel { display: none; }
:root:not([data-obsidian="aus"]) .anmelde-seite .main { max-width: 1040px; margin-inline: auto; }
:root:not([data-obsidian="aus"]) .anmelde-marke { display: flex; align-items: center; gap: 16px; margin: 22px 0 26px; padding-bottom: 18px; border-bottom: 1px solid var(--gos-rillen-farbe); box-shadow: 0 1px 0 color-mix(in srgb, var(--gos-chrome-highlight) 4%, transparent); }
:root:not([data-obsidian="aus"]) .anmelde-marke .gans-zeichen { width: 58px; height: 70px; background: var(--gos-metall-gans); }
:root:not([data-obsidian="aus"]) .anmelde-marke b { font-size: 1.7rem; font-weight: var(--gos-gewicht-wortmarke); letter-spacing: .2em; color: var(--gos-chrome-silver); }
:root:not([data-obsidian="aus"]) .anmelde-marke span:last-child { font: 600 .72rem/1.3 var(--gos-schrift-gravur); letter-spacing: .22em; text-transform: uppercase; color: var(--gos-text-leise); align-self: flex-end; margin-bottom: 6px; }
:root:not([data-obsidian="aus"]) .flow .st-label { overflow-wrap: break-word; hyphens: auto; -webkit-hyphens: auto; }
:root:not([data-obsidian="aus"]) .side a.ort { background: transparent; box-shadow: inset 2px 0 0 var(--gos-linie); color: var(--side-ink); }
:root:not([data-obsidian="aus"]) .gos-spur rect.erwartet { fill: var(--warn); }
:root:not([data-obsidian="aus"]) .gos-legende i.gedeckt { background: var(--ok); }
:root:not([data-obsidian="aus"]) .gos-legende i.erwartet { background: var(--warn); }
:root:not([data-obsidian="aus"]) .nav-area > summary { gap: 10px; padding: 8px 10px; font: 600 .86rem/1.3 var(--gos-schrift); letter-spacing: .005em; text-transform: none; color: var(--side-ink); border-radius: var(--gos-radius-werkzeug); }
:root:not([data-obsidian="aus"]) .nav-area > summary::before { display: none; }
:root:not([data-obsidian="aus"]) .nav-area > summary::after { content: ""; flex: none; margin-left: auto; width: 6px; height: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(-45deg); opacity: .5; transition: transform var(--gos-dauer-kurz) var(--gos-ease); }
:root:not([data-obsidian="aus"]) .nav-area[open] > summary::after { transform: rotate(45deg); }
:root:not([data-obsidian="aus"]) .nav-symbol { flex: none; width: 20px; height: 20px; color: var(--gos-text-leise); transition: color var(--gos-dauer-kurz) var(--gos-ease); }
:root:not([data-obsidian="aus"]) .nav-area > summary:hover .nav-symbol, :root:not([data-obsidian="aus"]) .nav-area[open] > summary .nav-symbol { color: var(--gos-chrome-silver); }
:root:not([data-obsidian="aus"]) .nav-area:has(a.active) > summary, :root:not([data-obsidian="aus"]) .nav-area:has(a.ort) > summary { color: var(--gos-chrome-highlight); box-shadow: inset 3px 0 0 var(--gos-chrome-silver); }
:root:not([data-obsidian="aus"]) .nav-area:has(a.active) > summary .nav-symbol, :root:not([data-obsidian="aus"]) .nav-area:has(a.ort) > summary .nav-symbol { color: var(--gos-chrome-highlight); }
:root:not([data-obsidian="aus"]) .nav-tree .nav-nodes > li > a { font-style: italic; color: var(--gos-text-leise); border-left: 1px dashed var(--gos-linie-2); border-radius: 0 var(--gos-radius-werkzeug) var(--gos-radius-werkzeug) 0; }
:root:not([data-obsidian="aus"]) .nav-tree .nav-nodes > li > a:hover { color: var(--side-ink); }

/* ---------- Komponenten (jede Darstellung) – nach kapitel.css von Laptop 1 (.pl-kachel, .pl-balken, .bw) */
.gos-kacheln { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 10px; margin: 0 0 14px; }   /* oc04: 4 per row on a desktop */
.gos-kachel { display: grid; gap: 4px; align-content: start; padding: 12px 14px; border-radius: var(--gos-radius-werkzeug);
  background: var(--surface); box-shadow: var(--gos-erhaben); color: var(--ink); text-decoration: none; }
a.gos-kachel:hover { text-decoration: none; box-shadow: var(--gos-erhaben), inset 0 0 0 1px var(--line-2); }
.gos-kachel > span { font: 600 .66rem/1.3 var(--gos-schrift-gravur); letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.gos-kachel > b { font: 600 1.35rem/1.2 var(--gos-schrift-gravur); color: var(--ink); font-variant-numeric: tabular-nums; }
.gos-kachel > small { font-size: .78rem; color: var(--muted); }
.gos-kachel.gos-offen > b { font-size: 1rem; color: var(--muted); }
.gos-balken-liste { display: grid; gap: 7px; margin: 0 0 10px; padding: 0; list-style: none; }
/* the bar column always keeps room: fixed maxima on label and value would take all of a narrow card first */
.gos-balken { display: grid; grid-template-columns: minmax(70px, 1.2fr) minmax(60px, 2fr) auto; gap: 10px;
  align-items: center; font-size: .86rem; color: var(--ink-2); }
.gos-balken > a, .gos-balken > span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* the track is an SVG: widths are attributes (CSP style-src 'self' – no inline style), colours come from classes */
.gos-spur { display: block; width: 100%; height: 12px; border-radius: 2px; background: var(--bg); box-shadow: var(--gos-vertiefung); }
.gos-spur rect { fill: var(--gos-titanium); }
.gos-spur rect.verfuegbar, .gos-spur rect.neutral { fill: var(--gos-chrome-silver); }   /* oc04 */
.gos-spur rect.reserviert { fill: var(--gos-brushed-steel); fill-opacity: 1; }
.gos-spur rect.fehlt { fill: var(--bad); }
.gos-spur rect.gedeckt { fill: var(--ok); }
.gos-balken > b { text-align: right; font-variant-numeric: tabular-nums; color: var(--ink); white-space: nowrap; font-weight: 600; }
.gos-legende { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 0 0 10px; font-size: .8rem; color: var(--muted); }
.gos-legende i { display: inline-block; width: 12px; height: 8px; margin-right: 6px; border-radius: 1px; vertical-align: middle; }
.gos-legende i.verfuegbar { background: var(--gos-chrome-silver); }
.gos-legende i.reserviert { background: var(--gos-brushed-steel); }
.gos-legende i.fehlt { background: var(--bad); }
.gos-raster { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 14px; }
.gos-raster > .card { margin: 0; }
.gos-demo { display: inline-flex; gap: 6px; align-items: center; padding: 3px 9px; border-radius: var(--gos-radius-fein);
  font: 600 .7rem/1.3 var(--gos-schrift-gravur); letter-spacing: .12em; text-transform: uppercase;
  color: var(--warn); background: var(--warn-soft); box-shadow: inset 3px 0 0 var(--warn); }
/* Bewertung (eine Logik mit Laptop 1, GF INH-030/031, D2-170 §4): immer Pfeil, Richtungswort und Statuswort */
.bw { display: inline-flex; align-items: baseline; flex-wrap: wrap; gap: 2px 6px; padding: 3px 8px; border-radius: var(--gos-radius-fein);
  background: var(--plan-soft); box-shadow: inset 3px 0 0 var(--bw-farbe, var(--plan)); color: var(--bw-farbe, var(--plan));
  font-variant-numeric: tabular-nums; line-height: 1.3; }
.bw b { font-weight: 700; }
.bw small { font: 600 .62rem var(--gos-schrift-gravur); letter-spacing: .1em; text-transform: uppercase; }
.bw-guenstig { --bw-farbe: var(--ok); background: var(--ok-soft); }
.bw-unguenstig { --bw-farbe: var(--bad); background: var(--bad-soft); }
.bw-pruefen { --bw-farbe: var(--warn); background: var(--warn-soft); }
.bw-neutral, .bw-offen { --bw-farbe: var(--plan); }
@media (max-width: 700px) { .gos-balken { grid-template-columns: 90px minmax(60px, 1fr) auto; font-size: .8rem; } }
.gos-kachel, .gos-spur rect { transition: box-shadow var(--gos-dauer-kurz) var(--gos-ease); }
/* vq01 (D2-196): Wahlschalter, Reiter und Ansichtsknöpfe liegen hell auf side/head – dort trägt side_muted die leise
   Schrift (4,92:1), muted erreicht nur 4,21:1. Nur ein Token-Wert je Darstellung, dunkel unverändert. */
:root[data-theme="hell"] :is(.topbar form .btn, .theme-switch .btn, .ww-tabs a, .mw-ansichten a, .wl-ansicht a, .uk-ansichten a) { --gos-text-sekundaer: var(--side-muted); }
@media (prefers-color-scheme: light) { :root[data-theme="system"] :is(.topbar form .btn, .theme-switch .btn, .ww-tabs a, .mw-ansichten a, .wl-ansicht a, .uk-ansichten a) { --gos-text-sekundaer: var(--side-muted); } }
/* vq03 (Rvq-05…08, D2-199 E): dieselbe Tokenregel für die Flächen in var(--side) – Inspektor, Ordnerfeld, Assistent.
   Dort trägt hell side_muted die leise Schrift (.muted, .note, .kv dt: 4,92:1 statt 4,21:1). Dunkel unverändert. */
:root[data-theme="hell"] :is(.ik-panel, .ordner-panel, .ki) { --muted: var(--side-muted); --gos-text-sekundaer: var(--side-muted); }
@media (prefers-color-scheme: light) { :root[data-theme="system"] :is(.ik-panel, .ordner-panel, .ki) { --muted: var(--side-muted);
  --gos-text-sekundaer: var(--side-muted); } }