/* Brokerage composition styles; shared palette and component tokens live in Lodelo.UI. */
.account-panel { max-width: 32.5rem; margin: 0 auto; background: var(--lodelo-surface); border: 1px solid var(--lodelo-cloud); border-radius: var(--lodelo-radius-card); padding: var(--lodelo-space-8); box-shadow: var(--lodelo-shadow); }
.account-brand { margin-bottom: var(--lodelo-space-6); color: var(--lodelo-navy); }
.account-panel h1 { font-size: 2rem; }
.account-form { display: grid; gap: var(--lodelo-space-3); margin: var(--lodelo-space-6) 0; }
.account-form label { font-weight: 600; }
.account-form input:not([type=hidden]):not([type=checkbox]), .account-form select { width: 100%; min-height: 44px; padding: var(--lodelo-space-3); border: 1px solid var(--lodelo-input-border); border-radius: var(--lodelo-radius); background: var(--lodelo-surface); color: var(--lodelo-text); font: inherit; }
.account-form button, .primary-link { min-height: 44px; padding: var(--lodelo-space-3) var(--lodelo-space-4); background: var(--lodelo-teal); color: var(--lodelo-navy); border: 1px solid var(--lodelo-link); border-radius: var(--lodelo-radius); font: inherit; font-weight: 600; cursor: pointer; }
.account-form button:hover, .primary-link:hover { background: var(--dxds-primary-80); color: var(--lodelo-navy); }
.primary-link { display: inline-block; text-decoration: none; }
.account-form .checkbox-label { display: flex; align-items: center; gap: var(--lodelo-space-3); font-weight: normal; padding: var(--lodelo-space-2) 0; }
.checkbox-label input { width: 20px; height: 20px; flex-shrink: 0; accent-color: var(--lodelo-link); }
.account-links { display: grid; gap: var(--lodelo-space-3); }
.account-links a { padding-block: var(--lodelo-space-2); }
.field-help { font-size: .9rem; color: var(--lodelo-text-muted); margin: 0; line-height: 1.5; }
.text-button { border: 0; background: transparent; color: var(--lodelo-link); font: inherit; text-decoration: underline; cursor: pointer; min-height: 44px; padding: var(--lodelo-space-2); }
.skip-link { position: absolute; left: -10000px; top: .5rem; padding: var(--lodelo-space-3); background: var(--lodelo-surface); z-index: 1100; }
.skip-link:focus { left: .5rem; }
.member-list { padding: 0; list-style: none; }
.member-list li { display: flex; justify-content: space-between; flex-wrap: wrap; gap: var(--lodelo-space-2); padding: var(--lodelo-space-4) 0; border-bottom: 1px solid var(--lodelo-cloud); overflow-wrap: anywhere; }
.member-list span { color: var(--lodelo-text-muted); }
@media(max-width: 37.5rem) { .account-panel { padding: var(--lodelo-space-6); } .account-panel h1 { font-size: 1.75rem; } }