/* App controls follow the existing PLANI design system. */
.plani-install[hidden],.plani-offline[hidden]{display:none!important}
.login>.plani-install{margin-top:20px}
.plani-install-dialog{width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:0;border:1px solid var(--line,#dce3f2);border-radius:24px;background:var(--s1,#fff);color:var(--ink,#152954);box-shadow:0 24px 90px #091c4d33}
.plani-install-dialog::backdrop{background:#091c4d80}
.plani-install-content{padding:30px;line-height:1.65}
.plani-install-content h2{font-family:'Bricolage Grotesque',sans-serif;line-height:1.15;font-size:30px;margin:10px 0 18px}
.plani-install-content .btn{margin-top:12px}
.plani-offline{position:fixed;bottom:calc(86px + env(safe-area-inset-bottom));left:16px;right:16px;max-width:550px;margin:auto;padding:14px 18px;border-radius:14px;background:#fff1bd;color:#352a04;box-shadow:0 4px 24px #0002;z-index:150;font-size:14px;line-height:1.5}
@media(display-mode:standalone){.bottombar{padding-bottom:env(safe-area-inset-bottom)}body{padding-top:env(safe-area-inset-top)}}
@media(max-width:600px){.top-right>.plani-install{font-size:12px;min-height:36px;padding:7px 10px}.plani-install-content{padding:24px}}