/* Shared by the two presence widgets on every newtpl page. */
.pmp-card,.card:has([data-pmp]){border:1px solid var(--ln2);border-radius:18px;background:var(--bg1);overflow:hidden;min-width:0}
.pmp-card[hidden],.pmp [hidden]{display:none!important}
.pmp-card>.ch{gap:9px;padding:16px 18px;min-height:61px}.pmp-card>.ch>.ct{font-size:14px;min-width:0;flex:1;letter-spacing:0}.pmp-card>.ch>svg{width:19px;height:19px;flex:0 0 19px;color:var(--bl2)}
.pmp-card .pmp-counter{font-size:11px!important;line-height:21px!important;min-width:24px!important;height:23px;padding:0 7px!important;border-radius:7px!important;border:1px solid var(--ln2)!important;background:var(--bg2)!important;color:var(--bl2)!important;font-weight:700!important;margin:0!important;text-align:center}
.pmp-card .pmp-refresh{width:27px;height:29px;padding:5px;border:0;border-radius:7px;background:transparent;color:var(--mid);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:0 0 27px;box-shadow:none}.pmp-refresh svg{width:17px;height:17px;pointer-events:none}.pmp-card .pmp-refresh:hover{background:var(--bg2);color:var(--bl2)}.pmp-card .pmp-refresh:disabled{opacity:.5;cursor:wait}.pmp-refresh.is-loading svg{animation:pmp-spin 1s linear infinite}
.pmp-host,:is(#online_users,#load_last_online):has(>[data-pmp]){display:block!important;padding:12px!important;gap:0!important}.pmp-scroll-host,.vis-scroll:has([data-pmp]){max-height:none!important;overflow:visible!important}
.pmp{font:13px/1.5 'Nunito',Arial,sans-serif;color:var(--wh);min-width:0}.pmp *{box-sizing:border-box}.pmp p{margin:0}.pmp button,.pmp input{font-family:inherit}.pmp :focus-visible,.pmp-card .pmp-refresh:focus-visible{outline:2px solid var(--bl2);outline-offset:2px}
.pmp .pmp-search{display:flex;align-items:center;gap:8px;padding:0 10px;margin:0 0 10px;background:var(--bg2);border:1px solid var(--ln2);border-radius:10px;height:38px;color:var(--mid)}.pmp-search svg{width:16px;height:16px;flex:0 0 16px}.pmp .pmp-search input{display:block;width:100%;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--wh);font-size:12px;height:34px;padding:0;outline:0}.pmp-search:focus-within{border-color:var(--bl2)}.pmp-search input::placeholder{color:var(--mid);opacity:.8}
.pmp-list{display:flex;flex-direction:column;gap:6px;min-width:0}.pmp-list.is-expanded{max-height:352px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--bl2) var(--bg2);padding:2px 3px 2px 2px}.pmp-list::-webkit-scrollbar{width:4px}.pmp-list::-webkit-scrollbar-thumb{border-radius:8px;background:var(--bl2)}
:is(#online_users,#load_last_online) .pmp-person,.pmp .pmp-person{display:flex;align-items:center;gap:10px;min-width:0;min-height:62px;margin:0;padding:10px;border:1px solid var(--ln2);border-radius:12px;background:var(--bg2);color:var(--wh);text-decoration:none;font-size:13px;font-weight:400;transition:border-color .15s,background .15s;flex-shrink:0}
:is(#online_users,#load_last_online) .pmp-person:hover{color:var(--wh);border-color:var(--bl2);background:color-mix(in srgb,var(--bl2) 7%,var(--bg2))}
.pmp-avatar{position:relative;display:block;width:38px;height:38px;flex:0 0 38px}.pmp .pmp-avatar img{display:block;width:38px!important;height:38px!important;object-fit:cover;border-radius:50%;background:var(--bg1);border:1px solid var(--ln2)}.pmp-avatar i{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;background:var(--gr);border:2px solid var(--bg2);border-radius:50%}
.pmp-person-info{flex:1;min-width:0;display:block}.pmp-person-info strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.5;font-weight:800;color:var(--wh)}.pmp-person-info small{display:block;margin-top:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px;color:var(--mid);font-weight:400}.pmp-person-status{font-size:9px;white-space:nowrap;color:var(--mid);flex-shrink:0}.is-online .pmp-person-status{color:var(--gr);font-weight:700}
.pmp-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 2px 0}.pmp-shown{font-size:10px;color:var(--mid)}.pmp .pmp-expand{min-height:30px;margin:0;padding:5px 9px;border:1px solid var(--ln2);border-radius:8px;color:var(--bl2);background:var(--bg2);font-size:10px;font-weight:700;line-height:1.5;cursor:pointer;box-shadow:none}.pmp .pmp-expand:hover{border-color:var(--bl2)}.pmp-empty,.pmp-no-match{padding:20px 12px!important;font-size:12px;color:var(--mid);text-align:center;line-height:1.6}.pmp-no-match{border:1px dashed var(--ln2);border-radius:10px}.pmp-update-status{color:var(--mid);font-size:10px;line-height:1.5;padding:8px 2px 0!important}.pmp-update-status:empty{display:none}
@keyframes pmp-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.pmp *,.pmp-card .pmp-refresh svg{animation:none!important;transition:none!important}}@media(max-width:400px){.pmp-card>.ch{padding:14px 12px}.pmp-card>.ch>.ct{font-size:13px}.pmp-host{padding:10px!important}}