/* CSS Custom General Base  */
.modal-body {
    max-height: calc(100vh - 215px);
    overflow-y: auto;
}

.bg-hard-green-unada {
    background-color: #005F02 !important;
}

.bg-soft-green-unada {
    background-color: #427A43 !important;
}

.bg-light-green-unada {
    background-color: #BCD9A2 !important;
}

.bg-hard-yellow-unada {
    background-color: #F2B50B !important;
}

.bg-soft-yellow-unada {
    background-color: #FED16A !important;
}

.bg-light-yellow-unada {
    background-color: #FFF4A4 !important;
}

/* ===== MOBILE UTILITIES ===== */
@media (max-width: 575.98px) {
    .container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .row.g-4 {
        --bs-gutter-y: 1rem;
    }
    .row.g-5 {
        --bs-gutter-y: 1.5rem;
    }
}

@media (max-width: 767.98px) {
    .row.g-4 {
        --bs-gutter-y: 1.25rem;
    }
    .row.g-5 {
        --bs-gutter-y: 2rem;
    }
}

/* ===== TYPOGRAPHY HELPERS ===== */
.text-justify {
    text-align: justify;
}

@media (max-width: 575.98px) {
    .fs-18 {
        font-size: 16px !important;
    }
}