.offline-status{position:fixed;right:18px;bottom:18px;z-index:9999;border:0;border-radius:999px;padding:11px 16px;background:#0d6fd5;color:#fff;font:700 14px/1.2 system-ui,sans-serif;box-shadow:0 8px 26px rgba(8,33,61,.25);cursor:pointer}.offline-status.is-offline{background:#9a6200}.offline-status.has-error{background:#a12622}.offline-panel{position:fixed;right:18px;bottom:72px;z-index:9999;width:min(390px,calc(100vw - 36px));max-height:55vh;overflow:auto;background:#fff;color:#172b42;border:1px solid #ccd8e6;border-radius:16px;padding:16px;box-shadow:0 18px 50px rgba(8,33,61,.24);font:14px/1.45 system-ui,sans-serif}.offline-panel[hidden]{display:none}.offline-panel h2{font-size:18px;margin:0 0 8px}.offline-panel p{margin:6px 0}.offline-panel ul{list-style:none;margin:12px 0;padding:0}.offline-panel li{border-top:1px solid #e5ebf2;padding:10px 0}.offline-panel small{display:block;color:#617187}.offline-panel .offline-error{color:#a12622}.offline-panel button{border:0;border-radius:8px;padding:8px 11px;background:#0d6fd5;color:#fff;font-weight:700;cursor:pointer}.offline-panel button[data-remove-operation]{background:#a12622;margin-top:7px}@media print{.offline-status,.offline-panel{display:none!important}}