.pair-wrap [hidden]{display:none!important}

.pair-wrap{max-width:1240px;margin:2.5rem auto;padding:0 1.5rem}.pair-wrap h1{font:700 clamp(1.8rem,3vw,2.2rem)/1.2 var(--display);color:var(--gold-bright)}.pair-wrap h2{font:700 1.5rem/1.3 var(--display);color:var(--gold-bright)}.pair-head{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.pair-wrap .muted{color:var(--muted);font-size:.88rem;line-height:1.5}.pair-head p{margin-top:.5rem}.pair-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem}.pair-card{min-width:0;border:1px solid var(--border);border-radius:6px;background:var(--surface);padding:1.5rem}.pair-eyebrow{font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:var(--gold);margin:0 0 1rem}.pair-card>h2+p{margin-top:.5rem}.pair-code-layout{display:flex;align-items:center;gap:1.5rem;margin-top:1.25rem;flex-wrap:wrap}.pair-code-layout>div{min-width:0}#qr{width:172px;flex:0 0 172px;background:white;padding:8px;border-radius:4px}#qr svg{display:block;width:100%;height:auto}.code{font:700 clamp(1.25rem,2.3vw,1.8rem)/1.5 ui-monospace,monospace;letter-spacing:.06em;color:var(--gold-bright);user-select:all;overflow-wrap:anywhere}.pair-wrap button{min-height:44px;font-size:.88rem;font-weight:600;line-height:1.4;font-family:inherit;padding:.6rem 1rem;border-radius:4px;border:1px solid var(--border);background:var(--surface-2);color:var(--gold-bright);cursor:pointer}.pair-wrap button:hover{border-color:var(--gold)}.pair-wrap button:disabled{opacity:.6;cursor:wait}.pair-wrap button:focus-visible,.pair-wrap input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.pair-wrap .pair-primary{background:linear-gradient(var(--gold-fill-bright),var(--gold-fill-deep));color:var(--on-gold);border-color:var(--gold-fill)}.pair-generate{margin-top:1.25rem}.pair-generate>button{width:100%}.pair-note{font-size:.8rem;color:var(--muted);line-height:1.5;margin-top:1rem}.pair-steps{list-style:none;counter-reset:pair-step;padding:0;display:grid;gap:1.2rem;margin:1.5rem 0}.pair-steps li{counter-increment:pair-step;display:flex;gap:.9rem}.pair-steps li:before{content:counter(pair-step);border:1px solid var(--border);border-radius:50%;width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;color:var(--gold)}.pair-steps p{margin-top:.3rem}.pair-devices{margin-top:2rem}.pair-devices .pair-head{margin-bottom:1rem}.pair-device-table{border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--surface)}.pair-device,.pair-device-head{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem 1.2rem}.pair-device-head{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--surface-2)}.pair-device{border-top:1px solid var(--border);font-size:.86rem}.pair-device>div{min-width:0}.pair-device strong,.pair-device small{display:block;overflow-wrap:anywhere}.pair-device small{color:var(--muted);margin-top:.25rem}.pair-device-actions{display:flex;gap:.5rem}.pair-device-actions button{font-size:.76rem;padding:.45rem .65rem}.pair-device-time{color:var(--ink-2)}.pair-device-time small{display:none}.pair-wrap .warn{color:var(--red)}#deviceDialog{margin:auto;width:min(450px,calc(100% - 32px));padding:1.5rem;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:8px}#deviceDialog::backdrop{background:var(--scrim)}#deviceDialogNote{margin:1rem 0}#deviceNameLabel{display:block;font-size:.85rem}#deviceName{display:block;width:100%;margin-top:.4rem;padding:.7rem;color:var(--ink);background:var(--surface-2);border:1px solid var(--border);border-radius:4px;font:inherit}.pair-dialog-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.3rem}
@media(max-width:760px){.pair-wrap{padding:0 1rem;margin:1.5rem auto}.pair-head{align-items:start;flex-direction:column;gap:.5rem}.pair-grid{grid-template-columns:minmax(0,1fr)}.pair-card{padding:1.2rem}.pair-device-head{display:none}.pair-device{grid-template-columns:minmax(0,1fr) auto;gap:.5rem .7rem;padding:1rem}.pair-device-actions{grid-column:2;grid-row:1/4;flex-direction:column}.pair-device-time{grid-column:1;font-size:.8rem}.pair-device-time small{display:inline;margin-right:.3rem}.pair-device-table>.pair-device:first-child{border-top:0}}@media(max-width:400px){.pair-code-layout{flex-direction:column;align-items:center;text-align:center;gap:1rem}}