/* Treatly Family — shared with the family panel (org-actions/org-cta/org-join-btn/
   org-invite-code are used by family.js too). Member-row/role/avatar/backlog-claim
   visuals for the Company workspace itself are restyled in business.css, scoped to
   #home-company-shell/#s-business-profile, and win by specificity over the bare rules below. */
.org-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;align-items:center;}
.org-cta{margin-top:0;}
.org-invite-code{
  font-family:monospace;font-size:13px;letter-spacing:.08em;padding:6px 10px;
  border-radius:8px;background:color-mix(in srgb,var(--text) 8%,transparent);
  user-select:all;
}
.org-member-row{display:flex;align-items:center;gap:10px;padding:6px 4px;}
.org-member-av{
  width:32px;height:32px;border-radius:50%;flex:none;position:relative;overflow:hidden;
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#fff;
}
.org-member-meta{flex:1;min-width:0;display:flex;align-items:center;gap:8px;}
.org-member-meta strong{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.org-role{
  font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
  padding:2px 7px;border-radius:999px;flex:none;
}
.org-role--owner{background:color-mix(in srgb,var(--brand) 18%,transparent);color:var(--brand);}
.org-role--manager{background:color-mix(in srgb,var(--text) 10%,transparent);color:var(--t2,inherit);}
.org-member-you{font-size:11.5px;color:var(--t3);flex:none;}
.org-join-btn{white-space:nowrap;}
.org-backlog-claim-row{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:8px 10px;border-radius:12px;background:color-mix(in srgb,var(--brand) 8%,transparent);margin-bottom:6px;
}
.org-backlog-claim-meta{display:flex;flex-direction:column;gap:1px;min-width:0;}
.org-backlog-claim-meta strong{font-size:13px;}
.org-backlog-claim-meta small{color:var(--t3);font-size:11px;}

/* Treatly Kids — family panel & child dashboard cards (social engraved) */
.fam-children{margin-top:12px;display:flex;flex-direction:column;gap:10px;}
.fam-child-card{
  border-radius:12px;padding:12px;
  background:var(--soc-sunken,var(--s2,#E8ECF0));
  border:1px solid var(--soc-border,var(--border,#E5E5E5));
  box-shadow:var(--soc-card-recess,inset 0 2px 4px rgba(0,0,0,.08));
}
.fam-child-card--attn{
  border-color:color-mix(in srgb,#CA8A04 45%,var(--soc-border,var(--border)));
  box-shadow:var(--soc-card-recess,inset 0 2px 4px rgba(0,0,0,.08));
}
.fam-child-head{display:flex;align-items:center;gap:10px;}
.fam-child-meta{flex:1;min-width:0;display:flex;flex-direction:column;}
.fam-child-meta strong{font-size:14px;}
.fam-child-meta small{color:var(--t3);font-size:11px;}
.fam-child-mood{font-size:20px;flex:none;}
.fam-child-stats{
  display:flex;gap:12px;flex-wrap:wrap;margin:8px 0 2px;
  font-size:12px;color:var(--t2,inherit);font-weight:600;
}