/* CSS nút/hộp thoại cài đặt PWA — tách từ includes/pwa.php 28/09/2026 */
#pwaInstallBtn{
  position:fixed;right:18px;bottom:18px;z-index:2147483000;display:none;
  align-items:center;gap:8px;padding:11px 16px;border:none;border-radius:999px;
  background:#0a3d62;color:#fff;font:600 14px/1 'Be Vietnam Pro',system-ui,sans-serif;
  box-shadow:0 8px 24px rgba(10,61,98,.35);cursor:pointer;transition:transform .15s,background .15s;
}
#pwaInstallBtn:hover{background:#062a45;transform:translateY(-2px)}
#pwaInstallBtn svg{width:18px;height:18px}
@media (display-mode:standalone){#pwaInstallBtn{display:none!important}}

/* Hộp thoại (modal) xác nhận cài đặt — thay cho popup gốc của trình duyệt,
   hiển thị tiếng Việt, nằm giữa trang. */
#pwaInstallModal{position:fixed;inset:0;z-index:2147483600;display:flex;align-items:center;justify-content:center;padding:16px;font-family:'Be Vietnam Pro',system-ui,sans-serif}
#pwaInstallModal[hidden]{display:none}
#pwaInstallModal .pwa-backdrop{position:absolute;inset:0;background:rgba(10,20,35,.55);backdrop-filter:blur(2px)}
#pwaInstallModal .pwa-box{
  position:relative;width:100%;max-width:340px;background:#fff;border-radius:18px;
  padding:24px 22px 20px;box-shadow:0 20px 60px rgba(0,0,0,.3);text-align:center;
  animation:pwaBoxIn .18s ease-out;
}
@keyframes pwaBoxIn{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
#pwaInstallModal .pwa-icon{width:56px;height:56px;border-radius:14px;overflow:hidden;margin:0 auto 12px;box-shadow:0 4px 14px rgba(0,0,0,.18)}
#pwaInstallModal .pwa-icon img{width:100%;height:100%;object-fit:cover;display:block}
#pwaInstallModal h3{margin:0 0 2px;font-size:16px;font-weight:800;color:#0f2540}
#pwaInstallModal .pwa-url{margin:0 0 18px;font-size:12.5px;color:#7a8699}
#pwaInstallModal .pwa-actions{display:flex;gap:10px}
#pwaInstallModal .pwa-actions button{flex:1;padding:11px 10px;border-radius:12px;font:700 14px/1 'Be Vietnam Pro',system-ui,sans-serif;cursor:pointer;transition:transform .12s,background .15s}
#pwaInstallModal #pwaInstallCancel{background:#eef2f7;color:#33475b;border:1px solid #dfe6ee}
#pwaInstallModal #pwaInstallCancel:hover{background:#e3e9f0}
#pwaInstallModal #pwaInstallConfirm{background:#0a3d62;color:#fff;border:none}
#pwaInstallModal #pwaInstallConfirm:hover{background:#062a45;transform:translateY(-1px)}