.pwa-bar{position:fixed;right:14px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:80;display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:calc(100% - 28px);padding:8px 12px;border:1px solid #d9e2ef;border-radius:12px;background:#fff;box-shadow:0 5px 20px #18314f20;font:13px/1.4 Arial,sans-serif;color:#344a68}.pwa-bar button{background:#f1f5fb;border:1px solid #d5deec;border-radius:7px;color:#244770;font:inherit;font-weight:700;padding:8px;min-height:38px;cursor:pointer}.pwa-connection{display:flex;gap:6px;align-items:center}.pwa-connection:before{content:"";width:8px;height:8px;flex:0 0 8px;border-radius:100%;background:#d4941b}.pwa-connection[data-connection=connected]:before{background:#16845b}.pwa-dialog{max-width:min(680px,calc(100% - 24px));width:680px;max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #d4ddec;border-radius:15px;padding:20px;background:#fff;color:#263c59;font:15px/1.5 Arial,sans-serif;box-shadow:0 15px 60px #17294155}.pwa-dialog::backdrop{background:#0b213bc2}.pwa-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.pwa-dialog h2{font-size:21px;margin:0}.pwa-dialog h3{font-size:17px;margin:0 0 6px}.pwa-dialog .button,.offline-page .button{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;min-height:42px;padding:9px 13px;border:1px solid #cfdaea;border-radius:8px;background:#f4f7fc;color:#244569;font:700 14px/1.35 Arial,sans-serif;cursor:pointer}.pwa-dialog .button.primary,.offline-page .button.primary{background:#173c71;color:#fff;border-color:#173c71}.pwa-dialog .button.danger{color:#9a2832;background:#fff5f5;border-color:#e7cbd0}.pwa-dialog .button:disabled{opacity:.6;cursor:default}.pwa-dialog [hidden],.pwa-bar [hidden]{display:none!important}.pwa-muted{font-size:13px;color:#687b92}.pwa-error{color:#9a2832;overflow-wrap:anywhere}.pwa-trust-choice{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid #d7e1ee;border-radius:10px;background:#f6f8fc}.pwa-trust-choice input{width:20px;height:20px;flex:0 0 20px;margin:1px 0}.pwa-outbox-card{padding:14px;border:1px solid #d7e0ed;border-radius:10px;margin:12px 0;background:#f8fafd}.pwa-outbox-card p{margin:6px 0}.pwa-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.pwa-draft-state{font-weight:700;color:#6b4a06}.pwa-sent-link{display:block;margin:8px 0;color:#245a98}.pwa-draft-fields{display:grid;gap:12px}.pwa-draft-fields label{display:grid;gap:5px;font-weight:700}.pwa-draft-fields input,.pwa-draft-fields textarea{width:100%;box-sizing:border-box;border:1px solid #c9d5e5;border-radius:7px;padding:10px;font:16px Arial,sans-serif;color:#243b59;background:white}.pwa-draft-fields textarea{min-height:85px;resize:vertical}.pwa-queued-notice{padding:20px;border:1px solid #b8d7c5;border-radius:12px;background:#f2fcf6}.offline-page{margin:0;padding:36px 16px 110px;min-height:100vh;box-sizing:border-box;background:#f2f6fb;font:16px/1.6 Arial,sans-serif;color:#2b405d}.offline-card{max-width:560px;margin:40px auto;background:#fff;border:1px solid #dce4ef;border-radius:20px;padding:28px;box-shadow:0 12px 40px #1937520f}.offline-card h1{font-size:30px;line-height:1.2}.offline-eyebrow{font-size:12px;font-weight:800;letter-spacing:.1em;color:#214c86}.offline-actions{display:flex;flex-wrap:wrap;gap:10px}.offline-status{font-size:13px;color:#6e7d92}@media(max-width:600px){.pwa-bar{right:8px;bottom:calc(8px + env(safe-area-inset-bottom));max-width:calc(100% - 16px);gap:6px;padding:7px 9px;font-size:12px}.pwa-bar button{padding:7px;min-height:36px}.pwa-dialog{padding:15px}.pwa-dialog-heading h2{font-size:19px}.offline-card{padding:22px;margin:10px auto}.pwa-dialog .button{min-height:44px}.portal-content{padding-bottom:100px!important}}