/* Основной контейнер страницы календаря */
.cal-page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--page-bg, #f0f2f0);
    color: var(--dark-gray, #1f2937);
    font-family: var(--font-primary, 'Inter', sans-serif);
}

.cal-main {
    flex: 1;
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    padding: 24px 20px 40px;
}

/* CSS-переменные для цветового кодирования событий */
:root {
    --cal-fard: #065F46;
    --cal-fard-bg: #D1FAE5;
    --cal-eid: #D97706;
    --cal-eid-bg: #FEF3C7;
    --cal-sunnah-fast: var(--emerald-light, #10B981);
    --cal-sunnah-fast-bg: #D1FAE5;
    --cal-hijama: #8B5CF6;
    --cal-hijama-bg: #EDE9FE;
    --cal-forbidden: var(--danger, #DC2626);
    --cal-forbidden-bg: var(--danger-light, #FEE2E2);
    --cal-memorial: var(--info, #2563EB);
    --cal-memorial-bg: var(--info-light, #DBEAFE);
    --cal-jumuah: var(--medium-gray, #6B7280);
    --cal-jumuah-bg: var(--light-gray, #F3F4F6);
    --cal-note: #9CA3AF;
    --cal-note-bg: var(--light-gray, #F3F4F6);
    --cal-special: var(--warning, #F59E0B);
    --cal-special-bg: var(--warning-light, #FEF3C7);
    --cal-hayd: var(--danger, #DC2626);
    --cal-hayd-bg: var(--danger-light, #FEE2E2);
    --cal-tuhr: var(--emerald-light, #10B981);
    --cal-tuhr-bg: #D1FAE5;
    --cal-nifas: #F97316;
    --cal-nifas-bg: #FFEDD5;

    /* Полупрозрачные фоны ячеек хайда/нифаса */
    --cal-hayd-cell: rgba(220, 38, 38, 0.35);
    --cal-hayd-cell-projected: rgba(220, 38, 38, 0.12);
    --cal-tuhr-cell: rgba(147, 197, 253, 0.30);
    --cal-istihada-cell: rgba(245, 158, 11, 0.22);
    --cal-pregnant-cell: rgba(16, 185, 129, 0.22);
    --cal-nifas-cell: rgba(127, 29, 29, 0.32);
    --cal-nifas-cell-projected: rgba(127, 29, 29, 0.12);

    /* Статусы месяцев */
    --cal-confirmed: var(--emerald, #059669);
    --cal-projected: #9CA3AF;
}