@import url("../../ui/a11y.css");
.binding-page {margin:0;background:var(--q-paper,#faf8f3)}
.binding-shell { width:min(100% - 32px,640px);margin:32px auto 100px;color:var(--q-text,#172033);font-family:var(--q-font,sans-serif) }
.binding-shell h1 { font-size:1.8rem;margin:0 0 20px }.binding-shell h2 {font-size:1.2rem;margin:0 0 16px}
.binding-shell form,.binding-shell .binding-card {display:grid;gap:16px;padding:24px;border:1px solid #cbd5e1;border-radius:16px;background:var(--q-surface,#fff);margin-bottom:20px}
.binding-shell label {display:grid;gap:8px}.binding-shell input,.binding-shell select {font:inherit;min-height:48px;padding:10px;border:1px solid #64748b;border-radius:8px;width:100%;background:var(--q-surface,#fff);color:inherit}
.binding-shell input[type=checkbox] {width:22px;min-height:22px}.binding-shell .check {display:flex;align-items:center;gap:12px}
.binding-shell button,.binding-shell .binding-button {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:1px solid #1e40af;border-radius:10px;background:#1e40af;color:white;padding:10px 16px;font:inherit;text-decoration:none;cursor:pointer}
.binding-shell button.secondary {color:#1e40af;background:#fff}.binding-shell button:disabled {opacity:.55;cursor:wait}
.binding-shell .binding-actions {display:flex;gap:12px;flex-wrap:wrap}.binding-shell svg,.binding-banner svg {height:24px;width:24px;stroke:currentColor;fill:none;stroke-width:1.8;flex-shrink:0}
.binding-shell details {border-top:1px solid #cbd5e1;padding-top:12px}.binding-shell summary {cursor:pointer;min-height:36px;display:list-item}
.binding-shell .consent-text {white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0}.binding-shell output {font-size:1.7rem;letter-spacing:.08em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.binding-shell [role=status] {min-height:28px;overflow-wrap:anywhere}.binding-shell :focus-visible {outline:3px solid #2563eb;outline-offset:4px}
.binding-banner {position:sticky;top:0;z-index:20;display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#fef3c7;color:#713f12;padding:12px 16px;font-family:var(--q-font,sans-serif)}
.binding-banner a {color:#713f12;margin-left:auto}.binding-shell [hidden] {display:none!important}.binding-shell .device-row {display:flex;gap:16px;justify-content:space-between;align-items:center;margin:12px 0}
@media(max-width:420px){.binding-shell form,.binding-shell .binding-card{padding:18px}.binding-shell .binding-actions>*{flex:1 1 calc(50% - 6px)}}