/* Account surface shared with the broker profile. */
:is(.parade-account,.parade-onboarding){font-family:Manrope,Arial,sans-serif;color:#18200f;font-weight:400}
:is(.parade-account,.parade-onboarding) .b-btn,:is(.parade-account,.parade-onboarding) .b-icon{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 18px;border:1px solid #fff;border-radius:999px;background:#ffffffbb;color:#29331e;font:400 14px Manrope,Arial,sans-serif;text-decoration:none;cursor:pointer}
:is(.parade-account,.parade-onboarding) .b-btn.primary{background:#485634;color:white;border-color:#485634}
:is(.parade-account,.parade-onboarding) .b-btn:disabled{opacity:.45;cursor:not-allowed}
:is(.parade-account,.parade-onboarding) .b-icon{width:44px;height:44px;min-height:44px;padding:0}
.parade-account .b-card{padding:24px;background:#ffffffcf;border:1px solid white;border-radius:24px;min-width:0}
.parade-account .b-card h2{font-weight:400;font-size:24px;line-height:1.3;letter-spacing:-.5px;margin:0 0 14px}
:is(.parade-account,.parade-onboarding) .b-muted{color:#656a5e;font-size:14px;margin:0;line-height:1.6}
:is(.parade-account,.parade-onboarding) .b-notice{font-size:13px;color:#656a5e;margin:14px 0 0;line-height:1.6}
:is(.parade-account,.parade-onboarding) .b-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.parade-account.b-form label,.parade-onboarding .b-form label{font-size:14px;margin:16px 0 6px;font-weight:400}
.parade-account.b-form input:not([type=checkbox]),.parade-account.b-form select,.parade-onboarding .b-form input:not([type=checkbox]){display:block;box-sizing:border-box;width:100%;min-height:48px;background:white;border:1px solid #b9c3ab;border-radius:14px;font:400 16px Manrope,Arial,sans-serif;padding:12px;color:#29331e}
:is(.parade-account,.parade-onboarding) :focus-visible{outline:2px solid #87986b;outline-offset:3px}
@media(max-width:760px){:is(.parade-account,.parade-onboarding) .b-form-grid{grid-template-columns:1fr}:is(.parade-account,.parade-onboarding) .b-btn{width:100%}}

/* Use the same field treatment after the shared dropdown enhancement. */
.parade-account .b-form-grid .parade-select{display:flex;width:100%}
.parade-account .b-form-grid .parade-select-trigger{width:100%;min-height:48px;padding:12px;border:1px solid #b9c3ab;border-radius:14px;background:#fff;color:#29331e;font:400 16px Manrope,Arial,sans-serif}