/* Load after invitation-card.css. Scoped to the new query form, preserving the AB card. */
.qbb-phone-entry{width:min(560px,calc(100% - 28px));max-height:min(calc(100dvh - 24px),var(--qbb-entry-available-height,900px));padding:30px;border:1px solid #e4cfc0;border-radius:28px;background:#fffaf4;box-shadow:0 28px 90px #3a251e55;overscroll-behavior:contain;scroll-padding-block:22px;overflow-x:hidden;overflow-y:auto}
.qbb-phone-entry::backdrop{background:#34241dd1;backdrop-filter:blur(5px)}
.qbb-phone-entry .qbb-invite-close{position:sticky;right:auto;top:0;margin:0 -8px -44px auto;width:44px;height:44px;padding:0;border:0;border-radius:50%;color:#795949;background:#f4e9df;z-index:2}
.qbb-phone-entry .qbb-invite-close:hover{background:#ead7c7}
.qbb-phone-entry .qbb-invite-brand{gap:12px;padding-right:34px;margin-bottom:24px}
.qbb-phone-entry .qbb-invite-eyebrow{font-size:16px;letter-spacing:.08em;color:#895347}
.qbb-phone-entry h2{font-size:32px;line-height:1.35;letter-spacing:-.03em;margin:0 0 16px;color:#684736;text-wrap:balance}
.qbb-entry-route{display:flex;align-items:center;gap:10px;font-size:13px;color:#a08b7c;margin-bottom:20px}
.qbb-entry-route span:first-child{color:#8a5342;font-weight:700}
.qbb-entry-route i{width:28px;height:1px;background:#d8c3b2}
.qbb-phone-entry .qbb-entry-intro{font-size:18px;line-height:1.75;color:#78604f;margin:0 0 22px}
.qbb-phone-entry .qbb-entry-label{font-size:17px;color:#684736;margin-top:0}
.qbb-entry-field{position:relative}
.qbb-phone-entry .qbb-entry-field input{height:64px;padding:14px 18px 14px 46px;border:1px solid #c9aa92;border-radius:15px;background:#fff;font-size:24px;letter-spacing:.04em;color:#593e30;box-shadow:0 3px 10px #71452c08}
.qbb-phone-entry .qbb-entry-field input::placeholder{color:#b6a596;letter-spacing:.03em;font-size:22px}
.qbb-entry-field>svg{position:absolute;left:17px;top:21px;pointer-events:none;color:#a98b74}
.qbb-phone-entry input[aria-invalid=true]{border-color:#b43c3c;box-shadow:0 0 0 3px #b43c3c12}
.qbb-entry-field-error{color:#ad3636;font-size:14px;line-height:1.5;margin:8px 0 0;min-height:0}
.qbb-entry-field-error:empty{display:none}
.qbb-phone-entry .qbb-entry-privacy{display:flex;align-items:flex-start;gap:7px;font-size:13px;line-height:1.6;color:#948172;margin:12px 0 24px}
.qbb-entry-privacy svg{flex:none;margin-top:3px}
.qbb-phone-entry [data-invite-form] .qbb-invite-primary,.qbb-phone-entry [data-entry-start-form]{background:linear-gradient(120deg,#c97e68,#aa6350);min-height:58px;margin-top:0;border-radius:16px;font-size:18px;box-shadow:0 8px 24px #ad63452e;gap:12px}
.qbb-entry-dismiss{display:block;width:100%;padding:14px 0 0;border:0;background:none;font:inherit;font-size:15px!important;color:#9a7b66;cursor:pointer}
.qbb-phone-entry .qbb-entry-missing{font-size:18px;color:#78604f;line-height:1.75;margin:0 0 20px}
.qbb-entry-next{padding:17px 18px;border-radius:16px;background:#f5eade;border:1px solid #ead9ca;margin-bottom:24px;color:#81634f;font-size:15px;line-height:1.7}
.qbb-entry-next strong{display:block;font-size:16px;color:#6d4b38;margin-bottom:4px}
.qbb-phone-entry [data-invite-loading]{padding:18px;border-radius:14px;background:#f5eade;color:#7c5a46;font-size:17px;line-height:1.6}
.qbb-phone-entry[data-entry-state=card] .qbb-entry-route{display:none}
.qbb-phone-entry [data-invite-message]:empty{display:none}
.qbb-phone-entry [data-invite-message]{font-size:15px;line-height:1.65}
.qbb-phone-entry [data-invite-form] button:disabled{cursor:wait;opacity:.7}
@media(max-width:600px){.qbb-phone-entry{padding:26px 22px;border-radius:24px;margin:auto}.qbb-phone-entry h2{font-size:29px}.qbb-phone-entry .qbb-invite-brand{margin-bottom:20px}.qbb-phone-entry .qbb-entry-intro{font-size:17px}.qbb-phone-entry .qbb-entry-privacy{margin-bottom:20px}.qbb-phone-entry .qbb-invite-seal,.qbb-phone-entry .qbb-invite-seal img{width:48px;height:48px}}
@media(max-height:520px){.qbb-phone-entry{padding:22px}.qbb-phone-entry .qbb-invite-brand{margin-bottom:14px}.qbb-phone-entry h2{font-size:26px}.qbb-entry-route{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.qbb-phone-entry *{scroll-behavior:auto!important}}

/* 2026-10-30: explain first-time registration beside the phone confirmation control. */
.qbb-phone-entry .qbb-entry-registration-note{margin:0 0 22px;color:#9b513f;font-size:14px;line-height:1.65;text-align:left;overflow-wrap:anywhere}

/* User review 2026-10-30: compact hints; make the required phone step obvious. */
.qbb-phone-entry .qbb-entry-privacy{margin:10px 0 5px;font-size:13px;line-height:1.6}
.qbb-phone-entry .qbb-entry-registration-note{margin:0 0 22px;font-size:13px;line-height:1.6}
.qbb-phone-entry .qbb-entry-field input{border-width:2px}

.qbb-phone-entry [data-invite-form] .qbb-invite-primary{display:flex;align-items:center;justify-content:center;gap:8px}
.qbb-phone-entry [data-invite-form] .qbb-invite-primary:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}
.qbb-entry-cta-icon{flex:none;display:block}

/* 2026-10-30: use one border, and emphasize it only after an empty CTA attempt. */
.qbb-phone-entry .qbb-entry-field input,.qbb-phone-entry .qbb-entry-field input:focus{border:1px solid #c9aa92;outline:none;box-shadow:none}
.qbb-phone-entry.qbb-entry-phone-reminder .qbb-entry-field input{border:3px solid #ab6954;box-shadow:none;outline:none}
.qbb-phone-entry [data-entry-submit-zone]{cursor:pointer}
.qbb-phone-entry [data-entry-submit-zone] button:disabled{pointer-events:none}
