/* CSS/offline.css — Aviso de conexión (modo sin conexión). Una sola franja fija, sin anchos fijos, que envuelve el texto en móvil. */
.offline-banner {
    position: fixed; left: 0; right: 0; top: 0; z-index: 10000;
    padding: 8px 16px; text-align: center; font-size: 0.82rem; font-weight: 700; line-height: 1.35;
    color: #fff; overflow-wrap: anywhere;
}
.offline-banner[hidden] { display: none; }
.offline-banner.is-offline { background: #b45309; }
.offline-banner.is-online { background: #15803d; }