.web-connect-button { min-width: 116px; height: 34px; border: 1px solid rgba(23,33,30,.16); border-radius: 9px; padding: 0 12px; background: #173c32; color: #f7fbf8; font-size: 12px; font-weight: 720; cursor: pointer; }
.web-connect-button[data-state="connected"] { border-color: rgba(49,95,80,.22); background: #dfe9e3; color: #21483c; }
.web-connect-button:disabled { opacity: .55; }
.web-pair-dialog { inset: 0; width: min(420px, calc(100vw - 28px)); margin: auto; padding: 28px; border: 1px solid rgba(23,33,30,.16); border-radius: 16px; background: #fbfaf6; color: #17211e; box-shadow: 0 28px 72px -36px rgba(16,26,22,.68); }
.web-pair-dialog::backdrop { background: rgba(31,37,34,.3); }
.web-pair-dialog h2 { margin: 0 0 8px; font-size: 22px; letter-spacing: -.03em; }
.web-pair-dialog p { margin: 0; color: #68716d; font-size: 13px; line-height: 1.6; }
.web-pair-qr-wrap { display: grid; min-height: 266px; margin: 22px 0 16px; place-items: center; border-radius: 12px; background: #f3f1eb; }
.web-pair-dialog footer { display: flex; justify-content: flex-end; margin-top: 20px; }
.web-pair-dialog footer button { height: 36px; border: 1px solid #d9d9d1; border-radius: 9px; padding: 0 15px; background: transparent; color: #59625e; cursor: pointer; }