/* Module_Grafik.html */

    /* Настройка скроллбара */
    #grafik-scroll-area::-webkit-scrollbar { width: 7px !important; height: 7px !important; }
    #grafik-scroll-area::-webkit-scrollbar-track { background: transparent; }
    #grafik-scroll-area::-webkit-scrollbar-thumb { background: rgba(99, 102, 241, 0.25); border-radius: 10px; }
    #grafik-scroll-area::-webkit-scrollbar-thumb:hover { background: rgba(99, 102, 241, 0.5); }

    /* Таблица График */
    #grafik-table-main { table-layout: auto !important; min-width: 100%; }
    
    /* Сетка ячеек */
    #grafik-table-main th, #grafik-table-main td { 
        padding: 7px 6px !important; 
        font-size: 11px !important; 
        white-space: nowrap;
        border-bottom: 1px solid #e2e8f0 !important; 
        border-right: 1px solid #f1f5f9 !important;  
    }
    .dark #grafik-table-main th, .dark #grafik-table-main td {
        border-bottom: 1px solid #334155 !important; 
        border-right: 1px solid rgba(51, 65, 85, 0.5) !important;
    }

    /* Цвета текста */
    #grafik-table-main td, #grafik-table-main th { color: #000000 !important; }
    .dark #grafik-table-main td, 
    .dark #grafik-table-main th, 
    .dark #grafik-table-main span { color: #ffffff !important; }

    #grafik-table-main .col-date-fixed { width: 82px !important; min-width: 82px !important; max-width: 82px !important; }

    /* ШАПКА ТАБЛИЦЫ (Светлый пастельный тон) */
    #thead-grafik th {
        background-color: #f1f5f9 !important; /* Мягкий светлый slate-100 */
        opacity: 1 !important;
        border-bottom: 2px solid #cbd5e1 !important; 
        border-right: 1px solid #e2e8f0 !important;
        position: sticky;
        top: 0;
        z-index: 110;
    }
    .dark #thead-grafik th {
        background-color: #1e293b !important; 
        border-bottom: 2px solid #475569 !important; 
        border-right: 1px solid #334155 !important;
    }

    /* ЛИПКАЯ КОЛОНКА ДАТЫ */
    #grafik-table-main .sticky-col {
        position: sticky;
        left: 0;
        z-index: 20;
        background-color: #f1f5f9 !important; /* Точно в тон шапки */
        border-right: 1px solid #cbd5e1 !important; 
        box-shadow: 4px 0 8px -3px rgba(0, 0, 0, 0.15) !important; 
        font-weight: 700;
    }
    .dark #grafik-table-main .sticky-col { 
        background-color: #1e293b !important; 
        border-right: 1px solid #334155 !important;
        box-shadow: 4px 0 10px -3px rgba(0, 0, 0, 0.5) !important;
    }

    /* УГЛОВАЯ ЯЧЕЙКА "ДАТА" */
    #grafik-table-main .sticky-corner {
        position: sticky;
        top: 0;
        left: 0;
        z-index: 120 !important;
        background-color: #e2e8f0 !important; /* На один тон глубже для фиксации угла */
        border-right: 1px solid #cbd5e1 !important;
        border-bottom: 2px solid #cbd5e1 !important;
        box-shadow: 4px 0 8px -3px rgba(0, 0, 0, 0.15) !important;
    }
    .dark #grafik-table-main .sticky-corner { 
        background-color: #334155 !important; 
        border-right: 1px solid #475569 !important;
        border-bottom: 2px solid #475569 !important;
        box-shadow: 4px 0 10px -3px rgba(0, 0, 0, 0.5) !important;
    }

    #grafik-table-main .month-row-sep {
        background: rgba(99, 102, 241, 0.1) !important;
        font-weight: 900;
        text-align: center;
        text-transform: uppercase;
        border-bottom: 2px solid rgba(99, 102, 241, 0.3) !important;
    }
    .dark #grafik-table-main .month-row-sep { background: rgba(99, 102, 241, 0.2) !important; }

    #grafik-table-main .today-text { color: #ef4444 !important; font-weight: 900; }
    .dark #grafik-table-main .today-text { color: #ff5555 !important; }

    #grafik-table-main .font-data-bold { font-weight: 700 !important; }