/* Workhour member, team, project access and invitation UI. Extracted from workhouse.css. */
.team-crud-panel { margin-top:20px; padding-top:16px; border-top:1px solid var(--border); }
.team-crud-head { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:10px; }
.team-row { width:100%; display:flex; align-items:center; gap:12px; padding:13px 4px; border:0; border-bottom:1px solid var(--border); background:transparent; text-align:left; }
.team-row > span:nth-child(2) { min-width:0; flex:1; display:flex; flex-direction:column; gap:2px; }
.team-row > i { color:var(--muted-foreground); margin-left:auto; }
.team-members-summary { margin-top:8px; color:var(--muted-foreground); font-size:11px; }

/* People/team controls. Keep count chips circular and independently centered. */
.people-tabs button { align-items: center; }
.people-tabs button .people-count { display: inline-grid; place-items: center; flex: 0 0 22px; width: 22px; min-width: 22px; height: 22px; padding: 0; line-height: 1; border-radius: 50%; }
.people-pane[hidden] { display: none !important; }
.people-list > button { width: 100%; }
.employee-language-button { width: 100%; min-height: 46px; display: flex; align-items: center; gap: 9px; border: 1px solid var(--input); border-radius: 14px; background: var(--card); color: var(--foreground); padding: 10px 13px; text-align: left; }
.employee-language-button > span { flex: 1; font-weight: 700; }
.employee-language-button i { color: var(--primary); }
.delete-btn.is-hidden { display: none; }
.invite-qr canvas{display:block!important;width:134px!important;height:134px!important;image-rendering:auto}.invite-qr img{display:none!important}.invite-action-list{display:flex;flex-direction:column}.invite-action-list>button{display:flex;align-items:center;gap:11px;width:100%;padding:12px 2px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--foreground);text-align:left}.invite-action-list>button>span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column}.invite-action-list small{color:var(--muted-foreground)}.invite-action-list .destructive,.invite-action-list .destructive .settings-icon{color:#b42318}.invite-admin-row.is-revoked,.pending-invite-row.is-revoked{opacity:.58}.invite-admin-row.is-revoked .type-chip,.pending-invite-row.is-revoked .type-chip{background:var(--muted);color:var(--muted-foreground)}.pending-invite-row .icon-btn{margin-left:4px}.project-access-summary{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:13px;background:var(--muted);color:var(--muted-foreground);font-size:11px}
.project-team-summary{display:flex;align-items:center;gap:10px;width:100%;margin:16px 0 4px;padding:10px 0;border:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:transparent;text-align:left;color:var(--foreground)}
.project-team-summary>span:nth-child(2){display:flex;flex:1;min-width:0;flex-direction:column}.project-team-summary small{color:var(--muted-foreground)}
.stacked-avatars{display:flex;padding-left:7px}.stacked-avatars i{display:grid;place-items:center;width:28px;height:28px;margin-left:-7px;border:2px solid var(--card);border-radius:50%;background:#fee8e5;color:var(--primary);font-size:10px;font-style:normal;font-weight:800}
.inline-invite{align-self:flex-start;margin-top:2px;padding:3px 0;border:0;background:transparent;color:var(--primary);font-size:12px;font-weight:750}.inline-invite i{margin-right:5px}
.invite-scope-note{display:flex;align-items:flex-start;gap:10px}.invite-scope-note>i{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:11px;background:#fee8e5;color:var(--primary)}.invite-scope-note>span{display:flex;flex-direction:column}.invite-scope-note small{color:var(--muted-foreground);line-height:1.4}
.invite-overview{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:13px;border-radius:16px;background:var(--muted)}.invite-overview>div,.pending-invites .team-crud-head>span{display:flex;flex-direction:column}.invite-overview small,.pending-invites small{color:var(--muted-foreground)}
.pending-invites{margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.pending-invites .team-row .type-chip{margin-left:auto}.people-list .type-chip{margin-left:auto;margin-right:8px}
.member-group-label{margin:15px 0 7px;color:var(--muted-foreground);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.member-group-label:first-child{margin-top:0}.project-member-row{display:flex;align-items:center;gap:10px;padding:11px 2px;border-bottom:1px solid var(--border)}.project-member-row>span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column}.project-member-row small{color:var(--muted-foreground)}
.invite-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.invite-type-grid button{display:flex;align-items:flex-start;flex-direction:column;gap:4px;padding:13px;border:1px solid var(--border);border-radius:16px;background:var(--card);color:var(--foreground);text-align:left}.invite-type-grid button.selected{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 12%,transparent)}.invite-type-grid i{color:var(--primary);font-size:18px}.invite-type-grid small{color:var(--muted-foreground);font-size:10px}.invite-scope-note{padding:12px;border-radius:14px;background:var(--muted)}
.invite-share-dialog header{text-align:center}.success-symbol{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 9px;border-radius:50%;background:#def3e6;color:#237749}.invite-qr{display:grid;place-items:center;width:154px;height:154px;margin:18px auto;padding:10px;border:1px solid var(--border);border-radius:18px;background:#fff}.invite-qr span{width:100%;height:100%;background:repeating-conic-gradient(#17201f 0 25%,#fff 0 50%) 0 0/18px 18px;border:10px solid #fff;box-shadow:inset 0 0 0 7px #17201f}.invite-code{display:flex;align-items:center;flex-direction:column;gap:2px}.invite-code small{color:var(--muted-foreground);font-size:9px;font-weight:800;letter-spacing:.12em}.invite-code strong{font-size:28px;letter-spacing:.28em;text-indent:.28em}.invite-code span{color:var(--muted-foreground);font-size:11px}.share-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.share-actions button{justify-content:center}.security-caption{margin:14px 0 0;color:var(--muted-foreground);font-size:10px;text-align:center}
.employment-fields{display:grid;gap:12px}
@media (max-width:899px){.project-team-summary{margin-top:12px}.invite-type-grid,.share-actions{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.invite-type-grid{grid-template-columns:1fr}.share-actions{grid-template-columns:1fr 1fr}}
.wh-member-empty{margin:12px 2px;color:var(--muted-foreground);font-size:12px}
.admin-table tbody tr.js-open-employee{cursor:pointer}
.admin-table tbody tr.js-open-employee:hover{background:var(--muted)}

/* Project access multi-select: 2px vertical breathing room between choices. */
#projectAccessDialog .project-access-list .multi-picker-option { margin: 2px 0; }