.router-form-intro{display:flex;align-items:center;gap:13px;margin:0 0 18px;padding:14px;border:1px solid #e5eaf4;border-radius:12px;background:#f7f9fd}.router-form-intro p{margin:4px 0 0;font-size:12px}.router-transport{padding:13px;border:1px solid #e8ecf3;border-radius:10px;background:#fafbfe}.router-transport .footnote{margin:8px 0 0 27px}.table-card .card-head .actions{align-items:center}@media(max-width:700px){.router-form-intro{align-items:flex-start}.router-transport .footnote{margin-left:0}}
.router-status{display:grid;grid-template-columns:12px minmax(0,1fr);align-items:center;gap:4px 8px;min-width:140px}.router-status-dot{width:10px;height:10px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 3px #94a3b81f}.router-status-dot.checking{background:#e2a328;box-shadow:0 0 0 3px #e2a32825;animation:router-pulse 1s ease-in-out infinite}.router-status-dot.connected{background:#0f9f79;box-shadow:0 0 0 3px #0f9f7925}.router-status-dot.disconnected{background:#d9485f;box-shadow:0 0 0 3px #d9485f25}.router-status-dot.unknown{background:#94a3b8}.router-status-label{font-size:11px;color:#35425c;overflow-wrap:anywhere}.router-status small{grid-column:2;color:#8893a6;font-size:10px;overflow-wrap:anywhere}.router-status .router-status-error{max-width:250px;color:#b93247}.table-card td .router-status{white-space:normal}@keyframes router-pulse{50%{opacity:.4}}@media(max-width:760px){.router-status{min-width:110px}}