.user-mark-icon { display:inline-flex; flex:none; align-items:center; justify-content:center; vertical-align:middle; width:26px; height:26px; padding:4px; margin:0 2px; border:0; border-radius:6px; background:transparent; color:#9aa3af; cursor:pointer; position:relative; }
.entity-link:has(+ .user-mark-icon) { display:inline; min-width:0; }
.user-mark-icon.marked { color:#527ba6; }
.user-mark-icon.possible { color:#996619; width:35px; gap:1px; }
.user-mark-icon:hover, .user-mark-icon:focus-visible, .user-mark-icon[aria-expanded="true"] { background:#edf4fb; color:#315f92; outline-offset:2px; }
.user-mark-icon.possible:hover { background:#fff5df; color:#875614; }
.mark-approx { font-size:12px; }
.user-mark-popover { position:fixed; z-index:10000; width:320px; max-width:calc(100vw - 16px); max-height:calc(100dvh - 24px); overflow:auto; padding:14px; border:1px solid #dce3ec; border-radius:12px; background:white; color:#20242c; box-shadow:0 12px 36px #25354d26; font-size:13px; line-height:1.55; }
.user-mark-popover[hidden] { display:none; }
.user-hover-card + .user-hover-card { margin-top:12px; border-top:1px solid var(--border); padding-top:12px; }
.user-card-heading { display:flex; align-items:center; gap:12px; margin-bottom:12px; min-width:0; }
.user-card-heading > div { min-width:0; overflow-wrap:anywhere; }
.user-card-name { display:flex; align-items:center; gap:4px; }
.user-card-heading strong { display:block; font-size:14px; color:var(--text); }
.user-avatar { width:42px; height:42px; flex:0 0 42px; border-radius:50%; object-fit:cover; background:#edf1f5; }
.user-avatar.placeholder { display:flex; align-items:center; justify-content:center; color:#8392a6; font-size:16px; }
.user-tag-chips { display:flex; flex-wrap:wrap; gap:6px; }
.user-tag-chip { display:inline-flex; align-items:center; min-height:24px; max-width:100%; padding:2px 8px; border:1px solid; border-radius:6px; font-size:12px; font-weight:500; line-height:1.5; overflow-wrap:anywhere; }
.user-mark-section td { white-space:normal; }
.user-mark-section td:first-child { min-width:200px; }
.tag-blue { color:#315f92; background:#edf4fc; border-color:#d1e1f4; }
.tag-green { color:#26674a; background:#eef8f2; border-color:#cfe6d8; }
.tag-amber { color:#855b19; background:#fff7e8; border-color:#efdfbc; }
.tag-rose { color:#a34561; background:#fff0f4; border-color:#f0d6df; }
.tag-violet { color:#75549a; background:#f5f0fc; border-color:#e1d7ef; }
.tag-slate { color:#566273; background:#f1f4f7; border-color:#dce2e9; }
.user-note { white-space:pre-wrap; overflow-wrap:anywhere; max-height:180px; overflow:auto; margin:12px 0; color:#505b69; }
.user-match-warning { margin:0 0 12px; padding:8px; border-radius:6px; background:#fff7e8; color:#855b19; font-size:12px; }
.user-mark-dialog { width:560px; max-width:calc(100vw - 24px); max-height:calc(100dvh - 32px); padding:0; overflow:auto; border:1px solid var(--border); border-radius:12px; }
.user-dialog-body { padding:24px; }
.user-dialog-body h2 { font-size:19px; margin:0; }
.user-dialog-body .panel-heading { padding:0 0 20px; }
.user-profile-facts { margin:12px 0; }
.user-profile-facts > div { display:grid; grid-template-columns:72px 1fr; gap:12px; padding:6px 0; }
.user-profile-facts dt { color:var(--muted); }
.user-profile-facts dd { margin:0; overflow-wrap:anywhere; white-space:pre-wrap; }
.user-profile-status { color:var(--muted); font-size:12px; margin:4px 0; }
.user-tag-picker { margin:20px 0; border:1px solid var(--border); border-radius:8px; padding:14px; }
#user-tag-options { display:flex; flex-wrap:wrap; gap:10px; }
.tag-choice { display:flex; align-items:center; gap:5px; cursor:pointer; }
.tag-choice input, #mark-match-option input { width:auto; }
.user-inline-tag { display:flex; gap:8px; margin-top:16px; }
.user-inline-tag input { min-width:0; flex:1; }
.user-inline-tag select { width:85px; }
#user-mark-form > label { display:grid; gap:8px; }
.user-mark-tabs { display:flex; gap:8px; margin-bottom:18px; }
.user-mark-tabs [aria-selected="true"] { color:var(--accent); background:var(--accent-soft); }
.user-mark-section { padding:22px; margin-bottom:20px; }
.user-mark-section h2 { margin-top:0; }
.user-mark-toolbar { display:flex; flex-wrap:wrap; align-items:end; gap:12px; margin:12px 0 18px; }
.user-mark-toolbar label { display:grid; gap:6px; flex:1; min-width:150px; }
.user-mark-toolbar .query-label { flex:3; }
.user-candidates { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:12px; margin-top:18px; }
#user-candidates:empty, #user-candidates-pager:empty, #user-mark-pager:empty { display:none; }
.user-candidate { border:1px solid var(--border); border-radius:10px; padding:16px; background:var(--surface); }
.user-candidate p { color:var(--muted); font-size:12px; overflow-wrap:anywhere; }
.user-mark-summary { max-width:240px; white-space:pre-wrap; overflow-wrap:anywhere; }
.user-tags-editor { display:grid; gap:12px; }
.user-tag-edit-row { display:flex; align-items:center; gap:10px; padding:12px 0; border-bottom:1px solid var(--border); }
.user-tag-edit-row input { min-width:80px; flex:1; }
.user-tag-edit-row select { width:90px; }
.user-tag-edit-row .user-tag-chips { width:130px; flex:none; }
@media(max-width:600px) { .user-dialog-body, .user-mark-section { padding:16px; } .user-inline-tag { flex-wrap:wrap; } .user-mark-icon { min-width:28px; min-height:28px; } .user-tag-edit-row { flex-wrap:wrap; } .user-tag-edit-row .user-tag-chips { width:100%; } .user-mark-toolbar > button { width:100%; } }