.cards-new-week {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 6px;
    align-items: center
}

.title-card-new-week {
    grid-column: 1 / -1;
}

.card-box-new-week {
    display: inline-block;
    user-select: none;
    margin: auto;
}

.card-list-select .card-box {
    border: 1px solid #ddd;
    border-radius: 8px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    /* background-color: #f8f9fa; /* لون خلفية فاتح */
}

.card-list-select .card-box:hover {
    transform: scale(1.05);
    box-shadow: 0 0 8px rgb(247 245 233 / 49%);
}

.card-box-course {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 67px;
    text-align: center;
    min-height: 45px;
    font-weight: bold;
}

.card-list-select-course {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
    gap: 6px;
    align-items: center;
}



/*      Save Page          */

/* :root {
        --etqan-gray: #EDEBE3;
        --etqan-brown: #B7A47D;
        --etqan-red: #C94A4A;
        --etqan-green: #037051;
} 
/*      Save Page          * /
.save_page_undefined {
    background-color: #ffffff8c;
    color: #000;
    border: 1.2px solid red;
}

.save_page_N {
    background-color: var(--etqan-gray);
    color: #6b6b6b;
}

.save_page_K {
    background-color: var(--etqan-brown);
    color: #fff;
}

.save_page_S {
    background-color: var(--etqan-red);
    color: #fff;
}

.save_page_M {
    background-color: var(--etqan-green);
    color: #fff;
} */

/*.save_page_undefined {
    background-color: #ffffff8c;
    border: 1.2px solid red;
}

.save_page_N {
    @apply bg-etqan-gray text-etqan-gray/60;
}

.save_page_K {
    @apply bg-etqan-brown text-etqan-brown/60;

}

.save_page_S {
    تخفيف لون الخلفية: مزج اللون بنسبة 40% مع لون شفاف (Transparent)
    background-color: color-mix(in srgb, var(--color-etqan-red) 40%, transparent);

    / * تخفيف لون النص: مزج اللون بنسبة 70% مع لون شفاف * /
    color: color-mix(in srgb, var(--color-etqan-red) 70%, transparent);

}


.save_page_M {
    @apply bg-etqan-green text-etqan-green/60;
} */



.square.green {
    background: #fee2e2 !important;
    color: #dc2626 !important;
    border-color: #fecaca !important;
}

.square.orange {
    background: #ffedd5 !important;
    color: #ea580c !important;
    border-color: #fed7aa !important;
}


/* Page Square Styles (S, M) */
/* .save_page_M {
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-weight: 900;
    text-align: center;
}

.save_page_S {
    background: #dcfce7;
    color: #15803d;
    border: 1px solid #bbf7d0;
    border-radius: 6px;
    font-weight: 900;
    text-align: center;
} */

/* Error/Alert Square Styles */
.square {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 24px !important;
    height: 24px !important;
    border-radius: 4px !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    cursor: pointer;
    transition: all 0.2s;
    border: 1px solid #e2e8f0 !important;
    background: #f8fafc;
    color: #94a3b8;
}