.server-form-actions{display:flex;gap:10px;align-items:center}.server-form-actions button{flex:1;margin:0}.server-form-actions button:disabled{opacity:.38;cursor:not-allowed;filter:grayscale(.7)}.test-button{background:linear-gradient(135deg,#3459aa,#458de0)!important}.connection-visual{grid-column:1/-1;margin-top:20px;padding:22px;background:linear-gradient(145deg,#0b1118,#111b25);border:1px solid #2b3949;border-radius:15px;box-shadow:inset 0 1px #ffffff08}.connection-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.connection-head h3{font-family:"B Titr";margin:0}.connection-head p{margin:3px 0 0;color:var(--muted)}.connection-badge{font:700 .72rem Arial;padding:7px 11px;border-radius:20px}.connection-badge.testing{background:#453a16;color:#f4d46d}.connection-badge.success{background:#133f34;color:#75e8c1}.connection-badge.error{background:#4b2028;color:#ff9da8}.connection-chart{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.connection-line{position:absolute;z-index:0;left:9%;right:9%;top:27px;height:3px;background:#697688}.connection-chart article{z-index:1;text-align:center}.connection-chart article>span{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 10px;border-radius:50%;background:#161f2a;border:3px solid #536071;color:#9aa8b8;font:bold 1rem Arial;transition:.3s}.connection-chart article b,.connection-chart article small{display:block}.connection-chart article small{color:var(--muted)!important}.connection-chart article.running>span{border-color:#e5bd43;color:#f0cc5f;box-shadow:0 0 0 7px #e5bd4318;animation:testPulse 1.2s infinite}.connection-chart article.success>span{background:#1fc18e;border-color:#55e7bb;color:#063a2b;box-shadow:0 0 0 7px #1fc18e18}.connection-chart article.success small{color:#64ddb8!important}.connection-chart article.error>span{background:#b94755;border-color:#ec7783;color:#fff;box-shadow:0 0 0 7px #e75b6918}.connection-chart article.error small{color:#ff929d!important}#connectionDetails{direction:ltr;text-align:left;white-space:pre-wrap;margin:22px 0 0;padding:13px;background:#060a0f;color:#a9c5d6;border:1px solid #23313f;border-radius:9px;max-height:180px;overflow:auto;font-size:.75rem}@keyframes testPulse{50%{transform:scale(1.08)}}@media(max-width:700px){.server-form-actions{display:block}.server-form-actions button{width:100%;margin-top:8px}.connection-chart{grid-template-columns:1fr 1fr;gap:22px}.connection-line{display:none}.connection-head{display:block}.connection-badge{display:inline-block;margin-top:8px}}