/* V26 — unified, compact sidebar profile + logout */
body.app-mode .sidebar{
  padding:14px 12px!important;
  gap:0!important;
}

/* Brand: compact and visually attached to profile area */
.sidebar-brand-v21{
  min-height:0!important;
  padding:2px 4px 8px!important;
  margin:0 0 7px!important;
  border-bottom:0!important;
}
.sidebar-brand-logo-v21{
  width:112px!important;
  max-height:58px!important;
}

/* Profile card: shorter and more balanced */
body.app-mode .sidebar-profile-card{
  margin:0 0 9px!important;
  padding:12px!important;
  border-radius:22px!important;
  min-height:0!important;
  box-shadow:0 15px 30px rgba(80,126,0,.20)!important;
}
.sidebar-profile-card:before{border-radius:21px!important}
.sidebar-profile-main{
  padding:0 0 9px!important;
  gap:9px!important;
  border-bottom-color:rgba(255,255,255,.18)!important;
}
.profile-avatar{
  width:43px!important;
  height:43px!important;
  border-radius:14px!important;
  font-size:17px!important;
}
.sidebar-profile-copy strong{
  font-size:12px!important;
  line-height:1.35!important;
}
.sidebar-profile-copy small{
  font-size:8px!important;
  line-height:1.35!important;
  margin-top:2px!important;
}
.sidebar-profile-copy span{
  font-size:8px!important;
  line-height:1.35!important;
  margin-top:3px!important;
  opacity:.86!important;
}
.sidebar-profile-actions{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:7px!important;
  margin-top:9px!important;
}
.profile-action-btn{
  height:38px!important;
  min-height:38px!important;
  border-radius:12px!important;
  padding:0 9px!important;
  gap:6px!important;
  font-size:8px!important;
  justify-content:center!important;
}
.profile-action-btn.notification-bell{
  justify-content:center!important;
  padding:0 30px 0 10px!important;
}
.profile-action-btn.notification-bell b{
  top:5px!important;
  left:auto!important;
  right:6px!important;
  min-width:18px!important;
  height:18px!important;
  line-height:18px!important;
}

/* Navigation follows profile immediately */
body.app-mode .main-nav{
  margin:0!important;
  padding:0 0 6px!important;
  gap:3px!important;
}

/* Footer/logout: same visual language, no oversized empty band */
.sidebar-utility{
  margin-top:auto!important;
  padding-top:6px!important;
  flex:0 0 auto!important;
}
.sidebar-bottom{
  margin:0!important;
  padding:7px 0 0!important;
  border-top:1px solid #e8ecde!important;
  display:block!important;
}
.logout-btn{
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  border-radius:15px!important;
  border:1px solid #eaded7!important;
  background:linear-gradient(180deg,#fff,#fbf7f4)!important;
  color:#4b2b23!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  padding:0 11px!important;
  font-size:10px!important;
  font-weight:800!important;
  box-shadow:0 8px 18px rgba(75,43,35,.045)!important;
  transition:.18s ease!important;
}
.logout-btn span{
  width:31px!important;
  height:31px!important;
  border-radius:11px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  background:#f3ebe7!important;
  color:#6a4337!important;
}
.logout-btn span i{font-size:12px!important}
.logout-btn:hover{
  background:#f8f1ed!important;
  border-color:#dfcdc4!important;
  transform:translateY(-1px)!important;
  box-shadow:0 11px 22px rgba(75,43,35,.07)!important;
}

/* Short screens: keep the profile compact instead of stacking its buttons */
@media (min-width:981px) and (max-height:760px){
  body.app-mode .sidebar{padding:9px 10px!important}
  .sidebar-brand-v21{padding:0 3px 5px!important;margin-bottom:4px!important}
  .sidebar-brand-logo-v21{width:90px!important;max-height:43px!important}
  body.app-mode .sidebar-profile-card{padding:9px!important;margin-bottom:6px!important;border-radius:18px!important}
  .sidebar-profile-main{padding-bottom:6px!important;gap:7px!important}
  .profile-avatar{width:37px!important;height:37px!important;border-radius:12px!important;font-size:15px!important}
  .sidebar-profile-copy strong{font-size:10px!important}
  .sidebar-profile-copy small{font-size:7px!important}
  .sidebar-profile-copy span{font-size:7px!important}
  .sidebar-profile-actions{grid-template-columns:1fr 1fr!important;margin-top:6px!important;gap:5px!important}
  .profile-action-btn{height:32px!important;min-height:32px!important;border-radius:10px!important;font-size:7px!important;padding:0 6px!important}
  .profile-action-btn.notification-bell{padding:0 24px 0 6px!important}
  .profile-action-btn.notification-bell b{top:4px!important;right:4px!important;min-width:16px!important;height:16px!important;line-height:16px!important;font-size:7px!important}
  body.app-mode .main-nav{gap:2px!important;padding-bottom:4px!important}
  body.app-mode .nav-item{min-height:43px!important;padding:4px 7px!important;grid-template-columns:32px minmax(0,1fr) 12px!important;gap:7px!important;border-radius:14px!important}
  body.app-mode .nav-item .nav-icon{width:31px!important;height:31px!important;border-radius:10px!important}
  body.app-mode .nav-item .nav-icon i{font-size:13px!important}
  body.app-mode .nav-item .nav-copy b{font-size:9px!important}
  body.app-mode .nav-item .nav-copy small{font-size:6.5px!important;margin-top:0!important}
  .sidebar-utility{padding-top:4px!important}
  .sidebar-bottom{padding-top:5px!important}
  .logout-btn{height:36px!important;min-height:36px!important;border-radius:12px!important;font-size:8px!important;padding:0 8px!important}
  .logout-btn span{width:26px!important;height:26px!important;border-radius:9px!important}
}

@media (min-width:981px) and (max-height:620px){
  .sidebar-profile-copy span{display:none!important}
  .sidebar-profile-copy small{margin-top:1px!important}
  .sidebar-profile-main{padding-bottom:5px!important}
  .sidebar-profile-actions{margin-top:5px!important}
  .profile-action-btn{height:30px!important;min-height:30px!important}
  body.app-mode .nav-item{min-height:39px!important}
  body.app-mode .nav-item .nav-copy small{display:none!important}
  .logout-btn{height:33px!important;min-height:33px!important}
}

@media(max-width:980px){
  .sidebar-brand-v21{padding-bottom:7px!important}
  body.app-mode .sidebar-profile-card{padding:12px!important}
  .sidebar-profile-actions{grid-template-columns:1fr 1fr!important}
  .profile-action-btn{height:38px!important;min-height:38px!important}
  .sidebar-utility{padding-bottom:max(2px,env(safe-area-inset-bottom))!important}
}