.asset-type-row {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 1.5rem;
}

.asset-type-row .col {
    flex: 1;
    min-width: 0; /* Ensures text can shrink beyond natural width */
}

.asset-type-card {
    transition: all 0.2s ease-in-out;
    border-width: 2px;
    border-color: var(--color-grey);
    color: var(--color-dark);
    flex: 1;
}

.asset-type-card .h6 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    text-align: center;
}

.btn-check:checked + .asset-type-card.btn,
.asset-type-card.btn:hover {
    color: var(--color-white);
    background-color: var(--color-green);
    border-color: var(--color-green);
}

/* Adjust padding for smaller screens or when there are many options */
@media (max-width: 576px) {
    .asset-type-card {
        padding: 0.5rem !important;
    }
    
    .asset-type-card i {
        font-size: 1.25rem !important;
        margin-bottom: 0.3rem !important;
    }
    
    .asset-type-card .h6 {
        font-size: 0.8rem;
    }
}