.sc-pwa { padding: .5rem 1rem; padding-inline: max(1rem, env(safe-area-inset-left)) max(1rem, env(safe-area-inset-right)); padding-bottom: max(.5rem, env(safe-area-inset-bottom)); font-size: .875rem; color: var(--bs-body-color, #222b45); background: var(--bs-body-bg, #fff); border-bottom: 1px solid var(--bs-border-color, #e5e7eb); }
.sc-pwa button, .sc-pwa summary { min-height: 44px; cursor: pointer; }
.sc-pwa button { padding: .5rem .75rem; border: 1px solid #1ab394; border-radius: .375rem; background: transparent; color: inherit; }
.sc-pwa p { margin: .5rem 0; max-width: 70rem; }
.sc-pwa [hidden], .sc-pwa[hidden] { display: none !important; }
.sc-pwa:not(:has(> :not([hidden]))) { display: none; }
@media (display-mode: standalone) {
    body { padding-top: env(safe-area-inset-top); padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); padding-bottom: env(safe-area-inset-bottom); }
    .sc-app-shell .app-topbar { top: env(safe-area-inset-top); }
    .sc-app-shell .sidenav-menu { top: env(safe-area-inset-top); bottom: env(safe-area-inset-bottom); padding-left: env(safe-area-inset-left); }
    .modal-dialog { padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom); }
}
@media print { .sc-pwa { display: none !important; } }