/* Thẻ nhỏ "Lưu ra màn hình" / "Bật thông báo" ở góc dưới */
.tgg-pwa-bar { position: fixed; left: 10px; bottom: calc(var(--tgg-nav-h, 62px) + 10px); z-index: 70; max-width: calc(100% - 20px); }
.tgg-pwa-bar .pwa-row { display: inline-flex; align-items: center; gap: 2px; background: #14532d; color: #fff; border-radius: 99px; box-shadow: 0 3px 12px rgba(0, 0, 0, .28); padding: 3px 4px 3px 5px; }
.tgg-pwa-bar .pwa-pill { display: inline-flex; align-items: center; gap: 7px; border: 0; background: transparent; color: #fff; font: inherit; font-weight: 700; font-size: 13.5px; padding: 5px 8px 5px 2px; cursor: pointer; white-space: nowrap; }
.tgg-pwa-bar .pwa-pill img { border-radius: 6px; background: #fff; }
.tgg-pwa-bar .pwa-x { border: 0; background: rgba(255, 255, 255, .18); color: #fff; width: 22px; height: 22px; border-radius: 50%; font-size: 16px; line-height: 1; padding: 0; cursor: pointer; }
.tgg-pwa-bar .pwa-help { background: #fff; color: #26302a; border: 1px solid #eadfcb; border-radius: 12px; padding: 8px 10px; margin-bottom: 6px; font-size: 12.5px; line-height: 1.4; box-shadow: 0 3px 12px rgba(0, 0, 0, .18); }
body.has-pwa-bar { padding-bottom: calc(var(--tgg-nav-h, 62px) + 44px); }
body:has(.tgg-portal) .tgg-pwa-bar, body:has(.tgg-ctv-nav) .tgg-pwa-bar { bottom: 10px; }
@media (min-width: 900px) { .tgg-pwa-bar { bottom: 16px; } body.has-pwa-bar { padding-bottom: 60px; } }