.um-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:22px; }
.um-heading h2 { display:flex; align-items:center; gap:10px; margin:0 0 9px; font-size:25px; }
.um-heading h2 svg { width:24px; height:24px; }
.um-heading p,.um-help { color:var(--muted); font-size:12px; line-height:1.8; margin:0; }
.um-heading>.button { flex-shrink:0; white-space:nowrap; }
.um-settings { background:var(--surface); border:1px solid var(--line); border-radius:10px; padding:20px; margin-bottom:22px; }
.um-settings h3 { font-size:15px; margin:0 0 8px; }
.um-settings-fields { display:flex; align-items:flex-end; flex-wrap:wrap; gap:12px; margin:16px 0 10px; }
.um-settings-fields label { display:flex; flex-direction:column; gap:8px; flex:1 1 220px; max-width:340px; min-width:0; font-size:12px; color:var(--muted); }
.um-settings-fields input { box-sizing:border-box; width:100%; min-width:0; padding:10px 12px; border:1px solid var(--line); border-radius:6px; background:var(--bg); color:var(--ink); font:inherit; font-size:13px; font-variant-numeric:tabular-nums; }
.um-settings-fields input:focus { outline:2px solid var(--green); outline-offset:2px; }
.um-settings-fields .button { min-height:39px; white-space:nowrap; }
.um-settings-message,.um-uid-message { margin-top:10px; font-size:12px; color:var(--green); line-height:1.8; overflow-wrap:anywhere; }
.um-settings .um-restore,.um-uid-form .um-restore { margin-top:10px; font-size:11px; padding:7px 10px; }
.um-uid-form { margin-top:22px; padding:0 0 20px; border-bottom:1px solid var(--line); }
.um-uid-form .um-subtitle { margin:0 0 8px; }
.um-overview { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:22px; }
.um-overview>div { background:var(--surface); border:1px solid var(--line); border-radius:10px; padding:19px 22px; display:flex; flex-direction:column; gap:9px; }
.um-overview span { font-size:12px; color:var(--muted); }
.um-overview strong { font-size:27px; font-weight:500; }
.um-filter { display:grid; grid-template-columns:minmax(200px,2fr) repeat(2,minmax(130px,1fr)) auto; gap:14px; align-items:end; border:1px solid var(--line); background:var(--surface); border-radius:10px; padding:18px; margin-bottom:22px; }
.um-filter label,.um-editor-fields label { display:flex; flex-direction:column; gap:8px; font-size:12px; color:var(--muted); min-width:0; }
.um-filter input,.um-filter select,.um-editor-fields input:not([type=checkbox]),.um-editor-fields textarea,.um-editor-fields select { box-sizing:border-box; width:100%; min-width:0; border:1px solid var(--line); border-radius:6px; padding:10px 12px; background:var(--bg); color:var(--ink); font:inherit; font-size:13px; }
.um-filter input:focus,.um-filter select:focus,.um-editor-fields :is(input,textarea,select):focus { outline:2px solid var(--green); outline-offset:2px; }
.um-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr)); gap:18px; }
.um-card { background:var(--surface); border:1px solid var(--line); border-radius:10px; padding:20px; min-width:0; }
.um-person { display:flex; align-items:center; gap:12px; min-width:0; }
.um-person>div { min-width:0; }
.um-avatar { display:flex; align-items:center; justify-content:center; flex-shrink:0; width:46px; height:46px; border-radius:15px; background:color-mix(in srgb,var(--green) 14%,var(--surface)); color:var(--green); font-size:20px; }
.um-person h3,.um-person h2 { font-size:17px; margin:0 0 5px; overflow-wrap:anywhere; }
.um-person p { font-size:11px; color:var(--muted); margin:0; overflow-wrap:anywhere; }
.um-badges { display:flex; flex-wrap:wrap; gap:6px; margin:14px 0; }
.um-badges span { font-size:10px; border:1px solid var(--line); border-radius:4px; padding:4px 7px; color:var(--muted); }
.um-badges .um-admin,.um-badges .um-active { color:var(--green); background:color-mix(in srgb,var(--green) 6%,var(--surface)); }
.um-badges .um-disabled { color:#ac5353; background:color-mix(in srgb,#ac5353 7%,var(--surface)); }
.um-email { font-size:12px; overflow-wrap:anywhere; margin:0 0 10px; }
.um-bio { color:var(--muted); font-size:12px; line-height:1.8; height:43px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow-wrap:anywhere; }
.um-contributions { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); padding:15px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.um-contributions>div { display:flex; flex-direction:column; gap:6px; text-align:center; min-width:0; }
.um-contributions strong { font-size:16px; font-weight:500; overflow-wrap:anywhere; }
.um-contributions span { color:var(--muted); font-size:10px; }
.um-card-footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-top:15px; }
.um-card-footer>span { font-size:10px; color:var(--muted); }
.um-card-footer .button { font-size:11px; padding:8px 10px; }
.um-pagination { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin:22px 0; font-size:12px; color:var(--muted); }
.um-pagination>div { display:flex; gap:8px; }
.um-pagination button:disabled { opacity:.45; cursor:not-allowed; }
.um-loading { padding:45px 15px; text-align:center; color:var(--muted); font-size:13px; }
.um-dialog { width:min(640px,92vw); max-width:92vw; }
.um-editor { padding:34px 26px 26px; min-width:0; }
.um-identity { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; margin:18px 0 24px; }
.um-identity div { min-width:0; }
.um-identity dt { color:var(--muted); font-size:10px; margin-bottom:6px; }
.um-identity dd { margin:0; font-size:12px; overflow-wrap:anywhere; }
.um-subtitle,.um-history h3 { font-size:13px; margin:20px 0 12px; }
.um-editor-fields { display:flex; flex-direction:column; gap:16px; padding-top:20px; }
.um-editor-fields textarea { resize:vertical; }
.um-authority { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.um-editor-fields .um-confirm { flex-direction:row; align-items:center; color:var(--ink); }
.um-editor-fields .um-confirm input { accent-color:var(--green); }
.um-editor-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px; margin-top:15px; }
.um-message { font-size:12px; color:var(--green); line-height:1.7; margin-top:12px; }
.um-error { color:#ac5353; }
.um-history { margin-top:24px; border-top:1px solid var(--line); }
.um-history ol { list-style:none; padding:0; margin:0; }
.um-history li { margin-top:12px; }
.um-history li p { margin:0 0 5px; font-size:12px; line-height:1.7; overflow-wrap:anywhere; }
.um-history li time { color:var(--muted); font-size:10px; }
@media(max-width:780px){
 .um-settings { padding:16px; }.um-settings-fields label { max-width:none; }.um-settings-fields .button { flex:1; justify-content:center; }
 .um-heading h2 { font-size:22px; }.um-heading p { font-size:11px; }
 .um-overview { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.um-overview>div { padding:15px; }
 .um-filter { grid-template-columns:repeat(2,minmax(0,1fr)); padding:14px; gap:12px; }.um-filter>label:first-child { grid-column:1/-1; }.um-filter>button { grid-column:1/-1; justify-content:center; }
 .um-editor { padding:34px 18px 20px; }.um-identity { grid-template-columns:minmax(0,1fr); }.um-editor-actions .button { flex:1; justify-content:center; }
}