.offline-strip{margin:12px 24px 0;padding:10px 14px;border:1px solid #dce4ee;border-left:3px solid #00b0f0;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}
.offline-strip strong{display:block;color:#17213e;font-size:13px}.offline-strip small{display:block;color:#64748b;margin-top:3px}.offline-actions{display:flex;gap:6px;flex-wrap:wrap}.offline-actions button.secondary{padding:8px 10px;font-size:12px;white-space:nowrap}.offline-actions [hidden]{display:none}.offline-error{border-left-color:#c90087;background:#fff5fb}
@media(max-width:700px){.offline-strip{margin:10px 12px 0;align-items:flex-start;flex-direction:column}.offline-actions{width:100%}.offline-actions button.secondary{white-space:normal}}
@media print{.offline-strip{display:none!important}}