.member-card{position:relative}
.member-card .nck-member-online{position:absolute;top:12px;right:12px;z-index:2;display:inline-flex;align-items:center;gap:5px;padding:3px 5px;font:600 10px/1.2 'Segoe UI',Arial,sans-serif;color:#67d895;background:#101510d9;border-radius:3px;white-space:nowrap}
.nck-member-online i,.dm-avatar .nck-presence-dot{display:block;width:6px;height:6px;background:#50cf83;border-radius:50%;flex:none}

.dm-avatar[data-online-avatar]{position:relative;overflow:visible}
.dm-avatar .nck-presence-dot{position:absolute;right:0;bottom:0;z-index:2;width:8px;height:8px;box-shadow:0 0 0 2px #111}
.nck-member-online[hidden],.nck-presence-dot[hidden]{display:none!important}

/* Clip the photo itself so presence dots can sit outside the avatar. */
.dm-avatar>img{border-radius:50%;clip-path:circle(50%);display:block}

[data-admin-last-online]{white-space:nowrap;font-size:12px}[data-admin-last-online].is-online{color:#65d496}

/* Full-height country artwork fades behind the member identity. */
.member-card{isolation:isolate}
.member-card>.country:has(img){position:absolute;inset:0 0 0 auto;width:50%;max-width:none;margin:0;pointer-events:none;opacity:.72;z-index:-1;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.12) 30%,rgba(0,0,0,.6) 70%,#000 100%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.12) 30%,rgba(0,0,0,.6) 70%,#000 100%)}
.member-card>.country:has(img) .country-badge{display:block;width:100%;height:100%;margin:0}
.member-card>.country:has(img) img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:right center;border:0;border-radius:0}