.connection-status-banner{position:fixed;top:0;left:0;right:0;z-index:99999;text-align:center;padding:10px 16px;font-family:Cairo,sans-serif;font-weight:700;font-size:.85rem;color:#fff;transform:translateY(-100%);transition:transform .3s ease}.connection-status-banner--visible{transform:translateY(0)}.connection-status-banner--offline{background:#dc3545}.connection-status-banner--online{background:#198754}.connection-status-banner--retrying{background:#fd7e14}