.connection-status{max-width:1180px;margin:20px auto;padding:22px 26px;border:2px solid #bb8d32;border-radius:20px;background:#fff8e6;color:#17334b;display:flex;gap:24px;align-items:center;box-shadow:0 6px 18px #263f4b0a}
.connection-status[hidden]{display:none}
.connection-status h2{font-size:1.15rem;line-height:1.55;margin:0 0 7px}
.connection-status p{font-size:1rem;line-height:1.8;margin:0}
.connection-status>div{flex:1;min-width:0}
.connection-status button{flex-shrink:0;min-height:56px;white-space:normal}
.connection-status[data-state="recovered"]{border-color:#54835d;background:#eff9ed}
.connection-startup{max-width:780px;margin:25px auto}
.connection-startup p{line-height:1.85}
@media(max-width:1240px){.connection-status{margin:18px 24px}}
@media(max-width:640px){.connection-status{margin:14px 16px;padding:20px;display:block}.connection-status button{margin-top:16px;width:100%}.connection-status h2{font-size:1.1rem}}