/* ============================================
   CAR CARD AUTO SELECT & STYLING
   ============================================ */

.transfer-card {
    position: relative;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    background: #fff;
    cursor: pointer;
}

.transfer-card:hover {
    border-color: #146AFF;
    box-shadow: 0 4px 12px rgba(20, 106, 255, 0.1);
}

/* Selected State */
.transfer-card.selected {
    border-color: #146AFF;
    border-width: 3px;
    box-shadow: 0 4px 16px rgba(20, 106, 255, 0.2);
    background: #F8FBFF;
}

/* Selected Badge */
.selected-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    background: #146AFF;
    color: white;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 4px;
    z-index: 10;
}

.selected-badge svg {
    width: 16px;
    height: 16px;
}

/* Hide badge by default */
.transfer-card:not(.selected) .selected-badge {
    display: none;
}

/* Book button emphasis for selected card */
.transfer-card.selected .book-btn {
    background: linear-gradient(135deg, #146AFF 0%, #0052CC 100%);
    box-shadow: 0 4px 12px rgba(20, 106, 255, 0.3);
}