/* V22 — stronger Mehr green + users/sidebar fixes */
:root{
  --mehr-green:#82c400!important;
  --mehr-green-dark:#5f9800!important;
  --mehr-green-deep:#4f8200!important;
  --mehr-green-soft:#eaf6c9!important;
  --mehr-green-soft2:#f5fae8!important;
}

/* Stronger green icons across the app */
.mm-card-icon,
.meeting-filter-icon,
.users-filter-icon-v18,
.users-list-head-v18 h2 i,
.users-hero-icon-v18,
.detail-fact-icon,
.detail-group-icon,
.user-meta-item-v17>span,
.user-group-icon,
.group-v8-icon,
.group-v8-stats span,
.recording-filter-icon-v15,
.recording-summary-icon-v15,
.attendance-person-icon,
.attendance-rule-icon,
.notification-head-icon,
.auto-date-badge i,
.bulk-section-icon,
.section-icon,
.users-stat-pill-v18>i{
  background:#e9f6c5!important;
  color:#5f9800!important;
  border-color:#d8e8aa!important;
}
.mm-card-icon{box-shadow:0 10px 22px rgba(95,152,0,.14),inset 0 1px 0 rgba(255,255,255,.95)!important}
.nav-item.active .nav-icon,
.meeting-v9-hero-icon,
.meeting-detail-orb,
.user-avatar-v17,
.user-editor-avatar,
.group-editor-symbol,
.group-manager-hero-icon,
.bulk-users-hero-icon,
.attendance-hero-icon-v13,
.recording-detail-icon-v15,
.pulse-core-v12,
.live-hero-icon-v12{
  background:linear-gradient(135deg,#82c400,#5f9800)!important;
  color:#fff!important;
  box-shadow:0 11px 24px rgba(95,152,0,.24)!important;
}

/* Users page: remove repeated auto-generated vertical icons */
.users-shell-v18 .mm-card-icon{display:none!important}
.users-shell-v18 .mm-card-has-icon{padding-left:inherit!important}
.users-shell-v18 .mm-card-has-icon .section-title>div{padding-left:0!important}

/* Users stats: stable, balanced brand colors */
.users-stat-pill-v18{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#fff,#fcfdf9)!important;
  border:1px solid #e4ead5!important;
  box-shadow:0 8px 20px rgba(75,43,35,.04)!important;
}
.users-stat-pill-v18>i{
  width:36px!important;height:36px!important;border-radius:13px!important;
  background:#e9f6c5!important;color:#5f9800!important;
  box-shadow:0 7px 16px rgba(95,152,0,.10)!important;
}
.users-stat-pill-v18 b{color:#4b2b23!important;font-weight:800!important}
.users-stat-pill-v18 small{color:#877970!important;font-weight:700!important}
.users-stat-pill-v18.tone-green{background:linear-gradient(180deg,#fff,#fbfdf6)!important;border-color:#dfe8c9!important}
.users-stat-pill-v18.tone-green>i{background:#e7f6c1!important;color:#568f00!important}
.users-stat-pill-v18.tone-violet{
  background:linear-gradient(180deg,#fff,#fbf7f4)!important;
  border-color:#eadbd3!important;
}
.users-stat-pill-v18.tone-violet>i{
  background:linear-gradient(135deg,#5a352b,#4b2b23)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(75,43,35,.15)!important;
}
.users-stat-pill-v18.tone-violet b{color:#4b2b23!important}
.users-stat-pill-v18.tone-amber{background:linear-gradient(180deg,#fff,#fcfdf8)!important;border-color:#e4ead5!important}
.users-stat-pill-v18.tone-amber>i{background:#e9f6c5!important;color:#5f9800!important}

/* Sidebar profile card — cleaner button hierarchy */
body.app-mode .sidebar-profile-card{
  flex:0 0 auto!important;
  padding:16px!important;
  overflow:visible!important;
  background:radial-gradient(circle at 12% 0,rgba(255,255,255,.24),transparent 34%),radial-gradient(circle at 96% 110%,rgba(75,43,35,.13),transparent 38%),linear-gradient(145deg,#8bc600 0%,#78b300 55%,#609700 100%)!important;
  box-shadow:0 19px 38px rgba(95,152,0,.25)!important;
}
.sidebar-profile-main{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;padding:0 0 12px!important}
.sidebar-avatar-wrap{flex:0 0 auto!important}
.sidebar-profile-copy{min-width:0!important;flex:1!important}
.sidebar-profile-copy strong{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.sidebar-profile-copy span{white-space:nowrap!important}
.sidebar-profile-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:8px!important;
  margin-top:11px!important;
}
.sidebar-profile-actions:has(.profile-action-btn:only-child){grid-template-columns:1fr!important}
.profile-action-btn{
  min-width:0!important;
  height:42px!important;
  border-radius:14px!important;
  font-size:9px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.profile-action-btn i{font-size:12px!important;flex:0 0 auto!important}
.profile-action-btn.create-meeting{
  background:linear-gradient(135deg,#5a352b,#4b2b23)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 10px 22px rgba(75,43,35,.22)!important;
}
.profile-action-btn.create-meeting:hover{background:linear-gradient(135deg,#674035,#533027)!important}
.profile-action-btn.notification-bell{
  background:rgba(255,255,255,.94)!important;
  color:#4b2b23!important;
  border:1px solid rgba(255,255,255,.8)!important;
  box-shadow:0 9px 20px rgba(75,43,35,.10)!important;
}
.profile-action-btn.notification-bell i{color:#5f9800!important}
.profile-action-btn.notification-bell:hover{background:#fff!important}
.profile-action-btn.notification-bell b{border-color:#fff!important}

/* Sidebar layout must stay stable on short screens */
body.app-mode .sidebar{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
}
.sidebar-brand-v21,.sidebar-profile-card,.sidebar-utility{flex:0 0 auto!important}
body.app-mode .main-nav{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin;
  scrollbar-color:#c7d99b transparent;
  padding-left:2px!important;
}
body.app-mode .main-nav::-webkit-scrollbar{width:5px}
body.app-mode .main-nav::-webkit-scrollbar-thumb{background:#c7d99b;border-radius:99px}
body.app-mode .main-nav::-webkit-scrollbar-track{background:transparent}
.sidebar-utility{margin-top:8px!important}

@media (min-width:981px) and (max-height:760px){
  body.app-mode .sidebar{padding:11px 12px!important}
  .sidebar-brand-v21{padding:0 4px 8px!important;margin-bottom:7px!important}
  .sidebar-brand-logo-v21{width:105px!important;max-height:55px!important}
  body.app-mode .sidebar-profile-card{padding:11px!important;margin-bottom:9px!important;border-radius:21px!important}
  .sidebar-profile-main{padding-bottom:8px!important;gap:9px!important}
  .profile-avatar{width:44px!important;height:44px!important;border-radius:14px!important;font-size:17px!important}
  .sidebar-profile-copy strong{font-size:12px!important}.sidebar-profile-copy small{font-size:8px!important}.sidebar-profile-copy span{font-size:8px!important}
  .sidebar-profile-actions{margin-top:8px!important;gap:6px!important}
  .profile-action-btn{height:36px!important;border-radius:12px!important;font-size:8px!important;padding:0 7px!important}
  body.app-mode .main-nav{gap:4px!important}
  body.app-mode .nav-item{min-height:47px!important;padding:5px 8px!important;border-radius:15px!important;grid-template-columns:36px minmax(0,1fr) 14px!important;gap:8px!important}
  .nav-icon{width:34px!important;height:34px!important;border-radius:12px!important}.nav-copy b{font-size:9px!important}.nav-copy small{font-size:7px!important}
  .logout-btn{height:38px!important;border-radius:13px!important;font-size:9px!important}
}
@media (min-width:981px) and (max-height:620px){
  .sidebar-profile-copy span{display:none!important}
  .sidebar-brand-logo-v21{width:88px!important;max-height:42px!important}
  .sidebar-brand-v21{padding-bottom:5px!important;margin-bottom:5px!important}
  body.app-mode .sidebar-profile-card{padding:9px!important;margin-bottom:7px!important}
  .profile-avatar{width:39px!important;height:39px!important}
  .profile-action-btn{height:33px!important}
  body.app-mode .nav-item{min-height:43px!important}
  .nav-copy small{display:none!important}
}

@media(max-width:980px){
  body.app-mode .main-nav{overflow-y:auto!important}
  .sidebar-profile-actions{grid-template-columns:1fr 1fr!important}
}