/* Phase 2 account/auth adapter; scoped to the opted-in account wrapper. */
.hdi-ui .p2-account{color:var(--ink);font:400 1.0625rem/1.6 var(--font-body);min-width:0}
.hdi-ui .p2-account :is(h1,h2,h3){font-family:var(--font-display);color:var(--ink);font-weight:420;text-transform:none;letter-spacing:-.012em;line-height:1.18}
.hdi-ui .p2-account h1{font-size:clamp(1.9rem,1.45rem + 2vw,3rem);margin:0 0 1.25rem;text-align:left}
.hdi-ui .p2-account h2{font-size:1.55rem;margin:0 0 .65rem}.hdi-ui .p2-account h3{font-size:1.3rem}
.hdi-ui .p2-account :is(p,label,legend,span,div){color:inherit}
.hdi-ui .p2-account p{margin:0 0 1rem;line-height:1.6}
.hdi-ui .p2-account :is(.text-sm,.text-xs){font-size:1rem}
.hdi-ui .p2-account :is(.text-neutral-300,.text-neutral-400,.text-gray-400,.text-gray-600,.text-sky-200){color:var(--ink-2)}
.hdi-ui .p2-account a{color:var(--harbour);display:inline-flex;align-items:center;min-height:44px;max-width:100%;overflow-wrap:anywhere}
.hdi-ui .p2-account :is(.text-red-600,.text-red-500,.text-red-300,[role=alert],.p2-error-summary){color:var(--err)}
.hdi-ui .p2-error-summary{background:var(--err-bg);border-left:4px solid var(--err);padding:1rem;border-radius:10px}
.hdi-ui .p2-account .bg-green-900\/40{background:var(--mist);border-color:var(--harbour);color:var(--ink)}
.hdi-ui .p2-account :is(input,select,textarea){font:inherit;color:var(--ink);background:var(--paper-3);border:1.5px solid var(--rule-ui);border-radius:10px;box-shadow:none;max-width:100%}
.hdi-ui .p2-account :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){display:block;width:100%;min-height:52px;padding:.65rem .85rem}
.hdi-ui .p2-account input::placeholder{color:var(--ink-3);opacity:1}
.hdi-ui .p2-account :is(input[type=checkbox],input[type=radio]){width:22px;height:22px;flex:none;accent-color:var(--harbour)}
.hdi-ui .p2-account label{display:block;font-weight:600;margin-bottom:.4rem;line-height:1.5}
.hdi-ui .p2-account label:has(input[type=checkbox]),.hdi-ui .p2-account label:has(input[type=radio]){display:flex;align-items:flex-start;gap:.75rem;min-height:44px;font-weight:400}
.hdi-ui .p2-account label:has(input) input{margin-top:.3rem}
.hdi-ui .p2-account button,.hdi-ui .p2-account .hdi-button{font:700 1rem/1.3 var(--font-body);min-height:52px;padding:.8rem 1.2rem;border-radius:12px;border:1px solid var(--rule-ui);box-shadow:none;white-space:normal;max-width:100%;cursor:pointer;letter-spacing:normal;text-transform:none}
.hdi-ui .p2-account .hdi-button{background:var(--ink);background-image:none;color:var(--paper-3);border-color:transparent;display:inline-flex;align-items:center;justify-content:center}
.hdi-ui .p2-account .hdi-button>span{padding:0;background:none;color:inherit}
.hdi-ui .p2-account .hdi-button-secondary{background:transparent;border-color:var(--rule-ui)}
.hdi-ui .p2-account button.bg-red-600{background:var(--err);color:var(--paper-3)}
.hdi-ui .p2-account button.text-red-300{color:var(--err);background:transparent;border-color:var(--err)}
.hdi-ui .p2-account a.bg-emerald-500{background:transparent;color:var(--ink);border:1px solid var(--rule-ui);box-shadow:none;border-radius:12px;padding:.8rem 1.2rem}
.hdi-ui .p2-account :focus-visible{outline:3px solid var(--harbour);outline-offset:3px}
.hdi-ui .p2-auth{max-width:500px;margin:2.25rem auto 3rem;padding:clamp(1.25rem,4vw,2.25rem);background:var(--paper-3);border:1px solid var(--rule);border-top:4px solid var(--teal);border-radius:var(--r);box-shadow:var(--shadow)}
.hdi-ui .p2-auth--wide{max-width:760px}.hdi-ui .p2-auth img{width:72px;height:auto}.hdi-ui .p2-auth>div:has(>img){justify-content:flex-start;margin-bottom:1rem}
.hdi-ui .p2-auth .text-center{text-align:left}.hdi-ui .p2-auth form>div{margin-bottom:1.15rem}
.hdi-ui .p2-account .p2-field-pair{display:grid;gap:0 1.25rem}.hdi-ui .p2-field-pair>div{min-width:0;margin-bottom:1.15rem}
.hdi-ui .p2-profile{padding:2rem 0 3rem}.hdi-ui .p2-profile-grid,.hdi-ui .p2-profile-main,.hdi-ui .p2-profile-side{display:grid;gap:1.25rem;min-width:0;align-content:start}
.hdi-ui .p2-profile :is(.bg-sky-950){background:var(--paper-3);border:1px solid var(--rule);border-radius:var(--r);padding:1.5rem;box-shadow:var(--shadow);min-width:0}
.hdi-ui .p2-profile .max-w-xl{max-width:none}.hdi-ui .p2-profile :is(.flex){flex-wrap:wrap;gap:.75rem}.hdi-ui .p2-profile .shrink-0{flex-shrink:1;max-width:100%}
.hdi-ui .p2-profile-side .md\:flex-row{flex-direction:column}.hdi-ui .p2-profile :is(.border-sky-800,.border-sky-700){border-color:var(--rule)}
.hdi-ui .p2-profile a.bg-sky-700,.hdi-ui .p2-profile a.bg-amber-600{background:var(--harbour);color:var(--paper-3);padding:.8rem 1rem;border-radius:12px}
.hdi-ui .p2-profile .divide-sky-900>*+*{border-color:var(--rule)}
.hdi-ui .p2-delete{border-top:4px solid var(--err);padding-top:.75rem}.hdi-ui .p2-delete summary{cursor:pointer;display:list-item;min-height:52px;padding:.75rem;color:var(--err);font-weight:700}
.hdi-ui .p2-delete form{padding:.75rem 0}.hdi-ui .p2-delete label.sr-only{position:static;width:auto;height:auto;clip:auto;overflow:visible}
.hdi-ui .p2-language{max-width:760px;margin:2rem auto}.hdi-ui .p2-language .hd-read{max-width:none;background:var(--paper-3);border:1px solid var(--rule);border-radius:var(--r);padding:1.5rem}
.hdi-ui .p2-language .hd-check{min-height:52px;align-items:center;border:1.5px solid var(--rule-ui);border-radius:12px;padding:.75rem;margin-bottom:.6rem}
.hdi-ui .p2-language .hd-check:has(input:checked){background:var(--mist);border-color:var(--harbour)}
.hdi-ui .p2-codes{max-width:960px;margin:2rem auto}.hdi-ui .p2-codes .p1-card{max-width:none}.hdi-ui .p2-address{display:block;overflow-wrap:anywhere;margin:.75rem 0}
.hdi-ui .p2-code-actions{display:flex;flex-wrap:wrap;gap:.75rem}.hdi-ui .p2-codes table{width:100%;border-collapse:collapse;margin-top:1.5rem}.hdi-ui .p2-codes :is(th,td){text-align:left;padding:.75rem .4rem;border-bottom:1px solid var(--rule)}.hdi-ui .p2-codes td code{white-space:nowrap;font-size:.9rem}
@media(min-width:620px){.hdi-ui .p2-field-pair{grid-template-columns:1fr 1fr}}
@media(min-width:960px){.hdi-ui .p2-profile-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start}.hdi-ui .p2-profile-side{position:sticky;top:1rem}}
@media(max-width:619px){.hdi-ui .p2-codes thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.hdi-ui .p2-codes tr{display:grid;grid-template-columns:1fr 1fr;padding:.6rem 0;border-bottom:1px solid var(--rule)}.hdi-ui .p2-codes td:first-child{grid-column:1/-1;font-weight:700}.hdi-ui .p2-codes td{border:0;padding:.3rem}.hdi-ui .p2-auth{margin-top:1.25rem}.hdi-ui .p2-account :is(button,.hdi-button){margin-right:0}}

@media(min-width:620px){.hdi-ui .p2-profile-fields,.hdi-ui .p2-password-fields{display:grid;grid-template-columns:1fr 1fr;gap:1.15rem}.hdi-ui .p2-profile-fields>div,.hdi-ui .p2-password-fields>div{margin:0;min-width:0}.hdi-ui .p2-profile-fields>div:last-child,.hdi-ui .p2-password-fields>div:first-child,.hdi-ui .p2-password-fields>div:last-child{grid-column:1/-1}}
.hdi-ui .p2-account .hdi-button-secondary{color:var(--ink)}

.hdi-ui .p2-account select,.hdi-ui .p2-account option{color-scheme:light!important;color:var(--ink)!important;background-color:var(--paper-3)!important}

.hdi-ui .p2-auth .hdi-button{background:var(--cyan);color:var(--ink)}.hdi-ui .p2-auth .hdi-button-secondary{background:transparent;border-color:var(--rule-ui)}

/* Keep the retained form components compact inside the approved field grid. */
.hdi-ui .p2-profile-fields,.hdi-ui .p2-password-fields{display:grid;gap:1.15rem}
.hdi-ui .p2-profile-fields>div,.hdi-ui .p2-password-fields>div{margin:0!important;min-width:0}
.hdi-ui .p2-profile-fields .mb-s-24,.hdi-ui .p2-field-pair .mb-s-24 .mb-s-24{margin:0}
@media(min-width:620px){.hdi-ui .p2-password-fields>div:first-of-type,.hdi-ui .p2-password-fields>div:last-of-type,.hdi-ui .p2-profile-fields>div:last-of-type{grid-column:1/-1}}

/* Existing verify-email status styles inherit AA-compatible paper colours. */
.hdi-ui .p2-account{--hdi-warning:#855600;--hdi-success:#28644c;--hdi-success-wash:#E6F3F5}