/* ═══════════════════════════════════════════════════════════════════════
 * Freshmobile — Hellmodus-Korrekturschicht   (v3.9.89)
 * ═══════════════════════════════════════════════════════════════════════
 *
 * WOZU DIESE DATEI:
 *   Das Gegenstück zu fm-dark.css. Im Hellmodus ist das Problem nicht
 *   "zu hell gegen dunkel", sondern KONTRASTARMUT: Karten sind weiß, der
 *   Grund fast weiß, die Linien ein Grau, das darauf verschwindet. Es
 *   gibt keine Kanten mehr, an denen sich das Auge festhält — und genau
 *   das ermüdet beim längeren Arbeiten.
 *
 *   Die Ursache saß in theme_boot.php: --border war für Hell nie
 *   definiert. 100 Stellen im System griffen deshalb auf ihren eigenen
 *   Rückfall #E5E7EB zurück. Das ist dort behoben; diese Datei zieht
 *   zusätzlich die Klassen nach, die ihre Linien fest verdrahtet haben
 *   und vom Token gar nichts wissen.
 *
 * WICHTIG:
 *   Nur BORDER-Farben und Schattierungen — keine Flächen. Wer hier
 *   anfängt, Hintergründe umzulegen, bricht sorgfältig gestaltete
 *   Seiten. Das Ziel ist Kontur, nicht Umfärbung.
 *
 * STELLSCHRAUBE:
 *   Deutlichere Konturen im ganzen System? --border in theme_boot.php
 *   dunkler setzen. Diese Datei folgt automatisch.
 * ═══════════════════════════════════════════════════════════════════════ */

/* ── 1. Behälter ───────────────────────────────────────────────────────
   Alles, was als Karte oder Kasten auf dem Grund liegt. Ohne sichtbaren
   Rand verschwimmt weiß auf fast-weiß zu einer Fläche. */
html:not([data-theme="dark"]) .card,
html:not([data-theme="dark"]) .panel,
html:not([data-theme="dark"]) .box,
html:not([data-theme="dark"]) .karte,
html:not([data-theme="dark"]) .app-card,
html:not([data-theme="dark"]) .stat,
html:not([data-theme="dark"]) .stat-card,
html:not([data-theme="dark"]) .kpi,
html:not([data-theme="dark"]) .lcard,
html:not([data-theme="dark"]) .ocard,
html:not([data-theme="dark"]) .metric,
html:not([data-theme="dark"]) .data-section,
html:not([data-theme="dark"]) .form-card,
html:not([data-theme="dark"]) .section-toggle,
html:not([data-theme="dark"]) .m{
  border-color:var(--border,#D2D7E0);
}

/* ── 2. Bedienelemente ─────────────────────────────────────────────────
   Eingabefelder brauchen im Hellmodus einen deutlicheren Rand als im
   Dunkeln: dort trägt schon der Helligkeitsunterschied zur Fläche, hier
   gibt es keinen. */
html:not([data-theme="dark"]) input,
html:not([data-theme="dark"]) select,
html:not([data-theme="dark"]) textarea,
html:not([data-theme="dark"]) .input-field,
html:not([data-theme="dark"]) .select-field,
html:not([data-theme="dark"]) .fld,
html:not([data-theme="dark"]) .fi,
html:not([data-theme="dark"]) button,
html:not([data-theme="dark"]) .btn,
html:not([data-theme="dark"]) .knopf,
html:not([data-theme="dark"]) .btn-tool,
html:not([data-theme="dark"]) .btn-secondary,
html:not([data-theme="dark"]) .nav-btn{
  border-color:var(--border2,#BFC6D2);
}

/* Randlose Knöpfe bleiben randlos — sonst bekommt jede Symbolschaltfläche
   plötzlich einen Kasten. */
html:not([data-theme="dark"]) button[style*="border:0"],
html:not([data-theme="dark"]) button[style*="border:none"],
html:not([data-theme="dark"]) .vk,
html:not([data-theme="dark"]) .fmn-e,
html:not([data-theme="dark"]) .fmk-menu{
  border-color:transparent;
}

/* ── 3. Trennlinien ───────────────────────────────────────────────────
   Tabellen leben von ihren Zeilenlinien. Sind die zu blass, verliert man
   beim Querlesen die Zeile — der häufigste Grund, warum sich eine
   Tabelle "anstrengend" anfühlt. */
html:not([data-theme="dark"]) table th,
html:not([data-theme="dark"]) table td,
html:not([data-theme="dark"]) hr,
html:not([data-theme="dark"]) .divider,
html:not([data-theme="dark"]) .trenner{
  border-color:var(--border,#D2D7E0);
}

/* ── 4. Kopfleiste ────────────────────────────────────────────────────
   Sie ist weiß wie die Karten darunter. Ohne klare Unterkante schwimmt
   der Seiteninhalt in sie hinein. */
html:not([data-theme="dark"]) .fmk,
html:not([data-theme="dark"]) .fmal,
html:not([data-theme="dark"]) .top-nav,
html:not([data-theme="dark"]) .topbar{
  border-color:var(--border2,#BFC6D2);
}

/* ── 5. Überlagerungen ────────────────────────────────────────────────
   Aufklappmenüs und Dialoge liegen ÜBER dem Inhalt. Im Hellmodus fehlt
   ihnen der Helligkeitssprung, den sie im Dunkeln haben — deshalb hier
   ein deutlicher Schatten statt einer stärkeren Linie. */
html:not([data-theme="dark"]) .modal,
html:not([data-theme="dark"]) .modal-inner,
html:not([data-theme="dark"]) .dropdown,
html:not([data-theme="dark"]) .popup,
html:not([data-theme="dark"]) .suglist,
html:not([data-theme="dark"]) .search-results,
html:not([data-theme="dark"]) .searchable-dropdown,
html:not([data-theme="dark"]) #ctxMenu{
  border-color:var(--border2,#BFC6D2);
  box-shadow:0 10px 28px rgba(16,24,40,.14);
}