.connection-alert{padding:10px;border-radius:8px;font-weight:600;text-align:center;margin-bottom:10px}.connection-alert.reconnecting{background-color:#fef08a;color:#854d0e;border:1px solid #fde047}.connection-alert.disconnected{background-color:#fecaca;color:#991b1b;border:1px solid #fca5a5}.connection-alert button{margin-left:10px;padding:4px 10px;border:1px solid #991b1b;background:#fff;color:#991b1b;border-radius:4px;cursor:pointer;font-weight:700}.connection-alert button:hover{background:#fef2f2}