/*在线状态*/
.user-online-status{display:grid !important;grid-template-columns:repeat(4,1fr);gap:calc(1.938rem - 5px);margin-bottom:calc(1.938rem - 5px)}
.user-online-status .but,.user-online-status .btn{transition:.15s;cursor:pointer !important;vertical-align:middle;text-align:center;font-weight:400;text-shadow:0 0 0;line-height:1.44}
.user-online-status > div{position:relative;background:var(--muted-border-color);display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px;min-width:50px;min-height:50px;border-radius:var(--main-radius);border:2px dashed transparent}
.user-online-status .but:not(.but.no-border).active,.ete-check.active,.ete-select.active{border:2px solid var(--theme-color) !important}
.user-online-status .but:not(.but.no-border).active:before,.ete-check.active:before,.ete-select.active:before{position:absolute;top:-1px;text-align:center;font-size:0.725rem;content:"\EB7B";font-family:'remixicon' !important;width:16px;height:16px;line-height:14px;opacity:0.9;color:#fff;right:-1px;left:auto;font-weight:600;background-color:var(--theme-color);border-radius:0 var(--main-radius) 0 5px;transition:all .2s;z-index:1}
.wd-k-all{word-break:keep-all}
.but.hover{position:relative;border:2px dashed transparent;transition:all .2s}
.but.hover:hover{border-color:var(--theme-color)}
@media (min-width:1024px){.header-user .user-online-status > div{border:1px solid rgba(0,0,0,0.03)}}
@media (max-width:991px){.user-online-status > div{min-width:auto;min-height:auto}}
.avatar-img-diy{position:relative;display:inline-block;flex-shrink:0;--this-size:30px;width:var(--this-size);height:var(--this-size)}
.user-online-status > div.active{border-color:var(--theme-color)}
.user-online-status > div span:first-child,.online-spot{width:13px;height:13px;border-radius:100%;box-shadow:0 0 0 2px #fff}
.user-online-status > div span:last-child{font-size:0.95rem;color:var(--muted-color)}
.online-status{position:relative;display:inline-block;z-index:1}
.online-status-dot{position:absolute;bottom:1px;left:1px;width:7px;height:7px;border-radius:100%;box-shadow:0 0 0 2px #fff;background-color:#72e128;z-index:2}
.online-status-dot.online{background-color:#36c76c !important}
.online-status-dot.away{background-color:#ffd648 !important}
.online-status-dot.busy{background-color:#ff6692 !important}
.online-status-dot.offline{background-color:#526b7a !important}
.avatar-status-box{position:relative;display:inline-block}
[data-sta="online"] span:first-child,.online-status .online{background-color:#36c76c}
[data-sta="away"] span:first-child,.online-status .away{background-color:#ffd648}
[data-sta="busy"] span:first-child,.online-status .busy{background-color:#ff6692}
[data-sta="offline"] span:first-child,.online-status .offline{background-color:#526b7a}