.offline-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;margin:12px 0;background:#eef8f6;border:1px solid #a6cec7;border-radius:12px;font-size:16px}
.offline-bar[data-offline="true"]{background:#fff8e8;border-color:#e4c68a}
.offline-bar span{min-width:0;overflow-wrap:anywhere;flex:1 1 250px}
.offline-bar button{margin:0;min-height:44px}
.offline-manager{box-sizing:border-box;width:min(760px,calc(100% - 24px));max-height:90dvh;overflow:auto;border:1px solid #bad4ce;border-radius:18px;padding:20px;font-size:16px;color:#163b36}
.offline-manager::backdrop{background:#102a3566}
.offline-manager .bar{flex-wrap:wrap;gap:8px}
.offline-manager h2{font-size:22px;margin:0}
.offline-manager p{overflow-wrap:anywhere}
.offline-manager .actions{flex-wrap:wrap}
.offline-manager button{min-height:44px;max-width:100%;white-space:normal}
.offline-draft-notice button{margin:8px 0 0}