.offline-status{position:sticky;top:0;z-index:8;display:flex;align-items:center;gap:10px;min-height:43px;padding:7px max(28px,calc((100vw - 1480px)/2));background:#eaf1e8;border-bottom:1px solid #cad9cb;color:#315943;font-size:.8rem;line-height:1.5}
.offline-status strong{white-space:nowrap;border-radius:20px;background:#d5e8d8;padding:2px 9px}
.offline-status span{flex:1;min-width:0}
.offline-status button{border:1px solid #b7cbb8;border-radius:7px;background:#fff;color:#2f5946;padding:5px 9px;font-size:.76rem;font-weight:700;white-space:nowrap}
.offline-status[data-state="offline"]{background:#fff1d8;border-color:#e8d3aa;color:#755523}
.offline-status[data-state="offline"] strong{background:#f7dda5}
.offline-status[data-state="pending"]{background:#eef0fa;border-color:#cbd3ec;color:#455681}
.offline-status[data-state="pending"] strong{background:#dce3f5}
.offline-status[data-state="failed"]{background:#fbe9e5;border-color:#e4c5bd;color:#8f4a3c}
.offline-status[data-state="failed"] strong{background:#f2d4cc}
.queue-item{border-top:1px solid #e4e9e2;padding:12px 0;line-height:1.5}
.queue-item:first-child{margin-top:14px}.queue-item strong{font-size:.9rem}.queue-item p{font-size:.79rem;color:#687a6d;margin:5px 0}
.queue-item div{display:flex;gap:7px}.queue-item button{border:1px solid #b9cdbb;background:#fff;color:#315b47;padding:6px 9px;border-radius:6px;font-size:.78rem}
.queue-item button:disabled{opacity:.5}.error-text{min-height:1.1rem;color:#a24537;font-size:.83rem}
.offline-compose-hint{border-left:3px solid #bb9650;background:#fff7e7;padding:9px 11px;color:#6d532b;font-size:.82rem;line-height:1.5;margin:7px 0 12px}
@media(max-width:700px){.offline-status{flex-wrap:wrap;gap:4px 8px;padding:6px 15px;font-size:.75rem}.offline-status span{flex-basis:calc(100% - 100px)}.offline-status button{font-size:.72rem;padding:4px 7px}}