/* ========================================
   PLAN MANAGEMENT STYLES
   Styles for LocationPlans, PlansOverview, and related components
   ======================================== */

/* ========== CELL STATE STYLES ========== */

/* Closed day cell (red tint) */
.cell-closed {
    background-color: color-mix(in srgb, var(--md-sys-color-error) 10%, transparent) !important;
}

/* Exception - skip delivery (gray tint) */
.cell-exception-skip {
    background-color: color-mix(in srgb, var(--md-sys-color-on-surface-variant) 12%, transparent) !important;
}

/* Exception - override quantity (warning yellow tint) */
.cell-exception-override {
    background-color: color-mix(in srgb, var(--md-sys-color-tertiary) 12%, transparent) !important;
}

/* Pending changes (info blue tint) */
.cell-pending {
    background-color: color-mix(in srgb, var(--md-sys-color-secondary) 12%, transparent) !important;
}

/* ========== RADIO GROUP STYLES ========== */

/* Vertical radio group for exception selection */
.radio-group-vertical {
    margin-top: 4px;
    padding: 6px;
    background-color: var(--md-sys-color-surface);
    border: 1px solid var(--md-sys-color-outline-variant);
    border-radius: var(--md-shape-corner-small);
}

.radio-group-vertical .mud-radio {
    margin-bottom: 4px;
}

.radio-group-vertical .mud-radio:last-child {
    margin-bottom: 0;
}

/* ========== CALENDAR EXCEPTION STYLES ========== */

/* Empty exception cell (calendar view) */
.empty-exception-cell {
    min-height: 60px;
    padding: 4px;
    cursor: pointer;
    border-radius: var(--md-shape-corner-small);
    position: relative;
    transition: background-color 0.2s ease;
}

.empty-exception-cell:hover {
    background-color: var(--md-sys-color-surface-container-low);
}

/* Date number in exception cell */
.date-number {
    font-weight: 500;
    color: var(--md-sys-color-on-surface);
}



/* ========== RESPONSIVE ========== */

@media (max-width: 768px) {
    .radio-group-vertical {
        padding: 4px;
        margin-top: 2px;
    }

    .empty-exception-cell {
        min-height: 40px;
    }
}