.members-panel,.members-detail .panel{min-width:0}
.members-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px;border-bottom:1px solid var(--line);padding-bottom:12px}
.members-tabs [aria-selected=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.members-controls{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:10px 0 24px}
.members-controls label{margin:0;min-width:140px}
.members-controls input,.members-controls select{font-size:16px}
.members-search-label{flex:1;max-width:440px}
.members-rate{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding-bottom:1px;margin-left:auto}
.members-rate strong{color:var(--accent-text);margin-left:6px}
.members-name{border:0;background:transparent;padding:0;color:var(--accent-text);text-decoration:underline;text-underline-offset:3px;font-weight:600;text-align:left;min-height:32px}
.members-panel th,.members-detail th{background:color-mix(in srgb,var(--accent) 8%,var(--panel));color:var(--foreground)}
.members-fee-state{display:inline-block;font-size:13px;padding:5px 9px;border:1px solid var(--line);border-radius:8px}
.members-fee-state.is-paid{color:var(--positive-text);background:var(--positive-bg)}
.members-fee-state.is-partial,.members-fee-state.is-unpaid{background:color-mix(in srgb,var(--accent) 6%,var(--panel))}
.members-detail{display:grid;gap:20px}
.members-note{white-space:pre-wrap;overflow-wrap:anywhere}
.members-dialog{width:min(800px,calc(100vw - 24px));max-height:90dvh}
.members-dialog input,.members-dialog select,.members-dialog textarea{font-size:16px}
.members-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.members-dialog fieldset{border:1px solid var(--line);border-radius:calc(10px * var(--fact-radius-scale,1));padding:16px;margin:20px 0;min-width:0}
.members-dialog legend{padding:0 6px;font-weight:600}
.members-check{display:flex;align-items:center;gap:10px}
.members-check input{width:18px;height:18px;margin:0;flex:0 0 18px}
.member-mandate{padding:12px 0;border-bottom:1px solid var(--line);margin-bottom:12px}
[data-members-error]{color:var(--error-text)}
@media(max-width:640px){.members-form-grid{grid-template-columns:1fr}.members-rate{margin-left:0}.members-detail .panel{padding:18px}.members-dialog{padding:18px}}

.members-name{display:inline-flex;align-items:center;gap:9px}
.members-role-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;color:var(--accent-text);background:color-mix(in srgb,var(--accent) 9%,var(--panel));border-radius:calc(8px * var(--fact-radius-scale,1))}
.members-role-icon svg{width:21px;height:21px}
.members-engagement{font-weight:700}