/* ================================================================
   Schergen Corp – Windows-98-Ansicht für alle Werkzeuge
   Greift nur bei <html data-theme="win98">, sonst wirkungslos.

   Der größte Teil der Arbeit passiert über die Farbvariablen, die
   jedes Werkzeug oben in seiner style.css hat: Werden sie hier hell
   umgebogen, folgt fast alles von selbst. Danach kommen Fenster
   (jedes Element mit data-win – siehe theme.js), Taskleiste, Knöpfe
   und Felder. Werkzeugeigene Feinheiten stehen am Ende.
   ================================================================ */

:root[data-theme="win98"] {
  color-scheme: light;

  /* --- die Variablen der Werkzeuge, hell -------------------------- */
  --bg:            #008080;
  --bg-2:          #c0c0c0;
  --surface:       #ffffff;
  --surface-2:     #e4e4e4;
  --line:          #808080;
  --line-soft:     #c0c0c0;
  --text:          #000000;
  --text-dim:      #404040;
  --accent:        #000080;
  --accent-strong: #000080;
  --accent-2:      #800080;
  --open:          #c00000;
  --open-bg:       #ffe4e4;
  --done:          #006400;
  --done-bg:       #e2f5e2;
  --ok:            #006400;
  --off:           #c00000;
  --warn:          #806000;
  --add-bg:        #e2f5e2;
  --add-ln:        #008000;
  --del-bg:        #ffe4e4;
  --del-ln:        #c00000;
  --mod-bg:        #fff8d0;
  --mod-ln:        #808000;
  --radius:        0;
  --shadow:        2px 2px 0 rgba(0, 0, 0, .35);
  --mono:          "Courier New", Courier, monospace;
  --serif:         "Times New Roman", Times, serif;
  --read:          #000000;

  /* --- Windows 98 ------------------------------------------------- */
  --w-face:    #c0c0c0;
  --w-light:   #dfdfdf;
  --w-hi:      #ffffff;
  --w-shadow:  #808080;
  --w-dark:    #0a0a0a;
  --w-title:   linear-gradient(90deg, #000080, #1084d0);
  --w-select:  #000080;                    /* Markierung; jede Haut setzt ihre eigene */
  --w-desktop: #008080;
  --w-ui:      Tahoma, "MS Sans Serif", "Microsoft Sans Serif", Geneva, "Liberation Sans", Arial, sans-serif;

  --w-raised:  inset -1px -1px var(--w-dark), inset 1px 1px var(--w-hi),
               inset -2px -2px var(--w-shadow), inset 2px 2px var(--w-light);
  --w-sunken:  inset -1px -1px var(--w-hi), inset 1px 1px var(--w-shadow),
               inset -2px -2px var(--w-light), inset 2px 2px var(--w-dark);
  --w-pressed: inset -1px -1px var(--w-hi), inset 1px 1px var(--w-dark),
               inset -2px -2px var(--w-light), inset 2px 2px var(--w-shadow);
  --w-field:   inset -1px -1px var(--w-hi), inset 1px 1px var(--w-shadow);
}

:root[data-theme="win98"] body {
  background: var(--w-desktop);
  color: #000;
  font-family: var(--w-ui);
  font-size: 13px;
  -webkit-font-smoothing: none;
}
:root[data-theme="win98"] .aurora { display: none; }

/* Keine Rundungen, keine Milchglas-Effekte – außer bei Punkten und
   nativen Kästchen, die rund sein dürfen. Gilt nur für 98 und XP; die
   jüngeren Häute (Windows 7, KDE, GNOME, Anime) leben von Rundungen
   und Glas. */
:root[data-theme="win98"]:not([data-skin]) *:not(input):not([class*="dot"]):not([class*="led"]),
:root[data-theme="win98"][data-skin="xp"] *:not(input):not([class*="dot"]):not([class*="led"]) { border-radius: 0 !important; }
:root[data-theme="win98"]:not([data-skin]) *,
:root[data-theme="win98"][data-skin="xp"] * { backdrop-filter: none !important; }

:root[data-theme="win98"] a         { color: #0000ff; }
:root[data-theme="win98"] a:visited { color: #800080; }
:root[data-theme="win98"] ::selection { background: var(--w-select); color: #fff; }

/* ----------------------------------------------------------------
   Fenster
   ---------------------------------------------------------------- */
:root[data-theme="win98"] [data-win] {
  position: relative;
  background: var(--w-face);
  color: #000;
  border: 0;
  box-shadow: var(--w-raised);
  padding-top: 30px;
  transform: none;
  transition: none;
}
:root[data-theme="win98"] [data-win]::before {
  content: attr(data-win);
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  height: 18px;
  padding: 0 64px 0 5px;
  background: var(--w-title);
  color: #fff;
  font: bold 12px/18px var(--w-ui);
  text-transform: none;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  opacity: 1;
  transition: none;
  z-index: 1;
}
/* Minimieren, Maximieren, Schließen – nur Dekoration */
:root[data-theme="win98"] [data-win]::after {
  content: "";
  position: absolute;
  top: 5px;
  right: 5px;
  width: 52px;
  height: 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='14' shape-rendering='crispEdges'%3E%3Cg id='b'%3E%3Crect width='16' height='14' fill='%230a0a0a'/%3E%3Crect width='15' height='13' fill='%23fff'/%3E%3Crect x='1' y='1' width='14' height='12' fill='%23808080'/%3E%3Crect x='1' y='1' width='13' height='11' fill='%23c0c0c0'/%3E%3C/g%3E%3Cuse href='%23b' x='16'/%3E%3Cuse href='%23b' x='36'/%3E%3Crect x='4' y='9' width='6' height='2' fill='%23000'/%3E%3Crect x='19.5' y='2.5' width='8' height='7' fill='none' stroke='%23000'/%3E%3Crect x='19' y='2' width='9' height='2' fill='%23000'/%3E%3Cpath d='M40 3l7 7M47 3l-7 7M41 3l7 7M48 3l-7 7' stroke='%23000'/%3E%3C/svg%3E") no-repeat;
  pointer-events: none;
  z-index: 1;
}
/* Überschrift, die schon in der Titelleiste steht */
:root[data-theme="win98"] .w98-dup { display: none; }

/* ----------------------------------------------------------------
   Taskleiste – bleibt oben, so wie man sie bei Windows 98 auch an
   den oberen Rand ziehen konnte. Schalter und Uhr sitzen rechts.
   ---------------------------------------------------------------- */
:root[data-theme="win98"] .topbar {
  background: var(--w-face);
  border: 0;
  box-shadow: inset 0 -1px var(--w-dark), inset 0 -2px var(--w-shadow), inset 0 1px var(--w-hi);
  padding: 4px 6px 5px;
  gap: 4px;
  color: #000;
}
:root[data-theme="win98"] .sc-home {                /* der Start-Knopf: Schergen Corp */
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 8px 3px 5px;
  color: #000;
  background: var(--w-face);
  box-shadow: var(--w-raised);
  font: bold 13px var(--w-ui);
  letter-spacing: 0;
  text-decoration: none;
}
:root[data-theme="win98"] .sc-home::after { content: none; }
:root[data-theme="win98"] .sc-home:active { box-shadow: var(--w-pressed); }

/* Das Werkzeug daneben: als aktives Programm in der Taskleiste */
:root[data-theme="win98"] .topbar__brand,
:root[data-theme="win98"] .brand {
  flex: 0 1 auto;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
  margin-left: 4px;
  padding: 3px 10px 3px 6px;
  background: repeating-conic-gradient(var(--w-face) 0 25%, var(--w-hi) 0 50%) 0 0 / 2px 2px;
  box-shadow: var(--w-pressed);
  color: #000;
  font: bold 12px var(--w-ui);
  letter-spacing: 0;
  text-decoration: none;
  white-space: nowrap;
}
:root[data-theme="win98"] .topbar__logo { font-size: 1rem; }
:root[data-theme="win98"] .topbar__right { gap: 3px; }
:root[data-theme="win98"] .topbar__note,
:root[data-theme="win98"] .topbar__user,
:root[data-theme="win98"] .topbar__clock {
  color: #000;
  border: 0;
  font-size: 12px;
}
:root[data-theme="win98"] .topbar__clock { display: none; }   /* die Uhr steht im Infobereich */

/* Uhr ganz oben rechts – in jeder Ansicht, auf jeder Seite (theme.js).
   Die eigene Uhr der Startseite tritt dahinter zurück. */
.sc-tray {
  display: inline-flex;
  align-items: center;
  flex: none;
  padding: .3rem .7rem;
  border: 1px solid var(--line-soft, rgba(255, 255, 255, .06));
  border-radius: 999px;
  color: var(--text-dim, #98a1b5);
  font-size: .86rem;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.topbar__right .topbar__clock { display: none; }
:root[data-theme="win98"] .sc-tray {
  border: 0;                               /* moderne Pillenform zurücksetzen */
  border-radius: 0;
  color: #000;
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 10px;
  margin-left: 3px;
  box-shadow: var(--w-field);
  font-size: 12px;
  white-space: nowrap;
}
:root[data-theme="win98"] .sc-theme-toggle[aria-pressed="true"] {
  box-shadow: var(--w-pressed);
  background: repeating-conic-gradient(var(--w-face) 0 25%, var(--w-hi) 0 50%) 0 0 / 2px 2px;
}

/* Schalter auf Seiten ohne Kopfzeile (Anmeldung) */
.sc-theme-float {
  position: fixed;
  top: 12px;
  right: 12px;
  z-index: 40;
  display: flex;
  gap: 3px;
}

/* Ansichtswahl oben rechts (theme.js). Die Grundform gilt in jeder
   Ansicht, auch der modernen; jede Haut kleidet das Feld neu ein. */
.sc-theme-select {
  -webkit-appearance: none;
  appearance: none;
  max-width: 10rem;
  padding: .32rem 1.8rem .32rem .7rem;
  border: 1px solid var(--line, rgba(255, 255, 255, .12));
  border-radius: 9px;
  background: var(--surface, rgba(255, 255, 255, .045)) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%2398a1b5' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right .6rem center / 10px 6px;
  color: var(--text, #e8ebf2);
  font: inherit;
  font-size: .85rem;
  font-weight: 550;
  cursor: pointer;
}
.sc-theme-select:hover { border-color: rgba(255, 255, 255, .22); }
.sc-theme-select:focus-visible { outline: 2px solid var(--accent, #7aa2ff); outline-offset: 2px; }
.sc-theme-select option { color: #000; background: #fff; }   /* Liste lesbar, egal wie dunkel das Feld */

/* Kopfzeile links: „🏢 Schergen Corp › Werkzeug“ (sc_home_link() in
   auth.php). Grundform für die moderne Ansicht; die Häute machen aus
   Schergen Corp den Start-Knopf und aus dem Werkzeug das laufende
   Programm. */
.sc-crumbs { display: flex; align-items: center; min-width: 0; }
.sc-home {
  display: inline-flex;
  align-items: center;
  gap: .45em;
  flex: none;
  color: inherit;
  font-weight: 650;
  text-decoration: none;
  white-space: nowrap;
}
.sc-home:hover { color: var(--accent, #7aa2ff); }
.sc-home::after {
  content: "›";
  margin: 0 .55em 0 .5em;
  color: var(--text-dim, #98a1b5);
  font-weight: 400;
}
.sc-home--here::after { content: none; }
.sc-home__logo { font-size: 1.15em; }
@media (max-width: 560px) {
  .sc-crumbs .sc-home__name { display: none; }   /* am Handy reicht das Haus */
}

:root[data-theme="win98"] .sc-theme-select {
  height: 22px;
  padding: 1px 22px 1px 4px;
  border: 0;
  border-radius: 0;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='18'%3E%3Crect width='16' height='18' fill='%230a0a0a'/%3E%3Crect width='15' height='17' fill='%23fff'/%3E%3Crect x='1' y='1' width='14' height='16' fill='%23808080'/%3E%3Crect x='1' y='1' width='13' height='15' fill='%23c0c0c0'/%3E%3Cpath d='M4 7h7l-3.5 4z' fill='%23000'/%3E%3C/svg%3E") no-repeat right 2px center;
  box-shadow: var(--w-sunken);
  color: #000;
  font: 12px var(--w-ui);
}

/* ----------------------------------------------------------------
   Knöpfe, Reiter, Felder
   ---------------------------------------------------------------- */
:root[data-theme="win98"] .btn {
  min-height: 24px;
  padding: 3px 12px;
  border: 0;
  background: var(--w-face);
  color: #000;
  box-shadow: var(--w-raised);
  font: 12px var(--w-ui);
  letter-spacing: 0;
  filter: none;
  text-decoration: none;
  text-shadow: none;
}
:root[data-theme="win98"] .btn:hover    { background: var(--w-face); border: 0; filter: none; }
:root[data-theme="win98"] .btn:active   { box-shadow: var(--w-pressed); transform: none; }
:root[data-theme="win98"] .btn:disabled { color: var(--w-shadow); text-shadow: 1px 1px var(--w-hi); }
:root[data-theme="win98"] .btn:focus-visible { outline: 1px dotted #000; outline-offset: -5px; }
:root[data-theme="win98"] .btn--primary { box-shadow: 0 0 0 1px #000, var(--w-raised); font-weight: normal; }
:root[data-theme="win98"] .btn--primary:active { box-shadow: 0 0 0 1px #000, var(--w-pressed); }

/* Reiter: CIDR, Pass, Verwaltung, Standortwahl im Planer */
:root[data-theme="win98"] .tabs,
:root[data-theme="win98"] .groupbar {
  gap: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
:root[data-theme="win98"] .tab,
:root[data-theme="win98"] .groupbar__item {
  margin-right: -1px;
  padding: 4px 12px;
  background: var(--w-face);
  color: #000;
  border: 0;
  box-shadow: inset 1px 1px var(--w-hi), inset -1px 0 var(--w-dark), inset -2px 0 var(--w-shadow);
  font: 12px var(--w-ui);
  text-decoration: none;
}
:root[data-theme="win98"] .tab.is-active,
:root[data-theme="win98"] .groupbar__item.is-active {
  background: var(--w-face);
  color: #000;
  font-weight: bold;
  position: relative;
  top: -2px;
  padding-bottom: 6px;
}
:root[data-theme="win98"] .groupbar__single { color: #000; border: 0; box-shadow: var(--w-field); }

:root[data-theme="win98"] input[type="text"],
:root[data-theme="win98"] input[type="search"],
:root[data-theme="win98"] input[type="number"],
:root[data-theme="win98"] input[type="password"],
:root[data-theme="win98"] input[type="email"],
:root[data-theme="win98"] input[type="url"],
:root[data-theme="win98"] input[type="date"],
:root[data-theme="win98"] input:not([type]),
:root[data-theme="win98"] select,
:root[data-theme="win98"] textarea {
  border: 0;
  background-color: #fff;
  color: #000;
  box-shadow: var(--w-sunken);
  font-family: var(--w-ui);
  outline: none;
}
:root[data-theme="win98"] textarea { font-family: "Courier New", Courier, monospace; }
:root[data-theme="win98"]:not([data-skin]) input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
:root[data-theme="win98"][data-skin="xp"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]) { border-radius: 0 !important; }
:root[data-theme="win98"] input:focus,
:root[data-theme="win98"] select:focus,
:root[data-theme="win98"] textarea:focus { box-shadow: var(--w-sunken); border: 0; }
:root[data-theme="win98"] input[type="checkbox"],
:root[data-theme="win98"] input[type="radio"],
:root[data-theme="win98"] input[type="range"] { accent-color: auto; }
:root[data-theme="win98"] ::placeholder { color: #808080; }

:root[data-theme="win98"] kbd,
:root[data-theme="win98"] code {
  background: #fff;
  color: #000;
  border: 1px solid var(--w-shadow);
  box-shadow: none;
}

/* Beschriftungen in Großbuchstaben passen nicht zu 1998 */
:root[data-theme="win98"] .field > span,
:root[data-theme="win98"] legend,
:root[data-theme="win98"] .label,
:root[data-theme="win98"] .card__aside { text-transform: none; letter-spacing: 0; color: #000; }

/* ----------------------------------------------------------------
   Inhalt der Fenster
   ---------------------------------------------------------------- */
:root[data-theme="win98"] .card__head { color: #000; }
:root[data-theme="win98"] h1,
:root[data-theme="win98"] h2,
:root[data-theme="win98"] h3 { font-family: var(--w-ui); letter-spacing: 0; color: inherit; }
:root[data-theme="win98"] .dim,
:root[data-theme="win98"] .hint { color: #404040; }

/* Fußzeile als Statusleiste */
:root[data-theme="win98"] .foot {
  margin: 0 clamp(1rem, 4vw, 2rem) 12px;
  padding: 3px 8px;
  border: 0;
  background: var(--w-face);
  box-shadow: var(--w-raised);
  color: #000;
  font-size: 12px;
}
:root[data-theme="win98"] .foot a { color: #0000ff; }

/* Meldung als gelbe Sprechblase */
:root[data-theme="win98"] .toast {
  border: 1px solid #000;
  background: #ffffe1;
  color: #000;
  box-shadow: 2px 2px 0 rgba(0, 0, 0, .35);
  font: 12px var(--w-ui);
}

/* Texte, die auf dem Desktop (teal) liegen statt in einem Fenster */
:root[data-theme="win98"] .shell > h1,
:root[data-theme="win98"] .shell > p,
:root[data-theme="win98"] .hero__meta { color: #fff; }

/* ----------------------------------------------------------------
   Startseite
   ---------------------------------------------------------------- */
:root[data-theme="win98"] .hero { padding: 34px 18px 18px; margin-bottom: 1.5rem; text-align: left; }
:root[data-theme="win98"] .hero__eyebrow { color: #000080; letter-spacing: 0; text-transform: none; }
:root[data-theme="win98"] .hero__title {
  font: italic 900 clamp(2rem, 7vw, 3.4rem) "Arial Black", Impact, var(--w-ui);
  letter-spacing: -.02em;
  color: #c00;
  text-shadow: 3px 3px 0 #808080;
}
@supports (-webkit-background-clip: text) or (background-clip: text) {
  :root[data-theme="win98"] .hero__title,
  :root[data-theme="win98"] .hero__title * {
    background: linear-gradient(180deg, #ff0 0%, #f90 35%, #e00 65%, #900 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: none;
  }
  :root[data-theme="win98"] .hero__title { filter: drop-shadow(3px 3px 0 #555); }
}
:root[data-theme="win98"] .hero__claim { color: #000; }
:root[data-theme="win98"] .hero .hero__meta { color: #000; }
:root[data-theme="win98"] .hero__search {
  background: #fff;
  border: 0;
  box-shadow: var(--w-sunken);
}
:root[data-theme="win98"] .hero__search input { box-shadow: none; background: transparent; }

:root[data-theme="win98"] .tile {
  padding: 34px 12px 12px;
  color: #000;
  text-decoration: none;
}
:root[data-theme="win98"] .tile:hover { transform: none; background: var(--w-face); }
:root[data-theme="win98"] .tile:hover::before { background: linear-gradient(90deg, #000080, #3a9ee8); }
:root[data-theme="win98"] .tile .w98-dup,
:root[data-theme="win98"] .tile__name { color: #000; font: bold 14px var(--w-ui); }
:root[data-theme="win98"] .tile__desc { color: #000; }
:root[data-theme="win98"] .tile__badge,
:root[data-theme="win98"] .tile__tag {
  background: #fff;
  color: #000;
  border: 1px solid var(--w-shadow);
  font: 11px var(--w-ui);
  letter-spacing: 0;
  text-transform: none;
}
:root[data-theme="win98"] .tile--planned { opacity: .75; }
:root[data-theme="win98"] .tile--planned::before { background: linear-gradient(90deg, #808080, #b5b5b5); }

/* ----------------------------------------------------------------
   Anmeldung und Verwaltung
   ---------------------------------------------------------------- */
:root[data-theme="win98"] .auth-card { padding: 38px 18px 18px; }
:root[data-theme="win98"] .auth-badge { background: transparent; border: 0; box-shadow: none; }
:root[data-theme="win98"] .auth-note,
:root[data-theme="win98"] .auth-note--ok,
:root[data-theme="win98"] .auth-note--warn,
:root[data-theme="win98"] .auth-note--bad {
  background: #ffffe1;
  color: #000;
  border: 1px solid #000;
}
:root[data-theme="win98"] .auth-back { color: #0000ff; text-decoration: underline; }
:root[data-theme="win98"] .item,
:root[data-theme="win98"] .matrix {
  background: #fff;
  border: 0;
  box-shadow: var(--w-sunken);
}

/* ----------------------------------------------------------------
   Planer
   ---------------------------------------------------------------- */
:root[data-theme="win98"] .day,
:root[data-theme="win98"] .cell {
  box-shadow: var(--w-field);
}

/* ----------------------------------------------------------------
   Fest eingetragene Farben der dunklen Ansicht
   Die Werkzeuge färben Zustände mit Pastelltönen, die nur auf
   dunklem Grund lesbar sind, und haben ein paar fest dunkle Kästen.
   Hier werden sie gesammelt auf 1998 umgebogen.
   ---------------------------------------------------------------- */

/* in Ordnung → dunkelgrün */
:root[data-theme="win98"] .tile__badge--live,
:root[data-theme="win98"] .summary--ok,
:root[data-theme="win98"] .summary--same,
:root[data-theme="win98"] .status--ok,
:root[data-theme="win98"] .chip--ok,
:root[data-theme="win98"] .inline-note--ok,
:root[data-theme="win98"] .kind--dmarc,
:root[data-theme="win98"] .row--ok .row__text,
:root[data-theme="win98"] .finding--ok .finding__tag,
:root[data-theme="win98"] .day--done .day__wd { color: #006400; }

/* Warnung → oliv */
:root[data-theme="win98"] .tile__badge--beta,
:root[data-theme="win98"] .tile__tag--lock,
:root[data-theme="win98"] .summary--warn,
:root[data-theme="win98"] .summary--diff,
:root[data-theme="win98"] .chip--warn,
:root[data-theme="win98"] .pill--warn,
:root[data-theme="win98"] .inline-note--warn,
:root[data-theme="win98"] .kind--dkim,
:root[data-theme="win98"] .fehler__text,
:root[data-theme="win98"] .row--warn .row__text,
:root[data-theme="win98"] .finding--warn .finding__tag,
:root[data-theme="win98"] .note-item--warn strong { color: #806000; }

/* Fehler → rot */
:root[data-theme="win98"] .err,
:root[data-theme="win98"] .btn--danger,
:root[data-theme="win98"] .note--warn,
:root[data-theme="win98"] .summary--bad,
:root[data-theme="win98"] .summary--alarm,
:root[data-theme="win98"] .status--bad,
:root[data-theme="win98"] .chip--bad,
:root[data-theme="win98"] .inline-note--bad,
:root[data-theme="win98"] .row--bad .row__text,
:root[data-theme="win98"] .finding--alarm .finding__tag,
:root[data-theme="win98"] .trash.is-over,
:root[data-theme="win98"] .day--open .day__wd,
:root[data-theme="win98"] .toast.is-error { color: #c00000; }

/* Hinweis → dunkelblau */
:root[data-theme="win98"] .pill,
:root[data-theme="win98"] .pill--admin,
:root[data-theme="win98"] .pill--info,
:root[data-theme="win98"] .inline-note--info,
:root[data-theme="win98"] .note-item--info strong,
:root[data-theme="win98"] .bit--net,
:root[data-theme="win98"] .kind--spf,
:root[data-theme="win98"] .iplink:hover,
:root[data-theme="win98"] .regex { color: #000080; }

:root[data-theme="win98"] .strength[data-step="2"] { color: #406000; }
:root[data-theme="win98"] .check:hover,
:root[data-theme="win98"] .mark,
:root[data-theme="win98"] .row--add .mark,
:root[data-theme="win98"] .row--del .mark { color: #000; }

/* dunkle Kästen → weiß und eingelassen */
:root[data-theme="win98"] .out,
:root[data-theme="win98"] .charset,
:root[data-theme="win98"] .rec,
:root[data-theme="win98"] .type,
:root[data-theme="win98"] .search,
:root[data-theme="win98"] .variante__code,
:root[data-theme="win98"] .pruefliste .note,
:root[data-theme="win98"] .facts__val {
  background: #fff;
  color: #000;
  border-color: var(--w-shadow);
}
:root[data-theme="win98"] .out { box-shadow: var(--w-sunken); border: 0; }
:root[data-theme="win98"] .cell__num { background: #e8e8e8; color: #404040; }
:root[data-theme="win98"] .facts__key { background: var(--w-face); color: #000; }

/* Tabellenköpfe → wie Spaltenköpfe im Explorer */
:root[data-theme="win98"] .table th,
:root[data-theme="win98"] .table__row--head,
:root[data-theme="win98"] .table__row--head:nth-child(odd),
:root[data-theme="win98"] .pruef--kopf {
  background: var(--w-face);
  color: #000;
  box-shadow: var(--w-raised);
  text-transform: none;
  letter-spacing: 0;
}

/* Figuren im Planer */
:root[data-theme="win98"] .chip { background: #fff; color: #000; box-shadow: var(--w-field); border-color: var(--w-shadow); }
:root[data-theme="win98"] .chip::after { color: #000; }

/* Großbuchstaben-Beschriftungen der Werkzeuge */
:root[data-theme="win98"] .slider label,
:root[data-theme="win98"] .slider > span,
:root[data-theme="win98"] .weekdays,
:root[data-theme="win98"] .section-title,
:root[data-theme="win98"] .panel__title { text-transform: none; letter-spacing: 0; color: #000; }

/* Verwaltung: Matrix und Listen brauchen Innenabstand */
:root[data-theme="win98"] .matrix,
:root[data-theme="win98"] .item { padding: 8px 10px; margin-bottom: 4px; }

/* Schalter auf der Anmeldeseite in einer kleinen Leiste */
:root[data-theme="win98"] .sc-theme-float {
  padding: 3px;
  background: var(--w-face);
  box-shadow: var(--w-raised);
}