.phone-pair-button { position:absolute; top:930px; left:568px; width:400px; min-height:47px; padding:11px 16px; border:1px solid #c0a371; border-radius:24px; background:#172b40ed; color:#fff0d0; font:600 15px 'Segoe UI',Arial,sans-serif; box-shadow:0 5px 20px #0005; }
.phone-pair-button:hover { background:#294760; }
#phone-pair-dialog { width:min(510px,calc(100vw - 24px)); max-height:calc(100svh - 32px); padding:0; border:1px solid #697e94; border-radius:16px; background:#142235; color:#eff5ff; overflow:auto; }
#phone-pair-dialog::backdrop { background:#06101bd6; backdrop-filter:blur(4px); }
#phone-pair-dialog .dialog-bar { position:sticky; top:0; background:#1b2d44; z-index:1; }
#phone-pair-close { min-width:44px; min-height:44px; }
.phone-pair-content { padding:18px 26px 26px; text-align:center; }
.phone-pair-content h2 { font-size:25px; margin:0 0 12px; }
.phone-pair-content p { font-size:14px; line-height:1.6; color:#c9d7e9; }
#phone-qr:not(:empty) { width:min(280px,100%); margin:20px auto; padding:0; background:#fff; border:8px solid white; border-radius:6px; }
#phone-qr svg { display:block; width:100%; height:auto; }
#phone-pair-status { color:#e9ce99; min-height:44px; }
#phone-link { display:block; color:#acdffc; font-size:13px; padding:8px 0; }
.phone-pair-note { padding-top:12px; border-top:1px solid #ffffff1a; }
.phone-pair-content details { text-align:left; color:#abc1d8; font-size:12px; }
.phone-pair-content summary { cursor:pointer; padding:10px 0; }
.phone-pair-content details p { font-size:12px; }
.phone-pair-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.phone-pair-actions button { flex:1; min-height:44px; border:1px solid #687c93; border-radius:7px; background:#253b55; color:#e9f1fa; font-size:13px; padding:10px; }
#phone-pair-dialog [hidden] { display:none; }