

:root {
    --dbn-green: #67BD50;
    --dbn-green-light: #8AD46F;
    --dbn-green-dark: #4E9D3C;
    --dbn-dark: #052e1b;
    --dbn-blue: #0b2e4a;
    --dbn-dark-blue: #022166;
    --dbn-gold: #f4b942;
    --cf-green: #67BD50;
    --cf-green-light: #8AD46F;
    --cf-green-dark: #4E9D3C;
    --cf-deep-green: #063d27;
    --cf-blue: #0b2e4a;
    --cf-gold: #f4b942;
    --cf-soft: #f6fbf8;
}

.card-header{
    background-color:var(--dbn-dark-blue) !important;
    color:white;
}

.table thead th {
    background-color: var(--dbn-dark-blue);
    color: #fff;
}


.eligibility-page {
    background: linear-gradient(180deg, #f7fbf6 0%, #ffffff 45%, #f8fafc 100%);
}

.text-primary {
    color: #022166 !important;
}

.text-success {
    color: #67BD50 !important;
}

.bg-success {
    background-color: #67BD50 !important;
}

.bg-success-subtle {
    background-color: rgba(103, 189, 80, .12) !important;
}

.btn-success {
    background-color: #67BD50;
    border-color: #67BD50;
}

    .btn-success:hover {
        background-color: #55a842;
        border-color: #55a842;
    }

.criteria-icon {
    min-width: 36px;
    height: 36px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

.eligibility-accordion .accordion-button {
    color: #022166;
    background: #ffffff;
}

    .eligibility-accordion .accordion-button:not(.collapsed) {
        background: rgba(103, 189, 80, .12);
        color: #022166;
        box-shadow: none;
    }

    .eligibility-accordion .accordion-button:focus {
        box-shadow: 0 0 0 .2rem rgba(103, 189, 80, .25);
        border-color: #67BD50;
    }

.card {
    transition: all .25s ease;
}

    .card:hover {
        transform: translateY(-3px);
    }

.climate-table thead {
    background: linear-gradient(90deg, #67BD50, #4ca73a);
}

.climate-table thead th {
    color: white;
    font-weight: 600;
    border: none;
    padding: 18px;
    vertical-align: middle;
}

.climate-table tbody td {
    padding: 20px;
    vertical-align: top;
    border-color: #edf2f7;
}

.climate-table tbody tr:hover {
    background: #f9fcf8;
    transition: .2s ease;
}

.section-row td {
    background: #eef8ea;
    border-top: 3px solid #67BD50;
    padding: 18px !important;
}

.sector-title {
    font-weight: 700;
    color: #022166;
    font-size: 1rem;
}

.climate-list {
    margin: 0;
    padding-left: 1.3rem;
    list-style-type: disc !important;
}

    .climate-list li {
        margin-bottom: 10px;
        color: #374151;
        line-height: 1.6;
        display: list-item;
    }

        .climate-list li::marker {
            color: #67BD50;
        }

.table-responsive {
    background: white;
}


.exclusion-table thead {
    background: linear-gradient(90deg, #022166, #03318c);
}

.exclusion-table thead th {
    color: white;
    font-weight: 600;
    border: none;
    padding: 18px;
}

.exclusion-table tbody td {
    padding: 22px;
    vertical-align: top;
    border-color: #eef2f7;
}

.exclusion-table tbody tr:hover {
    background: #fafafa;
    transition: .2s ease;
}

.category-title {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5;
}

.exclusion-list {
    margin: 0;
    padding-left: 1.3rem;
    list-style-type: disc !important;
}

    .exclusion-list li {
        margin-bottom: 12px;
        line-height: 1.7;
        color: #374151;
        display: list-item;
    }

        .exclusion-list li::marker {
            color: #dc3545;
        }

.conditional-row {
    background: #fffdf5;
}

    .conditional-row .exclusion-list li::marker {
        color: #f59e0b;
    }

.table-responsive {
    background: white;
}

.screening-block {
    position: relative;
    padding-left: 10px;
}

.screening-number {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: linear-gradient(135deg, #67BD50, #4ca73a);
    color: white;
    font-weight: 700;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 18px;
    flex-shrink: 0;
    box-shadow: 0 8px 18px rgba(103, 189, 80, .25);
}

.screening-item {
    display: flex;
    gap: 18px;
    margin-bottom: 22px;
    padding: 18px;
    border-radius: 18px;
    background: #f9fbfc;
    border: 1px solid #edf2f7;
    transition: all .25s ease;
}

    .screening-item:hover {
        background: #f4faf2;
        transform: translateY(-2px);
    }

.screening-letter {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(103, 189, 80, .15);
    color: #67BD50;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    text-transform: lowercase;
}

.screening-item div {
    line-height: 1.75;
    color: #374151;
}

