.identity-setup { max-width: 54rem; margin: 0 auto; padding: 1.25rem; color: var(--ink,#14283e); }
.identity-setup *, .identity-onboarding-shell * { box-sizing: border-box; }
.identity-logo { position:relative; display:block; width:190px; height:56px; overflow:hidden; margin:0 0 .75rem; background:#fff; border-radius:.35rem; }
.identity-logo img { position:absolute; width:255px; max-width:none; height:auto; left:-34px; top:-55px; }
.identity-setup p.identity-live { margin:1rem 0 0; font-size:.75rem; color:#64788a; }
.identity-heading { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:.7rem; }
.identity-setup h1, .identity-setup h2 { font-family:Inter,ui-sans-serif,system-ui,sans-serif; letter-spacing:-.035em; color:var(--ink,#14283e); }
.identity-setup h1 { margin:0 0 .4rem; font-size:clamp(1.5rem,3vw,2rem); line-height:1.15; }
.identity-setup h2 { margin:0 0 .4rem; font-size:1.12rem; line-height:1.3; }
.identity-setup p { margin:.35rem 0; color:var(--muted,#5d7084); font-size:.9rem; line-height:1.55; }
.identity-seal { display:grid; place-items:center; flex:0 0 3rem; height:3rem; border-radius:1rem; background:#eaf4f1; color:#247554; font-size:1.8rem; }
.identity-progress { display:flex; align-items:center; gap:1rem; margin:.7rem 0 .8rem; font-size:.78rem; color:var(--muted,#5d7084); }
.identity-progress progress { flex:1; min-width:3rem; height:.3rem; border:0; border-radius:1rem; overflow:hidden; accent-color:var(--blue,#17658f); background:#e9eef2; }
.identity-progress progress::-webkit-progress-bar { background:#e9eef2; border-radius:1rem; }
.identity-progress progress::-webkit-progress-value { background:var(--blue,#17658f); border-radius:1rem; }
.identity-checklist { list-style:none; padding:0; margin:0; }
.identity-flow { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(16rem,1fr); align-items:start; gap:1.4rem; }
.identity-checklist li { display:flex; align-items:center; gap:.65rem; padding:.45rem 0; border-bottom:1px solid var(--line,#e0e7ee); }
.identity-check { display:grid; place-items:center; width:1.8rem; height:1.8rem; flex:0 0 1.8rem; border:1px solid #dbe4ec; border-radius:50%; font-size:.78rem; color:#687b8f; font-weight:600; }
.identity-checklist .is-verified .identity-check { background:#e8f4ee; color:#197346; border-color:#e8f4ee; }
.identity-checklist .is-current .identity-check { background:#e9f2f8; color:var(--blue,#17658f); border-color:#c3dce9; }
.identity-checklist strong { display:block; font-size:.88rem; line-height:1.4; font-weight:650; }
.identity-checklist small { display:block; color:var(--muted,#5d7084); font-size:.76rem; line-height:1.4; margin-top:.1rem; }
.identity-status { margin-left:auto; flex-shrink:0; font-size:.72rem; color:#718397; }
.is-verified .identity-status { color:#217a51; }
.is-current .identity-status { color:var(--blue,#17658f); font-weight:650; }
.identity-next { margin:0; padding:1rem; border-radius:.8rem; background:#f1f6fa; }
.identity-actions { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; margin-top:.85rem; }
.identity-setup .identity-action { width:auto; min-height:2.45rem; padding:.55rem .85rem; border-radius:.5rem; font-size:.8rem; line-height:1.25; }
.identity-setup .identity-action--secondary { background:var(--paper,#fff); color:var(--blue,#17658f); border-color:#ccdae4; }
.identity-setup .identity-action--secondary:hover { background:#e5eef4; }
.identity-setup [hidden] { display:none !important; }
.identity-setup #email-verification-form { margin-top:.85rem; max-width:22rem; }
.identity-setup #email-verification-form label { display:block; font-size:.8rem; font-weight:600; }
.identity-setup #email-verification-code { width:100%; margin-top:.35rem; min-height:2.6rem; padding:.6rem .75rem; border:1px solid #bbcfdd; border-radius:.5rem; font:inherit; background:#fff; letter-spacing:.2em; }
.identity-setup :is(#identity-notice,#email-verification-status):not(:empty) { margin:.7rem 0; font-size:.85rem; line-height:1.5; }
.identity-setup [role="alert"] { color:#a23930; }
.identity-details { margin-top:.7rem; padding-top:.7rem; border-top:1px solid var(--line,#e0e7ee); }
.identity-details summary { cursor:pointer; font-size:.8rem; font-weight:600; color:var(--muted,#5d7084); }
.identity-details dl { display:grid; gap:.45rem; margin:.9rem 0; font-size:.8rem; }
.identity-details dl>div { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.3rem 1rem; }
.identity-details dt { color:var(--muted,#5d7084); }
.identity-details dd { margin:0; overflow-wrap:anywhere; }
.identity-details p { font-size:.78rem; }
.identity-text-action { appearance:none; padding:0; border:0; background:none; color:#98483f; text-decoration:underline; font:inherit; cursor:pointer; }
.identity-footer { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding-top:1rem; margin-top:1rem; border-top:1px solid var(--line,#e0e7ee); font-size:.8rem; color:var(--muted,#5d7084); }
.identity-invitations>div { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:.8rem 0; border-bottom:1px solid var(--line,#e0e7ee); }
.identity-invitations strong,.identity-invitations small { display:block; font-size:.82rem; }
.identity-invitations small { color:var(--muted,#5d7084); font-size:.75rem; margin-top:.2rem; }
.identity-invitations .identity-actions { margin:0; }
.identity-terms { display:grid; gap:.65rem; margin:.8rem 0; }
.identity-terms label { display:flex; align-items:flex-start; gap:.55rem; color:var(--ink,#14283e); font-size:.8rem; line-height:1.5; }
.identity-terms input { width:1rem; height:1rem; margin:.15rem 0 0; flex-shrink:0; }
.identity-onboarding-shell { width:min(58rem,100%); margin:0 auto; padding:1rem; }
.identity-onboarding-brand { display:flex; justify-content:space-between; align-items:center; gap:1rem; margin:0 0 .8rem; color:#14283e; }
.identity-onboarding-brand strong { font-size:1.1rem; letter-spacing:.07em; }
.identity-onboarding-brand button { background:none; border:0; text-decoration:underline; color:#5d7084; font:inherit; cursor:pointer; }
@media(max-width:740px) { .identity-flow { display:flex; flex-direction:column-reverse; gap:1rem; } .identity-flow>* { width:100%; } }
@media(max-width:580px) { .identity-setup { padding:1.1rem; border-radius:1rem; } .identity-checklist li { gap:.6rem; padding:.65rem 0; } .identity-checklist small { max-width:15rem; } .identity-status { font-size:.67rem; } .identity-seal { display:none; } .identity-next { padding:.85rem; } .identity-invitations>div { align-items:flex-start; flex-direction:column; } .identity-footer { flex-wrap:wrap; } }