@charset "UTF-8";
@import url("../fonts/font_awesome.min.css");
@import url("../fonts/font.css");
@import url("spa_theme-default.css");
@import url("spa_theme-sidebar-default.css");
@import url("spa_theme-button-default.css");
@import url("spa_theme-dialog-default.css");
@import url("spa_grid-templates.css");

@import url("spa_general.css");
@import url("spa_view.css");
@import url("spa_timeline.css");
@import url("spa_sidebar.css");
@import url("spa_submenu.css");
@import url("spa_popover-list.css");
@import url("spa_combobox.css");
@import url("spa_status_combobox.css");
@import url("spa_input-checkbox.css");
@import url("spa_input-text.css");
@import url("spa_textarea.css");
@import url("spa_input-number.css");
@import url("spa_employee-issue-assignment.css");
@import url("spa_input-weekly-working-time.css");
@import url("spa_input-color.css");
@import url("spa_input-radio-group.css");
@import url("spa_input-timeframes.css");
@import url("spa_input-duration.css");
@import url("spa_tab-list.css");
@import url("spa_date-range.css");
@import url("spa_rte.css");
@import url("spa_notification.css");
@import url("spa_button.css");

@import url("spa_tasklist.css");
@import url("spa_dialog.css");
@import url("spa_dialog-employee-edit.css");
@import url("spa_dialog-issue-edit.css");
@import url("spa_dialog-keyword-edit.css");
@import url("spa_dialog-type-edit.css");
@import url("spa_dialog-project-edit.css");
@import url("spa_dialog-daily-edit.css");
@import url("spa_dialog-preview.css");
@import url("spa_dialog-confirm.css");
@import url("spa_plugin.css");
@import url("spa_auditlog.css");

/* o2d-timeline layout template variables */
:root {
    --t3-row-section-0-size: 35px;/*Höhe Monatszeile*/
    --t3-row-section-1-size: 35px;/*Höhe Wochenzeile*/
    --t3-row-section-2-size: 35px;/*Höhe Wochentagszeile*/
    --t3-row-section-3-size: 35px;/*Höhe Tageszeile*/
    --t3-row-section-calendar-size: var(--t3-row-section-4-size);/*Kalenderzeile = gleiche Höhe wie normale Inhaltszeilen*/
    --t3-row-section-4-size: 50px;/*Höhe der normalen Inhaltszeilen*/

    --t3-column-section-0-size: 200px;
    --t3-column-section-1-size: 40px;
    --t3-column-section-2-size: 40px;
    --t3-column-section-3-size: 40px;

    /* o2d-timeline theme variables */
    --o2d-cell-bg: #fff;
    --o2d-cell-border: 1px solid #e0e0e0;
    --o2d-header-bg: #f5f5f5;
    --o2d-weekend-bg: #fafafa;
    --o2d-employee-font-weight: 500;
    --o2d-issue-bg: #e3f2fd;
    --o2d-issue-border-radius: 10px;
    --o2d-btn-hover-bg: rgba(0, 0, 0, 0.05);
}

/* o2d-projects-view layout styles (Light DOM) */
o2d-projects-view {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
}

o2d-timeline {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
    background-color: #ebeef1;
    gap: 1px;
}

o2d-layout {
    display: grid;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

o2d-area {
    display: grid;
    overflow: hidden;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
}
o2d-area > div {
    min-width: 0;
    min-height: 0;
}

/*
<-- ADDED by stef -->
*/
.o2d-area-background-grid > div {
    border: 1px solid #dedede;
}

/* Button base styles */
.btn {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.btn:hover {
    background: var(--o2d-btn-hover-bg);
}

/* Filter Dimming (PRD-047) — matches legacy spa_general.css:231 */
.timeline-issue.filtered-out {
    opacity: .4;
    border-width: 1px;
    border-style: dashed;
    filter: grayscale(1);
}