.crm-network-status:not([hidden]) {
  position:fixed; z-index:9999; left:50%; bottom:calc(8px + env(safe-area-inset-bottom));
  transform:translateX(-50%); width:max-content; max-width:95vw; padding:8px 14px;
  border:1px solid #dfbd77; border-radius:9px; background:#fff4d8; color:#392e17;
  font:600 14px/1.4 system-ui; box-shadow:0 2px 8px #0003;
}
.crm-network-status button {margin-left:10px;padding:5px 9px;color:#453107;background:white;border:1px solid #baa16b;border-radius:5px}
.crm-offline-queue {max-width:min(94vw,700px);max-height:85dvh;overflow:auto;background:#fff;color:#182435;padding:18px;border-radius:10px}
.crm-offline-queue pre {white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:760px){.crm-network-status:not([hidden]){bottom:calc(72px + env(safe-area-inset-bottom))}}