/* =========================================
   GIAO DIỆN POPUP HÀNH KHÁCH (CHUẨN DỰ ÁN)
   Đã tối ưu UX/UI: Bóp nhỏ popup, chống chớp viền mobile
========================================= */
#passenger-popup {
    position: absolute;
    background: #fff;
    width: 240px; /* Đã bóp nhỏ từ 270px xuống 240px cho gọn gàng */
    max-width: 90vw; /* Đảm bảo không bao giờ tràn lề màn hình điện thoại */
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
    border: 1px solid #e2e8f0;
    z-index: 9999999;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

.passenger-box { padding: 8px 16px; }

.passenger-row {
    display: flex; align-items: center; justify-content: space-between;
    padding: 12px 0; border-bottom: 1px solid #f1f5f9;
}
.passenger-row:last-child { border-bottom: none; }

.passenger-info { display: flex; flex-direction: column; gap: 2px; }
.passenger-title { font-weight: 600; font-size: 14px; color: #1e293b; }
.passenger-desc { font-size: 12px; color: #94a3b8; }

.passenger-control { display: flex; align-items: center; gap: 12px; }

.passenger-control span {
    font-weight: 600; font-size: 15px; color: #1e293b; 
    min-width: 20px; text-align: center; font-variant-numeric: tabular-nums;
}

/* Nút Xanh dương đặc ruột */
.passenger-control button {
    display: flex; align-items: center; justify-content: center;
    width: 28px; height: 28px; border-radius: 50%;
    background: #1a73e8; color: #ffffff; border: none;
    font-size: 18px; line-height: 1; font-weight: bold;
    cursor: pointer; padding: 0; outline: none; transition: background 0.2s;
    
    /* FIX LỖI UX MOBILE: Ngăn chớp đen/mờ khi người dùng cố tap vào nút */
    -webkit-tap-highlight-color: transparent; 
    user-select: none; 
}

.passenger-control button:hover:not(.disabled) {
    background: #1557b0;
}

/* Nút xám đặc ruột khi bị khóa - KHÓA CHẾT CỨNG 100% */
.passenger-control button.disabled {
    background: #cbd5e1 !important; 
    color: #ffffff !important;      
    cursor: not-allowed !important; 
    
    /* LỆNH THÉP: Chặn đứng hoàn toàn mọi sự kiện click/touch từ người dùng */
    pointer-events: none !important; 
    opacity: 0.8; 
}