/* Styling for day and week headers in time entries table */

.day-header, .week-header {
    background-color: var(--darker-bg);
}

.day-header-cell {
    background-color: var(--darker-bg);
    padding: 8px 15px !important;
}

.week-header-cell {
    background-color: var(--darker-bg);
    padding: 10px 15px !important;
}

.day-header-button, .week-header-button {
    color: var(--text-color);
    text-decoration: none;
    width: 100%;
    text-align: left;
    padding: 0;
}

.day-header-button:hover, .week-header-button:hover {
    color: var(--primary-color);
    text-decoration: none;
}

.day-collapse-icon, .week-collapse-icon {
    margin-right: 8px;
    transition: transform 0.2s;
}

.day-container, .week-container {
    transition: display 0.3s;
}

/* Status cell coloring - darker variants for dark theme */
.status-Todo, .status-To-Do {
    background-color: rgba(255, 238, 204, 0.15); /* Darker yellow tint */
}

.status-In-progress, .status-In-Progress {
    background-color: rgba(204, 229, 255, 0.15); /* Darker blue tint */
}

.status-Done, .status-Approved {
    background-color: rgba(212, 237, 218, 0.15); /* Darker green tint */
}

.status-Review, .status-Waiting-review, .status-Client-review {
    background-color: rgba(226, 217, 243, 0.15); /* Darker purple tint */
}

.status-Urgent {
    background-color: rgba(248, 215, 218, 0.15); /* Darker red tint */
}

/* Table styling for dark theme */
.time-entries-table table {
    border-collapse: collapse;
    border-spacing: 0;
}

.time-entries-table th {
    background-color: var(--table-header-bg);
    color: var(--text-color);
    position: sticky;
    top: 0;
    z-index: 10;
}

.time-entries-table th, .time-entries-table td {
    padding: 8px;
    border: none;
    color: var(--text-color);
}