/*
   Sarcini și proiecte: Gantt-ul proiectului (GanttProiectView). Culorile vin doar din var(--mud-palette-*) și color-mix, deci
   urmează tema deschisă/întunecată. Tema Syncfusion se încarcă după acest fișier (window.setTheme), cu selectori de 3 clase
   (.e-gantt .e-gantt-chart ...); regulile de aici sunt prefixate cu .gantt-proiect, ca să câștige prin specificitate.
   Clasa din GanttTaskFields.CssClass ajunge pe .e-taskbar-main-container, părintele barei din grafic.
*/

/* ---------- Barele: primary (deschis) + progres primary ----------
   Sarcinile cu subsarcini (și etapele, proiectul) sunt rânduri-părinte în Syncfusion: aceleași culori pe clasele parent. */
.gantt-proiect .e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div,
.gantt-proiect .e-gantt .e-gantt-chart .e-gantt-parent-taskbar-inner-div {
    background: color-mix(in srgb, var(--mud-palette-primary) 45%, var(--mud-palette-surface));
    outline-color: var(--mud-palette-primary);
}

.gantt-proiect .e-gantt .e-gantt-chart .e-gantt-child-progressbar-inner-div,
.gantt-proiect .e-gantt .e-gantt-chart .e-gantt-parent-progressbar-inner-div {
    background-color: var(--mud-palette-primary);
}

/* ---------- Termen depășit: aceeași bară pe error (sarcină cu sau fără subsarcini) ---------- */
.gantt-proiect .e-gantt .e-gantt-chart .gantt-sarcina-restanta .e-gantt-child-taskbar-inner-div,
.gantt-proiect .e-gantt .e-gantt-chart .gantt-sarcina-restanta .e-gantt-parent-taskbar-inner-div {
    background: color-mix(in srgb, var(--mud-palette-error) 45%, var(--mud-palette-surface));
    outline-color: var(--mud-palette-error);
}

.gantt-proiect .e-gantt .e-gantt-chart .gantt-sarcina-restanta .e-gantt-child-progressbar-inner-div,
.gantt-proiect .e-gantt .e-gantt-chart .gantt-sarcina-restanta .e-gantt-parent-progressbar-inner-div {
    background-color: color-mix(in srgb, var(--mud-palette-error) 70%, black);
}

/* ---------- Marcajul „Azi” ---------- */
.gantt-proiect .e-gantt .e-gantt-chart .e-event-markers.gantt-azi {
    border-left-color: var(--mud-palette-primary);
}

.gantt-proiect .e-gantt .e-gantt-chart .e-event-markers.gantt-azi .e-span-label {
    background-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
}

.gantt-proiect .e-gantt .e-gantt-chart .e-event-markers.gantt-azi .e-gantt-right-arrow {
    border-right-color: var(--mud-palette-primary);
}

.gantt-proiect .e-gantt {
    border-radius: 4px;
}

/* ---------- Legenda ---------- */
.gantt-legenda-bara {
    display: inline-block;
    width: 14px;
    height: 10px;
    border-radius: 2px;
    background: color-mix(in srgb, var(--mud-palette-primary) 45%, var(--mud-palette-surface));
    outline: 1px solid var(--mud-palette-primary);
}

.gantt-legenda-bara.gantt-legenda-restanta {
    background: color-mix(in srgb, var(--mud-palette-error) 45%, var(--mud-palette-surface));
    outline-color: var(--mud-palette-error);
}

.gantt-legenda-azi {
    display: inline-block;
    width: 0;
    height: 14px;
    border-left: 2px dashed var(--mud-palette-primary);
}

/* ---------- Importul acțiunilor din Excel (ImportActiuniExcelPageComponent) ----------
   Fără layout fix, editoarele (date picker, selectoarele de utilizatori) își impun lățimea și ColGroup e ignorat:
   Subiect/Descriere rămâneau de ~70–90 px la 1280 px. Celulele derulează în interior (înălțime fixă, cerută de Virtualize).
   Sub 600 px MudDataGrid stivuiește celulele, iar layoutul fix le-ar strânge la lățimea primei coloane (ca la .partener-grid). */
@media (min-width: 600px) {
    .import-actiuni-grid .mud-table-root {
        table-layout: fixed;
    }
}