/**
 * FazaRadar Frontend Styles
 * Stilovi za Gantt tabele na frontend-u
 */

/* ========== TABELA STILOVI ========== */
.itwp-gantt-table th {
    font-size: 18px;
    background: #4e4a4aff;
    color: #FFFFFF !important;
    text-align: center;
    padding: 10px 0;
    border: 2px solid #fff !important;
}

.itwp-gantt-table td {
    text-align: center;
    padding: 4px 0;
    border: 2px solid #fff !important;
}

.itwp-gantt-table .itwp-stavka-td {
    background: #243C7B !important;
    color: #FFFFFF !important;
}

.itwp-gantt-table .itwp-zadatak-td {
    background: #cccccc !important;
    color: #000000 !important;
}

.itwp-gantt-table .itwp-korak-td {
    background: #d9d9d9 !important;
    color: #000000 !important;
}

.itwp-gantt-table .itwp-status-preostalo {
    background: #00ff80 !important;
    color: #000000 !important;
    font-size: 16px;
}

.itwp-gantt-table .itwp-status-zavrseno {
    background: #008542ff !important;
    color: #FFFFFF !important;
    font-size: 16px;
}

.itwp-gantt-table .itwp-status-kasnjenje {
    background: #c50000ff !important;
    color: #FFFFFF !important;
    font-size: 16px;
}

.itwp-gantt-table .itwp-dana-preostalo {
    background: #00ff80 !important;
    color: #000000 !important;
    font-size: 16px;
}

.itwp-gantt-table .itwp-dana-zavrseno {
    background: #008542ff !important;
    color: #FFFFFF !important;
    font-size: 16px;
}

.itwp-gantt-table .itwp-dana-kasnjenje {
    background: #c50000ff !important;
    color: #FFFFFF !important;
    font-size: 16px;
}

.itwp-gantt-table .itwp-status-neutral {
    background: #FFFFFF !important;
    color: #000000 !important;
    font-size: 16px;
}

.itwp-gantt-table .itwp-dana-neutral {
    background: #FFFFFF !important;
    color: #000000 !important;
    font-size: 16px;
}

/* ========== GANTT DIJAGRAM CUSTOM STILOVI ========== */
.itwp-gantt-wrapper {
    margin: 20px 0;
    padding: 20px;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.itwp-gantt-wrapper .gantt-container {
    min-height: 400px;
}

/* Custom boje za stavke */
.gantt .bar-wrapper.gantt-stavka .bar {
    fill: #243C7B;
    stroke: #1a2a55;
}

.gantt .bar-wrapper.gantt-stavka .bar-progress {
    fill: #3d5fa8;
}

.gantt .bar-wrapper.gantt-stavka:hover .bar {
    fill: #3d5fa8;
}

/* Custom boje za zadatke */
.gantt .bar-wrapper.gantt-zadatak .bar {
    fill: #a3a3ff;
    stroke: #8a8aff;
}

.gantt .bar-wrapper.gantt-zadatak .bar-progress {
    fill: #7d7dff;
}

.gantt .bar-wrapper.gantt-zadatak:hover .bar {
    fill: #8a8aff;
}