/* V29 — user sidebar cleanup and compact notification topbar */

/* profile card layout */
.sidebar-profile-card{position:relative!important}
.sidebar-profile-main{position:relative!important;align-items:flex-start!important;padding-top:2px!important}
.sidebar-profile-copy{
  position:relative!important;
  padding-left:56px!important;
  gap:3px!important;
}
.sidebar-profile-copy strong{font-size:15px!important;line-height:1.35!important}
.sidebar-profile-copy small{font-size:10px!important;line-height:1.3!important;color:#eff7db!important}
.sidebar-profile-copy span{font-size:10px!important;line-height:1.4!important;color:#fff8ef!important;direction:ltr!important;margin-top:5px!important}
.sidebar-notify-mini{
  position:absolute!important;
  top:2px!important;
  left:0!important;
  margin-top:0!important;
  width:42px!important;
  height:42px!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.14)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:0 8px 18px rgba(75,43,35,.10)!important;
}
.sidebar-notify-mini b{top:-7px!important;right:-6px!important}
body.user-role .sidebar-profile-main{padding-bottom:8px!important}
body.user-role .sidebar-profile-card{padding:16px 15px!important;min-height:auto!important}
body.user-role .profile-avatar{width:56px!important;height:56px!important}
body.user-role .main-nav{gap:2px!important;padding-top:0!important}
body.user-role .nav-item{min-height:58px!important;padding:6px 8px!important;border-radius:18px!important}
body.user-role .nav-copy b{font-size:12px!important;line-height:1.2!important}
body.user-role .nav-copy small{font-size:8px!important;line-height:1.35!important;margin-top:1px!important}
body.user-role .sidebar-utility{margin-top:6px!important}
body.user-role .logout-btn{height:42px!important;border-radius:16px!important}

/* compact integrated notifications header */
.notification-topbar-v30{
  padding:12px 12px 10px!important;
  background:linear-gradient(180deg,#fff,#fbfdf7)!important;
  border-bottom:1px solid #edf1e4!important;
}
.notification-social-head{
  padding:0!important;
  background:none!important;
  border:0!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
}
.notification-head-icon{width:40px!important;height:40px!important;border-radius:14px!important}
.notification-head-copy strong{font-size:14px!important;line-height:1.1!important}
.notification-head-copy small{font-size:9px!important;line-height:1.3!important;margin-top:3px!important;color:#72655d!important}
.notification-read-all{
  min-height:36px!important;
  height:36px!important;
  padding:0 11px!important;
  border-radius:12px!important;
}
.notification-tabs{
  margin:10px 0 0!important;
  padding:4px!important;
  background:#f4f8ea!important;
  border:1px solid #e1e9cf!important;
  border-radius:14px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:5px!important;
}
.notification-tabs button{
  min-height:34px!important;
  height:34px!important;
  padding:0 10px!important;
  border-radius:10px!important;
  font-size:10px!important;
  font-weight:800!important;
}
.notification-tabs button.active{box-shadow:0 6px 14px rgba(79,127,0,.08)!important}
.social-notification-list{padding:8px!important;max-height:min(430px,52vh)!important}
.notif-card-v12{padding:11px!important;border-radius:18px!important}
.notification-social-foot{padding:11px 14px!important}
.notification-social-foot span{font-size:9px!important}

@media (max-width:980px){
  body.user-role .sidebar-profile-copy{padding-left:52px!important}
  body.user-role .profile-avatar{width:52px!important;height:52px!important}
  body.user-role .nav-item{min-height:55px!important}
}
@media (min-width:981px) and (max-height:760px){
  body.user-role .sidebar-profile-card{padding:13px 13px!important}
  body.user-role .sidebar-profile-copy{padding-left:50px!important}
  .sidebar-notify-mini{width:38px!important;height:38px!important;border-radius:13px!important}
  body.user-role .nav-item{min-height:52px!important}
}
@media (min-width:981px) and (max-height:640px){
  body.user-role .sidebar-profile-copy small{font-size:9px!important}
  body.user-role .sidebar-profile-copy span{font-size:9px!important}
  .sidebar-notify-mini{top:0!important}
}