/* Scoped to To-do and sign-in; retain normal CRM navigation and authorization. */
.todo-pwa-page {padding-bottom:calc(150px + env(safe-area-inset-bottom, 0px))}
.todo-pwa-page .header {padding-top:calc(18px + env(safe-area-inset-top, 0px));overflow-wrap:anywhere}
.todo-pwa-page .container {padding-left:max(12px, env(safe-area-inset-left, 0px));padding-right:max(12px, env(safe-area-inset-right, 0px))}
.todo-pwa-page .bottom-nav {padding-bottom:calc(12px + env(safe-area-inset-bottom, 0px));padding-left:env(safe-area-inset-left, 0px);padding-right:env(safe-area-inset-right, 0px);box-sizing:border-box}
@media(max-width:767px) {
 .todo-pwa-page #todos input,.todo-pwa-page #todos select,.todo-pwa-page #todos textarea {font-size:16px}
 .todo-pwa-page .header {font-size:22px;display:flex;flex-direction:column;gap:8px}
 .todo-pwa-page .header>span {float:none!important;font-size:14px!important}
 .todo-pwa-page .header button {width:auto;margin:0;padding:8px 12px;font-size:16px;min-height:44px}
 .todo-pwa-page #todos dialog {max-height:calc(100dvh - 40px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));overflow-y:auto}
}