/* V28 — compact user sidebar + icon-only notifications in profile */

/* Make sidebar menu compact and consistent */
body.app-mode .main-nav{
  gap:6px!important;
  padding:2px 0 4px!important;
}
body.app-mode .nav-item{
  min-height:74px!important;
  padding:9px 10px!important;
  border-radius:20px!important;
}
body.app-mode .nav-copy b{font-size:13px!important;line-height:1.25!important}
body.app-mode .nav-copy small{font-size:9px!important;line-height:1.45!important;margin-top:2px!important}

/* User sidebar should be noticeably tighter */
body.user-role .sidebar-profile-card{margin-bottom:10px!important}
body.user-role .main-nav{gap:3px!important;align-content:start!important}
body.user-role .nav-item{
  min-height:61px!important;
  padding:8px 9px!important;
  grid-template-columns:42px minmax(0,1fr) 14px!important;
  gap:9px!important;
}
body.user-role .nav-icon{width:38px!important;height:38px!important;border-radius:14px!important}
body.user-role .nav-copy b{font-size:12px!important}
body.user-role .nav-copy small{font-size:8px!important;margin-top:1px!important}
body.user-role .sidebar-utility{margin-top:7px!important}
body.user-role .logout-btn{height:44px!important}

/* Remove old actions row usage and replace with a single bell icon above phone number */
.sidebar-profile-main{align-items:flex-start!important}
.sidebar-profile-copy{
  flex:1!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:2px!important;
}
.sidebar-profile-copy strong{max-width:100%!important}
.sidebar-profile-copy small{max-width:100%!important}
.sidebar-profile-copy span{margin-top:2px!important}
.sidebar-notify-mini{
  margin-top:4px!important;
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.26)!important;
  background:rgba(255,255,255,.16)!important;
  color:#fff!important;
  box-shadow:0 10px 18px rgba(75,43,35,.10)!important;
  position:relative!important;
  transition:.2s ease!important;
}
.sidebar-notify-mini:hover{transform:translateY(-1px)!important;background:rgba(255,255,255,.22)!important}
.sidebar-notify-mini i{font-size:14px!important;color:#fff!important}
.sidebar-notify-mini b{
  position:absolute!important;
  top:-6px!important;
  right:-5px!important;
  min-width:18px!important;
  height:18px!important;
  padding:0 4px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:#ff6a86!important;
  color:#fff!important;
  border:2px solid #fff!important;
  box-shadow:0 6px 14px rgba(255,106,134,.25)!important;
  font-size:8px!important;
  line-height:1!important;
}

/* Ensure legacy actions row does not consume space if present */
.sidebar-profile-actions{display:none!important}

/* Sidebar layout when height is smaller */
@media (max-width:980px){
  body.user-role .main-nav{gap:2px!important}
  body.user-role .nav-item{min-height:58px!important;padding:7px 8px!important}
  body.user-role .nav-copy b{font-size:11.5px!important}
  body.user-role .nav-copy small{font-size:7.5px!important}
}
@media (min-width:981px) and (max-height:760px){
  body.user-role .main-nav{gap:2px!important}
  body.user-role .nav-item{min-height:55px!important;padding:6px 8px!important}
  body.user-role .nav-copy b{font-size:11px!important}
  body.user-role .nav-copy small{font-size:7.5px!important}
}
@media (min-width:981px) and (max-height:640px){
  body.user-role .nav-item{min-height:49px!important}
  body.user-role .nav-copy small{display:none!important}
  .sidebar-notify-mini{width:36px!important;height:36px!important;border-radius:12px!important}
}