.accountsDirectory{padding:24px}.accountsDirectoryHead{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.accountsDirectoryHead h2{margin:4px 0}.accountsTableScroll{overflow-x:auto;border:1px solid var(--border,#e3e7e8);border-radius:6px}.accountsTable{width:100%;border-collapse:collapse;text-align:left}.accountsTable th{background:var(--bg-panel,#f8fafb);color:var(--muted,#687587);font-size:11px}.accountsTable th,.accountsTable td{padding:12px;border-bottom:1px solid var(--border,#e3e7e8)}.accountsTable tbody tr{cursor:pointer}.accountsTable tbody tr:hover,.accountsTable tbody tr:focus-visible{background:#eef8f4;outline:2px solid #168269;outline-offset:-2px}.accountsTable td:last-child{width:60px}.accountsEmpty{padding:32px;background:#f5faf9;border-radius:12px}.accountSetupPanel .inputGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.accountSetupPanel label{display:flex;flex-direction:column;gap:10px}.accountSetupPanel input{width:100%;box-sizing:border-box}.accountSetupPanel [data-migration] label{flex-direction:row}.accountSetupPanel [data-migration] input{width:auto}.accountSetupPanel [hidden]{display:none!important}.accountSetupPanel[hidden]{display:none!important}@media(max-width:640px){.accountsDirectory{padding:16px}.accountsDirectoryHead{align-items:flex-start;flex-wrap:wrap}.accountSetupPanel .inputGrid{grid-template-columns:1fr}.accountsTable thead{display:none}.accountsTable,.accountsTable tbody{display:block}.accountsTable tr{display:grid;grid-template-columns:minmax(0,1fr) 48px;padding:12px;border-bottom:1px solid var(--border,#e3e7e8)}.accountsTable td{grid-column:1;border:0;padding:6px 4px;overflow-wrap:anywhere}.accountsTable td:before{content:attr(data-label);display:block;font-size:.75rem;color:var(--muted,#687587)}.accountsTable td:last-child{grid-column:2;grid-row:1;width:auto}.accountsTable td:last-child:before{display:none}}

.accountsAddButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none!important}.accountsAddButton .navSvg{width:20px;height:20px;flex:none}

.accountsDirectory .accountsTable{font-size:12px}.accountsDirectory .accountsTable td{font-size:12px;font-weight:400}.accountsDirectory .accountsTable td strong{font-weight:500}.accountsDirectory .accountsTable .myAccountRole{font-size:10px}.accountsDirectory .accountsTable .htIconButton{text-decoration:none;box-shadow:none;background:transparent}.accountsDirectory .accountsTable .htIconButton:hover{background:rgba(16,185,129,.08)}
/* Account creation uses the established HT settings header, field and action treatment. */
.accountCreatePage{padding:24px}.accountCreatePage .myAccountsIdentity{margin-bottom:24px}.accountCreatePage .accountCreatePanel{margin:0;padding:0;border:0;background:transparent;box-shadow:none}.accountCreatePage .inputGrid{gap:20px 28px}.accountCreatePage .accountCreatePanel label{font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase;gap:8px}.accountCreatePage .whiteInput{height:44px;min-height:44px;border:1px solid #087f68!important;border-radius:6px!important;background:var(--bg-card,#fff)!important;box-shadow:none!important;padding:10px 12px;font-family:inherit;font-size:13px;font-weight:600;letter-spacing:normal;color:var(--text-main);text-transform:none}.accountCreatePage .whiteInput:focus{outline:2px solid rgba(8,127,104,.2);outline-offset:2px}.accountCreatePage .hint{margin:20px 0}.accountCreatePage .accountCreateActions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--border-soft);padding-top:20px;margin-top:20px}.accountCreatePage .btn,.accountOrderFooter .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none!important;border-radius:6px;box-shadow:none!important;font-size:12px;font-weight:650}.accountCreatePage .btn .navSvg,.accountOrderFooter .navSvg{width:18px;height:18px}.accountCreatePage .accountCreateSubmit{background:#059669!important;border:1px solid #059669!important;color:#fff!important;text-shadow:none}.accountCreatePage .accountCreateSubmit:disabled{opacity:.45;cursor:wait}.accountCreatePage .htOutline{background:var(--bg-card,#fff)!important;color:#087f68!important;border:1px solid #087f68!important}.accountCreatePage [role=status]:empty{display:none}.accountCreatePage [role=status]{font-size:12px;margin-top:12px}.accountNameCell{display:flex;gap:10px;align-items:center}.accountDragGrip{cursor:grab;flex:none}.accountMoveActions{display:inline-flex;gap:4px;margin-left:auto}.accountsTable .htIconButton:disabled{opacity:.3;cursor:default}.accountOrderFooter{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}.accountOrderFooter .hint{font-size:12px;color:var(--text-muted);margin:0}.accountsTable tr.isDragging{opacity:.45}@media(max-width:640px){.accountCreatePage{padding:16px}.accountCreatePage .myAccountsIdentity{flex-wrap:wrap;gap:16px}.accountCreatePage .inputGrid{grid-template-columns:1fr}.accountOrderFooter{align-items:flex-start;flex-direction:column}.accountNameCell{flex-wrap:wrap}.accountMoveActions{margin-left:0}.accountCreatePage .accountCreateActions{flex-wrap:wrap}}
/* Shared setup/details fields: same settings section and three-column grid. */
.accountCreatePage .accountCreatePanel .groupBox{margin:0 0 20px;padding:20px;background:var(--bg-panel,#f8fafb);border:1px solid var(--border-soft);border-radius:12px}.accountCreatePage .accountCreatePanel .sectionHead{margin-bottom:16px;box-shadow:none;border:0;background:transparent;padding:0}.accountCreatePage .accountCreatePanel .sectionTitle{font-size:14px;font-weight:700}.accountCreatePage .accountCreatePanel .miniHint{font-size:12px;letter-spacing:normal}.accountCreatePage .accountCreatePanel .prefsGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 20px}.accountCreatePage .accountCreatePanel .prefsGrid>div{min-width:0}.accountCreatePage .accountCreatePanel .accountIdentityGrid .prefsBrokerField{grid-column:auto}.accountCreatePage .accountCreatePanel .accountDefaultsGrid :is(.prefsCommissionTrade,.prefsCommissionContract,.prefsCommissionAssignment){grid-row:auto}.accountCreatePage .accountCreatePanel label{display:block;min-height:0;margin:0 0 8px;padding:0;font-size:11px;font-weight:600;letter-spacing:.06em}.accountCreatePage .accountCreatePanel .whiteInput{height:40px;min-height:40px;font-size:13px;font-weight:500}.accountCreatePage .accountCreatePanel .moneyInput .whiteInput{border:0!important;height:100%;min-height:0;outline-offset:0}.accountCreatePage .accountCreatePanel .hint{margin:6px 0 0;font-size:12px;letter-spacing:normal}.accountCreatePage .accountCreatePanel .okCustomSelect{width:100%;min-width:0}.accountCreatePage .accountCreatePanel .okSelectTrigger{width:100%;min-height:40px;border:1px solid #087f68;border-radius:6px;font-size:13px;box-shadow:none}@media(max-width:760px){.accountCreatePage .accountCreatePanel .prefsGrid{grid-template-columns:minmax(0,1fr)}.accountCreatePage .accountCreatePanel .prefsGrid>div{grid-column:1;grid-row:auto}}
.accountFundingLink{grid-column:1/-1;border:1px solid var(--border-soft);border-radius:6px;padding:16px;background:var(--bg-card)}.accountFundingLink .btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none}.accountFundingLink .navSvg{width:18px;height:18px}

.accountMemberInvite { margin-top:16px; align-items:end; }
.accountMemberInviteAction { padding-bottom:0; }
.accountMemberManagementRow { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 0; border-bottom:1px solid var(--border, #e5e7eb); font-size:13px; }
@media(max-width:760px){.accountMemberManagementRow{flex-wrap:wrap;overflow-wrap:anywhere}}

.accountMemberInvite[hidden]{display:none!important}

.accountMemberAction{text-align:right;white-space:nowrap;padding:12px 14px}.accountMemberAction .btn{font-size:12px;min-height:32px}
