/* V24 — modal footer/layout fixes + stronger contrast */
:root{
  --mehr-green:#79ba00!important;
  --mehr-green-dark:#4d7f00!important;
  --mehr-green-deep:#3d6500!important;
  --mehr-green-soft:#ebf4d0!important;
  --mehr-green-soft2:#f5f9ea!important;
  --mehr-brown:#4b2b23!important;
  --mehr-text:#433731!important;
  --mehr-muted:#6f6158!important;
  --mehr-soft-text:#86786f!important;
}

/* stronger readable small text across panels */
.eyebrow,
.mm-floating-field>.mm-floating-label,
.field>span,
.switch-field>span,
.users-filter-copy-v18 small,
.meeting-filter-copy small,
.recording-filter-copy-v15 small,
.attendance-filter-copy-v13 small,
.user-editor-section-head p,
.group-editor-section-head p,
.meeting-v9-section-head p,
.detail-fact-card small,
.detail-group-copy small,
.user-group-copy small,
.member-copy small,
.meeting-v9-count span,
.meeting-type-copy small,
.sidebar-profile-copy small,
.sidebar-profile-copy span,
.notification-head-copy small,
.notification-social-foot span,
.notif-time-v12,
.notif-message-v12,
.notif-kind-v12,
.notif-context-v12,
.notification-empty small,
.users-stat-pill-v18 small,
.bulk-section-copy small,
.bulk-users-hero small,
.bulk-excel-guide small,
.bulk-import-policy small{
  color:var(--mehr-muted)!important;
}

.user-group-copy b,
.member-copy b,
.meeting-v9-section-head h3,
.user-editor-section-head h3,
.group-editor-section-head h3,
.users-list-head-v18 h2,
.notification-head-copy strong,
.notif-top-v12 strong,
.notification-empty strong,
.bulk-section-copy b,
.bulk-users-hero strong,
.bulk-excel-guide b,
.bulk-import-policy b,
.meeting-detail-copy-v11 h2,
.recording-detail-copy-v15 h2{
  color:var(--mehr-brown)!important;
}

/* fix accidental green overlay on the manager stat card */
.users-stat-pill-v18 span,
.users-stat-pill-v18.tone-violet span,
.users-stat-pill-v18.tone-green span,
.users-stat-pill-v18.tone-amber span,
.users-stat-pill-v18.tone-blue span{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.users-stat-pill-v18.tone-violet{
  background:linear-gradient(180deg,#fff,#fdf9f7)!important;
  border-color:#e8ddd6!important;
}
.users-stat-pill-v18.tone-violet>i{
  background:linear-gradient(135deg,#654035,#4b2b23)!important;
  color:#fff!important;
}
.users-stat-pill-v18 b{font-size:18px!important;color:var(--mehr-brown)!important}
.users-stat-pill-v18 small{font-weight:800!important;color:#75675f!important}

/* modal action bars: stay inside the modal and do not overlap form content */
#modalCard:has(.user-editor-form)>.modal-body,
#modalCard:has(.group-editor-v8)>.modal-body,
#modalCard:has(.bulk-users-form)>.modal-body{
  padding-bottom:18px!important;
}
#modalCard:has(.user-editor-form) .modal-actions,
#modalCard:has(.group-editor-v8) .modal-actions,
#modalCard:has(.bulk-users-form) .modal-actions{
  position:sticky!important;
  bottom:0!important;
  z-index:7!important;
  margin:18px -16px -16px!important;
  padding:14px 16px calc(14px + env(safe-area-inset-bottom))!important;
  background:linear-gradient(180deg,rgba(252,254,248,.75),#ffffff 30%)!important;
  backdrop-filter:blur(10px)!important;
  border-top:1px solid #e4ead5!important;
  box-shadow:0 -10px 22px rgba(75,43,35,.05)!important;
  align-items:center!important;
  flex-wrap:wrap!important;
}
.user-editor-actions,
.group-editor-actions,
.bulk-users-actions{gap:10px!important}
.user-editor-actions button,
.group-editor-actions button,
.bulk-users-actions button{min-height:46px!important}
.user-editor-form,
.group-editor-v8,
.bulk-users-form{padding-bottom:2px!important}

/* specific clean up for user modal content */
.user-editor-grid,
.user-permission-grid,
.user-group-grid{align-items:start!important}
.user-editor-section,
.bulk-source-pane,
.bulk-users-group-card,
.group-editor-section{overflow:visible!important}
.user-group-choice,
.user-permission-card,
.bulk-user-row,
.member-pick-v8{min-width:0!important}

/* sidebar profile actions + counter */
.sidebar-profile-actions{align-items:stretch!important;overflow:visible!important}
.profile-action-btn{overflow:visible!important}
.profile-action-btn.notification-bell{
  justify-content:flex-start!important;
  padding:0 14px 0 38px!important;
  background:#fff!important;
  color:var(--mehr-brown)!important;
  border:1px solid #e5ead8!important;
  box-shadow:0 8px 18px rgba(75,43,35,.07)!important;
}
.profile-action-btn.notification-bell span{color:var(--mehr-brown)!important}
.profile-action-btn.notification-bell i{color:var(--mehr-green-dark)!important}
.profile-action-btn.notification-bell b{
  top:6px!important;
  left:7px!important;
  right:auto!important;
  min-width:18px!important;
  height:18px!important;
  padding:0 4px!important;
  font-size:8px!important;
  line-height:18px!important;
  border:2px solid #fff!important;
  box-shadow:0 7px 14px rgba(211,79,102,.22)!important;
}
.profile-action-btn.create-meeting{
  background:linear-gradient(135deg,#654035,#4b2b23)!important;
  color:#fff!important;
  border-color:transparent!important;
}
.profile-action-btn.create-meeting i,
.profile-action-btn.create-meeting span{color:#fff!important}

/* sidebar card resilient in lower heights */
.sidebar-profile-card{overflow:hidden!important}
.sidebar-profile-main{min-width:0!important}
.sidebar-profile-copy{min-width:0!important}
.sidebar-profile-copy strong,
.sidebar-profile-copy small,
.sidebar-profile-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (min-width:981px) and (max-height:720px){
  .sidebar-profile-card{padding:14px!important}
  .sidebar-profile-actions{grid-template-columns:1fr!important}
  .sidebar-profile-actions .create-meeting{display:flex!important}
  .profile-action-btn{min-height:40px!important}
}

/* notification panel redesign / higher contrast */
.sidebar-notification-panel,
.social-notification-panel{
  border:1px solid #e4ead5!important;
  background:linear-gradient(180deg,#fff,#fdfef9)!important;
  box-shadow:0 24px 58px rgba(75,43,35,.14)!important;
}
.notification-social-head{
  grid-template-columns:46px minmax(0,1fr) auto!important;
  gap:12px!important;
  padding:16px!important;
  background:linear-gradient(180deg,#ffffff,#fbfdf7)!important;
  border-bottom:1px solid #edf1e4!important;
}
.notification-head-icon{
  width:44px!important;height:44px!important;border-radius:15px!important;
  background:linear-gradient(135deg,var(--mehr-green),var(--mehr-green-dark))!important;
  color:#fff!important;box-shadow:0 10px 22px rgba(79,127,0,.22)!important;
}
.notification-head-copy strong{font-size:15px!important}
.notification-head-copy small{font-size:9px!important;color:#706259!important}
.notification-read-all{
  height:40px!important;
  padding:0 12px!important;
  background:#f4f8ea!important;
  border:1px solid #dfe7cb!important;
  color:var(--mehr-brown)!important;
}
.notification-read-all i{color:var(--mehr-green-dark)!important}
.notification-tabs{padding:12px 16px!important;background:#fbfdf8!important;border-bottom:1px solid #edf1e4!important}
.notification-tabs button{
  min-height:40px!important;
  padding:0 14px!important;
  background:#fff!important;
  color:#73675e!important;
  border:1px solid #e4ead7!important;
  font-weight:700!important;
}
.notification-tabs button.active{
  background:linear-gradient(135deg,#eef6db,#f8fbef)!important;
  color:var(--mehr-brown)!important;
  border-color:#cfe0a6!important;
  box-shadow:0 8px 18px rgba(79,127,0,.08)!important;
}
.social-notification-list{padding:10px!important;background:#fff!important}
.notif-card-v12{
  border:1px solid #e6ebd9!important;
  background:linear-gradient(180deg,#fff,#fcfdf8)!important;
  box-shadow:0 10px 24px rgba(75,43,35,.045)!important;
}
.notif-card-v12.unread{
  border-color:#d6e3b8!important;
  background:linear-gradient(180deg,#fdfff8,#fbfdf6)!important;
}
.notif-card-v12.unread:before{background:linear-gradient(180deg,var(--mehr-green),var(--mehr-green-dark))!important}
.notif-icon-v12{
  background:#ecf5d4!important;
  color:var(--mehr-green-dark)!important;
  box-shadow:0 7px 18px rgba(79,127,0,.09)!important;
}
.notif-icon-v12.red{background:#faecef!important;color:#c75265!important}
.notif-icon-v12.green{background:#e8f5ef!important;color:#227f5e!important}
.notif-icon-v12.amber{background:#fbf1de!important;color:#ae6d16!important}
.notif-top-v12 strong{font-size:12px!important}
.notif-time-v12{font-size:8px!important;color:#7c7068!important}
.notif-message-v12{font-size:10px!important;color:#5f534d!important;line-height:1.95!important}
.notif-kind-v12,
.notif-context-v12{
  background:#f5f8ec!important;
  color:#665b53!important;
  border:1px solid #e4ead7!important;
}
.notif-card-v12.unread .notif-kind-v12{
  background:#edf6db!important;
  color:#4e7f00!important;
  border-color:#d3e2ad!important;
}
.notif-kind-v12 i,.notif-context-v12 i{color:var(--mehr-green-dark)!important}
.notif-arrow-v12{color:#9a8e86!important}
.notification-social-foot{background:#fbfdf7!important;border-top:1px solid #edf1e4!important}
.notification-social-foot span{color:#6f6158!important}
.notification-social-foot i{color:var(--mehr-green-dark)!important}
.notification-empty>span{
  background:#edf5dc!important;
  color:var(--mehr-green-dark)!important;
}
.notification-empty small{max-width:280px!important;color:#73655d!important}

/* several pale surfaces made a bit stronger */
.meeting-v9-section-head>span,
.meeting-filter-icon,
.detail-fact-icon,
.detail-group-icon,
.mm-floating-field>.mm-field-icon,
.mm-date-trigger>i,
.users-filter-icon-v18,
.user-group-icon,
.user-meta-item-v17>span,
.group-v8-icon,
.bulk-section-icon,
.user-editor-section-head .section-icon,
.group-editor-section-head>span,
.recording-detail-stats-v15>div>i,
.recordings-panel-badge-v15 i{
  background:#e8f1ca!important;
  color:var(--mehr-green-dark)!important;
  border-color:#cfe0a5!important;
}

/* user page card text */
.user-card-v17 .user-name-v17,
.user-card-v17 h3,
.user-card-v17 strong,
.user-card-v17 b{color:var(--mehr-brown)!important}
.user-card-v17 p,
.user-card-v17 small,
.user-card-v17 .user-subtitle-v17{color:#6e625b!important}

@media (max-width:720px){
  #modalCard:has(.user-editor-form) .modal-actions,
  #modalCard:has(.group-editor-v8) .modal-actions,
  #modalCard:has(.bulk-users-form) .modal-actions{
    margin:16px -12px -12px!important;
    padding:12px!important;
  }
  .user-editor-actions button,
  .group-editor-actions button,
  .bulk-users-actions button{width:100%!important}
  .notification-social-head{grid-template-columns:40px minmax(0,1fr)!important}
  .notification-read-all{grid-column:1/-1!important;justify-self:stretch!important}
}