/* Preserve the OLD amber offline indicator without covering NEW's composer. */
#offline-indicator[hidden] { display: none; }
#offline-indicator { position: fixed; left: 16px; bottom: 112px; z-index: 50; display: flex; gap: 12px; align-items: center; max-width: 360px; padding: 12px; border-radius: 12px; border: 1px solid #f59e0b66; background: #78350feF; color: #fcd34d; box-shadow: 0 12px 30px #0004; font: 12px/1.5 system-ui, sans-serif; pointer-events: none; }
#offline-indicator strong { display: block; color: white; font-size: 12px; }
#offline-indicator svg { flex: 0 0 24px; color: #fbbf24; }
@media (max-width: 600px) { #offline-indicator { left: 12px; right: 12px; bottom: calc(126px + env(safe-area-inset-bottom)); max-width: none; font-size: 11px; } }