.relay-panel{margin-top:24px}.relay-panel p{line-height:1.6}.relay-filter{display:flex;align-items:end;flex-wrap:wrap;gap:14px;margin:18px 0}.relay-filter label,.relay-field,.relay-secret-label{display:grid;gap:7px;min-width:160px}.relay-filter label{flex:1}.relay-filter input,.relay-filter select,.relay-field input,.relay-field select,.relay-secret-label textarea{box-sizing:border-box;width:100%;min-height:44px;color:inherit;background:var(--panel-2,#f7f9fc);border:1px solid var(--line,#d6e0ee);border-radius:10px;padding:11px}.relay-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.relay-card{border:1px solid var(--line,#d6e0ee);border-radius:16px;padding:20px;min-width:0;background:var(--panel,#fff)}.relay-card .route-toolbar{align-items:start}.relay-card p{margin:8px 0 16px}.relay-status{font-size:13px;font-weight:700;padding:7px 10px;border-radius:99px;background:#edf1f7;color:#36415d;white-space:normal}.relay-card[data-relay-state=enabled] .relay-status{background:#e4f5ec;color:#116747}.relay-card[data-relay-state=draining] .relay-status,.relay-card[data-relay-state=needs_review] .relay-status,.relay-card[data-relay-state=failed] .relay-status{background:#fff2d9;color:#845000}.relay-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}.relay-details dt{font-size:12px;color:var(--muted,#66758d);margin-bottom:5px}.relay-details dd{margin:0;font-size:14px;overflow-wrap:anywhere}.relay-actions{display:flex;flex-wrap:wrap;gap:8px}.relay-actions .btn{font-size:13px;padding:10px 12px}.relay-usage{margin-top:24px;border-top:1px solid var(--line,#d6e0ee);padding-top:20px}.relay-panel summary{cursor:pointer;font-weight:700;padding:12px 0}.relay-dialog{max-width:min(720px,calc(100vw - 28px));width:100%;max-height:90vh;overflow:auto}.relay-dialog .modal-card{width:100%;max-width:none;box-sizing:border-box}.relay-field{margin:16px 0}.relay-secret-label textarea{font-family:monospace;resize:none;overflow-wrap:anywhere}.relay-confirm{display:flex;gap:12px;align-items:start;line-height:1.55;margin:20px 0}.relay-confirm input{width:20px;height:20px;flex-shrink:0;margin-top:3px}.relay-limits .summary-card strong{font-size:21px}.relay-panel .summary-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.relay-panel .summary-card{display:grid;gap:8px;border:1px solid var(--line,#d6e0ee);border-radius:14px;padding:18px;background:var(--panel-2,#f7f9fc);min-width:0}.relay-panel .summary-card span{font-size:13px;color:var(--muted,#66758d)}.relay-panel .summary-card strong{overflow-wrap:anywhere}.relay-panel .table-wrap{overflow:auto}.relay-panel .table-wrap table{min-width:660px}@media(max-width:800px){.relay-cards{grid-template-columns:1fr}.relay-panel .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.relay-panel>.route-toolbar{align-items:start;flex-direction:column}.relay-details{gap:12px}.relay-filter label{min-width:140px}.relay-dialog .modal-card{padding:20px}.relay-panel .btn{min-height:44px}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .relay-status{background:#25314a;color:#d4e0f8}}[data-theme=dark] .relay-status{background:#25314a;color:#d4e0f8}[data-theme=dark] .relay-card[data-relay-state=enabled] .relay-status{background:#163f34;color:#95e5be}[data-theme=dark] .relay-card[data-relay-state=draining] .relay-status{background:#4b391a;color:#f8d78e}
