    .card-custom-dark-blue {
        background-color: #3b4a6b;
        color: white;
    }

    .card-custom-teal {
        background-color: #28a745;
        color: white;
    }

    .card-custom-orange {
        background-color: #c87941;
        color: white;
    }

    .card-icon {
        opacity: 0.6;
        font-size: 2.5rem;
    }

    .form-control:disabled,
    .form-control[readonly] {
        background-color: #e9ecef;
        opacity: 1;
    }

    .btn-custom-blue {
        background-color: #4f46e5;
        color: white;
    }

    .btn-custom-blue:hover {
        background-color: #4338ca;
    }

    .btn-custom-orange {
        background-color: #fd9644;
        color: white;
    }

    .btn-custom-orange:hover {
        background-color: #fa8231;
    }

    .verification-box {
        background-color: #20c997;
        color: white;
        padding: 0.75rem;
        text-align: center;
        font-weight: 500;
        border-radius: 0.375rem;
    }

    /* New fixed styles */
    .card-main {
        display: flex;
        border-radius: 12px;
        overflow: hidden;
        min-height: 120px;
    }

    .card-text-side {
        padding: 20px;
        width: 75%;
        color: #fff;
    }

    .card-icon-side {
        width: 25%;
        background: rgba(255,255,255,0.15);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .card-icon-side i {
        font-size: 42px;
        color: #fff;
        opacity: 0.9;
    }

    .bg-blue { background: #1e3a8a !important; }
    .bg-teal { background: #115e59 !important; }
    .bg-orange { background: #c2410c !important; }

    .card-title {
        font-size: 14px;
        opacity: .75;
    }

    .card-text {
        margin-top: 6px;
        font-size: 26px;
        font-weight: bold;
    }
