.logistics-pwa-tools{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 16px calc(8px + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0;z-index:900;font:14px system-ui,sans-serif;background:#f3f6f8;color:#102f47;border-top:1px solid #dce5eb;box-shadow:0 -3px 16px #102f470a}
body:has(.logistics-pwa-tools){padding-bottom:calc(80px + env(safe-area-inset-bottom))}html:has(.logistics-pwa-tools){scroll-padding-bottom:100px}
.logistics-pwa-tools:not(:has(> :not([hidden]))){display:none}body:has(.logistics-pwa-tools:not(:has(> :not([hidden])))){padding-bottom:0}
.logistics-pwa-tools button,.logistics-install-dialog button{min-height:44px;min-width:44px;border:1px solid #c8d8e3;border-radius:12px;background:white;color:#102f47;padding:10px 16px;font:600 14px system-ui,sans-serif;cursor:pointer}
.logistics-pwa-tools [hidden]{display:none!important}.logistics-offline{color:#8f4b0c;background:#fff2d6;padding:10px 14px;border-radius:10px;overflow-wrap:anywhere}
.logistics-install-dialog{box-sizing:border-box;width:calc(100% - 32px);max-width:430px;border:1px solid #dce5eb;border-radius:18px;padding:24px;color:#102f47;font:16px/1.6 system-ui,sans-serif;max-height:85dvh;overflow:auto}
.logistics-install-dialog::backdrop{background:#071d3ab3}.logistics-install-dialog h2{font-size:22px;margin:0 0 12px}.logistics-install-dialog button{float:right}.logistics-install-dialog button:focus-visible,.logistics-pwa-tools button:focus-visible{outline:3px solid #087f73;outline-offset:3px}
@media(display-mode:standalone){.logistics-pwa-tools:has(>span[hidden]):has(>button[hidden]):not(:has(>button:not([hidden]))){display:none}}
@media print{.logistics-pwa-tools,.logistics-install-dialog{display:none!important}}
/* Courier-only: preserve the device viewport and allow readable controls on narrow phones. */
body:has(#workspace) .counts{grid-template-columns:repeat(4,minmax(0,1fr))}
body:has(#workspace) .stat{min-width:0;overflow-wrap:anywhere}
body:has(#workspace) .task h3,body:has(#workspace) .address{overflow-wrap:anywhere}
body:has(#workspace) .task-links{flex-wrap:wrap;gap:8px 16px}
body:has(#workspace) .task-links a{display:inline-flex;align-items:center;min-height:44px}
body:has(#workspace) .app-header{padding-top:calc(12px + env(safe-area-inset-top))}
@media(max-width:720px){body:has(#workspace) input,body:has(#workspace) select,body:has(#workspace) textarea{font-size:16px}body:has(#workspace) .workspace{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}}
@media(max-width:480px){body:has(#workspace) .counts{grid-template-columns:repeat(2,minmax(0,1fr))}body:has(#workspace) .welcome{align-items:flex-start}body:has(#workspace) .welcome>div{min-width:0}body:has(#workspace) .welcome h1{overflow-wrap:anywhere}}