/*
 * Light Mode Overrides für das Dashboard (app_jp.py)
 * ----------------------------------------------------
 * Wird per <link rel="stylesheet" href="/static/light_mode.css"> eingebunden,
 * wenn das Dashboard mit ?theme=light aufgerufen wird.
 *
 * Das Dashboard nutzt Tailwind-Utility-Klassen direkt im HTML
 * (bg-gray-800, text-red-400, ...). Da das Tailwind-Browser-CDN die
 * Utilities erst zur Laufzeit erzeugt, werden die Regeln hier mit
 * !important überschrieben - so gewinnen sie unabhängig von der
 * Reihenfolge der Style-Sheets.
 */

/* ---------- Grundlagen ---------- */
body {
    background-color: #f8fafc !important;   /* gray-50 */
    color: #1f2937 !important;              /* gray-800 */
    color-scheme: light;
}

/* ---------- Flächen ---------- */
.bg-gray-900 { background-color: #f8fafc !important; }
.bg-gray-800 { background-color: #ffffff !important; color: #1f2937 !important; }
.bg-gray-700 { background-color: #e5e7eb !important; color: #374151 !important; }
.bg-emerald-950\/40 { background-color: #ecfdf5 !important; }

/* ---------- Rahmen ---------- */
.border-gray-800,
.border-gray-700\/50,
.border-indigo-600\/30,
.border-emerald-500\/30 {
    border-color: #e5e7eb !important;
}
.border-emerald-500\/30 { border-color: #6ee7b7 !important; }
.divide-gray-700\/50 > * { border-color: #e5e7eb !important; }

/* ---------- Texte ---------- */
.text-gray-100 { color: #1f2937 !important; }
.text-white    { color: #111827 !important; }
.text-gray-400 { color: #6b7280 !important; }
.text-gray-500 { color: #9ca3af !important; }
.text-gray-300 { color: #4b5563 !important; }
.text-red-400  { color: #dc2626 !important; }
.text-emerald-400 { color: #047857 !important; }
.text-emerald-500 { color: #059669 !important; }
.text-indigo-400  { color: #4f46e5 !important; }

/* ---------- Status-Chips ---------- */
.bg-green-500\/10  { background-color: #d1fae5 !important; }
.text-green-400    { color: #15803d !important; }
.bg-yellow-500\/10 { background-color: #fef3c7 !important; }
.text-yellow-400   { color: #b45309 !important; }
.bg-indigo-600\/10 { background-color: #e0e7ff !important; }

/* ---------- Schatten (auf weißem Grund dezenter) ---------- */
.shadow-xl { box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08), 0 1px 2px rgba(15, 23, 42, 0.04) !important; }
.shadow-md { box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08) !important; }