.server-selector { margin-bottom: 16px; }
.server-picker { display: grid; grid-template-columns: repeat(auto-fit, minmax(245px, 1fr)); gap: 10px; margin: 20px 0 12px; }
.server-choice { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; text-align: left; padding: 15px; border: 1px solid #29435e; border-radius: 15px; background: #081522; color: #eef4fa; cursor: pointer; }
.server-choice:hover, .server-choice.selected { border-color: var(--green); background: #10283a; }
.server-choice:disabled { opacity: .55; cursor: not-allowed; }
.server-choice span:nth-child(2) { min-width: 0; }
.server-choice b, .server-choice small { display: block; }
.server-choice small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--muted); margin-top: 4px; }
.server-choice em { font-style: normal; color: var(--green); font-size: 10px; }
.server-flag { font-size: 27px; }
.eco-note { display: block; color: var(--green); }
#routingForm select { width: 100%; padding: 13px 14px; border: 1px solid #29435e; border-radius: 11px; background: #06111f; color: white; }

/* 3.0.0 UI polish and explicit protocol capability states. */
.protocol-card{background:radial-gradient(circle at 100% 0,#17334b 0,transparent 48%),linear-gradient(145deg,#0d1f32,#091624)}.protocol-picker{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.protocol-chip{padding:9px 12px;border-radius:999px;border:1px solid #29435e;background:#091725;color:#91a5ba;font-size:11px}.protocol-chip.active{border-color:#2addc16b;background:#10332f;color:#8df0df}.protocol-chip.planned{border-style:dashed;color:#7c8ea3}.server-choice{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.server-choice:hover{transform:translateY(-2px);box-shadow:0 14px 32px #0004}.server-choice:focus-visible{outline:2px solid #2addc1;outline-offset:3px}