.tenant-selection-card {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.tenant-selection-card:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12) !important;
}

.tenant-selection-card.tenant-inactive {
    opacity: 0.55;
}

.tenant-selection-card.tenant-inactive:hover {
    transform: none;
    box-shadow: none !important;
}

.tenant-avatar {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tenant-avatar span {
    color: #fff;
    font-size: 1.25rem;
    font-weight: 600;
}

.tenant-name {
    font-size: 1.05rem;
    font-weight: 600;
    color: #1A1F3D;
}

.tenant-selection-card .badge {
    font-size: 0.7rem;
    padding: 0.35em 0.65em;
    border-radius: 6px;
    font-weight: 600;
    text-transform: uppercase;
}

.tenant-card-badge-status.tenant-card-badge-active {
    background-color: #E6FFFA;
    color: #38A169;
}

.tenant-card-badge-plan {
    background-color: #EDE9FE;
    color: #7C3AED;
}

.tenant-metric {
    padding: 0.25rem 0;
}

.tenant-metric-icon {
    font-size: 0.9rem;
    margin-bottom: 0.2rem;
}

.tenant-metric-label {
    font-size: 0.8rem;
    margin-bottom: 0.15rem;
}

.tenant-metric-value {
    font-size: 1.1rem;
    color: #1A1F3D;
}