/**
 * Module CSS: 05-booking-toast-social-proof.css
 * Trích nguyên văn dòng 289-342 của pctech-homepage.css gốc.
 * Không đổi nội dung — chỉ tách file theo đúng marker sẵn có trong code gốc.
 */
    /* ── Booking toast (social proof) ── */
    .booking-toasts {
      position: fixed;
      right: 20px;
      left: auto;
      bottom: 28px;
      z-index: 9990;
      display: flex;
      flex-direction: column-reverse;
      align-items: flex-end;
      gap: 12px;
      pointer-events: none;
    }
    .booking-toast {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      background: var(--white);
      border-radius: 14px;
      padding: 14px 18px;
      box-shadow: 0 8px 32px rgba(13, 61, 122, 0.18);
      border-left: 4px solid var(--orange);
      max-width: 340px;
      transform: translateX(calc(100% + 40px));
      opacity: 0;
      transition: transform 0.55s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s ease;
    }
    .booking-toast.show {
      transform: translateX(0);
      opacity: 1;
    }
    .booking-toast.hide {
      transform: translateX(calc(100% + 40px));
      opacity: 0;
    }
    .booking-toast-icon {
      width: 42px; height: 42px;
      border-radius: 50%;
      background: var(--orange-light);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.2rem;
      flex-shrink: 0;
    }
    .booking-toast.ai .booking-toast-icon { background: var(--green-light); }
    .booking-toast.remote .booking-toast-icon { background: var(--blue-light); }
    .booking-toast.ai { border-left-color: var(--green); }
    .booking-toast.remote { border-left-color: var(--blue); }
    .booking-toast-body strong { display: block; font-size: 0.88rem; color: var(--blue-dark); margin-bottom: 2px; }
    .booking-toast-body span { font-size: 0.8rem; color: var(--gray-500); }
    .booking-toast-body em { font-style: normal; color: var(--orange); font-weight: 600; }
    .booking-toast-time { font-size: 0.72rem; color: var(--gray-500); margin-top: 4px; }