.connection-card{border-top:4px solid #2563eb}
.connection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.connection-item{display:flex;gap:13px;align-items:flex-start;border:1px solid #e2e8f0;border-radius:14px;padding:16px;background:#f8fafc}
.connection-item.ok{border-color:#86efac;background:#f0fdf4}
.connection-item.warning{border-color:#fcd34d;background:#fffbeb}
.connection-item.error{border-color:#fca5a5;background:#fef2f2}
.connection-item.loading{border-color:#bfdbfe;background:#eff6ff}
.connection-icon{font-size:25px;line-height:1}
.connection-item small{display:block;color:#64748b;font-weight:800;margin-bottom:4px}
.connection-item b{display:block;font-size:18px}
.connection-item p{margin:5px 0 0;color:#475569;font-size:13px;line-height:1.45}
.connection-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:13px;color:#64748b;font-size:13px}
@media(max-width:700px){.connection-grid{grid-template-columns:1fr}.connection-footer{align-items:flex-start;flex-direction:column}}