.site-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.site-metrics .panel{padding:18px;color:inherit;text-decoration:none}.site-metrics strong{display:block;font-size:28px;margin-top:8px}.site-list-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--border,#343a40);color:inherit;text-decoration:none}.site-list-row:last-child{border-bottom:0}.site-list-row small{display:block;margin-top:5px;color:var(--muted,#9aa3ab)}.site-selector select{max-width:190px;font:inherit;padding:8px}.site-selector{display:flex;align-items:center;gap:6px}dialog{max-width:min(600px,calc(100vw - 32px));border:1px solid #434951;border-radius:16px;padding:24px;background:var(--panel,#1d2024);color:inherit}dialog::backdrop{background:#0009}@media(max-width:700px){.site-metrics{gap:6px}.site-metrics .panel{padding:12px 8px}.site-metrics strong{font-size:24px}.site-list-row{align-items:flex-start;flex-wrap:wrap}.site-selector select{max-width:140px}.breadcrumb{display:none}}
.pairing-command{overflow:auto;margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--card);font-size:12px;line-height:1.7}.pairing-command code{white-space:pre-wrap;overflow-wrap:anywhere}.pairing-site-picker{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 16px}.pairing-site-picker h2{margin:0 0 5px;font-size:16px}.pairing-site-picker p{margin:0;color:var(--muted);font-size:12px}.pairing-site-form{display:grid;grid-template-columns:minmax(210px,1fr) auto;gap:8px;align-items:end;min-width:min(480px,52%)}.pairing-site-form label{grid-column:1/-1;color:var(--muted);font-size:11px}.pairing-site-form select{min-height:40px;width:100%;padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--txt);font:inherit}.pairing-site-form .btn{min-height:40px;white-space:nowrap}.pairing-destination{margin:0 0 4px;padding:11px 13px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--blue) 8%,var(--card));color:var(--muted)}.pairing-destination strong{margin-left:6px;color:var(--txt)}@media(max-width:700px){.pairing-site-picker{align-items:stretch;flex-direction:column}.pairing-site-form{min-width:0;width:100%}}
