/* Standalone install UI. Never alter the site's existing five-button mobile bar. */
.hrnav-pwa-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:9px 16px;border:1px solid #e91d2b;border-radius:12px;background:#e91d2b;color:#fff;font:700 13px/1.35 system-ui,Arial,sans-serif;cursor:pointer;text-decoration:none;white-space:nowrap;max-width:100%}
.hrnav-pwa-button:hover{background:#ce1626}.hrnav-pwa-button:focus-visible{outline:3px solid #ef4d59;outline-offset:2px}
.hrnav-pwa-button[hidden],.hrnav-pwa-nudge[hidden],.hrnav-pwa-modal[hidden],.hrnav-pwa-backdrop[hidden],.hrnav-pwa-instructions[hidden]{display:none!important}
.hrnav-pwa-drawer-button{margin-block:18px 6px;width:100%;flex-shrink:0}
.hrnav-pwa-backdrop{position:fixed;inset:0;z-index:2147483000;background:rgba(8,13,22,.65);backdrop-filter:blur(3px)}
.hrnav-pwa-modal{position:fixed;z-index:2147483001;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:13px;box-sizing:border-box;width:min(420px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow-y:auto;background:var(--hrb-active-surface,#fff);color:var(--hrb-active-ink,#151922);border:1px solid var(--hrb-active-border,#eceef1);border-radius:24px;box-shadow:0 28px 90px #0006;padding:38px 24px 24px;text-align:center;font:400 14px/1.5 system-ui,Arial,sans-serif}
.hrnav-pwa-modal>img{width:76px;height:76px;border-radius:18px;box-shadow:0 7px 20px #0002}
.hrnav-pwa-modal h2{font:800 clamp(21px,5vw,26px)/1.22 system-ui,Arial,sans-serif;margin:0;color:inherit}
.hrnav-pwa-modal p{margin:0;color:var(--hrb-active-muted,#606675);font-size:14px}
.hrnav-pwa-modal .hrnav-pwa-benefits{color:var(--hrb-active-ink,#252b35);font-size:12px}
.hrnav-pwa-modal button{cursor:pointer}
.hrnav-pwa-modal .hrnav-pwa-close{position:absolute;inset-block-start:12px;inset-inline-end:12px;display:grid;place-items:center;min-width:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;font-size:28px}
.hrnav-pwa-modal .hrnav-pwa-primary{width:100%;min-height:48px;border:0;background:#ed1c2e;color:white;border-radius:12px;font:800 15px/1.3 system-ui,Arial,sans-serif}
.hrnav-pwa-modal .hrnav-pwa-primary[hidden]{display:none!important}
.hrnav-pwa-modal .hrnav-pwa-later{min-height:44px;background:none;border:0;color:var(--hrb-active-muted,#616874);font-size:13px;font-weight:650}
.hrnav-pwa-instructions{width:100%;padding:14px;border-radius:13px;border:1px solid var(--hrb-active-border,#e4e7eb);background:var(--hrb-active-background,#f7f8fa);color:var(--hrb-active-ink,#171b23);text-align:start}
.hrnav-pwa-instructions strong{display:block;margin-bottom:7px}.hrnav-pwa-instructions p{font-size:13px;line-height:1.6}
.hrnav-pwa-nudge{position:fixed;z-index:1008;inset-inline-end:14px;bottom:calc(81px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:7px;padding:5px 7px 5px 5px;background:var(--hrb-active-surface,#fff);color:var(--hrb-active-ink,#222);border:1px solid var(--hrb-active-border,#e5e7eb);border-radius:15px;box-shadow:0 8px 28px #0003;max-width:calc(100vw - 22px)}
.hrnav-pwa-nudge .hrnav-pwa-button{border-radius:10px;min-height:38px;padding:7px 12px}
.hrnav-pwa-nudge-dismiss{min-width:34px;min-height:38px;border:0;background:transparent;color:inherit;font:24px/1 system-ui,Arial,sans-serif;cursor:pointer}
body.hrnav-pwa-dialog-open{overflow:hidden!important}
@media(min-width:981px){.hrnav-pwa-nudge{bottom:28px}}
@media(max-width:360px){.hrnav-pwa-modal{padding-inline:16px}.hrnav-pwa-modal>img{width:66px;height:66px}}
@media(prefers-reduced-motion:reduce){.hrnav-pwa-modal *{animation:none!important;transition:none!important}}
