/* The form sits directly on the page; selection menus carry the role colors. */
body[data-account-page="signup"] .auth-card{border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible}
body[data-account-page="signup"] .auth-card::before{display:none}
body[data-account-page="signup"] .auth-page{margin-top:8px}
body[data-account-page="signup"] select[data-enhanced-choice]{display:none!important}
.role-select{position:relative;min-width:0}
body[data-account-page="signup"] .role-select .choice-button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:9px 11px;border:0;border-radius:10px;font:500 16px/1.35 'DM Sans',system-ui,sans-serif;text-align:left;cursor:pointer;box-shadow:none;color:#315b49;background:#cfe5db}
.choice-button>span:first-child{min-width:0;overflow-wrap:normal}
body[data-account-page="signup"] .role-select .choice-list{position:absolute;z-index:100;top:calc(100% + 7px);left:0;min-width:100%;width:max-content;max-width:min(310px,calc(100vw - 48px));padding:6px;background:#fffefa;border:0;border-radius:14px;box-shadow:0 10px 32px #24473b28;display:grid;gap:5px}
body[data-account-page="signup"] .choice-list[hidden]{display:none!important}
body[data-account-page="signup"] #professionalRoleLabel .choice-list{left:auto;right:0}
body[data-account-page="signup"] .role-select .choice-option{display:block;min-height:44px;width:100%;padding:10px 15px;border:0;border-radius:9px;text-align:left;font:500 15px/1.35 'DM Sans',system-ui,sans-serif;white-space:nowrap;cursor:pointer}
.role-select [data-area="hygiene"]{background:#cfe5db!important;color:#315b49!important}
.role-select [data-area="dentist"]{background:#d8e9f4!important;color:#41677e!important}
.role-select [data-area="assistant"]{background:#f6e9b9!important;color:#77612e!important}
.role-select [data-area="office"]{background:#fae2d3!important;color:#65381f!important}
.role-select [data-area="front"]{background:#f5d9d5!important;color:#895451!important}
.role-select .choice-option[aria-selected="true"]{font-weight:700!important}
.role-select .choice-option[aria-selected="true"]::after{content:"✓";float:right;margin-left:18px}
.role-select .choice-option.is-active,.role-select .choice-option:hover{box-shadow:inset 0 0 0 2px currentColor}
.role-select button:focus-visible{outline:2px solid #ed9563;outline-offset:3px}
body[data-account-page="signup"]:has([name="professionalRole"] option[value="front"]:checked){--signup-fill:#f5d9d5;--signup-soft:#fcf1ee;--signup-edge:#d5aaa2;--signup-ink:#895451}
body[data-account-page="signup"]:has([name="kind"] option[value="office"]:checked){--signup-fill:#fae2d3;--signup-soft:#fff4ec;--signup-edge:#dcae91;--signup-ink:#65381f}