/* ================================================================
   LEAVE DURATION CALCULATION - PAGE STYLES
   ExcelDepo Premium Standards - Full Width & Height Alignment
   ================================================================ */

.leave-duration .calc-input-row {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1.25rem;
    margin-bottom: 2rem;
    align-items: start;
}

.leave-duration .calc-input-col {
    text-align: center;
}

/* Force Global Font on Date Inputs (Fixes browser defaults) */
.leave-duration input[type="date"],
.leave-duration select,
.leave-duration label {
    font-family: inherit !important;
}

.leave-duration label {
    display: block;
    margin-bottom: 0.75rem;
    font-weight: 700;
    color: var(--color-text, #1e293b);
    font-size: 0.9rem;
}

/* Arefe Checkbox Container - Robust & Consistent */
.arefe-container {
    height: 48px !important;
    width: 100% !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease;
    cursor: pointer;
}

.arefe-container:hover {
    border-color: var(--cat-bg, #2B542C) !important;
}

.arefe-check {
    width: 20px !important;
    height: 20px !important;
    cursor: pointer !important;
    margin: 0 !important;
}

/* Results Grid - 50% / 50% Split to fill parent */
.leave-duration .calc-results-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    width: 100%;
}

.leave-duration .res-col {
    width: 100%;
}

.leave-duration .res-box {
    width: 100%;
}

@media (max-width: 1200px) {
    .leave-duration .calc-input-row {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .leave-duration .calc-input-row {
        grid-template-columns: 1fr;
    }

    .leave-duration .calc-results-grid {
        grid-template-columns: 1fr;
    }
}