[data-pwa-install][hidden], .pwa-notice[hidden] { display: none !important; }
.orders-offline-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:.7rem; padding:.85rem 1.2rem; border-bottom:1px solid #dceaf3; font-size:.85rem; }
.orders-offline-toolbar > span { margin-right:auto; color:#587083; }
.orders-offline-select { width:20px; height:20px; margin-right:.65rem; vertical-align:middle; accent-color:#1680b6; }
.pwa-notices { padding: 0 1rem; }
.pwa-notice { display: flex; align-items: center; gap: .8rem; padding: .85rem 1rem; margin: .75rem 0; border: 1px solid #b9e3f7; border-radius: 12px; background: #eaf7fe; color: #183044; font-size: .9rem; }
.pwa-notice > span { flex: 1; }
.pwa-notice--connection { border-color: #f4d1a3; background: #fff6e9; }
.pwa-notice--restored { border-color: #b9e3f7; background: #eaf7fe; }
.pwa-install-button { color: #117ba9 !important; }
.pwa-dialog { border: 1px solid #dceaf3; border-radius: 20px; padding: 1.5rem; width: min(480px, calc(100% - 2rem)); max-height: calc(100dvh - 2rem); overflow-y: auto; box-shadow: 0 20px 80px #18304424; color: #183044; }
.pwa-dialog:not([open]) { display: none; }
.pwa-dialog::backdrop { background: #10263866; }
.pwa-dialog__heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5rem; }
.pwa-app-mark { display: grid; place-items: center; background: #eaf7fe; color: #117ba9; width: 48px; height: 48px; border-radius: 14px; }
.pwa-dialog h2 { font-size: 1.45rem; letter-spacing: -.025em; }
.pwa-dialog p { line-height: 1.6; }
.pwa-dialog__note { margin-bottom: 0; font-size: .85rem; color: #526b7e; padding-top: 1rem; border-top: 1px solid #e5eef5; }
.pwa-login-install { text-align: center; padding: 0 1rem max(1rem, env(safe-area-inset-bottom)); }
.app-login-page > .pwa-notices { width: min(100%, 720px); }
.app-order-editor .app-order-table-wrap { position: relative; max-width: 100%; }
@media (display-mode: standalone) {
    .app-navbar { padding-top: max(.5rem, env(safe-area-inset-top)); }
    .main-sidebar { padding-top: env(safe-area-inset-top); }
    .main-footer { padding-bottom: max(1rem, env(safe-area-inset-bottom)); }
    [data-widget="fullscreen"] { display: none; }
}
@media (max-width: 767px) {
    .pwa-notices { padding: 0 .75rem; }
    .pwa-notice { flex-wrap: wrap; gap: .6rem; }
    .pwa-notice > span { flex-basis: calc(100% - 2rem); }
    .pwa-notice > button { width: 100%; min-height: 44px; }
    .pwa-dialog button { min-width: 44px; min-height: 44px; }
    .app-order-editor .form-control, .commercial-root .form-control, #commercial-root .form-control { font-size: 16px; }
    .app-order-editor .app-file-item { flex-wrap: wrap; }
    .app-order-editor .app-file-item__name { min-width: 0; overflow-wrap: anywhere; }
    .app-order-editor .app-file-item .btn, .app-order-editor .app-upload-zone { min-height: 44px; }
    .app-order-editor .app-order-savebar, .commercial-sticky { padding-bottom: max(.75rem, env(safe-area-inset-bottom)); }
    .app-order-editor .app-order-savebar__actions .btn { white-space: nowrap; font-size: 1rem; padding: .6rem .75rem; min-height: 44px; }
    .app-navbar .app-navbar-action { min-width: 44px; min-height: 44px; }
}
@media print { .pwa-notices, .pwa-dialog, .pwa-login-install, [data-pwa-install] { display: none !important; } }
