/* Sentrio 1.0.2 UI hotfixes: presence sync and schedule avatar fallback alignment. */
body.sidebar-compact .sidebar nav .nav-link{align-items:center!important;text-align:center!important}
body.sidebar-compact .sidebar nav .nav-link>.icon{flex:0 0 auto!important;margin-left:auto!important;margin-right:auto!important}
body.sidebar-compact .sidebar nav .nav-link>.menu-text{display:block!important;width:100%!important;max-width:68px!important;margin:0 auto!important;padding:0!important;text-align:center!important;line-height:1.12!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important}
body.sidebar-compact .sidebar nav .nav-link[title="Администрирование"]>.menu-text{max-width:68px!important;white-space:normal!important;font-size:8px!important;letter-spacing:-.12px!important;overflow-wrap:anywhere!important;word-break:normal!important;hyphens:none!important}
body.sidebar-compact .sidebar-bottom .logout>.menu-text{width:100%!important;max-width:68px!important;margin:0 auto!important;text-align:center!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important}
.content>.admin-tabs,body.sidebar-compact .content>.admin-tabs{position:static!important;inset:auto!important;transform:none!important;float:none!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;width:fit-content!important;max-width:100%!important;min-height:0!important;height:auto!important;margin:0 0 20px!important;padding:6px!important;gap:6px!important}
.content>.admin-tabs>a,body.sidebar-compact .content>.admin-tabs>a{position:static!important;transform:none!important;margin:0!important;flex:0 0 auto!important;width:auto!important;min-width:0!important}
.topbar-right .topbar-online,.topbar-online[data-global-online-v100]{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;white-space:nowrap!important}
.topbar-online[data-global-online-v100] i{width:8px!important;height:8px!important;border-radius:50%!important;background:#31b878!important;box-shadow:0 0 0 4px #31b87818!important;flex:0 0 8px!important}
.topbar-online[data-global-online-v100] b{min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:inline-grid;place-items:center;background:color-mix(in srgb,#31b878 12%,transparent);color:inherit;font-size:10px;font-weight:750}

#global-online-modal .presence-modal-card{width:min(620px,calc(100vw - 32px))!important;max-height:min(760px,calc(100dvh - 32px));overflow:hidden}
#global-online-modal .presence-modal-head{border-bottom:1px solid var(--s-border,var(--border));padding-bottom:18px}
#global-online-modal .presence-content{padding:18px 24px 8px;min-height:190px}
.presence-tabs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px;width:100%;margin:0 0 14px;padding:4px;border:1px solid var(--s-border,var(--border));border-radius:12px;background:var(--s-surface-2,#f5f6fa)}
.presence-tab{min-width:0;border:0!important;outline:0!important;background:transparent!important;color:var(--s-muted,var(--muted));font:inherit;font-size:12px;font-weight:650;line-height:1.2;padding:10px 12px;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;cursor:pointer;box-shadow:none!important}
.presence-tab.active{background:var(--s-surface,#fff)!important;color:var(--s-accent,var(--accent))!important;box-shadow:0 2px 8px #18224212!important}
.presence-tab b{min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:color-mix(in srgb,var(--s-accent,var(--accent)) 10%,var(--s-surface,#fff));color:var(--s-accent,var(--accent));font-size:10px}
.presence-panel[hidden]{display:none!important}
.presence-list{display:flex;flex-direction:column;max-height:min(420px,50dvh);overflow:auto;overscroll-behavior:contain;border:1px solid var(--s-border,var(--border));border-radius:12px;background:var(--s-surface,#fff)}
.presence-person{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--s-border,var(--border));color:var(--s-text,#17253b);min-width:0;text-decoration:none!important}
.presence-person:last-child{border-bottom:0}
.presence-person:hover{background:color-mix(in srgb,var(--s-accent,var(--accent)) 4%,transparent)}
.presence-person-main{min-width:0}
.presence-person-main strong,.presence-person-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.presence-person-main strong{font-size:13px}.presence-person-main small{font-size:11px;margin-top:3px;color:var(--s-muted,var(--muted))}
.presence-state{justify-self:end;flex:0 0 auto;font-size:10px;padding:5px 8px;border-radius:999px;background:#f0f2f6;color:#758095;white-space:nowrap}
.presence-state.online{background:#eaf8f0;color:#26875a;font-weight:650}
.presence-empty{padding:34px 14px;text-align:center;color:var(--s-muted,var(--muted));font-size:12px}
.presence-avatar{width:40px;height:40px;flex:0 0 40px}
#global-online-modal .presence-modal-foot{border-top:1px solid var(--s-border,var(--border));padding-top:14px}

.avatar,.mini-avatar,.online-avatar,.profile-avatar-large,.schedule-avatar,.comment-avatar,.composer-avatar,.presence-avatar{position:relative!important;overflow:hidden!important;isolation:isolate}
.avatar img,.mini-avatar img,.online-avatar img,.profile-avatar-large img,.schedule-avatar img,.comment-avatar img,.composer-avatar img,.presence-avatar img{position:absolute!important;inset:0!important;z-index:2;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;border-radius:inherit!important;display:block!important}
.avatar-fallback-letter{position:absolute;inset:0;z-index:1;display:grid;place-items:center;border-radius:inherit;background:color-mix(in srgb,var(--s-accent,var(--accent)) 14%,var(--s-surface,#fff));color:var(--s-accent,var(--accent));font:700 .9em/1 Inter,"Segoe UI",Arial,sans-serif;text-transform:uppercase;pointer-events:none}
img.avatar-image-broken{display:none!important}
html[data-theme="dark"] .presence-tabs{background:#20283a}
html[data-theme="dark"] .presence-list{background:#182033}
html[data-theme="dark"] .presence-person{color:#edf1f8}
html[data-theme="dark"] .presence-state{background:#2c3446;color:#b8c0d0}
@media(max-width:700px){#global-online-modal .presence-content{padding:14px 16px 6px}.presence-tab{padding:9px 7px;font-size:11px}.presence-person{grid-template-columns:36px minmax(0,1fr);padding:11px 12px}.presence-avatar{width:36px;height:36px}.presence-state{grid-column:2;justify-self:start;margin-top:-4px}}


/* v1.0.2: schedule fallback initials must stay perfectly centered in compact calendar chips. */
.schedule-avatar>.avatar-fallback-letter{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  text-indent:0!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  transform:none!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  font-size:8px!important;
  font-weight:800!important;
  font-style:normal!important;
  line-height:1!important;
  box-sizing:border-box!important;
}
.schedule-avatar.large>.avatar-fallback-letter{font-size:11px!important}