/* MehrMeet V40 — dedicated final overrides, new filename to bypass stale caches */
:root{--v40-green:#78a92c;--v40-green2:#8fbb38;--v40-green-soft:#eef6da;--v40-green-pale:#f8fbee;--v40-brown:#4b3027;--v40-text:#566944;--v40-muted:#80906f;--v40-line:#dfe9c8;--v40-shadow:0 24px 64px rgba(71,91,34,.12)}

/* ===== Floating centered sidebar on desktop, for both admin and regular users ===== */
@media (min-width:981px){
  body.app-mode .sidebar{
    position:fixed!important;
    right:20px!important;
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    width:292px!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100vh - 48px)!important;
    overflow:auto!important;
    padding:18px 15px 14px!important;
    border-radius:38px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(250,253,245,.985))!important;
    border:1px solid #dfe8ce!important;
    box-shadow:0 30px 78px rgba(65,82,34,.16)!important;
  }
  body.app-mode .main-area{margin-right:332px!important;width:calc(100% - 332px)!important}
  body.app-mode .sidebar-brand-v21{margin:0 0 9px!important;padding:2px 4px 8px!important}
  body.app-mode .sidebar-brand-logo-v21{width:204px!important;max-height:none!important;height:auto!important}
  body.app-mode .sidebar-profile-card{margin:0 0 13px!important;padding:15px!important;border-radius:27px!important}
  body.app-mode .sidebar-profile-main{padding-bottom:9px!important;gap:10px!important}
  body.app-mode .profile-avatar{width:54px!important;height:54px!important;border-radius:18px!important}
  body.app-mode .sidebar-profile-copy strong{font-size:14px!important;line-height:1.45!important}
  body.app-mode .sidebar-profile-copy small{font-size:9px!important;line-height:1.55!important}
  body.app-mode .sidebar-profile-copy span{font-size:9px!important;margin-top:3px!important}
  body.app-mode .sidebar-notify-mini{width:39px!important;height:39px!important;border-radius:13px!important}
  body.app-mode .main-nav{display:grid!important;gap:8px!important;padding:3px 0 6px!important;overflow:visible!important}
  body.app-mode .nav-item{
    min-height:68px!important;height:auto!important;
    grid-template-columns:48px minmax(0,1fr) 16px!important;
    gap:10px!important;
    padding:9px 10px!important;
    border-radius:22px!important;
    border:1px solid #edf1e5!important;
    background:linear-gradient(180deg,#fff,#fcfdf9)!important;
    box-shadow:0 9px 22px rgba(75,94,39,.035)!important;
    color:var(--v40-text)!important;
    overflow:hidden!important;
  }
  body.app-mode .nav-item::before{background:linear-gradient(135deg,rgba(143,187,56,.12),rgba(255,255,255,.06))!important}
  body.app-mode .nav-item::after{width:100px!important;height:100px!important;right:auto!important;left:-30px!important;bottom:-50px!important;background:radial-gradient(circle,rgba(143,187,56,.14),transparent 70%)!important}
  body.app-mode .nav-item:hover{transform:translateX(-2px)!important;border-color:#dce7c5!important;background:linear-gradient(180deg,#fff,#f9fced)!important;box-shadow:0 14px 28px rgba(78,99,39,.075)!important}
  body.app-mode .nav-item .nav-icon{width:46px!important;height:46px!important;border-radius:16px!important;background:linear-gradient(145deg,#f3f8e8,#fff)!important;color:#74895c!important;border:1px solid #edf2e5!important;box-shadow:inset 0 1px 0 #fff,0 8px 18px rgba(77,97,40,.045)!important}
  body.app-mode .nav-item .nav-icon i{font-size:17px!important;color:inherit!important}
  body.app-mode .nav-item .nav-copy{gap:2px!important}
  body.app-mode .nav-item .nav-copy b{font-size:14px!important;font-weight:900!important;color:#5b6f43!important;line-height:1.45!important}
  body.app-mode .nav-item .nav-copy small{font-size:9px!important;color:#91a09a!important;line-height:1.55!important;margin-top:1px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
  body.app-mode .nav-item .nav-arrow{font-size:9px!important;color:#bdc7af!important}
  body.app-mode .nav-item.active{
    background:radial-gradient(circle at 100% 0,rgba(164,211,70,.20),transparent 35%),linear-gradient(135deg,#fbfff1,#eef7d6 58%,#fff)!important;
    border-color:#d2e3aa!important;
    box-shadow:0 15px 34px rgba(114,151,44,.13)!important;
  }
  body.app-mode .nav-item.active::after{opacity:1!important}
  body.app-mode .nav-item.active .nav-icon{background:linear-gradient(135deg,var(--v40-green2),#6e9825)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 24px rgba(109,150,37,.24)!important}
  body.app-mode .nav-item.active .nav-copy b{color:#50682e!important}
  body.app-mode .nav-item.active .nav-copy small{color:#73885d!important}
  body.app-mode .nav-item.active .nav-arrow{color:#78a12d!important;opacity:1!important;transform:translateX(-2px)!important}
  body.app-mode .sidebar-utility{margin-top:9px!important}
  body.app-mode .sidebar-bottom{padding:10px 0 0!important;border-top:1px solid #e8eedc!important}
  body.app-mode .logout-btn{width:100%!important;height:46px!important;border-radius:16px!important;background:linear-gradient(180deg,#fff,#fdf9f8)!important;border:1px solid #eaded9!important;color:#51362d!important;display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:9px!important;padding:0 14px!important;box-shadow:0 9px 20px rgba(79,53,43,.035)!important}
  body.app-mode .logout-btn span{width:31px!important;height:31px!important;border-radius:11px!important;background:#f7efec!important;color:#745348!important;display:grid!important;place-items:center!important}
}

/* ===== User attendance archive modal ===== */
#modalCard.modal-theme-user-attendance-v40{
  width:min(1120px,calc(100vw - 34px))!important;
  max-width:1120px!important;
  display:flex!important;
  flex-direction:column!important;
  border-radius:34px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#fffefb,#fafdf5)!important;
  border:1px solid #dfe9c8!important;
  box-shadow:0 36px 98px rgba(46,58,23,.25)!important;
}
#modalCard.modal-theme-user-attendance-v40 .modal-head{min-height:78px!important;padding:16px 20px!important;background:linear-gradient(180deg,#fffefb,#f8fbf1)!important;border-bottom:1px solid #e4ecd4!important}
#modalCard.modal-theme-user-attendance-v40 .modal-head h2{font-size:26px!important;font-weight:900!important;color:var(--v40-brown)!important;margin-top:3px!important}
#modalCard.modal-theme-user-attendance-v40 #modalEyebrow{font-size:11px!important;font-weight:900!important;color:#7e9f38!important}
#modalCard.modal-theme-user-attendance-v40 .modal-close{width:40px!important;height:40px!important;border-radius:14px!important;background:#f7faef!important;border:1px solid #e1e9d0!important;color:#6e775d!important}
#modalCard.modal-theme-user-attendance-v40 .modal-body{padding:18px 20px 0!important;max-height:calc(100vh - 110px)!important;overflow:auto!important;background:radial-gradient(circle at 100% 0,rgba(159,207,65,.09),transparent 30%),linear-gradient(180deg,#fcfef8,#f8fbf2)!important}
#modalCard.modal-theme-user-attendance-v40 .user-attendance-archive-v37{display:grid!important;gap:15px!important;padding:0 0 12px!important}
#modalCard.modal-theme-user-attendance-v40 .user-attendance-hero-v37{display:grid!important;grid-template-columns:74px minmax(0,1fr) 138px!important;align-items:center!important;gap:14px!important;padding:18px!important;border-radius:28px!important;border:1px solid #dbe7bf!important;background:radial-gradient(circle at 100% 0,rgba(165,214,72,.22),transparent 36%),linear-gradient(135deg,#fbfff2,#eef7d8 54%,#fff)!important;box-shadow:0 16px 36px rgba(91,116,45,.09)!important}
#modalCard.modal-theme-user-attendance-v40 .user-attendance-hero-icon-v37{width:68px!important;height:68px!important;border-radius:22px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,var(--v40-green2),#6c9725)!important;color:#fff!important;font-size:25px!important;box-shadow:0 15px 28px rgba(108,151,37,.22)!important}
#modalCard.modal-theme-user-attendance-v40 .user-attendance-hero-copy-v37{min-width:0!important;display:flex!important;flex-direction:column!important;gap:3px!important}
#modalCard.modal-theme-user-attendance-v40 .user-attendance-hero-copy-v37>span{color:#789a36!important;font-size:11px!important;font-weight:900!important}
#modalCard.modal-theme-user-attendance-v40 .user-attendance-hero-copy-v37 h2{margin:0!important;font-size:27px!important;line-height:1.45!important;font-weight:900!important;color:var(--v40-brown)!important}
#modalCard.modal-theme-user-attendance-v40 .user-attendance-hero-copy-v37 p{margin:1px 0 0!important;color:#6c795e!important;font-size:12px!important;line-height:1.9!important;display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important}
#modalCard.modal-theme-user-attendance-v40 .user-attendance-hero-copy-v37 p i{color:#7fa43a!important}
#modalCard.modal-theme-user-attendance-v40 .user-attendance-hero-copy-v37 p span{color:#59634f!important}
#modalCard.modal-theme-user-attendance-v40 .user-attendance-score-v37{padding:15px 12px!important;border-radius:21px!important;background:rgba(255,255,255,.67)!important;border:1px solid #d9e8bd!important;text-align:center!important;box-shadow:inset 0 1px 0 #fff!important}
#modalCard.modal-theme-user-attendance-v40 .user-attendance-score-v37 b{display:block!important;font-size:29px!important;line-height:1!important;color:#4e3026!important}
#modalCard.modal-theme-user-attendance-v40 .user-attendance-score-v37 small{display:block!important;margin-top:5px!important;font-size:10px!important;color:#74875c!important}
#modalCard.modal-theme-user-attendance-v40 .user-attendance-stats-v37{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important}
#modalCard.modal-theme-user-attendance-v40 .user-attendance-stats-v37>div{min-width:0!important;padding:13px!important;border-radius:21px!important;border:1px solid #dfe8c9!important;background:linear-gradient(180deg,#fff,#fbfdf7)!important;box-shadow:0 10px 25px rgba(74,94,39,.045)!important;display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:9px!important;align-items:center!important}
#modalCard.modal-theme-user-attendance-v40 .user-attendance-stats-v37>div>span{grid-row:1/3!important;width:38px!important;height:38px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:var(--v40-green-soft)!important;color:#70942f!important;border:1px solid #dce7c3!important}
#modalCard.modal-theme-user-attendance-v40 .user-attendance-stats-v37>div>small{font-size:9px!important;font-weight:800!important;color:#7d8d68!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#modalCard.modal-theme-user-attendance-v40 .user-attendance-stats-v37>div>b{font-size:14px!important;font-weight:900!important;color:#4f3329!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#modalCard.modal-theme-user-attendance-v40 .user-attendance-list-panel-v37{padding:16px!important;border-radius:27px!important;border:1px solid #dfe8c8!important;background:linear-gradient(180deg,#fff,#fbfdf6)!important;box-shadow:0 14px 34px rgba(77,98,40,.055)!important}
#modalCard.modal-theme-user-attendance-v40 .meeting-files-toolbar-v11{margin:0 0 12px!important;padding:0 0 11px!important;border-bottom:1px dashed #dfe7c9!important}
#modalCard.modal-theme-user-attendance-v40 .meeting-files-toolbar-v11 h3{font-size:17px!important;font-weight:900!important;color:#566d32!important;margin:0!important}
#modalCard.modal-theme-user-attendance-v40 .meeting-files-toolbar-v11 p{font-size:10px!important;color:#81906f!important;margin:4px 0 0!important}
#modalCard.modal-theme-user-attendance-v40 .user-attendance-list-v37{display:grid!important;gap:10px!important}
#modalCard.modal-theme-user-attendance-v40 .user-attendance-row-v37{padding:14px!important;border:1px solid #dfe7c9!important;border-radius:22px!important;background:#fff!important;box-shadow:0 8px 20px rgba(74,94,40,.035)!important}
#modalCard.modal-theme-user-attendance-v40 .user-attendance-row-head-v37{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;margin-bottom:10px!important}
#modalCard.modal-theme-user-attendance-v40 .user-attendance-row-head-v37 b{display:block!important;font-size:15px!important;color:#51672f!important}
#modalCard.modal-theme-user-attendance-v40 .user-attendance-row-head-v37 small{display:block!important;margin-top:3px!important;font-size:10px!important;color:#84917a!important}
#modalCard.modal-theme-user-attendance-v40 .user-attendance-row-grid-v37{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
#modalCard.modal-theme-user-attendance-v40 .user-attendance-row-grid-v37>div{min-width:0!important;padding:10px!important;border-radius:16px!important;background:#fbfdf7!important;border:1px solid #e5ecd8!important}
#modalCard.modal-theme-user-attendance-v40 .user-attendance-row-grid-v37 small{display:block!important;font-size:9px!important;color:#819a4a!important;font-weight:800!important}
#modalCard.modal-theme-user-attendance-v40 .user-attendance-row-grid-v37 b{display:block!important;margin-top:3px!important;font-size:13px!important;color:#4f332a!important}
#modalCard.modal-theme-user-attendance-v40 .user-attendance-row-grid-v37 em{display:block!important;margin-top:3px!important;font-style:normal!important;font-size:9px!important;color:#849179!important}
#modalCard.modal-theme-user-attendance-v40 .user-attendance-row-grid-v37 span{height:6px!important;margin-top:6px!important;border-radius:99px!important;background:#eaf1dc!important;overflow:hidden!important;display:block!important}
#modalCard.modal-theme-user-attendance-v40 .user-attendance-row-grid-v37 span i{display:block!important;height:100%!important;background:linear-gradient(90deg,#8fbb38,#6e9826)!important;border-radius:inherit!important}
#modalCard.modal-theme-user-attendance-v40 .user-attendance-row-foot-v37{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;margin-top:10px!important;padding-top:10px!important;border-top:1px dashed #e1e9d1!important}
#modalCard.modal-theme-user-attendance-v40 .user-attendance-joinleave-v37{display:flex!important;flex-wrap:wrap!important;gap:7px!important}
#modalCard.modal-theme-user-attendance-v40 .user-attendance-joinleave-v37 span{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:7px 9px!important;border-radius:12px!important;background:#f5f9eb!important;border:1px solid #e0e9cf!important;color:#667c42!important;font-size:10px!important}
#modalCard.modal-theme-user-attendance-v40 .user-attendance-row-foot-v37 .ghost-btn{height:38px!important;border-radius:13px!important;background:#fff!important;border:1px solid #e0e8d1!important;color:#5e7043!important}
#modalCard.modal-theme-user-attendance-v40 .meeting-files-empty-v11{min-height:180px!important;padding:24px!important;border:1px dashed #d5e2b6!important;border-radius:22px!important;background:linear-gradient(180deg,#fff,#f8fbee)!important;text-align:center!important}
#modalCard.modal-theme-user-attendance-v40 .meeting-files-empty-v11 i{display:block!important;margin-bottom:10px!important;font-size:24px!important;color:#80a43a!important}
#modalCard.modal-theme-user-attendance-v40 .meeting-files-empty-v11 strong{display:block!important;font-size:14px!important;color:#536a30!important}
#modalCard.modal-theme-user-attendance-v40 .meeting-files-empty-v11 small{display:block!important;margin-top:5px!important;font-size:10px!important;color:#8d9983!important}
#modalCard.modal-theme-user-attendance-v40 .meeting-detail-footer-v11{position:sticky!important;bottom:0!important;z-index:8!important;margin:0 -20px!important;padding:13px 20px!important;background:#fff!important;border-top:1px solid #e3ead5!important;box-shadow:0 -10px 24px rgba(77,96,42,.06)!important;display:flex!important;justify-content:flex-end!important}
#modalCard.modal-theme-user-attendance-v40 .meeting-detail-footer-v11 .ghost-btn{height:42px!important;border-radius:14px!important;background:#fff!important;border:1px solid #e0e8d2!important;color:#4e342b!important}

@media(max-width:980px){
  #modalCard.modal-theme-user-attendance-v40{width:calc(100vw - 22px)!important}
  #modalCard.modal-theme-user-attendance-v40 .user-attendance-stats-v37{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #modalCard.modal-theme-user-attendance-v40 .user-attendance-row-grid-v37{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
  #modalCard.modal-theme-user-attendance-v40 .modal-body{padding:13px 12px 0!important}
  #modalCard.modal-theme-user-attendance-v40 .user-attendance-hero-v37{grid-template-columns:60px minmax(0,1fr)!important;padding:14px!important;border-radius:22px!important}
  #modalCard.modal-theme-user-attendance-v40 .user-attendance-hero-icon-v37{width:56px!important;height:56px!important;border-radius:18px!important;font-size:21px!important}
  #modalCard.modal-theme-user-attendance-v40 .user-attendance-hero-copy-v37 h2{font-size:21px!important}
  #modalCard.modal-theme-user-attendance-v40 .user-attendance-score-v37{grid-column:1/-1!important;width:100%!important}
  #modalCard.modal-theme-user-attendance-v40 .user-attendance-stats-v37,#modalCard.modal-theme-user-attendance-v40 .user-attendance-row-grid-v37{grid-template-columns:1fr!important}
  #modalCard.modal-theme-user-attendance-v40 .user-attendance-row-foot-v37{flex-direction:column!important;align-items:stretch!important}
  #modalCard.modal-theme-user-attendance-v40 .meeting-detail-footer-v11{margin:0 -12px!important;padding:12px!important}
}

/* ===== Attendance detail modal: V40 high-contrast redesign ===== */
#modalCard.modal-theme-attendance-detail-v40{
  width:min(1080px,calc(100vw - 34px))!important;
  max-width:1080px!important;
  display:flex!important;
  flex-direction:column!important;
  border-radius:34px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#fffefb,#fafdf5)!important;
  border:1px solid #dfe9c8!important;
  box-shadow:0 36px 98px rgba(46,58,23,.25)!important;
}
#modalCard.modal-theme-attendance-detail-v40>.modal-head{
  min-height:78px!important;
  padding:16px 20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  background:linear-gradient(180deg,#fffefb,#f8fbf1)!important;
  border-bottom:1px solid #e4ecd4!important;
}
#modalCard.modal-theme-attendance-detail-v40>.modal-head>div{display:block!important}
#modalCard.modal-theme-attendance-detail-v40 #modalEyebrow{font-size:11px!important;font-weight:900!important;color:#7e9f38!important}
#modalCard.modal-theme-attendance-detail-v40 #modalTitle{font-size:26px!important;font-weight:900!important;color:var(--v40-brown)!important;margin-top:3px!important}
#modalCard.modal-theme-attendance-detail-v40 .modal-close{margin-right:0!important;width:40px!important;height:40px!important;border-radius:14px!important;background:#f7faef!important;border:1px solid #e1e9d0!important;color:#6e775d!important}
#modalCard.modal-theme-attendance-detail-v40>.modal-body{
  padding:18px 20px 20px!important;
  max-height:calc(100vh - 112px)!important;
  overflow:auto!important;
  background:radial-gradient(circle at 100% 0,rgba(159,207,65,.09),transparent 30%),linear-gradient(180deg,#fcfef8,#f8fbf2)!important;
}
#modalCard.modal-theme-attendance-detail-v40 .attendance-detail-v13{display:grid!important;gap:15px!important}
#modalCard.modal-theme-attendance-detail-v40 .attendance-detail-hero-v13{
  position:relative!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr) 148px!important;
  gap:14px!important;
  align-items:center!important;
  padding:18px!important;
  border-radius:28px!important;
  border:1px solid #dbe7bf!important;
  background:radial-gradient(circle at 100% 0,rgba(165,214,72,.22),transparent 36%),linear-gradient(135deg,#fbfff2,#eef7d8 54%,#fff)!important;
  box-shadow:0 16px 36px rgba(91,116,45,.09)!important;
}
#modalCard.modal-theme-attendance-detail-v40 .attendance-detail-avatar-v13{width:68px!important;height:68px!important;border-radius:22px!important;background:linear-gradient(135deg,var(--v40-green2),#6c9725)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:25px!important;font-weight:900!important;box-shadow:0 15px 28px rgba(108,151,37,.22)!important}
#modalCard.modal-theme-attendance-detail-v40 .attendance-detail-copy-v13{display:flex!important;flex-direction:column!important;min-width:0!important}
#modalCard.modal-theme-attendance-detail-v40 .attendance-detail-status-row-v13{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
#modalCard.modal-theme-attendance-detail-v40 .attendance-status{padding:7px 10px!important;font-size:10px!important;font-weight:900!important;border:1px solid transparent!important}
#modalCard.modal-theme-attendance-detail-v40 .attendance-status.present{background:#ebf8ee!important;color:#1c875a!important;border-color:#d4ead7!important}
#modalCard.modal-theme-attendance-detail-v40 .attendance-status.partial{background:#fff6df!important;color:#9d6a08!important;border-color:#f3e2a8!important}
#modalCard.modal-theme-attendance-detail-v40 .attendance-status.absent{background:#fff0f2!important;color:#c25063!important;border-color:#f4d4da!important}
#modalCard.modal-theme-attendance-detail-v40 .online-now-v13{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:6px 9px!important;border-radius:999px!important;background:#eaf9f2!important;color:#18845c!important;font-size:9px!important;font-weight:900!important;border:1px solid #d8eee4!important}
#modalCard.modal-theme-attendance-detail-v40 .online-now-v13 i{width:7px!important;height:7px!important;border-radius:50%!important;background:#24b778!important;box-shadow:0 0 0 4px rgba(36,183,120,.1)!important}
#modalCard.modal-theme-attendance-detail-v40 .attendance-detail-copy-v13 h2{font-size:28px!important;color:var(--v40-brown)!important;margin:6px 0 2px!important;line-height:1.4!important}
#modalCard.modal-theme-attendance-detail-v40 .attendance-detail-copy-v13 p{font-size:12px!important;color:#6f7d61!important;margin:0!important;display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;line-height:1.9!important}
#modalCard.modal-theme-attendance-detail-v40 .attendance-detail-copy-v13 p i{color:#7fa43a!important}
#modalCard.modal-theme-attendance-detail-v40 .attendance-score-v13{padding:15px 12px!important;border-radius:21px!important;background:rgba(255,255,255,.67)!important;border:1px solid #d9e8bd!important;text-align:center!important;box-shadow:inset 0 1px 0 #fff!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important}
#modalCard.modal-theme-attendance-detail-v40 .attendance-score-v13>span{width:88px!important;height:88px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:conic-gradient(#8fbb38 var(--attendance-score),#edf4dd 0)!important;position:relative!important}
#modalCard.modal-theme-attendance-detail-v40 .attendance-score-v13>span:after{content:""!important;position:absolute!important;inset:8px!important;border-radius:50%!important;background:#fff!important}
#modalCard.modal-theme-attendance-detail-v40 .attendance-score-v13 b{position:relative!important;z-index:2!important;font-size:15px!important;color:#5d7438!important}
#modalCard.modal-theme-attendance-detail-v40 .attendance-score-v13 small{font-size:10px!important;color:#74875c!important}
#modalCard.modal-theme-attendance-detail-v40 .attendance-detail-stats-v13{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
#modalCard.modal-theme-attendance-detail-v40 .attendance-detail-stats-v13>div{min-width:0!important;padding:13px!important;border-radius:21px!important;border:1px solid #dfe8c9!important;background:linear-gradient(180deg,#fff,#fbfdf7)!important;box-shadow:0 10px 25px rgba(74,94,39,.045)!important;display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:9px!important;align-items:center!important}
#modalCard.modal-theme-attendance-detail-v40 .attendance-detail-stats-v13>div>span{grid-row:1/3!important;width:38px!important;height:38px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:var(--v40-green-soft)!important;color:#70942f!important;border:1px solid #dce7c3!important}
#modalCard.modal-theme-attendance-detail-v40 .attendance-detail-stats-v13>div>small{font-size:10px!important;font-weight:800!important;color:#7d8d68!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#modalCard.modal-theme-attendance-detail-v40 .attendance-detail-stats-v13>div>b{font-size:15px!important;font-weight:900!important;color:#4f3329!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#modalCard.modal-theme-attendance-detail-v40 .attendance-engagement-v13,
#modalCard.modal-theme-attendance-detail-v40 .attendance-sessions-v13,
#modalCard.modal-theme-attendance-detail-v40 .raw-events-v13{padding:16px!important;border-radius:27px!important;border:1px solid #dfe8c8!important;background:linear-gradient(180deg,#fff,#fbfdf6)!important;box-shadow:0 14px 34px rgba(77,98,40,.055)!important}
#modalCard.modal-theme-attendance-detail-v40 .section-title-v13{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important}
#modalCard.modal-theme-attendance-detail-v40 .section-title-v13>div{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
#modalCard.modal-theme-attendance-detail-v40 .section-title-v13>div>span{width:40px!important;height:40px!important;border-radius:14px!important;background:var(--v40-green-soft)!important;border:1px solid #dce7c3!important;color:#72962f!important;display:grid!important;place-items:center!important}
#modalCard.modal-theme-attendance-detail-v40 .section-title-v13 h3{font-size:17px!important;color:#566d32!important;margin:0!important;font-weight:900!important}
#modalCard.modal-theme-attendance-detail-v40 .section-title-v13 p{font-size:10px!important;color:#81906f!important;margin:4px 0 0!important;line-height:1.8!important}
#modalCard.modal-theme-attendance-detail-v40 .section-title-v13>b{font-size:10px!important;color:#73825f!important;padding:7px 10px!important;border-radius:999px!important;background:#f7faf1!important;border:1px solid #e3ead4!important;white-space:nowrap!important}
#modalCard.modal-theme-attendance-detail-v40 .attendance-engagement-grid-v13{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:9px!important;margin-top:12px!important}
#modalCard.modal-theme-attendance-detail-v40 .attendance-engagement-grid-v13>div{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:4px!important;padding:12px 8px!important;border:1px solid #e5ecd8!important;border-radius:18px!important;background:#fbfdf7!important}
#modalCard.modal-theme-attendance-detail-v40 .attendance-engagement-grid-v13 i{width:34px!important;height:34px!important;border-radius:12px!important;background:var(--v40-green-soft)!important;border:1px solid #dce7c3!important;color:#7aa133!important;display:grid!important;place-items:center!important;margin-bottom:4px!important}
#modalCard.modal-theme-attendance-detail-v40 .attendance-engagement-grid-v13 small{font-size:10px!important;color:#819a4a!important;font-weight:800!important}
#modalCard.modal-theme-attendance-detail-v40 .attendance-engagement-grid-v13 b{font-size:13px!important;color:#4f332a!important}
#modalCard.modal-theme-attendance-detail-v40 .attendance-session-list-v13{display:grid!important;gap:10px!important;margin-top:12px!important}
#modalCard.modal-theme-attendance-detail-v40 .attendance-session-v13{display:grid!important;grid-template-columns:34px minmax(0,1fr) 42px minmax(0,1fr) minmax(110px,auto) auto!important;gap:10px!important;align-items:center!important;padding:12px!important;border:1px solid #e5ecd8!important;border-radius:19px!important;background:#fcfef8!important}
#modalCard.modal-theme-attendance-detail-v40 .attendance-session-v13.manual{background:#fffaf0!important;border-color:#f0e0b6!important}
#modalCard.modal-theme-attendance-detail-v40 .session-index-v13{width:30px!important;height:30px!important;border-radius:10px!important;background:#eff6dc!important;color:#6f8f32!important;display:grid!important;place-items:center!important;font-size:10px!important;font-weight:900!important}
#modalCard.modal-theme-attendance-detail-v40 .session-time-v13 small,
#modalCard.modal-theme-attendance-detail-v40 .session-duration-v13 small{display:block!important;font-size:10px!important;color:#7e8d69!important;font-weight:800!important}
#modalCard.modal-theme-attendance-detail-v40 .session-time-v13 b,
#modalCard.modal-theme-attendance-detail-v40 .session-duration-v13 b{display:block!important;margin-top:3px!important;font-size:13px!important;color:#4f3329!important}
#modalCard.modal-theme-attendance-detail-v40 .session-flow-v13{display:grid!important;place-items:center!important}
#modalCard.modal-theme-attendance-detail-v40 .session-flow-v13 i{display:block!important;width:100%!important;height:2px!important;border-radius:99px!important;background:linear-gradient(90deg,#dfe8c8,#8fbb38)!important}
#modalCard.modal-theme-attendance-detail-v40 .source-badge-v13{font-size:10px!important;padding:7px 9px!important;border-radius:999px!important;background:#f5f9eb!important;border:1px solid #e0e9cf!important;color:#667c42!important;white-space:nowrap!important}
#modalCard.modal-theme-attendance-detail-v40 .raw-events-v13{padding:0!important;overflow:hidden!important}
#modalCard.modal-theme-attendance-detail-v40 .raw-events-v13 summary{list-style:none!important;display:grid!important;grid-template-columns:40px minmax(0,1fr) auto 20px!important;gap:10px!important;align-items:center!important;padding:14px 16px!important;cursor:pointer!important}
#modalCard.modal-theme-attendance-detail-v40 .raw-events-v13 summary::-webkit-details-marker{display:none!important}
#modalCard.modal-theme-attendance-detail-v40 .raw-events-v13 summary>span{width:38px!important;height:38px!important;border-radius:13px!important;background:var(--v40-green-soft)!important;border:1px solid #dce7c3!important;color:#72962f!important;display:grid!important;place-items:center!important}
#modalCard.modal-theme-attendance-detail-v40 .raw-events-v13 summary>div{display:flex!important;flex-direction:column!important;min-width:0!important}
#modalCard.modal-theme-attendance-detail-v40 .raw-events-v13 summary b{font-size:14px!important;color:#566d32!important}
#modalCard.modal-theme-attendance-detail-v40 .raw-events-v13 summary small{font-size:10px!important;color:#81906f!important;margin-top:4px!important;line-height:1.8!important}
#modalCard.modal-theme-attendance-detail-v40 .raw-events-v13 summary em{font-style:normal!important;padding:6px 9px!important;border-radius:999px!important;background:#f7faf1!important;border:1px solid #e3ead4!important;color:#73825f!important;font-size:10px!important}
#modalCard.modal-theme-attendance-detail-v40 .raw-events-v13[open] summary>i{transform:rotate(180deg)!important}
#modalCard.modal-theme-attendance-detail-v40 .raw-events-v13 summary>i{color:#8c9976!important;transition:.2s!important}
#modalCard.modal-theme-attendance-detail-v40 .raw-event-list-v13{padding:0 16px 16px!important;display:grid!important;gap:8px!important}
#modalCard.modal-theme-attendance-detail-v40 .raw-event-v13{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;gap:9px!important;align-items:center!important;padding:10px!important;border:1px solid #e5ecd8!important;border-radius:16px!important;background:#fcfef8!important}
#modalCard.modal-theme-attendance-detail-v40 .event-dot-v13{width:32px!important;height:32px!important;border-radius:11px!important;background:#eff6dd!important;border:1px solid #dce7c3!important;color:#7ba133!important;display:grid!important;place-items:center!important}
#modalCard.modal-theme-attendance-detail-v40 .raw-event-v13>div{display:flex!important;flex-direction:column!important;min-width:0!important}
#modalCard.modal-theme-attendance-detail-v40 .raw-event-v13 b{font-size:13px!important;color:#5e733a!important}
#modalCard.modal-theme-attendance-detail-v40 .raw-event-v13 small{font-size:10px!important;color:#87957b!important}
#modalCard.modal-theme-attendance-detail-v40 .event-kind-v13{font-size:10px!important;color:#718042!important;padding:6px 8px!important;border-radius:999px!important;background:#f6f9f0!important;border:1px solid #e1ead0!important}
#modalCard.modal-theme-attendance-detail-v40 .empty-state.compact{min-height:170px!important;padding:24px!important;border:1px dashed #d5e2b6!important;border-radius:22px!important;background:linear-gradient(180deg,#fff,#f8fbee)!important;text-align:center!important;display:grid!important;place-items:center!important}
#modalCard.modal-theme-attendance-detail-v40 .empty-state.compact strong{font-size:14px!important;color:#536a30!important}

/* ===== Sidebar polish: prevent horizontal scroll and style mobile like desktop ===== */
body.app-mode .sidebar,
body.app-mode .main-nav,
body.app-mode .sidebar-profile-card,
body.app-mode .sidebar-bottom{overflow-x:hidden!important;min-width:0!important}
body.app-mode .main-nav{max-width:100%!important}
body.app-mode .nav-item{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
body.app-mode .nav-item .nav-copy,
body.app-mode .sidebar-profile-copy{min-width:0!important;max-width:100%!important}
body.app-mode .sidebar::-webkit-scrollbar{width:7px!important;height:0!important}
body.app-mode .sidebar::-webkit-scrollbar-thumb{background:#d8e4bf!important;border-radius:99px!important}
body.app-mode .sidebar::-webkit-scrollbar-track{background:transparent!important}

@media(max-width:980px){
  body.app-mode .sidebar{
    right:12px!important;
    left:auto!important;
    top:12px!important;
    bottom:12px!important;
    width:min(332px,calc(100vw - 24px))!important;
    max-width:calc(100vw - 24px)!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100vh - 24px)!important;
    padding:16px 14px 14px!important;
    border-radius:34px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(250,253,245,.985))!important;
    border:1px solid #dfe8ce!important;
    box-shadow:0 30px 78px rgba(65,82,34,.20)!important;
    transform:translateX(calc(100% + 24px))!important;
    transition:transform .25s ease!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    z-index:1000!important;
  }
  body.app-mode .sidebar.open{transform:none!important}
  body.app-mode .sidebar-brand-v21{margin:0 0 10px!important;padding:2px 3px 8px!important}
  body.app-mode .sidebar-brand-logo-v21{width:164px!important;max-width:100%!important;height:auto!important}
  body.app-mode .sidebar-profile-card{margin:0 0 13px!important;padding:15px!important;border-radius:27px!important}
  body.app-mode .sidebar-profile-main{padding-bottom:10px!important;gap:10px!important}
  body.app-mode .profile-avatar{width:52px!important;height:52px!important;border-radius:17px!important}
  body.app-mode .sidebar-profile-copy strong{font-size:14px!important;line-height:1.5!important}
  body.app-mode .sidebar-profile-copy small{font-size:9px!important;line-height:1.6!important}
  body.app-mode .sidebar-profile-copy span{font-size:9px!important;margin-top:3px!important}
  body.app-mode .sidebar-notify-mini{width:38px!important;height:38px!important;border-radius:12px!important}
  body.app-mode .main-nav{display:grid!important;gap:9px!important;padding:3px 0 7px!important;overflow:visible!important}
  body.app-mode .nav-item{
    min-height:72px!important;height:auto!important;
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr) 15px!important;
    gap:10px!important;
    padding:10px!important;
    border-radius:22px!important;
    border:1px solid #edf1e5!important;
    background:linear-gradient(180deg,#fff,#fcfdf9)!important;
    box-shadow:0 9px 22px rgba(75,94,39,.04)!important;
    color:var(--v40-text)!important;
    overflow:hidden!important;
    align-items:center!important;
  }
  body.app-mode .nav-item::before{background:linear-gradient(135deg,rgba(143,187,56,.12),rgba(255,255,255,.06))!important}
  body.app-mode .nav-item::after{width:96px!important;height:96px!important;right:auto!important;left:-34px!important;bottom:-48px!important;background:radial-gradient(circle,rgba(143,187,56,.14),transparent 70%)!important}
  body.app-mode .nav-item .nav-icon{width:46px!important;height:46px!important;border-radius:16px!important;background:linear-gradient(145deg,#f3f8e8,#fff)!important;color:#74895c!important;border:1px solid #edf2e5!important;box-shadow:inset 0 1px 0 #fff,0 8px 18px rgba(77,97,40,.045)!important}
  body.app-mode .nav-item .nav-icon i{font-size:17px!important;color:inherit!important}
  body.app-mode .nav-item .nav-copy{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important}
  body.app-mode .nav-item .nav-copy b{font-size:14px!important;font-weight:900!important;color:#5b6f43!important;line-height:1.45!important}
  body.app-mode .nav-item .nav-copy small{font-size:9px!important;color:#91a09a!important;line-height:1.55!important;margin-top:1px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
  body.app-mode .nav-item .nav-arrow{font-size:10px!important;color:#bdc7af!important}
  body.app-mode .nav-item.active{background:radial-gradient(circle at 100% 0,rgba(164,211,70,.20),transparent 35%),linear-gradient(135deg,#fbfff1,#eef7d6 58%,#fff)!important;border-color:#d2e3aa!important;box-shadow:0 15px 34px rgba(114,151,44,.13)!important}
  body.app-mode .nav-item.active .nav-icon{background:linear-gradient(135deg,var(--v40-green2),#6e9825)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 24px rgba(109,150,37,.24)!important}
  body.app-mode .nav-item.active .nav-copy b{color:#50682e!important}
  body.app-mode .nav-item.active .nav-copy small{color:#73885d!important}
  body.app-mode .nav-item.active .nav-arrow{color:#78a12d!important;opacity:1!important;transform:translateX(-2px)!important}
  body.app-mode .sidebar-utility{margin-top:10px!important}
  body.app-mode .sidebar-bottom{padding:10px 0 0!important;border-top:1px solid #e8eedc!important}
  body.app-mode .logout-btn{width:100%!important;height:46px!important;border-radius:16px!important;background:linear-gradient(180deg,#fff,#fdf9f8)!important;border:1px solid #eaded9!important;color:#51362d!important;display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:9px!important;padding:0 14px!important;box-shadow:0 9px 20px rgba(79,53,43,.035)!important}
  body.app-mode .logout-btn span{width:31px!important;height:31px!important;border-radius:11px!important;background:#f7efec!important;color:#745348!important;display:grid!important;place-items:center!important}
}

@media(max-width:720px){
  #modalCard.modal-theme-attendance-detail-v40{width:calc(100vw - 22px)!important}
  #modalCard.modal-theme-attendance-detail-v40>.modal-body{padding:13px 12px 14px!important}
  #modalCard.modal-theme-attendance-detail-v40 .attendance-detail-hero-v13{grid-template-columns:58px minmax(0,1fr)!important;padding:14px!important;border-radius:22px!important}
  #modalCard.modal-theme-attendance-detail-v40 .attendance-detail-avatar-v13{width:54px!important;height:54px!important;border-radius:18px!important;font-size:21px!important}
  #modalCard.modal-theme-attendance-detail-v40 .attendance-detail-copy-v13 h2{font-size:22px!important}
  #modalCard.modal-theme-attendance-detail-v40 .attendance-score-v13{grid-column:1/-1!important;width:100%!important}
  #modalCard.modal-theme-attendance-detail-v40 .attendance-detail-stats-v13{grid-template-columns:1fr 1fr!important}
  #modalCard.modal-theme-attendance-detail-v40 .attendance-engagement-grid-v13{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #modalCard.modal-theme-attendance-detail-v40 .attendance-session-v13{grid-template-columns:30px 1fr!important;gap:8px!important}
  #modalCard.modal-theme-attendance-detail-v40 .session-flow-v13{display:none!important}
  #modalCard.modal-theme-attendance-detail-v40 .session-duration-v13,
  #modalCard.modal-theme-attendance-detail-v40 .source-badge-v13{grid-column:2!important}
  #modalCard.modal-theme-attendance-detail-v40 .raw-events-v13 summary{grid-template-columns:38px minmax(0,1fr) auto 18px!important;padding:12px 14px!important}
  #modalCard.modal-theme-attendance-detail-v40 .raw-event-v13{grid-template-columns:32px minmax(0,1fr)!important}
  #modalCard.modal-theme-attendance-detail-v40 .event-kind-v13{grid-column:2!important;justify-self:flex-start!important}
  body.app-mode .sidebar{width:min(320px,calc(100vw - 18px))!important;max-width:calc(100vw - 18px)!important;right:9px!important;top:9px!important;bottom:9px!important;padding:14px 12px 12px!important;border-radius:28px!important}
  body.app-mode .nav-item{min-height:68px!important;padding:9px!important;border-radius:20px!important;grid-template-columns:44px minmax(0,1fr) 14px!important}
  body.app-mode .nav-item .nav-icon{width:44px!important;height:44px!important;border-radius:15px!important}
  body.app-mode .nav-item .nav-copy b{font-size:13px!important}
  body.app-mode .nav-item .nav-copy small{font-size:8.7px!important}
}

/* ===== V42 — Attendance page full high-contrast redesign ===== */
body.app-mode .attendance-overview-v14{
  position:relative!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:minmax(320px,.95fr) minmax(0,1.55fr)!important;
  gap:14px!important;
  align-items:stretch!important;
  margin-bottom:16px!important;
  padding:16px!important;
  border:1px solid #dfe9c7!important;
  border-radius:30px!important;
  background:radial-gradient(circle at 100% 0,rgba(165,214,72,.18),transparent 34%),radial-gradient(circle at 0 100%,rgba(143,187,56,.08),transparent 25%),linear-gradient(135deg,#fbfff3 0%,#f2f8df 52%,#ffffff 100%)!important;
  box-shadow:0 20px 46px rgba(85,108,42,.09)!important;
}
body.app-mode .attendance-overview-v14:before{opacity:.55!important}
body.app-mode .attendance-overview-head-v14{padding:7px 8px!important;gap:14px!important}
body.app-mode .attendance-overview-title-v14{display:grid!important;grid-template-columns:62px minmax(0,1fr)!important;gap:13px!important;align-items:center!important}
body.app-mode .attendance-overview-icon-v14{
  width:60px!important;height:60px!important;border-radius:20px!important;
  display:grid!important;place-items:center!important;
  background:linear-gradient(135deg,var(--v40-green2),#6e9825)!important;
  color:#fff!important;font-size:22px!important;
  box-shadow:0 15px 28px rgba(108,151,37,.23)!important;
}
body.app-mode .attendance-eyebrow-v14{display:block!important;color:#789a36!important;font-size:11px!important;font-weight:900!important;margin-bottom:2px!important}
body.app-mode .attendance-overview-title-v14 h1{margin:0!important;color:var(--v40-brown)!important;font-size:27px!important;line-height:1.4!important;font-weight:900!important}
body.app-mode .attendance-overview-title-v14 p{margin:4px 0 0!important;color:#6c795e!important;font-size:11px!important;line-height:1.9!important;max-width:520px!important}
body.app-mode .attendance-overview-actions-v14{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important}
body.app-mode .attendance-auto-sync-v14{
  min-height:42px!important;padding:0 13px!important;border-radius:15px!important;
  background:rgba(255,255,255,.72)!important;border:1px solid #dfe7c7!important;
  color:#607346!important;box-shadow:inset 0 1px 0 #fff!important;
}
body.app-mode .attendance-auto-sync-v14 i{background:#27a96f!important;box-shadow:0 0 0 5px rgba(39,169,111,.1)!important}
body.app-mode .attendance-auto-sync-v14 b{font-size:10px!important;font-weight:900!important;color:#5b6e43!important}
body.app-mode .attendance-rules-btn-v14{
  min-height:44px!important;padding:5px 10px 5px 13px!important;border-radius:16px!important;
  grid-template-columns:34px auto 16px!important;gap:9px!important;
  background:linear-gradient(135deg,#ffffff,#f2f8df)!important;color:#55702e!important;
  border:1px solid #dce7c3!important;box-shadow:0 12px 24px rgba(84,107,44,.08)!important;
}
body.app-mode .attendance-rules-btn-v14>span{width:34px!important;height:34px!important;border-radius:12px!important;background:var(--v40-green-soft)!important;color:#739832!important;border:1px solid #dbe6c0!important}
body.app-mode .attendance-rules-btn-v14>b{font-size:10px!important;font-weight:900!important;color:#53682f!important}
body.app-mode .attendance-rules-btn-v14>i{font-size:9px!important;color:#8ca55d!important}

body.app-mode .attendance-metrics-v14{gap:10px!important}
body.app-mode .attendance-metrics-v14 .attendance-metric-v13{
  min-height:104px!important;padding:13px!important;border-radius:22px!important;
  grid-template-columns:44px minmax(0,1fr)!important;gap:10px!important;
  border:1px solid #dfe8c9!important;background:linear-gradient(180deg,#fff,#fbfdf7)!important;
  box-shadow:0 12px 26px rgba(74,94,39,.05)!important;
}
body.app-mode .attendance-metrics-v14 .attendance-metric-icon-v13{width:42px!important;height:42px!important;border-radius:14px!important;background:var(--v40-green-soft)!important;color:#72972f!important;border:1px solid #dce7c3!important;font-size:16px!important}
body.app-mode .attendance-metrics-v14 .attendance-metric-v13.present .attendance-metric-icon-v13{background:#eaf8ee!important;color:#27895d!important;border-color:#d6eadb!important}
body.app-mode .attendance-metrics-v14 .attendance-metric-v13.partial .attendance-metric-icon-v13{background:#fff6df!important;color:#a87516!important;border-color:#f0e1b6!important}
body.app-mode .attendance-metrics-v14 .attendance-metric-v13.absent .attendance-metric-icon-v13{background:#fff0f2!important;color:#c75869!important;border-color:#f0d6dc!important}
body.app-mode .attendance-metrics-v14 .attendance-metric-v13 small{font-size:10px!important;color:#758765!important;font-weight:800!important}
body.app-mode .attendance-metrics-v14 .attendance-metric-v13 b{font-size:22px!important;color:#4f3329!important;margin:3px 0!important;font-weight:900!important}
body.app-mode .attendance-metrics-v14 .attendance-metric-v13 em{font-size:9px!important;color:#89967d!important;line-height:1.7!important}

body.app-mode .attendance-panel-v14{
  overflow:hidden!important;
  border:1px solid #dfe8c8!important;border-radius:30px!important;
  background:linear-gradient(180deg,#fff,#fbfdf6)!important;
  box-shadow:0 18px 44px rgba(77,98,40,.07)!important;
}
body.app-mode .attendance-panel-head-v14{
  padding:17px 18px 13px!important;
  background:linear-gradient(180deg,#fff,#fbfdf6)!important;
  border-bottom:1px solid #e8eedc!important;
}
body.app-mode .attendance-panel-head-v14>div:first-child>span{font-size:10px!important;color:#7e9f38!important;font-weight:900!important}
body.app-mode .attendance-panel-head-v14 h3{font-size:19px!important;color:var(--v40-brown)!important;margin:3px 0!important;font-weight:900!important}
body.app-mode .attendance-panel-head-v14 p{font-size:10px!important;color:#7d8d70!important;line-height:1.8!important}
body.app-mode .attendance-rule-hint-v14{display:flex!important;gap:7px!important;flex-wrap:wrap!important}
body.app-mode .attendance-rule-hint-v14 span{padding:7px 10px!important;border-radius:999px!important;background:#f5f9eb!important;border:1px solid #e0e9cf!important;color:#697c4b!important;font-size:9px!important}
body.app-mode .attendance-rule-hint-v14 b{color:#52682f!important;font-weight:900!important}

body.app-mode .attendance-toolbar-v14{
  padding:14px 16px 16px!important;
  display:grid!important;
  grid-template-columns:minmax(235px,1.35fr) repeat(3,minmax(150px,.8fr))!important;
  gap:10px!important;
  background:linear-gradient(180deg,#fbfdf7,#f8fbea)!important;
  border-bottom:1px solid #e6edd8!important;
}
body.app-mode .attendance-filter-card-v13{
  min-height:68px!important;padding:10px 12px!important;border-radius:20px!important;
  grid-template-columns:44px minmax(0,1fr)!important;gap:10px!important;
  border:1px solid #dde7c5!important;background:#fff!important;
  box-shadow:0 10px 22px rgba(83,108,45,.045)!important;
}
body.app-mode .attendance-filter-card-v13:hover{border-color:#cddda8!important;box-shadow:0 14px 28px rgba(82,104,43,.08)!important}
body.app-mode .attendance-filter-card-v13:focus-within{border-color:#aeca69!important;box-shadow:0 0 0 4px rgba(143,187,56,.08),0 14px 28px rgba(82,104,43,.08)!important}
body.app-mode .attendance-filter-icon-v13{width:42px!important;height:42px!important;border-radius:14px!important;background:var(--v40-green-soft)!important;color:#71952f!important;border:1px solid #dce7c3!important;font-size:15px!important}
body.app-mode .attendance-filter-card-v13 small{font-size:9px!important;color:#7c8e68!important;font-weight:900!important;margin-bottom:2px!important}
body.app-mode .attendance-filter-card-v13 input:not([type=hidden]),
body.app-mode .attendance-filter-card-v13 select{height:30px!important;min-height:30px!important;font-size:11px!important;color:#4f3329!important;font-weight:700!important}
body.app-mode .attendance-filter-card-v13 input::placeholder{color:#98a38e!important;font-weight:500!important}
body.app-mode .attendance-filter-card-v13.date-card .mm-date-trigger{min-height:34px!important;height:34px!important}
body.app-mode .attendance-filter-card-v13.date-card .mm-date-trigger span{font-size:11px!important;color:#4f3329!important;font-weight:700!important}
body.app-mode .attendance-filter-card-v13.date-card .mm-date-clear{width:28px!important;height:28px!important;background:#f3f8e8!important;color:#7b943c!important}

body.app-mode .attendance-table-shell-v14{border-top:0!important;background:#fff!important}
body.app-mode .attendance-table-title-v14{padding:13px 16px!important;background:linear-gradient(180deg,#fff,#fbfdf6)!important;border-bottom:1px solid #e8eedc!important}
body.app-mode .attendance-table-title-v14>div{gap:8px!important;flex-wrap:wrap!important}
body.app-mode .attendance-live-dot-v13{width:9px!important;height:9px!important;border-radius:50%!important;background:#2dae73!important;box-shadow:0 0 0 5px rgba(45,174,115,.10)!important}
body.app-mode .attendance-table-title-v14 strong{font-size:13px!important;color:#536a30!important;font-weight:900!important}
body.app-mode .attendance-table-title-v14 small{font-size:9px!important;color:#83927a!important}
body.app-mode .attendance-table-wrap{overflow:auto!important;background:#fff!important}
body.app-mode .attendance-table-v13{border-collapse:separate!important;border-spacing:0 8px!important;padding:5px 12px 10px!important;min-width:1180px!important}
body.app-mode .attendance-table-v13 thead th{background:transparent!important;color:#718262!important;padding:10px 12px!important;font-size:10px!important;font-weight:900!important;border:0!important}
body.app-mode .attendance-table-v13 tbody tr{background:#fff!important;box-shadow:0 8px 20px rgba(74,94,40,.035)!important}
body.app-mode .attendance-table-v13 tbody td{padding:13px 12px!important;border-top:1px solid #e6edd9!important;border-bottom:1px solid #e6edd9!important;font-size:11px!important;color:#4f3329!important;background:#fff!important}
body.app-mode .attendance-table-v13 tbody td:first-child{border-right:1px solid #e6edd9!important;border-radius:0 18px 18px 0!important}
body.app-mode .attendance-table-v13 tbody td:last-child{border-left:1px solid #e6edd9!important;border-radius:18px 0 0 18px!important}
body.app-mode .attendance-table-v13 tbody tr:hover td{background:#fbfef5!important;border-color:#dbe7bf!important}
body.app-mode .attendance-table-v13 tbody tr.online td{background:linear-gradient(90deg,#fbfff6,#fff)!important}
body.app-mode .attendance-table-v13 tbody tr.online td:first-child{box-shadow:inset -3px 0 #2dae73!important}
body.app-mode .attendance-person{gap:10px!important;min-width:180px!important}
body.app-mode .attendance-person .small-avatar{width:38px!important;height:38px!important;border-radius:13px!important;background:linear-gradient(135deg,#8fbb38,#6e9825)!important;color:#fff!important;box-shadow:0 8px 16px rgba(108,151,37,.17)!important}
body.app-mode .attendance-person strong{font-size:12px!important;color:#4f3329!important;font-weight:900!important}
body.app-mode .attendance-person small{font-size:9px!important;color:#829077!important;margin-top:2px!important}
body.app-mode .attendance-meeting-cell{grid-template-columns:38px minmax(0,1fr)!important;gap:9px!important;min-width:190px!important}
body.app-mode .attendance-meeting-icon-v13{width:36px!important;height:36px!important;border-radius:12px!important;background:var(--v40-green-soft)!important;color:#71952f!important;border:1px solid #dce7c3!important;font-size:12px!important}
body.app-mode .attendance-meeting-cell strong{font-size:11px!important;color:#52672f!important;font-weight:900!important}
body.app-mode .attendance-meeting-cell small{font-size:9px!important;color:#849179!important;margin-top:3px!important}
body.app-mode .attendance-status{padding:6px 9px!important;font-size:9px!important;font-weight:900!important;border:1px solid transparent!important}
body.app-mode .attendance-status.present{background:#ebf8ee!important;color:#1d865a!important;border-color:#d5ead9!important}
body.app-mode .attendance-status.partial{background:#fff6df!important;color:#9d6a08!important;border-color:#f1e0a9!important}
body.app-mode .attendance-status.absent{background:#fff0f2!important;color:#c25063!important;border-color:#f0d4da!important}
body.app-mode .duration-value{font-size:11px!important;color:#4f3329!important;font-weight:900!important}
body.app-mode .attendance-table td>small{font-size:9px!important;color:#85927b!important;margin-top:2px!important}
body.app-mode .attendance-percent{min-width:86px!important}
body.app-mode .attendance-percent b{font-size:11px!important;color:#536a30!important;font-weight:900!important}
body.app-mode .attendance-percent span{height:7px!important;background:#eaf1dc!important;margin-top:6px!important}
body.app-mode .attendance-percent i{background:linear-gradient(90deg,#8fbb38,#5da96b)!important}
body.app-mode .timing-flag{font-size:10px!important;font-weight:800!important}
body.app-mode .timing-flag.warn{color:#b85a3a!important;background:#fff3ea!important;border:1px solid #f2d8c6!important;border-radius:999px!important;padding:5px 8px!important}
body.app-mode .timing-flag.ok{color:#7a8970!important}
body.app-mode .attendance-detail-btn-v13{width:38px!important;height:38px!important;border-radius:13px!important;border:1px solid #dce7c5!important;background:#f8fbee!important;color:#72962f!important;box-shadow:0 8px 16px rgba(84,107,44,.05)!important}
body.app-mode .attendance-detail-btn-v13:hover{background:linear-gradient(135deg,#8fbb38,#6e9825)!important;color:#fff!important;border-color:transparent!important;transform:translateX(-2px)!important}
body.app-mode .attendance-pagination-v13{padding:12px 16px!important;background:#fbfdf7!important;border-top:1px solid #e7eddb!important;color:#738266!important}
body.app-mode .attendance-pagination-v13 button{border:1px solid #dde7ca!important;background:#fff!important;color:#5e7140!important;border-radius:11px!important;padding:7px 11px!important}
body.app-mode .attendance-pagination-v13 b{color:#4f3329!important;font-weight:900!important}

body.app-mode .attendance-group-panel-v13{
  margin-top:16px!important;padding:18px!important;border:1px solid #dfe8c8!important;border-radius:30px!important;
  background:linear-gradient(180deg,#fff,#fbfdf6)!important;box-shadow:0 16px 38px rgba(77,98,40,.06)!important;
}
body.app-mode .attendance-group-panel-v13 .section-title .eyebrow{color:#7e9f38!important;font-size:10px!important;font-weight:900!important}
body.app-mode .attendance-group-panel-v13 .section-title h3{font-size:18px!important;color:var(--v40-brown)!important;margin:3px 0!important}
body.app-mode .attendance-group-panel-v13 .section-title p{font-size:10px!important;color:#7d8d70!important}
body.app-mode .attendance-groups-grid{gap:10px!important;margin-top:14px!important}
body.app-mode .attendance-group-panel-v13 .attendance-group-card{padding:14px!important;border:1px solid #dfe8c9!important;border-radius:21px!important;background:#fff!important;box-shadow:0 10px 24px rgba(74,94,39,.04)!important}
body.app-mode .attendance-group-panel-v13 .attendance-group-card.present{border-color:#cfe5d7!important;background:linear-gradient(180deg,#fbfffd,#f4fbf7)!important}
body.app-mode .attendance-group-panel-v13 .group-presence-icon{width:38px!important;height:38px!important;border-radius:13px!important;background:#f2f6ea!important;color:#788568!important}
body.app-mode .attendance-group-panel-v13 .attendance-group-card.present .group-presence-icon{background:#e5f7ee!important;color:#19865b!important}
body.app-mode .attendance-group-panel-v13 .attendance-group-card strong{font-size:12px!important;color:#4f3329!important}
body.app-mode .attendance-group-panel-v13 .attendance-group-card small{font-size:9px!important;color:#839079!important}
body.app-mode .attendance-group-panel-v13 .group-presence-meta{border-top:1px dashed #dfe8ca!important;padding-top:10px!important}
body.app-mode .attendance-group-panel-v13 .group-presence-meta span{font-size:9px!important;color:#7d8d6a!important}
body.app-mode .attendance-group-panel-v13 .group-presence-meta b{color:#4f3329!important;font-weight:900!important}

/* Keep sidebar profile fixed; only navigation may scroll vertically when necessary */
body.app-mode .sidebar{overflow:hidden!important}
body.app-mode .sidebar-brand-v21,
body.app-mode .sidebar-profile-card,
body.app-mode .sidebar-utility{flex:0 0 auto!important;overflow:visible!important;max-height:none!important}
body.app-mode .sidebar-profile-card{overflow:visible!important;scrollbar-width:none!important}
body.app-mode .sidebar-profile-card::-webkit-scrollbar{display:none!important}
body.app-mode .main-nav{
  min-height:0!important;
  flex:1 1 auto!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:none!important;
  overscroll-behavior:contain!important;
}
body.app-mode .main-nav::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}

@media(max-width:1180px){
  body.app-mode .attendance-overview-v14{grid-template-columns:1fr!important}
  body.app-mode .attendance-overview-head-v14{flex-direction:row!important;align-items:center!important}
  body.app-mode .attendance-metrics-v14{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  body.app-mode .attendance-toolbar-v14{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.app-mode .attendance-filter-search-v13{grid-column:span 2!important}
}
@media(max-width:820px){
  body.app-mode .attendance-overview-v14{padding:13px!important;border-radius:24px!important}
  body.app-mode .attendance-overview-head-v14{flex-direction:column!important;align-items:stretch!important;padding:2px!important}
  body.app-mode .attendance-overview-title-v14{grid-template-columns:52px minmax(0,1fr)!important}
  body.app-mode .attendance-overview-icon-v14{width:50px!important;height:50px!important;border-radius:17px!important;font-size:19px!important}
  body.app-mode .attendance-overview-title-v14 h1{font-size:22px!important}
  body.app-mode .attendance-overview-actions-v14{justify-content:space-between!important}
  body.app-mode .attendance-auto-sync-v14,body.app-mode .attendance-rules-btn-v14{flex:1!important}
  body.app-mode .attendance-metrics-v14{grid-template-columns:1fr 1fr!important}
  body.app-mode .attendance-toolbar-v14{grid-template-columns:1fr 1fr!important;padding:12px!important}
  body.app-mode .attendance-filter-search-v13{grid-column:1/-1!important}
  body.app-mode .attendance-panel-head-v14{align-items:flex-start!important;flex-direction:column!important;padding:15px!important}
  body.app-mode .attendance-rule-hint-v14{margin-right:0!important}
  body.app-mode .attendance-groups-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:560px){
  body.app-mode .attendance-overview-title-v14 p{font-size:10px!important}
  body.app-mode .attendance-overview-actions-v14{display:grid!important;grid-template-columns:1fr!important}
  body.app-mode .attendance-metrics-v14{grid-template-columns:1fr 1fr!important;gap:8px!important}
  body.app-mode .attendance-metrics-v14 .attendance-metric-v13{min-height:94px!important;padding:10px!important;grid-template-columns:38px minmax(0,1fr)!important}
  body.app-mode .attendance-metrics-v14 .attendance-metric-icon-v13{width:36px!important;height:36px!important;border-radius:12px!important;font-size:14px!important}
  body.app-mode .attendance-metrics-v14 .attendance-metric-v13 b{font-size:18px!important}
  body.app-mode .attendance-toolbar-v14{grid-template-columns:1fr!important}
  body.app-mode .attendance-filter-search-v13{grid-column:auto!important}
  body.app-mode .attendance-filter-card-v13{min-height:64px!important}
  body.app-mode .attendance-groups-grid{grid-template-columns:1fr!important}
}

/* ===== V43: Recording archive page — high contrast unified redesign ===== */
body.app-mode .recordings-overview-v15{
  position:relative!important;
  overflow:hidden!important;
  display:grid!important;
  gap:14px!important;
  padding:18px!important;
  margin-bottom:16px!important;
  border:1px solid #dfe9c7!important;
  border-radius:30px!important;
  background:radial-gradient(circle at 100% 0,rgba(166,214,73,.18),transparent 33%),radial-gradient(circle at 10% 8%,rgba(175,220,78,.10),transparent 25%),linear-gradient(135deg,#fbfff3 0%,#f2f8df 54%,#fff 100%)!important;
  box-shadow:0 18px 42px rgba(86,108,43,.09)!important;
}
body.app-mode .recordings-overview-v15:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;left:-70px;bottom:-110px;background:radial-gradient(circle,rgba(143,187,56,.12),transparent 72%);pointer-events:none!important}
body.app-mode .recordings-overview-head-v15{position:relative;z-index:1;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:0!important}
body.app-mode .recordings-overview-title-v15{display:grid!important;grid-template-columns:68px minmax(0,1fr)!important;gap:14px!important;align-items:center!important;min-width:0!important}
body.app-mode .recordings-overview-icon-v15{width:64px!important;height:64px!important;border-radius:22px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,var(--v40-green2),#6e9826)!important;color:#fff!important;font-size:23px!important;box-shadow:0 16px 30px rgba(111,154,39,.24)!important}
body.app-mode .recordings-eyebrow-v15{display:inline-flex!important;width:max-content!important;padding:5px 9px!important;border-radius:999px!important;background:rgba(143,187,56,.11)!important;color:#759733!important;font-size:10px!important;font-weight:900!important}
body.app-mode .recordings-overview-title-v15 h1{margin:3px 0 3px!important;color:var(--v40-brown)!important;font-size:27px!important;font-weight:900!important;line-height:1.4!important}
body.app-mode .recordings-overview-title-v15 p{margin:0!important;color:#68795e!important;font-size:11px!important;line-height:1.9!important;max-width:720px!important}
body.app-mode .recordings-overview-actions-v15{display:flex!important;align-items:center!important;gap:10px!important;position:relative!important;z-index:1!important}
body.app-mode .recordings-auto-sync-v15{display:grid!important;grid-template-columns:10px minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important;padding:10px 12px!important;border-radius:16px!important;background:rgba(255,255,255,.72)!important;border:1px solid #dce7c4!important;box-shadow:inset 0 1px 0 #fff,0 10px 22px rgba(75,94,39,.055)!important;color:#50672f!important}
body.app-mode .recordings-auto-sync-v15>i,body.app-mode .recordings-auto-sync-v15>span:first-child{width:9px!important;height:9px!important;border-radius:50%!important;background:#2db071!important;box-shadow:0 0 0 5px rgba(45,176,113,.10)!important}
body.app-mode .recordings-auto-sync-v15 b{font-size:10px!important;color:#536932!important;white-space:nowrap!important}
body.app-mode .recordings-auto-sync-v15 small{font-size:9px!important;color:#7e8e6d!important}

body.app-mode .recording-metrics-v15{position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:0!important}
body.app-mode .recording-metric-v15{min-width:0!important;min-height:84px!important;display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;align-items:center!important;gap:11px!important;padding:12px!important;border-radius:20px!important;border:1px solid rgba(216,230,187,.92)!important;background:rgba(255,255,255,.74)!important;box-shadow:inset 0 1px 0 #fff,0 11px 24px rgba(75,94,39,.045)!important}
body.app-mode .recording-metric-icon-v15{width:44px!important;height:44px!important;border-radius:15px!important;display:grid!important;place-items:center!important;background:var(--v40-green-soft)!important;color:#73972f!important;border:1px solid #d9e6bd!important;font-size:16px!important}
body.app-mode .recording-metric-v15 small{display:block!important;color:#7d8e69!important;font-size:9px!important;font-weight:800!important}
body.app-mode .recording-metric-v15 b{display:block!important;margin:2px 0!important;color:#4f3329!important;font-size:18px!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.app-mode .recording-metric-v15 em{display:block!important;font-style:normal!important;color:#82916f!important;font-size:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.app-mode .recording-metric-v15.processing .recording-metric-icon-v15{background:#fff6df!important;color:#a97415!important;border-color:#f0e0af!important}
body.app-mode .recording-metric-v15.views .recording-metric-icon-v15{background:#eef4fb!important;color:#557d9c!important;border-color:#dce8f0!important}
body.app-mode .recording-metric-v15.downloads .recording-metric-icon-v15{background:#f4eefb!important;color:#7d60a2!important;border-color:#e6dbf1!important}

body.app-mode .recordings-panel-v15{padding:17px!important;border:1px solid #dfe8c9!important;border-radius:30px!important;background:linear-gradient(180deg,#fff,#fbfdf6)!important;box-shadow:0 17px 40px rgba(78,98,40,.06)!important}
body.app-mode .recordings-panel-head-v15{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:2px 2px 14px!important;border-bottom:1px dashed #dfe8cb!important;margin-bottom:14px!important}
body.app-mode .recordings-panel-head-v15>div>span{font-size:9px!important;color:#779932!important;font-weight:900!important}
body.app-mode .recordings-panel-head-v15 h3{font-size:19px!important;color:#546d30!important;margin:2px 0!important;font-weight:900!important}
body.app-mode .recordings-panel-head-v15 p{font-size:10px!important;color:#7e8e6e!important;margin:0!important;line-height:1.8!important}
body.app-mode .recordings-panel-badge-v15{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:8px 10px!important;border-radius:999px!important;background:#f3f8e8!important;color:#627841!important;border:1px solid #dfe8c8!important;font-size:9px!important;font-weight:800!important}
body.app-mode .recordings-panel-badge-v15 i{color:#7ba034!important}

body.app-mode .recordings-toolbar-v15{display:grid!important;grid-template-columns:minmax(245px,1.35fr) repeat(4,minmax(145px,.75fr))!important;gap:10px!important;padding:0!important;margin:0 0 15px!important;background:transparent!important;border:0!important;box-shadow:none!important}
body.app-mode .recording-filter-card-v15{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;min-height:64px!important;padding:9px 10px!important;border:1px solid #dfe8c9!important;border-radius:19px!important;background:linear-gradient(180deg,#fff,#fcfef8)!important;box-shadow:0 10px 23px rgba(76,96,40,.04)!important;transition:.18s ease!important;overflow:hidden!important}
body.app-mode .recording-filter-card-v15:hover{transform:translateY(-1px)!important;border-color:#cddfa8!important;box-shadow:0 14px 27px rgba(76,96,40,.075)!important}
body.app-mode .recording-filter-card-v15:focus-within{border-color:#a8ca5c!important;box-shadow:0 0 0 4px rgba(143,187,56,.09),0 14px 27px rgba(76,96,40,.07)!important}
body.app-mode .recording-filter-icon-v15{width:40px!important;height:40px!important;border-radius:14px!important;background:var(--v40-green-soft)!important;color:#72972f!important;border:1px solid #dce7c3!important;display:grid!important;place-items:center!important;font-size:15px!important}
body.app-mode .recording-filter-card-v15>div{display:flex!important;flex-direction:column!important;min-width:0!important}
body.app-mode .recording-filter-card-v15 small{font-size:9px!important;color:#7f8f6d!important;font-weight:800!important;margin-bottom:1px!important}
body.app-mode .recording-filter-card-v15 input,body.app-mode .recording-filter-card-v15 select{width:100%!important;height:28px!important;min-height:28px!important;border:0!important;outline:0!important;background:transparent!important;padding:0!important;color:#4f3329!important;font-size:11px!important;font-weight:700!important;box-shadow:none!important}
body.app-mode .recording-filter-card-v15 input::placeholder{color:#a0a99a!important;font-weight:500!important}

body.app-mode .recording-grid-v15{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
body.app-mode .recording-card-v15{position:relative!important;overflow:hidden!important;border:1px solid #dfe8c8!important;border-radius:26px!important;background:linear-gradient(180deg,#fff,#fbfdf7)!important;box-shadow:0 14px 34px rgba(70,90,34,.06)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}
body.app-mode .recording-card-v15:hover{transform:translateY(-3px)!important;border-color:#cddfa8!important;box-shadow:0 22px 44px rgba(70,90,34,.11)!important}
body.app-mode .recording-cover-v15{position:relative!important;height:180px!important;background:radial-gradient(circle at 70% 20%,#a8d650 0,transparent 30%),linear-gradient(135deg,#3f5121,#749633)!important;background-size:cover!important;background-position:center!important;overflow:hidden!important}
body.app-mode .recording-cover-shade-v15{position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(34,44,18,.08),rgba(31,41,15,.62))!important}
body.app-mode .recording-cover-play-v15{width:54px!important;height:54px!important;border-radius:18px!important;background:rgba(255,255,255,.94)!important;color:#759d2f!important;font-size:17px!important;box-shadow:0 14px 30px rgba(32,43,16,.22)!important}
body.app-mode .recording-cover-top-v15{top:11px!important;right:11px!important;left:11px!important;gap:6px!important}
body.app-mode .recording-state{font-size:9px!important;font-weight:900!important;padding:6px 9px!important;border:1px solid rgba(255,255,255,.24)!important;box-shadow:none!important}
body.app-mode .recording-publish-v15{padding:6px 9px!important;font-size:9px!important;font-weight:800!important}
body.app-mode .recording-duration-v15{bottom:11px!important;right:11px!important;padding:7px 9px!important;border-radius:11px!important;font-size:9px!important}
body.app-mode .recording-card-body-v15{padding:14px!important}
body.app-mode .recording-format-chips-v15{gap:5px!important;min-height:26px!important}
body.app-mode .recording-format-chips-v15 span{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:6px 8px!important;border-radius:999px!important;background:#f2f7e8!important;border:1px solid #e1e9d1!important;color:#677a48!important;font-size:8.5px!important;font-weight:700!important}
body.app-mode .recording-format-chips-v15 i{color:#7ba034!important}
body.app-mode .recording-card-body-v15 h3{font-size:16px!important;color:var(--v40-brown)!important;margin:9px 0 3px!important;font-weight:900!important;line-height:1.5!important}
body.app-mode .recording-card-body-v15>p{font-size:10px!important;color:#77836f!important;margin:0!important}
body.app-mode .recording-card-meta-v15{display:flex!important;gap:9px!important;flex-wrap:wrap!important;margin-top:10px!important;padding-top:10px!important;border-top:1px dashed #dde7c8!important}
body.app-mode .recording-card-meta-v15 span{display:inline-flex!important;align-items:center!important;gap:5px!important;font-size:9px!important;color:#728266!important}
body.app-mode .recording-card-meta-v15 i{color:#7b9f35!important}
body.app-mode .recording-card-stats-v15{display:grid!important;grid-template-columns:.8fr .8fr 1.6fr!important;gap:7px!important;margin-top:11px!important}
body.app-mode .recording-card-stats-v15>span{min-width:0!important;padding:9px!important;border:1px solid #e1e9d1!important;border-radius:14px!important;background:#fcfef8!important;display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:6px!important}
body.app-mode .recording-card-stats-v15>span>i{grid-row:1/3!important;color:#769a32!important;align-self:center!important;font-size:13px!important}
body.app-mode .recording-card-stats-v15 b{font-size:10px!important;color:#4f3329!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.app-mode .recording-card-stats-v15 small{font-size:8px!important;color:#7e8c72!important;font-weight:700!important}
body.app-mode .recording-card-actions-v15{display:flex!important;align-items:center!important;gap:7px!important;margin-top:12px!important}
body.app-mode .recording-card-action-v15{height:39px!important;min-width:39px!important;border:1px solid #dfe8ce!important;border-radius:13px!important;background:#fff!important;color:#63784a!important;font-size:9px!important;box-shadow:0 8px 18px rgba(76,96,40,.045)!important}
body.app-mode .recording-card-action-v15.primary{flex:1!important;background:linear-gradient(135deg,var(--v40-green2),#709b27)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 11px 22px rgba(111,154,39,.20)!important;font-weight:900!important}
body.app-mode .recording-empty-v15{min-height:230px!important;border:1px dashed #d5e2b6!important;border-radius:24px!important;background:linear-gradient(180deg,#fff,#f8fbee)!important;color:#7d8d69!important}
body.app-mode .recording-empty-v15>span{width:52px!important;height:52px!important;border-radius:18px!important;background:var(--v40-green-soft)!important;color:#73972f!important;border:1px solid #dce7c3!important;font-size:18px!important}
body.app-mode .recording-empty-v15 strong{font-size:14px!important;color:#536a30!important}
body.app-mode .recording-empty-v15 small{font-size:10px!important;color:#87937b!important}
body.app-mode .recordings-pagination-v15{margin-top:15px!important;min-height:52px!important;border:1px solid #dfe8c9!important;border-radius:17px!important;background:#fcfef8!important;box-shadow:0 10px 24px rgba(76,96,40,.035)!important;color:#627447!important}
body.app-mode .recordings-pagination-v15 button{border:1px solid #e0e9d0!important;background:#fff!important;color:#617547!important;border-radius:12px!important;min-height:34px!important;padding:0 12px!important}
body.app-mode .recordings-pagination-v15 b{color:#4f3329!important}

/* ===== V43: Live pulse page — high contrast unified redesign ===== */
body.app-mode .pulse-page-head{
  position:relative!important;
  min-height:170px!important;
  margin-bottom:14px!important;
  padding:22px 24px!important;
  border:1px solid #dfe9c7!important;
  border-radius:30px!important;
  background:radial-gradient(circle at 92% 10%,rgba(166,214,73,.18),transparent 34%),radial-gradient(circle at 66% 100%,rgba(158,206,63,.10),transparent 34%),linear-gradient(135deg,#fbfff3,#f2f8df 54%,#fff)!important;
  box-shadow:0 18px 42px rgba(86,108,43,.09)!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
}
body.app-mode .pulse-hero-copy{position:relative!important;z-index:2!important;max-width:680px!important}
body.app-mode .pulse-eyebrow{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:6px 10px!important;border-radius:999px!important;background:rgba(143,187,56,.11)!important;color:#739632!important;font-size:10px!important;font-weight:900!important}
body.app-mode .pulse-hero-copy h1{font-size:28px!important;color:var(--v40-brown)!important;margin:8px 0 4px!important;font-weight:900!important}
body.app-mode .pulse-hero-copy p{max-width:600px!important;margin:0!important;font-size:11px!important;line-height:1.9!important;color:#69795e!important}
body.app-mode .pulse-auto-sync{position:absolute!important;z-index:3!important;left:24px!important;bottom:22px!important;display:grid!important;grid-template-columns:10px minmax(0,1fr)!important;column-gap:9px!important;align-items:center!important;padding:9px 12px!important;border:1px solid #dce7c4!important;background:rgba(255,255,255,.75)!important;backdrop-filter:blur(10px)!important;border-radius:16px!important;box-shadow:0 10px 24px rgba(72,93,37,.06)!important}
body.app-mode .pulse-auto-dot{width:9px!important;height:9px!important;border-radius:50%!important;background:#2db071!important;box-shadow:0 0 0 5px rgba(45,176,113,.10)!important;grid-row:1/3!important}
body.app-mode .pulse-auto-sync b{font-size:10px!important;color:#536932!important}.pulse-auto-sync small{font-size:8.5px!important;color:#7e8e6d!important}
body.app-mode .pulse-hero-visual{left:78px!important;top:15px!important;width:140px!important;height:140px!important;opacity:.9!important}
body.app-mode .pulse-orbit{border-color:rgba(124,165,44,.22)!important}
body.app-mode .pulse-core{width:62px!important;height:62px!important;border-radius:21px!important;background:linear-gradient(135deg,var(--v40-green2),#6e9826)!important;color:#fff!important;box-shadow:0 18px 34px rgba(111,154,39,.25)!important}
body.app-mode .pulse-particle{background:#86ad34!important;box-shadow:0 0 0 6px rgba(134,173,52,.09)!important}

body.app-mode .pulse-overview-strip{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin-bottom:14px!important}
body.app-mode .pulse-overview-item{display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;padding:12px 13px!important;border:1px solid #dfe8c9!important;border-radius:20px!important;background:linear-gradient(180deg,#fff,#fbfdf7)!important;box-shadow:0 10px 24px rgba(76,96,40,.045)!important}
body.app-mode .pulse-overview-icon{width:44px!important;height:44px!important;border-radius:15px!important;display:grid!important;place-items:center!important;background:var(--v40-green-soft)!important;color:#72962f!important;border:1px solid #dce7c3!important}
body.app-mode .pulse-overview-icon.live{background:#e9f7ef!important;color:#27865e!important;border-color:#d3ebdc!important}
body.app-mode .pulse-overview-icon.users{background:#eef5dc!important;color:#6e9130!important}
body.app-mode .pulse-overview-icon.ready{background:#f6f0fb!important;color:#78609c!important;border-color:#e6dbf0!important}
body.app-mode .pulse-overview-icon.sync{background:#fff5e5!important;color:#a06c24!important;border-color:#f2e2c4!important}
body.app-mode .pulse-overview-item small{display:block!important;font-size:9px!important;color:#7e8e6c!important;font-weight:800!important}
body.app-mode .pulse-overview-item b{display:block!important;font-size:17px!important;color:#4f3329!important;margin-top:2px!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

body.app-mode .pulse-live-layout{grid-template-columns:minmax(300px,360px) minmax(0,1fr)!important;gap:14px!important}
body.app-mode .pulse-session-panel,body.app-mode .pulse-monitor-pane{border-radius:28px!important;border:1px solid #dfe8c9!important;background:linear-gradient(180deg,#fff,#fbfdf7)!important;box-shadow:0 18px 44px rgba(72,92,36,.065)!important}
body.app-mode .pulse-session-panel{padding:14px!important;overflow:hidden!important}
body.app-mode .pulse-panel-title{padding:4px 3px 13px!important;border-bottom:1px dashed #dfe8ca!important;margin-bottom:10px!important}
body.app-mode .pulse-mini-label{display:inline-block!important;font-size:9px!important;color:#789a33!important;font-weight:900!important;margin-bottom:3px!important}
body.app-mode .pulse-panel-title strong{font-size:15px!important;color:#536a30!important;font-weight:900!important}
body.app-mode .pulse-panel-title small{font-size:9px!important;color:#829071!important;margin-top:3px!important}
body.app-mode .live-pulse-dot{width:10px!important;height:10px!important;background:#2db071!important;box-shadow:0 0 0 5px rgba(45,176,113,.10)!important}
body.app-mode .pulse-session-list{display:grid!important;gap:9px!important;max-height:calc(100vh - 365px)!important;overflow-y:auto!important;overflow-x:hidden!important;padding-left:2px!important}
body.app-mode .pulse-session-list::-webkit-scrollbar{width:5px!important}.pulse-session-list::-webkit-scrollbar-thumb{background:#d8e4bf!important;border-radius:99px!important}
body.app-mode .pulse-session-card{position:relative!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) 22px!important;gap:10px!important;align-items:center!important;padding:11px!important;border:1px solid #e3ebd3!important;border-radius:19px!important;background:linear-gradient(180deg,#fff,#fcfef8)!important;overflow:hidden!important;box-shadow:0 8px 19px rgba(75,95,39,.035)!important}
body.app-mode .pulse-session-card:before{content:""!important;position:absolute!important;right:0!important;top:9px!important;bottom:9px!important;width:3px!important;border-radius:99px!important;background:#dce5cf!important}
body.app-mode .pulse-session-card.running:before{background:linear-gradient(180deg,#2dae73,#68c391)!important}
body.app-mode .pulse-session-card.active{border-color:#c8dda0!important;background:linear-gradient(135deg,#fbfff3,#f0f7dc)!important;box-shadow:0 0 0 3px rgba(143,187,56,.08),0 13px 28px rgba(78,100,41,.08)!important}
body.app-mode .pulse-card-status{width:42px!important;height:42px!important;border-radius:14px!important;background:#f3f7eb!important;color:#74825f!important;border:1px solid #e4ead7!important;display:grid!important;place-items:center!important}
body.app-mode .pulse-session-card.running .pulse-card-status{background:#e9f7ef!important;color:#27865e!important;border-color:#d2eadc!important}
body.app-mode .pulse-card-title b{font-size:12px!important;color:#4f3329!important;font-weight:900!important}
body.app-mode .pulse-card-title em{font-size:8px!important;padding:4px 7px!important;border-radius:999px!important;background:#f1f6e7!important;color:#6e7d58!important;font-style:normal!important}
body.app-mode .pulse-session-card.running .pulse-card-title em{background:#eaf7ef!important;color:#27865e!important}
body.app-mode .pulse-card-copy>small{font-size:8.5px!important;color:#7d8c70!important;margin-top:3px!important}
body.app-mode .pulse-card-meta{font-size:8.5px!important;color:#708064!important;margin-top:6px!important}
body.app-mode .pulse-card-meta i{color:#789d34!important}
body.app-mode .pulse-card-meter{height:5px!important;background:#edf3e0!important;margin-top:7px!important}.pulse-card-meter i{background:linear-gradient(90deg,#7ea52f,#3baa78)!important}
body.app-mode .pulse-card-arrow{color:#9dac8e!important;font-size:9px!important}

body.app-mode .pulse-monitor-pane{overflow:hidden!important;min-width:0!important}
body.app-mode .pulse-live-empty{min-height:430px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;background:radial-gradient(circle at 50% 35%,rgba(143,187,56,.08),transparent 28%)!important}
body.app-mode .pulse-live-empty strong{font-size:18px!important;color:#536a30!important;margin-top:11px!important}.pulse-live-empty p{max-width:420px!important;font-size:10px!important;color:#7e8d6c!important;line-height:1.9!important}
body.app-mode .pulse-radar b{background:linear-gradient(135deg,var(--v40-green2),#6e9826)!important;box-shadow:0 15px 30px rgba(111,154,39,.22)!important}
body.app-mode .pulse-monitor-hero{position:relative!important;display:flex!important;justify-content:space-between!important;gap:18px!important;align-items:flex-start!important;padding:20px 22px!important;background:radial-gradient(circle at 95% 15%,rgba(166,214,73,.18),transparent 34%),linear-gradient(135deg,#33441d,#536b2e)!important;color:#fff!important;overflow:hidden!important}
body.app-mode .pulse-live-badge{padding:6px 9px!important;border-radius:999px!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.12)!important;font-size:9px!important;color:#e7efda!important}
body.app-mode .pulse-monitor-title h2{font-size:22px!important;margin:8px 0 5px!important;color:#fff!important;font-weight:900!important}
body.app-mode .pulse-monitor-title p{font-size:9px!important;color:#d6e2c2!important;margin:0!important}
body.app-mode .pulse-enter-btn,body.app-mode .pulse-end-btn{min-height:39px!important;border-radius:13px!important;padding:0 12px!important;font-size:9px!important;font-weight:800!important}
body.app-mode .pulse-enter-btn{background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.18)!important}.pulse-end-btn{background:rgba(224,93,84,.18)!important;border-color:rgba(240,125,116,.32)!important}
body.app-mode .pulse-stat-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;padding:13px 14px!important;background:#f8fbf2!important;border-bottom:1px solid #e4ebd7!important}
body.app-mode .pulse-stat-card{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;gap:9px!important;align-items:center!important;padding:11px!important;border-radius:17px!important;border:1px solid #dfe8cb!important;background:#fff!important}
body.app-mode .pulse-stat-card>span{width:38px!important;height:38px!important;border-radius:13px!important;background:var(--v40-green-soft)!important;color:#73972f!important;border:1px solid #dce7c3!important;display:grid!important;place-items:center!important}
body.app-mode .pulse-stat-card.primary>span{background:#e9f7ef!important;color:#27865e!important;border-color:#d4ebdc!important}
body.app-mode .pulse-stat-card small{font-size:8.5px!important;color:#7f8e6d!important;font-weight:800!important}.pulse-stat-card b{font-size:12px!important;color:#4f3329!important;margin-top:2px!important;font-weight:900!important}.pulse-stat-card em{font-size:8px!important;color:#849178!important;font-style:normal!important}
body.app-mode .pulse-monitor-body{padding:14px!important;display:grid!important;gap:12px!important;background:#fbfdf7!important}
body.app-mode .pulse-live-section{padding:14px!important;border-radius:21px!important;border:1px solid #dfe8c9!important;background:#fff!important;box-shadow:0 10px 24px rgba(76,96,40,.035)!important}
body.app-mode .pulse-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:11px!important}
body.app-mode .pulse-section-head>div{display:flex!important;gap:10px!important;align-items:center!important;min-width:0!important}
body.app-mode .pulse-section-head>div>span{width:38px!important;height:38px!important;border-radius:13px!important;background:var(--v40-green-soft)!important;color:#73972f!important;border:1px solid #dce7c3!important;display:grid!important;place-items:center!important}
body.app-mode .pulse-section-head h3{font-size:15px!important;color:#536a30!important;margin:0!important;font-weight:900!important}.pulse-section-head p{font-size:8.5px!important;color:#7f8e6d!important;margin:3px 0 0!important;line-height:1.7!important}.pulse-section-head>b{font-size:9px!important;padding:6px 9px!important;border-radius:999px!important;background:#f3f7e9!important;color:#697c4b!important;border:1px solid #e0e8d2!important}
body.app-mode .pulse-groups{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0!important}
body.app-mode .pulse-group-card{display:grid!important;grid-template-columns:38px minmax(0,1fr) 24px!important;gap:9px!important;align-items:center!important;padding:10px!important;border:1px solid #e4ead7!important;border-radius:16px!important;background:#fcfef8!important}
body.app-mode .pulse-group-icon{width:36px!important;height:36px!important;border-radius:12px!important;background:#f3f7eb!important;color:#77866b!important;border:1px solid #e4ead7!important;display:grid!important;place-items:center!important}
body.app-mode .pulse-group-card.present{border-color:#d3eadb!important;background:#fbfffd!important}.pulse-group-card.present .pulse-group-icon{background:#e9f7ef!important;color:#27865e!important;border-color:#d4ebdc!important}
body.app-mode .pulse-group-card b{font-size:11px!important;color:#4f3329!important;font-weight:900!important}.pulse-group-card small{font-size:8px!important;color:#7f8d73!important;line-height:1.6!important}.pulse-group-card em{font-style:normal!important;color:#91a185!important}.pulse-group-card.present em{color:#27865e!important}
body.app-mode .pulse-people{display:grid!important;gap:8px!important}
body.app-mode .pulse-person-row{display:grid!important;grid-template-columns:44px minmax(140px,1fr) 112px 112px 88px!important;gap:9px!important;align-items:center!important;padding:10px 11px!important;border:1px solid #e4ead7!important;border-radius:17px!important;background:linear-gradient(180deg,#fff,#fcfef8)!important}
body.app-mode .pulse-person-avatar{width:40px!important;height:40px!important;border-radius:14px!important;background:var(--v40-green-soft)!important;color:#73972f!important;border:1px solid #dce7c3!important}.pulse-person-row.online .pulse-person-avatar{background:#e9f7ef!important;color:#27865e!important;border-color:#d4ebdc!important}
body.app-mode .pulse-person-row .person-copy b{font-size:11px!important;color:#4f3329!important;font-weight:900!important}.pulse-person-row .person-copy small{font-size:8px!important;color:#7c8a70!important}.pulse-person-row .live-cell small{font-size:8px!important;color:#7d8b71!important}.pulse-person-row .live-cell b{font-size:10px!important;color:#4f3329!important}.pulse-person-row .online-label{font-size:8px!important;color:#718164!important;padding:6px 8px!important;border-radius:999px!important;background:#f3f7eb!important}.pulse-person-row.online .online-label{background:#e9f7ef!important;color:#27865e!important}

@media(max-width:1180px){
  body.app-mode .recording-metrics-v15{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.app-mode .recordings-toolbar-v15{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.app-mode .recording-filter-search-v15{grid-column:1/-1!important}
  body.app-mode .recording-grid-v15{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.app-mode .pulse-live-layout{grid-template-columns:310px minmax(0,1fr)!important}
  body.app-mode .pulse-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.app-mode .pulse-person-row{grid-template-columns:42px minmax(140px,1fr) 105px 85px!important}
  body.app-mode .pulse-person-row .live-cell:nth-of-type(2){display:none!important}
}
@media(max-width:900px){
  body.app-mode .recordings-overview-head-v15{align-items:flex-start!important}
  body.app-mode .recordings-overview-title-v15{grid-template-columns:58px minmax(0,1fr)!important}
  body.app-mode .recordings-overview-icon-v15{width:56px!important;height:56px!important;border-radius:19px!important}
  body.app-mode .recordings-overview-title-v15 h1{font-size:23px!important}
  body.app-mode .recordings-toolbar-v15{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.app-mode .pulse-overview-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.app-mode .pulse-live-layout{grid-template-columns:1fr!important}
  body.app-mode .pulse-session-panel{position:static!important}
  body.app-mode .pulse-session-list{max-height:330px!important}
  body.app-mode .pulse-hero-visual{opacity:.38!important;left:35px!important}
}
@media(max-width:620px){
  body.app-mode .recordings-overview-v15{padding:14px!important;border-radius:24px!important}
  body.app-mode .recordings-overview-head-v15{display:grid!important;grid-template-columns:1fr!important}
  body.app-mode .recordings-overview-title-v15{grid-template-columns:50px minmax(0,1fr)!important}
  body.app-mode .recordings-overview-icon-v15{width:48px!important;height:48px!important;border-radius:16px!important;font-size:18px!important}
  body.app-mode .recordings-overview-title-v15 h1{font-size:20px!important}.recordings-overview-title-v15 p{font-size:9.5px!important;line-height:1.8!important}
  body.app-mode .recordings-overview-actions-v15{width:100%!important}.recordings-auto-sync-v15{width:100%!important}
  body.app-mode .recording-metrics-v15{grid-template-columns:1fr 1fr!important;gap:7px!important}
  body.app-mode .recording-metric-v15{min-height:76px!important;padding:9px!important;grid-template-columns:38px minmax(0,1fr)!important}.recording-metric-icon-v15{width:36px!important;height:36px!important;border-radius:12px!important}.recording-metric-v15 b{font-size:15px!important}.recording-metric-v15 em{font-size:8px!important}
  body.app-mode .recordings-panel-v15{padding:13px!important;border-radius:24px!important}
  body.app-mode .recordings-panel-head-v15{align-items:flex-start!important}.recordings-panel-head-v15 p{display:none!important}
  body.app-mode .recordings-toolbar-v15{grid-template-columns:1fr!important}.recording-filter-search-v15{grid-column:auto!important}.recording-filter-card-v15{min-height:58px!important}
  body.app-mode .recording-grid-v15{grid-template-columns:1fr!important}.recording-cover-v15{height:165px!important}
  body.app-mode .pulse-page-head{min-height:190px!important;padding:18px!important;border-radius:24px!important;align-items:flex-start!important}.pulse-hero-copy{max-width:100%!important}.pulse-hero-copy h1{font-size:23px!important}.pulse-hero-copy p{max-width:85%!important;font-size:9.5px!important}.pulse-auto-sync{left:18px!important;bottom:16px!important}.pulse-hero-visual{left:-2px!important;top:35px!important;transform:scale(.82)!important;opacity:.30!important}
  body.app-mode .pulse-overview-strip{grid-template-columns:1fr 1fr!important;gap:7px!important}.pulse-overview-item{padding:10px!important;grid-template-columns:40px 1fr!important}.pulse-overview-icon{width:38px!important;height:38px!important;border-radius:13px!important}.pulse-overview-item b{font-size:14px!important}
  body.app-mode .pulse-session-panel,body.app-mode .pulse-monitor-pane{border-radius:24px!important}.pulse-session-panel{padding:11px!important}.pulse-session-card{grid-template-columns:40px minmax(0,1fr) 18px!important;padding:9px!important}.pulse-card-status{width:38px!important;height:38px!important;border-radius:13px!important}
  body.app-mode .pulse-monitor-hero{padding:16px!important;flex-direction:column!important}.pulse-monitor-actions{width:100%!important}.pulse-monitor-actions>*{flex:1!important;justify-content:center!important}.pulse-monitor-title h2{font-size:19px!important}
  body.app-mode .pulse-stat-grid{grid-template-columns:1fr 1fr!important;padding:10px!important}.pulse-stat-card{padding:9px!important;grid-template-columns:36px minmax(0,1fr)!important}.pulse-stat-card>span{width:34px!important;height:34px!important;border-radius:12px!important}.pulse-stat-card b{font-size:10px!important}.pulse-stat-card em{font-size:7px!important}
  body.app-mode .pulse-groups{grid-template-columns:1fr!important}.pulse-person-row{grid-template-columns:38px minmax(0,1fr) auto!important}.pulse-person-row .live-cell{display:none!important}.pulse-person-avatar{width:36px!important;height:36px!important;border-radius:12px!important}
}

/* ===== V44: remove pulse autosync copy ===== */
body.app-mode .pulse-auto-sync{display:none!important}

/* ===== V44: shared modal visual language ===== */
#modalCard.modal-theme-recording-detail-v44,
#modalCard.modal-theme-user-editor-v44,
#modalCard.modal-theme-bulk-users-v44,
#modalCard.modal-theme-group-editor-v44{
  width:min(1080px,calc(100vw - 34px))!important;
  max-width:1080px!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border-radius:34px!important;
  background:linear-gradient(180deg,#fffefb 0%,#fafdf5 100%)!important;
  border:1px solid #dfe9c8!important;
  box-shadow:0 36px 98px rgba(46,58,23,.24)!important;
}
#modalCard.modal-theme-recording-detail-v44>.modal-head,
#modalCard.modal-theme-user-editor-v44>.modal-head,
#modalCard.modal-theme-bulk-users-v44>.modal-head,
#modalCard.modal-theme-group-editor-v44>.modal-head{
  min-height:78px!important;
  height:auto!important;
  padding:16px 20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  background:linear-gradient(180deg,#fffefb,#f8fbf1)!important;
  border-bottom:1px solid #e4ecd4!important;
}
#modalCard.modal-theme-recording-detail-v44>.modal-head>div,
#modalCard.modal-theme-user-editor-v44>.modal-head>div,
#modalCard.modal-theme-bulk-users-v44>.modal-head>div,
#modalCard.modal-theme-group-editor-v44>.modal-head>div{display:block!important}
#modalCard.modal-theme-recording-detail-v44 #modalEyebrow,
#modalCard.modal-theme-user-editor-v44 #modalEyebrow,
#modalCard.modal-theme-bulk-users-v44 #modalEyebrow,
#modalCard.modal-theme-group-editor-v44 #modalEyebrow{font-size:11px!important;font-weight:900!important;color:#7e9f38!important}
#modalCard.modal-theme-recording-detail-v44 #modalTitle,
#modalCard.modal-theme-user-editor-v44 #modalTitle,
#modalCard.modal-theme-bulk-users-v44 #modalTitle,
#modalCard.modal-theme-group-editor-v44 #modalTitle{font-size:26px!important;font-weight:900!important;color:var(--v40-brown)!important;margin-top:3px!important}
#modalCard.modal-theme-recording-detail-v44 .modal-close,
#modalCard.modal-theme-user-editor-v44 .modal-close,
#modalCard.modal-theme-bulk-users-v44 .modal-close,
#modalCard.modal-theme-group-editor-v44 .modal-close{
  margin-right:0!important;width:40px!important;height:40px!important;border-radius:14px!important;
  background:#f7faef!important;border:1px solid #e1e9d0!important;color:#6e775d!important
}
#modalCard.modal-theme-recording-detail-v44>.modal-body,
#modalCard.modal-theme-user-editor-v44>.modal-body,
#modalCard.modal-theme-bulk-users-v44>.modal-body,
#modalCard.modal-theme-group-editor-v44>.modal-body{
  padding:18px 20px 0!important;
  max-height:calc(100vh - 110px)!important;
  overflow:auto!important;
  background:radial-gradient(circle at 100% 0,rgba(159,207,65,.08),transparent 30%),linear-gradient(180deg,#fcfef8,#f8fbf2)!important;
}

/* ===== V44: recording detail modal ===== */
#modalCard.modal-theme-recording-detail-v44 .recording-detail-v15{display:grid!important;gap:16px!important;padding-bottom:18px!important}
#modalCard.modal-theme-recording-detail-v44 .recording-detail-hero-v15{
  display:grid!important;grid-template-columns:340px minmax(0,1fr)!important;gap:20px!important;padding:18px!important;
  border:1px solid #dbe7bf!important;border-radius:30px!important;
  background:radial-gradient(circle at 100% 0,rgba(165,214,72,.22),transparent 36%),linear-gradient(135deg,#fbfff2,#eef7d8 54%,#fff)!important;
  box-shadow:0 18px 42px rgba(91,116,45,.09)!important
}
#modalCard.modal-theme-recording-detail-v44 .recording-detail-cover-v15{min-height:238px!important;border-radius:25px!important;overflow:hidden!important;box-shadow:0 18px 36px rgba(58,77,25,.18)!important}
#modalCard.modal-theme-recording-detail-v44 .recording-cover-play-detail-v15{width:64px!important;height:64px!important;background:rgba(255,255,255,.95)!important;color:#72982f!important;box-shadow:0 16px 34px rgba(40,54,18,.24)!important}
#modalCard.modal-theme-recording-detail-v44 .recording-cover-duration-detail-v15{font-size:10px!important;padding:7px 10px!important;border-radius:11px!important}
#modalCard.modal-theme-recording-detail-v44 .recording-detail-badges-v15{gap:7px!important}
#modalCard.modal-theme-recording-detail-v44 .recording-detail-badges-v15>span{padding:7px 10px!important;font-size:9px!important;border:1px solid transparent!important}
#modalCard.modal-theme-recording-detail-v44 .recording-detail-copy-v15 h2{font-size:27px!important;color:var(--v40-brown)!important;margin:10px 0 5px!important;line-height:1.45!important}
#modalCard.modal-theme-recording-detail-v44 .recording-detail-copy-v15>p{font-size:11px!important;color:#6f7d61!important;line-height:2!important;margin:0!important}
#modalCard.modal-theme-recording-detail-v44 .recording-detail-meta-v15{gap:8px!important;margin-top:12px!important}
#modalCard.modal-theme-recording-detail-v44 .recording-detail-meta-v15 span{padding:8px 10px!important;border:1px solid #dce7c5!important;border-radius:13px!important;background:rgba(255,255,255,.72)!important;font-size:9px!important;color:#607248!important}
#modalCard.modal-theme-recording-detail-v44 .recording-detail-meta-v15 i{color:#789e32!important}
#modalCard.modal-theme-recording-detail-v44 .recording-detail-stats-v15{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin-top:12px!important}
#modalCard.modal-theme-recording-detail-v44 .recording-detail-stats-v15>div{padding:10px!important;border:1px solid #dfe8c9!important;border-radius:17px!important;background:rgba(255,255,255,.76)!important;grid-template-columns:36px minmax(0,1fr)!important;gap:8px!important}
#modalCard.modal-theme-recording-detail-v44 .recording-detail-stats-v15>div>i{width:34px!important;height:34px!important;border-radius:12px!important;background:var(--v40-green-soft)!important;color:#72972f!important;border:1px solid #dce7c3!important;font-size:12px!important}
#modalCard.modal-theme-recording-detail-v44 .recording-detail-stats-v15 small{font-size:8px!important;color:#7e8e6d!important;font-weight:800!important}
#modalCard.modal-theme-recording-detail-v44 .recording-detail-stats-v15 b{font-size:11px!important;color:#4f3329!important;font-weight:900!important}
#modalCard.modal-theme-recording-detail-v44 .recording-detail-actions-v15{gap:8px!important;margin-top:auto!important;padding-top:14px!important}
#modalCard.modal-theme-recording-detail-v44 .recording-detail-actions-v15>*{min-height:44px!important;border-radius:15px!important}
#modalCard.modal-theme-recording-detail-v44 .recording-detail-grid-v15{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}
#modalCard.modal-theme-recording-detail-v44 .recording-section-v15{padding:17px!important;border:1px solid #dfe8c9!important;border-radius:27px!important;background:linear-gradient(180deg,#fff,#fbfdf6)!important;box-shadow:0 14px 34px rgba(77,98,40,.05)!important}
#modalCard.modal-theme-recording-detail-v44 .recording-section-head-v15{padding-bottom:12px!important;margin-bottom:13px!important;border-bottom:1px dashed #dfe8cb!important}
#modalCard.modal-theme-recording-detail-v44 .recording-section-head-v15>div>span{width:40px!important;height:40px!important;border-radius:14px!important;background:var(--v40-green-soft)!important;color:#72972f!important;border:1px solid #dce7c3!important}
#modalCard.modal-theme-recording-detail-v44 .recording-section-head-v15 h3{font-size:16px!important;color:#536a30!important;font-weight:900!important}
#modalCard.modal-theme-recording-detail-v44 .recording-section-head-v15 p{font-size:9px!important;color:#7e8e6d!important;line-height:1.8!important}
#modalCard.modal-theme-recording-detail-v44 .recording-section-head-v15>b{font-size:9px!important;padding:6px 9px!important;background:#f4f8eb!important;color:#667a45!important;border:1px solid #e0e8d2!important;border-radius:999px!important}
#modalCard.modal-theme-recording-detail-v44 .recording-format-list-v15,#modalCard.modal-theme-recording-detail-v44 .recording-log-list-v15{display:grid!important;gap:9px!important}
#modalCard.modal-theme-recording-detail-v44 .recording-format-card-v15{padding:11px!important;border:1px solid #e3ead6!important;border-radius:18px!important;background:#fcfef8!important}
#modalCard.modal-theme-recording-detail-v44 .recording-format-card-v15.preferred{border-color:#cfe0a7!important;background:linear-gradient(135deg,#fbfff3,#f4f9e6)!important}
#modalCard.modal-theme-recording-detail-v44 .recording-format-icon-v15{background:var(--v40-green-soft)!important;color:#72972f!important;border:1px solid #dce7c3!important}
#modalCard.modal-theme-recording-detail-v44 .recording-format-copy-v15 b,#modalCard.modal-theme-recording-detail-v44 .recording-log-v15 b{color:#4f3329!important;font-size:11px!important;font-weight:900!important}
#modalCard.modal-theme-recording-detail-v44 .recording-format-copy-v15 small,#modalCard.modal-theme-recording-detail-v44 .recording-log-v15 small{color:#7e8e6d!important;font-size:9px!important}
#modalCard.modal-theme-recording-detail-v44 .recording-danger-v15{padding:15px!important;border-radius:22px!important;background:#fff8f6!important;border:1px solid #f0ddd7!important;box-shadow:none!important}

/* ===== V44: user create/edit modal ===== */
#modalCard.modal-theme-user-editor-v44 .user-editor-form{display:grid!important;gap:15px!important;padding-bottom:0!important}
#modalCard.modal-theme-user-editor-v44 .user-editor-hero{
  display:grid!important;grid-template-columns:68px minmax(0,1fr)!important;gap:14px!important;align-items:center!important;
  padding:18px!important;border-radius:28px!important;border:1px solid #dbe7bf!important;
  background:radial-gradient(circle at 100% 0,rgba(165,214,72,.22),transparent 36%),linear-gradient(135deg,#fbfff2,#eef7d8 54%,#fff)!important;
  box-shadow:0 18px 42px rgba(91,116,45,.08)!important
}
#modalCard.modal-theme-user-editor-v44 .user-editor-avatar{width:64px!important;height:64px!important;border-radius:22px!important;background:linear-gradient(135deg,var(--v40-green2),#6e9826)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:23px!important;box-shadow:0 15px 28px rgba(111,154,39,.22)!important}
#modalCard.modal-theme-user-editor-v44 .user-editor-hero>div:last-child{display:flex!important;flex-direction:column!important;gap:4px!important}
#modalCard.modal-theme-user-editor-v44 .user-editor-hero strong{font-size:22px!important;color:var(--v40-brown)!important;font-weight:900!important}
#modalCard.modal-theme-user-editor-v44 .user-editor-hero span{font-size:11px!important;color:#6f7d61!important;line-height:1.9!important}
#modalCard.modal-theme-user-editor-v44 .user-editor-section{padding:17px!important;border:1px solid #dfe8c9!important;border-radius:27px!important;background:linear-gradient(180deg,#fff,#fbfdf6)!important;box-shadow:0 14px 34px rgba(77,98,40,.05)!important}
#modalCard.modal-theme-user-editor-v44 .user-editor-section-head{grid-template-columns:42px minmax(0,1fr) auto!important;gap:11px!important;align-items:center!important;margin-bottom:14px!important;padding-bottom:12px!important;border-bottom:1px dashed #dfe8cb!important}
#modalCard.modal-theme-user-editor-v44 .user-editor-section-head .section-icon{width:40px!important;height:40px!important;border-radius:14px!important;background:var(--v40-green-soft)!important;color:#72972f!important;border:1px solid #dce7c3!important}
#modalCard.modal-theme-user-editor-v44 .user-editor-section-head h3{font-size:16px!important;color:#536a30!important;font-weight:900!important}
#modalCard.modal-theme-user-editor-v44 .user-editor-section-head p{font-size:9px!important;color:#7e8e6d!important;line-height:1.8!important}
#modalCard.modal-theme-user-editor-v44 .user-editor-grid{gap:12px!important}
#modalCard.modal-theme-user-editor-v44 .user-editor-field{border:1px solid #dfe8c9!important;border-radius:19px!important;background:#fff!important;box-shadow:0 10px 22px rgba(75,94,39,.035)!important}
#modalCard.modal-theme-user-editor-v44 .user-permission-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:11px!important}
#modalCard.modal-theme-user-editor-v44 .user-permission-card{border:1px solid #dfe8c9!important;border-radius:20px!important;background:linear-gradient(180deg,#fff,#fcfef8)!important;box-shadow:0 10px 22px rgba(75,94,39,.035)!important}
#modalCard.modal-theme-user-editor-v44 .permission-icon{background:var(--v40-green-soft)!important;color:#72972f!important;border:1px solid #dce7c3!important}
#modalCard.modal-theme-user-editor-v44 .permission-copy b{color:#4f632d!important;font-weight:900!important}
#modalCard.modal-theme-user-editor-v44 .permission-copy small{color:#7e8e6d!important}
#modalCard.modal-theme-user-editor-v44 .user-group-count{background:#f3f8e8!important;color:#667b43!important;border:1px solid #dfe8c8!important}
#modalCard.modal-theme-user-editor-v44 .user-groups-search{min-height:48px!important;border:1px solid #dfe8c9!important;border-radius:16px!important;background:#fff!important;box-shadow:0 10px 22px rgba(75,94,39,.035)!important}
#modalCard.modal-theme-user-editor-v44 .user-groups-search i{color:#789e32!important}
#modalCard.modal-theme-user-editor-v44 .user-group-choice{border:1px solid #dfe8c9!important;border-radius:19px!important;background:#fff!important;box-shadow:0 9px 20px rgba(75,94,39,.03)!important}
#modalCard.modal-theme-user-editor-v44 .user-group-choice:has(input:checked){border-color:#a8ca5c!important;background:linear-gradient(135deg,#fbfff2,#f4f9e6)!important;box-shadow:0 0 0 4px rgba(143,187,56,.08)!important}
#modalCard.modal-theme-user-editor-v44 .user-group-icon{background:var(--v40-green-soft)!important;color:#72972f!important;border:1px solid #dce7c3!important}
#modalCard.modal-theme-user-editor-v44 .user-group-copy b{color:#4f3329!important;font-weight:900!important}
#modalCard.modal-theme-user-editor-v44 .user-group-copy small{color:#7e8e6d!important}

/* ===== V44: bulk users modal ===== */
#modalCard.modal-theme-bulk-users-v44 .bulk-users-form{display:grid!important;gap:15px!important;padding-bottom:0!important}
#modalCard.modal-theme-bulk-users-v44 .bulk-users-hero{
  display:grid!important;grid-template-columns:64px minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;
  padding:18px!important;border-radius:28px!important;border:1px solid #dbe7bf!important;
  background:radial-gradient(circle at 100% 0,rgba(165,214,72,.22),transparent 36%),linear-gradient(135deg,#fbfff2,#eef7d8 54%,#fff)!important;
  box-shadow:0 18px 42px rgba(91,116,45,.08)!important
}
#modalCard.modal-theme-bulk-users-v44 .bulk-users-hero-icon{width:60px!important;height:60px!important;border-radius:21px!important;background:linear-gradient(135deg,var(--v40-green2),#6e9826)!important;color:#fff!important;box-shadow:0 15px 28px rgba(111,154,39,.22)!important}
#modalCard.modal-theme-bulk-users-v44 .bulk-users-hero strong{font-size:21px!important;color:var(--v40-brown)!important;font-weight:900!important}
#modalCard.modal-theme-bulk-users-v44 .bulk-users-hero small{font-size:10px!important;color:#6f7d61!important;line-height:1.9!important}
#modalCard.modal-theme-bulk-users-v44 .bulk-users-badge{padding:7px 10px!important;background:#f3f8e8!important;color:#6f8d35!important;border:1px solid #dbe7c3!important;font-size:9px!important}
#modalCard.modal-theme-bulk-users-v44 .bulk-users-group-card,
#modalCard.modal-theme-bulk-users-v44 .bulk-source-pane,
#modalCard.modal-theme-bulk-users-v44 .bulk-import-policy{border:1px solid #dfe8c9!important;border-radius:25px!important;background:linear-gradient(180deg,#fff,#fbfdf6)!important;box-shadow:0 13px 30px rgba(77,98,40,.045)!important}
#modalCard.modal-theme-bulk-users-v44 .bulk-section-icon{background:var(--v40-green-soft)!important;color:#72972f!important;border:1px solid #dce7c3!important}
#modalCard.modal-theme-bulk-users-v44 .bulk-section-copy b{color:#4f3329!important;font-weight:900!important}
#modalCard.modal-theme-bulk-users-v44 .bulk-section-copy small{color:#7e8e6d!important}
#modalCard.modal-theme-bulk-users-v44 .bulk-group-select select{border:1px solid #dfe8c9!important;background:#fff!important;color:#4f3329!important;border-radius:15px!important}
#modalCard.modal-theme-bulk-users-v44 .bulk-source-tabs{padding:7px!important;border-radius:20px!important;background:#eef4df!important;border:1px solid #dce7c5!important;gap:7px!important}
#modalCard.modal-theme-bulk-users-v44 .bulk-source-tabs button{border:1px solid transparent!important;border-radius:15px!important;color:#6e7d60!important}
#modalCard.modal-theme-bulk-users-v44 .bulk-source-tabs button.active{background:#fff!important;border-color:#cfe0a7!important;box-shadow:0 10px 22px rgba(75,94,39,.07)!important;color:#50682e!important}
#modalCard.modal-theme-bulk-users-v44 .bulk-source-tabs button b{color:#4f632d!important;font-weight:900!important}
#modalCard.modal-theme-bulk-users-v44 .bulk-source-tabs button small{color:#7e8e6d!important}
#modalCard.modal-theme-bulk-users-v44 .bulk-user-row{border:1px solid #e2ead4!important;border-radius:17px!important;background:#fcfef8!important}
#modalCard.modal-theme-bulk-users-v44 .bulk-user-row label{border-color:#dfe8c9!important;background:#fff!important}
#modalCard.modal-theme-bulk-users-v44 .bulk-user-row input{color:#4f3329!important}
#modalCard.modal-theme-bulk-users-v44 .bulk-excel-drop{border-color:#cfe0a3!important;background:linear-gradient(135deg,#fbfff3,#f3f9e4)!important;border-radius:24px!important}
#modalCard.modal-theme-bulk-users-v44 .bulk-excel-icon{background:linear-gradient(135deg,var(--v40-green2),#6e9826)!important;color:#fff!important;box-shadow:0 14px 28px rgba(111,154,39,.18)!important}
#modalCard.modal-theme-bulk-users-v44 .bulk-excel-drop strong{color:#4f632d!important;font-weight:900!important}
#modalCard.modal-theme-bulk-users-v44 .bulk-excel-drop small{color:#7e8e6d!important}
#modalCard.modal-theme-bulk-users-v44 .bulk-excel-guide{border-color:#dfe8c9!important;background:#f8fbf1!important}
#modalCard.modal-theme-bulk-users-v44 .bulk-import-policy i{color:#73972f!important}

/* ===== V44: group create/edit modal ===== */
#modalCard.modal-theme-group-editor-v44 .group-editor-v8{display:grid!important;gap:15px!important;padding-bottom:0!important}
#modalCard.modal-theme-group-editor-v44 .group-editor-hero{
  display:grid!important;grid-template-columns:64px minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;
  padding:18px!important;border-radius:28px!important;border:1px solid #dbe7bf!important;
  background:radial-gradient(circle at 100% 0,rgba(165,214,72,.22),transparent 36%),linear-gradient(135deg,#fbfff2,#eef7d8 54%,#fff)!important;
  box-shadow:0 18px 42px rgba(91,116,45,.08)!important
}
#modalCard.modal-theme-group-editor-v44 .group-editor-symbol{width:60px!important;height:60px!important;border-radius:21px!important;background:linear-gradient(135deg,var(--v40-green2),#6e9826)!important;color:#fff!important;box-shadow:0 15px 28px rgba(111,154,39,.22)!important}
#modalCard.modal-theme-group-editor-v44 .group-editor-hero>div:nth-child(2)>span{font-size:9px!important;color:#779832!important;font-weight:900!important}
#modalCard.modal-theme-group-editor-v44 .group-editor-hero strong{font-size:21px!important;color:var(--v40-brown)!important;font-weight:900!important}
#modalCard.modal-theme-group-editor-v44 .group-editor-hero small{font-size:10px!important;color:#6f7d61!important;line-height:1.8!important}
#modalCard.modal-theme-group-editor-v44 .group-editor-live-stats>span{min-width:76px!important;height:58px!important;border:1px solid #dbe7c3!important;border-radius:18px!important;background:rgba(255,255,255,.68)!important}
#modalCard.modal-theme-group-editor-v44 .group-editor-live-stats b{font-size:18px!important;color:#6f942f!important}
#modalCard.modal-theme-group-editor-v44 .group-editor-live-stats small{font-size:9px!important;color:#7e8e6d!important}
#modalCard.modal-theme-group-editor-v44 .group-editor-section{padding:17px!important;border:1px solid #dfe8c9!important;border-radius:27px!important;background:linear-gradient(180deg,#fff,#fbfdf6)!important;box-shadow:0 14px 34px rgba(77,98,40,.05)!important}
#modalCard.modal-theme-group-editor-v44 .group-editor-section-head{grid-template-columns:42px minmax(0,1fr)!important;gap:11px!important;padding-bottom:12px!important;margin-bottom:14px!important;border-bottom:1px dashed #dfe8cb!important}
#modalCard.modal-theme-group-editor-v44 .group-editor-section-head>span{width:40px!important;height:40px!important;border-radius:14px!important;background:var(--v40-green-soft)!important;color:#72972f!important;border:1px solid #dce7c3!important}
#modalCard.modal-theme-group-editor-v44 .group-editor-section-head h3{font-size:16px!important;color:#536a30!important;font-weight:900!important}
#modalCard.modal-theme-group-editor-v44 .group-editor-section-head p{font-size:9px!important;color:#7e8e6d!important;line-height:1.8!important}
#modalCard.modal-theme-group-editor-v44 .group-active-card{border:1px solid #dfe8c9!important;border-radius:19px!important;background:#fff!important;box-shadow:0 10px 22px rgba(75,94,39,.035)!important}
#modalCard.modal-theme-group-editor-v44 .group-active-icon{background:var(--v40-green-soft)!important;color:#72972f!important;border:1px solid #dce7c3!important}
#modalCard.modal-theme-group-editor-v44 .group-active-copy b{color:#4f632d!important;font-weight:900!important}
#modalCard.modal-theme-group-editor-v44 .group-active-copy small{color:#7e8e6d!important}
#modalCard.modal-theme-group-editor-v44 .member-toolbar-v8{gap:10px!important}
#modalCard.modal-theme-group-editor-v44 .member-toolbar-v8>label{min-height:48px!important;border:1px solid #dfe8c9!important;border-radius:16px!important;background:#fff!important;box-shadow:0 10px 22px rgba(75,94,39,.035)!important}
#modalCard.modal-theme-group-editor-v44 .member-toolbar-v8>label i{color:#789e32!important}
#modalCard.modal-theme-group-editor-v44 .member-toolbar-hint{border:1px solid #dfe8c9!important;background:#f8fbf1!important;color:#647848!important;border-radius:16px!important}
#modalCard.modal-theme-group-editor-v44 .member-pick-v8{border:1px solid #dfe8c9!important;border-radius:19px!important;background:#fff!important;box-shadow:0 9px 20px rgba(75,94,39,.03)!important}
#modalCard.modal-theme-group-editor-v44 .member-pick-v8.selected{border-color:#a8ca5c!important;background:linear-gradient(135deg,#fbfff2,#f4f9e6)!important;box-shadow:0 0 0 4px rgba(143,187,56,.08)!important}
#modalCard.modal-theme-group-editor-v44 .member-avatar{background:var(--v40-green-soft)!important;color:#72972f!important}
#modalCard.modal-theme-group-editor-v44 .member-copy b{color:#4f3329!important;font-weight:900!important}
#modalCard.modal-theme-group-editor-v44 .member-copy small{color:#7e8e6d!important}
#modalCard.modal-theme-group-editor-v44 .rep-toggle{border-color:#dfe8c9!important;background:#f8fbf1!important;color:#6a7c4d!important}
#modalCard.modal-theme-group-editor-v44 .rep-toggle.on{background:#fff5dc!important;border-color:#efdba5!important;color:#9b6d16!important}

/* shared sticky actions */
#modalCard.modal-theme-user-editor-v44 .user-editor-actions,
#modalCard.modal-theme-bulk-users-v44 .bulk-users-actions,
#modalCard.modal-theme-group-editor-v44 .group-editor-actions{
  position:sticky!important;bottom:0!important;z-index:20!important;
  margin:18px -20px 0!important;padding:15px 20px!important;
  background:#fff!important;border-top:1px solid #e2eaca!important;
  box-shadow:0 -14px 28px rgba(83,104,45,.08)!important;
  border-radius:0!important
}
#modalCard.modal-theme-user-editor-v44 .user-editor-actions button,
#modalCard.modal-theme-bulk-users-v44 .bulk-users-actions button,
#modalCard.modal-theme-group-editor-v44 .group-editor-actions button{min-height:46px!important;border-radius:15px!important}

/* ===== V44: notifications become a real dialog ===== */
body.notification-dialog-open{overflow:hidden!important}
.notification-dialog-backdrop-v44{
  display:none;position:fixed;inset:0;z-index:2490;
  background:rgba(48,58,26,.30);backdrop-filter:blur(7px);
  opacity:0;transition:opacity .20s ease
}
.notification-dialog-backdrop-v44.open{display:block;opacity:1}
#notificationPopover.notification-dialog-v44{
  display:none!important;
  position:fixed!important;
  z-index:2500!important;
  top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;
  transform:translate(-50%,-48%) scale(.985)!important;
  width:min(680px,calc(100vw - 34px))!important;
  max-width:680px!important;
  max-height:min(760px,calc(100vh - 42px))!important;
  border-radius:32px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#fffefb,#f9fcf3)!important;
  border:1px solid #dfe9c8!important;
  box-shadow:0 38px 100px rgba(43,55,22,.30)!important;
  backdrop-filter:none!important;
  transform-origin:center!important;
}
#notificationPopover.notification-dialog-v44.open{
  display:flex!important;flex-direction:column!important;
  transform:translate(-50%,-50%) scale(1)!important;
  animation:notificationDialogInV44 .22s cubic-bezier(.2,.8,.2,1)!important
}
@keyframes notificationDialogInV44{from{opacity:0;transform:translate(-50%,-47%) scale(.975)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
#notificationPopover.notification-dialog-v44 .notification-topbar-v30{
  position:relative!important;
  padding:16px 18px 12px!important;
  background:radial-gradient(circle at 100% 0,rgba(164,211,70,.18),transparent 36%),linear-gradient(135deg,#fbfff2,#f1f7dc 60%,#fff)!important;
  border-bottom:1px solid #dfe8c9!important
}
#notificationPopover.notification-dialog-v44 .notification-dialog-close-v44{
  position:absolute;left:15px;top:15px;z-index:2;
  width:38px;height:38px;border-radius:13px;border:1px solid #dce7c4;background:rgba(255,255,255,.78);color:#65734f;
  display:grid;place-items:center;box-shadow:0 9px 20px rgba(76,96,40,.06)
}
#notificationPopover.notification-dialog-v44 .notification-social-head{
  display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;gap:11px!important;align-items:center!important;
  padding:0 0 11px!important;background:transparent!important;border:0!important
}
#notificationPopover.notification-dialog-v44 .notification-head-icon{width:46px!important;height:46px!important;border-radius:16px!important;background:linear-gradient(135deg,var(--v40-green2),#6e9826)!important;color:#fff!important;box-shadow:0 13px 25px rgba(111,154,39,.22)!important}
#notificationPopover.notification-dialog-v44 .notification-head-copy strong{font-size:18px!important;color:var(--v40-brown)!important;font-weight:900!important}
#notificationPopover.notification-dialog-v44 .notification-head-copy small{font-size:10px!important;color:#6f7d61!important;line-height:1.7!important}
#notificationPopover.notification-dialog-v44 .notification-read-all{margin-left:44px!important;min-height:38px!important;border-radius:13px!important;background:rgba(255,255,255,.75)!important;border:1px solid #dbe7c2!important;color:#597039!important;padding:0 11px!important}
#notificationPopover.notification-dialog-v44 .notification-tabs{
  margin:0!important;padding:5px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important;
  border:1px solid #dce7c5!important;border-radius:15px!important;background:rgba(238,244,223,.76)!important
}
#notificationPopover.notification-dialog-v44 .notification-tabs button{min-height:36px!important;border:1px solid transparent!important;border-radius:11px!important;background:transparent!important;color:#6f7f5d!important;font-size:10px!important;font-weight:800!important}
#notificationPopover.notification-dialog-v44 .notification-tabs button.active{background:#fff!important;border-color:#cfe0a7!important;color:#50682e!important;box-shadow:0 8px 18px rgba(75,94,39,.07)!important}
#notificationPopover.notification-dialog-v44 .social-notification-list{
  flex:1!important;min-height:180px!important;max-height:520px!important;overflow:auto!important;
  padding:13px!important;background:linear-gradient(180deg,#fff,#fbfdf6)!important
}
#notificationPopover.notification-dialog-v44 .notif-card-v12{
  min-height:92px!important;padding:12px!important;border:1px solid #e0e8d2!important;border-radius:20px!important;background:#fff!important;
  box-shadow:0 10px 22px rgba(74,94,39,.035)!important
}
#notificationPopover.notification-dialog-v44 .notif-card-v12.unread{border-color:#cfe0a7!important;background:linear-gradient(135deg,#fbfff3,#f6faeb)!important}
#notificationPopover.notification-dialog-v44 .notif-icon-v12{width:44px!important;height:44px!important;border-radius:15px!important;background:var(--v40-green-soft)!important;color:#72972f!important;border:1px solid #dce7c3!important}
#notificationPopover.notification-dialog-v44 .notif-top-v12 strong{font-size:12px!important;color:#4f3329!important;font-weight:900!important}
#notificationPopover.notification-dialog-v44 .notif-time-v12{font-size:8px!important;color:#87947b!important}
#notificationPopover.notification-dialog-v44 .notif-message-v12{font-size:10px!important;color:#66745b!important;line-height:1.9!important}
#notificationPopover.notification-dialog-v44 .notif-kind-v12,#notificationPopover.notification-dialog-v44 .notif-context-v12{font-size:8px!important;background:#f5f8ed!important;border:1px solid #e2ead4!important;color:#6b7c50!important}
#notificationPopover.notification-dialog-v44 .notification-social-foot{padding:10px 14px!important;background:#f8fbf2!important;border-top:1px solid #e2ead4!important;text-align:center!important}
#notificationPopover.notification-dialog-v44 .notification-social-foot span{font-size:9px!important;color:#7c8a70!important}

@media(max-width:820px){
  #modalCard.modal-theme-recording-detail-v44 .recording-detail-hero-v15{grid-template-columns:1fr!important}
  #modalCard.modal-theme-recording-detail-v44 .recording-detail-cover-v15{min-height:210px!important}
  #modalCard.modal-theme-recording-detail-v44 .recording-detail-grid-v15{grid-template-columns:1fr!important}
  #modalCard.modal-theme-user-editor-v44 .user-permission-grid{grid-template-columns:1fr!important}
  #modalCard.modal-theme-group-editor-v44 .group-editor-hero{grid-template-columns:58px minmax(0,1fr)!important}
  #modalCard.modal-theme-group-editor-v44 .group-editor-live-stats{grid-column:1/-1!important}
}
@media(max-width:620px){
  #modalCard.modal-theme-recording-detail-v44,
  #modalCard.modal-theme-user-editor-v44,
  #modalCard.modal-theme-bulk-users-v44,
  #modalCard.modal-theme-group-editor-v44{width:calc(100vw - 18px)!important;border-radius:27px!important}
  #modalCard.modal-theme-recording-detail-v44>.modal-head,
  #modalCard.modal-theme-user-editor-v44>.modal-head,
  #modalCard.modal-theme-bulk-users-v44>.modal-head,
  #modalCard.modal-theme-group-editor-v44>.modal-head{min-height:68px!important;padding:13px 14px!important}
  #modalCard.modal-theme-recording-detail-v44 #modalTitle,
  #modalCard.modal-theme-user-editor-v44 #modalTitle,
  #modalCard.modal-theme-bulk-users-v44 #modalTitle,
  #modalCard.modal-theme-group-editor-v44 #modalTitle{font-size:21px!important}
  #modalCard.modal-theme-recording-detail-v44>.modal-body,
  #modalCard.modal-theme-user-editor-v44>.modal-body,
  #modalCard.modal-theme-bulk-users-v44>.modal-body,
  #modalCard.modal-theme-group-editor-v44>.modal-body{padding:13px 12px 0!important}
  #modalCard.modal-theme-recording-detail-v44 .recording-detail-stats-v15{grid-template-columns:1fr 1fr!important}
  #modalCard.modal-theme-user-editor-v44 .user-editor-hero{grid-template-columns:54px minmax(0,1fr)!important;padding:14px!important}
  #modalCard.modal-theme-user-editor-v44 .user-editor-avatar{width:52px!important;height:52px!important;border-radius:18px!important;font-size:19px!important}
  #modalCard.modal-theme-user-editor-v44 .user-editor-hero strong{font-size:18px!important}
  #modalCard.modal-theme-user-editor-v44 .user-editor-section{padding:13px!important;border-radius:22px!important}
  #modalCard.modal-theme-bulk-users-v44 .bulk-users-hero{grid-template-columns:52px minmax(0,1fr)!important;padding:14px!important}
  #modalCard.modal-theme-bulk-users-v44 .bulk-users-hero-icon{width:50px!important;height:50px!important;border-radius:17px!important}
  #modalCard.modal-theme-bulk-users-v44 .bulk-users-hero strong{font-size:18px!important}
  #modalCard.modal-theme-bulk-users-v44 .bulk-users-badge{display:none!important}
  #modalCard.modal-theme-group-editor-v44 .group-editor-hero{padding:14px!important}
  #modalCard.modal-theme-group-editor-v44 .group-editor-symbol{width:50px!important;height:50px!important;border-radius:17px!important}
  #notificationPopover.notification-dialog-v44{width:calc(100vw - 18px)!important;max-height:calc(100vh - 18px)!important;border-radius:26px!important}
  #notificationPopover.notification-dialog-v44 .notification-topbar-v30{padding:13px 12px 10px!important}
  #notificationPopover.notification-dialog-v44 .notification-social-head{grid-template-columns:42px minmax(0,1fr)!important;padding-left:46px!important}
  #notificationPopover.notification-dialog-v44 .notification-head-icon{width:40px!important;height:40px!important;border-radius:14px!important}
  #notificationPopover.notification-dialog-v44 .notification-read-all{grid-column:1/-1!important;margin-left:0!important;width:100%!important}
  #notificationPopover.notification-dialog-v44 .social-notification-list{max-height:calc(100vh - 240px)!important;padding:9px!important}
}

/* ===== V45: modal refresh for recording settings, meeting files, meeting cancel dialog, and sidebar stability ===== */
body.app-mode .sidebar-profile-card,
body.app-mode .sidebar-profile-main,
body.app-mode .sidebar-profile-copy{
  overflow:visible!important;
  overflow-y:visible!important;
  max-height:none!important;
  height:auto!important;
}

#modalCard.modal-theme-recording-editor-v45,
#modalCard.modal-theme-meeting-files-v45,
#modalCard.modal-theme-confirm-danger-v45{
  width:min(1040px,calc(100vw - 34px))!important;
  border-radius:34px!important;
  border:1px solid rgba(221,232,197,.95)!important;
  background:linear-gradient(180deg,#fcfef9 0%,#f5f8ee 100%)!important;
  box-shadow:0 32px 72px rgba(55,72,22,.18)!important;
  overflow:hidden!important;
}
#modalCard.modal-theme-recording-editor-v45>.modal-head,
#modalCard.modal-theme-meeting-files-v45>.modal-head,
#modalCard.modal-theme-confirm-danger-v45>.modal-head{
  min-height:82px!important;
  padding:18px 20px!important;
  border-bottom:1px solid #e4ebd5!important;
  background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(246,249,238,.94))!important;
  backdrop-filter:blur(10px)!important;
}
#modalCard.modal-theme-recording-editor-v45 #modalEyebrow,
#modalCard.modal-theme-meeting-files-v45 #modalEyebrow,
#modalCard.modal-theme-confirm-danger-v45 #modalEyebrow{font-size:11px!important;font-weight:900!important;color:#7e9f38!important}
#modalCard.modal-theme-recording-editor-v45 #modalTitle,
#modalCard.modal-theme-meeting-files-v45 #modalTitle,
#modalCard.modal-theme-confirm-danger-v45 #modalTitle{font-size:25px!important;font-weight:900!important;color:var(--v40-brown)!important;margin-top:3px!important}
#modalCard.modal-theme-recording-editor-v45 .modal-close,
#modalCard.modal-theme-meeting-files-v45 .modal-close,
#modalCard.modal-theme-confirm-danger-v45 .modal-close{width:42px!important;height:42px!important;border-radius:15px!important;background:rgba(255,255,255,.84)!important;border:1px solid #dce7c4!important;color:#6e8545!important;box-shadow:0 9px 22px rgba(76,95,39,.08)!important}
#modalCard.modal-theme-recording-editor-v45>.modal-body,
#modalCard.modal-theme-meeting-files-v45>.modal-body,
#modalCard.modal-theme-confirm-danger-v45>.modal-body{padding:18px 18px 0!important;background:transparent!important}

#modalCard.modal-theme-confirm-danger-v45{width:min(600px,calc(100vw - 24px))!important}
#modalCard.modal-theme-confirm-danger-v45 .confirm-dialog-v31{display:grid!important;gap:16px!important;padding-bottom:18px!important}
#modalCard.modal-theme-confirm-danger-v45 .confirm-hero-v31{display:grid!important;grid-template-columns:68px minmax(0,1fr)!important;gap:14px!important;align-items:center!important;padding:18px!important;border:1px solid #f1ddd8!important;border-radius:28px!important;background:linear-gradient(135deg,#fff6f4,#fff)!important;box-shadow:0 18px 38px rgba(142,63,48,.08)!important}
#modalCard.modal-theme-confirm-danger-v45 .confirm-icon-v31{width:68px!important;height:68px!important;border-radius:24px!important;background:linear-gradient(135deg,#d8645d,#c0463d)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:26px!important;box-shadow:0 18px 36px rgba(174,74,63,.22)!important}
#modalCard.modal-theme-confirm-danger-v45 .confirm-copy-v31 strong{display:block!important;font-size:23px!important;font-weight:900!important;color:#6a2f27!important}
#modalCard.modal-theme-confirm-danger-v45 .confirm-copy-v31 p{margin:6px 0 0!important;font-size:12px!important;line-height:2!important;color:#84564f!important}
#modalCard.modal-theme-confirm-danger-v45 .confirm-note-v31{display:flex!important;gap:10px!important;align-items:flex-start!important;padding:13px 15px!important;border-radius:18px!important;background:#fff!important;border:1px dashed #eed6cf!important;color:#94645c!important;font-size:10px!important;line-height:1.95!important}
#modalCard.modal-theme-confirm-danger-v45 .confirm-note-v31 i{color:#cf5a52!important;margin-top:2px!important}
#modalCard.modal-theme-confirm-danger-v45 .confirm-actions-v31{display:flex!important;gap:10px!important;justify-content:flex-end!important}
#modalCard.modal-theme-confirm-danger-v45 .confirm-actions-v31 button{min-height:46px!important;border-radius:16px!important}
#modalCard.modal-theme-confirm-danger-v45 .confirm-accept-v31{background:linear-gradient(135deg,#d45f58,#bf433a)!important;border-color:#bb4138!important;box-shadow:0 16px 30px rgba(181,66,56,.18)!important}

#modalCard.modal-theme-recording-editor-v45 .recording-editor-shell-v45{display:grid!important;gap:14px!important;padding-bottom:18px!important}
#modalCard.modal-theme-recording-editor-v45 .recording-editor-hero-v45{display:grid!important;grid-template-columns:64px minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;padding:18px!important;border:1px solid #dfe8c8!important;border-radius:28px!important;background:linear-gradient(135deg,#fff,#f7fbef)!important;box-shadow:0 14px 32px rgba(76,95,39,.06)!important}
#modalCard.modal-theme-recording-editor-v45 .recording-editor-hero-icon-v45{width:64px!important;height:64px!important;border-radius:22px!important;background:linear-gradient(135deg,var(--v40-green2),#6e9826)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:24px!important;box-shadow:0 15px 30px rgba(111,154,39,.2)!important}
#modalCard.modal-theme-recording-editor-v45 .recording-editor-hero-copy-v45{display:flex!important;flex-direction:column!important;gap:5px!important}
#modalCard.modal-theme-recording-editor-v45 .recording-editor-hero-copy-v45 strong{font-size:23px!important;color:var(--v40-brown)!important;font-weight:900!important}
#modalCard.modal-theme-recording-editor-v45 .recording-editor-hero-copy-v45 small{font-size:10px!important;color:#6f7d61!important;line-height:1.9!important}
#modalCard.modal-theme-recording-editor-v45 .recording-editor-hero-meta-v45{display:flex!important;flex-direction:column!important;gap:8px!important;min-width:220px!important}
#modalCard.modal-theme-recording-editor-v45 .recording-editor-hero-meta-v45 span{display:flex!important;align-items:center!important;gap:8px!important;padding:9px 11px!important;border-radius:14px!important;background:#f8fbf2!important;border:1px solid #dfe8c9!important;color:#5e7144!important;font-size:9px!important;font-weight:800!important}
#modalCard.modal-theme-recording-editor-v45 .recording-editor-hero-meta-v45 i{color:#789e32!important}
#modalCard.modal-theme-recording-editor-v45 .recording-editor-section-v45,
#modalCard.modal-theme-recording-editor-v45 .recording-target-pane-v45{padding:16px!important;border:1px solid #dfe8c9!important;border-radius:26px!important;background:linear-gradient(180deg,#fff,#fbfdf7)!important;box-shadow:0 12px 28px rgba(76,95,39,.04)!important}
#modalCard.modal-theme-recording-editor-v45 .recording-editor-section-head-v45{display:flex!important;gap:11px!important;align-items:flex-start!important;margin-bottom:13px!important;padding-bottom:12px!important;border-bottom:1px dashed #dfe8cb!important}
#modalCard.modal-theme-recording-editor-v45 .recording-editor-section-head-v45>span{width:42px!important;height:42px!important;border-radius:15px!important;background:var(--v40-green-soft)!important;border:1px solid #dce7c3!important;color:#72972f!important;display:grid!important;place-items:center!important;flex:0 0 auto!important}
#modalCard.modal-theme-recording-editor-v45 .recording-editor-section-head-v45 h3{margin:0!important;font-size:16px!important;color:#536a30!important;font-weight:900!important}
#modalCard.modal-theme-recording-editor-v45 .recording-editor-section-head-v45 p{margin:4px 0 0!important;font-size:9px!important;color:#7e8e6d!important;line-height:1.8!important}
#modalCard.modal-theme-recording-editor-v45 .field input,
#modalCard.modal-theme-recording-editor-v45 .field textarea,
#modalCard.modal-theme-recording-editor-v45 .field select{border-radius:16px!important;border-color:#dfe8c9!important;background:#fff!important;box-shadow:0 10px 20px rgba(76,95,39,.03)!important}
#modalCard.modal-theme-recording-editor-v45 .recording-schedule-v16{padding:14px!important;border:1px solid #e1e8d3!important;border-radius:21px!important;background:#f8fbf2!important}
#modalCard.modal-theme-recording-editor-v45 .recording-schedule-head-v16{padding-bottom:10px!important;margin-bottom:12px!important;border-bottom:1px dashed #dde6cd!important}
#modalCard.modal-theme-recording-editor-v45 .recording-schedule-head-v16>span{width:40px!important;height:40px!important;border-radius:14px!important;background:#fff!important;border:1px solid #dbe5c8!important;color:#789e32!important}
#modalCard.modal-theme-recording-editor-v45 .recording-schedule-head-v16 b{font-size:14px!important;color:#536a30!important}
#modalCard.modal-theme-recording-editor-v45 .recording-schedule-head-v16 small{font-size:9px!important;color:#7d8c6f!important;line-height:1.8!important}
#modalCard.modal-theme-recording-editor-v45 .recording-download-switch-v45{padding:12px!important;border:1px solid #dfe8c9!important;border-radius:17px!important;background:#f8fbf2!important}
#modalCard.modal-theme-recording-editor-v45 .recording-download-switch-v45>span{font-size:11px!important;font-weight:900!important;color:#536a30!important}
#modalCard.modal-theme-recording-editor-v45 .recording-access-grid{gap:9px!important}
#modalCard.modal-theme-recording-editor-v45 .recording-access-choice{border:1px solid #dfe8c9!important;border-radius:18px!important;background:#fff!important;box-shadow:0 9px 20px rgba(75,94,39,.03)!important}
#modalCard.modal-theme-recording-editor-v45 .recording-access-choice input:checked+span{color:#4f3329!important}
#modalCard.modal-theme-recording-editor-v45 .recording-access-choice i{background:var(--v40-green-soft)!important;color:#72972f!important;border:1px solid #dce7c3!important}
#modalCard.modal-theme-recording-editor-v45 .recording-editor-actions-v45{padding-top:2px!important;justify-content:flex-end!important}
#modalCard.modal-theme-recording-editor-v45 .recording-editor-actions-v45 button{min-height:46px!important;border-radius:15px!important}

#modalCard.modal-theme-meeting-files-v45 .meeting-files-manager-v45{display:grid!important;gap:14px!important;padding-bottom:18px!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-files-hero-v45{display:grid!important;grid-template-columns:66px minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;padding:18px!important;border:1px solid #dfe8c9!important;border-radius:28px!important;background:linear-gradient(135deg,#fff,#f7fbef)!important;box-shadow:0 14px 32px rgba(76,95,39,.06)!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-files-hero-icon{width:64px!important;height:64px!important;border-radius:22px!important;background:linear-gradient(135deg,var(--v40-green2),#6e9826)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:24px!important;box-shadow:0 15px 30px rgba(111,154,39,.2)!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-files-hero-v45>div:nth-child(2)>span{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:6px 10px!important;border-radius:999px!important;background:rgba(143,187,56,.11)!important;color:#739632!important;font-size:10px!important;font-weight:900!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-files-hero-v45 h2{font-size:24px!important;font-weight:900!important;color:var(--v40-brown)!important;margin:8px 0 4px!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-files-hero-v45 p{font-size:10px!important;line-height:1.9!important;color:#6f7d61!important;margin:0!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-files-count-v45{display:flex!important;flex-direction:column!important;gap:7px!important;align-items:flex-end!important;min-width:164px!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-files-count-v45 b{font-size:30px!important;color:#536a30!important;line-height:1!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-files-count-v45 small{font-size:9px!important;color:#7f8e6d!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-files-back-v11{min-height:41px!important;border-radius:14px!important;padding:0 12px!important;background:#fff!important;border:1px solid #dce7c4!important;color:#5f7145!important;box-shadow:0 10px 22px rgba(76,95,39,.05)!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-files-section-v45{padding:16px!important;border:1px solid #dfe8c9!important;border-radius:26px!important;background:linear-gradient(180deg,#fff,#fbfdf7)!important;box-shadow:0 12px 28px rgba(76,95,39,.04)!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-files-section-head-v45{display:flex!important;gap:11px!important;align-items:flex-start!important;margin-bottom:13px!important;padding-bottom:12px!important;border-bottom:1px dashed #dfe8cb!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-files-section-head-v45>span{width:42px!important;height:42px!important;border-radius:15px!important;background:var(--v40-green-soft)!important;border:1px solid #dce7c3!important;color:#72972f!important;display:grid!important;place-items:center!important;flex:0 0 auto!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-files-section-head-v45 h3{margin:0!important;font-size:16px!important;color:#536a30!important;font-weight:900!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-files-section-head-v45 p{margin:4px 0 0!important;font-size:9px!important;color:#7e8e6d!important;line-height:1.8!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-file-upload-drop{border-radius:22px!important;border-color:#dfe8c9!important;background:linear-gradient(180deg,#fbfef6,#f5f9ec)!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-file-upload-drop>label{border-radius:20px!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-file-upload-fields{margin-top:14px!important;padding-top:14px!important;border-top:1px dashed #dfe8cb!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-file-upload-fields .field input,
#modalCard.modal-theme-meeting-files-v45 .meeting-file-upload-fields .field select{border-radius:16px!important;border-color:#dfe8c9!important;background:#fff!important;box-shadow:0 10px 20px rgba(76,95,39,.03)!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-upload-switch{border-radius:16px!important;border:1px solid #dfe8c9!important;background:#f8fbf2!important;padding:0 12px!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-files-toolbar-v45{margin:0 0 12px!important;padding:0 0 12px!important;border-bottom:1px dashed #dfe8cb!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-files-toolbar-v45 h3{font-size:16px!important;font-weight:900!important;color:#536a30!important;margin:0!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-files-toolbar-v45 p{font-size:9px!important;color:#7e8e6d!important;margin:4px 0 0!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-files-toolbar-v45 label{min-height:44px!important;border:1px solid #dfe8c9!important;border-radius:15px!important;background:#fff!important;box-shadow:0 10px 22px rgba(75,94,39,.035)!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-files-toolbar-v45 label i{color:#789e32!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-file-card-v11{border:1px solid #dfe8c9!important;border-radius:22px!important;background:linear-gradient(180deg,#fff,#fbfdf7)!important;box-shadow:0 12px 24px rgba(75,94,39,.04)!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-file-icon-v11{border-radius:18px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-file-copy-v11 b{font-size:13px!important;color:#4f3329!important;font-weight:900!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-file-copy-v11 small{font-size:9px!important;color:#7e8e6d!important;line-height:1.8!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-file-badges-v11 span{border-radius:999px!important;background:#f5f8ed!important;border:1px solid #e2ead4!important;color:#6b7c50!important;font-size:8px!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-file-badges-v11 .presentation{background:#fff5dc!important;border-color:#efdba5!important;color:#9b6d16!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-file-settings-v11{margin-top:11px!important;padding-top:11px!important;border-top:1px dashed #dfe8cb!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-file-settings-v11 label{gap:6px!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-file-settings-v11 select{min-height:40px!important;border-radius:14px!important;border-color:#dfe8c9!important;background:#fff!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-file-presentation-toggle{padding:8px 10px!important;border-radius:14px!important;border:1px solid #dfe8c9!important;background:#f8fbf2!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-file-action-v11{width:42px!important;height:42px!important;border-radius:15px!important;background:#fff!important;border:1px solid #dce7c4!important;color:#5f7145!important;box-shadow:0 9px 18px rgba(76,95,39,.05)!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-file-action-v11.danger{background:#fff7f5!important;border-color:#f0d8d1!important;color:#b45249!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-files-empty-v11{min-height:210px!important;padding:24px!important;border:1px dashed #d5e2b6!important;border-radius:24px!important;background:linear-gradient(180deg,#fff,#f8fbee)!important;text-align:center!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-files-empty-v11 i{display:block!important;margin-bottom:10px!important;font-size:24px!important;color:#80a43a!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-files-empty-v11 strong{display:block!important;font-size:14px!important;color:#536a30!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-files-empty-v11 small{display:block!important;margin-top:5px!important;font-size:10px!important;color:#8d9983!important;line-height:1.9!important}

@media (max-width:900px){
  #modalCard.modal-theme-recording-editor-v45 .recording-editor-hero-v45,
  #modalCard.modal-theme-meeting-files-v45 .meeting-files-hero-v45{grid-template-columns:58px minmax(0,1fr)!important}
  #modalCard.modal-theme-recording-editor-v45 .recording-editor-hero-meta-v45,
  #modalCard.modal-theme-meeting-files-v45 .meeting-files-count-v45{grid-column:1/-1!important;align-items:flex-start!important}
}
@media (max-width:640px){
  #modalCard.modal-theme-recording-editor-v45,
  #modalCard.modal-theme-meeting-files-v45,
  #modalCard.modal-theme-confirm-danger-v45{width:calc(100vw - 18px)!important;border-radius:28px!important}
  #modalCard.modal-theme-recording-editor-v45>.modal-head,
  #modalCard.modal-theme-meeting-files-v45>.modal-head,
  #modalCard.modal-theme-confirm-danger-v45>.modal-head{min-height:70px!important;padding:14px 14px!important}
  #modalCard.modal-theme-recording-editor-v45 #modalTitle,
  #modalCard.modal-theme-meeting-files-v45 #modalTitle,
  #modalCard.modal-theme-confirm-danger-v45 #modalTitle{font-size:21px!important}
  #modalCard.modal-theme-recording-editor-v45>.modal-body,
  #modalCard.modal-theme-meeting-files-v45>.modal-body,
  #modalCard.modal-theme-confirm-danger-v45>.modal-body{padding:13px 12px 0!important}
  #modalCard.modal-theme-confirm-danger-v45 .confirm-hero-v31{grid-template-columns:56px minmax(0,1fr)!important;padding:14px!important}
  #modalCard.modal-theme-confirm-danger-v45 .confirm-icon-v31{width:56px!important;height:56px!important;border-radius:19px!important;font-size:22px!important}
  #modalCard.modal-theme-confirm-danger-v45 .confirm-copy-v31 strong{font-size:18px!important}
  #modalCard.modal-theme-recording-editor-v45 .recording-editor-hero-v45,
  #modalCard.modal-theme-meeting-files-v45 .meeting-files-hero-v45{padding:14px!important;border-radius:24px!important;grid-template-columns:52px minmax(0,1fr)!important}
  #modalCard.modal-theme-recording-editor-v45 .recording-editor-hero-icon-v45,
  #modalCard.modal-theme-meeting-files-v45 .meeting-files-hero-icon{width:52px!important;height:52px!important;border-radius:18px!important;font-size:20px!important}
  #modalCard.modal-theme-recording-editor-v45 .recording-editor-hero-copy-v45 strong,
  #modalCard.modal-theme-meeting-files-v45 .meeting-files-hero-v45 h2{font-size:18px!important}
  #modalCard.modal-theme-recording-editor-v45 .recording-editor-section-v45,
  #modalCard.modal-theme-recording-editor-v45 .recording-target-pane-v45,
  #modalCard.modal-theme-meeting-files-v45 .meeting-files-section-v45{padding:13px!important;border-radius:22px!important}
  #modalCard.modal-theme-recording-editor-v45 .recording-editor-section-head-v45>span,
  #modalCard.modal-theme-meeting-files-v45 .meeting-files-section-head-v45>span{width:38px!important;height:38px!important;border-radius:13px!important}
  #modalCard.modal-theme-recording-editor-v45 .recording-schedule-grid-v16{grid-template-columns:1fr!important}
  #modalCard.modal-theme-meeting-files-v45 .meeting-files-toolbar-v45{gap:10px!important;align-items:stretch!important}
  #modalCard.modal-theme-meeting-files-v45 .meeting-files-toolbar-v45 label{width:100%!important}
}

/* ===== V46: meeting participants, attendance rules, selected upload list, file detail ===== */
#modalCard.modal-theme-meeting-detail-v46,
#modalCard.modal-theme-attendance-rules-v46,
#modalCard.modal-theme-file-detail-v46{
  width:min(1100px,calc(100vw - 34px))!important;
  border-radius:34px!important;
  overflow:hidden!important;
  border:1px solid #dce7c7!important;
  background:linear-gradient(180deg,#fffefb 0%,#f8fbf2 100%)!important;
  box-shadow:0 34px 92px rgba(48,63,21,.2)!important;
}
#modalCard.modal-theme-meeting-detail-v46>.modal-head,
#modalCard.modal-theme-attendance-rules-v46>.modal-head,
#modalCard.modal-theme-file-detail-v46>.modal-head{
  min-height:80px!important;
  padding:17px 20px!important;
  background:linear-gradient(180deg,#fffefb,#f7faf0)!important;
  border-bottom:1px solid #e3ebd2!important;
}
#modalCard.modal-theme-meeting-detail-v46 #modalEyebrow,
#modalCard.modal-theme-attendance-rules-v46 #modalEyebrow,
#modalCard.modal-theme-file-detail-v46 #modalEyebrow{color:#7d9f37!important;font-size:11px!important;font-weight:900!important}
#modalCard.modal-theme-meeting-detail-v46 #modalTitle,
#modalCard.modal-theme-attendance-rules-v46 #modalTitle,
#modalCard.modal-theme-file-detail-v46 #modalTitle{font-size:26px!important;color:var(--v40-brown)!important;font-weight:900!important;margin-top:3px!important}
#modalCard.modal-theme-meeting-detail-v46 .modal-close,
#modalCard.modal-theme-attendance-rules-v46 .modal-close,
#modalCard.modal-theme-file-detail-v46 .modal-close{width:41px!important;height:41px!important;border-radius:14px!important;background:#f8fbf1!important;border:1px solid #dfe8ca!important;color:#6d804d!important}
#modalCard.modal-theme-meeting-detail-v46>.modal-body,
#modalCard.modal-theme-attendance-rules-v46>.modal-body,
#modalCard.modal-theme-file-detail-v46>.modal-body{padding:18px 19px 0!important;background:radial-gradient(circle at 100% 0,rgba(165,214,72,.08),transparent 31%),linear-gradient(180deg,#fcfef9,#f7faf1)!important}

/* Meeting detail participant area */
#modalCard.modal-theme-meeting-detail-v46 .meeting-participants-section-v46{
  padding:17px!important;
  border-radius:28px!important;
  border:1px solid #d9e6bc!important;
  background:linear-gradient(180deg,#fff,#fbfef6)!important;
  box-shadow:0 16px 38px rgba(76,97,39,.06)!important;
}
#modalCard.modal-theme-meeting-detail-v46 .participants-head-v46{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding-bottom:14px!important;
  margin-bottom:14px!important;
  border-bottom:1px dashed #dce7c6!important;
}
#modalCard.modal-theme-meeting-detail-v46 .participants-head-v46>div:first-child{display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important}
#modalCard.modal-theme-meeting-detail-v46 .participants-head-v46 .detail-section-icon.people{
  width:46px!important;height:46px!important;border-radius:16px!important;
  background:linear-gradient(135deg,#eaf6cd,#f9fdf2)!important;color:#71952e!important;border:1px solid #d7e5b9!important;
  box-shadow:0 10px 22px rgba(92,118,43,.08)!important;
}
#modalCard.modal-theme-meeting-detail-v46 .participants-head-v46 h3{font-size:18px!important;color:#50662f!important;font-weight:900!important;margin:0!important}
#modalCard.modal-theme-meeting-detail-v46 .participants-head-v46 p{font-size:10px!important;color:#7c8d6d!important;line-height:1.8!important;margin:3px 0 0!important}
#modalCard.modal-theme-meeting-detail-v46 .participants-head-tools-v46{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
#modalCard.modal-theme-meeting-detail-v46 .participant-summary-v46{
  min-width:61px!important;min-height:46px!important;padding:6px 10px!important;border-radius:15px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  border:1px solid #dbe6c5!important;background:#f7faf0!important;
}
#modalCard.modal-theme-meeting-detail-v46 .participant-summary-v46 b{font-size:15px!important;color:#52692f!important;line-height:1!important}
#modalCard.modal-theme-meeting-detail-v46 .participant-summary-v46 small{font-size:8px!important;color:#81906f!important;margin-top:4px!important}
#modalCard.modal-theme-meeting-detail-v46 .participant-summary-v46.rep{background:#fff7df!important;border-color:#f0dfa9!important}
#modalCard.modal-theme-meeting-detail-v46 .participant-summary-v46.rep b{color:#93671a!important}
#modalCard.modal-theme-meeting-detail-v46 .detail-search-v46{
  width:min(310px,31vw)!important;min-height:46px!important;border-radius:16px!important;border:1px solid #dbe6c5!important;
  background:#fff!important;box-shadow:0 9px 22px rgba(79,99,41,.04)!important;padding:0 12px!important;
}
#modalCard.modal-theme-meeting-detail-v46 .detail-search-v46 i{color:#7e9f39!important}
#modalCard.modal-theme-meeting-detail-v46 .detail-search-v46 input{font-size:10px!important;color:#4f3329!important}
#modalCard.modal-theme-meeting-detail-v46 .meeting-participants-grid-v46{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
#modalCard.modal-theme-meeting-detail-v46 .meeting-participant-card-v46{
  position:relative!important;overflow:hidden!important;
  min-height:104px!important;padding:13px!important;border-radius:21px!important;border:1px solid #dfe8cc!important;
  background:linear-gradient(145deg,#fff 0%,#fbfdf6 100%)!important;
  box-shadow:0 10px 24px rgba(72,92,36,.04)!important;
  display:grid!important;grid-template-columns:52px minmax(0,1fr) auto!important;gap:11px!important;align-items:center!important;
}
#modalCard.modal-theme-meeting-detail-v46 .meeting-participant-card-v46:after{content:"";position:absolute;width:85px;height:85px;border-radius:50%;left:-46px;bottom:-46px;background:radial-gradient(circle,rgba(150,196,59,.11),transparent 70%);pointer-events:none}
#modalCard.modal-theme-meeting-detail-v46 .meeting-participant-card-v46:hover{border-color:#cbdca6!important;box-shadow:0 15px 30px rgba(92,119,43,.075)!important;transform:translateY(-1px)!important}
#modalCard.modal-theme-meeting-detail-v46 .participant-avatar-v46{width:50px!important;height:50px!important;border-radius:17px!important;background:linear-gradient(135deg,#eaf6ce,#f9fdf3)!important;border:1px solid #d6e5b8!important;color:#6d922a!important;display:grid!important;place-items:center!important;position:relative!important;font-size:17px!important;font-weight:900!important}
#modalCard.modal-theme-meeting-detail-v46 .participant-avatar-v46 i{position:absolute!important;left:1px!important;bottom:1px!important;width:11px!important;height:11px!important;border-radius:50%!important;background:#2cab70!important;border:3px solid #fff!important;box-sizing:content-box!important}
#modalCard.modal-theme-meeting-detail-v46 .participant-copy-v46{min-width:0!important;display:flex!important;flex-direction:column!important;gap:5px!important}
#modalCard.modal-theme-meeting-detail-v46 .participant-name-row-v46{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;flex-wrap:wrap!important}
#modalCard.modal-theme-meeting-detail-v46 .participant-name-row-v46>b{font-size:13px!important;color:#4e3329!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:68%!important}
#modalCard.modal-theme-meeting-detail-v46 .participant-rep,
#modalCard.modal-theme-meeting-detail-v46 .participant-role-v46{display:inline-flex!important;align-items:center!important;gap:4px!important;padding:5px 7px!important;border-radius:999px!important;font-size:8px!important;font-weight:800!important;white-space:nowrap!important}
#modalCard.modal-theme-meeting-detail-v46 .participant-rep{background:#fff3d3!important;border:1px solid #edd99a!important;color:#946719!important}
#modalCard.modal-theme-meeting-detail-v46 .participant-role-v46{background:#f1f6e6!important;border:1px solid #e0e9cf!important;color:#6b7c50!important}
#modalCard.modal-theme-meeting-detail-v46 .participant-mobile-v46{display:flex!important;align-items:center!important;gap:6px!important;color:#748267!important;font-size:9px!important}
#modalCard.modal-theme-meeting-detail-v46 .participant-mobile-v46 i{color:#8ca64e!important}
#modalCard.modal-theme-meeting-detail-v46 .participant-source-row{display:flex!important;gap:6px!important;flex-wrap:wrap!important;margin-top:1px!important}
#modalCard.modal-theme-meeting-detail-v46 .participant-source-chip{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:5px 7px!important;border-radius:10px!important;background:#f3f8e8!important;border:1px solid #e0e9ce!important;color:#657846!important;font-size:8px!important;font-weight:800!important}
#modalCard.modal-theme-meeting-detail-v46 .participant-source-chip.direct{background:#eef7f3!important;border-color:#dcebe4!important;color:#41775f!important}
#modalCard.modal-theme-meeting-detail-v46 .participant-access-v46{display:flex!important;flex-direction:column!important;gap:3px!important;align-items:center!important;justify-content:center!important;min-width:48px!important;color:#25835b!important;font-size:8px!important;font-weight:900!important}
#modalCard.modal-theme-meeting-detail-v46 .participant-access-v46 i{width:31px!important;height:31px!important;border-radius:11px!important;background:#eaf8f0!important;border:1px solid #d4eadc!important;display:grid!important;place-items:center!important;font-size:13px!important}
#modalCard.modal-theme-meeting-detail-v46 .participants-empty-v46{grid-column:1/-1!important;min-height:180px!important;border:1px dashed #d5e2b7!important;border-radius:22px!important;background:#fbfdf7!important;color:#7a896d!important}
#modalCard.modal-theme-meeting-detail-v46 .participants-empty-v46>i{font-size:26px!important;color:#86a844!important;margin-bottom:8px!important}
#modalCard.modal-theme-meeting-detail-v46 .participants-empty-v46 strong{color:#536a30!important}

/* Attendance rules modal */
#modalCard.modal-theme-attendance-rules-v46{width:min(850px,calc(100vw - 30px))!important}
#modalCard.modal-theme-attendance-rules-v46 .attendance-rules-form-v46{display:grid!important;gap:14px!important;padding-bottom:0!important}
#modalCard.modal-theme-attendance-rules-v46 .attendance-rules-hero-v46{
  display:grid!important;grid-template-columns:62px minmax(0,1fr) auto!important;gap:13px!important;align-items:center!important;
  padding:17px!important;border-radius:27px!important;border:1px solid #dbe7bf!important;
  background:radial-gradient(circle at 100% 0,rgba(165,214,72,.18),transparent 36%),linear-gradient(135deg,#fbfff3,#f0f7dc 58%,#fff)!important;
  box-shadow:0 15px 34px rgba(83,106,41,.08)!important;
}
#modalCard.modal-theme-attendance-rules-v46 .attendance-rules-hero-icon-v46{width:60px!important;height:60px!important;border-radius:21px!important;background:linear-gradient(135deg,#8db936,#6d9826)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:23px!important;box-shadow:0 14px 28px rgba(111,154,39,.22)!important}
#modalCard.modal-theme-attendance-rules-v46 .attendance-rules-hero-v46>div{display:flex!important;flex-direction:column!important;gap:4px!important}
#modalCard.modal-theme-attendance-rules-v46 .attendance-rules-hero-v46 strong{font-size:22px!important;color:var(--v40-brown)!important;font-weight:900!important}
#modalCard.modal-theme-attendance-rules-v46 .attendance-rules-hero-v46 small{font-size:10px!important;line-height:1.9!important;color:#6e7d60!important}
#modalCard.modal-theme-attendance-rules-v46 .rules-live-chip-v46{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:8px 10px!important;border-radius:13px!important;background:rgba(255,255,255,.7)!important;border:1px solid #d8e5bc!important;color:#66833a!important;font-size:9px!important;font-weight:900!important;white-space:nowrap!important}
#modalCard.modal-theme-attendance-rules-v46 .attendance-rules-panel-v46{padding:15px!important;border:1px solid #dfe8c9!important;border-radius:25px!important;background:linear-gradient(180deg,#fff,#fbfdf7)!important;box-shadow:0 12px 28px rgba(76,95,39,.04)!important}
#modalCard.modal-theme-attendance-rules-v46 .attendance-rules-panel-head-v46{display:flex!important;gap:10px!important;align-items:center!important;margin-bottom:12px!important;padding-bottom:11px!important;border-bottom:1px dashed #dfe8ca!important}
#modalCard.modal-theme-attendance-rules-v46 .attendance-rules-panel-head-v46>span{width:40px!important;height:40px!important;border-radius:14px!important;background:var(--v40-green-soft)!important;color:#73972f!important;border:1px solid #dce7c3!important;display:grid!important;place-items:center!important}
#modalCard.modal-theme-attendance-rules-v46 .attendance-rules-panel-head-v46 h3{font-size:15px!important;margin:0!important;color:#536a30!important;font-weight:900!important}
#modalCard.modal-theme-attendance-rules-v46 .attendance-rules-panel-head-v46 p{font-size:9px!important;margin:3px 0 0!important;color:#7d8d6d!important;line-height:1.8!important}
#modalCard.modal-theme-attendance-rules-v46 .attendance-rules-grid-v46{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
#modalCard.modal-theme-attendance-rules-v46 .attendance-rule-card-v46{display:grid!important;grid-template-columns:48px minmax(0,1fr) 118px!important;gap:10px!important;align-items:center!important;min-height:96px!important;padding:12px!important;border:1px solid #e1e9d2!important;border-radius:20px!important;background:#fff!important;box-shadow:0 8px 20px rgba(75,94,39,.035)!important;cursor:text!important}
#modalCard.modal-theme-attendance-rules-v46 .rule-card-icon-v46{width:46px!important;height:46px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:#eef6dc!important;color:#71942f!important;border:1px solid #dce7c3!important;font-size:17px!important}
#modalCard.modal-theme-attendance-rules-v46 .attendance-rule-card-v46.partial .rule-card-icon-v46{background:#fff6df!important;color:#a07419!important;border-color:#efdfad!important}
#modalCard.modal-theme-attendance-rules-v46 .attendance-rule-card-v46.late .rule-card-icon-v46{background:#eef6fb!important;color:#447a98!important;border-color:#d7e6ef!important}
#modalCard.modal-theme-attendance-rules-v46 .attendance-rule-card-v46.early .rule-card-icon-v46{background:#fff0ef!important;color:#b65d54!important;border-color:#eed8d4!important}
#modalCard.modal-theme-attendance-rules-v46 .rule-card-copy-v46{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important}
#modalCard.modal-theme-attendance-rules-v46 .rule-card-copy-v46 b{font-size:12px!important;color:#4f3329!important;font-weight:900!important}
#modalCard.modal-theme-attendance-rules-v46 .rule-card-copy-v46 small{font-size:8.5px!important;color:#7e8e6f!important;line-height:1.75!important}
#modalCard.modal-theme-attendance-rules-v46 .rule-number-box-v46{height:51px!important;border-radius:16px!important;border:1px solid #dbe6c5!important;background:#f8fbf2!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;overflow:hidden!important;box-shadow:inset 0 1px 0 #fff!important}
#modalCard.modal-theme-attendance-rules-v46 .rule-number-box-v46:focus-within{border-color:#a9ca60!important;box-shadow:0 0 0 4px rgba(143,187,56,.1)!important;background:#fff!important}
#modalCard.modal-theme-attendance-rules-v46 .rule-number-box-v46 input{width:100%!important;height:100%!important;border:0!important;outline:0!important;background:transparent!important;text-align:center!important;font-size:18px!important;font-weight:900!important;color:#4f3329!important;padding:0 8px!important;appearance:textfield!important}
#modalCard.modal-theme-attendance-rules-v46 .rule-number-box-v46 input::-webkit-inner-spin-button,#modalCard.modal-theme-attendance-rules-v46 .rule-number-box-v46 input::-webkit-outer-spin-button{opacity:.25!important}
#modalCard.modal-theme-attendance-rules-v46 .rule-number-box-v46 em{font-size:8px!important;font-style:normal!important;font-weight:900!important;color:#71825e!important;padding:0 10px!important;border-right:1px solid #e1e9d1!important;white-space:nowrap!important}
#modalCard.modal-theme-attendance-rules-v46 .attendance-rules-note-v46{display:flex!important;align-items:center!important;gap:10px!important;padding:12px 14px!important;border:1px dashed #d8e5be!important;border-radius:18px!important;background:#f9fcf4!important}
#modalCard.modal-theme-attendance-rules-v46 .attendance-rules-note-v46>span{width:35px!important;height:35px!important;border-radius:12px!important;background:#edf6db!important;color:#73972f!important;display:grid!important;place-items:center!important;flex:0 0 auto!important}
#modalCard.modal-theme-attendance-rules-v46 .attendance-rules-note-v46>div{display:flex!important;flex-direction:column!important;gap:2px!important}
#modalCard.modal-theme-attendance-rules-v46 .attendance-rules-note-v46 b{font-size:10px!important;color:#536a30!important}
#modalCard.modal-theme-attendance-rules-v46 .attendance-rules-note-v46 small{font-size:8.5px!important;color:#7f8d71!important;line-height:1.8!important}
#modalCard.modal-theme-attendance-rules-v46 .attendance-rules-actions-v46{position:sticky!important;bottom:0!important;z-index:5!important;margin:2px -19px 0!important;padding:14px 19px!important;background:#fff!important;border-top:1px solid #e2ead2!important;box-shadow:0 -12px 28px rgba(76,95,39,.07)!important}
#modalCard.modal-theme-attendance-rules-v46 .attendance-rules-actions-v46 button{min-height:46px!important;border-radius:15px!important}

/* Selected upload file list */
#modalCard.modal-theme-meeting-files-v45 .meeting-file-selected-v11.has-files{display:block!important;margin-top:12px!important;padding:12px!important;border-radius:20px!important;background:#fff!important;border:1px solid #dce7c7!important;box-shadow:0 10px 24px rgba(75,94,39,.04)!important}
#modalCard.modal-theme-meeting-files-v45 .selected-files-head-v46{display:flex!important;justify-content:space-between!important;gap:10px!important;align-items:center!important;padding-bottom:10px!important;margin-bottom:9px!important;border-bottom:1px dashed #dfe8ca!important}
#modalCard.modal-theme-meeting-files-v45 .selected-files-head-v46>span{display:flex!important;align-items:center!important;gap:7px!important;color:#536a30!important}
#modalCard.modal-theme-meeting-files-v45 .selected-files-head-v46>span i{color:#7ca039!important}
#modalCard.modal-theme-meeting-files-v45 .selected-files-head-v46 b{font-size:11px!important;font-weight:900!important}
#modalCard.modal-theme-meeting-files-v45 .selected-files-head-v46 small{font-size:8.5px!important;color:#849178!important}
#modalCard.modal-theme-meeting-files-v45 .selected-files-list-v46{display:grid!important;gap:7px!important;max-height:230px!important;overflow-y:auto!important;padding-left:2px!important}
#modalCard.modal-theme-meeting-files-v45 .selected-file-item-v46{display:grid!important;grid-template-columns:40px minmax(0,1fr) 34px!important;gap:9px!important;align-items:center!important;padding:9px!important;border:1px solid #e3ead5!important;border-radius:16px!important;background:linear-gradient(180deg,#fff,#fbfdf7)!important}
#modalCard.modal-theme-meeting-files-v45 .selected-file-icon-v46{width:38px!important;height:38px!important;border-radius:13px!important;background:var(--v40-green-soft)!important;color:#73972f!important;border:1px solid #dce7c3!important;display:grid!important;place-items:center!important;font-size:14px!important}
#modalCard.modal-theme-meeting-files-v45 .selected-file-copy-v46{min-width:0!important;display:flex!important;flex-direction:column!important;gap:4px!important}
#modalCard.modal-theme-meeting-files-v45 .selected-file-copy-v46 b{font-size:10px!important;color:#4f3329!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#modalCard.modal-theme-meeting-files-v45 .selected-file-copy-v46 small{display:flex!important;align-items:center!important;gap:6px!important;font-size:8px!important;color:#7e8d70!important}
#modalCard.modal-theme-meeting-files-v45 .selected-file-copy-v46 small i{width:4px!important;height:4px!important;border-radius:50%!important;background:#bcc9a8!important}
#modalCard.modal-theme-meeting-files-v45 .remove-selected-meeting-file{width:32px!important;height:32px!important;border-radius:11px!important;border:1px solid #eddad5!important;background:#fff7f5!important;color:#b45d53!important;display:grid!important;place-items:center!important;cursor:pointer!important}

/* File detail modal */
#modalCard.modal-theme-file-detail-v46 .file-detail-v46{display:grid!important;gap:14px!important;padding-bottom:18px!important}
#modalCard.modal-theme-file-detail-v46 .file-detail-hero-v46{display:grid!important;grid-template-columns:76px minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;padding:18px!important;border-radius:28px!important;border:1px solid #dbe7bf!important;background:radial-gradient(circle at 100% 0,rgba(164,211,70,.18),transparent 34%),linear-gradient(135deg,#fbfff3,#f1f8df 58%,#fff)!important;box-shadow:0 16px 36px rgba(82,105,41,.08)!important}
#modalCard.modal-theme-file-detail-v46 .file-type-v46{width:72px!important;height:72px!important;border-radius:24px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;background:linear-gradient(135deg,#8db936,#6d9826)!important;color:#fff!important;box-shadow:0 16px 30px rgba(111,154,39,.22)!important}
#modalCard.modal-theme-file-detail-v46 .file-type-v46 i{font-size:24px!important}
#modalCard.modal-theme-file-detail-v46 .file-type-v46 small{font-size:8px!important;font-weight:900!important;color:#f5ffe7!important}
#modalCard.modal-theme-file-detail-v46 .file-detail-hero-copy-v46{min-width:0!important}
#modalCard.modal-theme-file-detail-v46 .file-detail-hero-copy-v46 h2{font-size:25px!important;color:var(--v40-brown)!important;font-weight:900!important;margin:8px 0 4px!important;line-height:1.45!important}
#modalCard.modal-theme-file-detail-v46 .file-detail-hero-copy-v46>p{font-size:10px!important;color:#6e7d60!important;line-height:1.9!important;margin:0!important}
#modalCard.modal-theme-file-detail-v46 .file-detail-meta-v46{display:flex!important;gap:7px!important;flex-wrap:wrap!important;margin-top:10px!important}
#modalCard.modal-theme-file-detail-v46 .file-detail-meta-v46 span{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:7px 9px!important;border-radius:11px!important;background:rgba(255,255,255,.72)!important;border:1px solid #dce7c5!important;color:#62744a!important;font-size:8.5px!important}
#modalCard.modal-theme-file-detail-v46 .file-detail-meta-v46 i{color:#7b9f36!important}
#modalCard.modal-theme-file-detail-v46 .file-detail-actions-v46{display:flex!important;flex-direction:column!important;gap:7px!important;min-width:125px!important}
#modalCard.modal-theme-file-detail-v46 .file-detail-actions-v46>*{min-height:41px!important;border-radius:14px!important;padding:0 12px!important}
#modalCard.modal-theme-file-detail-v46 .file-detail-section-v46{padding:16px!important;border-radius:25px!important;border:1px solid #dfe8c9!important;background:linear-gradient(180deg,#fff,#fbfdf7)!important;box-shadow:0 12px 28px rgba(76,95,39,.04)!important}
#modalCard.modal-theme-file-detail-v46 .file-detail-section-head-v46{display:flex!important;align-items:center!important;gap:10px!important;padding-bottom:11px!important;margin-bottom:12px!important;border-bottom:1px dashed #dfe8ca!important}
#modalCard.modal-theme-file-detail-v46 .file-detail-section-head-v46>span{width:40px!important;height:40px!important;border-radius:14px!important;background:var(--v40-green-soft)!important;color:#73972f!important;border:1px solid #dce7c3!important;display:grid!important;place-items:center!important}
#modalCard.modal-theme-file-detail-v46 .file-detail-section-head-v46 h3{font-size:16px!important;color:#536a30!important;font-weight:900!important;margin:0!important}
#modalCard.modal-theme-file-detail-v46 .file-detail-section-head-v46 p{font-size:9px!important;color:#7e8e6d!important;line-height:1.8!important;margin:3px 0 0!important}
#modalCard.modal-theme-file-detail-v46 .file-preview-v46{border-radius:22px!important;overflow:hidden!important;border:1px solid #dfe7cb!important;background:#f5f7f0!important;min-height:260px!important}
#modalCard.modal-theme-file-detail-v46 .file-preview-v46.image{display:grid!important;place-items:center!important;padding:12px!important;background:#f3f5ef!important}
#modalCard.modal-theme-file-detail-v46 .file-preview-v46.image img{display:block!important;max-width:100%!important;max-height:520px!important;border-radius:15px!important;box-shadow:0 15px 35px rgba(51,63,33,.12)!important}
#modalCard.modal-theme-file-detail-v46 .file-preview-v46.pdf iframe{display:block!important;width:100%!important;height:520px!important;border:0!important;background:#fff!important}
#modalCard.modal-theme-file-detail-v46 .file-preview-v46.generic{min-height:160px!important;display:grid!important;grid-template-columns:52px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;padding:17px!important;background:#fafcf6!important}
#modalCard.modal-theme-file-detail-v46 .file-preview-v46.generic>span{width:50px!important;height:50px!important;border-radius:17px!important;background:var(--v40-green-soft)!important;color:#73972f!important;border:1px solid #dce7c3!important;display:grid!important;place-items:center!important}
#modalCard.modal-theme-file-detail-v46 .file-preview-v46.generic b{display:block!important;font-size:12px!important;color:#4f3329!important}
#modalCard.modal-theme-file-detail-v46 .file-preview-v46.generic small{display:block!important;font-size:9px!important;color:#7e8e6d!important;margin-top:4px!important;line-height:1.8!important}
#modalCard.modal-theme-file-detail-v46 .file-detail-targets-v46{display:flex!important;flex-wrap:wrap!important;gap:7px!important}
#modalCard.modal-theme-file-detail-v46 .file-detail-targets-v46 span{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:8px 10px!important;border-radius:13px!important;background:#f5f8ed!important;border:1px solid #e0e9d1!important;color:#63754a!important;font-size:9px!important;font-weight:800!important}
#modalCard.modal-theme-file-detail-v46 .file-detail-targets-v46 i{color:#789d34!important}
#modalCard.modal-theme-file-detail-v46 .file-presentation-actions-v46{margin-top:10px!important;display:flex!important;gap:8px!important;flex-wrap:wrap!important}
#modalCard.modal-theme-file-detail-v46 .file-admin-detail-v46{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}
#modalCard.modal-theme-file-detail-v46 .file-danger-zone-v46{grid-column:1/-1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:14px 15px!important;border-radius:20px!important;background:#fff8f6!important;border:1px solid #eedbd5!important}
#modalCard.modal-theme-file-detail-v46 .file-danger-zone-v46>div:first-child{display:flex!important;flex-direction:column!important;gap:3px!important}
#modalCard.modal-theme-file-detail-v46 .file-danger-zone-v46 b{font-size:11px!important;color:#8d4b42!important}
#modalCard.modal-theme-file-detail-v46 .file-danger-zone-v46 small{font-size:8.5px!important;color:#a47a72!important}
#modalCard.modal-theme-file-detail-v46 .file-danger-zone-v46>div:last-child{display:flex!important;gap:7px!important;flex-wrap:wrap!important}
#modalCard.modal-theme-file-detail-v46 .file-version-v46{display:grid!important;grid-template-columns:42px minmax(0,1fr) 36px!important;gap:9px!important;align-items:center!important;padding:9px!important;border:1px solid #e3ead6!important;border-radius:16px!important;background:#fcfef8!important;margin-bottom:7px!important}
#modalCard.modal-theme-file-detail-v46 .file-version-v46.current{border-color:#cfe0a7!important;background:#f8fcef!important}
#modalCard.modal-theme-file-detail-v46 .version-no-v46{width:40px!important;height:40px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:var(--v40-green-soft)!important;color:#71942f!important;font-size:9px!important;font-weight:900!important}
#modalCard.modal-theme-file-detail-v46 .file-version-v46 b{display:block!important;font-size:10px!important;color:#4f3329!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#modalCard.modal-theme-file-detail-v46 .file-version-v46 small{display:block!important;font-size:8px!important;color:#7e8e6d!important;margin-top:3px!important;line-height:1.7!important}
#modalCard.modal-theme-file-detail-v46 .file-version-v46>a{width:34px!important;height:34px!important;border-radius:11px!important;background:#fff!important;border:1px solid #dce7c4!important;color:#718b45!important;display:grid!important;place-items:center!important;text-decoration:none!important}
#modalCard.modal-theme-file-detail-v46 .file-version-form-v46{display:grid!important;grid-template-columns:1fr 1fr auto!important;gap:8px!important;align-items:end!important;margin-top:10px!important;padding-top:10px!important;border-top:1px dashed #dfe8ca!important}
#modalCard.modal-theme-file-detail-v46 .file-version-form-v46 input{border-radius:14px!important;border-color:#dfe8c9!important;background:#fff!important}
#modalCard.modal-theme-file-detail-v46 .file-version-form-v46 button{min-height:43px!important;border-radius:14px!important}
#modalCard.modal-theme-file-detail-v46 .file-access-logs-v46{display:grid!important;gap:7px!important;max-height:300px!important;overflow-y:auto!important}
#modalCard.modal-theme-file-detail-v46 .file-access-log-v46{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important;padding:9px!important;border:1px solid #e3ead6!important;border-radius:15px!important;background:#fcfef8!important}
#modalCard.modal-theme-file-detail-v46 .file-access-avatar-v46{width:36px!important;height:36px!important;border-radius:12px!important;background:var(--v40-green-soft)!important;color:#71942f!important;display:grid!important;place-items:center!important;font-size:11px!important;font-weight:900!important}
#modalCard.modal-theme-file-detail-v46 .file-access-log-v46 b{display:block!important;font-size:10px!important;color:#4f3329!important}
#modalCard.modal-theme-file-detail-v46 .file-access-log-v46 small{display:block!important;font-size:8px!important;color:#7e8e6d!important;margin-top:2px!important}
#modalCard.modal-theme-file-detail-v46 .file-access-log-v46 em{font-style:normal!important;display:inline-flex!important;align-items:center!important;gap:5px!important;padding:6px 8px!important;border-radius:10px!important;background:#f3f7ea!important;color:#687c4b!important;font-size:8px!important;font-weight:800!important}

@media(max-width:900px){
  #modalCard.modal-theme-meeting-detail-v46 .participants-head-v46{align-items:flex-start!important;flex-direction:column!important}
  #modalCard.modal-theme-meeting-detail-v46 .participants-head-tools-v46{width:100%!important;flex-wrap:wrap!important}
  #modalCard.modal-theme-meeting-detail-v46 .detail-search-v46{width:auto!important;flex:1 1 220px!important}
  #modalCard.modal-theme-attendance-rules-v46 .attendance-rules-hero-v46{grid-template-columns:56px minmax(0,1fr)!important}
  #modalCard.modal-theme-attendance-rules-v46 .rules-live-chip-v46{grid-column:1/-1!important;justify-self:flex-start!important}
  #modalCard.modal-theme-file-detail-v46 .file-detail-hero-v46{grid-template-columns:68px minmax(0,1fr)!important}
  #modalCard.modal-theme-file-detail-v46 .file-detail-actions-v46{grid-column:1/-1!important;flex-direction:row!important;flex-wrap:wrap!important}
  #modalCard.modal-theme-file-detail-v46 .file-admin-detail-v46{grid-template-columns:1fr!important}
  #modalCard.modal-theme-file-detail-v46 .file-danger-zone-v46{grid-column:auto!important}
}
@media(max-width:680px){
  #modalCard.modal-theme-meeting-detail-v46,
  #modalCard.modal-theme-attendance-rules-v46,
  #modalCard.modal-theme-file-detail-v46{width:calc(100vw - 18px)!important;border-radius:27px!important}
  #modalCard.modal-theme-meeting-detail-v46>.modal-head,
  #modalCard.modal-theme-attendance-rules-v46>.modal-head,
  #modalCard.modal-theme-file-detail-v46>.modal-head{min-height:69px!important;padding:13px 14px!important}
  #modalCard.modal-theme-meeting-detail-v46 #modalTitle,
  #modalCard.modal-theme-attendance-rules-v46 #modalTitle,
  #modalCard.modal-theme-file-detail-v46 #modalTitle{font-size:21px!important}
  #modalCard.modal-theme-meeting-detail-v46>.modal-body,
  #modalCard.modal-theme-attendance-rules-v46>.modal-body,
  #modalCard.modal-theme-file-detail-v46>.modal-body{padding:13px 12px 0!important}
  #modalCard.modal-theme-meeting-detail-v46 .meeting-participants-grid-v46{grid-template-columns:1fr!important}
  #modalCard.modal-theme-meeting-detail-v46 .meeting-participant-card-v46{grid-template-columns:48px minmax(0,1fr)!important}
  #modalCard.modal-theme-meeting-detail-v46 .participant-access-v46{grid-column:1/-1!important;flex-direction:row!important;justify-content:flex-start!important;min-width:0!important;padding-top:8px!important;border-top:1px dashed #e0e8d1!important}
  #modalCard.modal-theme-meeting-detail-v46 .participant-access-v46 i{width:27px!important;height:27px!important;border-radius:9px!important}
  #modalCard.modal-theme-meeting-detail-v46 .participant-name-row-v46>b{max-width:100%!important}
  #modalCard.modal-theme-attendance-rules-v46 .attendance-rules-grid-v46{grid-template-columns:1fr!important}
  #modalCard.modal-theme-attendance-rules-v46 .attendance-rule-card-v46{grid-template-columns:44px minmax(0,1fr)!important}
  #modalCard.modal-theme-attendance-rules-v46 .rule-number-box-v46{grid-column:1/-1!important;width:100%!important}
  #modalCard.modal-theme-attendance-rules-v46 .attendance-rules-actions-v46{margin:2px -12px 0!important;padding:12px!important}
  #modalCard.modal-theme-meeting-files-v45 .selected-files-head-v46{align-items:flex-start!important;flex-direction:column!important}
  #modalCard.modal-theme-file-detail-v46 .file-detail-hero-v46{grid-template-columns:56px minmax(0,1fr)!important;padding:14px!important;border-radius:23px!important}
  #modalCard.modal-theme-file-detail-v46 .file-type-v46{width:54px!important;height:54px!important;border-radius:18px!important}
  #modalCard.modal-theme-file-detail-v46 .file-type-v46 i{font-size:19px!important}
  #modalCard.modal-theme-file-detail-v46 .file-detail-hero-copy-v46 h2{font-size:20px!important}
  #modalCard.modal-theme-file-detail-v46 .file-detail-actions-v46>*{flex:1!important}
  #modalCard.modal-theme-file-detail-v46 .file-detail-section-v46{padding:13px!important;border-radius:22px!important}
  #modalCard.modal-theme-file-detail-v46 .file-preview-v46.pdf iframe{height:390px!important}
  #modalCard.modal-theme-file-detail-v46 .file-preview-v46.generic{grid-template-columns:46px minmax(0,1fr)!important}
  #modalCard.modal-theme-file-detail-v46 .file-preview-v46.generic>a{grid-column:1/-1!important}
  #modalCard.modal-theme-file-detail-v46 .file-version-form-v46{grid-template-columns:1fr!important}
  #modalCard.modal-theme-file-detail-v46 .file-danger-zone-v46{align-items:stretch!important;flex-direction:column!important}
}


/* V47 — reliable selected-file list inside meeting upload dropzone */
#modalCard.modal-theme-meeting-files-v45 .meeting-file-upload-drop{overflow:visible!important;height:auto!important;min-height:150px!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-file-upload-drop>label{height:auto!important;min-height:105px!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-file-selected-v11{width:100%!important;position:relative!important;z-index:2!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-file-selected-v11:not(.has-files){display:none!important}
#modalCard.modal-theme-meeting-files-v45 .meeting-file-upload-drop.has-file{border-style:solid!important;border-color:#c9dda3!important;background:linear-gradient(180deg,#fbfff5,#f4f9ea)!important}

/* ===== V48: meeting editor validation, participant limit, SMS Persian date/time ===== */
#modalCard:has(.meeting-editor-v9) .meeting-v9-settings-extra-v48{display:grid!important;gap:12px!important;margin-top:12px!important}
#modalCard:has(.meeting-editor-v9) .meeting-limit-card-v48{
  display:grid!important;grid-template-columns:52px minmax(0,1fr) auto auto!important;gap:12px!important;align-items:center!important;
  padding:14px!important;border:1px solid #dfe8c9!important;border-radius:22px!important;background:linear-gradient(180deg,#fff,#fbfdf7)!important;
  box-shadow:0 10px 24px rgba(75,94,39,.04)!important;
}
#modalCard:has(.meeting-editor-v9) .meeting-limit-icon-v48{width:50px!important;height:50px!important;border-radius:17px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#eef6dc,#f9fdf0)!important;border:1px solid #dce7c3!important;color:#73972f!important;font-size:18px!important}
#modalCard:has(.meeting-editor-v9) .meeting-limit-copy-v48{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important}
#modalCard:has(.meeting-editor-v9) .meeting-limit-copy-v48 b{font-size:13px!important;font-weight:900!important;color:#4f3329!important}
#modalCard:has(.meeting-editor-v9) .meeting-limit-copy-v48 small{font-size:9px!important;line-height:1.8!important;color:#7d8d6c!important}
#modalCard:has(.meeting-editor-v9) .meeting-limit-control-v48{display:grid!important;grid-template-columns:40px 116px 40px!important;gap:7px!important;align-items:center!important;direction:ltr!important}
#modalCard:has(.meeting-editor-v9) .meeting-limit-step-v48{width:40px!important;height:44px!important;border-radius:14px!important;border:1px solid #dce7c4!important;background:#fff!important;color:#64813a!important;display:grid!important;place-items:center!important;box-shadow:0 8px 18px rgba(76,95,39,.05)!important;transition:.18s!important}
#modalCard:has(.meeting-editor-v9) .meeting-limit-step-v48:hover{transform:translateY(-1px)!important;border-color:#b9d27e!important;background:#f9fdef!important}
#modalCard:has(.meeting-editor-v9) .meeting-limit-control-v48 label{height:52px!important;border-radius:16px!important;border:1px solid #dbe6c5!important;background:#f8fbf2!important;display:grid!important;grid-template-columns:minmax(0,1fr) 34px!important;align-items:center!important;overflow:hidden!important;direction:rtl!important;box-shadow:inset 0 1px 0 #fff!important}
#modalCard:has(.meeting-editor-v9) .meeting-limit-control-v48 label:focus-within{border-color:#a9ca60!important;box-shadow:0 0 0 4px rgba(143,187,56,.1)!important;background:#fff!important}
#modalCard:has(.meeting-editor-v9) .meeting-limit-control-v48 input{width:100%!important;height:100%!important;border:0!important;outline:0!important;background:transparent!important;text-align:center!important;padding:0 8px!important;font-size:19px!important;font-weight:900!important;color:#4f3329!important;appearance:textfield!important}
#modalCard:has(.meeting-editor-v9) .meeting-limit-control-v48 input::-webkit-inner-spin-button,#modalCard:has(.meeting-editor-v9) .meeting-limit-control-v48 input::-webkit-outer-spin-button{display:none!important}
#modalCard:has(.meeting-editor-v9) .meeting-limit-control-v48 em{height:100%!important;display:grid!important;place-items:center!important;border-right:1px solid #e1e9d1!important;font-size:8px!important;font-style:normal!important;font-weight:900!important;color:#71825e!important}
#modalCard:has(.meeting-editor-v9) .meeting-limit-unlimited-v48{min-height:44px!important;padding:0 12px!important;border-radius:14px!important;border:1px solid #dfe8ca!important;background:#f7faef!important;color:#647a45!important;font-size:9px!important;font-weight:900!important;display:inline-flex!important;align-items:center!important;gap:7px!important;white-space:nowrap!important}
#modalCard:has(.meeting-editor-v9) .meeting-limit-unlimited-v48 i{color:#7aa133!important}
#modalCard:has(.meeting-editor-v9) .meeting-welcome-field-v48{padding:13px!important;border:1px solid #dfe8c9!important;border-radius:20px!important;background:#fff!important;box-shadow:0 9px 20px rgba(75,94,39,.03)!important}

#modalCard:has(.meeting-editor-v9) .meeting-validation-panel-v48{display:none!important;margin:14px 0 0!important;padding:14px!important;border-radius:22px!important;border:1px solid #f0d2c8!important;background:linear-gradient(135deg,#fff8f5,#fff)!important;box-shadow:0 14px 32px rgba(156,72,51,.08)!important;grid-template-columns:48px minmax(0,1fr) 36px!important;gap:11px!important;align-items:flex-start!important}
#modalCard:has(.meeting-editor-v9) .meeting-validation-panel-v48.show{display:grid!important;animation:meetingValidationIn .24s ease both!important}
@keyframes meetingValidationIn{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}
#modalCard:has(.meeting-editor-v9) .meeting-validation-icon-v48{width:46px!important;height:46px!important;border-radius:16px!important;background:linear-gradient(135deg,#e47763,#c95043)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:18px!important;box-shadow:0 12px 24px rgba(188,75,59,.18)!important}
#modalCard:has(.meeting-editor-v9) .meeting-validation-copy-v48 strong{display:block!important;font-size:13px!important;font-weight:900!important;color:#78382d!important;margin-bottom:7px!important}
#modalCard:has(.meeting-editor-v9) .meeting-validation-copy-v48 ul{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;gap:6px!important}
#modalCard:has(.meeting-editor-v9) .meeting-validation-copy-v48 li{display:flex!important;align-items:flex-start!important;gap:7px!important;font-size:9.5px!important;line-height:1.8!important;color:#89574e!important}
#modalCard:has(.meeting-editor-v9) .meeting-validation-copy-v48 li i{font-size:9px!important;color:#cc5b4d!important;margin-top:5px!important}
#modalCard:has(.meeting-editor-v9) .meeting-validation-close-v48{width:34px!important;height:34px!important;border-radius:12px!important;border:1px solid #efd7d0!important;background:#fff!important;color:#a26055!important;display:grid!important;place-items:center!important}
#modalCard:has(.meeting-editor-v9) .meeting-field-error-v48 input,
#modalCard:has(.meeting-editor-v9) .meeting-field-error-v48 textarea,
#modalCard:has(.meeting-editor-v9) .meeting-field-error-v48 select{border-color:#df7e6e!important;background:#fff9f7!important;box-shadow:0 0 0 4px rgba(209,91,72,.08)!important}
#modalCard:has(.meeting-editor-v9) .meeting-audience-error-v48{border-color:#e09a89!important;background:linear-gradient(180deg,#fffaf8,#fff)!important;box-shadow:0 0 0 4px rgba(209,91,72,.06)!important}
#modalCard:has(.meeting-editor-v9) .meeting-form-tabs button.has-validation-error-v48{border-color:#e3a493!important;background:#fff8f5!important;color:#9d5144!important;box-shadow:0 8px 20px rgba(173,82,62,.07)!important}
#modalCard:has(.meeting-editor-v9) .meeting-form-tabs button.has-validation-error-v48>span{background:#fff0ec!important;color:#c75a4c!important;border-color:#f0d4cc!important}

#modalCard:has(.meeting-sms-modal-v32) .meeting-sms-context-v48{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-top:9px!important}
#modalCard:has(.meeting-sms-modal-v32) .meeting-sms-context-v48 span{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:7px 10px!important;border-radius:12px!important;background:rgba(255,255,255,.76)!important;border:1px solid #dce7c5!important;color:#5f7147!important;font-size:9px!important;font-weight:900!important}
#modalCard:has(.meeting-sms-modal-v32) .meeting-sms-context-v48 i{color:#779c32!important}
#modalCard:has(.meeting-sms-modal-v32) .sms-time-picker-wheels-v33 .time-wheel-v33{scrollbar-width:thin!important;scrollbar-color:#cdddb0 transparent!important}
#modalCard:has(.meeting-sms-modal-v32) .sms-time-picker-wheels-v33 .time-wheel-item-v33{min-height:42px!important}

@media(max-width:820px){
  #modalCard:has(.meeting-editor-v9) .meeting-limit-card-v48{grid-template-columns:48px minmax(0,1fr)!important}
  #modalCard:has(.meeting-editor-v9) .meeting-limit-control-v48{grid-column:1/-1!important;justify-content:center!important}
  #modalCard:has(.meeting-editor-v9) .meeting-limit-unlimited-v48{grid-column:1/-1!important;justify-self:stretch!important;justify-content:center!important}
}
@media(max-width:560px){
  #modalCard:has(.meeting-editor-v9) .meeting-limit-card-v48{padding:12px!important;border-radius:19px!important}
  #modalCard:has(.meeting-editor-v9) .meeting-limit-icon-v48{width:44px!important;height:44px!important;border-radius:15px!important}
  #modalCard:has(.meeting-editor-v9) .meeting-limit-control-v48{grid-template-columns:38px minmax(0,1fr) 38px!important;width:100%!important}
  #modalCard:has(.meeting-editor-v9) .meeting-limit-step-v48{width:38px!important;height:44px!important}
  #modalCard:has(.meeting-editor-v9) .meeting-validation-panel-v48{grid-template-columns:42px minmax(0,1fr) 32px!important;padding:12px!important;border-radius:18px!important}
  #modalCard:has(.meeting-editor-v9) .meeting-validation-icon-v48{width:40px!important;height:40px!important;border-radius:14px!important}
  #modalCard:has(.meeting-sms-modal-v32) .meeting-sms-context-v48{gap:6px!important}
}
#modalCard:has(.meeting-editor-v9) .meeting-presentation-v16.meeting-field-error-v48{border-color:#df7e6e!important;background:linear-gradient(180deg,#fff9f7,#fff)!important;box-shadow:0 0 0 4px rgba(209,91,72,.08)!important}

/* ===== V49: validation dialog, presentation uploader contrast, stronger skeletons ===== */
#modalCard:has(.meeting-editor-v9){position:relative!important}
#modalCard:has(.meeting-editor-v9) .meeting-validation-panel-v48{display:none!important}
#modalCard:has(.meeting-editor-v9) .meeting-validation-dialog-layer-v49{
  position:absolute!important;
  inset:0!important;
  z-index:95!important;
  display:grid!important;
  place-items:center!important;
  padding:24px!important;
  background:rgba(37,47,20,.38)!important;
  backdrop-filter:blur(8px)!important;
  border-radius:inherit!important;
  animation:meetingValidationLayerInV49 .2s ease both!important;
}
@keyframes meetingValidationLayerInV49{from{opacity:0}to{opacity:1}}
#modalCard:has(.meeting-editor-v9) .meeting-validation-dialog-v49{
  width:min(540px,100%)!important;
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr)!important;
  gap:15px 16px!important;
  align-items:center!important;
  padding:20px!important;
  border-radius:30px!important;
  border:1px solid #ead8d0!important;
  background:radial-gradient(circle at 100% 0,rgba(214,92,71,.10),transparent 35%),linear-gradient(180deg,#fffdfa,#fff8f5)!important;
  box-shadow:0 32px 76px rgba(61,37,27,.28)!important;
  animation:meetingValidationDialogInV49 .25s cubic-bezier(.2,.8,.2,1) both!important;
}
@keyframes meetingValidationDialogInV49{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
#modalCard:has(.meeting-editor-v9) .meeting-validation-dialog-icon-v49{
  width:70px!important;height:70px!important;border-radius:24px!important;
  display:grid!important;place-items:center!important;
  background:linear-gradient(145deg,#dc6b57,#bd4537)!important;
  color:#fff!important;font-size:27px!important;
  box-shadow:0 18px 34px rgba(181,67,51,.24)!important;
}
#modalCard:has(.meeting-editor-v9) .meeting-validation-dialog-copy-v49{min-width:0!important;display:flex!important;flex-direction:column!important;gap:4px!important}
#modalCard:has(.meeting-editor-v9) .meeting-validation-dialog-copy-v49 small{font-size:9px!important;font-weight:900!important;color:#a85c4e!important}
#modalCard:has(.meeting-editor-v9) .meeting-validation-dialog-copy-v49 strong{font-size:20px!important;line-height:1.6!important;color:#64352c!important;font-weight:900!important}
#modalCard:has(.meeting-editor-v9) .meeting-validation-dialog-copy-v49 p{margin:0!important;font-size:10px!important;line-height:1.9!important;color:#8a665e!important}
#modalCard:has(.meeting-editor-v9) .meeting-validation-dialog-list-v49{
  grid-column:1/-1!important;
  list-style:none!important;
  margin:0!important;padding:12px!important;
  display:grid!important;gap:8px!important;
  border:1px solid #efddd6!important;border-radius:20px!important;
  background:rgba(255,255,255,.78)!important;
}
#modalCard:has(.meeting-editor-v9) .meeting-validation-dialog-list-v49 li{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;gap:9px!important;align-items:center!important;min-height:38px!important;padding:6px 8px!important;border-radius:13px!important;background:#fffaf8!important;color:#794d43!important;font-size:10px!important;font-weight:800!important;line-height:1.8!important}
#modalCard:has(.meeting-editor-v9) .meeting-validation-item-icon-v49{width:27px!important;height:27px!important;border-radius:10px!important;background:#fff0ec!important;border:1px solid #efd6cf!important;color:#c55749!important;display:grid!important;place-items:center!important;font-size:10px!important}
#modalCard:has(.meeting-editor-v9) .meeting-validation-dialog-ok-v49{
  grid-column:1/-1!important;
  justify-self:stretch!important;
  min-height:50px!important;
  border:0!important;border-radius:17px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  background:linear-gradient(135deg,#769f2e,#5d8421)!important;
  color:#fff!important;font-size:12px!important;font-weight:900!important;
  box-shadow:0 16px 30px rgba(93,132,33,.22)!important;
  transition:.18s ease!important;
}
#modalCard:has(.meeting-editor-v9) .meeting-validation-dialog-ok-v49:hover{transform:translateY(-1px)!important;box-shadow:0 19px 34px rgba(93,132,33,.27)!important}
#modalCard:has(.meeting-editor-v9) .meeting-validation-dialog-ok-v49:focus{outline:0!important;box-shadow:0 0 0 4px rgba(118,159,46,.16),0 16px 30px rgba(93,132,33,.22)!important}

#modalCard:has(.meeting-editor-v9) .meeting-presentation-v49{
  margin-top:16px!important;
  padding:17px!important;
  border:1px solid #cfdfad!important;
  border-radius:27px!important;
  background:radial-gradient(circle at 100% 0,rgba(143,187,56,.16),transparent 34%),linear-gradient(180deg,#fbfff4,#f5f9e9)!important;
  box-shadow:0 14px 32px rgba(78,101,39,.08)!important;
}
#modalCard:has(.meeting-editor-v9) .meeting-presentation-head-v49{grid-template-columns:52px minmax(0,1fr) auto!important;gap:12px!important;margin-bottom:14px!important}
#modalCard:has(.meeting-editor-v9) .meeting-presentation-head-v49>span{
  width:50px!important;height:50px!important;border-radius:17px!important;
  background:linear-gradient(145deg,#7ca731,#628c24)!important;
  color:#fff!important;font-size:18px!important;
  box-shadow:0 13px 26px rgba(99,140,36,.22)!important;
}
#modalCard:has(.meeting-editor-v9) .meeting-presentation-head-v49 b{font-size:14px!important;font-weight:900!important;color:#4f3329!important}
#modalCard:has(.meeting-editor-v9) .meeting-presentation-head-v49 b em{display:inline-flex!important;margin-right:5px!important;padding:3px 7px!important;border-radius:999px!important;background:#fff!important;border:1px solid #dbe6c6!important;color:#738461!important;font-size:8px!important;font-style:normal!important;font-weight:800!important}
#modalCard:has(.meeting-editor-v9) .meeting-presentation-head-v49 small{font-size:9px!important;line-height:1.9!important;color:#6f7f60!important;margin-top:3px!important}
#modalCard:has(.meeting-editor-v9) .meeting-presentation-head-v49>strong{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:8px 10px!important;border-radius:12px!important;background:#fff!important;border:1px solid #d7e3bd!important;color:#61783f!important;font-size:8px!important;font-weight:900!important;box-shadow:0 8px 18px rgba(76,95,39,.05)!important}
#modalCard:has(.meeting-editor-v9) .meeting-presentation-drop-v49{
  min-height:112px!important;
  grid-template-columns:62px minmax(0,1fr) auto!important;
  gap:14px!important;padding:15px 16px!important;
  border:1.5px dashed #aac86c!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:inset 0 1px 0 #fff,0 11px 26px rgba(76,95,39,.04)!important;
}
#modalCard:has(.meeting-editor-v9) .meeting-presentation-drop-v49:hover,
#modalCard:has(.meeting-editor-v9) .meeting-presentation-drop-v49.drag-active{border-color:#739d2d!important;background:#fbfff3!important;box-shadow:0 0 0 5px rgba(116,158,45,.10),0 14px 28px rgba(76,95,39,.07)!important}
#modalCard:has(.meeting-editor-v9) .meeting-presentation-drop-v49.has-file{border-style:solid!important;border-color:#79a53a!important;background:linear-gradient(180deg,#fbfff7,#f1f8e5)!important}
#modalCard:has(.meeting-editor-v9) .meeting-presentation-drop-v49 .meeting-presentation-icon-v16{
  width:60px!important;height:60px!important;border-radius:20px!important;
  background:linear-gradient(145deg,#91bc3c,#6f9929)!important;
  color:#fff!important;font-size:21px!important;
  box-shadow:0 14px 28px rgba(111,153,41,.22)!important;
}
#modalCard:has(.meeting-editor-v9) .meeting-presentation-drop-v49>div b{font-size:13px!important;font-weight:900!important;color:#4f3329!important}
#modalCard:has(.meeting-editor-v9) .meeting-presentation-drop-v49>div small{font-size:9px!important;color:#75856a!important;line-height:1.8!important;margin-top:3px!important}
#modalCard:has(.meeting-editor-v9) .meeting-presentation-hint-v49{display:inline-flex!important;align-items:center!important;gap:6px!important;width:max-content!important;max-width:100%!important;margin-top:7px!important;padding:5px 8px!important;border-radius:10px!important;background:#eef7df!important;border:1px solid #d7e6bc!important;color:#63803c!important;font-size:8px!important;font-weight:900!important}
#modalCard:has(.meeting-editor-v9) .meeting-presentation-hint-v49 i{color:#75a12d!important}
#modalCard:has(.meeting-editor-v9) .meeting-presentation-drop-v49>em{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:10px 12px!important;border-radius:14px!important;background:#4f3329!important;border:1px solid #4f3329!important;color:#fff!important;font-size:9px!important;font-weight:900!important;box-shadow:0 10px 20px rgba(79,51,41,.13)!important}
#modalCard:has(.meeting-editor-v9) .meeting-presentation-selected-v16{
  margin-top:11px!important;padding:11px!important;
  border:1px solid #d4e3b7!important;border-radius:18px!important;
  background:#fff!important;box-shadow:0 10px 22px rgba(76,95,39,.04)!important;
}
#modalCard:has(.meeting-editor-v9) .meeting-presentation-selected-v16:empty{display:none!important}
#modalCard:has(.meeting-editor-v9) .meeting-presentation-selected-v16>span{width:44px!important;height:44px!important;border-radius:14px!important;background:#fff0ed!important;border:1px solid #f0d8d1!important;color:#c65549!important}
#modalCard:has(.meeting-editor-v9) .meeting-presentation-selected-v16 b{font-size:11px!important;color:#4f3329!important;font-weight:900!important}
#modalCard:has(.meeting-editor-v9) .meeting-presentation-selected-v16 small{font-size:8.5px!important;color:#75856a!important;margin-top:3px!important}
#modalCard:has(.meeting-editor-v9) .meeting-presentation-selected-v16 button{width:36px!important;height:36px!important;border-radius:12px!important;border:1px solid #ecd8d2!important;background:#fff6f4!important;color:#b6554b!important}
#modalCard:has(.meeting-editor-v9) .meeting-presentation-v49 .upload-progress-v16{border-color:#d7e4bd!important;background:#fff!important}
#modalCard:has(.meeting-editor-v9) .meeting-presentation-v49 .upload-progress-status-v16{color:#657848!important;font-weight:800!important}
#modalCard:has(.meeting-editor-v9) .meeting-presentation-v49 .upload-progress-percent-v16{color:#6e962b!important;font-weight:900!important}
#modalCard:has(.meeting-editor-v9) .meeting-presentation-v49 .upload-progress-track-v16{background:#e9f0dd!important}
#modalCard:has(.meeting-editor-v9) .meeting-presentation-v49 .upload-progress-fill-v16{background:linear-gradient(90deg,#6f9929,#96bf43,#658e27)!important;background-size:180% 100%!important}

/* Stronger, more visible skeleton loading across pages and lists */
@keyframes v49SkeletonShimmer{0%{background-position:180% 0}100%{background-position:-80% 0}}
body.app-mode .page-skeleton div,
body.app-mode .meeting-list-skeleton,
body.app-mode .recording-skeleton,
body.app-mode .file-skeleton,
body.app-mode .skeleton-card,
body.app-mode .group-skeleton,
body.app-mode .user-card-skeleton-v17,
body.app-mode .users-stat-card-v17.skeleton,
body.app-mode .users-stat-pill-v18.skeleton,
body.app-mode .table-loading,
body.app-mode .modal-loading{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid #ccd9b4!important;
  background:linear-gradient(100deg,#dce6cc 0%,#edf3e4 28%,#fdfef9 44%,#cfdcb9 56%,#edf3e4 72%,#dce6cc 100%)!important;
  background-size:260% 100%!important;
  animation:v49SkeletonShimmer 1.05s linear infinite!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 9px 24px rgba(77,96,42,.07)!important;
}
body.app-mode .page-skeleton div::after,
body.app-mode .meeting-list-skeleton::after,
body.app-mode .recording-skeleton::after,
body.app-mode .file-skeleton::after,
body.app-mode .skeleton-card::after,
body.app-mode .group-skeleton::after,
body.app-mode .user-card-skeleton-v17::after,
body.app-mode .table-loading::after,
body.app-mode .modal-loading::after{
  content:""!important;
  position:absolute!important;inset:0!important;
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(93,119,47,.035))!important;
  pointer-events:none!important;
}
body.app-mode .page-skeleton div:first-child{border-color:#c5d4aa!important}
body.app-mode .table-loading{min-height:120px!important;border-radius:16px!important}
body.app-mode .modal-loading{min-height:260px!important;border-radius:20px!important}

@media(max-width:640px){
  #modalCard:has(.meeting-editor-v9) .meeting-validation-dialog-layer-v49{padding:13px!important}
  #modalCard:has(.meeting-editor-v9) .meeting-validation-dialog-v49{grid-template-columns:58px minmax(0,1fr)!important;gap:12px!important;padding:15px!important;border-radius:24px!important}
  #modalCard:has(.meeting-editor-v9) .meeting-validation-dialog-icon-v49{width:56px!important;height:56px!important;border-radius:19px!important;font-size:21px!important}
  #modalCard:has(.meeting-editor-v9) .meeting-validation-dialog-copy-v49 strong{font-size:16px!important}
  #modalCard:has(.meeting-editor-v9) .meeting-validation-dialog-list-v49{padding:9px!important;border-radius:17px!important}
  #modalCard:has(.meeting-editor-v9) .meeting-validation-dialog-list-v49 li{grid-template-columns:25px minmax(0,1fr)!important;font-size:9px!important}
  #modalCard:has(.meeting-editor-v9) .meeting-validation-dialog-ok-v49{min-height:46px!important;border-radius:15px!important}
  #modalCard:has(.meeting-editor-v9) .meeting-presentation-v49{padding:13px!important;border-radius:22px!important}
  #modalCard:has(.meeting-editor-v9) .meeting-presentation-head-v49{grid-template-columns:46px minmax(0,1fr)!important}
  #modalCard:has(.meeting-editor-v9) .meeting-presentation-head-v49>span{width:44px!important;height:44px!important;border-radius:15px!important}
  #modalCard:has(.meeting-editor-v9) .meeting-presentation-head-v49>strong{grid-column:1/-1!important;justify-self:start!important}
  #modalCard:has(.meeting-editor-v9) .meeting-presentation-drop-v49{grid-template-columns:52px minmax(0,1fr)!important;padding:12px!important;min-height:122px!important}
  #modalCard:has(.meeting-editor-v9) .meeting-presentation-drop-v49 .meeting-presentation-icon-v16{width:50px!important;height:50px!important;border-radius:17px!important}
  #modalCard:has(.meeting-editor-v9) .meeting-presentation-drop-v49>em{grid-column:1/-1!important;width:100%!important;justify-content:center!important}
  #modalCard:has(.meeting-editor-v9) .meeting-presentation-hint-v49{white-space:normal!important;width:auto!important}
}

/* ===== V50: compact user meetings header + simplified user meeting detail ===== */
body.user-role .user-meetings-top-v50{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(520px,.9fr)!important;
  align-items:center!important;
  gap:14px!important;
  min-height:112px!important;
  margin:0 0 16px!important;
  padding:13px 15px!important;
  border:1px solid #dfe8cb!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 8% 20%,rgba(151,199,61,.13),transparent 24%),
    linear-gradient(135deg,#fff 0%,#fbfdf7 64%,#f4f9e9 100%)!important;
  box-shadow:0 16px 34px rgba(73,93,38,.065)!important;
  overflow:hidden!important;
}
body.user-role .user-meetings-hero-v50{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  padding:2px 4px!important;
}
body.user-role .user-meetings-hero-icon-v50{
  width:54px!important;height:54px!important;border-radius:19px!important;
  display:grid!important;place-items:center!important;
  background:linear-gradient(135deg,#88b536,#678e27)!important;
  color:#fff!important;font-size:20px!important;
  box-shadow:0 13px 26px rgba(103,142,39,.22)!important;
}
body.user-role .user-meetings-hero-copy-v50{min-width:0!important}
body.user-role .user-meetings-eyebrow-v50{
  display:inline-flex!important;align-items:center!important;gap:6px!important;
  font-size:9px!important;font-weight:900!important;color:#78963d!important;
  margin-bottom:2px!important;
}
body.user-role .user-meetings-hero-copy-v50 h1{
  margin:0!important;font-size:24px!important;line-height:1.35!important;
  font-weight:900!important;color:#4d3026!important;
}
body.user-role .user-meetings-hero-copy-v50 p{
  margin:2px 0 0!important;font-size:9.5px!important;line-height:1.7!important;color:#748067!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
body.user-role .user-meetings-status-v50{
  display:inline-flex!important;align-items:center!important;gap:7px!important;
  padding:7px 9px!important;border-radius:999px!important;
  background:#f4f8ea!important;border:1px solid #dce6c8!important;
  color:#6c7f50!important;font-size:8px!important;font-weight:800!important;
  white-space:nowrap!important;
}
body.user-role .user-meetings-status-v50 i{
  width:7px!important;height:7px!important;border-radius:50%!important;background:#72a92f!important;
  box-shadow:0 0 0 4px rgba(114,169,47,.11)!important;
}
body.user-role .user-meetings-controls-v50{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:250px minmax(230px,1fr)!important;
  gap:9px!important;
  align-items:center!important;
}
body.user-role .user-meeting-scope-tabs-v50{
  min-height:52px!important;
  margin:0!important;padding:4px!important;
  display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:4px!important;
  border-radius:18px!important;
  background:#f4f7ed!important;border:1px solid #e1e8d4!important;
}
body.user-role .user-meeting-scope-tabs-v50 button{
  min-width:0!important;height:42px!important;padding:0 9px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  border:0!important;border-radius:13px!important;background:transparent!important;
  color:#7a866c!important;font-size:9px!important;font-weight:900!important;transition:.2s!important;
}
body.user-role .user-meeting-scope-tabs-v50 button i{font-size:12px!important;color:#899a72!important}
body.user-role .user-meeting-scope-tabs-v50 button:hover{background:#fff!important;color:#5b7138!important}
body.user-role .user-meeting-scope-tabs-v50 button.active{
  background:#fff!important;color:#5f7a31!important;
  box-shadow:0 8px 18px rgba(76,96,39,.09)!important;
  border:1px solid #d9e4c4!important;
}
body.user-role .user-meeting-scope-tabs-v50 button.active i{color:#79a22f!important}
body.user-role .user-meeting-search-v50{
  min-width:0!important;height:52px!important;
  display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;gap:7px!important;align-items:center!important;
  padding:5px 7px!important;border:1px solid #dfe8cb!important;border-radius:18px!important;
  background:#fff!important;box-shadow:0 8px 19px rgba(75,94,39,.035)!important;
}
body.user-role .user-meeting-search-icon-v50{
  width:36px!important;height:36px!important;border-radius:12px!important;display:grid!important;place-items:center!important;
  background:#f1f7e6!important;border:1px solid #e1e9d2!important;color:#789d35!important;
}
body.user-role .user-meeting-search-v50 input{
  min-width:0!important;width:100%!important;border:0!important;outline:0!important;background:transparent!important;
  font:inherit!important;font-size:10px!important;color:#4e382f!important;padding:0!important;
}
body.user-role .user-meeting-search-v50 input::placeholder{color:#a0a99b!important}
body.user-role .user-meeting-search-v50 kbd{
  padding:5px 7px!important;border-radius:9px!important;border:1px solid #e3ead7!important;background:#f8faf4!important;
  color:#8b967c!important;font-family:inherit!important;font-size:7px!important;font-weight:800!important;box-shadow:none!important;
}
body.user-role .user-meeting-list-v50{gap:12px!important}
body.user-role .user-meeting-card-v50{
  border-color:#dde7c9!important;
  background:linear-gradient(180deg,#fff,#fbfdf7)!important;
  box-shadow:0 13px 28px rgba(77,96,41,.045)!important;
}
body.user-role .user-meeting-card-v50 .meeting-v8-info-user-v50{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
body.user-role .user-meeting-card-v50 .meeting-v8-info-user-v50>div{
  background:#fbfdf8!important;border-color:#e3ead7!important;
}
body.user-role .user-meeting-waiting-v50{
  margin:0 16px 12px!important;padding:11px 13px!important;
  display:grid!important;grid-template-columns:40px minmax(0,1fr) 18px!important;gap:10px!important;align-items:center!important;
  border:1px solid #e8dfba!important;border-radius:18px!important;
  background:linear-gradient(135deg,#fffaf0,#fffdf7)!important;
  box-shadow:0 9px 20px rgba(128,99,28,.035)!important;
}
body.user-role .user-meeting-waiting-icon-v50{
  width:38px!important;height:38px!important;border-radius:13px!important;display:grid!important;place-items:center!important;
  background:#fff2cc!important;border:1px solid #ead69b!important;color:#9b7620!important;
}
body.user-role .user-meeting-waiting-v50 b{display:block!important;font-size:11px!important;color:#6f5420!important;font-weight:900!important}
body.user-role .user-meeting-waiting-v50 small{display:block!important;margin-top:3px!important;font-size:8.5px!important;line-height:1.75!important;color:#8f7a4d!important}
body.user-role .user-meeting-waiting-pulse-v50{width:15px!important;height:15px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(151,183,68,.12)!important}
body.user-role .user-meeting-waiting-pulse-v50 i{width:7px!important;height:7px!important;border-radius:50%!important;background:#94b540!important;box-shadow:0 0 0 5px rgba(148,181,64,.12)!important;animation:v50WaitPulse 1.6s ease-in-out infinite!important}
@keyframes v50WaitPulse{50%{box-shadow:0 0 0 8px rgba(148,181,64,0);transform:scale(.88)}}
body.user-role .user-meeting-runtime-v50{
  background:#f7faf2!important;border-color:#e2ead4!important;color:#687a52!important;
}

#modalCard.modal-theme-meeting-detail-user-v50{
  width:min(900px,calc(100vw - 34px))!important;max-width:900px!important;
  border-radius:34px!important;border:1px solid #dfe8ca!important;
  background:linear-gradient(180deg,#fffefb,#f8fbf3)!important;
  box-shadow:0 34px 86px rgba(50,66,25,.2)!important;overflow:hidden!important;
}
#modalCard.modal-theme-meeting-detail-user-v50>.modal-head{
  min-height:76px!important;padding:16px 20px!important;
  background:linear-gradient(180deg,#fff,#f8fbf2)!important;border-bottom:1px solid #e3ead5!important;
}
#modalCard.modal-theme-meeting-detail-user-v50 #modalEyebrow{font-size:10px!important;font-weight:900!important;color:#7a9e36!important}
#modalCard.modal-theme-meeting-detail-user-v50 #modalTitle{font-size:24px!important;font-weight:900!important;color:#4e3027!important}
#modalCard.modal-theme-meeting-detail-user-v50>.modal-body{
  padding:16px 18px 0!important;max-height:calc(100vh - 105px)!important;overflow:auto!important;
  background:radial-gradient(circle at 100% 0,rgba(160,205,71,.08),transparent 28%),linear-gradient(180deg,#fcfef9,#f8fbf3)!important;
}
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-v50{display:grid!important;gap:13px!important;padding-bottom:15px!important}
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-hero-v50{
  display:grid!important;grid-template-columns:66px minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;
  padding:17px!important;border:1px solid #dce7c4!important;border-radius:27px!important;
  background:radial-gradient(circle at 100% 0,rgba(159,207,65,.16),transparent 34%),linear-gradient(135deg,#fff,#f5f9e9)!important;
  box-shadow:0 14px 30px rgba(75,96,39,.055)!important;
}
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-icon-v50{
  width:64px!important;height:64px!important;border-radius:22px!important;display:grid!important;place-items:center!important;
  background:linear-gradient(135deg,#87b434,#668e26)!important;color:#fff!important;font-size:23px!important;
  box-shadow:0 15px 28px rgba(103,142,39,.21)!important;
}
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-copy-v50{min-width:0!important}
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-copy-v50 h2{margin:7px 0 3px!important;font-size:25px!important;line-height:1.45!important;font-weight:900!important;color:#4e3027!important}
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-copy-v50>p{margin:0!important;font-size:10px!important;line-height:1.9!important;color:#6f7b64!important;max-width:590px!important}
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-organizer-v50{
  display:flex!important;align-items:center!important;gap:6px!important;margin-top:9px!important;color:#71815b!important;font-size:9px!important;
}
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-organizer-v50 i{color:#7b9f39!important}
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-organizer-v50 b{color:#50362d!important;font-size:10px!important}
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-actions-v50{display:flex!important;flex-direction:column!important;gap:8px!important;min-width:174px!important}
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-actions-v50>*{min-height:43px!important;border-radius:14px!important;white-space:nowrap!important}
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-state-v50{
  display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;gap:11px!important;align-items:center!important;
  padding:13px 14px!important;border:1px solid #dce7c6!important;border-radius:21px!important;background:#f8fbf2!important;
}
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-state-v50.waiting{background:linear-gradient(135deg,#fff9ea,#fffdf7)!important;border-color:#e9dda9!important}
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-state-v50.live{background:linear-gradient(135deg,#eefaf3,#fbfffd)!important;border-color:#cee6d6!important}
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-state-v50.cancelled{background:#fff7f5!important;border-color:#efd9d3!important}
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-state-icon-v50{width:46px!important;height:46px!important;border-radius:15px!important;display:grid!important;place-items:center!important;background:#eef5df!important;color:#71942f!important;border:1px solid #dce7c3!important}
#modalCard.modal-theme-meeting-detail-user-v50 .waiting .meeting-detail-user-state-icon-v50{background:#fff0c5!important;color:#99721e!important;border-color:#e7d39b!important}
#modalCard.modal-theme-meeting-detail-user-v50 .live .meeting-detail-user-state-icon-v50{background:#e3f6ea!important;color:#24865c!important;border-color:#cce7d6!important}
#modalCard.modal-theme-meeting-detail-user-v50 .cancelled .meeting-detail-user-state-icon-v50{background:#fbe8e5!important;color:#b24f47!important;border-color:#efd4ce!important}
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-state-v50 b{display:block!important;font-size:13px!important;color:#4f382d!important;font-weight:900!important}
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-state-v50 small{display:block!important;margin-top:3px!important;font-size:9px!important;line-height:1.8!important;color:#7b856f!important}
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-live-wave-v50{display:flex!important;gap:4px!important;align-items:center!important;padding:0 6px!important}
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-live-wave-v50 i{width:5px!important;border-radius:999px!important;background:#35a66e!important;animation:v50LiveWave .85s ease-in-out infinite alternate!important}
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-live-wave-v50 i:nth-child(1){height:12px!important}.meeting-detail-live-wave-v50 i:nth-child(2){height:22px!important;animation-delay:.15s!important}.meeting-detail-live-wave-v50 i:nth-child(3){height:16px!important;animation-delay:.3s!important}
@keyframes v50LiveWave{to{transform:scaleY(.55);opacity:.55}}
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-timing-v50,
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-stats-v50{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-timing-v50>div,
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-stats-v50>div,
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-stats-v50>button{
  min-width:0!important;display:grid!important;grid-template-columns:39px minmax(0,1fr) auto!important;gap:9px!important;align-items:center!important;
  min-height:64px!important;padding:10px 11px!important;border:1px solid #e0e8d2!important;border-radius:18px!important;background:#fff!important;
  text-align:right!important;color:inherit!important;box-shadow:0 9px 20px rgba(75,94,39,.03)!important;
}
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-timing-v50>div{grid-template-columns:39px minmax(0,1fr)!important}
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-timing-v50 span,
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-stats-v50>div>span,
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-stats-v50>button>span{width:38px!important;height:38px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:#eff5e2!important;border:1px solid #dfe8ca!important;color:#739632!important}
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-timing-v50 small,
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-stats-v50 small{display:block!important;font-size:8px!important;color:#839078!important;font-weight:800!important}
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-timing-v50 b,
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-stats-v50 b{display:block!important;margin-top:2px!important;font-size:10px!important;color:#50362d!important;font-weight:900!important;line-height:1.6!important}
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-stats-v50>button>i{color:#a4af98!important;font-size:10px!important}
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-stats-v50>button:hover{border-color:#cfe0aa!important;background:#fbfff3!important;transform:translateY(-1px)!important}
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-recordings-v50{padding:15px!important;border:1px solid #dfe8ca!important;border-radius:24px!important;background:linear-gradient(180deg,#fff,#fbfdf7)!important;box-shadow:0 11px 26px rgba(76,95,39,.04)!important}
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-section-head-v50{display:flex!important;align-items:center!important;gap:10px!important;padding-bottom:11px!important;margin-bottom:11px!important;border-bottom:1px dashed #dfe7cc!important}
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-section-head-v50>span{width:40px!important;height:40px!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:#eff5e2!important;border:1px solid #dce7c3!important;color:#739632!important}
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-section-head-v50 h3{margin:0!important;font-size:15px!important;color:#536a30!important;font-weight:900!important}
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-section-head-v50 p{margin:3px 0 0!important;font-size:8.5px!important;color:#7f8d70!important}
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-footer-v50{display:flex!important;justify-content:flex-end!important;padding-top:1px!important}
#modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-footer-v50 button{min-height:42px!important;border-radius:14px!important}

@media(max-width:1180px){
  body.user-role .user-meetings-top-v50{grid-template-columns:1fr!important;gap:9px!important;min-height:0!important}
  body.user-role .user-meetings-controls-v50{grid-template-columns:250px minmax(0,1fr)!important}
}
@media(max-width:720px){
  body.user-role .user-meetings-top-v50{padding:11px!important;border-radius:23px!important;margin-bottom:12px!important}
  body.user-role .user-meetings-hero-v50{grid-template-columns:48px minmax(0,1fr)!important;gap:10px!important}
  body.user-role .user-meetings-hero-icon-v50{width:46px!important;height:46px!important;border-radius:16px!important;font-size:18px!important}
  body.user-role .user-meetings-hero-copy-v50 h1{font-size:20px!important}
  body.user-role .user-meetings-hero-copy-v50 p{font-size:8.7px!important;white-space:normal!important}
  body.user-role .user-meetings-status-v50{display:none!important}
  body.user-role .user-meetings-controls-v50{grid-template-columns:1fr!important;gap:7px!important}
  body.user-role .user-meeting-scope-tabs-v50{min-height:48px!important}
  body.user-role .user-meeting-scope-tabs-v50 button{height:38px!important;font-size:8.5px!important}
  body.user-role .user-meeting-search-v50{height:48px!important}
  body.user-role .user-meeting-card-v50 .meeting-v8-info-user-v50{grid-template-columns:1fr!important}
  body.user-role .user-meeting-waiting-v50{margin:0 11px 10px!important;grid-template-columns:38px minmax(0,1fr)!important}
  body.user-role .user-meeting-waiting-pulse-v50{display:none!important}
  #modalCard.modal-theme-meeting-detail-user-v50{width:calc(100vw - 18px)!important;border-radius:27px!important}
  #modalCard.modal-theme-meeting-detail-user-v50>.modal-head{min-height:68px!important;padding:13px 14px!important}
  #modalCard.modal-theme-meeting-detail-user-v50 #modalTitle{font-size:20px!important}
  #modalCard.modal-theme-meeting-detail-user-v50>.modal-body{padding:12px 11px 0!important}
  #modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-hero-v50{grid-template-columns:54px minmax(0,1fr)!important;padding:13px!important;border-radius:22px!important}
  #modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-icon-v50{width:52px!important;height:52px!important;border-radius:18px!important;font-size:19px!important}
  #modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-copy-v50 h2{font-size:20px!important}
  #modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-actions-v50{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;min-width:0!important}
  #modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-state-v50{grid-template-columns:42px minmax(0,1fr)!important;padding:11px!important;border-radius:18px!important}
  #modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-state-icon-v50{width:40px!important;height:40px!important;border-radius:13px!important}
  #modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-live-wave-v50{display:none!important}
  #modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-timing-v50,
  #modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-stats-v50{grid-template-columns:1fr!important}
  #modalCard.modal-theme-meeting-detail-user-v50 .meeting-detail-user-recordings-v50{padding:12px!important;border-radius:20px!important}
}
body.user-role .user-meetings-empty-v50{
  min-height:210px!important;display:grid!important;place-items:center!important;align-content:center!important;gap:6px!important;
  padding:28px!important;border:1px dashed #d4dfbd!important;border-radius:26px!important;
  background:linear-gradient(180deg,#fff,#f8fbf2)!important;text-align:center!important;
}
body.user-role .user-meetings-empty-v50>span{width:58px!important;height:58px!important;border-radius:20px!important;display:grid!important;place-items:center!important;background:#eef5e0!important;border:1px solid #dce7c5!important;color:#7a9e38!important;font-size:21px!important}
body.user-role .user-meetings-empty-v50 strong{font-size:14px!important;color:#526830!important;font-weight:900!important}
body.user-role .user-meetings-empty-v50 small{font-size:9px!important;line-height:1.8!important;color:#85927a!important}

/* ===== V51: user meetings live state + quieter compact header ===== */
body.user-role .user-meetings-top-v50{
  grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr)!important;
  min-height:94px!important;
  padding:10px 13px!important;
  gap:12px!important;
}
body.user-role .user-meetings-hero-v50{
  grid-template-columns:50px minmax(0,1fr)!important;
  gap:10px!important;
}
body.user-role .user-meetings-hero-icon-v50{
  width:48px!important;height:48px!important;border-radius:17px!important;font-size:18px!important;
}
body.user-role .user-meetings-hero-copy-v50 h1{font-size:22px!important}
body.user-role .user-meetings-hero-copy-v50 p{font-size:9px!important}
body.user-role .user-meetings-controls-v50{grid-template-columns:238px minmax(220px,1fr)!important;gap:8px!important}
body.user-role .user-meeting-scope-tabs-v50,
body.user-role .user-meeting-search-v50{min-height:48px!important;height:48px!important}
body.user-role .user-meeting-scope-tabs-v50 button{height:38px!important}
body.user-role .user-meeting-search-icon-v50{width:34px!important;height:34px!important}

body.user-role .user-meeting-card-v50.live{
  border-color:#cfe6d7!important;
  box-shadow:0 16px 34px rgba(38,132,91,.08)!important;
}
body.user-role .user-meeting-card-v50.live .meeting-v8-symbol{
  position:relative!important;
  background:linear-gradient(135deg,#34aa73,#21835a)!important;
  color:#fff!important;
  box-shadow:0 12px 25px rgba(33,131,90,.23)!important;
}
body.user-role .user-meeting-card-v50.live .meeting-v8-symbol:after{
  content:""!important;position:absolute!important;inset:-5px!important;border-radius:inherit!important;
  border:1px solid rgba(52,170,115,.28)!important;animation:v51LiveRing 1.75s ease-out infinite!important;
}
body.user-role .user-meeting-live-v51{
  position:relative!important;
  overflow:hidden!important;
  margin:0 16px 12px!important;
  padding:12px 14px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  gap:11px!important;
  align-items:center!important;
  border:1px solid #cce6d5!important;
  border-radius:19px!important;
  background:radial-gradient(circle at 100% 0,rgba(57,176,119,.13),transparent 38%),linear-gradient(135deg,#effaf4,#fbfffd)!important;
  box-shadow:0 11px 24px rgba(42,135,93,.06)!important;
}
body.user-role .user-meeting-live-v51:before{
  content:""!important;position:absolute!important;width:120px!important;height:120px!important;border-radius:50%!important;
  left:-55px!important;bottom:-72px!important;background:radial-gradient(circle,rgba(61,178,121,.13),transparent 70%)!important;
}
body.user-role .user-meeting-live-icon-v51{
  width:40px!important;height:40px!important;border-radius:14px!important;display:grid!important;place-items:center!important;
  background:linear-gradient(135deg,#35aa73,#22855b)!important;color:#fff!important;font-size:15px!important;
  box-shadow:0 11px 22px rgba(34,133,91,.20)!important;
}
body.user-role .user-meeting-live-v51>div{position:relative!important;z-index:2!important;min-width:0!important}
body.user-role .user-meeting-live-v51 b{display:block!important;font-size:11.5px!important;color:#236b4d!important;font-weight:900!important}
body.user-role .user-meeting-live-v51 small{display:block!important;margin-top:3px!important;font-size:8.5px!important;line-height:1.75!important;color:#638171!important}
body.user-role .user-meeting-live-wave-v51{display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;width:34px!important;height:30px!important}
body.user-role .user-meeting-live-wave-v51 i{width:4px!important;border-radius:999px!important;background:#35a66e!important;animation:v51LiveWave .78s ease-in-out infinite alternate!important;box-shadow:0 2px 8px rgba(53,166,110,.14)!important}
body.user-role .user-meeting-live-wave-v51 i:nth-child(1){height:9px!important;animation-delay:0s!important}
body.user-role .user-meeting-live-wave-v51 i:nth-child(2){height:20px!important;animation-delay:.12s!important}
body.user-role .user-meeting-live-wave-v51 i:nth-child(3){height:13px!important;animation-delay:.24s!important}
body.user-role .user-meeting-live-wave-v51 i:nth-child(4){height:24px!important;animation-delay:.36s!important}
body.user-role .user-meeting-card-v50.live .meeting-v8-primary{
  background:linear-gradient(135deg,#2fa76e,#217e57)!important;
  box-shadow:0 12px 25px rgba(36,132,90,.18)!important;
}
@keyframes v51LiveWave{from{transform:scaleY(.55);opacity:.58}to{transform:scaleY(1.08);opacity:1}}
@keyframes v51LiveRing{0%{transform:scale(.88);opacity:.9}100%{transform:scale(1.28);opacity:0}}

@media(max-width:980px){
  body.user-role .user-meetings-top-v50{grid-template-columns:1fr!important;min-height:0!important}
  body.user-role .user-meetings-controls-v50{grid-template-columns:238px minmax(0,1fr)!important}
}
@media(max-width:720px){
  body.user-role .user-meetings-top-v50{padding:10px!important;border-radius:22px!important}
  body.user-role .user-meetings-controls-v50{grid-template-columns:1fr!important}
  body.user-role .user-meeting-live-v51{margin:0 11px 10px!important;grid-template-columns:38px minmax(0,1fr) 28px!important;padding:10px 11px!important;border-radius:17px!important}
  body.user-role .user-meeting-live-icon-v51{width:36px!important;height:36px!important;border-radius:12px!important}
  body.user-role .user-meeting-live-v51 small{font-size:8px!important}
  body.user-role .user-meeting-live-wave-v51{transform:scale(.86)!important}
}

/* ===== V52: centered user empty state ===== */
body.user-role .user-meeting-list-v50>.user-meetings-empty-v50{
  grid-column:1 / -1!important;
  width:100%!important;
  max-width:none!important;
  justify-self:stretch!important;
  align-self:stretch!important;
  box-sizing:border-box!important;
  min-height:260px!important;
}

/* ===== V54: premium sidebar profile card + notification button ===== */
body.app-mode .sidebar-profile-card-v54{
  position:relative!important;
  isolation:isolate!important;
  margin:0 0 13px!important;
  padding:14px!important;
  min-height:94px!important;
  border-radius:27px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 10% 18%,rgba(207,239,130,.30),transparent 34%),
    radial-gradient(circle at 96% 105%,rgba(52,86,28,.34),transparent 42%),
    linear-gradient(138deg,#82ad36 0%,#709b2f 48%,#557c29 100%)!important;
  border:1px solid rgba(255,255,255,.23)!important;
  box-shadow:0 17px 34px rgba(76,105,35,.20),inset 0 1px 0 rgba(255,255,255,.24)!important;
}
body.app-mode .sidebar-profile-card-v54:before{
  content:""!important;
  position:absolute!important;
  inset:1px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:26px!important;
  pointer-events:none!important;
  z-index:-1!important;
}
body.app-mode .sidebar-profile-card-v54:after{
  content:""!important;
  position:absolute!important;
  width:125px!important;
  height:125px!important;
  left:-58px!important;
  bottom:-74px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.11)!important;
  box-shadow:0 0 0 21px rgba(255,255,255,.035),0 0 0 43px rgba(255,255,255,.025)!important;
  pointer-events:none!important;
}
body.app-mode .sidebar-profile-card-v54 .sidebar-profile-glow{
  position:absolute!important;
  width:140px!important;
  height:140px!important;
  right:-58px!important;
  top:-78px!important;
  border-radius:50%!important;
  background:rgba(211,239,137,.16)!important;
  filter:blur(1px)!important;
  pointer-events:none!important;
}
body.app-mode .sidebar-profile-orbit{
  position:absolute!important;
  display:block!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.085)!important;
  pointer-events:none!important;
}
body.app-mode .sidebar-profile-orbit.orbit-one{width:94px!important;height:94px!important;right:-50px!important;bottom:-32px!important}
body.app-mode .sidebar-profile-orbit.orbit-two{width:56px!important;height:56px!important;right:-26px!important;bottom:-10px!important}
body.app-mode .sidebar-profile-card-v54 .sidebar-profile-main{
  position:relative!important;
  z-index:3!important;
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr) 49px!important;
  align-items:center!important;
  gap:10px!important;
  padding:0!important;
  border:0!important;
  min-width:0!important;
}
body.app-mode .sidebar-profile-card-v54 .sidebar-avatar-wrap{position:relative!important;width:54px!important;height:54px!important;flex:0 0 54px!important}
body.app-mode .sidebar-profile-card-v54 .profile-avatar{
  width:54px!important;
  height:54px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(145deg,#fffefb,#f4f1e7)!important;
  color:#4b3027!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 12px 24px rgba(41,59,19,.19),inset 0 1px 0 #fff!important;
  font-size:21px!important;
  font-weight:900!important;
}
body.app-mode .sidebar-profile-card-v54 .online-dot{
  position:absolute!important;
  left:-2px!important;
  bottom:1px!important;
  width:14px!important;
  height:14px!important;
  border-radius:50%!important;
  background:#35c97b!important;
  border:3px solid #f9fbf4!important;
  box-shadow:0 0 0 4px rgba(53,201,123,.15)!important;
}
body.app-mode .sidebar-profile-card-v54 .sidebar-profile-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  gap:3px!important;
  color:#fff!important;
}
body.app-mode .sidebar-profile-card-v54 .sidebar-profile-copy>strong{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:14px!important;
  line-height:1.55!important;
  font-weight:900!important;
  color:#fff!important;
  text-shadow:0 1px 1px rgba(44,63,21,.14)!important;
}
body.app-mode .sidebar-profile-card-v54 .sidebar-profile-role{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  color:#edf6db!important;
  font-size:9px!important;
  font-weight:750!important;
  line-height:1.5!important;
}
body.app-mode .sidebar-profile-card-v54 .sidebar-profile-role i{font-size:8px!important;color:#dff0bb!important}
body.app-mode .sidebar-profile-card-v54 .sidebar-profile-mobile{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  margin-top:1px!important;
  color:#f7fbe9!important;
  font-size:9px!important;
  line-height:1.45!important;
}
body.app-mode .sidebar-profile-card-v54 .sidebar-profile-mobile i{font-size:8px!important;color:#dff0bb!important}
body.app-mode .sidebar-profile-card-v54 .sidebar-profile-mobile b{font-weight:700!important;letter-spacing:.15px!important;color:inherit!important}
body.app-mode .sidebar-notify-v54{
  position:relative!important;
  inset:auto!important;
  width:49px!important;
  height:49px!important;
  padding:0!important;
  border-radius:17px!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.10))!important;
  border:1px solid rgba(255,255,255,.32)!important;
  box-shadow:0 11px 23px rgba(43,62,19,.14),inset 0 1px 0 rgba(255,255,255,.27)!important;
  color:#fff!important;
  backdrop-filter:blur(9px)!important;
  transition:transform .22s ease,background .22s ease,box-shadow .22s ease!important;
}
body.app-mode .sidebar-notify-v54:hover{
  transform:translateY(-2px) rotate(-2deg)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.30),rgba(255,255,255,.14))!important;
  box-shadow:0 15px 28px rgba(43,62,19,.18),inset 0 1px 0 rgba(255,255,255,.34)!important;
}
body.app-mode .sidebar-notify-v54:active{transform:translateY(0) scale(.96)!important}
body.app-mode .sidebar-notify-icon-v54{
  position:relative!important;
  width:34px!important;
  height:34px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(145deg,rgba(255,255,255,.20),rgba(255,255,255,.08))!important;
  border:1px solid rgba(255,255,255,.18)!important;
}
body.app-mode .sidebar-notify-v54 i{
  position:relative!important;
  z-index:2!important;
  font-size:15px!important;
  color:#fff!important;
  filter:drop-shadow(0 2px 4px rgba(50,70,22,.18))!important;
  transform-origin:50% 10%!important;
}
body.app-mode .sidebar-notify-v54:hover i{animation:mmBellV54 .72s ease both!important}
body.app-mode .sidebar-notify-icon-v54 em{
  position:absolute!important;
  inset:4px!important;
  border-radius:10px!important;
  background:radial-gradient(circle,rgba(226,246,178,.22),transparent 70%)!important;
  opacity:.9!important;
  pointer-events:none!important;
}
body.app-mode .sidebar-notify-v54 #notificationCount,
body.app-mode .sidebar-notify-v54>b{
  position:absolute!important;
  top:-8px!important;
  right:-7px!important;
  min-width:22px!important;
  height:22px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#ef6e67,#da4e47)!important;
  border:0px solid #f8fbf3!important;
  box-shadow:0 7px 16px rgba(177,61,52,.26)!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  z-index:5!important;
}
@keyframes mmBellV54{
  0%,100%{transform:rotate(0)}
  18%{transform:rotate(15deg)}
  36%{transform:rotate(-12deg)}
  54%{transform:rotate(8deg)}
  72%{transform:rotate(-5deg)}
}

@media(max-width:980px){
  body.app-mode .sidebar-profile-card-v54{padding:13px!important;border-radius:24px!important;min-height:88px!important}
  body.app-mode .sidebar-profile-card-v54 .sidebar-profile-main{grid-template-columns:50px minmax(0,1fr) 46px!important;gap:9px!important}
  body.app-mode .sidebar-profile-card-v54 .sidebar-avatar-wrap,
  body.app-mode .sidebar-profile-card-v54 .profile-avatar{width:50px!important;height:50px!important}
  body.app-mode .sidebar-profile-card-v54 .profile-avatar{border-radius:17px!important;font-size:19px!important}
  body.app-mode .sidebar-profile-card-v54 .sidebar-profile-copy>strong{font-size:13px!important}
  body.app-mode .sidebar-notify-v54{width:46px!important;height:46px!important;border-radius:16px!important}
  body.app-mode .sidebar-notify-icon-v54{width:32px!important;height:32px!important;border-radius:11px!important}
}

/* ===== V55: profile text breathing room + compact modern login mobile field ===== */
body.app-mode .sidebar-profile-card-v54 .sidebar-profile-main{
  grid-template-columns:54px minmax(0,1fr) 47px!important;
  gap:8px!important;
}
body.app-mode .sidebar-profile-card-v54 .sidebar-profile-copy{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  padding:0!important;
  padding-left:0!important;
  padding-right:0!important;
  margin:0!important;
  overflow:visible!important;
}
body.app-mode .sidebar-profile-card-v54 .sidebar-profile-copy>strong{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.app-mode .sidebar-profile-card-v54 .sidebar-profile-role,
body.app-mode .sidebar-profile-card-v54 .sidebar-profile-mobile{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  padding:0!important;
  margin-right:0!important;
  margin-left:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.app-mode .sidebar-profile-card-v54 .sidebar-profile-role{margin-top:1px!important}
body.app-mode .sidebar-profile-card-v54 .sidebar-profile-mobile{margin-top:1px!important}

/* Login mobile input — dense, app-like and visually balanced */
body.login-mode .login-floating-field-v20{
  position:relative!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  min-height:64px!important;
  height:64px!important;
  padding:8px 10px!important;
  border-radius:20px!important;
  border:1px solid #dce7c9!important;
  background:
    radial-gradient(circle at 100% 0,rgba(151,196,62,.10),transparent 35%),
    linear-gradient(180deg,#fff,#fbfdf7)!important;
  box-shadow:0 12px 28px rgba(70,91,36,.055),inset 0 1px 0 rgba(255,255,255,.95)!important;
  overflow:hidden!important;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease!important;
}
body.login-mode .login-floating-field-v20:before{
  content:""!important;
  position:absolute!important;
  width:82px!important;
  height:82px!important;
  right:-36px!important;
  top:-48px!important;
  border-radius:50%!important;
  background:rgba(150,194,61,.08)!important;
  pointer-events:none!important;
}
body.login-mode .login-floating-field-v20:focus-within{
  transform:translateY(-1px)!important;
  border-color:#a9c96a!important;
  box-shadow:0 0 0 4px rgba(135,177,52,.09),0 16px 34px rgba(70,91,36,.09)!important;
}
body.login-mode .login-field-icon-v20{
  position:relative!important;
  z-index:2!important;
  width:42px!important;
  height:42px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(145deg,#eff6df,#f9fbf3)!important;
  border:1px solid #dbe7c2!important;
  color:#789d34!important;
  font-size:14px!important;
  box-shadow:inset 0 1px 0 #fff,0 8px 18px rgba(83,105,45,.06)!important;
}
body.login-mode .login-field-icon-v20:after{
  content:""!important;
  position:absolute!important;
  width:7px!important;
  height:7px!important;
  left:5px!important;
  bottom:5px!important;
  border-radius:50%!important;
  background:#8db83e!important;
  border:2px solid #f7faef!important;
  box-shadow:0 0 0 3px rgba(141,184,62,.10)!important;
}
body.login-mode .login-field-body-v20{
  position:relative!important;
  z-index:2!important;
  min-width:0!important;
  height:46px!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:18px 28px!important;
  align-items:center!important;
  column-gap:8px!important;
}
body.login-mode .login-field-body-v20 em{
  position:static!important;
  grid-column:1!important;
  grid-row:1!important;
  align-self:end!important;
  justify-self:start!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  color:#60763e!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:900!important;
  pointer-events:none!important;
  transform:none!important;
}
body.login-mode .login-field-body-v20 small{
  position:static!important;
  grid-column:2!important;
  grid-row:1!important;
  align-self:end!important;
  justify-self:end!important;
  padding:0!important;
  margin:0!important;
  color:#9aa68f!important;
  font-size:8px!important;
  line-height:1.2!important;
  direction:ltr!important;
  opacity:1!important;
  pointer-events:none!important;
  transform:none!important;
}
body.login-mode .login-field-body-v20 input{
  grid-column:1 / -1!important;
  grid-row:2!important;
  width:100%!important;
  min-width:0!important;
  height:28px!important;
  min-height:28px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#4b3027!important;
  font-size:16px!important;
  font-weight:850!important;
  letter-spacing:.45px!important;
  line-height:28px!important;
  direction:ltr!important;
  text-align:left!important;
  caret-color:#789d34!important;
}
body.login-mode .login-field-body-v20 input::placeholder{color:transparent!important}
body.login-mode .login-field-body-v20 input:focus ~ em,
body.login-mode .login-field-body-v20 input:not(:placeholder-shown) ~ em{
  position:static!important;
  grid-column:1!important;
  grid-row:1!important;
  font-size:9px!important;
  color:#6f9131!important;
  background:transparent!important;
  padding:0!important;
}
body.login-mode .login-field-body-v20 input:focus ~ small,
body.login-mode .login-field-body-v20 input:not(:placeholder-shown) ~ small{
  position:static!important;
  grid-column:2!important;
  grid-row:1!important;
  font-size:8px!important;
  opacity:1!important;
}

@media(max-width:980px){
  body.app-mode .sidebar-profile-card-v54 .sidebar-profile-main{
    grid-template-columns:50px minmax(0,1fr) 45px!important;
    gap:8px!important;
  }
}
@media(max-width:720px){
  body.login-mode .login-floating-field-v20{
    min-height:62px!important;
    height:62px!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    padding:8px 9px!important;
    border-radius:19px!important;
  }
  body.login-mode .login-field-icon-v20{width:40px!important;height:40px!important;border-radius:13px!important}
  body.login-mode .login-field-body-v20{height:44px!important;grid-template-rows:17px 27px!important}
  body.login-mode .login-field-body-v20 input{height:27px!important;min-height:27px!important;font-size:15px!important;line-height:27px!important}
}

/* ===== V56: login placeholder behavior + sidebar phone alignment ===== */
body.login-mode .login-field-body-v20{
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:18px 28px!important;
}
body.login-mode .login-field-body-v20 em{
  grid-column:1!important;
  grid-row:1!important;
  justify-self:start!important;
}
body.login-mode .login-field-body-v20 input{
  grid-column:1!important;
  grid-row:2!important;
}
body.login-mode .login-field-body-v20 input::placeholder{
  color:#aab3a2!important;
  opacity:.72!important;
  font-size:13px!important;
  font-weight:600!important;
  letter-spacing:.25px!important;
  transition:opacity .16s ease,color .16s ease!important;
}
body.login-mode .login-field-body-v20 input:focus::placeholder{
  color:transparent!important;
  opacity:0!important;
}
body.login-mode .login-field-body-v20 input:focus ~ em,
body.login-mode .login-field-body-v20 input:not(:placeholder-shown) ~ em{
  grid-column:1!important;
  grid-row:1!important;
}

body.app-mode .sidebar-profile-card-v54 .sidebar-profile-mobile{
  width:auto!important;
  max-width:100%!important;
  align-self:stretch!important;
  justify-content:right!important;
  justify-items:right!important;
  text-align:right!important;
  direction:rtl!important;
  margin-right:0!important;
  margin-left:0!important;
}
body.app-mode .sidebar-profile-card-v54 .sidebar-profile-mobile b{
  direction:ltr!important;
  unicode-bidi:isolate!important;
  text-align:right!important;
}

/* ===== V57: smart responsive attendance list — no horizontal scrolling ===== */
body.app-mode .attendance-table-shell-v14{
  container-type:inline-size!important;
  container-name:attendance-list!important;
  overflow:hidden!important;
}
body.app-mode .attendance-table-wrap{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
  overflow-y:visible!important;
}
body.app-mode .attendance-table-v13{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  table-layout:fixed!important;
}
body.app-mode .attendance-table-v13 th,
body.app-mode .attendance-table-v13 td{
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
body.app-mode .attendance-table-v13 th:nth-child(1){width:19%!important}
body.app-mode .attendance-table-v13 th:nth-child(2){width:20%!important}
body.app-mode .attendance-table-v13 th:nth-child(3){width:10%!important}
body.app-mode .attendance-table-v13 th:nth-child(4){width:11%!important}
body.app-mode .attendance-table-v13 th:nth-child(5){width:9%!important}
body.app-mode .attendance-table-v13 th:nth-child(6){width:8%!important}
body.app-mode .attendance-table-v13 th:nth-child(7){width:8%!important}
body.app-mode .attendance-table-v13 th:nth-child(8){width:10%!important}
body.app-mode .attendance-table-v13 th:nth-child(9){width:5%!important}
body.app-mode .attendance-person,
body.app-mode .attendance-meeting-cell,
body.app-mode .attendance-percent{
  min-width:0!important;
  max-width:100%!important;
}
body.app-mode .attendance-person>div,
body.app-mode .attendance-meeting-cell>div{min-width:0!important}
body.app-mode .attendance-person strong,
body.app-mode .attendance-person small,
body.app-mode .attendance-meeting-cell strong,
body.app-mode .attendance-meeting-cell small{
  display:block!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.app-mode .attendance-table-v13 td:nth-child(4) .duration-value,
body.app-mode .attendance-table-v13 td:nth-child(4)>small,
body.app-mode .attendance-table-v13 td:nth-child(6),
body.app-mode .attendance-table-v13 td:nth-child(7),
body.app-mode .attendance-table-v13 td:nth-child(8){white-space:nowrap!important}

/* First compression step: remove first-entry and early-exit columns. */
@container attendance-list (max-width:1100px){
  body.app-mode .attendance-table-v13 th:nth-child(6),
  body.app-mode .attendance-table-v13 td:nth-child(6),
  body.app-mode .attendance-table-v13 th:nth-child(8),
  body.app-mode .attendance-table-v13 td:nth-child(8){display:none!important}
  body.app-mode .attendance-table-v13 th:nth-child(1){width:24%!important}
  body.app-mode .attendance-table-v13 th:nth-child(2){width:25%!important}
  body.app-mode .attendance-table-v13 th:nth-child(3){width:12%!important}
  body.app-mode .attendance-table-v13 th:nth-child(4){width:13%!important}
  body.app-mode .attendance-table-v13 th:nth-child(5){width:11%!important}
  body.app-mode .attendance-table-v13 th:nth-child(7){width:10%!important}
  body.app-mode .attendance-table-v13 th:nth-child(9){width:5%!important}
}

/* Second step: percentage is moved out before horizontal scrolling can appear. */
@container attendance-list (max-width:930px){
  body.app-mode .attendance-table-v13 th:nth-child(5),
  body.app-mode .attendance-table-v13 td:nth-child(5){display:none!important}
  body.app-mode .attendance-table-v13 th:nth-child(1){width:28%!important}
  body.app-mode .attendance-table-v13 th:nth-child(2){width:29%!important}
  body.app-mode .attendance-table-v13 th:nth-child(3){width:14%!important}
  body.app-mode .attendance-table-v13 th:nth-child(4){width:15%!important}
  body.app-mode .attendance-table-v13 th:nth-child(7){width:9%!important}
  body.app-mode .attendance-table-v13 th:nth-child(9){width:5%!important}
}

/* Third step: delay becomes detail-only, keeping the row clean and readable. */
@container attendance-list (max-width:790px){
  body.app-mode .attendance-table-v13 th:nth-child(7),
  body.app-mode .attendance-table-v13 td:nth-child(7){display:none!important}
  body.app-mode .attendance-table-v13 th:nth-child(1){width:31%!important}
  body.app-mode .attendance-table-v13 th:nth-child(2){width:32%!important}
  body.app-mode .attendance-table-v13 th:nth-child(3){width:15%!important}
  body.app-mode .attendance-table-v13 th:nth-child(4){width:17%!important}
  body.app-mode .attendance-table-v13 th:nth-child(9){width:5%!important}
}

/* Compact table: meeting title is secondary on narrow panels. */
@container attendance-list (max-width:670px){
  body.app-mode .attendance-table-v13 th:nth-child(2),
  body.app-mode .attendance-table-v13 td:nth-child(2){display:none!important}
  body.app-mode .attendance-table-v13 th:nth-child(1){width:46%!important}
  body.app-mode .attendance-table-v13 th:nth-child(3){width:22%!important}
  body.app-mode .attendance-table-v13 th:nth-child(4){width:24%!important}
  body.app-mode .attendance-table-v13 th:nth-child(9){width:8%!important}
  body.app-mode .attendance-table-v13 tbody td{padding:11px 9px!important}
  body.app-mode .attendance-person{gap:8px!important}
  body.app-mode .attendance-person .small-avatar{width:34px!important;height:34px!important;border-radius:12px!important;flex:0 0 34px!important}
  body.app-mode .attendance-person strong{font-size:10.5px!important}
  body.app-mode .attendance-person small{font-size:8px!important}
  body.app-mode .attendance-status{font-size:8px!important;padding:5px 7px!important}
  body.app-mode .duration-value{font-size:10px!important}
  body.app-mode .attendance-detail-btn-v13{width:34px!important;height:34px!important;border-radius:12px!important}
}

/* Phone-sized panels become modern cards instead of a squeezed table. */
@container attendance-list (max-width:500px){
  body.app-mode .attendance-table-v13{display:block!important;padding:8px 10px 12px!important;border-spacing:0!important}
  body.app-mode .attendance-table-v13 thead{display:none!important}
  body.app-mode .attendance-table-v13 tbody{display:grid!important;gap:10px!important;width:100%!important}
  body.app-mode .attendance-table-v13 tbody tr.attendance-row{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:
      "person action"
      "status duration"!important;
    gap:10px 12px!important;
    width:100%!important;
    padding:13px!important;
    border:1px solid #dfe8c9!important;
    border-radius:21px!important;
    background:linear-gradient(180deg,#fff,#fbfdf7)!important;
    box-shadow:0 10px 24px rgba(74,94,40,.05)!important;
    overflow:hidden!important;
  }
  body.app-mode .attendance-table-v13 tbody tr.attendance-row::before{
    content:""!important;
    position:absolute!important;
    right:0!important;
    top:15px!important;
    bottom:15px!important;
    width:3px!important;
    border-radius:99px 0 0 99px!important;
    background:#dbe7bf!important;
  }
  body.app-mode .attendance-table-v13 tbody tr.attendance-row.online::before{
    background:linear-gradient(180deg,#2dae73,#8fbb38)!important;
    box-shadow:0 0 14px rgba(45,174,115,.22)!important;
  }
  body.app-mode .attendance-table-v13 tbody tr.attendance-row>td{
    display:none!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  body.app-mode .attendance-table-v13 tbody tr.attendance-row>td:nth-child(1){display:block!important;grid-area:person!important}
  body.app-mode .attendance-table-v13 tbody tr.attendance-row>td:nth-child(3){display:flex!important;grid-area:status!important;align-items:center!important}
  body.app-mode .attendance-table-v13 tbody tr.attendance-row>td:nth-child(4){display:block!important;grid-area:duration!important;text-align:left!important;align-self:center!important}
  body.app-mode .attendance-table-v13 tbody tr.attendance-row>td:nth-child(9){display:grid!important;grid-area:action!important;place-items:center!important;align-self:start!important}
  body.app-mode .attendance-table-v13 tbody tr.attendance-row>td:nth-child(4)::before{
    content:"مدت حضور"!important;
    display:block!important;
    margin-bottom:3px!important;
    font-size:7.5px!important;
    font-weight:800!important;
    color:#8a987d!important;
  }
  body.app-mode .attendance-table-v13 tbody tr.attendance-row>td:nth-child(4)>small{font-size:7.5px!important}
  body.app-mode .attendance-person{width:100%!important;min-width:0!important}
  body.app-mode .attendance-person .small-avatar{width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:14px!important}
  body.app-mode .attendance-person strong{font-size:11.5px!important}
  body.app-mode .attendance-person small{font-size:8.5px!important}
  body.app-mode .attendance-detail-btn-v13{width:38px!important;height:38px!important}
  body.app-mode .attendance-status{padding:6px 9px!important;font-size:8.5px!important}
  body.app-mode .attendance-table-v13 tbody tr:not(.attendance-row){display:table-row!important}
  body.app-mode .attendance-table-v13 tbody tr:not(.attendance-row)>td{display:table-cell!important;width:100%!important}
}

/* ===== V58: full-row attendance interaction + resilient detail action ===== */
body.app-mode .attendance-table-v13 tbody tr.attendance-row-clickable{
  cursor:pointer!important;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
  outline:none!important;
}
body.app-mode .attendance-table-v13 tbody tr.attendance-row-clickable:hover td{
  background:#fbfef5!important;
}
body.app-mode .attendance-table-v13 tbody tr.attendance-row-clickable:focus-visible{
  box-shadow:inset 0 0 0 2px rgba(126,166,50,.42)!important;
}
body.app-mode .attendance-table-v13 tbody tr.attendance-row-clickable td:last-child{
  width:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  text-align:center!important;
  overflow:visible!important;
  position:relative!important;
  z-index:3!important;
}
body.app-mode .attendance-table-v13 .attendance-detail-btn-v13{
  position:relative!important;
  z-index:4!important;
  flex:0 0 auto!important;
  margin-inline:auto!important;
  transform:none!important;
}
body.app-mode .attendance-table-v13 tbody tr.attendance-row-clickable:hover .attendance-detail-btn-v13{
  background:linear-gradient(135deg,#8fbb38,#6e9825)!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 10px 22px rgba(111,154,39,.18)!important;
}

@container attendance-list (max-width:670px) and (min-width:501px){
  body.app-mode .attendance-table-v13 th:nth-child(9),
  body.app-mode .attendance-table-v13 td:nth-child(9){
    width:54px!important;
    min-width:54px!important;
    max-width:54px!important;
  }
  body.app-mode .attendance-table-v13 th:nth-child(1){width:42%!important}
  body.app-mode .attendance-table-v13 th:nth-child(3){width:20%!important}
  body.app-mode .attendance-table-v13 th:nth-child(4){width:auto!important}
}

@container attendance-list (max-width:500px){
  body.app-mode .attendance-table-v13 tbody tr.attendance-row-clickable{
    padding:13px 62px 13px 13px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:
      "person person"
      "status duration"!important;
    min-height:98px!important;
  }
  body.app-mode .attendance-table-v13 tbody tr.attendance-row-clickable>td:nth-child(9){
    display:block!important;
    position:absolute!important;
    left:13px!important;
    top:13px!important;
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    padding:0!important;
    z-index:8!important;
  }
  body.app-mode .attendance-table-v13 tbody tr.attendance-row-clickable .attendance-detail-btn-v13{
    position:absolute!important;
    inset:0!important;
    width:40px!important;
    height:40px!important;
    margin:0!important;
    border-radius:14px!important;
    transform:none!important;
    box-shadow:0 10px 20px rgba(84,107,44,.08)!important;
  }
  body.app-mode .attendance-table-v13 tbody tr.attendance-row-clickable>td:nth-child(1),
  body.app-mode .attendance-table-v13 tbody tr.attendance-row-clickable>td:nth-child(3),
  body.app-mode .attendance-table-v13 tbody tr.attendance-row-clickable>td:nth-child(4){
    min-width:0!important;
    max-width:100%!important;
  }
  body.app-mode .attendance-table-v13 tbody tr.attendance-row-clickable .attendance-person,
  body.app-mode .attendance-table-v13 tbody tr.attendance-row-clickable .attendance-person>div{
    min-width:0!important;
    max-width:100%!important;
  }
  body.app-mode .attendance-table-v13 tbody tr.attendance-row-clickable .attendance-person strong,
  body.app-mode .attendance-table-v13 tbody tr.attendance-row-clickable .attendance-person small{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
}

/* ===== V59: users bulk-add action — compact and aligned with the current design language ===== */
body.app-mode .users-quick-actions-v18 .bulk-add-action-v59{
  position:relative!important;
  min-height:46px!important;
  min-width:154px!important;
  padding:5px 7px 5px 12px!important;
  display:inline-grid!important;
  grid-template-columns:38px minmax(0,1fr) 24px!important;
  align-items:center!important;
  gap:8px!important;
  border-radius:16px!important;
  border:1px solid #d7e4bc!important;
  background:
    radial-gradient(circle at 12% 18%,rgba(168,214,75,.18),transparent 34%),
    linear-gradient(135deg,#fbfff4 0%,#f2f8e2 58%,#fff 100%)!important;
  color:#536a30!important;
  box-shadow:0 10px 24px rgba(76,98,35,.07)!important;
  cursor:pointer!important;
  overflow:hidden!important;
  isolation:isolate!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
body.app-mode .users-quick-actions-v18 .bulk-add-action-v59::before{
  content:""!important;
  position:absolute!important;
  inset:auto -30px -38px auto!important;
  width:92px!important;
  height:92px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(143,187,56,.16),transparent 68%)!important;
  z-index:-1!important;
  pointer-events:none!important;
}
body.app-mode .users-quick-actions-v18 .bulk-add-action-v59:hover{
  transform:translateY(-1px)!important;
  border-color:#bdd58c!important;
  box-shadow:0 14px 30px rgba(76,98,35,.11)!important;
}
body.app-mode .users-quick-actions-v18 .bulk-add-action-v59:active{transform:translateY(0)!important}
body.app-mode .users-quick-actions-v18 .bulk-add-action-icon-v59{
  width:38px!important;
  height:38px!important;
  border-radius:13px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#8fbb38,#6f9b26)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:0 10px 20px rgba(111,154,39,.20),inset 0 1px 0 rgba(255,255,255,.24)!important;
  font-size:14px!important;
}
body.app-mode .users-quick-actions-v18 .bulk-add-action-v59>b{
  min-width:0!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
  color:#4f3329!important;
  text-align:right!important;
  white-space:nowrap!important;
}
body.app-mode .users-quick-actions-v18 .bulk-add-action-arrow-v59{
  width:24px!important;
  height:24px!important;
  border-radius:9px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.78)!important;
  border:1px solid #dce6ca!important;
  color:#789d33!important;
  font-size:9px!important;
  transition:transform .2s ease!important;
}
body.app-mode .users-quick-actions-v18 .bulk-add-action-v59:hover .bulk-add-action-arrow-v59{transform:translateX(-2px)!important}
body.app-mode .users-quick-actions-v18 .bulk-add-action-v59:focus-visible{
  outline:none!important;
  box-shadow:0 0 0 4px rgba(143,187,56,.13),0 14px 30px rgba(76,98,35,.11)!important;
}
@media(max-width:620px){
  body.app-mode .users-quick-actions-v18 .bulk-add-action-v59{
    width:100%!important;
    min-width:0!important;
    min-height:45px!important;
    grid-column:auto!important;
  }
}

/* V61 — recording detail primary play action: keep button-like link clean */
#modalCard.modal-theme-recording-detail-v44 .recording-primary-action-v15,
#modalCard.modal-theme-recording-detail-v44 .recording-primary-action-v15:hover,
#modalCard.modal-theme-recording-detail-v44 .recording-primary-action-v15:focus,
#modalCard.modal-theme-recording-detail-v44 .recording-primary-action-v15:active,
#modalCard.modal-theme-recording-detail-v44 .recording-primary-action-v15:visited{
  text-decoration:none!important;
}

/* ===== V52: meetings page compact modern headers ===== */
.meetings-page-head-v52,
.user-meetings-shell-v52{
  position:relative;
  overflow:hidden;
  display:grid;
  gap:14px;
  margin:0 0 14px;
  padding:16px 18px;
  border:1px solid #e7ecda;
  border-radius:30px;
  background:
    radial-gradient(circle at 100% 0,rgba(141,190,57,.10),transparent 24%),
    radial-gradient(circle at 0 100%,rgba(75,43,35,.05),transparent 22%),
    linear-gradient(145deg,#fff,#fbfcf6 72%,#f6f8ee);
  box-shadow:0 18px 42px rgba(55,71,28,.06);
}
.meetings-page-head-v52:before,
.user-meetings-shell-v52:before{
  content:"";
  position:absolute;
  inset:auto auto -58px -26px;
  width:150px;
  height:150px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(152,201,73,.10),transparent 68%);
  pointer-events:none;
}
.meetings-page-head-admin-v52{grid-template-columns:minmax(0,1fr) auto;align-items:center;}
.meetings-page-head-main-v52,
.user-meetings-shell-main-v52,
.meetings-page-head-side-v52,
.user-meetings-shell-tools-v52{position:relative;z-index:1}
.meetings-page-kicker-v52,
.user-meetings-kicker-v52{
  display:inline-flex;align-items:center;gap:7px;
  padding:6px 11px;border-radius:999px;
  background:#f7faef;border:1px solid #e3ebd0;
  color:#7b9741;font-size:10px;font-weight:900;
  margin-bottom:7px;
}
.meetings-page-head-main-v52 h1,
.user-meetings-shell-copy-v52 h1{
  margin:0;
  font-size:26px;
  line-height:1.22;
  color:#4b2b23;
  font-weight:900;
}
.meetings-page-head-main-v52 p,
.user-meetings-shell-copy-v52 p{
  margin:6px 0 0;
  color:#7e8a71;
  font-size:11px;
  line-height:1.9;
  max-width:720px;
}
.meetings-head-pills-v52,
.user-meetings-pills-v52{
  display:flex;flex-wrap:wrap;gap:8px;
  margin-top:11px;
}
.meetings-head-pills-v52 span,
.user-meetings-pills-v52 span{
  display:inline-flex;align-items:center;gap:6px;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(255,255,255,.86);
  border:1px solid #e7ecda;
  color:#6d7b5e;
  font-size:10px;
  font-weight:800;
  box-shadow:0 8px 18px rgba(58,78,27,.04);
}
.meetings-page-head-side-v52{
  display:flex;align-items:center;gap:12px;
}
.meetings-mini-note-v52{
  min-width:220px;
  padding:12px 14px;
  border-radius:22px;
  border:1px solid #e9eee0;
  background:linear-gradient(180deg,#fff,#fcfdf8);
  box-shadow:0 12px 24px rgba(55,71,28,.045);
}
.meetings-mini-note-v52 strong{
  display:block;
  color:#4b2b23;
  font-size:12px;
  font-weight:900;
}
.meetings-mini-note-v52 small{
  display:block;
  margin-top:4px;
  color:#8c9780;
  font-size:9px;
  line-height:1.8;
}
.meetings-head-action-v52{min-width:128px;height:48px;border-radius:16px;}

.user-meetings-shell-v52{
  grid-template-columns:minmax(0,1fr) minmax(360px,.88fr);
  align-items:center;
  padding:14px 16px;
}
.user-meetings-shell-main-v52{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:12px;
  align-items:center;
}
.user-meetings-shell-icon-v52{
  width:56px;height:56px;border-radius:19px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,#8fbb38,#6f9829);
  color:#fff;font-size:20px;
  box-shadow:0 14px 28px rgba(111,152,41,.24);
}
.user-meetings-shell-copy-v52{min-width:0}
.user-meetings-shell-tools-v52{
  display:grid;
  grid-template-columns:238px minmax(0,1fr);
  gap:10px;
  align-items:center;
}
.user-meeting-scope-tabs-v52{
  display:flex;align-items:center;gap:6px;
  min-height:52px;
  margin:0;
  padding:6px;
  border-radius:18px;
  background:#f3f7ea;
  border:1px solid #e3ead2;
}
.user-meeting-scope-tabs-v52 button{
  flex:1 1 0;
  height:40px;
  border-radius:13px;
  border:0;
  background:transparent;
  color:#849174;
  font-family:inherit;
  font-size:10px;
  font-weight:800;
  display:flex;align-items:center;justify-content:center;gap:7px;
  cursor:pointer;
  transition:.2s;
}
.user-meeting-scope-tabs-v52 button i{font-size:12px;color:#90a174;}
.user-meeting-scope-tabs-v52 button:hover{background:#fff;color:#597137;}
.user-meeting-scope-tabs-v52 button.active{
  background:#fff;
  color:#4b2b23;
  box-shadow:0 10px 22px rgba(67,90,31,.08);
}
.user-meeting-scope-tabs-v52 button.active i{color:#79a22f;}
.user-meeting-search-v52{
  display:grid;
  grid-template-columns:40px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-height:52px;
  padding:0 10px 0 12px;
  border-radius:18px;
  background:#fff;
  border:1px solid #e7ecda;
  box-shadow:0 12px 24px rgba(55,71,28,.04);
}
.user-meeting-search-icon-v52{
  width:36px;height:36px;border-radius:13px;
  display:grid;place-items:center;
  background:#f5f8ef;color:#7da42e;font-size:14px;
}
.user-meeting-search-v52 input{
  min-width:0;border:0;background:transparent;outline:none;
  color:#4e5b40;font-family:inherit;font-size:11px;
}
.user-meeting-search-v52 b{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:66px;height:34px;
  padding:0 11px;border-radius:12px;
  background:#f6f9f0;border:1px solid #e6edd8;
  color:#89a041;font-size:9px;font-weight:900;
}
.user-meeting-list-v52{margin-top:2px;}

@media(max-width:1080px){
  .meetings-page-head-admin-v52,
  .user-meetings-shell-v52{grid-template-columns:1fr;}
  .meetings-page-head-side-v52{justify-content:space-between;}
  .user-meetings-shell-tools-v52{grid-template-columns:1fr;}
}
@media(max-width:720px){
  .meetings-page-head-v52,
  .user-meetings-shell-v52{padding:13px 12px;border-radius:24px;gap:12px;}
  .meetings-page-head-main-v52 h1,
  .user-meetings-shell-copy-v52 h1{font-size:22px;}
  .meetings-page-head-main-v52 p,
  .user-meetings-shell-copy-v52 p{font-size:10px;line-height:1.8;}
  .meetings-page-head-side-v52{flex-direction:column;align-items:stretch;}
  .meetings-mini-note-v52{min-width:0;}
  .user-meetings-shell-main-v52{grid-template-columns:50px minmax(0,1fr);gap:10px;}
  .user-meetings-shell-icon-v52{width:48px;height:48px;border-radius:16px;font-size:18px;}
  .user-meeting-scope-tabs-v52{min-height:50px;}
  .user-meeting-scope-tabs-v52 button{height:38px;font-size:8.8px;gap:5px;}
  .user-meeting-search-v52{grid-template-columns:36px minmax(0,1fr);padding:8px 10px;min-height:0;}
  .user-meeting-search-v52 b{grid-column:1/-1;justify-self:start;margin-right:46px;min-width:auto;height:28px;padding:0 10px;}
}


/* ===== V53: meetings header stats cards ===== */
.meetings-page-head-main-v52 p,.user-meetings-shell-copy-v52 p,.meetings-head-pills-v52,.user-meetings-pills-v52,.meetings-mini-note-v52{display:none!important}
.meetings-page-head-v52{grid-template-columns:minmax(260px,.92fr) minmax(0,1.08fr) auto;align-items:center;gap:12px;padding:14px 16px!important;min-height:0!important}
.meetings-page-head-main-v52{min-width:0!important}
.meetings-page-head-side-v52{display:contents!important}
.meetings-head-stats-v53,.user-meetings-quickstats-v53{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-width:0}
.meetings-stat-card-v53{position:relative;overflow:hidden;display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;padding:12px 12px;border-radius:22px;border:1px solid #e7ecda;background:linear-gradient(180deg,#fff,#fcfdf8);box-shadow:0 14px 26px rgba(55,71,28,.045)}
.meetings-stat-card-v53:before{content:"";position:absolute;left:-18px;bottom:-24px;width:72px;height:72px;border-radius:50%;background:radial-gradient(circle,rgba(140,189,59,.10),transparent 70%)}
.meetings-stat-icon-v53{position:relative;z-index:1;width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:#f5f8ef;color:#7ea130;font-size:15px;box-shadow:inset 0 0 0 1px #e6edd8}
.meetings-stat-card-v53 div{position:relative;z-index:1;min-width:0}
.meetings-stat-card-v53 small{display:block;color:#8b9580;font-size:9px;font-weight:800;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.meetings-stat-card-v53 b{display:block;color:#4b2b23;font-size:20px;line-height:1.1;font-weight:900}
.meetings-stat-card-v53.live .meetings-stat-icon-v53{background:linear-gradient(135deg,#ecfbf3,#dff7ea);color:#27a36d;box-shadow:inset 0 0 0 1px #caebd8}
.meetings-stat-card-v53.calm .meetings-stat-icon-v53{background:linear-gradient(135deg,#f4f8ea,#edf5db);color:#89a73b}
.meetings-stat-card-v53.warm .meetings-stat-icon-v53{background:linear-gradient(135deg,#fff3e6,#ffedd8);color:#c68636;box-shadow:inset 0 0 0 1px #f4dec4}
.meetings-stat-card-v53.active .meetings-stat-icon-v53{background:linear-gradient(135deg,#f5f1ff,#ebe3ff);color:#7861e4;box-shadow:inset 0 0 0 1px #e0d4ff}
.meetings-head-action-v52{justify-self:end;align-self:center;height:46px!important;min-width:122px!important}
.user-meetings-shell-v52{grid-template-columns:minmax(230px,.82fr) minmax(0,1.18fr)!important;gap:12px!important;padding:14px 16px!important}
.user-meetings-shell-tools-v52{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:'stats stats stats stats' 'tabs tabs search search';gap:10px!important}
.user-meetings-quickstats-v53{grid-area:stats}
.user-meeting-scope-tabs-v52{grid-area:tabs;margin:0!important}
.user-meeting-search-v52{grid-area:search}
@media(max-width:1180px){.meetings-page-head-v52{grid-template-columns:1fr!important}.meetings-head-action-v52{justify-self:start}.meetings-head-stats-v53,.user-meetings-quickstats-v53{grid-template-columns:repeat(2,minmax(0,1fr))}.user-meetings-shell-v52{grid-template-columns:1fr!important}.user-meetings-shell-tools-v52{grid-template-areas:'stats stats' 'tabs tabs' 'search search';grid-template-columns:1fr 1fr}}
@media(max-width:720px){.meetings-page-head-v52,.user-meetings-shell-v52{padding:12px!important;border-radius:24px!important}.meetings-head-stats-v53,.user-meetings-quickstats-v53{grid-template-columns:1fr 1fr;gap:8px}.meetings-stat-card-v53{grid-template-columns:38px minmax(0,1fr);padding:10px;border-radius:18px}.meetings-stat-icon-v53{width:38px;height:38px;border-radius:13px;font-size:14px}.meetings-stat-card-v53 small{font-size:8px}.meetings-stat-card-v53 b{font-size:17px}.user-meetings-shell-tools-v52{grid-template-columns:1fr!important;grid-template-areas:'stats' 'tabs' 'search'}.user-meeting-search-v52 b{margin-right:0!important}}

/* ===== V55: centered premium empty state for meetings ===== */
body.app-mode .meeting-list.is-empty,
body.user-role .user-meeting-list.is-empty,
body.user-role .user-meeting-list-v52.is-empty{
  display:grid!important;
  place-items:center!important;
  align-items:center!important;
  min-height:calc(100vh - 360px)!important;
}
body.app-mode .meeting-list.is-empty{min-height:calc(100vh - 370px)!important}
.meetings-empty-state-v55{
  position:relative!important;
  overflow:hidden!important;
  width:min(100%,640px)!important;
  min-height:280px!important;
  padding:28px 28px 24px!important;
  border-radius:34px!important;
  border:1px solid #e7ecda!important;
  background:
    radial-gradient(circle at 100% 0,rgba(143,187,56,.13),transparent 30%),
    radial-gradient(circle at 0 100%,rgba(92,62,50,.06),transparent 28%),
    linear-gradient(160deg,#ffffff,#fcfdf8 70%,#f4f7eb)!important;
  box-shadow:0 28px 60px rgba(62,82,29,.08)!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  text-align:center!important;
  gap:10px!important;
}
.meetings-empty-state-v55:before,
.meetings-empty-state-v55:after{
  content:""!important;position:absolute!important;border-radius:50%!important;pointer-events:none!important;
}
.meetings-empty-state-v55:before{width:160px!important;height:160px!important;right:-38px!important;top:-48px!important;background:radial-gradient(circle,rgba(143,187,56,.12),transparent 70%)!important}
.meetings-empty-state-v55:after{width:180px!important;height:180px!important;left:-60px!important;bottom:-74px!important;background:radial-gradient(circle,rgba(87,62,54,.07),transparent 70%)!important}
.meetings-empty-visual-v55{
  position:relative!important;z-index:1!important;
  width:78px!important;height:78px!important;border-radius:28px!important;
  display:grid!important;place-items:center!important;
  background:linear-gradient(135deg,#8fbb38,#6d9628)!important;
  color:#fff!important;font-size:30px!important;
  box-shadow:0 18px 34px rgba(111,153,41,.24)!important;
}
.meetings-empty-state-v55.user .meetings-empty-visual-v55{background:linear-gradient(135deg,#5fb8a5,#87c97a)!important;box-shadow:0 18px 34px rgba(95,184,165,.20)!important}
.meetings-empty-state-v55 strong{
  position:relative!important;z-index:1!important;
  display:block!important;margin:4px 0 0!important;
  color:#4b2b23!important;font-size:25px!important;font-weight:900!important;line-height:1.35!important;
}
.meetings-empty-state-v55 small{
  position:relative!important;z-index:1!important;
  display:block!important;max-width:430px!important;
  color:#7b8870!important;font-size:11px!important;line-height:2.05!important;
}
.meetings-empty-actions-v55{
  position:relative!important;z-index:1!important;
  display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;
  margin-top:6px!important;
}
.meetings-empty-actions-v55 .ghost-btn,
.meetings-empty-actions-v55 .primary-btn{
  min-width:144px!important;height:46px!important;border-radius:16px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  box-shadow:0 12px 24px rgba(54,73,28,.06)!important;
}
.meetings-empty-actions-v55 .ghost-btn{background:#fff!important;border:1px solid #e7ecda!important;color:#6d7f53!important}
.meetings-empty-actions-v55 .ghost-btn:hover{background:#f8fbf2!important;color:#4c6433!important}
@media(max-width:720px){
  body.app-mode .meeting-list.is-empty,
  body.user-role .user-meeting-list.is-empty,
  body.user-role .user-meeting-list-v52.is-empty{min-height:calc(100vh - 310px)!important}
  .meetings-empty-state-v55{min-height:240px!important;padding:22px 16px 18px!important;border-radius:26px!important}
  .meetings-empty-visual-v55{width:64px!important;height:64px!important;border-radius:22px!important;font-size:24px!important}
  .meetings-empty-state-v55 strong{font-size:20px!important}
  .meetings-empty-state-v55 small{font-size:10px!important;line-height:1.9!important}
  .meetings-empty-actions-v55{gap:8px!important}
  .meetings-empty-actions-v55 .ghost-btn,
  .meetings-empty-actions-v55 .primary-btn{min-width:132px!important;height:42px!important;border-radius:14px!important}
}

/* ===== V56: force meetings empty state to true page center ===== */
body.app-mode #meetingsList.meeting-list.is-empty,
body.user-role #myMeetingsList.user-meeting-list.is-empty,
body.user-role #myMeetingsList.user-meeting-list-v52.is-empty{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-auto-columns:1fr!important;
  grid-auto-flow:row!important;
  width:100%!important;
  max-width:none!important;
  justify-items:center!important;
  align-items:center!important;
  place-items:center!important;
}
body.app-mode #meetingsList.meeting-list.is-empty>.meetings-empty-state-v55,
body.user-role #myMeetingsList.user-meeting-list.is-empty>.meetings-empty-state-v55,
body.user-role #myMeetingsList.user-meeting-list-v52.is-empty>.meetings-empty-state-v55{
  grid-column:1 / -1!important;
  justify-self:center!important;
  align-self:center!important;
  margin-inline:auto!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Full-session MP4 recording accents */
.recording-format-card-v15.full-mp4{border-color:#cfe1a8!important;background:radial-gradient(circle at 100% 0,rgba(143,187,56,.12),transparent 36%),linear-gradient(180deg,#fff,#fbfdf6)!important;box-shadow:0 14px 30px rgba(82,111,30,.07)!important}.recording-format-card-v15.full-mp4 .recording-format-icon-v15{background:linear-gradient(135deg,#8fbb38,#6e972a)!important;color:#fff!important;box-shadow:0 10px 20px rgba(111,151,42,.18)!important}.recording-format-card-v15.full-mp4 .recording-format-copy-v15 em{background:#edf6da!important;color:#668a2d!important;border-color:#d8e8ba!important}.recording-state.processing{white-space:nowrap!important}

/* MP4-first recording status */
.recording-card-v15 .recording-format-chips-v15 span:first-child{font-weight:800}.recording-card-v15.ready:has(.recording-card-action-v15.primary) .recording-cover-play-v15{background:linear-gradient(135deg,#8fbb38,#6e972a)!important;color:#fff!important;box-shadow:0 12px 28px rgba(111,151,42,.24)!important}

/* ===== V56: final MP4 archive + inline MehrMeet player ===== */
body.app-mode .recording-card-v15.waiting-mp4 .recording-cover-v15{
  filter:none!important;
}
body.app-mode .recording-card-v15.waiting-mp4 .recording-cover-shade-v15{
  background:linear-gradient(180deg,rgba(29,39,15,.10),rgba(34,44,20,.76))!important;
}
body.app-mode .recording-card-v15.waiting-mp4 .recording-cover-play-v15{
  background:rgba(255,255,255,.90)!important;
  color:#789b39!important;
  box-shadow:0 14px 30px rgba(45,61,22,.14)!important;
}
body.app-mode .recording-format-chips-v15 .preparing{
  border-color:#dce7c6!important;
  background:linear-gradient(135deg,#f7fbed,#eef6df)!important;
  color:#71884c!important;
}
body.app-mode .recording-format-chips-v15 .preparing i{
  animation:v56PreparePulse 1.45s ease-in-out infinite!important;
}
body.app-mode .recording-format-chips-v15 .full{
  border-color:#cfe1ad!important;
  background:linear-gradient(135deg,#f3f9e7,#e9f4d5)!important;
  color:#5f7e2d!important;
}
body.app-mode .recording-card-action-v15.primary,
body.app-mode .recording-card-action-v11.play-recording-inline,
body.app-mode .recording-primary-action-v15{
  cursor:pointer!important;
}
body.app-mode .recording-card-action-v11.play-recording-inline{
  border:0!important;
}
@keyframes v56PreparePulse{0%,100%{transform:scale(1);opacity:.62}50%{transform:scale(1.14);opacity:1}}

#modalCard.modal-theme-recording-player-v56{
  width:min(1180px,calc(100vw - 42px))!important;
  max-width:1180px!important;
  height:min(800px,calc(100vh - 42px))!important;
  max-height:calc(100vh - 42px)!important;
  overflow:hidden!important;
  border-radius:30px!important;
  background:#f5f8ef!important;
  border:1px solid #dce7c8!important;
  box-shadow:0 35px 85px rgba(39,52,18,.22)!important;
}
#modalCard.modal-theme-recording-player-v56 .modal-body{
  height:calc(100% - 68px)!important;
  min-height:0!important;
  padding:12px!important;
  overflow:hidden!important;
}
#modalCard.modal-theme-recording-player-v56 .recording-inline-player-v56{
  height:100%!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:10px!important;
}
#modalCard.modal-theme-recording-player-v56 .recording-inline-head-v56{
  min-height:54px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:7px 9px!important;
}
#modalCard.modal-theme-recording-player-v56 .recording-inline-head-v56>span{
  width:44px!important;height:44px!important;border-radius:15px!important;
  display:grid!important;place-items:center!important;
  background:linear-gradient(135deg,#8fbb38,#6c9528)!important;
  color:#fff!important;font-size:15px!important;
  box-shadow:0 11px 23px rgba(111,151,43,.18)!important;
}
#modalCard.modal-theme-recording-player-v56 .recording-inline-head-v56 div{min-width:0!important}
#modalCard.modal-theme-recording-player-v56 .recording-inline-head-v56 b{
  display:block!important;color:#4f3329!important;font-size:12px!important;font-weight:900!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
#modalCard.modal-theme-recording-player-v56 .recording-inline-head-v56 small{
  display:block!important;margin-top:3px!important;color:#7a886b!important;font-size:8.5px!important;
}
#modalCard.modal-theme-recording-player-v56 .recording-inline-stage-v56{
  min-height:0!important;
  overflow:hidden!important;
  border-radius:24px!important;
  background:#090d07!important;
  border:1px solid #344327!important;
  box-shadow:0 22px 48px rgba(33,44,15,.18)!important;
}
#modalCard.modal-theme-recording-player-v56 .recording-inline-stage-v56 iframe{
  width:100%!important;height:100%!important;min-height:0!important;display:block!important;border:0!important;background:#090d07!important;
}
#modalCard.modal-theme-recording-detail-v44 .recording-format-card-v15.full-mp4{
  border-color:#d4e3b8!important;
  background:linear-gradient(135deg,#fff,#f6faee)!important;
}
#modalCard.modal-theme-recording-detail-v44 .recording-format-card-v15:not(.full-mp4){display:none!important}
@media(max-width:720px){
  #modalCard.modal-theme-recording-player-v56{
    width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;border-radius:0!important;border:0!important;
  }
  #modalCard.modal-theme-recording-player-v56 .modal-body{padding:6px!important;height:calc(100% - 60px)!important}
  #modalCard.modal-theme-recording-player-v56 .recording-inline-head-v56{min-height:48px!important;padding:4px 6px!important}
  #modalCard.modal-theme-recording-player-v56 .recording-inline-head-v56>span{width:38px!important;height:38px!important;border-radius:13px!important}
  #modalCard.modal-theme-recording-player-v56 .recording-inline-stage-v56{border-radius:16px!important}
}

/* ===== V57: live shimmer skeletons across the application ===== */
@keyframes v56SkeletonSweep{
  0%{transform:translate3d(125%,0,0)}
  100%{transform:translate3d(-225%,0,0)}
}
@keyframes v56SkeletonPulse{
  0%,100%{opacity:.78}
  50%{opacity:1}
}
body.app-mode .page-skeleton div,
body.app-mode .meeting-list-skeleton,
body.app-mode .recording-skeleton,
body.app-mode .file-skeleton,
body.app-mode .skeleton-card,
body.app-mode .group-skeleton,
body.app-mode .user-card-skeleton-v17,
body.app-mode .users-stat-card-v17.skeleton,
body.app-mode .users-stat-pill-v18.skeleton,
body.app-mode .table-loading,
body.app-mode .modal-loading{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:#e8eedc!important;
  border-color:#d2ddbd!important;
  animation:v56SkeletonPulse 1.65s ease-in-out infinite!important;
}
body.app-mode .page-skeleton div::after,
body.app-mode .meeting-list-skeleton::after,
body.app-mode .recording-skeleton::after,
body.app-mode .file-skeleton::after,
body.app-mode .skeleton-card::after,
body.app-mode .group-skeleton::after,
body.app-mode .user-card-skeleton-v17::after,
body.app-mode .users-stat-card-v17.skeleton::after,
body.app-mode .users-stat-pill-v18.skeleton::after,
body.app-mode .table-loading::after,
body.app-mode .modal-loading::after{
  content:""!important;
  position:absolute!important;
  z-index:5!important;
  top:-20%!important;
  bottom:-20%!important;
  left:0!important;
  width:48%!important;
  min-width:90px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.22) 22%,rgba(255,255,255,.92) 50%,rgba(255,255,255,.25) 78%,rgba(255,255,255,0) 100%)!important;
  filter:blur(2px)!important;
  box-shadow:0 0 28px rgba(255,255,255,.4)!important;
  transform:translate3d(125%,0,0)!important;
  animation:v56SkeletonSweep 1.15s cubic-bezier(.4,0,.2,1) infinite!important;
  pointer-events:none!important;
}
/* stagger adjacent skeletons so a page feels alive instead of flashing in sync */
body.app-mode .page-skeleton div:nth-child(2n)::after,
body.app-mode .meeting-list-skeleton:nth-child(2n)::after,
body.app-mode .recording-skeleton:nth-child(2n)::after,
body.app-mode .file-skeleton:nth-child(2n)::after,
body.app-mode .skeleton-card:nth-child(2n)::after{animation-delay:.14s!important}
body.app-mode .page-skeleton div:nth-child(3n)::after,
body.app-mode .meeting-list-skeleton:nth-child(3n)::after,
body.app-mode .recording-skeleton:nth-child(3n)::after,
body.app-mode .file-skeleton:nth-child(3n)::after,
body.app-mode .skeleton-card:nth-child(3n)::after{animation-delay:.28s!important}

/* ===== V58: always-moving modal skeleton + compact floating mobile field ===== */
@keyframes v58ModalLoadingShimmer{
  0%{background-position:180% 50%}
  100%{background-position:-120% 50%}
}
@keyframes v58ModalLoadingSweep{
  0%{transform:translate3d(170%,0,0);opacity:0}
  12%{opacity:1}
  78%{opacity:1}
  100%{transform:translate3d(-310%,0,0);opacity:0}
}
/* Keep modal loading visibly alive even if another generic skeleton rule is overridden. */
.modal-loading{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-height:260px!important;
  border:1px solid #d3dfbc!important;
  border-radius:20px!important;
  background:linear-gradient(105deg,#e4ead8 0%,#edf2e4 20%,#ffffff 39%,#dfe7d1 55%,#f7f9f2 72%,#e4ead8 100%)!important;
  background-size:320% 100%!important;
  background-position:180% 50%!important;
  animation:v58ModalLoadingShimmer 1.05s linear infinite!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 10px 26px rgba(68,87,36,.06)!important;
  will-change:background-position!important;
}
.modal-loading::after{
  content:""!important;
  position:absolute!important;
  z-index:8!important;
  top:-18%!important;
  bottom:-18%!important;
  right:auto!important;
  left:0!important;
  width:34%!important;
  min-width:110px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.18) 20%,rgba(255,255,255,.96) 50%,rgba(255,255,255,.22) 80%,rgba(255,255,255,0))!important;
  box-shadow:0 0 34px rgba(255,255,255,.58)!important;
  filter:blur(1px)!important;
  transform:translate3d(170%,0,0)!important;
  animation:v58ModalLoadingSweep 1.05s ease-in-out infinite!important;
  pointer-events:none!important;
  will-change:transform,opacity!important;
}

/* Login mobile field: shorter field + true floating label over the border. */
body.login-mode .login-floating-field-v20{
  grid-template-columns:38px minmax(0,1fr)!important;
  gap:9px!important;
  min-height:54px!important;
  height:54px!important;
  padding:7px 9px!important;
  border-radius:17px!important;
  overflow:visible!important;
  background:linear-gradient(180deg,#fff,#fbfdf8)!important;
}
body.login-mode .login-field-icon-v20{
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  font-size:13px!important;
}
body.login-mode .login-field-body-v20{
  position:relative!important;
  display:block!important;
  height:38px!important;
  min-height:38px!important;
  padding:0!important;
  overflow:visible!important;
}
body.login-mode .login-field-body-v20 input{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:100%!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 4px!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#4b3027!important;
  font-size:25px!important;
  line-height:38px!important;
  font-weight:850!important;
  direction:ltr!important;
  text-align:left!important;
}
body.login-mode .login-field-body-v20 input::placeholder{
  color:#9eaa94!important;
  opacity:0!important;
  font-size:12px!important;
  font-weight:650!important;
  transition:opacity .18s ease!important;
}
body.login-mode .login-field-body-v20 input:focus::placeholder{
  color:#a4ae9a!important;
  opacity:.72!important;
}
body.login-mode .login-field-body-v20 em{
  position:absolute!important;
  z-index:4!important;
  top:50%!important;
  right:4px!important;
  left:auto!important;
  grid-column:auto!important;
  grid-row:auto!important;
  margin:0!important;
  padding:0 5px!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#738064!important;
  font-size:11px!important;
  line-height:16px!important;
  font-weight:900!important;
  font-style:normal!important;
  white-space:nowrap!important;
  pointer-events:none!important;
  transform:translateY(-50%)!important;
  transform-origin:right center!important;
  transition:top .18s ease,transform .18s ease,font-size .18s ease,color .18s ease,background .18s ease,padding .18s ease!important;
}
body.login-mode .login-field-body-v20 input:focus ~ em,
body.login-mode .login-field-body-v20 input:not(:placeholder-shown) ~ em,
body.login-mode .login-field-body-v20 input:-webkit-autofill ~ em{
  position:absolute!important;
  top:-14px!important;
  right:2px!important;
  grid-column:auto!important;
  grid-row:auto!important;
  padding:0 7px!important;
  background:#fff!important;
  color:#72972f!important;
  font-size:9px!important;
  line-height:16px!important;
  transform:none!important;
  box-shadow:0 0 0 2px #fff!important;
}
body.login-mode .login-floating-field-v20:focus-within{
  border-color:#9fc255!important;
  box-shadow:0 0 0 4px rgba(133,176,50,.085),0 13px 28px rgba(70,91,36,.075)!important;
}
@media(max-width:720px){
  body.login-mode .login-floating-field-v20{
    grid-template-columns:36px minmax(0,1fr)!important;
    min-height:52px!important;
    height:52px!important;
    padding:7px 8px!important;
    border-radius:16px!important;
  }
  body.login-mode .login-field-icon-v20{width:36px!important;height:36px!important;border-radius:11px!important}
  body.login-mode .login-field-body-v20{height:36px!important;min-height:36px!important}
  body.login-mode .login-field-body-v20 input{height:36px!important;min-height:36px!important;line-height:36px!important;font-size:14px!important}
  body.login-mode .login-field-body-v20 input:focus ~ em,
  body.login-mode .login-field-body-v20 input:not(:placeholder-shown) ~ em,
  body.login-mode .login-field-body-v20 input:-webkit-autofill ~ em{top:-13px!important}
}

/* ===== V59: login-style skeletons for Meetings page and meeting modals ===== */
@keyframes meetingSkeletonSweepV59{
  0%{transform:translateX(-115%)}
  100%{transform:translateX(115%)}
}

body.app-mode .meeting-skeleton-piece-v59{
  display:block;
  position:relative;
  overflow:hidden;
  flex:0 0 auto;
  min-width:1px;
  min-height:1px;
  background:#eef3df;
  border-radius:14px;
}
body.app-mode .meeting-skeleton-piece-v59::after{
  content:"";
  position:absolute;
  inset:0;
  transform:translateX(-115%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.86),transparent);
  animation:meetingSkeletonSweepV59 1.3s ease-in-out infinite;
  pointer-events:none;
}

/* Meeting list: skeleton follows the real card composition instead of one solid block. */
body.app-mode .meeting-list-skeleton.meeting-list-skeleton-v59{
  height:auto!important;
  min-height:0!important;
  display:block!important;
  padding:18px 19px!important;
  border:1px solid #edf2e3!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#fff,#fdfefb)!important;
  box-shadow:0 10px 28px rgba(66,84,34,.045)!important;
  animation:none!important;
  isolation:auto!important;
}
body.app-mode .meeting-list-skeleton.meeting-list-skeleton-v59::after{content:none!important;display:none!important}
body.app-mode .meeting-list-skeleton-v59:nth-child(2n) .meeting-skeleton-piece-v59::after{animation-delay:.13s}
body.app-mode .meeting-list-skeleton-v59:nth-child(3n) .meeting-skeleton-piece-v59::after{animation-delay:.26s}
body.app-mode .meeting-skeleton-top-v59{display:flex;align-items:center;gap:9px}
body.app-mode .meeting-skeleton-icon-v59{width:43px;height:43px;border-radius:14px}
body.app-mode .meeting-skeleton-badges-v59{display:flex;gap:7px;flex:1}
body.app-mode .meeting-skeleton-badge-v59{width:80px;height:24px;border-radius:999px}
body.app-mode .meeting-skeleton-badge-v59.short{width:58px}
body.app-mode .meeting-skeleton-more-v59{width:35px;height:35px;border-radius:12px}
body.app-mode .meeting-skeleton-copy-v59{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:15px}
body.app-mode .meeting-skeleton-title-v59{width:min(42%,310px);height:18px;border-radius:9px}
body.app-mode .meeting-skeleton-line-v59{width:min(70%,560px);height:10px;border-radius:999px}
body.app-mode .meeting-skeleton-line-v59.short{width:min(48%,390px)}
body.app-mode .meeting-skeleton-info-v59{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:16px}
body.app-mode .meeting-skeleton-info-v59>div{display:flex;align-items:center;gap:9px;min-height:61px;padding:10px 11px;border:1px solid #f0f3ea;border-radius:15px;background:#fbfcf8}
body.app-mode .meeting-skeleton-info-v59>div>span{display:flex;flex:1;flex-direction:column;gap:7px;min-width:0}
body.app-mode .meeting-skeleton-mini-icon-v59{width:32px;height:32px;border-radius:10px}
body.app-mode .meeting-skeleton-label-v59{width:48px;height:7px;border-radius:999px}
body.app-mode .meeting-skeleton-value-v59{width:78px;max-width:78%;height:11px;border-radius:999px;background:#e4ebd1}
body.app-mode .meeting-skeleton-value-v59.wide{width:112px}
body.app-mode .meeting-skeleton-footer-v59{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:15px;padding-top:14px;border-top:1px solid #f0f3e9}
body.app-mode .meeting-skeleton-meta-v59,body.app-mode .meeting-skeleton-actions-v59{display:flex;align-items:center;gap:8px}
body.app-mode .meeting-skeleton-chip-v59{width:82px;height:24px;border-radius:999px}
body.app-mode .meeting-skeleton-chip-v59.short{width:62px}
body.app-mode .meeting-skeleton-button-v59{width:104px;height:39px;border-radius:13px;background:#dfe9c3}
body.app-mode .meeting-skeleton-button-v59.ghost{width:82px;background:#eef3df}

/* Whole Meetings page while the view itself is being loaded. */
body.app-mode .meeting-page-skeleton-v59{display:flex;flex-direction:column;gap:15px}
body.app-mode .meeting-page-skeleton-head-v59{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:4px 2px 0}
body.app-mode .meeting-page-skeleton-head-v59>div:first-child{display:flex;flex-direction:column;gap:9px}
body.app-mode .meeting-page-kicker-v59{width:116px;height:25px;border-radius:999px}
body.app-mode .meeting-page-title-v59{width:92px;height:28px;border-radius:10px;background:#e4ebd1}
body.app-mode .meeting-page-stat-skeletons-v59{display:flex;align-items:center;gap:8px}
body.app-mode .meeting-page-stat-skeletons-v59>span{width:126px;height:57px;padding:9px;border:1px solid #edf2e3;border-radius:16px;background:#fff;display:flex;align-items:center;gap:8px}
body.app-mode .meeting-page-stat-icon-v59{width:34px;height:34px;border-radius:11px}
body.app-mode .meeting-page-stat-line-v59{width:58px;height:12px;border-radius:999px}
body.app-mode .meeting-page-filter-skeletons-v59{display:grid;grid-template-columns:1.55fr repeat(2,1fr) .72fr;gap:9px}
body.app-mode .meeting-page-filter-v59{width:100%;height:63px;border-radius:17px;background:#eef3df}
body.app-mode .meeting-page-list-skeleton-v59{margin-top:1px}

/* Meeting create/edit/detail modal skeletons. */
body.app-mode .meeting-modal-skeleton-v59{display:flex;flex-direction:column;gap:13px;width:100%;padding:2px 1px 8px}
body.app-mode .meeting-modal-step-skeleton-v59{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:5px 2px 2px}
body.app-mode .meeting-modal-step-v59{width:100%;height:40px;border-radius:14px}
body.app-mode .meeting-modal-step-v59.active{background:#dfe9c3}
body.app-mode .meeting-modal-hero-skeleton-v59{display:grid;grid-template-columns:58px minmax(0,1fr) 112px;align-items:center;gap:13px;padding:16px;border:1px solid #edf2e3;border-radius:22px;background:linear-gradient(145deg,#fff,#fbfdf7)}
body.app-mode .meeting-modal-hero-skeleton-v59.compact{grid-template-columns:58px minmax(0,1fr)}
body.app-mode .meeting-modal-hero-skeleton-v59>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
body.app-mode .meeting-modal-hero-icon-v59{width:58px;height:58px;border-radius:19px;background:#dfe9c3}
body.app-mode .meeting-modal-kicker-v59{width:76px;height:9px;border-radius:999px}
body.app-mode .meeting-modal-title-v59{width:min(52%,330px);height:21px;border-radius:9px;background:#e4ebd1}
body.app-mode .meeting-modal-line-v59{width:min(72%,520px);height:10px;border-radius:999px}
body.app-mode .meeting-modal-line-v59.short{width:min(48%,350px)}
body.app-mode .meeting-modal-hero-action-v59{width:112px;height:43px;border-radius:14px;background:#dfe9c3}
body.app-mode .meeting-modal-chip-row-v59{display:flex!important;flex-direction:row!important;gap:7px!important;margin-top:1px}
body.app-mode .meeting-modal-chip-v59{width:74px;height:22px;border-radius:999px}
body.app-mode .meeting-modal-chip-v59.short{width:52px}
body.app-mode .meeting-modal-panel-skeleton-v59{padding:15px;border:1px solid #edf2e3;border-radius:20px;background:#fff}
body.app-mode .meeting-modal-panel-head-v59{display:flex;align-items:center;gap:10px;margin-bottom:13px}
body.app-mode .meeting-modal-panel-head-v59>span{display:flex;flex-direction:column;gap:6px;min-width:0}
body.app-mode .meeting-modal-panel-icon-v59{width:39px;height:39px;border-radius:13px}
body.app-mode .meeting-modal-panel-title-v59{width:130px;height:13px;border-radius:999px;background:#e4ebd1}
body.app-mode .meeting-modal-panel-sub-v59{width:210px;max-width:50vw;height:8px;border-radius:999px}
body.app-mode .meeting-modal-fields-v59{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.app-mode .meeting-modal-field-v59{width:100%;height:66px;border-radius:17px}
body.app-mode .meeting-modal-field-v59.full{grid-column:1/-1;height:76px}
body.app-mode .meeting-modal-option-grid-v59{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
body.app-mode .meeting-modal-option-grid-v59>div{display:flex;align-items:center;gap:9px;min-height:68px;padding:10px;border:1px solid #f0f3e9;border-radius:16px;background:#fbfcf8}
body.app-mode .meeting-modal-option-grid-v59>div>span{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}
body.app-mode .meeting-modal-option-icon-v59{width:35px;height:35px;border-radius:12px}
body.app-mode .meeting-modal-option-title-v59{width:82px;height:10px;border-radius:999px;background:#e4ebd1}
body.app-mode .meeting-modal-option-sub-v59{width:112px;max-width:90%;height:7px;border-radius:999px}
body.app-mode .meeting-modal-actions-skeleton-v59{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:2px}
body.app-mode .meeting-modal-actions-skeleton-v59>span{display:flex;gap:8px}
body.app-mode .meeting-modal-stat-grid-v59{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
body.app-mode .meeting-modal-stat-grid-v59>div{min-height:65px;padding:10px;border:1px solid #f0f3e9;border-radius:15px;background:#fbfcf8;display:flex;align-items:center;gap:9px}
body.app-mode .meeting-modal-stat-icon-v59{width:35px;height:35px;border-radius:11px}
body.app-mode .meeting-modal-stat-line-v59{width:92px;max-width:65%;height:12px;border-radius:999px;background:#e4ebd1}
body.app-mode .meeting-modal-cards-v59{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
body.app-mode .meeting-modal-cards-v59>div{min-height:82px;padding:11px;border:1px solid #edf2e3;border-radius:17px;background:#fff;display:flex;align-items:center;gap:9px}
body.app-mode .meeting-modal-card-icon-v59{width:37px;height:37px;border-radius:12px}
body.app-mode .meeting-modal-card-line-v59{width:80px;max-width:60%;height:13px;border-radius:999px;background:#e4ebd1}

/* Inline loaders inside meeting detail/file modals. */
body.app-mode .meeting-inline-skeleton-v59{display:grid;gap:8px;width:100%}
body.app-mode .meeting-inline-skeleton-v59>article{display:grid;grid-template-columns:44px minmax(0,1fr) 82px;align-items:center;gap:10px;min-height:64px;padding:10px 11px;border:1px solid #f0f3e9;border-radius:15px;background:#fbfcf8}
body.app-mode .meeting-inline-skeleton-v59>article>div{display:flex;flex-direction:column;gap:7px;min-width:0}
body.app-mode .meeting-inline-icon-v59{width:42px;height:42px;border-radius:13px}
body.app-mode .meeting-inline-title-v59{width:min(48%,230px);height:12px;border-radius:999px;background:#e4ebd1}
body.app-mode .meeting-inline-line-v59{width:min(72%,390px);height:8px;border-radius:999px}
body.app-mode .meeting-inline-action-v59{width:82px;height:34px;border-radius:11px;background:#dfe9c3}

@media(max-width:900px){
  body.app-mode .meeting-page-skeleton-head-v59{align-items:flex-start;flex-direction:column}
  body.app-mode .meeting-page-stat-skeletons-v59{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  body.app-mode .meeting-page-stat-skeletons-v59>span{width:100%}
  body.app-mode .meeting-page-filter-skeletons-v59{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.app-mode .meeting-page-filter-v59.wide{grid-column:1/-1}
  body.app-mode .meeting-skeleton-info-v59{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.app-mode .meeting-modal-cards-v59{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  body.app-mode .meeting-list-skeleton.meeting-list-skeleton-v59{padding:14px!important;border-radius:19px!important}
  body.app-mode .meeting-skeleton-badges-v59{gap:5px}
  body.app-mode .meeting-skeleton-badge-v59{width:61px;height:21px}
  body.app-mode .meeting-skeleton-badge-v59.short{width:44px}
  body.app-mode .meeting-skeleton-title-v59{width:62%;height:16px}
  body.app-mode .meeting-skeleton-line-v59{width:88%}
  body.app-mode .meeting-skeleton-line-v59.short{width:64%}
  body.app-mode .meeting-skeleton-info-v59{grid-template-columns:1fr;gap:7px}
  body.app-mode .meeting-skeleton-info-v59>div:nth-child(3){display:none}
  body.app-mode .meeting-skeleton-footer-v59{align-items:flex-end;flex-direction:column}
  body.app-mode .meeting-skeleton-meta-v59,body.app-mode .meeting-skeleton-actions-v59{width:100%}
  body.app-mode .meeting-skeleton-actions-v59{justify-content:flex-end}
  body.app-mode .meeting-page-stat-skeletons-v59{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.app-mode .meeting-page-stat-skeletons-v59>span:nth-child(3){display:none}
  body.app-mode .meeting-page-filter-skeletons-v59{grid-template-columns:1fr}
  body.app-mode .meeting-page-filter-v59.wide{grid-column:auto}
  body.app-mode .meeting-page-filter-v59.compact{display:none}
  body.app-mode .meeting-modal-step-skeleton-v59{grid-template-columns:repeat(4,1fr);gap:5px}
  body.app-mode .meeting-modal-step-v59{height:31px;border-radius:11px}
  body.app-mode .meeting-modal-hero-skeleton-v59,body.app-mode .meeting-modal-hero-skeleton-v59.compact{grid-template-columns:48px minmax(0,1fr);padding:13px;border-radius:19px}
  body.app-mode .meeting-modal-hero-icon-v59{width:48px;height:48px;border-radius:16px}
  body.app-mode .meeting-modal-hero-action-v59{display:none}
  body.app-mode .meeting-modal-title-v59{width:68%;height:18px}
  body.app-mode .meeting-modal-line-v59{width:92%}
  body.app-mode .meeting-modal-panel-skeleton-v59{padding:12px;border-radius:18px}
  body.app-mode .meeting-modal-fields-v59,body.app-mode .meeting-modal-option-grid-v59,body.app-mode .meeting-modal-stat-grid-v59,body.app-mode .meeting-modal-cards-v59{grid-template-columns:1fr}
  body.app-mode .meeting-modal-field-v59.full{grid-column:auto}
  body.app-mode .meeting-modal-cards-v59>div:nth-child(n+3){display:none}
  body.app-mode .meeting-modal-actions-skeleton-v59{align-items:stretch;flex-direction:column-reverse}
  body.app-mode .meeting-modal-actions-skeleton-v59>span{width:100%}
  body.app-mode .meeting-modal-actions-skeleton-v59 .meeting-skeleton-button-v59{flex:1;width:auto}
  body.app-mode .meeting-inline-skeleton-v59>article{grid-template-columns:40px minmax(0,1fr)}
  body.app-mode .meeting-inline-action-v59{display:none}
}

/* ===== V60: login-style skeletons for Users page and user-related modals ===== */
body.app-mode .user-skeleton-piece-v60{
  display:block;
  position:relative;
  overflow:hidden;
  flex:0 0 auto;
  min-width:1px;
  min-height:1px;
  background:#eef3df;
  border-radius:14px;
}
body.app-mode .user-skeleton-piece-v60::after{
  content:"";
  position:absolute;
  inset:0;
  transform:translateX(-115%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.86),transparent);
  animation:meetingSkeletonSweepV59 1.3s ease-in-out infinite;
  pointer-events:none;
}
body.app-mode .user-card-skeleton-v60:nth-child(2n) .user-skeleton-piece-v60::after,
body.app-mode .user-group-card-skeleton-v60:nth-child(2n) .user-skeleton-piece-v60::after,
body.app-mode .user-modal-row-skeleton-v60:nth-child(2n) .user-skeleton-piece-v60::after{animation-delay:.13s}
body.app-mode .user-card-skeleton-v60:nth-child(3n) .user-skeleton-piece-v60::after,
body.app-mode .user-group-card-skeleton-v60:nth-child(3n) .user-skeleton-piece-v60::after,
body.app-mode .user-modal-row-skeleton-v60:nth-child(3n) .user-skeleton-piece-v60::after{animation-delay:.26s}

/* Users page view loader */
body.app-mode .user-page-skeleton-v60{display:flex;flex-direction:column;gap:14px;width:100%}
body.app-mode .user-page-hero-skeleton-v60{display:grid;grid-template-columns:minmax(210px,.85fr) minmax(360px,1.35fr) auto;align-items:center;gap:15px;padding:18px;border:1px solid #edf2e3;border-radius:24px;background:linear-gradient(145deg,#fff,#fbfdf7);box-shadow:0 10px 28px rgba(66,84,34,.04)}
body.app-mode .user-page-title-skeleton-v60{display:flex;align-items:center;gap:12px;min-width:0}
body.app-mode .user-page-title-skeleton-v60>span{display:flex;flex-direction:column;gap:8px;min-width:0}
body.app-mode .user-page-hero-icon-v60{width:50px;height:50px;border-radius:16px;background:#dfe9c3}
body.app-mode .user-page-kicker-v60{width:96px;height:9px;border-radius:999px}
body.app-mode .user-page-title-v60{width:142px;height:21px;border-radius:9px;background:#e4ebd1}
body.app-mode .user-page-stats-skeleton-v60{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
body.app-mode .users-stat-pill-v18.user-stat-skeleton-v60{min-height:58px!important;display:flex!important;align-items:center!important;gap:9px!important;padding:9px 10px!important;border:1px solid #edf2e3!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important;animation:none!important;overflow:hidden!important}
body.app-mode .users-stat-pill-v18.user-stat-skeleton-v60::after{display:none!important;content:none!important}
body.app-mode .users-stat-pill-v18.user-stat-skeleton-v60>span:last-child{display:flex;flex-direction:column;gap:6px;min-width:0}
body.app-mode .user-stat-icon-v60{width:34px;height:34px;border-radius:11px;background:#dfe9c3}
body.app-mode .user-stat-number-v60{width:42px;height:13px;border-radius:999px;background:#e4ebd1}
body.app-mode .user-stat-label-v60{width:54px;height:7px;border-radius:999px}
body.app-mode .user-page-actions-skeleton-v60{display:flex;align-items:center;justify-content:flex-end;gap:8px}
body.app-mode .user-page-action-v60{width:112px;height:42px;border-radius:14px}
body.app-mode .user-page-action-v60.ghost{width:126px;background:#f1f4e8}
body.app-mode .user-page-action-v60.primary{width:104px;background:#dfe9c3}
body.app-mode .user-page-filter-skeleton-v60{display:grid;grid-template-columns:1.6fr repeat(2,1fr) .72fr;gap:9px;padding:1px}
body.app-mode .user-page-filter-v60{width:100%;height:66px;border-radius:18px}
body.app-mode .user-page-list-skeleton-v60{padding:17px;border:1px solid #edf2e3;border-radius:24px;background:#fff;box-shadow:0 10px 28px rgba(66,84,34,.035)}
body.app-mode .user-page-list-head-skeleton-v60{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
body.app-mode .user-page-list-head-skeleton-v60>span{display:flex;align-items:center;gap:9px}
body.app-mode .user-page-list-icon-v60{width:34px;height:34px;border-radius:11px}
body.app-mode .user-page-list-title-v60{width:112px;height:14px;border-radius:999px;background:#e4ebd1}
body.app-mode .user-page-list-meta-v60{width:72px;height:10px;border-radius:999px}

/* User card skeleton follows the real user-card layout. */
body.app-mode .user-card-skeleton-v60{display:flex;flex-direction:column;gap:14px;min-width:0;padding:16px;border:1px solid #edf2e3;border-radius:21px;background:linear-gradient(180deg,#fff,#fdfefb);box-shadow:0 8px 24px rgba(66,84,34,.035)}
body.app-mode .user-card-skeleton-top-v60{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
body.app-mode .user-card-skeleton-person-v60{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
body.app-mode .user-card-skeleton-person-v60>span{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}
body.app-mode .user-card-skeleton-avatar-v60{width:47px;height:47px;border-radius:15px;background:#dfe9c3}
body.app-mode .user-card-skeleton-name-v60{width:min(66%,170px);height:15px;border-radius:999px;background:#e4ebd1}
body.app-mode .user-card-skeleton-mobile-v60{width:92px;height:8px;border-radius:999px}
body.app-mode .user-card-skeleton-badges-v60{display:flex;gap:6px;align-items:center}
body.app-mode .user-card-skeleton-badge-v60{width:68px;height:24px;border-radius:999px}
body.app-mode .user-card-skeleton-badge-v60.short{width:54px}
body.app-mode .user-card-skeleton-meta-v60{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body.app-mode .user-card-skeleton-meta-v60>div{display:flex;align-items:center;gap:9px;min-height:58px;padding:9px 10px;border:1px solid #f0f3e9;border-radius:15px;background:#fbfcf8}
body.app-mode .user-card-skeleton-meta-v60>div>span:last-child{display:flex;flex-direction:column;gap:7px;min-width:0}
body.app-mode .user-card-skeleton-meta-icon-v60{width:31px;height:31px;border-radius:10px}
body.app-mode .user-card-skeleton-meta-label-v60{width:52px;height:7px;border-radius:999px}
body.app-mode .user-card-skeleton-meta-value-v60{width:92px;height:11px;border-radius:999px;background:#e4ebd1}
body.app-mode .user-card-skeleton-meta-value-v60.short{width:54px}
body.app-mode .user-card-skeleton-groups-v60{display:flex;flex-direction:column;gap:9px;padding:1px 0}
body.app-mode .user-card-skeleton-section-title-v60{width:82px;height:8px;border-radius:999px}
body.app-mode .user-card-skeleton-groups-v60>div{display:flex;flex-wrap:wrap;gap:6px}
body.app-mode .user-card-skeleton-chip-v60{width:76px;height:25px;border-radius:999px}
body.app-mode .user-card-skeleton-chip-v60.wide{width:104px}
body.app-mode .user-card-skeleton-chip-v60.short{width:58px}
body.app-mode .user-card-skeleton-actions-v60{display:flex;align-items:center;gap:7px;padding-top:12px;border-top:1px solid #f0f3e9}
body.app-mode .user-card-skeleton-button-v60{width:80px;height:37px;border-radius:12px;background:#e8edd9}
body.app-mode .user-card-skeleton-button-v60.wide{width:108px;background:#dfe9c3}
body.app-mode .user-card-skeleton-button-v60.ghost{width:92px;background:#f0f3e8}

/* Group cards used in the Users page group-manager modal. */
body.app-mode .user-group-card-skeleton-v60{display:flex;flex-direction:column;gap:12px;padding:15px;border:1px solid #edf2e3;border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(66,84,34,.03)}
body.app-mode .user-group-card-skeleton-head-v60{display:grid;grid-template-columns:43px minmax(0,1fr) 34px;align-items:center;gap:10px}
body.app-mode .user-group-card-skeleton-head-v60>span{display:flex;flex-direction:column;gap:7px;min-width:0}
body.app-mode .user-group-card-skeleton-icon-v60{width:43px;height:43px;border-radius:14px;background:#dfe9c3}
body.app-mode .user-group-card-skeleton-kicker-v60{width:58px;height:7px;border-radius:999px}
body.app-mode .user-group-card-skeleton-title-v60{width:min(58%,140px);height:14px;border-radius:999px;background:#e4ebd1}
body.app-mode .user-group-card-skeleton-line-v60{width:min(78%,200px);height:8px;border-radius:999px}
body.app-mode .user-group-card-skeleton-more-v60{width:34px;height:34px;border-radius:11px}
body.app-mode .user-group-card-skeleton-stats-v60{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body.app-mode .user-group-card-skeleton-stats-v60>div{display:flex;align-items:center;gap:8px;min-height:55px;padding:9px;border:1px solid #f0f3e9;border-radius:14px;background:#fbfcf8}
body.app-mode .user-group-card-skeleton-stat-icon-v60{width:30px;height:30px;border-radius:10px}
body.app-mode .user-group-card-skeleton-stat-line-v60{width:72px;height:12px;border-radius:999px;background:#e4ebd1}
body.app-mode .user-group-card-skeleton-reps-v60{display:flex;align-items:center;gap:9px;min-height:58px;padding:9px 10px;border:1px solid #f0f3e9;border-radius:14px;background:#fbfcf8}
body.app-mode .user-group-card-skeleton-reps-v60>span{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}
body.app-mode .user-group-card-skeleton-rep-icon-v60{width:30px;height:30px;border-radius:10px}
body.app-mode .user-group-card-skeleton-rep-label-v60{width:72px;height:7px;border-radius:999px}
body.app-mode .user-group-card-skeleton-rep-line-v60{width:min(70%,170px);height:11px;border-radius:999px;background:#e4ebd1}
body.app-mode .user-group-card-skeleton-manage-v60{width:100%;height:40px;border-radius:13px;background:#dfe9c3}

/* User-related modal skeletons */
body.app-mode .user-modal-skeleton-v60{display:flex;flex-direction:column;gap:13px;width:100%;padding:2px 1px 8px}
body.app-mode .user-modal-hero-skeleton-v60{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:13px;padding:16px;border:1px solid #edf2e3;border-radius:22px;background:linear-gradient(145deg,#fff,#fbfdf7)}
body.app-mode .user-modal-hero-skeleton-v60>div{display:flex;flex-direction:column;gap:8px;min-width:0}
body.app-mode .user-modal-hero-icon-v60{width:58px;height:58px;border-radius:19px;background:#dfe9c3}
body.app-mode .user-modal-kicker-v60{width:78px;height:8px;border-radius:999px}
body.app-mode .user-modal-title-v60{width:min(48%,290px);height:19px;border-radius:9px;background:#e4ebd1}
body.app-mode .user-modal-line-v60{width:min(72%,500px);height:9px;border-radius:999px}
body.app-mode .user-modal-panel-skeleton-v60{padding:15px;border:1px solid #edf2e3;border-radius:20px;background:#fff}
body.app-mode .user-modal-panel-head-v60{display:flex;align-items:center;gap:10px;margin-bottom:13px}
body.app-mode .user-modal-panel-head-v60>span{display:flex;flex-direction:column;gap:6px;min-width:0}
body.app-mode .user-modal-panel-icon-v60{width:39px;height:39px;border-radius:13px}
body.app-mode .user-modal-panel-title-v60{width:128px;height:13px;border-radius:999px;background:#e4ebd1}
body.app-mode .user-modal-panel-sub-v60{width:220px;max-width:52vw;height:8px;border-radius:999px}
body.app-mode .user-modal-fields-v60{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.app-mode .user-modal-field-v60{width:100%;height:66px;border-radius:17px}
body.app-mode .user-modal-permission-grid-v60{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
body.app-mode .user-modal-permission-grid-v60>div{display:flex;align-items:center;gap:10px;min-height:72px;padding:10px;border:1px solid #f0f3e9;border-radius:16px;background:#fbfcf8}
body.app-mode .user-modal-permission-grid-v60>div>span{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}
body.app-mode .user-modal-permission-icon-v60{width:38px;height:38px;border-radius:12px;background:#dfe9c3}
body.app-mode .user-modal-permission-title-v60{width:86px;height:11px;border-radius:999px;background:#e4ebd1}
body.app-mode .user-modal-permission-line-v60{width:150px;max-width:82%;height:7px;border-radius:999px}
body.app-mode .user-modal-search-v60{width:100%;height:47px;border-radius:15px;margin-bottom:10px}
body.app-mode .user-modal-group-grid-v60{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body.app-mode .user-modal-group-grid-v60>div{display:flex;align-items:center;gap:9px;min-height:58px;padding:9px 10px;border:1px solid #f0f3e9;border-radius:15px;background:#fbfcf8}
body.app-mode .user-modal-group-icon-v60{width:33px;height:33px;border-radius:10px}
body.app-mode .user-modal-group-line-v60{width:112px;max-width:62%;height:11px;border-radius:999px;background:#e4ebd1}
body.app-mode .user-modal-actions-skeleton-v60{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:1px}
body.app-mode .user-modal-button-v60{width:116px;height:42px;border-radius:13px;background:#dfe9c3}
body.app-mode .user-modal-button-v60.ghost{width:92px;background:#eef3df}
body.app-mode .user-modal-list-skeleton-v60{display:grid;gap:8px}
body.app-mode .user-modal-row-skeleton-v60{display:grid;grid-template-columns:42px minmax(0,1fr) 78px;align-items:center;gap:10px;min-height:62px;padding:9px 10px;border:1px solid #f0f3e9;border-radius:15px;background:#fbfcf8}
body.app-mode .user-modal-row-skeleton-v60>span{display:flex;flex-direction:column;gap:7px;min-width:0}
body.app-mode .user-modal-row-avatar-v60{width:40px;height:40px;border-radius:13px}
body.app-mode .user-modal-row-title-v60{width:min(48%,180px);height:11px;border-radius:999px;background:#e4ebd1}
body.app-mode .user-modal-row-line-v60{width:min(70%,280px);height:8px;border-radius:999px}
body.app-mode .user-modal-row-action-v60{width:78px;height:33px;border-radius:11px;background:#dfe9c3}
body.app-mode .user-modal-bulk-group-v60{display:grid;grid-template-columns:39px minmax(0,1fr) 190px;align-items:center;gap:10px}
body.app-mode .user-modal-bulk-group-v60>span{display:flex;flex-direction:column;gap:6px;min-width:0}
body.app-mode .user-modal-select-v60{width:190px;height:46px;border-radius:14px;background:#e4ebd1}
body.app-mode .user-modal-tabs-skeleton-v60{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body.app-mode .user-modal-tab-v60{width:100%;height:62px;border-radius:17px}

/* Attendance archive/detail skeleton */
body.app-mode .user-attendance-hero-skeleton-v60{display:grid;grid-template-columns:60px minmax(0,1fr) 86px;align-items:center;gap:13px;padding:16px;border:1px solid #edf2e3;border-radius:22px;background:linear-gradient(145deg,#fff,#fbfdf7)}
body.app-mode .user-attendance-hero-skeleton-v60>div{display:flex;flex-direction:column;gap:8px;min-width:0}
body.app-mode .user-attendance-avatar-skeleton-v60{width:60px;height:60px;border-radius:20px;background:#dfe9c3}
body.app-mode .user-attendance-score-skeleton-v60{width:78px;height:78px;border-radius:50%;background:#e4ebd1}
body.app-mode .user-attendance-stats-skeleton-v60{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body.app-mode .user-attendance-stats-skeleton-v60>div{display:flex;align-items:center;gap:9px;min-height:62px;padding:10px;border:1px solid #edf2e3;border-radius:15px;background:#fff}
body.app-mode .user-attendance-stat-icon-v60{width:34px;height:34px;border-radius:11px}
body.app-mode .user-attendance-stat-line-v60{width:86px;max-width:62%;height:12px;border-radius:999px;background:#e4ebd1}

@media(max-width:1100px){
  body.app-mode .user-page-hero-skeleton-v60{grid-template-columns:1fr;align-items:stretch}
  body.app-mode .user-page-actions-skeleton-v60{justify-content:flex-start}
  body.app-mode .user-page-stats-skeleton-v60{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:900px){
  body.app-mode .user-page-stats-skeleton-v60{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.app-mode .user-page-filter-skeleton-v60{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.app-mode .user-page-filter-v60.wide{grid-column:1/-1}
  body.app-mode .user-attendance-stats-skeleton-v60{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  body.app-mode .user-page-hero-skeleton-v60{padding:14px;border-radius:20px}
  body.app-mode .user-page-stats-skeleton-v60{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  body.app-mode .users-stat-pill-v18.user-stat-skeleton-v60{min-height:52px!important;padding:8px!important}
  body.app-mode .user-stat-icon-v60{width:31px;height:31px}
  body.app-mode .user-page-actions-skeleton-v60{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  body.app-mode .user-page-action-v60,body.app-mode .user-page-action-v60.ghost,body.app-mode .user-page-action-v60.primary{width:100%}
  body.app-mode .user-page-actions-skeleton-v60 .user-page-action-v60:first-child{display:none}
  body.app-mode .user-page-filter-skeleton-v60{grid-template-columns:1fr}
  body.app-mode .user-page-filter-v60.wide{grid-column:auto}
  body.app-mode .user-page-filter-v60.compact{display:none}
  body.app-mode .user-page-list-skeleton-v60{padding:12px;border-radius:19px}
  body.app-mode .user-card-skeleton-v60{padding:13px;border-radius:18px}
  body.app-mode .user-card-skeleton-top-v60{flex-direction:column}
  body.app-mode .user-card-skeleton-badges-v60{padding-right:57px;margin-top:-8px}
  body.app-mode .user-card-skeleton-meta-v60{grid-template-columns:1fr}
  body.app-mode .user-card-skeleton-groups-v60>div .user-card-skeleton-chip-v60:nth-child(3){display:none}
  body.app-mode .user-card-skeleton-actions-v60{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  body.app-mode .user-card-skeleton-button-v60,body.app-mode .user-card-skeleton-button-v60.wide,body.app-mode .user-card-skeleton-button-v60.ghost{width:100%}
  body.app-mode .user-card-skeleton-actions-v60 .user-card-skeleton-button-v60.ghost{display:none}
  body.app-mode .user-group-card-skeleton-stats-v60{grid-template-columns:1fr 1fr}
  body.app-mode .user-modal-hero-skeleton-v60{grid-template-columns:48px minmax(0,1fr);padding:13px;border-radius:19px}
  body.app-mode .user-modal-hero-icon-v60{width:48px;height:48px;border-radius:16px}
  body.app-mode .user-modal-title-v60{width:68%;height:17px}
  body.app-mode .user-modal-line-v60{width:92%}
  body.app-mode .user-modal-panel-skeleton-v60{padding:12px;border-radius:18px}
  body.app-mode .user-modal-fields-v60,body.app-mode .user-modal-permission-grid-v60,body.app-mode .user-modal-group-grid-v60{grid-template-columns:1fr}
  body.app-mode .user-modal-group-grid-v60>div:nth-child(n+4){display:none}
  body.app-mode .user-modal-actions-skeleton-v60{display:grid;grid-template-columns:1fr 1.2fr}
  body.app-mode .user-modal-button-v60,body.app-mode .user-modal-button-v60.ghost{width:100%}
  body.app-mode .user-modal-row-skeleton-v60{grid-template-columns:40px minmax(0,1fr)}
  body.app-mode .user-modal-row-action-v60{display:none}
  body.app-mode .user-modal-bulk-group-v60{grid-template-columns:36px minmax(0,1fr)}
  body.app-mode .user-modal-select-v60{grid-column:1/-1;width:100%}
  body.app-mode .user-modal-tabs-skeleton-v60{grid-template-columns:1fr 1fr}
  body.app-mode .user-modal-tab-v60{height:54px}
  body.app-mode .user-attendance-hero-skeleton-v60{grid-template-columns:50px minmax(0,1fr);padding:13px;border-radius:19px}
  body.app-mode .user-attendance-avatar-skeleton-v60{width:50px;height:50px;border-radius:16px}
  body.app-mode .user-attendance-score-skeleton-v60{display:none}
  body.app-mode .user-attendance-stats-skeleton-v60{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  body.app-mode .user-attendance-stats-skeleton-v60>div:nth-child(n+5){display:none}
}

/* ===== V61: login-style skeletons for Attendance page and attendance detail ===== */
body.app-mode .attendance-skeleton-piece-v61{
  display:block;position:relative;overflow:hidden;flex:0 0 auto;min-width:1px;min-height:1px;
  background:#eef3df;border-radius:14px;
}
body.app-mode .attendance-skeleton-piece-v61::after{
  content:"";position:absolute;inset:0;transform:translateX(-115%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.88),transparent);
  animation:meetingSkeletonSweepV59 1.3s ease-in-out infinite;pointer-events:none;
}
body.app-mode .attendance-row-skeleton-v61:nth-child(2n) .attendance-skeleton-piece-v61::after,
body.app-mode .attendance-group-skeleton-v61:nth-child(2n) .attendance-skeleton-piece-v61::after,
body.app-mode .attendance-page-row-skeleton-v61:nth-child(2n) .attendance-skeleton-piece-v61::after{animation-delay:.13s}
body.app-mode .attendance-row-skeleton-v61:nth-child(3n) .attendance-skeleton-piece-v61::after,
body.app-mode .attendance-group-skeleton-v61:nth-child(3n) .attendance-skeleton-piece-v61::after,
body.app-mode .attendance-page-row-skeleton-v61:nth-child(3n) .attendance-skeleton-piece-v61::after{animation-delay:.26s}

/* Metrics skeleton */
body.app-mode .attendance-metric-skeleton-v61{
  display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;gap:11px!important;
  min-height:84px!important;padding:13px!important;border:1px solid #edf2e3!important;border-radius:19px!important;
  background:linear-gradient(180deg,#fff,#fcfdf9)!important;box-shadow:0 8px 22px rgba(66,84,34,.035)!important;
  animation:none!important;
}
body.app-mode .attendance-metric-skeleton-v61>div{display:flex;flex-direction:column;gap:7px;min-width:0}
body.app-mode .attendance-metric-skeleton-icon-v61{width:42px;height:42px;border-radius:14px;background:#dfe9c3}
body.app-mode .attendance-metric-skeleton-label-v61{width:74px;height:8px;border-radius:999px}
body.app-mode .attendance-metric-skeleton-value-v61{width:58px;height:18px;border-radius:8px;background:#e4ebd1}
body.app-mode .attendance-metric-skeleton-note-v61{width:min(82%,150px);height:7px;border-radius:999px}

/* Attendance table rows */
body.app-mode .attendance-row-skeleton-v61{cursor:default!important;pointer-events:none!important}
body.app-mode .attendance-row-skeleton-v61 td{vertical-align:middle!important}
body.app-mode .attendance-row-skeleton-v61 .attendance-person,
body.app-mode .attendance-row-skeleton-v61 .attendance-meeting-cell{display:flex!important;align-items:center!important;gap:9px!important}
body.app-mode .attendance-row-skeleton-v61 .attendance-person>div,
body.app-mode .attendance-row-skeleton-v61 .attendance-meeting-cell>div{display:flex!important;flex-direction:column!important;gap:7px!important;min-width:0!important;flex:1!important}
body.app-mode .attendance-row-avatar-v61{width:38px;height:38px;border-radius:13px;background:#dfe9c3}
body.app-mode .attendance-row-name-v61{width:min(76%,135px);height:11px;border-radius:999px;background:#e4ebd1}
body.app-mode .attendance-row-mobile-v61{width:82px;height:7px;border-radius:999px}
body.app-mode .attendance-row-meeting-icon-v61{width:34px;height:34px;border-radius:11px;background:#dfe9c3}
body.app-mode .attendance-row-meeting-title-v61{width:min(78%,150px);height:10px;border-radius:999px;background:#e4ebd1}
body.app-mode .attendance-row-meeting-date-v61{width:96px;height:7px;border-radius:999px}
body.app-mode .attendance-row-badge-v61{width:66px;height:25px;border-radius:999px}
body.app-mode .attendance-row-duration-v61{width:74px;height:12px;border-radius:999px;background:#e4ebd1;margin-bottom:6px}
body.app-mode .attendance-row-sub-v61{width:52px;height:7px;border-radius:999px}
body.app-mode .attendance-row-percent-skeleton-v61{display:flex;flex-direction:column;gap:7px}
body.app-mode .attendance-row-percent-value-v61{width:43px;height:11px;border-radius:999px;background:#e4ebd1}
body.app-mode .attendance-row-percent-bar-v61{width:72px;height:6px;border-radius:999px}
body.app-mode .attendance-row-time-v61{width:54px;height:10px;border-radius:999px;background:#e4ebd1}
body.app-mode .attendance-row-time-v61.short{width:42px}
body.app-mode .attendance-row-action-v61{width:33px;height:33px;border-radius:11px;background:#dfe9c3}

/* Group attendance skeleton */
body.app-mode .attendance-group-skeleton-v61{
  display:grid;grid-template-columns:44px minmax(150px,.8fr) minmax(300px,1.5fr);align-items:center;gap:12px;
  padding:13px 14px;border:1px solid #edf2e3;border-radius:19px;background:linear-gradient(180deg,#fff,#fcfdf9);
}
body.app-mode .attendance-group-skeleton-icon-v61{width:44px;height:44px;border-radius:14px;background:#dfe9c3}
body.app-mode .attendance-group-skeleton-copy-v61{display:flex;flex-direction:column;gap:7px;min-width:0}
body.app-mode .attendance-group-skeleton-title-v61{width:min(72%,170px);height:12px;border-radius:999px;background:#e4ebd1}
body.app-mode .attendance-group-skeleton-sub-v61{width:min(88%,210px);height:7px;border-radius:999px}
body.app-mode .attendance-group-skeleton-meta-v61{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body.app-mode .attendance-group-skeleton-meta-v61>span{display:flex;flex-direction:column;gap:6px;padding:9px 10px;border:1px solid #f0f3e9;border-radius:13px;background:#fbfcf8}
body.app-mode .attendance-group-skeleton-meta-value-v61{width:42px;height:11px;border-radius:999px;background:#e4ebd1}
body.app-mode .attendance-group-skeleton-meta-value-v61.wide{width:76px}
body.app-mode .attendance-group-skeleton-meta-label-v61{width:70px;max-width:90%;height:7px;border-radius:999px}

/* Whole attendance page before view is loaded */
body.app-mode .attendance-page-skeleton-v61{display:flex;flex-direction:column;gap:15px;width:100%}
body.app-mode .attendance-page-overview-skeleton-v61{
  display:flex;flex-direction:column;gap:15px;padding:18px;border:1px solid #edf2e3;border-radius:26px;
  background:linear-gradient(145deg,#fff,#fbfdf7);box-shadow:0 10px 28px rgba(66,84,34,.04)
}
body.app-mode .attendance-page-head-skeleton-v61{display:flex;align-items:center;justify-content:space-between;gap:16px}
body.app-mode .attendance-page-title-skeleton-v61{display:flex;align-items:center;gap:13px;min-width:0;flex:1}
body.app-mode .attendance-page-title-skeleton-v61>span{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}
body.app-mode .attendance-page-hero-icon-v61{width:62px;height:62px;border-radius:20px;background:#dfe9c3}
body.app-mode .attendance-page-kicker-v61{width:104px;height:8px;border-radius:999px}
body.app-mode .attendance-page-title-v61{width:156px;height:22px;border-radius:9px;background:#e4ebd1}
body.app-mode .attendance-page-description-v61{width:min(65%,420px);height:8px;border-radius:999px}
body.app-mode .attendance-page-actions-skeleton-v61{display:flex;align-items:center;gap:8px}
body.app-mode .attendance-page-sync-v61{width:112px;height:34px;border-radius:999px}
body.app-mode .attendance-page-rule-button-v61{width:128px;height:48px;border-radius:16px;background:#dfe9c3}
body.app-mode .attendance-page-panel-skeleton-v61{
  padding:18px;border:1px solid #edf2e3;border-radius:26px;background:#fff;box-shadow:0 10px 28px rgba(66,84,34,.035)
}
body.app-mode .attendance-page-panel-head-v61{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
body.app-mode .attendance-page-panel-head-v61>span{display:flex;flex-direction:column;gap:7px}
body.app-mode .attendance-page-panel-head-v61>div{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
body.app-mode .attendance-page-panel-kicker-v61{width:76px;height:8px;border-radius:999px}
body.app-mode .attendance-page-panel-title-v61{width:145px;height:16px;border-radius:8px;background:#e4ebd1}
body.app-mode .attendance-page-panel-sub-v61{width:220px;height:7px;border-radius:999px}
body.app-mode .attendance-page-rule-chip-v61{width:80px;height:27px;border-radius:999px}
body.app-mode .attendance-page-rule-chip-v61.short{width:66px}
body.app-mode .attendance-page-filter-grid-v61{display:grid;grid-template-columns:1.55fr repeat(4,1fr);gap:8px;margin-bottom:14px}
body.app-mode .attendance-page-filter-v61{height:66px;border-radius:18px}
body.app-mode .attendance-page-filter-v61.wide{grid-column:span 1}
body.app-mode .attendance-page-table-shell-v61{padding:14px;border:1px solid #edf2e3;border-radius:21px;background:#fcfdf9}
body.app-mode .attendance-page-table-head-v61{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
body.app-mode .attendance-page-table-head-v61>span{display:flex;align-items:center;gap:8px}
body.app-mode .attendance-page-list-dot-v61{width:10px;height:10px;border-radius:50%;background:#dfe9c3}
body.app-mode .attendance-page-list-title-v61{width:92px;height:12px;border-radius:999px;background:#e4ebd1}
body.app-mode .attendance-page-list-meta-v61{width:156px;height:7px;border-radius:999px}
body.app-mode .attendance-page-rows-v61{display:grid;gap:8px}
body.app-mode .attendance-page-row-skeleton-v61{
  display:grid;grid-template-columns:38px minmax(125px,1fr) minmax(130px,1.1fr) 72px 80px 92px 34px;align-items:center;gap:10px;
  min-height:62px;padding:10px 11px;border:1px solid #f0f3e9;border-radius:16px;background:#fff
}
body.app-mode .attendance-page-row-person-v61,body.app-mode .attendance-page-row-meeting-v61{display:flex;flex-direction:column;gap:7px;min-width:0}
body.app-mode .attendance-page-row-avatar-v61{width:38px;height:38px;border-radius:13px;background:#dfe9c3}
body.app-mode .attendance-page-row-name-v61{width:78%;height:10px;border-radius:999px;background:#e4ebd1}
body.app-mode .attendance-page-row-sub-v61{width:66px;height:7px;border-radius:999px}
body.app-mode .attendance-page-row-meeting-title-v61{width:82%;height:10px;border-radius:999px;background:#e4ebd1}
body.app-mode .attendance-page-row-meeting-sub-v61{width:88px;height:7px;border-radius:999px}
body.app-mode .attendance-page-row-badge-v61{width:66px;height:24px;border-radius:999px}
body.app-mode .attendance-page-row-duration-v61{width:70px;height:11px;border-radius:999px;background:#e4ebd1}
body.app-mode .attendance-page-row-progress-v61{width:86px;height:8px;border-radius:999px}
body.app-mode .attendance-page-row-action-v61{width:32px;height:32px;border-radius:10px;background:#dfe9c3}

/* Attendance detail modal */
body.app-mode .attendance-detail-skeleton-v61{display:flex;flex-direction:column;gap:12px;width:100%;padding:2px 1px 8px}
body.app-mode .attendance-detail-hero-skeleton-v61{
  display:grid;grid-template-columns:72px minmax(0,1fr) 96px;align-items:center;gap:14px;padding:17px;
  border:1px solid #edf2e3;border-radius:24px;background:linear-gradient(145deg,#fff,#fbfdf7)
}
body.app-mode .attendance-detail-hero-skeleton-v61>div{display:flex;flex-direction:column;gap:8px;min-width:0}
body.app-mode .attendance-detail-avatar-v61{width:72px;height:72px;border-radius:23px;background:#dfe9c3}
body.app-mode .attendance-detail-status-v61{width:92px;height:23px;border-radius:999px}
body.app-mode .attendance-detail-name-v61{width:min(48%,260px);height:22px;border-radius:9px;background:#e4ebd1}
body.app-mode .attendance-detail-meeting-v61{width:min(76%,470px);height:8px;border-radius:999px}
body.app-mode .attendance-detail-score-v61{width:88px;height:88px;border-radius:50%;background:#e4ebd1}
body.app-mode .attendance-detail-stats-skeleton-v61{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
body.app-mode .attendance-detail-stats-skeleton-v61>div{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:9px;min-height:66px;padding:11px;border:1px solid #edf2e3;border-radius:17px;background:#fff}
body.app-mode .attendance-detail-stats-skeleton-v61>div>span{display:flex;flex-direction:column;gap:7px;min-width:0}
body.app-mode .attendance-detail-stat-icon-v61{width:38px;height:38px;border-radius:13px;background:#dfe9c3}
body.app-mode .attendance-detail-stat-label-v61{width:72px;height:7px;border-radius:999px}
body.app-mode .attendance-detail-stat-value-v61{width:82px;height:12px;border-radius:999px;background:#e4ebd1}
body.app-mode .attendance-detail-section-skeleton-v61{padding:15px;border:1px solid #edf2e3;border-radius:21px;background:#fff}
body.app-mode .attendance-detail-section-head-v61{display:flex;align-items:center;gap:10px;margin-bottom:12px}
body.app-mode .attendance-detail-section-head-v61>span{display:flex;flex-direction:column;gap:6px;min-width:0}
body.app-mode .attendance-detail-section-icon-v61{width:40px;height:40px;border-radius:14px;background:#dfe9c3}
body.app-mode .attendance-detail-section-title-v61{width:126px;height:13px;border-radius:999px;background:#e4ebd1}
body.app-mode .attendance-detail-section-sub-v61{width:230px;max-width:55vw;height:7px;border-radius:999px}
body.app-mode .attendance-detail-engagement-skeleton-v61{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
body.app-mode .attendance-detail-engagement-skeleton-v61>div{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:94px;padding:10px 8px;border:1px solid #f0f3e9;border-radius:15px;background:#fbfcf8}
body.app-mode .attendance-detail-engage-icon-v61{width:34px;height:34px;border-radius:11px;background:#dfe9c3}
body.app-mode .attendance-detail-engage-label-v61{width:64px;height:7px;border-radius:999px}
body.app-mode .attendance-detail-engage-value-v61{width:48px;height:11px;border-radius:999px;background:#e4ebd1}
body.app-mode .attendance-detail-session-list-v61{display:grid;gap:8px}
body.app-mode .attendance-detail-session-skeleton-v61{display:grid;grid-template-columns:30px minmax(0,1fr) 42px minmax(0,1fr) 94px 82px;gap:9px;align-items:center;padding:10px;border:1px solid #f0f3e9;border-radius:15px;background:#fbfcf8}
body.app-mode .attendance-detail-session-skeleton-v61>span:not(.attendance-skeleton-piece-v61){display:flex;flex-direction:column;gap:6px}
body.app-mode .attendance-detail-session-index-v61{width:30px;height:30px;border-radius:10px;background:#dfe9c3}
body.app-mode .attendance-detail-session-label-v61{width:44px;height:7px;border-radius:999px}
body.app-mode .attendance-detail-session-time-v61{width:112px;max-width:90%;height:10px;border-radius:999px;background:#e4ebd1}
body.app-mode .attendance-detail-session-flow-v61{width:100%;height:3px;border-radius:999px}
body.app-mode .attendance-detail-session-duration-v61{width:82px;height:11px;border-radius:999px;background:#e4ebd1}
body.app-mode .attendance-detail-session-badge-v61{width:76px;height:25px;border-radius:999px}
body.app-mode .attendance-detail-event-skeleton-v61{display:grid;grid-template-columns:40px minmax(0,1fr) 42px;align-items:center;gap:10px;padding:13px 15px;border:1px solid #edf2e3;border-radius:19px;background:#fff}
body.app-mode .attendance-detail-event-skeleton-v61>span:not(.attendance-skeleton-piece-v61){display:flex;flex-direction:column;gap:6px}
body.app-mode .attendance-detail-event-icon-v61{width:40px;height:40px;border-radius:13px;background:#dfe9c3}
body.app-mode .attendance-detail-event-title-v61{width:148px;height:11px;border-radius:999px;background:#e4ebd1}
body.app-mode .attendance-detail-event-sub-v61{width:210px;max-width:70%;height:7px;border-radius:999px}
body.app-mode .attendance-detail-event-count-v61{width:40px;height:27px;border-radius:999px}

@media(max-width:1050px){
  body.app-mode .attendance-page-filter-grid-v61{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.app-mode .attendance-page-filter-v61.wide{grid-column:span 2}
  body.app-mode .attendance-page-row-skeleton-v61{grid-template-columns:38px minmax(120px,1fr) minmax(120px,1fr) 70px 76px 32px}
  body.app-mode .attendance-page-row-progress-v61{display:none}
  body.app-mode .attendance-detail-stats-skeleton-v61{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.app-mode .attendance-detail-engagement-skeleton-v61{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.app-mode .attendance-detail-engagement-skeleton-v61>div:nth-child(n+4){display:none}
}
@media(max-width:800px){
  body.app-mode .attendance-page-head-skeleton-v61{align-items:flex-start;flex-direction:column}
  body.app-mode .attendance-page-actions-skeleton-v61{width:100%}
  body.app-mode .attendance-page-filter-grid-v61{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.app-mode .attendance-page-panel-head-v61{flex-direction:column}
  body.app-mode .attendance-page-row-skeleton-v61{grid-template-columns:38px minmax(0,1fr) 68px 32px;grid-template-areas:"avatar person badge action" "avatar meeting duration action"}
  body.app-mode .attendance-page-row-avatar-v61{grid-area:avatar}
  body.app-mode .attendance-page-row-person-v61{grid-area:person}
  body.app-mode .attendance-page-row-meeting-v61{grid-area:meeting}
  body.app-mode .attendance-page-row-badge-v61{grid-area:badge}
  body.app-mode .attendance-page-row-duration-v61{grid-area:duration}
  body.app-mode .attendance-page-row-action-v61{grid-area:action}
  body.app-mode .attendance-page-row-progress-v61{display:none}
  body.app-mode .attendance-group-skeleton-v61{grid-template-columns:44px minmax(0,1fr)}
  body.app-mode .attendance-group-skeleton-meta-v61{grid-column:1/-1}
  body.app-mode .attendance-detail-session-skeleton-v61{grid-template-columns:30px minmax(0,1fr) minmax(0,1fr) 72px}
  body.app-mode .attendance-detail-session-flow-v61,body.app-mode .attendance-detail-session-badge-v61{display:none}
}
@media(max-width:640px){
  body.app-mode .attendance-page-overview-skeleton-v61,body.app-mode .attendance-page-panel-skeleton-v61{padding:13px;border-radius:20px}
  body.app-mode .attendance-page-hero-icon-v61{width:52px;height:52px;border-radius:17px}
  body.app-mode .attendance-page-title-v61{height:18px;width:138px}
  body.app-mode .attendance-page-description-v61{width:90%}
  body.app-mode .attendance-page-actions-skeleton-v61{display:grid;grid-template-columns:1fr 1.15fr}
  body.app-mode .attendance-page-sync-v61,body.app-mode .attendance-page-rule-button-v61{width:100%}
  body.app-mode .attendance-page-filter-grid-v61{grid-template-columns:1fr}
  body.app-mode .attendance-page-filter-v61.wide{grid-column:auto}
  body.app-mode .attendance-page-filter-v61.compact{display:none}
  body.app-mode .attendance-page-table-shell-v61{padding:10px;border-radius:17px}
  body.app-mode .attendance-page-list-meta-v61{display:none}
  body.app-mode .attendance-page-row-skeleton-v61{grid-template-columns:38px minmax(0,1fr) 62px 30px;gap:8px;padding:10px;border-radius:15px}
  body.app-mode .attendance-metric-skeleton-v61{min-height:72px!important;padding:10px!important;grid-template-columns:36px minmax(0,1fr)!important}
  body.app-mode .attendance-metric-skeleton-icon-v61{width:36px;height:36px;border-radius:12px}
  body.app-mode .attendance-row-skeleton-v61{padding:12px!important;min-height:110px!important}
  body.app-mode .attendance-row-skeleton-v61 td:nth-child(1),body.app-mode .attendance-row-skeleton-v61 td:nth-child(3),body.app-mode .attendance-row-skeleton-v61 td:nth-child(4),body.app-mode .attendance-row-skeleton-v61 td:nth-child(9){pointer-events:none!important}
  body.app-mode .attendance-row-skeleton-v61 .attendance-row-avatar-v61{width:36px;height:36px;border-radius:12px}
  body.app-mode .attendance-row-skeleton-v61 .attendance-row-action-v61{width:30px;height:30px}
  body.app-mode .attendance-group-skeleton-meta-v61{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.app-mode .attendance-group-skeleton-meta-v61>span:nth-child(3){display:none}
  body.app-mode .attendance-detail-hero-skeleton-v61{grid-template-columns:54px minmax(0,1fr);padding:13px;border-radius:19px}
  body.app-mode .attendance-detail-avatar-v61{width:54px;height:54px;border-radius:18px}
  body.app-mode .attendance-detail-score-v61{display:none}
  body.app-mode .attendance-detail-name-v61{width:68%;height:18px}
  body.app-mode .attendance-detail-meeting-v61{width:92%}
  body.app-mode .attendance-detail-stats-skeleton-v61{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  body.app-mode .attendance-detail-stats-skeleton-v61>div{min-height:58px;padding:9px;grid-template-columns:32px minmax(0,1fr)}
  body.app-mode .attendance-detail-stat-icon-v61{width:32px;height:32px;border-radius:11px}
  body.app-mode .attendance-detail-section-skeleton-v61{padding:12px;border-radius:18px}
  body.app-mode .attendance-detail-engagement-skeleton-v61{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  body.app-mode .attendance-detail-engagement-skeleton-v61>div:nth-child(n+3){display:none}
  body.app-mode .attendance-detail-session-skeleton-v61{grid-template-columns:28px minmax(0,1fr) 78px;gap:7px}
  body.app-mode .attendance-detail-session-skeleton-v61>span:nth-of-type(3){display:none}
  body.app-mode .attendance-detail-session-duration-v61{width:68px}
  body.app-mode .attendance-detail-event-sub-v61{width:75%}
}
@container attendance-list (max-width:500px){
  body.app-mode .attendance-table-v13 tbody tr.attendance-row-skeleton-v61>td:nth-child(4)::before{content:""!important;display:none!important}
}

/* ===== V62: structured skeletons for recording archive ===== */
@keyframes v62RecordingSkeletonSweep{0%{transform:translate3d(145%,0,0)}100%{transform:translate3d(-245%,0,0)}}
@keyframes v62RecordingSkeletonPulse{0%,100%{opacity:.78}50%{opacity:1}}
body.app-mode .recording-skeleton-piece-v62,
#modalCard .recording-skeleton-piece-v62,
#modalCard .recording-player-skeleton-v62>span{
  position:relative!important;display:block!important;overflow:hidden!important;isolation:isolate!important;
  border:1px solid #d2ddbd!important;background:#e7eddb!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82)!important;
  animation:v62RecordingSkeletonPulse 1.65s ease-in-out infinite!important;
}
body.app-mode .recording-skeleton-piece-v62::after,
#modalCard .recording-skeleton-piece-v62::after,
#modalCard .recording-player-skeleton-v62>span::after{
  content:""!important;position:absolute!important;z-index:3!important;top:-30%!important;bottom:-30%!important;left:0!important;width:48%!important;min-width:56px!important;border-radius:999px!important;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.2) 18%,rgba(255,255,255,.94) 50%,rgba(255,255,255,.22) 82%,rgba(255,255,255,0))!important;
  filter:blur(1px)!important;box-shadow:0 0 24px rgba(255,255,255,.38)!important;
  transform:translate3d(145%,0,0)!important;animation:v62RecordingSkeletonSweep 1.12s cubic-bezier(.4,0,.2,1) infinite!important;pointer-events:none!important;
}

body.app-mode .recording-page-skeleton-v62{display:grid!important;gap:14px!important}
body.app-mode .recording-page-overview-skeleton-v62{position:relative!important;overflow:hidden!important;padding:20px!important;border:1px solid #dfe8c9!important;border-radius:30px!important;background:linear-gradient(145deg,#fbfdf6,#f3f8e8)!important;box-shadow:0 17px 40px rgba(78,98,40,.055)!important}
body.app-mode .recording-page-head-skeleton-v62{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin-bottom:18px!important}
body.app-mode .recording-page-title-skeleton-v62{display:grid!important;grid-template-columns:68px minmax(0,1fr)!important;gap:14px!important;align-items:center!important;min-width:0!important;flex:1!important}
body.app-mode .recording-page-title-skeleton-v62>div{min-width:0!important}
body.app-mode .recording-page-hero-icon-skeleton-v62{width:64px!important;height:64px!important;border-radius:22px!important}
body.app-mode .recording-page-eyebrow-skeleton-v62{width:102px!important;height:21px!important;border-radius:999px!important;margin-bottom:7px!important}
body.app-mode .recording-page-title-line-skeleton-v62{width:min(230px,64%)!important;height:27px!important;border-radius:10px!important;margin-bottom:7px!important}
body.app-mode .recording-page-description-skeleton-v62{width:min(600px,88%)!important;height:13px!important;border-radius:8px!important}
body.app-mode .recording-page-sync-skeleton-v62{width:164px!important;height:42px!important;border-radius:16px!important;flex:0 0 auto!important}

body.app-mode .recording-metric-skeleton-v62{pointer-events:none!important}
body.app-mode .recording-metric-skeleton-v62>div{min-width:0!important}
body.app-mode .recording-metric-icon-skeleton-v62{width:44px!important;height:44px!important;border-radius:15px!important}
body.app-mode .recording-metric-label-skeleton-v62{width:72px!important;height:9px!important;border-radius:6px!important;margin-bottom:6px!important}
body.app-mode .recording-metric-value-skeleton-v62{width:56px!important;height:19px!important;border-radius:7px!important;margin-bottom:5px!important}
body.app-mode .recording-metric-note-skeleton-v62{width:92px!important;max-width:88%!important;height:8px!important;border-radius:6px!important}

body.app-mode .recording-panel-skeleton-v62{pointer-events:none!important}
body.app-mode .recording-panel-head-skeleton-v62{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:2px 2px 14px!important;border-bottom:1px dashed #dfe8cb!important;margin-bottom:14px!important}
body.app-mode .recording-panel-head-skeleton-v62>div{flex:1!important;min-width:0!important}
body.app-mode .recording-panel-kicker-skeleton-v62{width:74px!important;height:9px!important;border-radius:6px!important;margin-bottom:7px!important}
body.app-mode .recording-panel-title-skeleton-v62{width:150px!important;height:20px!important;border-radius:8px!important;margin-bottom:7px!important}
body.app-mode .recording-panel-sub-skeleton-v62{width:min(430px,72%)!important;height:10px!important;border-radius:6px!important}
body.app-mode .recording-panel-badge-skeleton-v62{width:105px!important;height:33px!important;border-radius:999px!important;flex:0 0 auto!important}
body.app-mode .recording-page-filters-skeleton-v62{display:grid!important;grid-template-columns:minmax(245px,1.35fr) repeat(4,minmax(145px,.75fr))!important;gap:10px!important;margin-bottom:15px!important}
body.app-mode .recording-page-filter-skeleton-v62{height:64px!important;border-radius:19px!important}

body.app-mode .recording-card-skeleton-v62{pointer-events:none!important;transform:none!important}
body.app-mode .recording-card-skeleton-v62:hover{transform:none!important;border-color:#dfe8c8!important;box-shadow:0 14px 34px rgba(70,90,34,.06)!important}
body.app-mode .recording-cover-skeleton-v62{height:180px!important;position:relative!important;overflow:hidden!important;background:linear-gradient(135deg,#dfe7d1,#edf2e5)!important;border-bottom:1px solid #d8e2c4!important}
body.app-mode .recording-cover-top-skeleton-v62{position:absolute!important;top:11px!important;right:11px!important;left:11px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:7px!important}
body.app-mode .recording-cover-badge-skeleton-v62{width:96px!important;height:27px!important;border-radius:999px!important;background:#eef3e5!important}
body.app-mode .recording-cover-badge-skeleton-v62.short{width:78px!important}
body.app-mode .recording-cover-play-skeleton-v62{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:54px!important;height:54px!important;border-radius:18px!important;background:#f3f6ed!important}
body.app-mode .recording-cover-play-skeleton-v62::after{animation-name:none!important;display:none!important}
body.app-mode .recording-cover-duration-skeleton-v62{position:absolute!important;right:11px!important;bottom:11px!important;width:82px!important;height:29px!important;border-radius:11px!important;background:#eef3e6!important}
body.app-mode .recording-card-body-skeleton-v62{padding:14px!important}
body.app-mode .recording-card-chip-row-skeleton-v62{min-height:26px!important;display:flex!important;align-items:center!important}
body.app-mode .recording-card-chip-skeleton-v62{width:145px!important;height:25px!important;border-radius:999px!important}
body.app-mode .recording-card-title-skeleton-v62{width:72%!important;height:20px!important;border-radius:8px!important;margin:9px 0 7px!important}
body.app-mode .recording-card-subtitle-skeleton-v62{width:48%!important;height:10px!important;border-radius:6px!important}
body.app-mode .recording-card-meta-skeleton-v62{display:flex!important;gap:9px!important;flex-wrap:wrap!important;margin-top:10px!important;padding-top:10px!important;border-top:1px dashed #dde7c8!important}
body.app-mode .recording-card-meta-item-skeleton-v62{width:128px!important;height:12px!important;border-radius:7px!important}.recording-card-meta-item-skeleton-v62.short{width:82px!important}
body.app-mode .recording-card-stats-skeleton-v62{display:grid!important;grid-template-columns:.8fr .8fr 1.6fr!important;gap:7px!important;margin-top:11px!important}
body.app-mode .recording-card-stats-skeleton-v62>div{min-height:53px!important;display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;align-items:center!important;gap:7px!important;padding:9px!important;border:1px solid #e1e9d1!important;border-radius:14px!important;background:#fcfef8!important}
body.app-mode .recording-card-stat-icon-skeleton-v62{width:20px!important;height:20px!important;border-radius:7px!important}
body.app-mode .recording-card-stat-copy-skeleton-v62{width:42px!important;height:22px!important;border-radius:7px!important}.recording-card-stat-copy-skeleton-v62.wide{width:82%!important}
body.app-mode .recording-card-actions-skeleton-v62{display:flex!important;gap:7px!important;align-items:center!important;margin-top:12px!important}
body.app-mode .recording-card-primary-skeleton-v62{height:39px!important;border-radius:13px!important;flex:1!important}
body.app-mode .recording-card-action-skeleton-v62{width:39px!important;height:39px!important;border-radius:13px!important;flex:0 0 39px!important}

/* detail + editor modal skeleton */
#modalCard .recording-modal-skeleton-v62{display:grid!important;gap:13px!important;min-height:360px!important}
#modalCard .recording-modal-detail-hero-skeleton-v62{display:grid!important;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr)!important;gap:16px!important;padding:15px!important;border:1px solid #dfe8ca!important;border-radius:25px!important;background:linear-gradient(180deg,#fff,#fafcf5)!important}
#modalCard .recording-modal-cover-skeleton-v62{position:relative!important;min-height:230px!important;border-radius:21px!important;overflow:hidden!important;background:linear-gradient(135deg,#dfe7d1,#edf2e5)!important;border:1px solid #d3debf!important}
#modalCard .recording-modal-cover-play-skeleton-v62{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:60px!important;height:60px!important;border-radius:19px!important}.recording-modal-cover-play-skeleton-v62::after{display:none!important}
#modalCard .recording-modal-cover-duration-skeleton-v62{position:absolute!important;right:13px!important;bottom:13px!important;width:92px!important;height:31px!important;border-radius:11px!important}
#modalCard .recording-modal-detail-copy-skeleton-v62{min-width:0!important;padding:4px 0!important}
#modalCard .recording-modal-badges-skeleton-v62,#modalCard .recording-modal-meta-skeleton-v62,#modalCard .recording-modal-detail-actions-skeleton-v62{display:flex!important;gap:7px!important;flex-wrap:wrap!important;align-items:center!important}
#modalCard .recording-modal-chip-skeleton-v62{width:104px!important;height:28px!important;border-radius:999px!important}.recording-modal-chip-skeleton-v62.short{width:82px!important}
#modalCard .recording-modal-detail-title-skeleton-v62{width:62%!important;height:27px!important;border-radius:9px!important;margin:13px 0 9px!important}
#modalCard .recording-modal-detail-line-skeleton-v62{width:86%!important;height:11px!important;border-radius:7px!important;margin-bottom:12px!important}
#modalCard .recording-modal-meta-chip-skeleton-v62{width:128px!important;height:28px!important;border-radius:10px!important}.recording-modal-meta-chip-skeleton-v62.short{width:96px!important}
#modalCard .recording-modal-stats-skeleton-v62{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:14px 0!important}
#modalCard .recording-modal-stats-skeleton-v62>div{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:8px!important;align-items:center!important;min-height:58px!important;padding:9px!important;border:1px solid #e0e9d0!important;border-radius:16px!important;background:#fcfef9!important}
#modalCard .recording-modal-stat-icon-skeleton-v62{width:32px!important;height:32px!important;border-radius:11px!important}
#modalCard .recording-modal-stats-skeleton-v62 span span{display:block!important}
#modalCard .recording-modal-stat-label-skeleton-v62{width:48px!important;height:8px!important;border-radius:5px!important;margin-bottom:5px!important}
#modalCard .recording-modal-stat-value-skeleton-v62{width:42px!important;height:14px!important;border-radius:6px!important}.recording-modal-stat-value-skeleton-v62.wide{width:70px!important}
#modalCard .recording-modal-detail-actions-skeleton-v62{margin-top:4px!important}
#modalCard .recording-modal-button-skeleton-v62{width:125px!important;height:42px!important;border-radius:14px!important}.recording-modal-button-skeleton-v62.ghost{width:108px!important}.recording-modal-button-skeleton-v62.primary{width:136px!important}
#modalCard .recording-modal-detail-grid-skeleton-v62{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
#modalCard .recording-modal-panel-skeleton-v62{padding:14px!important;border:1px solid #dfe8ca!important;border-radius:22px!important;background:linear-gradient(180deg,#fff,#fbfdf7)!important}
#modalCard .recording-modal-panel-head-skeleton-v62{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;gap:9px!important;align-items:center!important;margin-bottom:12px!important}
#modalCard .recording-modal-panel-icon-skeleton-v62{width:38px!important;height:38px!important;border-radius:13px!important}
#modalCard .recording-modal-panel-title-skeleton-v62{width:130px!important;height:14px!important;border-radius:7px!important;margin-bottom:5px!important}
#modalCard .recording-modal-panel-sub-skeleton-v62{width:min(230px,80%)!important;height:8px!important;border-radius:5px!important}
#modalCard .recording-modal-format-row-skeleton-v62,#modalCard .recording-modal-log-row-skeleton-v62{display:grid!important;grid-template-columns:42px minmax(0,1fr) 42px!important;gap:10px!important;align-items:center!important;padding:10px!important;border:1px solid #e2e9d4!important;border-radius:16px!important;background:#fff!important;margin-top:8px!important}
#modalCard .recording-modal-format-icon-skeleton-v62,#modalCard .recording-modal-log-avatar-skeleton-v62{width:40px!important;height:40px!important;border-radius:13px!important}
#modalCard .recording-modal-format-title-skeleton-v62,#modalCard .recording-modal-log-title-skeleton-v62{width:58%!important;height:11px!important;border-radius:6px!important;margin-bottom:6px!important}
#modalCard .recording-modal-format-sub-skeleton-v62,#modalCard .recording-modal-log-sub-skeleton-v62{width:38%!important;height:8px!important;border-radius:5px!important}
#modalCard .recording-modal-format-action-skeleton-v62,#modalCard .recording-modal-log-action-skeleton-v62{width:38px!important;height:38px!important;border-radius:12px!important}

#modalCard .recording-modal-editor-hero-skeleton-v62{display:grid!important;grid-template-columns:54px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;padding:14px!important;border:1px solid #dfe8ca!important;border-radius:23px!important;background:linear-gradient(135deg,#fbfdf6,#f1f7e5)!important}
#modalCard .recording-modal-hero-icon-skeleton-v62{width:52px!important;height:52px!important;border-radius:17px!important}
#modalCard .recording-modal-kicker-skeleton-v62{width:92px!important;height:9px!important;border-radius:6px!important;margin-bottom:6px!important}
#modalCard .recording-modal-title-skeleton-v62{width:190px!important;height:17px!important;border-radius:7px!important;margin-bottom:6px!important}
#modalCard .recording-modal-line-skeleton-v62{width:min(430px,82%)!important;height:9px!important;border-radius:6px!important}
#modalCard .recording-modal-hero-chips-skeleton-v62{display:flex!important;gap:7px!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important}
#modalCard .recording-modal-fields-skeleton-v62{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
#modalCard .recording-modal-field-skeleton-v62{height:60px!important;border-radius:17px!important}.recording-modal-field-skeleton-v62.full{grid-column:1/-1!important}
#modalCard .recording-modal-textarea-skeleton-v62{height:92px!important;border-radius:17px!important}.recording-modal-textarea-skeleton-v62.full{grid-column:1/-1!important}
#modalCard .recording-modal-switch-skeleton-v62{height:62px!important;border-radius:17px!important}.recording-modal-switch-skeleton-v62.full{grid-column:1/-1!important}
#modalCard .recording-modal-actions-skeleton-v62{display:flex!important;justify-content:flex-end!important;gap:8px!important;padding-top:2px!important}

/* player gets its own in-stage skeleton until the embedded page reports load */
#modalCard.modal-theme-recording-player-v56 .recording-inline-stage-v56{position:relative!important}
#modalCard.modal-theme-recording-player-v56 .recording-player-frame-v62{position:relative!important;z-index:1!important;opacity:1!important;transition:opacity .18s ease!important}
#modalCard.modal-theme-recording-player-v56 .recording-inline-stage-loading-v62 .recording-player-frame-v62{opacity:0!important}
#modalCard.modal-theme-recording-player-v56 .recording-player-skeleton-v62{position:absolute!important;z-index:4!important;inset:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;background:linear-gradient(135deg,#12180d,#1c2512)!important;overflow:hidden!important}
#modalCard.modal-theme-recording-player-v56 .recording-player-icon-skeleton-v62{width:68px!important;height:68px!important;border-radius:22px!important;background:#344126!important;border-color:#465633!important}
#modalCard.modal-theme-recording-player-v56 .recording-player-title-skeleton-v62{width:min(250px,48%)!important;height:15px!important;border-radius:8px!important;background:#313d25!important;border-color:#465633!important}
#modalCard.modal-theme-recording-player-v56 .recording-player-line-skeleton-v62{width:min(170px,34%)!important;height:9px!important;border-radius:7px!important;background:#2b3521!important;border-color:#414f31!important}
#modalCard.modal-theme-recording-player-v56 .recording-player-controls-skeleton-v62{position:absolute!important;right:20px!important;left:20px!important;bottom:18px!important;height:42px!important;border-radius:13px!important;background:#2d3822!important;border-color:#445331!important}

@media(max-width:1180px){
  body.app-mode .recording-page-filters-skeleton-v62{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
  body.app-mode .recording-page-head-skeleton-v62{align-items:flex-start!important}
  body.app-mode .recording-page-title-skeleton-v62{grid-template-columns:58px minmax(0,1fr)!important}.recording-page-hero-icon-skeleton-v62{width:56px!important;height:56px!important;border-radius:19px!important}
  body.app-mode .recording-page-filters-skeleton-v62{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.app-mode .recording-grid-v15 .recording-card-skeleton-v62{min-width:0!important}
  #modalCard .recording-modal-detail-hero-skeleton-v62{grid-template-columns:1fr!important}
  #modalCard .recording-modal-cover-skeleton-v62{min-height:210px!important}
  #modalCard .recording-modal-detail-grid-skeleton-v62{grid-template-columns:1fr!important}
}
@media(max-width:720px){
  body.app-mode .recording-page-overview-skeleton-v62{padding:14px!important;border-radius:24px!important}
  body.app-mode .recording-page-head-skeleton-v62{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  body.app-mode .recording-page-title-skeleton-v62{grid-template-columns:50px minmax(0,1fr)!important}.recording-page-hero-icon-skeleton-v62{width:48px!important;height:48px!important;border-radius:16px!important}
  body.app-mode .recording-page-title-line-skeleton-v62{height:22px!important;width:58%!important}.recording-page-description-skeleton-v62{width:92%!important}
  body.app-mode .recording-page-sync-skeleton-v62{width:100%!important;height:39px!important}
  body.app-mode .recording-metrics-v15 .recording-metric-skeleton-v62{min-height:76px!important;padding:9px!important;grid-template-columns:38px minmax(0,1fr)!important}.recording-metric-icon-skeleton-v62{width:36px!important;height:36px!important;border-radius:12px!important}
  body.app-mode .recording-page-filters-skeleton-v62{grid-template-columns:1fr!important}.recording-page-filter-skeleton-v62{height:58px!important}
  body.app-mode .recording-cover-skeleton-v62{height:160px!important}
  body.app-mode .recording-card-stats-skeleton-v62{grid-template-columns:1fr 1fr!important}.recording-card-stats-skeleton-v62>div.wide{grid-column:1/-1!important}
  #modalCard .recording-modal-detail-hero-skeleton-v62,#modalCard .recording-modal-panel-skeleton-v62,#modalCard .recording-modal-editor-hero-skeleton-v62{padding:11px!important;border-radius:19px!important}
  #modalCard .recording-modal-cover-skeleton-v62{min-height:175px!important;border-radius:17px!important}
  #modalCard .recording-modal-stats-skeleton-v62{grid-template-columns:1fr 1fr!important}
  #modalCard .recording-modal-detail-actions-skeleton-v62 .recording-modal-button-skeleton-v62{flex:1!important;width:auto!important;min-width:0!important}
  #modalCard .recording-modal-editor-hero-skeleton-v62{grid-template-columns:46px minmax(0,1fr)!important}.recording-modal-hero-icon-skeleton-v62{width:44px!important;height:44px!important;border-radius:15px!important}.recording-modal-hero-chips-skeleton-v62{grid-column:1/-1!important;justify-content:flex-start!important}
  #modalCard .recording-modal-fields-skeleton-v62{grid-template-columns:1fr!important}.recording-modal-field-skeleton-v62.full,.recording-modal-textarea-skeleton-v62.full,.recording-modal-switch-skeleton-v62.full{grid-column:auto!important}
  #modalCard .recording-modal-actions-skeleton-v62 .recording-modal-button-skeleton-v62{flex:1!important;width:auto!important}
  #modalCard.modal-theme-recording-player-v56 .recording-player-controls-skeleton-v62{right:10px!important;left:10px!important;bottom:10px!important;height:36px!important}
}

/* ===== V63: structured skeletons for Meeting Pulse ===== */
@keyframes v63PulseSkeletonSweep{0%{transform:translate3d(145%,0,0)}100%{transform:translate3d(-245%,0,0)}}
@keyframes v63PulseSkeletonBreathe{0%,100%{opacity:.78}50%{opacity:1}}
body.app-mode .pulse-skeleton-piece-v63{
  position:relative!important;display:block!important;overflow:hidden!important;isolation:isolate!important;
  border:1px solid #d2ddbd!important;background:#e7eddb!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.82)!important;
  animation:v63PulseSkeletonBreathe 1.65s ease-in-out infinite!important;
}
body.app-mode .pulse-skeleton-piece-v63::after{
  content:""!important;position:absolute!important;z-index:3!important;top:-30%!important;bottom:-30%!important;left:0!important;width:48%!important;min-width:56px!important;border-radius:999px!important;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.2) 18%,rgba(255,255,255,.95) 50%,rgba(255,255,255,.22) 82%,rgba(255,255,255,0))!important;
  filter:blur(1px)!important;box-shadow:0 0 24px rgba(255,255,255,.38)!important;transform:translate3d(145%,0,0)!important;
  animation:v63PulseSkeletonSweep 1.12s cubic-bezier(.4,0,.2,1) infinite!important;pointer-events:none!important;
}
body.app-mode .pulse-session-card-skeleton-v63:nth-child(2n) .pulse-skeleton-piece-v63::after,
body.app-mode .pulse-monitor-group-skeleton-v63:nth-child(2n) .pulse-skeleton-piece-v63::after,
body.app-mode .pulse-monitor-person-skeleton-v63:nth-child(2n) .pulse-skeleton-piece-v63::after{animation-delay:.13s!important}
body.app-mode .pulse-session-card-skeleton-v63:nth-child(3n) .pulse-skeleton-piece-v63::after,
body.app-mode .pulse-monitor-group-skeleton-v63:nth-child(3n) .pulse-skeleton-piece-v63::after,
body.app-mode .pulse-monitor-person-skeleton-v63:nth-child(3n) .pulse-skeleton-piece-v63::after{animation-delay:.26s!important}

body.app-mode .pulse-page-skeleton-v63{display:grid!important;gap:14px!important}
body.app-mode .pulse-page-hero-skeleton-v63{position:relative!important;min-height:205px!important;padding:24px!important;border:1px solid #dfe8c9!important;border-radius:30px!important;background:linear-gradient(145deg,#fbfdf6,#f1f7e4)!important;overflow:hidden!important;box-shadow:0 17px 40px rgba(78,98,40,.055)!important}
body.app-mode .pulse-page-copy-skeleton-v63{position:relative!important;z-index:2!important;width:min(610px,72%)!important;padding-top:8px!important}
body.app-mode .pulse-page-eyebrow-skeleton-v63{width:112px!important;height:24px!important;border-radius:999px!important;margin-bottom:10px!important}
body.app-mode .pulse-page-title-skeleton-v63{width:190px!important;height:32px!important;border-radius:11px!important;margin-bottom:12px!important}
body.app-mode .pulse-page-description-skeleton-v63{width:min(590px,96%)!important;height:12px!important;border-radius:8px!important;margin-top:7px!important}.pulse-page-description-skeleton-v63.short{width:min(410px,72%)!important}
body.app-mode .pulse-page-visual-skeleton-v63{position:absolute!important;left:65px!important;top:28px!important;width:150px!important;height:150px!important;display:grid!important;place-items:center!important}
body.app-mode .pulse-page-orbit-skeleton-v63{position:absolute!important;border-radius:50%!important;background:transparent!important;border:1px solid #d4dfbf!important;animation:none!important}.pulse-page-orbit-skeleton-v63.outer{width:146px!important;height:146px!important}.pulse-page-orbit-skeleton-v63.inner{width:100px!important;height:100px!important}
body.app-mode .pulse-page-orbit-skeleton-v63::after{display:none!important}
body.app-mode .pulse-page-core-skeleton-v63{width:60px!important;height:60px!important;border-radius:20px!important}

body.app-mode .pulse-overview-strip-skeleton-v63{margin-bottom:0!important}
body.app-mode .pulse-overview-skeleton-v63{pointer-events:none!important}
body.app-mode .pulse-overview-icon-skeleton-v63{width:44px!important;height:44px!important;border-radius:15px!important}
body.app-mode .pulse-overview-label-skeleton-v63{width:72px!important;height:8px!important;border-radius:5px!important;margin-bottom:7px!important}
body.app-mode .pulse-overview-value-skeleton-v63{width:54px!important;height:17px!important;border-radius:7px!important}
body.app-mode .pulse-inline-value-skeleton-v63{width:50px!important;height:17px!important;border-radius:7px!important;margin-top:2px!important}
body.app-mode .pulse-inline-meta-skeleton-v63{width:102px!important;height:8px!important;border-radius:5px!important;margin-top:5px!important}

body.app-mode .pulse-layout-skeleton-v63{align-items:start!important}
body.app-mode .pulse-session-panel-skeleton-v63{min-height:470px!important}
body.app-mode .pulse-panel-head-skeleton-v63{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:4px 3px 13px!important;border-bottom:1px dashed #dfe8ca!important;margin-bottom:10px!important}
body.app-mode .pulse-panel-head-skeleton-v63>span:first-child{display:block!important;min-width:0!important;flex:1!important}
body.app-mode .pulse-panel-kicker-skeleton-v63{width:72px!important;height:8px!important;border-radius:5px!important;margin-bottom:6px!important}
body.app-mode .pulse-panel-title-skeleton-v63{width:152px!important;height:15px!important;border-radius:7px!important;margin-bottom:6px!important}
body.app-mode .pulse-panel-meta-skeleton-v63{width:104px!important;height:8px!important;border-radius:5px!important}
body.app-mode .pulse-panel-dot-skeleton-v63{width:12px!important;height:12px!important;border-radius:50%!important;margin-left:4px!important}
body.app-mode .pulse-session-list-skeleton-v63{max-height:none!important;overflow:hidden!important}
body.app-mode .pulse-session-card-skeleton-v63{display:grid!important;grid-template-columns:44px minmax(0,1fr) 22px!important;gap:10px!important;align-items:center!important;padding:11px!important;border:1px solid #e3ebd3!important;border-radius:19px!important;background:linear-gradient(180deg,#fff,#fcfef8)!important;box-shadow:0 8px 19px rgba(75,95,39,.035)!important}
body.app-mode .pulse-session-status-skeleton-v63{width:42px!important;height:42px!important;border-radius:14px!important}
body.app-mode .pulse-session-copy-skeleton-v63{min-width:0!important}.pulse-session-copy-skeleton-v63>div{display:flex!important;gap:7px!important;align-items:center!important}
body.app-mode .pulse-session-title-skeleton-v63{width:55%!important;height:11px!important;border-radius:6px!important}.pulse-session-badge-skeleton-v63{width:43px!important;height:18px!important;border-radius:999px!important}
body.app-mode .pulse-session-organizer-skeleton-v63{width:36%!important;height:7px!important;border-radius:5px!important;margin-top:6px!important}.pulse-session-meta-skeleton-v63{width:63%!important;height:8px!important;border-radius:5px!important;margin-top:8px!important}.pulse-session-meter-skeleton-v63{width:100%!important;height:5px!important;border-radius:999px!important;margin-top:8px!important}
body.app-mode .pulse-session-arrow-skeleton-v63{width:9px!important;height:9px!important;border-radius:4px!important;margin:auto!important}

body.app-mode .pulse-monitor-pane-skeleton-v63{min-height:520px!important}
body.app-mode .pulse-monitor-skeleton-v63{overflow:hidden!important;border-radius:inherit!important}
body.app-mode .pulse-monitor-hero-skeleton-v63{display:flex!important;justify-content:space-between!important;gap:18px!important;align-items:flex-start!important;padding:20px 22px!important;background:linear-gradient(135deg,#384629,#52633c)!important;min-height:116px!important}
body.app-mode .pulse-monitor-hero-skeleton-v63>div:first-child{min-width:0!important;flex:1!important}.pulse-monitor-badge-row-skeleton-v63{display:flex!important;margin-bottom:8px!important}
body.app-mode .pulse-monitor-hero-skeleton-v63 .pulse-skeleton-piece-v63{background:#667653!important;border-color:#778767!important;box-shadow:none!important}.pulse-monitor-hero-skeleton-v63 .pulse-skeleton-piece-v63::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.06) 18%,rgba(255,255,255,.32) 50%,rgba(255,255,255,.07) 82%,transparent)!important;box-shadow:none!important}
body.app-mode .pulse-monitor-live-badge-skeleton-v63{width:88px!important;height:22px!important;border-radius:999px!important}.pulse-monitor-title-skeleton-v63{width:min(310px,62%)!important;height:23px!important;border-radius:9px!important;margin-bottom:8px!important}.pulse-monitor-subtitle-skeleton-v63{width:min(250px,52%)!important;height:8px!important;border-radius:5px!important}
body.app-mode .pulse-monitor-actions-skeleton-v63{display:flex!important;gap:8px!important}.pulse-monitor-button-skeleton-v63{width:108px!important;height:39px!important;border-radius:13px!important}.pulse-monitor-button-skeleton-v63.danger{width:92px!important}
body.app-mode .pulse-monitor-stats-skeleton-v63{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;padding:13px 14px!important;background:#f8fbf2!important;border-bottom:1px solid #e4ebd7!important}
body.app-mode .pulse-monitor-stat-skeleton-v63{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;gap:9px!important;align-items:center!important;padding:11px!important;border-radius:17px!important;border:1px solid #dfe8cb!important;background:#fff!important}.pulse-monitor-stat-skeleton-v63>span{min-width:0!important}
body.app-mode .pulse-monitor-stat-icon-skeleton-v63{width:38px!important;height:38px!important;border-radius:13px!important}.pulse-monitor-stat-label-skeleton-v63{width:66px!important;height:7px!important;border-radius:5px!important;margin-bottom:5px!important}.pulse-monitor-stat-value-skeleton-v63{width:72px!important;height:12px!important;border-radius:6px!important;margin-bottom:5px!important}.pulse-monitor-stat-note-skeleton-v63{width:84%!important;height:7px!important;border-radius:5px!important}
body.app-mode .pulse-monitor-body-skeleton-v63{padding:14px!important;display:grid!important;gap:12px!important;background:#fbfdf7!important}
body.app-mode .pulse-monitor-section-skeleton-v63{padding:14px!important;border-radius:21px!important;border:1px solid #dfe8c9!important;background:#fff!important;box-shadow:0 10px 24px rgba(76,96,40,.035)!important}
body.app-mode .pulse-monitor-section-head-skeleton-v63{display:grid!important;grid-template-columns:38px minmax(0,1fr) 58px!important;gap:10px!important;align-items:center!important;margin-bottom:11px!important}.pulse-monitor-section-head-skeleton-v63>span:not(.pulse-skeleton-piece-v63){min-width:0!important}
body.app-mode .pulse-monitor-section-icon-skeleton-v63{width:38px!important;height:38px!important;border-radius:13px!important}.pulse-monitor-section-title-skeleton-v63{width:126px!important;height:12px!important;border-radius:6px!important;margin-bottom:6px!important}.pulse-monitor-section-sub-skeleton-v63{width:min(310px,72%)!important;height:7px!important;border-radius:5px!important}.pulse-monitor-section-count-skeleton-v63{width:54px!important;height:23px!important;border-radius:999px!important;justify-self:end!important}
body.app-mode .pulse-monitor-groups-skeleton-v63{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
body.app-mode .pulse-monitor-group-skeleton-v63{display:grid!important;grid-template-columns:38px minmax(0,1fr) 24px!important;gap:9px!important;align-items:center!important;padding:10px!important;border:1px solid #e4ead7!important;border-radius:16px!important;background:#fcfef8!important}.pulse-monitor-group-skeleton-v63>span:not(.pulse-skeleton-piece-v63){min-width:0!important}
body.app-mode .pulse-monitor-group-icon-skeleton-v63{width:36px!important;height:36px!important;border-radius:12px!important}.pulse-monitor-group-title-skeleton-v63{width:54%!important;height:10px!important;border-radius:6px!important;margin-bottom:6px!important}.pulse-monitor-group-sub-skeleton-v63{width:72%!important;height:7px!important;border-radius:5px!important}.pulse-monitor-group-state-skeleton-v63{width:18px!important;height:18px!important;border-radius:50%!important}
body.app-mode .pulse-monitor-people-skeleton-v63{display:grid!important;gap:8px!important}
body.app-mode .pulse-monitor-person-skeleton-v63{display:grid!important;grid-template-columns:44px minmax(140px,1fr) 112px 112px 88px!important;gap:9px!important;align-items:center!important;padding:10px 11px!important;border:1px solid #e4ead7!important;border-radius:17px!important;background:linear-gradient(180deg,#fff,#fcfef8)!important}.pulse-monitor-person-skeleton-v63>span:not(.pulse-skeleton-piece-v63){min-width:0!important}
body.app-mode .pulse-monitor-person-avatar-skeleton-v63{width:40px!important;height:40px!important;border-radius:14px!important}.pulse-monitor-person-name-skeleton-v63{width:58%!important;height:10px!important;border-radius:6px!important;margin-bottom:6px!important}.pulse-monitor-person-sub-skeleton-v63{width:44%!important;height:7px!important;border-radius:5px!important}
body.app-mode .pulse-monitor-person-cell-skeleton-v63{display:block!important}.pulse-monitor-person-cell-label-skeleton-v63{width:70%!important;height:7px!important;border-radius:5px!important;margin-bottom:6px!important}.pulse-monitor-person-cell-value-skeleton-v63{width:58%!important;height:10px!important;border-radius:5px!important}.pulse-monitor-person-cell-value-skeleton-v63.short{width:40%!important}.pulse-monitor-person-state-skeleton-v63{width:72px!important;height:26px!important;border-radius:999px!important;justify-self:end!important}

@media(max-width:1180px){
  body.app-mode .pulse-monitor-stats-skeleton-v63{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.app-mode .pulse-monitor-person-skeleton-v63{grid-template-columns:42px minmax(140px,1fr) 105px 85px!important}
  body.app-mode .pulse-monitor-person-cell-skeleton-v63.second{display:none!important}
}
@media(max-width:900px){
  body.app-mode .pulse-page-copy-skeleton-v63{width:78%!important}
  body.app-mode .pulse-layout-skeleton-v63{grid-template-columns:1fr!important}
  body.app-mode .pulse-session-panel-skeleton-v63{min-height:auto!important}
  body.app-mode .pulse-session-list-skeleton-v63{max-height:none!important}
}
@media(max-width:620px){
  body.app-mode .pulse-page-hero-skeleton-v63{min-height:190px!important;padding:18px!important;border-radius:24px!important}
  body.app-mode .pulse-page-copy-skeleton-v63{width:88%!important}.pulse-page-title-skeleton-v63{width:150px!important;height:26px!important}.pulse-page-description-skeleton-v63{width:82%!important}.pulse-page-description-skeleton-v63.short{width:62%!important}
  body.app-mode .pulse-page-visual-skeleton-v63{left:-2px!important;top:35px!important;transform:scale(.82)!important;opacity:.5!important}
  body.app-mode .pulse-overview-icon-skeleton-v63{width:38px!important;height:38px!important;border-radius:13px!important}.pulse-overview-label-skeleton-v63{width:58px!important}.pulse-overview-value-skeleton-v63{height:14px!important}
  body.app-mode .pulse-session-card-skeleton-v63{grid-template-columns:40px minmax(0,1fr) 18px!important;padding:9px!important}.pulse-session-status-skeleton-v63{width:38px!important;height:38px!important;border-radius:13px!important}
  body.app-mode .pulse-monitor-hero-skeleton-v63{padding:16px!important;flex-direction:column!important}.pulse-monitor-actions-skeleton-v63{width:100%!important}.pulse-monitor-button-skeleton-v63{flex:1!important;width:auto!important}
  body.app-mode .pulse-monitor-title-skeleton-v63{width:68%!important}.pulse-monitor-subtitle-skeleton-v63{width:58%!important}
  body.app-mode .pulse-monitor-stats-skeleton-v63{grid-template-columns:1fr 1fr!important;padding:10px!important}.pulse-monitor-stat-skeleton-v63{padding:9px!important;grid-template-columns:36px minmax(0,1fr)!important}.pulse-monitor-stat-icon-skeleton-v63{width:34px!important;height:34px!important;border-radius:12px!important}
  body.app-mode .pulse-monitor-groups-skeleton-v63{grid-template-columns:1fr!important}
  body.app-mode .pulse-monitor-person-skeleton-v63{grid-template-columns:38px minmax(0,1fr) auto!important}.pulse-monitor-person-cell-skeleton-v63{display:none!important}.pulse-monitor-person-avatar-skeleton-v63{width:36px!important;height:36px!important;border-radius:12px!important}.pulse-monitor-person-state-skeleton-v63{width:58px!important;height:24px!important}
  body.app-mode .pulse-monitor-section-head-skeleton-v63{grid-template-columns:34px minmax(0,1fr) 48px!important}.pulse-monitor-section-icon-skeleton-v63{width:34px!important;height:34px!important;border-radius:12px!important}.pulse-monitor-section-count-skeleton-v63{width:46px!important;height:21px!important}
}

/* ===== V64: instant skeleton feedback for meeting SMS modal ===== */
body.app-mode .modal-theme-meeting-sms-v64 #modalBody{min-height:560px}
body.app-mode .meeting-sms-loading-v64{display:grid;gap:14px;padding:2px 0 4px}
body.app-mode .meeting-sms-skeleton-piece-v64{position:relative;display:block;overflow:hidden;background:#edf2e4;border:1px solid #e2e9d7;box-shadow:inset 0 1px 0 rgba(255,255,255,.78)}
body.app-mode .meeting-sms-skeleton-piece-v64::after{content:"";position:absolute;inset:0;transform:translateX(110%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.18) 18%,rgba(255,255,255,.82) 50%,rgba(255,255,255,.18) 82%,transparent);animation:meetingSmsSkeletonSweepV64 1.18s ease-in-out infinite}
@keyframes meetingSmsSkeletonSweepV64{to{transform:translateX(-110%)}}
body.app-mode .meeting-sms-loading-hero-v64{display:grid;grid-template-columns:58px minmax(0,1fr);gap:13px;align-items:center;padding:16px;border:1px solid #e1e8d5;border-radius:20px;background:linear-gradient(145deg,#f8fbf3,#fff)}
body.app-mode .meeting-sms-loading-icon-v64{width:56px;height:56px;border-radius:18px}
body.app-mode .meeting-sms-loading-hero-copy-v64{display:grid;gap:8px;min-width:0}
body.app-mode .meeting-sms-loading-title-v64{width:min(58%,310px);height:15px;border-radius:8px}
body.app-mode .meeting-sms-loading-line-v64{width:min(76%,460px);height:9px;border-radius:999px}
body.app-mode .meeting-sms-loading-meta-v64{display:flex;gap:8px;margin-top:2px}
body.app-mode .meeting-sms-loading-meta-v64 .meeting-sms-skeleton-piece-v64{width:106px;height:28px;border-radius:999px}
body.app-mode .meeting-sms-loading-grid-v64{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.app-mode .meeting-sms-loading-card-v64{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;padding:12px;border:1px solid #e3e9d9;border-radius:17px;background:#fcfdf9}
body.app-mode .meeting-sms-loading-card-icon-v64{width:40px;height:40px;border-radius:13px}
body.app-mode .meeting-sms-loading-card-v64>span:last-child{display:grid;gap:7px;min-width:0}
body.app-mode .meeting-sms-loading-card-v64 i{display:block;width:61%;height:10px;border-radius:6px}
body.app-mode .meeting-sms-loading-card-v64 i.short{width:82%;height:7px}
body.app-mode .meeting-sms-loading-card-v64:nth-child(2) .meeting-sms-skeleton-piece-v64::after{animation-delay:.11s}
body.app-mode .meeting-sms-loading-card-v64:nth-child(3) .meeting-sms-skeleton-piece-v64::after{animation-delay:.22s}
body.app-mode .meeting-sms-loading-card-v64:nth-child(4) .meeting-sms-skeleton-piece-v64::after{animation-delay:.33s}
body.app-mode .meeting-sms-loading-fields-v64{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:14px;border:1px solid #e4eadb;border-radius:19px;background:#fff}
body.app-mode .meeting-sms-loading-field-v64{display:grid;gap:7px}.meeting-sms-loading-field-v64.wide{grid-column:1/-1}
body.app-mode .meeting-sms-loading-label-v64{width:82px;height:8px;border-radius:5px}
body.app-mode .meeting-sms-loading-control-v64{width:100%;height:44px;border-radius:13px}
body.app-mode .meeting-sms-loading-field-v64.wide .meeting-sms-loading-control-v64{height:52px}
body.app-mode .meeting-sms-loading-preview-v64{display:grid;gap:9px;padding:14px;border:1px solid #dfe8cf;border-radius:19px;background:#f8fbf2}
body.app-mode .meeting-sms-loading-preview-title-v64{width:126px;height:11px;border-radius:6px}
body.app-mode .meeting-sms-loading-preview-box-v64{width:100%;height:112px;border-radius:15px;background:#eef3e7}
body.app-mode .meeting-sms-loading-preview-note-v64{width:48%;height:8px;border-radius:5px}
body.app-mode .meeting-sms-loading-actions-v64{display:flex;justify-content:flex-end;gap:9px;padding-top:2px}
body.app-mode .meeting-sms-loading-actions-v64 .meeting-sms-skeleton-piece-v64{width:96px;height:42px;border-radius:13px}
body.app-mode .meeting-sms-loading-actions-v64 .primary{width:124px;background:#e5ecd9}
body.app-mode .meeting-sms-load-error-v64{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 18px}
body.app-mode .meeting-sms-load-error-v64>span{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:#fff3ef;color:#b64d38;font-size:24px;margin-bottom:12px}
body.app-mode .meeting-sms-load-error-v64 strong{font-size:17px;color:#26311d}.meeting-sms-load-error-v64 p{margin:7px 0 18px;color:#718064;font-size:13px}
@media(max-width:620px){body.app-mode .modal-theme-meeting-sms-v64 #modalBody{min-height:520px}body.app-mode .meeting-sms-loading-v64{gap:10px}.meeting-sms-loading-hero-v64{grid-template-columns:48px minmax(0,1fr)!important;padding:12px!important}.meeting-sms-loading-icon-v64{width:46px!important;height:46px!important;border-radius:15px!important}.meeting-sms-loading-title-v64{width:72%!important}.meeting-sms-loading-line-v64{width:90%!important}.meeting-sms-loading-meta-v64 .meeting-sms-skeleton-piece-v64{width:88px!important;height:24px!important}.meeting-sms-loading-grid-v64{grid-template-columns:1fr!important}.meeting-sms-loading-card-v64{padding:10px!important;grid-template-columns:38px minmax(0,1fr)!important}.meeting-sms-loading-card-icon-v64{width:36px!important;height:36px!important}.meeting-sms-loading-fields-v64{grid-template-columns:1fr!important;padding:11px!important}.meeting-sms-loading-field-v64.wide{grid-column:auto!important}.meeting-sms-loading-preview-box-v64{height:94px!important}.meeting-sms-loading-actions-v64 .meeting-sms-skeleton-piece-v64{flex:1!important;width:auto!important}}


/* ===== V70: sidebar profile without avatar ===== */
body.app-mode .sidebar-profile-card-v54 .sidebar-profile-main{
  grid-template-columns:minmax(0,1fr) 49px!important;
  gap:11px!important;
  align-items:center!important;
}
body.app-mode .sidebar-profile-card-v54 .sidebar-profile-copy{
  justify-self:stretch!important;
  align-items:flex-start!important;
  text-align:right!important;
  direction:rtl!important;
  padding-right:3px!important;
  gap:3px!important;
}
body.app-mode .sidebar-profile-card-v54 .sidebar-profile-copy>strong,
body.app-mode .sidebar-profile-card-v54 .sidebar-profile-role,
body.app-mode .sidebar-profile-card-v54 .sidebar-profile-mobile{
  align-self:stretch!important;
  text-align:right!important;
}
body.app-mode .sidebar-profile-card-v54 .sidebar-profile-role,
body.app-mode .sidebar-profile-card-v54 .sidebar-profile-mobile{
  justify-content:flex-start!important;
}
@media(max-width:980px){
  body.app-mode .sidebar-profile-card-v54 .sidebar-profile-main{
    grid-template-columns:minmax(0,1fr) 46px!important;
    gap:9px!important;
  }
  body.app-mode .sidebar-profile-card-v54 .sidebar-profile-copy{
    padding-right:2px!important;
  }
}

/* ===== V71: modern icon dropdowns for meeting page filters ===== */
body.app-mode .meeting-filter-modern{overflow:visible!important;position:relative!important;z-index:12!important}
body.app-mode .meeting-filter-dropdown-card-v71{overflow:visible!important;z-index:1!important}
body.app-mode .meeting-filter-dropdown-card-v71.is-dropdown-open-v71{z-index:90!important;border-color:#c8dc9e!important;box-shadow:0 0 0 4px rgba(122,169,44,.075),0 18px 38px rgba(68,89,31,.10)!important}
body.app-mode .meeting-filter-dropdown-card-v71 .meeting-filter-copy{min-width:0!important;overflow:visible!important}
body.app-mode .meeting-filter-native-v71{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;overflow:hidden!important;margin:-1px!important;padding:0!important;border:0!important}
body.app-mode .meeting-filter-select-v71{position:relative!important;width:100%!important;min-width:0!important;height:28px!important}
body.app-mode .meeting-filter-trigger-v71{width:100%!important;height:28px!important;min-height:28px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:0!important;border:0!important;background:transparent!important;color:#50662b!important;font:inherit!important;font-size:11px!important;font-weight:650!important;text-align:right!important;cursor:pointer!important;outline:none!important}
body.app-mode .meeting-filter-trigger-label-v71{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body.app-mode .meeting-filter-trigger-v71>i{font-size:8px!important;color:#90a17a!important;transition:transform .22s ease,color .22s ease!important;flex:0 0 auto!important}
body.app-mode .meeting-filter-select-v71.is-open-v71 .meeting-filter-trigger-v71>i{transform:rotate(180deg)!important;color:#739c2c!important}
body.app-mode .meeting-filter-trigger-v71:focus-visible{border-radius:8px!important;box-shadow:0 0 0 3px rgba(126,171,47,.10)!important}
body.app-mode .meeting-filter-menu-v71{position:absolute!important;top:calc(100% + 14px)!important;right:-54px!important;width:max(calc(100% + 54px),270px)!important;max-width:min(360px,calc(100vw - 30px))!important;padding:8px!important;border:1px solid #dce7c7!important;border-radius:20px!important;background:linear-gradient(160deg,rgba(255,255,255,.99),rgba(249,252,243,.985))!important;box-shadow:0 24px 58px rgba(60,79,27,.16),0 7px 18px rgba(68,88,32,.06)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-7px) scale(.985)!important;transform-origin:top right!important;transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;z-index:200!important;direction:rtl!important}
body.app-mode .meeting-filter-select-v71.is-open-v71 .meeting-filter-menu-v71{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important}
body.app-mode .meeting-filter-select-v71.drop-up-v71 .meeting-filter-menu-v71{top:auto!important;bottom:calc(100% + 14px)!important;transform-origin:bottom right!important}
body.app-mode .meeting-filter-menu-v71:before{content:""!important;position:absolute!important;top:-5px!important;right:72px!important;width:10px!important;height:10px!important;background:#fff!important;border-top:1px solid #dce7c7!important;border-right:1px solid #dce7c7!important;transform:rotate(-45deg)!important;border-radius:2px 0 0 0!important}
body.app-mode .meeting-filter-select-v71.drop-up-v71 .meeting-filter-menu-v71:before{top:auto!important;bottom:-5px!important;transform:rotate(135deg)!important}
body.app-mode .meeting-filter-menu-head-v71{height:38px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:3px 6px 8px!important;margin-bottom:4px!important;border-bottom:1px dashed #e1e9d3!important;color:#647a3c!important}
body.app-mode .meeting-filter-menu-head-v71>span{width:27px!important;height:27px!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#eef6dc,#f8fbeF)!important;border:1px solid #dce9c3!important;color:#78a02f!important;font-size:10px!important}
body.app-mode .meeting-filter-menu-head-v71>b{font-size:9.5px!important;font-weight:850!important;letter-spacing:-.1px!important}
body.app-mode .meeting-filter-options-v71{display:grid!important;gap:4px!important;max-height:min(330px,calc(100vh - 180px))!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:1px!important;scrollbar-width:thin!important;scrollbar-color:#cbd8b5 transparent!important}
body.app-mode .meeting-filter-options-v71::-webkit-scrollbar{width:5px!important}
body.app-mode .meeting-filter-options-v71::-webkit-scrollbar-thumb{background:#cbd8b5!important;border-radius:999px!important}
body.app-mode .meeting-filter-option-v71{position:relative!important;width:100%!important;min-height:52px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) 24px!important;gap:9px!important;align-items:center!important;padding:7px 8px!important;border:1px solid transparent!important;border-radius:14px!important;background:transparent!important;color:#4d5f37!important;font:inherit!important;text-align:right!important;cursor:pointer!important;outline:none!important;transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease!important}
body.app-mode .meeting-filter-option-v71:hover,body.app-mode .meeting-filter-option-v71:focus-visible{background:#f7faef!important;border-color:#e1e9d2!important;transform:translateX(-2px)!important;box-shadow:0 8px 18px rgba(73,92,39,.05)!important}
body.app-mode .meeting-filter-option-v71.is-selected-v71{background:linear-gradient(135deg,#f3f9e6,#fbfdf6)!important;border-color:#d3e3b5!important;box-shadow:inset 0 0 0 1px rgba(133,174,55,.035)!important}
body.app-mode .meeting-filter-option-icon-v71{width:36px!important;height:36px!important;border-radius:12px!important;display:grid!important;place-items:center!important;border:1px solid #e1e8d5!important;background:#f4f7ed!important;color:#748363!important;font-size:12px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;transition:transform .16s ease!important}
body.app-mode .meeting-filter-option-v71:hover .meeting-filter-option-icon-v71{transform:scale(1.04)!important}
body.app-mode .meeting-filter-option-v71.tone-green .meeting-filter-option-icon-v71,body.app-mode .meeting-filter-option-v71.tone-group .meeting-filter-option-icon-v71{background:#eef7dc!important;border-color:#d9e9bb!important;color:#709a29!important}
body.app-mode .meeting-filter-option-v71.tone-blue .meeting-filter-option-icon-v71{background:#eef6f7!important;border-color:#d8e9ea!important;color:#558b91!important}
body.app-mode .meeting-filter-option-v71.tone-violet .meeting-filter-option-icon-v71{background:#f5f1fa!important;border-color:#e8ddf2!important;color:#876aa0!important}
body.app-mode .meeting-filter-option-v71.tone-red .meeting-filter-option-icon-v71{background:#fff1ed!important;border-color:#f2d9d1!important;color:#bd6557!important}
body.app-mode .meeting-filter-option-v71.tone-calm .meeting-filter-option-icon-v71{background:#f0f7e9!important;border-color:#dce9ce!important;color:#6c9251!important}
body.app-mode .meeting-filter-option-v71.tone-slate .meeting-filter-option-icon-v71{background:#f3f5f0!important;border-color:#e1e5dc!important;color:#74806b!important}
body.app-mode .meeting-filter-option-copy-v71{min-width:0!important;display:flex!important;flex-direction:column!important;gap:3px!important;line-height:1.35!important}
body.app-mode .meeting-filter-option-copy-v71>b{font-size:10.5px!important;font-weight:850!important;color:#4f392f!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.app-mode .meeting-filter-option-copy-v71>small{font-size:8px!important;font-weight:500!important;color:#869276!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.app-mode .meeting-filter-option-check-v71{width:22px!important;height:22px!important;border-radius:8px!important;display:grid!important;place-items:center!important;background:#eaf4d7!important;color:#74a02b!important;font-size:8px!important;opacity:0!important;transform:scale(.72)!important;transition:opacity .16s ease,transform .16s ease!important}
body.app-mode .meeting-filter-option-v71.is-selected-v71 .meeting-filter-option-check-v71{opacity:1!important;transform:scale(1)!important}
@media(max-width:720px){
  body.app-mode .meeting-filter-menu-v71{right:-54px!important;width:calc(100% + 54px)!important;min-width:0!important;max-width:none!important;border-radius:18px!important;padding:7px!important}
  body.app-mode .meeting-filter-menu-v71:before{right:70px!important}
  body.app-mode .meeting-filter-option-v71{min-height:50px!important;grid-template-columns:36px minmax(0,1fr) 22px!important;gap:8px!important;padding:7px!important}
  body.app-mode .meeting-filter-option-icon-v71{width:34px!important;height:34px!important;border-radius:11px!important}
  body.app-mode .meeting-filter-option-copy-v71>b{font-size:10px!important}.meeting-filter-option-copy-v71>small{font-size:7.7px!important}
}
@media(prefers-reduced-motion:reduce){body.app-mode .meeting-filter-menu-v71,body.app-mode .meeting-filter-option-v71,body.app-mode .meeting-filter-option-icon-v71,body.app-mode .meeting-filter-trigger-v71>i{transition:none!important}}


/* ===== V72: interaction + overflow fixes for meeting filter dropdowns ===== */
body.app-mode .meeting-filter-dropdown-card-v71{
  cursor:pointer!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
body.app-mode .meeting-filter-dropdown-card-v71 .meeting-filter-icon,
body.app-mode .meeting-filter-dropdown-card-v71 .meeting-filter-copy,
body.app-mode .meeting-filter-dropdown-card-v71 .meeting-filter-copy>small{
  pointer-events:auto!important;
}
body.app-mode .meeting-filter-menu-v71{
  box-sizing:border-box!important;
  overflow:hidden!important;
}
body.app-mode .meeting-filter-options-v71{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
}
body.app-mode .meeting-filter-option-v71{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  transform:none!important;
  background-clip:padding-box!important;
}
body.app-mode .meeting-filter-option-v71:hover,
body.app-mode .meeting-filter-option-v71:focus-visible{
  transform:none!important;
}
body.app-mode .meeting-filter-option-copy-v71{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  background:transparent!important;
}
body.app-mode .meeting-filter-option-copy-v71>b,
body.app-mode .meeting-filter-option-copy-v71>small{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  background:transparent!important;
}
body.app-mode .meeting-filter-option-copy-v71>small{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.55!important;
}
body.app-mode .meeting-filter-option-icon-v71,
body.app-mode .meeting-filter-option-check-v71{
  position:relative!important;
  z-index:1!important;
  flex-shrink:0!important;
}
/* Keep the selected/hover surface continuous behind all three grid cells. */
body.app-mode .meeting-filter-option-v71.is-selected-v71{
  background:linear-gradient(135deg,#f3f9e6 0%,#fbfdf6 100%)!important;
}
body.app-mode .meeting-filter-option-v71.tone-violet:hover,
body.app-mode .meeting-filter-option-v71.tone-violet:focus-visible{
  background:#f8f5fb!important;
  border-color:#e8ddf2!important;
}
body.app-mode .meeting-filter-option-v71[data-value="100"]:hover,
body.app-mode .meeting-filter-option-v71[data-value="100"]:focus-visible{
  background:#f8f5fb!important;
  border-color:#e8ddf2!important;
}
@media(max-width:720px){
  body.app-mode .meeting-filter-menu-v71{
    max-width:calc(100vw - 24px)!important;
  }
  body.app-mode .meeting-filter-options-v71{
    overflow-x:hidden!important;
  }
  body.app-mode .meeting-filter-option-v71{
    min-height:52px!important;
  }
}

/* ===== V73: rich dropdowns for Users + Attendance filters ===== */
body.app-mode .users-filter-card-v18.meeting-filter-dropdown-card-v71,
body.app-mode .attendance-filter-card-v13.meeting-filter-dropdown-card-v71{
  position:relative!important;
  overflow:visible!important;
  cursor:pointer!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
body.app-mode .users-filter-card-v18.meeting-filter-dropdown-card-v71.is-dropdown-open-v71,
body.app-mode .attendance-filter-card-v13.meeting-filter-dropdown-card-v71.is-dropdown-open-v71{
  z-index:95!important;
  border-color:#c8dc9e!important;
  box-shadow:0 0 0 4px rgba(122,169,44,.075),0 18px 38px rgba(68,89,31,.10)!important;
}
body.app-mode .users-filter-card-v18.meeting-filter-dropdown-card-v71 .users-filter-copy-v18,
body.app-mode .attendance-filter-card-v13.meeting-filter-dropdown-card-v71>div{
  min-width:0!important;
  overflow:visible!important;
}
body.app-mode .users-filter-card-v18.meeting-filter-dropdown-card-v71 .users-filter-copy-v18>small,
body.app-mode .attendance-filter-card-v13.meeting-filter-dropdown-card-v71>div>small{
  pointer-events:none!important;
}
body.app-mode .users-filter-card-v18.meeting-filter-dropdown-card-v71 .meeting-filter-select-v71,
body.app-mode .attendance-filter-card-v13.meeting-filter-dropdown-card-v71 .meeting-filter-select-v71{
  min-width:0!important;
  width:100%!important;
}
body.app-mode .users-filter-card-v18.meeting-filter-dropdown-card-v71 .meeting-filter-trigger-v71,
body.app-mode .attendance-filter-card-v13.meeting-filter-dropdown-card-v71 .meeting-filter-trigger-v71{
  min-width:0!important;
  width:100%!important;
  color:#4f3329!important;
  font-size:11px!important;
  font-weight:700!important;
}
body.app-mode .users-filter-card-v18.meeting-filter-dropdown-card-v71 .meeting-filter-trigger-label-v71,
body.app-mode .attendance-filter-card-v13.meeting-filter-dropdown-card-v71 .meeting-filter-trigger-label-v71{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
/* Keep every dropdown inside the viewport and never create horizontal scrolling. */
body.app-mode .users-filter-card-v18.meeting-filter-dropdown-card-v71 .meeting-filter-menu-v71,
body.app-mode .attendance-filter-card-v13.meeting-filter-dropdown-card-v71 .meeting-filter-menu-v71{
  right:-54px!important;
  width:max(calc(100% + 54px),270px)!important;
  max-width:min(350px,calc(100vw - 28px))!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
body.app-mode .users-filter-card-v18.meeting-filter-dropdown-card-v71 .meeting-filter-options-v71,
body.app-mode .attendance-filter-card-v13.meeting-filter-dropdown-card-v71 .meeting-filter-options-v71{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
}
body.app-mode .users-filter-card-v18.meeting-filter-dropdown-card-v71 .meeting-filter-option-v71,
body.app-mode .attendance-filter-card-v13.meeting-filter-dropdown-card-v71 .meeting-filter-option-v71{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  transform:none!important;
}
body.app-mode .users-filter-card-v18.meeting-filter-dropdown-card-v71 .meeting-filter-option-v71:hover,
body.app-mode .users-filter-card-v18.meeting-filter-dropdown-card-v71 .meeting-filter-option-v71:focus-visible,
body.app-mode .attendance-filter-card-v13.meeting-filter-dropdown-card-v71 .meeting-filter-option-v71:hover,
body.app-mode .attendance-filter-card-v13.meeting-filter-dropdown-card-v71 .meeting-filter-option-v71:focus-visible{
  transform:none!important;
}
body.app-mode .meeting-filter-option-v71.tone-amber .meeting-filter-option-icon-v71{
  background:#fff8e8!important;
  border-color:#f0e0b8!important;
  color:#b8862e!important;
}
body.app-mode .meeting-filter-option-v71.tone-amber:hover,
body.app-mode .meeting-filter-option-v71.tone-amber:focus-visible{
  background:#fffbf1!important;
  border-color:#eee0bf!important;
}
/* Long meeting/group names stay readable without widening the menu. */
body.app-mode .attendance-filter-card-v13 .meeting-filter-option-copy-v71>b,
body.app-mode .users-filter-card-v18 .meeting-filter-option-copy-v71>b{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
body.app-mode .attendance-filter-card-v13 .meeting-filter-option-copy-v71>small,
body.app-mode .users-filter-card-v18 .meeting-filter-option-copy-v71>small{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  line-height:1.55!important;
}
/* Open menus must float over the next row of filters/content. */
body.app-mode .users-filter-modern-v18,
body.app-mode .attendance-toolbar-v14{
  overflow:visible!important;
}
@media(max-width:720px){
  body.app-mode .users-filter-card-v18.meeting-filter-dropdown-card-v71 .meeting-filter-menu-v71,
  body.app-mode .attendance-filter-card-v13.meeting-filter-dropdown-card-v71 .meeting-filter-menu-v71{
    width:calc(100% + 54px)!important;
    min-width:0!important;
    max-width:calc(100vw - 24px)!important;
    right:-54px!important;
    border-radius:18px!important;
  }
  body.app-mode .users-filter-card-v18.meeting-filter-dropdown-card-v71 .meeting-filter-option-v71,
  body.app-mode .attendance-filter-card-v13.meeting-filter-dropdown-card-v71 .meeting-filter-option-v71{
    min-height:52px!important;
  }
}
body.app-mode .attendance-panel-v14.attendance-panel-dropdown-v73{overflow:visible!important}
body.app-mode .meeting-filter-select-v71.align-left-v73 .meeting-filter-menu-v71{
  right:auto!important;
  left:0!important;
  transform-origin:top left!important;
}
body.app-mode .meeting-filter-select-v71.align-left-v73.drop-up-v71 .meeting-filter-menu-v71{transform-origin:bottom left!important}
body.app-mode .meeting-filter-select-v71.align-left-v73 .meeting-filter-menu-v71:before{
  right:auto!important;
  left:24px!important;
}


/* ===== V74: rich dropdowns for Recordings filters ===== */
body.app-mode .recordings-toolbar-v15{overflow:visible!important}
body.app-mode .recording-filter-card-v15.meeting-filter-dropdown-card-v71{
  position:relative!important;
  overflow:visible!important;
  cursor:pointer!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
body.app-mode .recording-filter-card-v15.meeting-filter-dropdown-card-v71.is-dropdown-open-v71{
  z-index:96!important;
  border-color:#c8dc9e!important;
  box-shadow:0 0 0 4px rgba(122,169,44,.075),0 18px 38px rgba(68,89,31,.10)!important;
}
body.app-mode .recording-filter-card-v15.meeting-filter-dropdown-card-v71>div{
  min-width:0!important;
  overflow:visible!important;
}
body.app-mode .recording-filter-card-v15.meeting-filter-dropdown-card-v71>div>small{
  pointer-events:none!important;
}
body.app-mode .recording-filter-card-v15.meeting-filter-dropdown-card-v71 .meeting-filter-select-v71{
  width:100%!important;
  min-width:0!important;
}
body.app-mode .recording-filter-card-v15.meeting-filter-dropdown-card-v71 .meeting-filter-trigger-v71{
  width:100%!important;
  min-width:0!important;
  color:#4f3329!important;
  font-size:11px!important;
  font-weight:700!important;
}
body.app-mode .recording-filter-card-v15.meeting-filter-dropdown-card-v71 .meeting-filter-trigger-label-v71{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
body.app-mode .recording-filter-card-v15.meeting-filter-dropdown-card-v71 .meeting-filter-menu-v71{
  right:-54px!important;
  width:max(calc(100% + 54px),285px)!important;
  max-width:min(365px,calc(100vw - 28px))!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
body.app-mode .recording-filter-card-v15.meeting-filter-dropdown-card-v71 .meeting-filter-options-v71{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
}
body.app-mode .recording-filter-card-v15.meeting-filter-dropdown-card-v71 .meeting-filter-option-v71{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  transform:none!important;
}
body.app-mode .recording-filter-card-v15.meeting-filter-dropdown-card-v71 .meeting-filter-option-v71:hover,
body.app-mode .recording-filter-card-v15.meeting-filter-dropdown-card-v71 .meeting-filter-option-v71:focus-visible{
  transform:none!important;
}
body.app-mode .recording-filter-card-v15 .meeting-filter-option-copy-v71>b{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
body.app-mode .recording-filter-card-v15 .meeting-filter-option-copy-v71>small{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  line-height:1.55!important;
}
/* native selects stay as the source of truth but are visually replaced */
body.app-mode .recording-filter-card-v15 select.meeting-filter-native-v71{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
}
@media(max-width:720px){
  body.app-mode .recording-filter-card-v15.meeting-filter-dropdown-card-v71 .meeting-filter-menu-v71{
    width:calc(100% + 54px)!important;
    min-width:0!important;
    max-width:calc(100vw - 24px)!important;
    right:-54px!important;
    border-radius:18px!important;
  }
  body.app-mode .recording-filter-card-v15.meeting-filter-dropdown-card-v71 .meeting-filter-option-v71{min-height:52px!important}
}


/* ===== V75: master-admin user controls ===== */
body.app-mode .user-badges-v17 .badge.master-v75{background:linear-gradient(135deg,#f4f8e8,#edf4d9)!important;border-color:#d8e5ba!important;color:#6f8f35!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important}
body.app-mode .user-badges-v17 .badge.master-v75 i{color:#83aa3b!important;filter:drop-shadow(0 2px 4px rgba(103,139,37,.12))}
body.app-mode .user-card-actions-v17 .master-admin-action-v75{position:relative!important;overflow:hidden!important;flex:1.18!important;min-width:154px!important;min-height:46px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) 18px!important;align-items:center!important;gap:8px!important;padding:6px 9px!important;border:1px solid #d6e5b8!important;border-radius:16px!important;background:linear-gradient(135deg,#f2f8e5 0%,#fbfdf7 58%,#edf6dc 100%)!important;color:#58732f!important;box-shadow:0 10px 22px rgba(79,105,35,.07),inset 0 1px 0 rgba(255,255,255,.94)!important;cursor:pointer!important;text-align:right!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}
body.app-mode .user-card-actions-v17 .master-admin-action-v75:before{content:"";position:absolute;width:72px;height:72px;border-radius:50%;right:-38px;top:-46px;background:radial-gradient(circle,rgba(155,205,63,.24),transparent 70%);pointer-events:none}
body.app-mode .user-card-actions-v17 .master-admin-action-v75:hover{transform:translateY(-1px)!important;border-color:#c6da9d!important;box-shadow:0 14px 27px rgba(79,105,35,.105),inset 0 1px 0 rgba(255,255,255,.96)!important}
body.app-mode .master-admin-action-icon-v75{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#91bd3c,#729d2e);color:#fff;font-size:12px;box-shadow:0 8px 15px rgba(112,152,46,.18)}
body.app-mode .master-admin-action-copy-v75{display:flex;min-width:0;flex-direction:column;gap:1px;line-height:1.35}
body.app-mode .master-admin-action-copy-v75 b{font-size:10px;font-weight:900;color:#526d2c;white-space:nowrap}
body.app-mode .master-admin-action-copy-v75 small{font-size:7.5px;font-weight:650;color:#8a9972;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.app-mode .master-admin-action-arrow-v75{font-size:9px;color:#9caf78;transition:transform .18s ease}
body.app-mode .master-admin-action-v75:hover .master-admin-action-arrow-v75{transform:translateX(-2px)}
body.app-mode .master-admin-action-v75.is-admin{background:linear-gradient(135deg,#fbf8f1,#fff,#f7f2e8)!important;border-color:#eadfc9!important;color:#8b7255!important}
body.app-mode .master-admin-action-v75.is-admin .master-admin-action-icon-v75{background:linear-gradient(135deg,#b49a72,#907654);box-shadow:0 8px 15px rgba(117,91,55,.14)}
body.app-mode .master-admin-action-v75.is-admin .master-admin-action-copy-v75 b{color:#765f47}
body.app-mode .user-role-readonly-v75{min-height:96px;display:grid;grid-template-columns:46px minmax(0,1fr) 24px;align-items:center;gap:11px;padding:13px;border:1px solid #e3ead5;border-radius:20px;background:linear-gradient(180deg,#fff,#fbfdf7);box-shadow:0 10px 22px rgba(75,94,39,.035)}
body.app-mode .user-role-readonly-icon-v75{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:#f0f4e8;color:#7a8a61;border:1px solid #e1e8d5}
body.app-mode .user-role-readonly-v75.admin .user-role-readonly-icon-v75{background:#f2f6e7;color:#799c3a;border-color:#dce7c5}
body.app-mode .user-role-readonly-v75>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:4px}
body.app-mode .user-role-readonly-v75 b{font-size:11px;font-weight:900;color:#513b31}
body.app-mode .user-role-readonly-v75 small{font-size:8.5px;line-height:1.8;color:#879374}
body.app-mode .user-role-readonly-lock-v75{width:23px;height:23px;border-radius:8px;display:grid;place-items:center;background:#f1f4ec;color:#a3ad94;font-size:8px}
body.app-mode .confirm-dialog-v31.tone-master .confirm-hero-v31{background:linear-gradient(135deg,#f3f8e7,#fff)!important;border-color:#d9e6bf!important;box-shadow:0 14px 30px rgba(89,116,40,.07)!important}
body.app-mode .confirm-dialog-v31.tone-master .confirm-icon-v31{background:linear-gradient(135deg,#91bd3c,#6f982b)!important;color:#fff!important;box-shadow:0 14px 27px rgba(110,151,43,.2)!important}
body.app-mode .confirm-dialog-v31.tone-master .confirm-note-v31{background:#f8fbf2!important;border-color:#dce7c7!important;color:#718052!important}
body.app-mode .confirm-dialog-v31.tone-master .confirm-note-v31 i{color:#7fa334!important}
body.app-mode .confirm-dialog-v31.tone-master .confirm-accept-v31{background:linear-gradient(135deg,#8db737,#6f992b)!important;border-color:#789f31!important;box-shadow:0 13px 25px rgba(108,148,43,.18)!important}
body.app-mode .confirm-dialog-v31.tone-amber .confirm-hero-v31{background:linear-gradient(135deg,#fcf9f1,#fff)!important;border-color:#eee2c8!important}
body.app-mode .confirm-dialog-v31.tone-amber .confirm-icon-v31{background:linear-gradient(135deg,#ad936d,#8f7552)!important;color:#fff!important;box-shadow:0 14px 27px rgba(120,93,54,.16)!important}
body.app-mode .confirm-dialog-v31.tone-amber .confirm-accept-v31{background:linear-gradient(135deg,#a58a65,#806747)!important;border-color:#806747!important;box-shadow:0 13px 25px rgba(115,87,50,.15)!important}
@media(max-width:720px){body.app-mode .user-card-actions-v17 .master-admin-action-v75{width:100%!important;min-width:0!important;flex:none!important}body.app-mode .user-role-readonly-v75{grid-template-columns:42px minmax(0,1fr) 22px;min-height:88px;padding:11px}body.app-mode .user-role-readonly-icon-v75{width:40px;height:40px;border-radius:13px}}


/* ===== V76: readable toast typography + progressive login OTP ===== */
.toast.toast-v16 .toast-copy-v16 strong{
  font-size:12px!important;
  line-height:1.65!important;
  font-weight:900!important;
  letter-spacing:-.1px!important;
}
.toast.toast-v16 .toast-copy-v16 span{
  font-size:11.5px!important;
  line-height:1.9!important;
  font-weight:600!important;
  color:#69778b!important;
}
.toast.toast-v16{
  min-height:72px!important;
}
.otp-boxes-v20.otp-progressive-v76 input{
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,opacity .18s ease,transform .18s ease!important;
}
.otp-boxes-v20.otp-progressive-v76 input:disabled{
  opacity:.58!important;
  cursor:not-allowed!important;
  color:#aeb7a1!important;
  border-color:#e8ebdf!important;
  background:linear-gradient(180deg,#f4f6ef,#f1f3ec)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72)!important;
  filter:saturate(.55)!important;
}
.otp-boxes-v20.otp-progressive-v76 input:not(:disabled){
  opacity:1!important;
}
.otp-boxes-v20.otp-progressive-v76 input.otp-active-v76:not(:focus){
  border-color:#d9e6bf!important;
  background:linear-gradient(180deg,#fff,#fbfdf7)!important;
  box-shadow:0 8px 20px rgba(91,118,42,.055)!important;
}
.otp-boxes-v20.otp-progressive-v76 input.otp-complete-v76{
  border-color:#c9dda4!important;
  background:linear-gradient(180deg,#fff,#f8fced)!important;
  color:#4b2b23!important;
  box-shadow:0 8px 20px rgba(105,145,43,.07)!important;
}
@media(max-width:720px){
  .toast.toast-v16 .toast-copy-v16 strong{font-size:12.5px!important}
  .toast.toast-v16 .toast-copy-v16 span{font-size:12px!important;line-height:1.85!important}
}


/* === V79: per-meeting SMS reminder + cancellation notification dialog === */
#modalCard:has(.meeting-editor-v9) .meeting-reminder-card-v79{position:relative;display:grid!important;grid-template-columns:58px minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;padding:15px!important;border:1px solid #dce6c9!important;border-radius:22px!important;background:linear-gradient(145deg,#fbfff7 0%,#f5faec 58%,#fff 100%)!important;box-shadow:0 12px 30px rgba(79,103,46,.07)!important;overflow:hidden!important;transition:.22s ease!important}
#modalCard:has(.meeting-editor-v9) .meeting-reminder-card-v79:before{content:"";position:absolute;inset:auto -48px -58px auto;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(139,176,70,.13),rgba(139,176,70,0) 68%);pointer-events:none}
#modalCard:has(.meeting-editor-v9) .meeting-reminder-card-v79.is-enabled{border-color:#bcd58b!important;background:linear-gradient(145deg,#fbfff5 0%,#eef7de 58%,#fff 100%)!important;box-shadow:0 14px 34px rgba(100,137,49,.11)!important}
#modalCard:has(.meeting-editor-v9) .meeting-reminder-icon-v79{position:relative;width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#eff7df,#fff);border:1px solid #d3e2b7;color:#779f34;font-size:20px;box-shadow:inset 0 1px 0 #fff,0 10px 22px rgba(91,117,51,.08)}
#modalCard:has(.meeting-editor-v9) .meeting-reminder-icon-v79 .fa-wave-square{position:absolute;left:7px;bottom:7px;font-size:9px;color:#a8c56d;background:#fff;border-radius:7px;padding:4px;box-shadow:0 3px 8px rgba(77,105,37,.12)}
#modalCard:has(.meeting-editor-v9) .meeting-reminder-copy-v79{min-width:0;display:grid;gap:4px}
#modalCard:has(.meeting-editor-v9) .meeting-reminder-copy-v79>b{font-size:13px;font-weight:900;color:#4f3329}
#modalCard:has(.meeting-editor-v9) .meeting-reminder-copy-v79>small{font-size:9px;line-height:1.9;color:#748266}
#modalCard:has(.meeting-editor-v9) .meeting-reminder-presets-v79{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
#modalCard:has(.meeting-editor-v9) .meeting-reminder-presets-v79 button{appearance:none;border:1px solid #d9e4c7;background:#fff;color:#6b7c56;border-radius:10px;padding:6px 9px;font:800 8.5px/1.2 inherit;cursor:pointer;transition:.18s ease;white-space:nowrap}
#modalCard:has(.meeting-editor-v9) .meeting-reminder-presets-v79 button:hover{border-color:#aac86d;color:#668b2d;transform:translateY(-1px)}
#modalCard:has(.meeting-editor-v9) .meeting-reminder-presets-v79 button.active{background:#769f35;border-color:#769f35;color:#fff;box-shadow:0 7px 15px rgba(98,135,44,.18)}
#modalCard:has(.meeting-editor-v9) .meeting-reminder-card-v79:not(.is-enabled) .meeting-reminder-presets-v79 button{opacity:.58;box-shadow:none}
#modalCard:has(.meeting-editor-v9) .meeting-reminder-tools-v79{display:grid;justify-items:end;gap:8px;min-width:138px;position:relative;z-index:1}
#modalCard:has(.meeting-editor-v9) .meeting-reminder-switch-v79{display:flex;align-items:center;gap:7px;cursor:pointer;color:#7c896c;font-size:8.5px;font-weight:900}
#modalCard:has(.meeting-editor-v9) .meeting-reminder-switch-v79 input{position:absolute;opacity:0;pointer-events:none}
#modalCard:has(.meeting-editor-v9) .meeting-reminder-switch-v79 i{width:40px;height:22px;border-radius:999px;background:#dfe6d4;border:1px solid #d1dcc0;position:relative;transition:.2s ease;box-shadow:inset 0 2px 4px rgba(66,84,43,.07)}
#modalCard:has(.meeting-editor-v9) .meeting-reminder-switch-v79 i:after{content:"";position:absolute;top:3px;right:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(57,78,33,.18);transition:.2s ease}
#modalCard:has(.meeting-editor-v9) .meeting-reminder-switch-v79 input:checked+i{background:#7da33f;border-color:#7da33f}
#modalCard:has(.meeting-editor-v9) .meeting-reminder-switch-v79 input:checked+i:after{right:21px}
#modalCard:has(.meeting-editor-v9) .meeting-reminder-number-v79{display:flex;align-items:center;overflow:hidden;border:1px solid #d6e1c3;background:#fff;border-radius:13px;min-width:136px;height:38px;box-shadow:0 7px 16px rgba(71,93,42,.05)}
#modalCard:has(.meeting-editor-v9) .meeting-reminder-number-v79 input{width:62px;height:100%;border:0!important;outline:0!important;background:transparent!important;padding:0 10px!important;text-align:center!important;font:900 12px/1 inherit!important;color:#4d6630!important;box-shadow:none!important}
#modalCard:has(.meeting-editor-v9) .meeting-reminder-number-v79 input:disabled{color:#9aa591!important;background:#f6f8f2!important;cursor:not-allowed!important}
#modalCard:has(.meeting-editor-v9) .meeting-reminder-number-v79 em{height:100%;display:flex;align-items:center;padding:0 9px;border-right:1px solid #e3ead7;background:#f8fbf3;color:#78856b;font-size:8px;font-style:normal;font-weight:900;white-space:nowrap}
#modalCard.modal-theme-cancel-notify-v79{max-width:520px!important;overflow:visible!important;background:linear-gradient(180deg,#fff,#fbfdf8)!important;border:1px solid #dfe9ce!important;box-shadow:0 28px 70px rgba(53,72,36,.18)!important}
#modalCard.modal-theme-cancel-notify-v79 .modal-head{border-bottom-color:#e7eddc!important}
#modalCard.modal-theme-cancel-notify-v79 .cancel-notify-dialog-v79{display:grid;gap:16px;text-align:center;padding:6px 2px 2px}
.cancel-notify-visual-v79{width:94px;height:94px;margin:0 auto;position:relative;display:grid;place-items:center}
.cancel-notify-ring-v79{position:absolute;inset:8px;border-radius:50%;border:1px solid rgba(122,160,58,.20);animation:cancelNotifyPulseV79 2.2s ease-out infinite}.cancel-notify-ring-v79.r2{inset:0;animation-delay:.7s;opacity:.65}
.cancel-notify-icon-v79{position:relative;z-index:2;width:64px;height:64px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,#7ea541,#678f2d);color:#fff;font-size:23px;box-shadow:0 16px 30px rgba(94,132,43,.27),inset 0 1px 0 rgba(255,255,255,.35)}
.cancel-notify-copy-v79{display:grid;gap:5px;padding:0 10px}.cancel-notify-copy-v79 small{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#799150;font-size:9px;font-weight:900}.cancel-notify-copy-v79 strong{font-size:20px;line-height:1.6;color:#4f3329;font-weight:900}.cancel-notify-copy-v79 p{margin:0;color:#7b756b;font-size:10px;line-height:2}
.cancel-notify-preview-v79{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:11px;text-align:right;padding:11px 12px;border:1px solid #dfe9cc;border-radius:17px;background:linear-gradient(135deg,#f7fbef,#fff);box-shadow:0 9px 22px rgba(78,101,47,.05)}
.cancel-notify-preview-v79>span{width:42px;height:42px;border-radius:14px;background:#edf6dc;color:#789f38;display:grid;place-items:center;font-size:16px;border:1px solid #d8e7bc}.cancel-notify-preview-v79>div{display:grid;gap:3px}.cancel-notify-preview-v79 b{font-size:10.5px;color:#52613f;font-weight:900}.cancel-notify-preview-v79 small{font-size:8.5px;color:#7f8973;line-height:1.8}
.cancel-notify-actions-v79{display:grid;grid-template-columns:1fr 1.25fr;gap:8px;margin-top:2px}.cancel-notify-actions-v79 button{min-height:43px!important;border-radius:14px!important;font-size:9.5px!important;font-weight:900!important}
@keyframes cancelNotifyPulseV79{0%{transform:scale(.78);opacity:.7}70%,100%{transform:scale(1.12);opacity:0}}
@media(max-width:720px){#modalCard:has(.meeting-editor-v9) .meeting-reminder-card-v79{grid-template-columns:48px minmax(0,1fr)!important;padding:12px!important;border-radius:19px!important}#modalCard:has(.meeting-editor-v9) .meeting-reminder-icon-v79{width:46px;height:46px;border-radius:15px;font-size:17px}#modalCard:has(.meeting-editor-v9) .meeting-reminder-tools-v79{grid-column:1/-1;width:100%;grid-template-columns:auto minmax(0,1fr);align-items:center;justify-items:stretch;min-width:0}#modalCard:has(.meeting-editor-v9) .meeting-reminder-number-v79{width:100%;min-width:0}#modalCard:has(.meeting-editor-v9) .meeting-reminder-number-v79 input{width:100%}.cancel-notify-actions-v79{grid-template-columns:1fr}.cancel-notify-copy-v79 strong{font-size:17px}}