.lifeops-heading{display:flex;align-items:center;gap:10px;min-width:0}
.lifeops-heading h1{margin:0}
.lifeops-title-mark{display:block;width:36px;height:36px;flex:none}
.workspace-header .lifeops-title-mark{width:30px;height:30px}
.login-card img.login-mark{display:block;width:52px;height:52px;background:transparent;border-radius:0}
.account-page .lifeops-heading{margin:18px 0 20px}
[data-role="main"]{--role-color:#765319;--role-background:#fff8e6;--role-border:#e3c471}
[data-role="admin"]{--role-color:#285b91;--role-background:#eef5ff;--role-border:#a7c6ed}
[data-role="user"]{--role-color:#246044;--role-background:#edf8f1;--role-border:#a9d1b8}
.account-name[data-role]{
  display:inline-flex;align-items:center;justify-content:center;width:fit-content;
  color:var(--role-color);background:var(--role-background);border:1px solid var(--role-border);
  border-radius:7px;padding:4px 8px;font-size:12px;font-weight:700;line-height:1.4;white-space:nowrap;
}
.workspace-header .account-name{text-decoration:none}
.account-user[data-role]{background:var(--role-background);border:1px solid var(--role-border);border-left:4px solid var(--role-border)}
.account-user[data-role]{border-radius:12px;padding:16px;margin-top:12px}
.account-user-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}
@media(max-width:760px){
  .workspace-header .lifeops-heading{gap:7px}
  .workspace-header .lifeops-title-mark{width:25px;height:25px}
  .workspace-header .account-name{font-size:10px;padding:3px 6px}
}