/* Simple Calendar - Theme-based */
.simple-calendar {
    .day {
        height: 120px;
        min-width: 120px;
        overflow-y: auto;
        padding: 6px;
        border: 1px solid var(--border);
    }

    .calendar-heading {
        text-align: center;
        margin-bottom: 10px;

        .calendar-title {
            font-size: 1.2em;
            font-weight: bold;
            color: var(--foreground);
        }
    }

    .calendar-date {
        font-weight: bold;
        margin-bottom: 5px;
        color: var(--foreground);
    }

    .vacation-request {
        padding: 2px 4px;
        margin-bottom: 2px;
        border-radius: 3px;
        font-size: 0.8em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border-left-width: 3px;
        border-left-style: solid;

        &.pending {
            background-color: oklch(from var(--warning) l c h / 0.15);
            border-left-color: var(--warning);
            color: var(--warning);
        }

        &.approved {
            background-color: oklch(from var(--success) l c h / 0.15);
            border-left-color: var(--success);
            color: var(--success);
        }

        &.rejected {
            background-color: oklch(from var(--destructive) l c h / 0.15);
            border-left-color: var(--destructive);
            color: var(--destructive);
        }
    }

    .wday-0, .wday-6 {
        background-color: var(--muted);
    }

    .today {
        background-color: oklch(from var(--primary) l c h / 0.1);
        border: 2px solid var(--primary);
        font-weight: 600;
    }
}