/* ===== Floating stack: 1 hệ biến CSS cố định cho mũi tên / chat / khiếu nại-khảo sát.
   KHÔNG tính vị trí bằng getBoundingClientRect khi scroll nữa (layoutFloats chỉ dọn inline style). ===== */
:root{--float-scroll-bottom:16px;--float-chat-bottom:78px;--float-feedback-bottom:162px}
@media(max-width:600px){:root{--float-scroll-bottom:calc(env(safe-area-inset-bottom,0px) + 76px);--float-chat-bottom:calc(env(safe-area-inset-bottom,0px) + 156px);--float-feedback-bottom:calc(env(safe-area-inset-bottom,0px) + 228px)}}
.fbk-tabs{position:fixed;right:0;top:auto !important;bottom:var(--float-feedback-bottom,162px) !important;transform:none !important;z-index:9998;display:flex;flex-direction:column;gap:8px;align-items:flex-end}
.fbk-tab{display:flex;align-items:center;gap:7px;font-weight:800;font-size:13.5px;padding:10px 14px 10px 13px;border:0;border-radius:12px 0 0 12px;box-shadow:0 6px 18px rgba(0,0,0,.22);cursor:pointer;font-family:inherit;white-space:nowrap}
.fbk-tab:hover{filter:brightness(1.05)}
.fbk-tab svg{width:17px;height:17px;flex:0 0 17px}
.fbk-tab-complaint{background:linear-gradient(135deg,#f6b40a,#e6920a);color:#3a2400}
.fbk-tab-survey{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}
/* Gom nút Hỗ trợ sẵn có vào chung cụm tab bên phải */
.fbk-tabs .home-contact-links{position:static!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;z-index:auto!important;margin:0!important;align-items:flex-end!important}
.fbk-tabs .home-contact-toggle{background:linear-gradient(135deg,#16a34a,#15803d)!important;color:#fff!important;border-radius:12px 0 0 12px!important;box-shadow:0 6px 18px rgba(0,0,0,.22)!important;padding:10px 14px 10px 13px!important;font-weight:800!important;font-size:13.5px!important;white-space:nowrap!important}
.fbk-modal{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:2147483000;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(15,23,42,.55);box-sizing:border-box}
.fbk-modal.fbk-show{display:flex}
.fbk-dialog{width:440px;max-width:100%;max-height:90vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.3);font-family:inherit}
.fbk-dh{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid #eef2f7}
.fbk-dh h3{margin:0;font-size:17px;font-weight:900;color:#0f172a}
.fbk-dh .fbk-x{margin-left:auto;border:0;background:#f1f5f9;width:30px;height:30px;border-radius:50%;font-size:17px;color:#475569;cursor:pointer}
.fbk-db{padding:16px 18px}
.fbk-field{margin-bottom:12px}
.fbk-field label{display:block;font-size:13px;font-weight:700;color:#334155;margin-bottom:5px}
.fbk-field label .req{color:#dc2626}
.fbk-field input[type=text],.fbk-field select,.fbk-field textarea{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:9px 11px;font:inherit;font-size:14px;box-sizing:border-box;background:#fff}
.fbk-field textarea{min-height:84px;resize:vertical}
.fbk-file{font-size:13px;color:#475569}
.fbk-thumb{width:54px;height:54px;object-fit:cover;border-radius:8px;border:1px solid #e2e8f0}
.fbk-submit{width:100%;border:0;border-radius:11px;background:linear-gradient(135deg,#f6b40a,#e6920a);color:#3a2400;font-weight:900;font-size:15px;padding:12px;cursor:pointer;font-family:inherit}
.fbk-submit.blue{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}
.fbk-submit:disabled{opacity:.6;cursor:default}
.fbk-msg{margin-top:10px;font-weight:700;font-size:13.5px;text-align:center}
.fbk-login{padding:8px 0;text-align:center;color:#475569;font-size:14px;line-height:1.6}
.fbk-login a{color:#1d4ed8;font-weight:800}
.fbk-tabs .home-contact-toggle span,.fbk-tabs .home-contact-toggle{font-family:inherit}
@media(max-width:600px){.fbk-tabs{right:0!important;top:auto!important;bottom:var(--float-feedback-bottom)!important;transform:none!important;gap:7px!important}.fbk-tab,.fbk-tabs .home-contact-toggle{font-size:12px!important;padding:8px 11px 8px 10px!important;gap:6px!important}.fbk-tab svg,.fbk-tabs .home-contact-toggle svg{width:15px!important;height:15px!important}}
/* Ẩn 3 nút nổi khi mở menu/sheet mobile để không đè lên */
body.mobile-sheet-open .fbk-tabs{display:none!important}
/* Làm đẹp lại sheet menu mobile cho theme trắng (xịn hơn) */
@media(max-width:1023px){
  .mobile-action-sheet{border-radius:24px!important;border:1px solid #eef2f7!important;box-shadow:0 18px 48px rgba(15,23,42,.20)!important}
  .mobile-sheet-header h3{font-weight:700!important;color:#0f172a!important}
  /* Bỏ nền trắng/viền/bóng sau nút đóng (×) */
  .mobile-action-sheet .mobile-sheet-close{background:transparent!important;border:0!important;box-shadow:none!important;color:#64748b!important;width:34px!important;height:34px!important}
  .mobile-action-sheet .mobile-sheet-close i{font-size:20px!important;line-height:1!important}
  .mobile-action-sheet .mobile-sheet-header{box-shadow:none!important}
  .mobile-sheet-body:has(.mobile-sheet-link-card){grid-template-columns:1fr 1fr!important;gap:12px!important;padding:4px 2px 6px!important}
  .mobile-sheet-link-card{flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:8px!important;min-height:108px!important;padding:16px 10px!important;border-radius:18px!important;background:#fff!important;border:1px solid #e9eef5!important;box-shadow:0 6px 16px rgba(15,23,42,.07)!important;transition:transform .12s ease,box-shadow .12s ease!important}
  .mobile-sheet-link-card:active{transform:translateY(1px) scale(.985)!important;box-shadow:0 3px 10px rgba(15,23,42,.09)!important}
  /* Icon trong suốt, không còn hộp nền trắng thừa */
  .mobile-sheet-link-icon{width:48px!important;height:46px!important;flex:0 0 auto!important;border-radius:0!important;background:transparent!important;color:#2563eb!important;box-shadow:none!important;border:0!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
  .mobile-sheet-link-icon i,.mobile-sheet-link-icon i::before{font-size:30px!important;line-height:1!important}
  .mobile-sheet-link-icon svg{width:32px!important;height:32px!important}
  .mobile-sheet-link-content,.mobile-sheet-link-copy{align-items:center!important;text-align:center!important;display:flex!important;flex-direction:column!important}
  .mobile-sheet-link-content strong,.mobile-sheet-link-copy strong{font-size:13.5px!important;font-weight:800!important;color:#0f172a!important;line-height:1.25!important}
  .mobile-sheet-link-content small,.mobile-sheet-link-copy small{display:none!important}
  .mobile-sheet-link-card>i.fa-angle-right,.mobile-sheet-link-arrow{display:none!important}
}