/* V21 — full MehrMeet visual language */
:root{
  --bg:#f7f9f1!important;
  --panel:#fff!important;
  --ink:#4b2b23!important;
  --muted:#83756d!important;
  --line:#e5ead7!important;
  --accent:#84c400!important;
  --accent2:#6eaa00!important;
  --mehr-green:#84c400;
  --mehr-green-dark:#6eaa00;
  --mehr-green-deep:#5c8f00;
  --mehr-green-soft:#eef7d7;
  --mehr-green-soft2:#f7fbe9;
  --mehr-brown:#4b2b23;
  --mehr-brown-2:#674236;
  --mehr-brown-soft:#f7f0eb;
  --mehr-border:#e4ead5;
  --mehr-shadow:0 16px 38px rgba(83,105,22,.08);
}
html,body{background:linear-gradient(180deg,#f8faf3,#f5f8ef)!important;color:var(--mehr-brown)!important}
body.app-mode .app-shell{background:transparent!important}
body.app-mode .main-area{background:transparent!important}
body.app-mode .workspace{background:transparent!important}

/* Sidebar brand */
body.app-mode .sidebar{
  background:linear-gradient(180deg,#fff,#fbfcf7)!important;
  color:var(--mehr-brown)!important;
  border:1px solid var(--mehr-border)!important;
  box-shadow:0 24px 60px rgba(75,43,35,.07)!important;
}
.sidebar-brand-v21{display:flex;align-items:center;justify-content:center;padding:4px 6px 13px;margin-bottom:10px;border-bottom:1px solid #edf0e5;position:relative;z-index:2}
.sidebar-brand-logo-v21{display:block;width:142px;max-height:86px;object-fit:contain;mix-blend-mode:multiply}
body.app-mode .sidebar-profile-card{
  background:radial-gradient(circle at 12% 0,rgba(255,255,255,.28),transparent 34%),radial-gradient(circle at 95% 105%,rgba(75,43,35,.10),transparent 38%),linear-gradient(145deg,#8fc900 0%,#7bb700 54%,#6aa000 100%)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 20px 42px rgba(110,160,0,.24)!important;
}
.sidebar-profile-card:before{border-color:rgba(255,255,255,.18)!important}
.sidebar-profile-copy strong,.sidebar-profile-copy small,.sidebar-profile-copy span{color:#fff!important}
.profile-avatar{background:#fff!important;color:var(--mehr-brown)!important;box-shadow:0 10px 22px rgba(75,43,35,.12)!important}
.profile-action-btn{border-color:rgba(255,255,255,.24)!important;background:rgba(255,255,255,.11)!important;color:#fff!important}
.profile-action-btn:hover{background:rgba(255,255,255,.19)!important}
.profile-action-btn.create-meeting{background:#fff!important;color:var(--mehr-green-dark)!important;border-color:#fff!important;box-shadow:0 10px 22px rgba(75,43,35,.12)!important}
.profile-action-btn.notification-bell b{border-color:var(--mehr-green-dark)!important}

/* Sidebar navigation */
body.app-mode .main-nav{padding:2px 0!important;gap:7px!important}
body.app-mode .nav-item{color:#74685f!important;background:transparent!important;border:1px solid transparent!important}
body.app-mode .nav-item:before{background:linear-gradient(90deg,rgba(132,196,0,.09),rgba(75,43,35,.015))!important}
body.app-mode .nav-item:hover{background:#fafcf4!important;border-color:#e8eddc!important;color:var(--mehr-brown)!important}
body.app-mode .nav-item.active{background:linear-gradient(100deg,#eef7d7,#fbfcf6)!important;color:var(--mehr-brown)!important;border-color:#dce7bd!important;box-shadow:0 10px 22px rgba(91,126,18,.08)!important}
body.app-mode .nav-item.active:after{background:linear-gradient(var(--mehr-green),var(--mehr-green-dark))!important}
body.app-mode .nav-icon{background:#f5f7f1!important;color:#86786f!important}
body.app-mode .nav-item.active .nav-icon{background:linear-gradient(135deg,var(--mehr-green),var(--mehr-green-dark))!important;color:#fff!important;box-shadow:0 9px 18px rgba(110,160,0,.22)!important}
body.app-mode .nav-copy b{color:inherit!important}
body.app-mode .nav-copy small{color:#9a8d84!important}
body.app-mode .nav-item.active .nav-copy small{color:#7f765e!important}
body.app-mode .nav-arrow{color:#b8afa9!important}
body.app-mode .nav-item.active .nav-arrow{color:var(--mehr-green-dark)!important}
.sidebar-utility{margin-top:auto!important}.sidebar-bottom{border-top-color:#ecefe4!important}
.logout-btn{width:100%!important;height:45px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;border-radius:15px!important;background:#faf6f3!important;color:var(--mehr-brown)!important;border:1px solid #ecdfd7!important}
.logout-btn span{width:auto!important;height:auto!important;background:transparent!important;color:inherit!important}
.logout-btn:hover{background:#f5ece7!important;border-color:#e0cec4!important}

/* Mobile shell brand */
.mobile-shell-brand-v21{display:flex!important;align-items:center!important;gap:8px!important}.mobile-shell-brand-v21 img{width:62px;height:42px;object-fit:contain;mix-blend-mode:multiply}.mobile-shell-brand-v21 strong{color:var(--mehr-brown)!important}.mobile-shell-brand-v21 small{color:#8a7b72!important}
.mobile-menu{border-color:var(--mehr-border)!important;color:var(--mehr-brown)!important;background:#fff!important}

/* Core buttons */
.primary-btn,.meeting-v8-primary,.recording-play,.file-upload-submit,.calendar-day-add,.submit-primary,.action-primary{
  background:linear-gradient(135deg,var(--mehr-green),var(--mehr-green-dark))!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 12px 24px rgba(110,160,0,.22)!important;
}
.primary-btn:hover,.meeting-v8-primary:hover,.recording-play:hover{filter:brightness(.98);transform:translateY(-1px)}
.secondary-btn{
  background:linear-gradient(135deg,var(--mehr-brown),var(--mehr-brown-2))!important;
  color:#fff!important;border-color:transparent!important;box-shadow:0 12px 24px rgba(75,43,35,.15)!important
}
.ghost-btn,.soft-btn,.icon-btn,.soft-icon,.text-btn{
  background:linear-gradient(180deg,#fff,#fbf8f6)!important;
  color:var(--mehr-brown)!important;
  border-color:#e8ded7!important;
}
.ghost-btn:hover,.soft-btn:hover,.icon-btn:hover,.soft-icon:hover{background:#f8f2ee!important;border-color:#dfcfc5!important;color:var(--mehr-brown)!important}
.text-btn{background:transparent!important;border:0!important;color:var(--mehr-green-dark)!important}
.danger-btn,.danger-zone .danger-btn{background:linear-gradient(135deg,#df6672,#c74d5c)!important;color:#fff!important}

/* Generic panels */
.panel-card,.table-card,.filter-bar,.meeting-filter-modern,.users-filter-modern-v18,.users-list-shell-v18,.attendance-panel,.attendance-group-panel,.recording-panel,.recordings-grid-panel,.gov-card,.report-card,.live-panel{
  background:linear-gradient(180deg,#fff,#fdfefb)!important;
  border-color:var(--mehr-border)!important;
  box-shadow:var(--mehr-shadow)!important;
}
.page-head h1,.section-title h3,.users-hero-title-v18 h1,.users-list-head-v18 h2,.meeting-v8-content h3,.recording-card h3,.group-v8-title h3{color:var(--mehr-brown)!important}
.eyebrow{color:var(--mehr-green-dark)!important}

/* Users page */
.users-hero-v18{min-height:104px!important;padding:12px 14px!important;border-color:var(--mehr-border)!important;background:radial-gradient(circle at 90% 0,rgba(132,196,0,.11),transparent 24%),linear-gradient(145deg,#fff,#fbfcf6)!important;box-shadow:var(--mehr-shadow)!important}
.users-hero-icon-v18{background:linear-gradient(135deg,var(--mehr-green),var(--mehr-green-dark))!important;color:#fff!important;box-shadow:0 12px 24px rgba(110,160,0,.22)!important}
.users-stat-pill-v18{background:#fff!important;border-color:#e7ecd9!important;box-shadow:0 8px 18px rgba(75,43,35,.035)!important}
.users-stat-pill-v18>i,.users-stat-pill-v18.tone-green>i,.users-stat-pill-v18.tone-violet>i,.users-stat-pill-v18.tone-amber>i{background:var(--mehr-green-soft)!important;color:var(--mehr-green-dark)!important}
.users-stat-pill-v18 b{color:var(--mehr-brown)!important}.users-stat-pill-v18 small{color:#8e8178!important}
.users-filter-modern-v18{background:#fff!important;border-color:var(--mehr-border)!important}
.users-filter-card-v18{border-color:#e7ecd9!important;background:#fff!important}.users-filter-card-v18:hover{border-color:#d8e3bb!important}.users-filter-card-v18:focus-within{border-color:#bcd97c!important;box-shadow:0 0 0 4px rgba(132,196,0,.08)!important}
.users-filter-icon-v18,.users-list-head-v18 h2 i{background:var(--mehr-green-soft)!important;color:var(--mehr-green-dark)!important}
.users-filter-copy-v18 small{color:#94877f!important}.users-filter-card-v18 input,.users-filter-card-v18 select{color:var(--mehr-brown)!important}.users-list-meta-v18{color:var(--mehr-brown)!important;background:var(--mehr-green-soft2)!important;border-color:#e0e9c7!important}
.user-card-v17{border-color:#e6ead9!important;background:linear-gradient(180deg,#fff,#fdfefb)!important;box-shadow:0 12px 26px rgba(75,43,35,.04)!important}.user-card-v17:before{background:linear-gradient(90deg,var(--mehr-green),var(--mehr-green-dark))!important;opacity:.7!important}
.user-avatar-v17{background:linear-gradient(135deg,var(--mehr-green),var(--mehr-green-dark))!important;color:#fff!important;box-shadow:0 12px 24px rgba(110,160,0,.2)!important}
.user-meta-item-v17{background:#fbfcf7!important;border-color:#e8ecdc!important}.user-meta-item-v17>span{background:var(--mehr-green-soft)!important;color:var(--mehr-green-dark)!important}.user-group-chip-v17{background:#f8faef!important;border-color:#e1e8ca!important;color:#6d625b!important}.user-group-chip-v17 i{color:var(--mehr-green-dark)!important}
.badge.admin{background:var(--mehr-green-soft)!important;color:var(--mehr-brown)!important;border-color:#d8e5b5!important}.badge:not(.admin):not(.rep){background:#faf8f6!important;color:var(--mehr-brown)!important;border-color:#e8ddd6!important}.status.active{background:#eef8da!important;color:#537d00!important;border-color:#d8e8b2!important}.status.inactive{background:#f6efeb!important;color:#7a5548!important;border-color:#e7d8d0!important}

/* Meetings */
.meeting-filter-card{background:#fff!important;border-color:#e7ecd9!important}.meeting-filter-card:hover{border-color:#d8e3bb!important}.meeting-filter-card:focus-within{border-color:#bcd97c!important;box-shadow:0 0 0 4px rgba(132,196,0,.08)!important}.meeting-filter-icon{background:var(--mehr-green-soft)!important;color:var(--mehr-green-dark)!important}
.meeting-card-v8{background:linear-gradient(180deg,#fff,#fdfefb)!important;border-color:#e6ead9!important;box-shadow:0 14px 30px rgba(75,43,35,.05)!important}.meeting-v8-accent{background:linear-gradient(90deg,var(--mehr-green),var(--mehr-green-dark))!important}.meeting-v8-symbol{background:var(--mehr-green-soft)!important;color:var(--mehr-green-dark)!important}.meeting-v8-more,.meeting-v8-icon{border-color:#e8e2dd!important;color:#7d7068!important}.meeting-v8-info>div{background:#fbfcf7!important;border-color:#e7ebdb!important}.meeting-v8-info>div>span{color:var(--mehr-green-dark)!important}.meeting-v8-meta span{background:#f7f8f3!important;color:#786d65!important}.meeting-v8-secondary{background:#f6efe9!important;color:var(--mehr-brown)!important}
.meeting-state.scheduled,.mini-feature,.mini-privacy.public{background:var(--mehr-green-soft)!important;color:#5a8307!important}.mini-privacy.private{background:var(--mehr-brown-soft)!important;color:var(--mehr-brown)!important}
.meeting-v9-hero,.meeting-v9-step,.meeting-v9-audience-block{border-color:#e5ead8!important;background:linear-gradient(180deg,#fff,#fdfefb)!important}.meeting-v9-hero-icon,.meeting-type-card.selected .meeting-type-check,.meeting-v9-tabs button.active>span{background:linear-gradient(135deg,var(--mehr-green),var(--mehr-green-dark))!important;color:#fff!important}.meeting-v9-tabs button.active{color:var(--mehr-brown)!important}.meeting-v9-section-head>span,.meeting-type-icon.private,.meeting-v9-option-icon{background:var(--mehr-green-soft)!important;color:var(--mehr-green-dark)!important}.meeting-type-icon.public{background:#f2f7e5!important;color:#5b8d00!important}.meeting-v9-option input:checked~.meeting-v9-toggle{background:linear-gradient(90deg,var(--mehr-green),var(--mehr-green-dark))!important}

/* Details / modals */
.modal-card{border-color:var(--mehr-border)!important;background:#fbfcf7!important;box-shadow:0 32px 80px rgba(75,43,35,.18)!important}.modal-head{border-bottom-color:#ecefe4!important}.modal-close{background:#f6f4f1!important;color:#74675f!important}.modal-body{background:transparent!important}
.meeting-detail-hero-v10,.recording-detail-hero-v15,.attendance-detail-hero-v13,.user-editor-hero,.group-manager-hero,.group-editor-hero,.bulk-users-hero{background:radial-gradient(circle at 100% 0,rgba(132,196,0,.12),transparent 32%),linear-gradient(145deg,#fff,#fbfcf6)!important;border-color:var(--mehr-border)!important;color:var(--mehr-brown)!important;box-shadow:var(--mehr-shadow)!important}
.meeting-detail-orb,.recording-detail-icon-v15,.attendance-detail-icon-v13,.user-editor-avatar,.group-editor-symbol,.bulk-users-hero-icon,.group-manager-hero-icon{background:linear-gradient(135deg,var(--mehr-green),var(--mehr-green-dark))!important;color:#fff!important;box-shadow:0 12px 26px rgba(110,160,0,.22)!important}
.detail-fact-card,.detail-section-v10,.user-editor-section,.group-editor-section,.bulk-source-pane,.bulk-users-group-card{background:#fff!important;border-color:#e6ead9!important;box-shadow:0 10px 22px rgba(75,43,35,.035)!important}.detail-fact-icon,.detail-group-icon,.user-editor-section-head .section-icon{background:var(--mehr-green-soft)!important;color:var(--mehr-green-dark)!important}

/* Groups */
.group-card-v8{background:linear-gradient(180deg,#fff,#fdfefb)!important;border-color:#e6ead9!important;box-shadow:0 12px 26px rgba(75,43,35,.04)!important}.group-v8-accent{background:linear-gradient(90deg,var(--mehr-green),var(--mehr-green-dark))!important}.group-v8-icon,.group-v8-stats span{background:var(--mehr-green-soft)!important;color:var(--mehr-green-dark)!important}.group-v8-stats>div{background:#fbfcf7!important;border-color:#e8ecdc!important}.group-v8-manage{border-color:#e4e8d9!important;color:var(--mehr-brown)!important}.group-v8-status.active{background:var(--mehr-green-soft)!important;color:#5a8307!important}.group-manager-toolbar-v8,.group-manager-search,.group-manager-filter{background:#fff!important;border-color:#e4e9d8!important}.group-manager-search i,.group-manager-filter i{color:var(--mehr-green-dark)!important}.group-manager-hero .primary-btn{background:#fff!important;color:var(--mehr-green-dark)!important}
.member-pick-v8{border-color:#e6ead9!important;background:#fff!important}.member-pick-v8.selected{border-color:#cbdca4!important;background:#f8fbed!important}.rep-toggle.on{background:#f6efe9!important;color:var(--mehr-brown)!important}

/* Attendance */
.attendance-hero-v13,.attendance-overview-v14,.attendance-summary-v14{background:linear-gradient(180deg,#fff,#fdfefb)!important;border-color:var(--mehr-border)!important;box-shadow:var(--mehr-shadow)!important}.attendance-hero-icon-v13{background:linear-gradient(135deg,var(--mehr-green),var(--mehr-green-dark))!important;color:#fff!important;box-shadow:0 12px 26px rgba(110,160,0,.22)!important}.attendance-orbit-v13{border-color:rgba(132,196,0,.18)!important}.attendance-toolbar,.attendance-subtoolbar{background:#fff!important;border-color:#e5ead8!important}.attendance-toolbar select,.attendance-subtoolbar select,.attendance-subtoolbar input{border-color:#e3e8d6!important;background:#fbfcf7!important}.attendance-metric,.attendance-stat-card-v14{border-color:#e6ead9!important;background:#fff!important;box-shadow:0 10px 24px rgba(75,43,35,.04)!important}.attendance-person-icon,.attendance-rule-icon{background:var(--mehr-green-soft)!important;color:var(--mehr-green-dark)!important}

/* Recordings */
.recordings-hero-v15,.recordings-summary-v15{background:linear-gradient(180deg,#fff,#fdfefb)!important;border-color:var(--mehr-border)!important;box-shadow:var(--mehr-shadow)!important}.recording-hero-icon-v15,.recording-filter-icon-v15,.recording-summary-icon-v15{background:var(--mehr-green-soft)!important;color:var(--mehr-green-dark)!important}.recordings-filter-card-v15{border-color:#e6ead9!important;background:#fff!important}.recordings-filter-card-v15:focus-within{border-color:#bcd97c!important;box-shadow:0 0 0 4px rgba(132,196,0,.08)!important}.recording-card-v15,.recording-card{border-color:#e6ead9!important;background:linear-gradient(180deg,#fff,#fdfefb)!important;box-shadow:0 12px 26px rgba(75,43,35,.04)!important}.recording-format-chips span{background:#f7faed!important;color:var(--mehr-brown)!important;border-color:#e3e9d1!important}.recording-play-glyph,.mini-record-play{background:linear-gradient(135deg,var(--mehr-green),var(--mehr-green-dark))!important;color:#fff!important}

/* Live pulse */
.live-hero-v12,.pulse-hero-v12,.live-card-v12,.live-meeting-card-v12{background:linear-gradient(180deg,#fff,#fdfefb)!important;border-color:var(--mehr-border)!important;box-shadow:var(--mehr-shadow)!important}.pulse-core-v12,.live-hero-icon-v12{background:linear-gradient(135deg,var(--mehr-green),var(--mehr-green-dark))!important;color:#fff!important}.pulse-ring-v12{border-color:rgba(132,196,0,.22)!important}.live-dot,.pulse-dot{background:var(--mehr-green)!important;box-shadow:0 0 0 6px rgba(132,196,0,.12)!important}

/* Notifications */
.sidebar-notification-panel{border-color:var(--mehr-border)!important;box-shadow:0 28px 70px rgba(75,43,35,.18)!important}.notification-social-head{background:linear-gradient(180deg,#fff,#fcfdf8)!important}.notification-head-icon{background:var(--mehr-green-soft)!important;color:var(--mehr-green-dark)!important}.notification-head-copy strong{color:var(--mehr-brown)!important}.notification-read-all{background:var(--mehr-green-soft2)!important;color:var(--mehr-green-dark)!important}.notification-tabs{background:#f5f7f1!important}.notification-tabs button.active{color:var(--mehr-brown)!important}.social-notification-item:hover{background:#fafcf4!important}.social-notification-item.unread{background:linear-gradient(90deg,#f2f8df,#fff)!important;box-shadow:inset -3px 0 var(--mehr-green)!important}.notification-social-foot{background:#fafbf7!important;color:#86786f!important}

/* Forms, select, pagination */
input,select,textarea{color:var(--mehr-brown)}
input:focus,select:focus,textarea:focus{border-color:#bcd97c!important;box-shadow:0 0 0 4px rgba(132,196,0,.08)!important}
.pagination button{border-color:#e3e8d7!important;color:var(--mehr-brown)!important;background:#fff!important}.pagination b{color:var(--mehr-brown)!important;background:#f8faf1!important;border-color:#e5ead7!important}

/* Empty states and icons */
.empty-state>span,.empty-row>span,.group-empty-v8>span,.users-empty-v17>span{background:var(--mehr-green-soft)!important;color:var(--mehr-green-dark)!important}

/* Toasts */
.toast-stack{left:18px!important;right:auto!important;top:auto!important;bottom:18px!important}.toast-v16{border-color:#e6ead9!important;box-shadow:0 18px 44px rgba(75,43,35,.14)!important}.toast-v16.success .toast-icon-v16,.toast-v16.info .toast-icon-v16{background:var(--mehr-green-soft)!important;color:var(--mehr-green-dark)!important}.toast-progress-v16 i{background:linear-gradient(90deg,var(--mehr-green),var(--mehr-green-dark))!important}

@media(max-width:980px){
  body.app-mode .sidebar{background:#fff!important}
  .sidebar-brand-logo-v21{width:128px;max-height:76px}
}