.people-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:24px; }
.people-heading h1,.people-heading h2 { margin:4px 0 8px; }
.people-heading p { color:#897871; line-height:1.6; margin:4px 0; }
.people-heading .people-kicker { color:#bd0964; font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.people-count,.people-role { display:inline-block; white-space:nowrap; background:#fbe5ef; color:#b50962; border-radius:20px; padding:6px 12px; font-size:12px; font-weight:600; }
.people-section { margin-top:40px; }
.people-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin:20px 0; }
.people-card { padding:24px; border:1px solid #eedfdf; border-radius:16px; background:#fff; box-shadow:0 5px 20px #59404d06; min-width:0; }
.people-card h3 { margin:0 0 16px; font-size:17px; }
.people-card summary,.user-password summary { cursor:pointer; font-weight:600; color:#9e235d; padding:8px 0; }
.people-muted,.people-card small { display:block; color:#85746f; font-size:12px; line-height:1.6; }
.people-form { display:grid; gap:14px; margin-top:16px; }
.people-form label,.people-search,.people-role-form label { display:grid; gap:7px; font-size:13px; }
.people-form input:not([type=checkbox]),.people-role-form select,.people-search input,.friend-invite-link { box-sizing:border-box; width:100%; min-width:0; padding:11px 12px; min-height:44px; border:1px solid #dececf; border-radius:8px; font:inherit; font-size:16px; background:white; }
.people-form button,.people-button,.people-role-form button,.friend-actions button,[data-copy-friend-link] { display:inline-block; border:0; border-radius:8px; padding:11px 16px; background:var(--accent-gradient,linear-gradient(135deg,#ff3d1f,#d9026f)); color:white; font:inherit; font-size:13px; font-weight:600; cursor:pointer; text-decoration:none; }
.people-form p { font-size:13px; line-height:1.6; color:#786862; margin:0; }
.people-form .people-check { display:flex; align-items:flex-start; gap:8px; }
.people-role-form button:disabled { opacity:.4; cursor:default; }
.friend-person { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:16px 0; border-top:1px solid #f0e5e4; }
.friend-person > div { min-width:0; overflow-wrap:anywhere; }
.friend-person > details { max-width:65%; font-size:12px; }
.friend-actions { display:flex; flex-wrap:wrap; gap:8px; }
.friend-actions .people-secondary { background:#f3eae7; color:#665650; }
.people-text-button { border:0; padding:6px 0; background:none; color:#b50962; cursor:pointer; font:inherit; font-size:12px; }
.people-avatar { width:44px; height:44px; display:grid; place-items:center; flex-shrink:0; background:#fff0f6; color:#bc0964; border-radius:14px; font-weight:700; }
.user-card-heading { display:flex; gap:12px; align-items:center; }
.user-card-heading > div { flex:1; min-width:0; }
.user-card-heading h2 { font-size:17px; margin:0 0 4px; overflow-wrap:anywhere; }
.user-card-heading p { font-size:12px; color:#8a7872; margin:0; overflow-wrap:anywhere; }
.user-card .project-badges { margin:16px 0; }
.user-facts { display:flex; flex-wrap:wrap; gap:25px; margin:20px 0; }
.user-facts dt { font-size:11px; color:#927d75; }.user-facts dd { margin:4px 0 0; font-size:13px; }
.people-role-form { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:12px; }
.user-password { border-top:1px solid #f0e5e4; margin-top:20px; padding-top:12px; font-size:13px; }
.people-search { max-width:480px; margin:24px 0; }.people-grid [hidden] { display:none; }
.people-invite-page { max-width:460px; margin:8vh auto; }
.share-permission { display:grid!important; gap:5px; font-size:11px!important; margin:0 0 10px 24px; }.share-permission select { width:100%; min-width:0; font:inherit; padding:8px; border:1px solid #dfd0d0; border-radius:6px; }.share-permission-note { font-size:11px; }
.users-page .create-user-panel { background:#fff; border:1px solid #eedfdf; border-radius:14px; padding:18px 24px; }
@media(max-width:700px) { .people-grid { grid-template-columns:1fr; }.people-card { padding:18px; }.people-heading { align-items:flex-start; }.user-card-heading { flex-wrap:wrap; }.people-invite-page { margin:20px 12px; }.friend-person { flex-wrap:wrap; }.friend-person > details { max-width:100%; } }