/* Station-Look – gemeinsame Regeln für alle eingebetteten Werkzeuge auf eigenen Subdomains
 * Autor: Claude (Claude Code, Opus 5.5) · Erstellt: 2026-10-05 (Plan Station-Look, Task 2)
 * Wird zusammen mit <werkzeug>.css und station-look.js per nginx vor </head> eingesetzt
 * (deploy/nginx/station-look-einsetzen.conf). Wirkt nur eingebettet: station-look.js setzt html.station-look.
 * Kein overflow:hidden hier – das gehört nur zu App-Werkzeugen (in <werkzeug>.css). */

/* Hintergrund durchsichtig: Karo-Raster und Licht der Station scheinen durch */
html.station-look, html.station-look body {
  background: transparent !important;
  color-scheme: dark;
  scrollbar-width: thin;
  scrollbar-color: rgba(123, 207, 171, .25) transparent;
}
html.station-look * { scrollbar-width: thin; scrollbar-color: rgba(123, 207, 171, .25) transparent; }

/* Schriften wie in der Station (geladen von station-look.js) */
html.station-look body { font-family: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif !important; color: #e6f2ee; }
html.station-look :is(h1, h2, h3, h4) { font-family: "Montserrat", system-ui, sans-serif !important; letter-spacing: -.01em; }
html.station-look :is(code, pre, kbd, samp) { font-family: "IBM Plex Mono", ui-monospace, Consolas, monospace !important; }

/* Links und Auswahl in Mint */
html.station-look ::selection { background: rgba(123, 207, 171, .28); }
html.station-look :focus-visible { outline: 2px solid #7bcfab !important; outline-offset: 2px; }

/* Auswahllisten (Dropdowns): dunkler Grund, helle Schrift – sonst weiss auf weiss (10.10.2026) */
html.station-look select, html.station-look select option, html.station-look select optgroup { background-color: #0a1618 !important; color: #e6f2ee !important; color-scheme: dark; }