.account-summary { display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px; }
.account-summary .account-summary-text { flex:1;min-width:180px; }
.account-summary h3 { margin:0 0 5px;font-size:14px; }
.account-summary p { margin:0;color:var(--muted);font-size:12px;line-height:1.6; }
.account-search { display:flex;align-items:center;gap:8px;min-width:200px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--muted); }
.account-search input { min-width:0;width:100%;border:0;outline:0;background:none;color:var(--text); }
.account-list { display:grid;gap:10px; }
.account-card { display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface); }
.account-avatar { width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:var(--accent-soft);color:var(--accent);font-size:16px;font-weight:750; }
.account-name { display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:5px; }
.account-name b { font-size:14px;overflow-wrap:anywhere; }
.account-details > p { margin:4px 0;color:var(--muted);font-size:11px;overflow-wrap:anywhere; }
.account-status { padding:3px 7px;border:1px solid var(--line);border-radius:6px;font-size:10px;color:var(--muted); }
.account-status.active { color:var(--green);background:color-mix(in srgb,var(--green) 8%,transparent); }
.account-status.suspended { color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,transparent); }
.account-card .card-actions { flex-wrap:wrap;justify-content:flex-end;max-width:240px; }
.account-form-note { margin:0;color:var(--muted);font-size:12px;line-height:1.6; }
.account-form-error { min-height:0;margin:0;color:var(--danger);font-size:12px;line-height:1.5; }
.account-form-error:empty { display:none; }
.account-security-note { display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2); }
.account-security-note b { display:block;color:var(--text);font-size:12px;margin-bottom:4px; }
.account-security-note p { margin:0;color:var(--muted);font-size:11px;line-height:1.6; }
#workspace-identity { min-width:0;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
@media(max-width:850px) {
  .account-card { grid-template-columns:auto minmax(0,1fr);padding:14px; }
  .account-card .card-actions { grid-column:1/-1;max-width:none; }
  .account-search { width:100%; }
}