/* Employee identity badge: owner ADMIN dimensions, blue colorway. */
html[data-theme] .cifraEmployeeMark {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:max-content!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  border:1px solid #4aa7fa!important;
  border-radius:999px!important;
  padding:4px 11px!important;
  background:linear-gradient(135deg,#071a43,#106bd6,#08468f,#06132e)!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.035em!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-align:center!important;
  text-shadow:0 -1px 1px #05142c,0 1px 1px #a7d9ff!important;
  box-shadow:inset 0 2px 4px #04152d,0 0 8px #2377d1,0 0 15px #83d9fa,0 0 24px #2b8bc7!important;
}
html[data-theme] .drawerAdminMark.cifraEmployeeMark {
  margin-top:5px!important;
}
html[data-theme] #drawerLayer .drawerAdminMark.cifraEmployeeMark {
  border-radius:999px!important;
  padding:4px 11px!important;
}
html[data-theme] .cifraEmployeeMark.hidden {display:none!important;}
.presenceDot{border-radius:50%;vertical-align:middle;animation:none!important;transition:background-color .15s ease;flex-shrink:0}
.presenceDot.online{background:#29d274!important;box-shadow:0 0 7px rgba(41,210,116,.55)!important}
.presenceDot.offline{background:#ef4d58!important;box-shadow:0 0 7px rgba(239,77,88,.4)!important}
.userPage{max-width:760px;margin:0 auto;padding-bottom:calc(40px + env(safe-area-inset-bottom,0px));overflow-wrap:anywhere}
.userPageHero{display:flex;align-items:center;gap:22px;margin:26px 0 22px}
.userPageAvatar{width:116px;height:116px;flex:0 0 116px;border-radius:50%;overflow:hidden;border:1px solid rgba(90,160,200,.3);background:rgba(40,110,145,.1);padding:0;color:var(--text,#eaf7ff);font-size:44px}
.userPageAvatar img{width:100%;height:100%;display:block;object-fit:cover}
.userPageName{margin:0 0 8px;display:flex;align-items:center;gap:10px;font-size:clamp(24px,5vw,34px);line-height:1.18;font-weight:700}
.userPageName .presenceDot{width:9px;height:9px;flex-basis:9px}
.userPageBadge{min-height:22px;font-size:12px;line-height:1.5}
.userPageStatus{white-space:pre-wrap;margin:10px 0 5px;line-height:1.5;font-size:14px}
.userPagePresenceText{font-size:12px;opacity:.62}
.userPageAction{width:100%;max-width:420px;min-height:44px;margin-bottom:16px}
.userPageAbout{margin:22px 0 30px}
.userPageAbout h3,.userPageContacts h3{font-size:14px;opacity:.7;margin:0 0 12px;letter-spacing:.04em}
.userPageAbout p{white-space:pre-wrap;line-height:1.7;margin:0;font-size:15px}
.userPageContacts{margin:24px 0}
.userPageContacts>div{display:flex;flex-direction:column;gap:4px;padding:9px 0}
.userPageContacts small{opacity:.65}
.userPageMusicSlot{margin-top:32px}
.userPageMusic{display:flex;align-items:center;gap:14px;border:1px solid rgba(53,156,255,.28);border-radius:18px;padding:16px;background:rgba(53,156,255,.06)}
.userPageMusicIcon{font-size:28px;color:#359cff}
.userPageMusic .grow{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}
.userPageMusic small{font-size:10px;letter-spacing:.06em;opacity:.65;text-transform:uppercase}
.userPageMusic b{font-size:14px;line-height:1.4}
.userPageMusic .grow>span{font-size:12px;opacity:.7}
.userPageListen{width:44px;height:44px;flex:0 0 44px;border:1px solid rgba(53,156,255,.5);border-radius:50%;color:#359cff;background:rgba(53,156,255,.12);font-size:17px}
.userPageMusicEmpty{font-size:13px;line-height:1.5;opacity:.5}
.userRowAvatar{padding:0;border:0;background:none;flex-shrink:0;cursor:pointer}
.userRowTrack{font-size:11px!important;color:var(--cyan,#359cff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.userRowBadge{display:block}.contactNameLine{display:flex;align-items:center;gap:7px;min-width:0}
.userVisibilityToggle{display:flex;align-items:center;gap:12px;padding:14px 0}.userVisibilityToggle .grow{min-width:0}.userVisibilityToggle b{font-size:14px}.userVisibilityToggle small{display:block;opacity:.6;font-size:12px;line-height:1.4;margin-top:5px}
#directTitle .presenceDot{margin-left:9px}
@media(max-width:420px){.userPageHero{gap:15px}.userPageAvatar{width:88px;height:88px;flex-basis:88px}.userPageName{font-size:25px}.userPageMusic{padding:13px;gap:10px}}