body { font-family: 'Plus Jakarta Sans', sans-serif; transition: background-color 0.3s ease, color 0.3s ease; }
        
        .dark body { background-color: #060913; color: #f8fafc; }
        .dark .glass-card { background: rgba(13, 20, 38, 0.85); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.08); }
        .dark .glass-input { background: rgba(26, 37, 65, 0.6); border: 1px solid rgba(255, 255, 255, 0.12); color: #f8fafc; }
        .dark .glass-input:focus { border-color: #f97316; outline: none; box-shadow: 0 0 15px rgba(249, 115, 22, 0.3); }
        .dark .glass-header { background: rgba(13, 20, 38, 0.95); border-color: rgba(255, 255, 255, 0.08); }
        .dark .text-title { color: #ffffff; }
        .dark .text-sub { color: #94a3b8; }

        html:not(.dark) body { background-color: #f1f5f9; color: #0f172a; }
        html:not(.dark) .glass-card { background: #ffffff; border: 1px solid #cbd5e1; box-shadow: 0 12px 30px -5px rgba(0, 0, 0, 0.08); }
        html:not(.dark) .glass-input { background: #ffffff; border: 1px solid #94a3b8; color: #020617; font-weight: 700; }
        html:not(.dark) .glass-input:focus { border-color: #ea580c; outline: none; box-shadow: 0 0 12px rgba(234, 88, 12, 0.3); }
        html:not(.dark) .glass-header { background: #ffffff; border-color: #cbd5e1; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); }
        html:not(.dark) .text-title { color: #020617; font-weight: 800; }
        html:not(.dark) .text-sub { color: #334155; font-weight: 600; }

        .kanban-col { min-width: 280px; max-width: 320px; }
        ::-webkit-scrollbar { width: 6px; height: 6px; }
        ::-webkit-scrollbar-track { background: transparent; }
        ::-webkit-scrollbar-thumb { background: #475569; border-radius: 999px; }
    
        /* PERFECT LIGHT MODE COLOR SYSTEM OVERRIDES */
        html:not(.dark) body {
            background-color: #f1f5f9 !important;
            color: #0f172a !important;
        }

        html:not(.dark) .glass-header {
            background-color: rgba(255, 255, 255, 0.95) !important;
            border-color: #cbd5e1 !important;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
        }

        html:not(.dark) .glass-card {
            background-color: #ffffff !important;
            border-color: #cbd5e1 !important;
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05) !important;
            color: #0f172a !important;
        }

        /* WILDCARD LIGHT MODE OVERRIDES FOR ALL SLATE BACKGROUND VARIATIONS */
        html:not(.dark) [class*="bg-slate-900"],
        html:not(.dark) [class*="bg-slate-800"],
        html:not(.dark) [class*="bg-slate-950"] {
            background-color: #ffffff !important;
            border-color: #cbd5e1 !important;
            color: #0f172a !important;
        }

        html:not(.dark) #chat-messages-flow {
            background-color: #f8fafc !important;
            border-color: #cbd5e1 !important;
        }

        html:not(.dark) .text-sub {
            color: #475569 !important;
            font-weight: 600 !important;
        }

        html:not(.dark) .text-title {
            color: #0f172a !important;
            font-weight: 800 !important;
        }

        html:not(.dark) .text-title {
            color: #0f172a !important;
        }

        html:not(.dark) .text-sub {
            color: #475569 !important;
        }

        html:not(.dark) .kanban-col {
            background-color: #f8fafc !important;
            border-color: #cbd5e1 !important;
        }

        html:not(.dark) input,
        html:not(.dark) select,
        html:not(.dark) textarea,
        html:not(.dark) .glass-input {
            background-color: #ffffff !important;
            color: #0f172a !important;
            border-color: #cbd5e1 !important;
        }

        html:not(.dark) table th {
            background-color: #f1f5f9 !important;
            color: #334155 !important;
            border-color: #cbd5e1 !important;
        }

        html:not(.dark) table td {
            border-color: #e2e8f0 !important;
            color: #0f172a !important;
        }

        html:not(.dark) table tr:hover {
            background-color: #f8fafc !important;
        }

    
        /* ===== v4.0 EK STİLLER ===== */
        .fr-hidden { display: none !important; }
        .fr-spin { animation: fr-rotate 0.9s linear infinite; }
        @keyframes fr-rotate { to { transform: rotate(360deg); } }
        .fr-fade { animation: fr-fadein 0.25s ease; }
        @keyframes fr-fadein { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
        .fr-bar { transition: width 0.3s ease; }
        .fr-drop-active { outline: 2px dashed #f97316; outline-offset: -4px; }
        .fr-scroll { max-height: 60vh; overflow-y: auto; }
        table.fr-table th { position: sticky; top: 0; z-index: 1; }