/* V33 SMS modal refinements */
.meeting-delay-chips-v33{display:flex;flex-wrap:wrap;gap:10px}
.meeting-delay-chip-v33{border:1px solid #d7e6ad;background:linear-gradient(180deg,#fff,#f7fbe9);color:#5a6a2e;padding:10px 14px;border-radius:999px;font:700 13px/1 inherit;cursor:pointer;transition:.2s ease;box-shadow:0 8px 18px rgba(93,128,23,.06)}
.meeting-delay-chip-v33:hover{transform:translateY(-1px);border-color:#9ec448}.meeting-delay-chip-v33.active{background:linear-gradient(135deg,#8bb735,#709b27);color:#fff;border-color:#7eaa2d;box-shadow:0 14px 24px rgba(111,154,40,.22)}
.time-picker-trigger-v33{width:100%;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;min-height:64px;border:none;border-radius:18px;background:linear-gradient(135deg,#fbfff5,#eef6d9);padding:12px 14px;cursor:pointer;box-shadow:inset 0 0 0 1px #dce8bd,0 10px 22px rgba(111,154,40,.08)}
.time-picker-trigger-v33 i{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:#fff;color:#7aa22c}.time-picker-trigger-v33 b{justify-self:start;color:#4b2c23;font-size:18px}.time-picker-trigger-v33 small{color:#7f8f6d;font-size:11px}
.meeting-sms-preview-v32 textarea{width:100%;border:1px solid #dbe7bc;background:#fff;border-radius:18px;padding:14px 16px;min-height:132px;outline:none;resize:vertical;font:500 13px/2 inherit;color:#4d3026}
.meeting-sms-preview-actions-v33{display:flex;justify-content:flex-end;margin-top:10px}.meeting-sms-preview-actions-v33 .small{min-height:auto;padding:8px 12px;border-radius:12px}.meeting-sms-preview-hint-v33{margin-top:10px!important;color:#8e997e!important;font-size:11px!important;line-height:1.9}
.sms-time-picker-layer-v33{display:none;position:fixed;inset:0;background:rgba(61,49,32,.18);backdrop-filter:blur(4px);align-items:center;justify-content:center;z-index:1200;padding:20px}.sms-time-picker-layer-v33.active{display:flex}
.sms-time-picker-card-v33{width:min(560px,100%);background:linear-gradient(180deg,#fff,#fbfef7);border:1px solid #dce7be;border-radius:28px;box-shadow:0 24px 60px rgba(73,61,31,.16);padding:18px;display:flex;flex-direction:column;gap:16px}.sms-time-picker-head-v33 strong{display:block;font-size:18px;font-weight:900;color:#4c2e25}.sms-time-picker-head-v33 p{margin:5px 0 0;color:#738169;font-size:12px}
.sms-time-picker-preview-v33{align-self:center;min-width:132px;text-align:center;padding:10px 18px;border-radius:18px;background:linear-gradient(135deg,#f4fae4,#fff);border:1px solid #d6e5ac;color:#709c26;font-size:30px;font-weight:900;letter-spacing:1px}
.sms-time-picker-wheels-v33{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);gap:12px;align-items:center}.time-colon-v33{text-align:center;font-size:34px;font-weight:900;color:#7ca52d}
.time-wheel-v33{max-height:300px;overflow:auto;padding:8px;border-radius:24px;background:linear-gradient(180deg,#fcfff8,#f4f9e7);border:1px solid #dde8c2;display:flex;flex-direction:column;gap:8px}.time-wheel-item-v33{border:none;background:#fff;color:#5b463c;padding:12px 10px;border-radius:16px;font-size:18px;font-weight:800;cursor:pointer;transition:.18s ease;box-shadow:0 6px 14px rgba(92,72,55,.04)}.time-wheel-item-v33.active{background:linear-gradient(135deg,#8bb735,#709b27);color:#fff;box-shadow:0 12px 24px rgba(111,154,40,.24)}
.time-picker-actions-v33{display:flex;justify-content:flex-end;gap:10px}
@media(max-width:720px){.time-picker-trigger-v33{grid-template-columns:28px 1fr}.time-picker-trigger-v33 small{grid-column:2}.sms-time-picker-wheels-v33{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr)}.time-wheel-v33{max-height:240px}.sms-time-picker-card-v33{padding:14px;border-radius:22px}}

/* V34 adjustments */
.meeting-sms-date-field-v34 .mm-date-control{width:100%}
.sms-time-picker-wheels-v33{direction:ltr}
.sms-time-picker-wheels-v33 .time-wheel-v33{direction:ltr}
.sms-time-picker-preview-v33,.time-wheel-item-v33,.time-picker-trigger-v33 b{direction:ltr;unicode-bidi:plaintext}
.confirm-dialog-v31.tone-danger .confirm-hero-v31{background:linear-gradient(135deg,#fff6f4 0%,#ffffff 58%,#fdf1ee 100%);border-color:#f0d6ce}
.confirm-dialog-v31.tone-danger .confirm-icon-v31{background:linear-gradient(135deg,#d67655 0%,#b7583c 100%);box-shadow:0 16px 28px rgba(183,88,60,.22), inset 0 1px 0 rgba(255,255,255,.22)}
.confirm-dialog-v31.tone-danger .confirm-note-v31{background:#fff6f3;border-color:#f2d9d1;color:#835444}
.confirm-dialog-v31.tone-danger .confirm-note-v31 i{color:#c06b4f}
.confirm-dialog-v31.tone-danger .confirm-accept-v31{background:linear-gradient(135deg,#d37a59 0%,#bb5d40 100%)!important;border-color:#cb6f4f!important;box-shadow:0 14px 26px rgba(187,93,64,.22)!important}


/* V35 meeting + sms modal polish */
.mm-floating-field.mm-has-date-control>.mm-field-icon{display:none!important}
.mm-floating-field.mm-has-date-control>.mm-floating-label{right:18px!important;max-width:calc(100% - 28px)!important}
.mm-floating-field.mm-has-date-control .field-hint{padding-right:18px!important}
.mm-floating-field.mm-has-date-control .mm-date-control{margin-top:18px!important;width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important}
.mm-floating-field.mm-has-date-control .mm-date-trigger{min-height:50px!important;padding:0 12px!important;border-color:#dfe9c5!important;background:linear-gradient(180deg,#fcfff7,#ffffff)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 10px 22px rgba(83,108,45,.05)!important}
.mm-floating-field.mm-has-date-control .mm-date-trigger i{background:linear-gradient(135deg,#eef8d4,#fbfef5)!important;color:#7da52f!important}
.mm-floating-field.mm-has-date-control .mm-date-trigger span{color:#4f612f!important;font-weight:700!important}
.mm-floating-field.mm-has-date-control .mm-date-trigger small{color:#86996b!important}
.mm-floating-field.mm-has-date-control .mm-date-clear{width:44px!important;height:44px!important;border-radius:15px!important;border-color:#e1e9ce!important;background:#fbfdf7!important;color:#97a87d!important;box-shadow:0 10px 20px rgba(83,108,45,.05)!important}
.meeting-sms-date-field-v34{overflow:visible!important}
.meeting-sms-date-field-v34 .mm-date-trigger{padding-left:10px!important}

#modalCard:has(.meeting-sms-modal-v32) .modal-body{padding-bottom:90px!important;background:linear-gradient(180deg,#fefefa 0%,#fcfef7 100%)}
#modalCard:has(.meeting-sms-modal-v32) .modal-actions{position:sticky;bottom:-20px;z-index:12;margin:18px -22px -20px!important;padding:16px 22px!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(16px);border-top:1px solid #e3ebcf!important;box-shadow:0 -14px 28px rgba(82,102,42,.08)}
#modalCard:has(.meeting-sms-modal-v32) .modal-actions .primary-btn,#modalCard:has(.meeting-sms-modal-v32) .modal-actions .ghost-btn{min-height:46px!important}

#modalCard:has(.meeting-editor-v9){background:linear-gradient(180deg,#fffefb 0%,#fbfef6 100%)!important;border:1px solid #e3ebce;box-shadow:0 30px 90px rgba(47,58,21,.22)}
#modalCard:has(.meeting-editor-v9) .modal-head{background:linear-gradient(180deg,#fffefb 0%,#f8fbf1 100%)!important;border-bottom:1px solid #e5edd3!important}
#modalCard:has(.meeting-editor-v9) .modal-body{background:linear-gradient(180deg,#fcfef9 0%,#f9fcf3 100%)!important}
#modalCard:has(.meeting-editor-v9) .modal-head h2{color:#4c2f26!important;font-size:28px!important;font-weight:900!important}
#modalCard:has(.meeting-editor-v9) #modalEyebrow{color:#86ad34!important;font-weight:800!important}
#modalCard:has(.meeting-editor-v9) .modal-close{background:#f7fbef!important;color:#6b813e!important;border:1px solid #e2ebcf!important}

.meeting-editor-v9{gap:16px!important}
.meeting-v9-hero{padding:18px 20px!important;border-radius:28px!important;border:1px solid #dfe9c7!important;background:radial-gradient(circle at 100% 0,rgba(183,229,90,.18),transparent 34%),radial-gradient(circle at 10% 18%,rgba(184,230,92,.14),transparent 25%),linear-gradient(135deg,#fbfff3 0%,#f2f8df 52%,#ffffff 100%)!important;box-shadow:0 18px 38px rgba(85,108,42,.08)!important}
.meeting-v9-hero-copy>span{display:inline-flex;align-self:flex-start;padding:6px 10px;border-radius:999px;background:rgba(143,186,53,.12)!important;color:#7b9f2f!important;font-weight:800!important}
.meeting-v9-hero-copy strong{color:#5a3a2d!important;font-size:29px!important;font-weight:900!important}
.meeting-v9-hero-copy small{color:#6e7b62!important;font-size:12px!important}
.meeting-v9-count{border-right:1px solid #dce7c1!important;background:rgba(255,255,255,.46);border-radius:20px;padding:10px 8px!important}
.meeting-v9-count b{color:#7fa931!important}.meeting-v9-count span{color:#7b8c61!important;font-size:10px!important}
.meeting-v9-hero-icon{background:linear-gradient(135deg,#8cb833 0%,#6f9c26 100%)!important;box-shadow:0 18px 32px rgba(111,154,39,.24)!important}

.meeting-v9-tabs{background:linear-gradient(180deg,#f6f9ee 0%,#eef4df 100%)!important;border-color:#dfe8c6!important;padding:8px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85)}
.meeting-v9-tabs button{background:transparent!important;color:#70806a!important;border:1px solid transparent!important}
.meeting-v9-tabs button b{font-size:12px!important;color:#596944!important}
.meeting-v9-tabs button small{font-size:9px!important;color:#86957b!important}
.meeting-v9-tabs button>span{background:#fff!important;color:#8d9c85!important;border:1px solid #eef2e2}
.meeting-v9-tabs button.active{background:linear-gradient(135deg,#ffffff 0%,#fbfef6 100%)!important;border-color:#d9e7b9!important;box-shadow:0 14px 28px rgba(84,107,44,.1)!important;color:#4f632d!important}
.meeting-v9-tabs button.active b{color:#4f632d!important}.meeting-v9-tabs button.active small{color:#73904a!important}
.meeting-v9-tabs button.active>span{background:linear-gradient(135deg,#8cb833 0%,#709d26 100%)!important;box-shadow:0 12px 22px rgba(111,154,39,.22)!important}

.meeting-v9-step{border:1px solid #dfe8c8!important;border-radius:26px!important;background:linear-gradient(180deg,#ffffff 0%,#fbfef7 100%)!important;box-shadow:0 16px 36px rgba(72,91,34,.055)!important;padding:18px!important}
.meeting-v9-section-head{padding-bottom:12px;border-bottom:1px dashed #e2ebcf;margin-bottom:16px!important}
.meeting-v9-section-head>span{background:linear-gradient(135deg,#eef8d4,#fbfef5)!important;color:#7ea52f!important;border:1px solid #e2ebcb}
.meeting-v9-section-head h3{color:#4f632c!important;font-size:16px!important;font-weight:900!important}
.meeting-v9-section-head p{color:#7f8d71!important;font-size:11px!important}

.meeting-editor-v9 .field,.meeting-v9-option,.meeting-type-card,.meeting-v9-audience-block,.meeting-v9-settings .feature-switch{border-color:#dfe8c7!important;box-shadow:0 10px 24px rgba(77,96,40,.035)!important}
.meeting-editor-v9 .field>span,.meeting-editor-v9 .switch-field>span{color:#88a03e!important;font-size:11px!important;font-weight:800!important}
.meeting-editor-v9 input,.meeting-editor-v9 textarea,.meeting-editor-v9 select{color:#4f3026!important}
.meeting-editor-v9 input::placeholder,.meeting-editor-v9 textarea::placeholder{color:#9aa383!important}
.meeting-editor-v9 textarea{line-height:2!important}
.meeting-type-card{background:linear-gradient(180deg,#ffffff 0%,#fcfef9 100%)!important}.meeting-type-card.selected{border-color:#a7cd57!important;box-shadow:0 0 0 4px rgba(143,186,53,.09),0 18px 36px rgba(111,154,39,.12)!important}
.meeting-type-copy b{color:#4f632d!important}.meeting-type-copy small{color:#7a8b69!important;font-size:10px!important}
.meeting-v9-option{background:linear-gradient(180deg,#ffffff 0%,#fcfef8 100%)!important}.meeting-v9-option b{color:#4f632d!important}.meeting-v9-option small{color:#7c8a72!important;font-size:9px!important}
.meeting-v9-option-icon{background:linear-gradient(135deg,#eef8d4,#fbfef5)!important;color:#7ea52e!important;border:1px solid #e2eccc}
.meeting-v9-option-icon.record{background:linear-gradient(135deg,#fff1f3,#fff7f8)!important;color:#d3607d!important;border-color:#f2d8e0!important}
.meeting-v9-toggle{background:#dce7c6!important}.meeting-v9-option input:checked~.meeting-v9-toggle{background:linear-gradient(90deg,#8bb732,#709d26)!important}

.meeting-v9-audience-note{border:1px solid #dfe8c7!important;background:linear-gradient(135deg,#fbfff4 0%,#f5f9e8 100%)!important}
.meeting-v9-audience-block{background:linear-gradient(180deg,#fff 0%,#fcfef8 100%)!important;border-radius:23px!important;padding:16px!important}
.meeting-v9-audience-block .section-title p,.meeting-editor-v9 .group-choice-copy small,.meeting-editor-v9 .direct-user-choice small,.feature-switch small{color:#7d8b73!important;font-size:9px!important}
.meeting-v9-audience-block .section-title h3,.meeting-editor-v9 .group-choice-copy b,.meeting-editor-v9 .direct-user-choice b,.feature-switch b{color:#4f632d!important}
.meeting-editor-v9 .meeting-group-choice,.meeting-editor-v9 .direct-user-choice{border-color:#dfe8c7!important}
.meeting-editor-v9 .meeting-group-choice.selected,.meeting-editor-v9 .direct-user-choice.selected{border-color:#a7cd57!important;box-shadow:0 0 0 4px rgba(143,186,53,.08)!important;background:linear-gradient(135deg,#fbfff5,#f7faed)!important}
.meeting-editor-v9 .group-symbol,.meeting-type-icon.private,.meeting-type-icon.public{background:linear-gradient(135deg,#eef8d4,#fbfef5)!important;color:#7ea52f!important;border:1px solid #e3eccf}
.feature-switch{background:linear-gradient(180deg,#ffffff 0%,#fcfef8 100%)!important;border-radius:19px!important;min-height:76px!important}.feature-switch>i{background:#dce7c6!important}.feature-switch input:checked+i{background:linear-gradient(90deg,#8cb833,#709d26)!important}

.meeting-v9-actions{position:sticky!important;bottom:-20px!important;z-index:14!important;margin:18px -22px -20px!important;padding:16px 22px!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(16px);border-top:1px solid #e2eaca!important;box-shadow:0 -14px 28px rgba(83,104,45,.08)!important;border-radius:0 0 24px 24px!important}
.meeting-v9-actions .ghost-btn,.meeting-v9-actions .soft-btn,.meeting-v9-actions .primary-btn{min-height:48px!important;border-radius:16px!important}
@media(max-width:720px){#modalCard:has(.meeting-sms-modal-v32) .modal-body{padding-bottom:112px!important}.meeting-v9-actions{bottom:-14px!important}.meeting-v9-hero-copy strong{font-size:23px!important}.meeting-v9-step{padding:14px!important}}


/* V36 detail/files modal redesign + SMS footer fix */
#modalCard:has(.meeting-sms-modal-v32),
#modalCard:has(.meeting-detail-v11),
#modalCard:has(.meeting-files-manager-v11){
  display:flex!important;flex-direction:column!important;
  background:linear-gradient(180deg,#fffefb 0%,#fbfef6 100%)!important;
  border:1px solid #e3ebce!important;
  box-shadow:0 30px 90px rgba(47,58,21,.22)!important;
}
#modalCard:has(.meeting-sms-modal-v32) .modal-head,
#modalCard:has(.meeting-detail-v11) .modal-head,
#modalCard:has(.meeting-files-manager-v11) .modal-head{
  background:linear-gradient(180deg,#fffefb 0%,#f8fbf1 100%)!important;
  border-bottom:1px solid #e5edd3!important;
}
#modalCard:has(.meeting-sms-modal-v32) .modal-head h2,
#modalCard:has(.meeting-detail-v11) .modal-head h2,
#modalCard:has(.meeting-files-manager-v11) .modal-head h2{color:#4c2f26!important;font-size:28px!important;font-weight:900!important}
#modalCard:has(.meeting-sms-modal-v32) #modalEyebrow,
#modalCard:has(.meeting-detail-v11) #modalEyebrow,
#modalCard:has(.meeting-files-manager-v11) #modalEyebrow{color:#86ad34!important;font-weight:800!important}
#modalCard:has(.meeting-sms-modal-v32) .modal-close,
#modalCard:has(.meeting-detail-v11) .modal-close,
#modalCard:has(.meeting-files-manager-v11) .modal-close{background:#f7fbef!important;color:#6b813e!important;border:1px solid #e2ebcf!important}

#modalCard:has(.meeting-sms-modal-v32) .modal-body,
#modalCard:has(.meeting-detail-v11) .modal-body,
#modalCard:has(.meeting-files-manager-v11) .modal-body{
  background:linear-gradient(180deg,#fcfef9 0%,#f9fcf3 100%)!important;
}
#modalCard:has(.meeting-sms-modal-v32) .modal-body{padding:20px 22px 0!important;max-height:calc(100vh - 130px)!important}
#modalCard:has(.meeting-sms-modal-v32) .modal-actions{
  position:sticky;bottom:0;z-index:20;
  margin:18px -22px 0!important;padding:16px 22px!important;
  background:#fff!important;backdrop-filter:none!important;
  border-top:1px solid #e3ebcf!important;
  box-shadow:0 -14px 28px rgba(82,102,42,.08)!important;
  border-radius:0 0 26px 26px!important;
}
#modalCard:has(.meeting-sms-modal-v32) .modal-actions::before{content:'';position:absolute;inset:0;background:#fff;border-radius:inherit;z-index:-1}
#modalCard:has(.meeting-sms-modal-v32) .meeting-sms-modal-v32{padding-bottom:14px!important}
#modalCard:has(.meeting-sms-modal-v32) .modal-actions .primary-btn,
#modalCard:has(.meeting-sms-modal-v32) .modal-actions .ghost-btn{min-height:46px!important}

.meeting-detail-v11,.meeting-files-manager-v11{display:grid!important;gap:16px!important}
.meeting-detail-hero-v11,.meeting-files-hero-v11{
  padding:18px 20px!important;border-radius:28px!important;border:1px solid #dfe9c7!important;
  background:radial-gradient(circle at 100% 0,rgba(183,229,90,.18),transparent 34%),radial-gradient(circle at 10% 18%,rgba(184,230,92,.14),transparent 25%),linear-gradient(135deg,#fbfff3 0%,#f2f8df 52%,#ffffff 100%)!important;
  box-shadow:0 18px 38px rgba(85,108,42,.08)!important
}
.meeting-detail-icon-v11,.meeting-files-hero-icon{
  width:72px!important;height:72px!important;border-radius:24px!important;display:grid!important;place-items:center!important;
  background:linear-gradient(135deg,#8cb833 0%,#6f9c26 100%)!important;color:#fff!important;
  box-shadow:0 18px 32px rgba(111,154,39,.24)!important
}
.meeting-detail-copy-v11 h2,.meeting-files-hero-v11 h2{color:#5a3a2d!important;font-size:28px!important;font-weight:900!important;margin:4px 0 8px!important}
.meeting-detail-copy-v11 p,.meeting-files-hero-v11 p{color:#6e7b62!important;line-height:1.9!important}
.meeting-detail-meta-v11 span,.meeting-files-hero-v11>div>span{color:#7b9f2f!important;font-weight:800!important}
.meeting-detail-actions-v11,.meeting-files-count-v11{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important;justify-content:flex-end!important}
.meeting-detail-actions-v11 .primary-btn,.meeting-detail-actions-v11 .ghost-btn,.meeting-files-back-v11{min-height:46px!important;border-radius:16px!important}
.meeting-files-count-v11{padding:12px 14px!important;border-right:1px solid #dce7c1!important;background:rgba(255,255,255,.46)!important;border-radius:20px!important}
.meeting-files-count-v11 b{color:#7fa931!important;font-size:28px!important;line-height:1}.meeting-files-count-v11 small{color:#7b8c61!important;font-size:10px!important;display:block!important;width:100%;margin-top:-2px}
.meeting-files-back-v11{border:1px solid #dfe7c8!important;background:#fff!important;color:#566539!important;padding:0 14px!important;box-shadow:0 12px 24px rgba(84,107,44,.08)!important}

.bbb-runtime-panel,.meeting-detail-section-v11,.meeting-file-upload-v11,.meeting-files-list-panel-v11,.meeting-detail-stat-grid>div{
  border:1px solid #dfe8c8!important;border-radius:26px!important;background:linear-gradient(180deg,#ffffff 0%,#fbfef7 100%)!important;box-shadow:0 16px 36px rgba(72,91,34,.055)!important
}
.bbb-runtime-panel,.meeting-detail-section-v11,.meeting-file-upload-v11,.meeting-files-list-panel-v11{padding:18px!important}
.bbb-runtime-head,.detail-section-head-v11,.meeting-files-toolbar-v11{padding-bottom:12px!important;border-bottom:1px dashed #e2ebcf!important;margin-bottom:16px!important}
.bbb-runtime-head b,.detail-section-head-v11 h3,.meeting-files-toolbar-v11 h3{color:#4f632c!important;font-size:16px!important;font-weight:900!important}
.bbb-runtime-head small,.detail-section-head-v11 p,.meeting-files-toolbar-v11 p{color:#7f8d71!important;font-size:11px!important}
.bbb-mark,.detail-section-icon,.meeting-files-toolbar-v11>div:first-child:before{
  display:inline-grid;place-items:center;width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,#eef8d4,#fbfef5)!important;color:#7ea52f!important;border:1px solid #e2ebcb!important
}
.meeting-files-toolbar-v11>div:first-child{display:flex;align-items:center;gap:12px}
.meeting-files-toolbar-v11>div:first-child:before{content:'15b';font-family:'Font Awesome 6 Free';font-weight:900}
.bbb-sync-badge{background:#f8fbf0!important;color:#6e863b!important;border:1px solid #e1ebcc!important}
.bbb-runtime-grid>div,.meeting-detail-stat-grid>div{padding:14px!important}
.bbb-runtime-grid section small,.meeting-detail-stat-grid section small{color:#88a03e!important;font-size:11px!important;font-weight:800!important}
.bbb-runtime-grid section b,.meeting-detail-stat-grid section b{color:#4f3026!important;font-size:15px!important}
.meeting-detail-stat-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px!important}
.meeting-detail-stat-grid>div{display:flex!important;align-items:center!important;gap:12px!important}
.meeting-detail-stat-grid>div>span,.runtime-icon{width:48px!important;height:48px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#eef8d4,#fbfef5)!important;color:#7ea52f!important;border:1px solid #e3eccf!important}

.meeting-groups-grid-v11,.meeting-participants-grid-v11,.meeting-recordings-grid-v11,.meeting-files-list-v11{display:grid!important;gap:12px!important}
.meeting-groups-grid-v11{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.meeting-participants-grid-v11{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.meeting-group-pill-v11,.meeting-participant-card-v11,.meeting-file-card-v11{
  border:1px solid #dfe8c7!important;border-radius:22px!important;background:linear-gradient(180deg,#ffffff 0%,#fcfef8 100%)!important;box-shadow:0 10px 24px rgba(77,96,40,.035)!important
}
.meeting-group-pill-v11{padding:14px!important}.meeting-group-pill-v11 b,.meeting-participant-card-v11 b,.meeting-file-card-v11 b{color:#4f632d!important}.meeting-group-pill-v11 small,.meeting-participant-card-v11 small,.meeting-file-card-v11 small{color:#7c8a72!important}
.meeting-group-pill-v11>span,.participant-avatar-v11,.meeting-file-icon-v11{background:linear-gradient(135deg,#eef8d4,#fbfef5)!important;color:#7ea52f!important;border:1px solid #e3eccf!important}
.participant-rep,.participant-source-chip,.meeting-file-badges-v11 span{background:#f7faef!important;color:#6f8239!important;border:1px solid #e2ebce!important}
.participant-source-chip.direct,.meeting-file-badges-v11 .presentation{background:#fff7ec!important;color:#9a6a2c!important;border-color:#f0dfc7!important}
.participant-state-dot{background:linear-gradient(135deg,#8cb833,#709d26)!important;box-shadow:0 0 0 6px rgba(140,184,51,.12)!important}
.detail-search-v11,.meeting-files-toolbar-v11 label{border:1px solid #dfe8c7!important;background:#fff!important;border-radius:16px!important;min-height:48px!important;padding:0 12px!important;box-shadow:0 10px 22px rgba(83,108,45,.05)!important}
.detail-search-v11 input,.meeting-files-toolbar-v11 input{color:#4f3026!important}
.detail-search-v11 i,.meeting-files-toolbar-v11 i{color:#89a13d!important}

.meeting-file-upload-drop{border:1px dashed #cfe08e!important;border-radius:24px!important;background:linear-gradient(135deg,#fcfff7 0%,#f4f9e8 100%)!important;padding:16px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85)}
.meeting-file-upload-drop.drag-active{border-color:#93be3e!important;background:linear-gradient(135deg,#fbfff2 0%,#ebf6d0 100%)!important;box-shadow:0 0 0 4px rgba(143,186,53,.1)!important}
.meeting-file-upload-drop label>span{width:56px!important;height:56px!important;border-radius:18px!important;background:linear-gradient(135deg,#8cb833 0%,#709d26 100%)!important;color:#fff!important;box-shadow:0 14px 28px rgba(111,154,39,.2)!important}
.meeting-file-upload-drop label b{color:#4f632d!important}.meeting-file-upload-drop label small,.meeting-file-upload-fields .field span{color:#88a03e!important;font-weight:800!important}
.meeting-file-upload-drop label em{background:#fff!important;border:1px solid #dce7c5!important;color:#59703a!important;padding:8px 12px!important;border-radius:14px!important}
.meeting-file-upload-fields{display:grid!important;grid-template-columns:1fr 1fr;gap:12px!important;margin-top:16px!important}
.meeting-file-upload-fields .field.full{grid-column:1/-1!important}
.meeting-file-upload-fields .field input,.meeting-file-upload-fields .field select{border:1px solid #dfe8c7!important;border-radius:16px!important;background:#fff!important;color:#4f3026!important;min-height:48px!important;box-shadow:0 10px 22px rgba(83,108,45,.05)!important}
.meeting-upload-switch{border:1px solid #dfe8c7!important;border-radius:16px!important;background:linear-gradient(180deg,#fff 0%,#fcfef8 100%)!important;min-height:48px!important;padding:0 14px!important;display:flex!important;align-items:center!important;gap:10px!important;box-shadow:0 10px 22px rgba(83,108,45,.05)!important}
.meeting-upload-switch span{color:#4f632d!important;font-weight:800!important}.meeting-upload-switch i{background:#dce7c6!important}.meeting-upload-switch input:checked+i{background:linear-gradient(90deg,#8bb732,#709d26)!important}
.meeting-file-upload-fields .primary-btn{grid-column:1/-1!important;min-height:48px!important;border-radius:16px!important}
.meeting-files-toolbar-v11{display:flex!important;justify-content:space-between!important;gap:12px!important;align-items:center!important}
.meeting-files-toolbar-v11 .ghost-icon{width:46px!important;height:46px!important;border-radius:16px!important;border:1px solid #dce7c5!important;background:#fff!important;color:#70863f!important;box-shadow:0 12px 24px rgba(84,107,44,.08)!important}
.meeting-file-card-v11{padding:14px!important;display:grid!important;grid-template-columns:auto 1fr auto;gap:12px!important;align-items:flex-start!important}
.meeting-file-copy-v11 .meeting-file-settings-v11{margin-top:10px!important;padding-top:10px!important;border-top:1px dashed #e2ebcf!important;display:grid!important;grid-template-columns:1fr auto;gap:10px!important}
.meeting-file-copy-v11 .meeting-file-settings-v11 label span,.meeting-file-copy-v11 .meeting-file-settings-v11 label{color:#88a03e!important;font-size:11px!important;font-weight:800!important}
.meeting-file-copy-v11 select{border:1px solid #dfe8c7!important;border-radius:14px!important;background:#fff!important;min-height:42px!important;padding:0 12px!important;color:#4f3026!important}
.meeting-file-presentation-toggle{border:1px solid #dfe8c7!important;border-radius:14px!important;padding:0 12px!important;min-height:42px!important;display:flex!important;align-items:center!important;gap:10px!important;background:#fcfef8!important}
.meeting-file-presentation-toggle i{background:#dce7c6!important}.meeting-file-presentation-toggle input:checked+i{background:linear-gradient(90deg,#8bb732,#709d26)!important}
.meeting-file-actions-v11{display:flex!important;flex-direction:column!important;gap:8px!important}.meeting-file-action-v11{width:42px!important;height:42px!important;border-radius:14px!important;border:1px solid #e1e9ce!important;background:#fbfdf7!important;color:#7a9437!important;display:grid!important;place-items:center!important;box-shadow:0 10px 20px rgba(83,108,45,.05)!important}
.meeting-file-action-v11.danger{color:#a85a4f!important;border-color:#f0d3cc!important;background:#fff9f7!important}
.meeting-files-empty-v11{border:1px dashed #d4e29c!important;border-radius:24px!important;background:linear-gradient(135deg,#fbfff5,#f6faeb)!important;padding:22px!important;text-align:center!important;color:#61714b!important}
.meeting-files-empty-v11 strong{display:block!important;color:#4f632d!important;margin-top:8px!important}

.meeting-detail-footer-v11,.meeting-v9-actions{position:sticky!important;bottom:0!important;z-index:14!important;margin:18px -22px 0!important;padding:16px 22px!important;background:#fff!important;backdrop-filter:none!important;border-top:1px solid #e2eaca!important;box-shadow:0 -14px 28px rgba(83,104,45,.08)!important;border-radius:0 0 24px 24px!important}
.meeting-detail-footer-v11 .ghost-btn,.meeting-detail-footer-v11 .primary-btn,.meeting-v9-actions .ghost-btn,.meeting-v9-actions .soft-btn,.meeting-v9-actions .primary-btn{min-height:48px!important;border-radius:16px!important}

@media(max-width:980px){
  .meeting-detail-stat-grid,.meeting-file-upload-fields{grid-template-columns:1fr 1fr!important}
  .meeting-groups-grid-v11,.meeting-participants-grid-v11{grid-template-columns:1fr!important}
}
@media(max-width:720px){
  #modalCard:has(.meeting-sms-modal-v32) .modal-body{padding-bottom:0!important}
  .meeting-detail-hero-v11,.meeting-files-hero-v11,.bbb-runtime-panel,.meeting-detail-section-v11,.meeting-file-upload-v11,.meeting-files-list-panel-v11{padding:14px!important}
  .meeting-detail-copy-v11 h2,.meeting-files-hero-v11 h2{font-size:24px!important}
  .meeting-detail-stat-grid,.meeting-file-upload-fields{grid-template-columns:1fr!important}
  .meeting-files-toolbar-v11{flex-direction:column!important;align-items:stretch!important}
  .meeting-file-card-v11{grid-template-columns:1fr!important}
  .meeting-file-actions-v11{flex-direction:row!important}
}


/* V37 users bulk button + attendance archive modal */
.bulk-add-hero-btn-v37{
  min-height:52px!important;border:none!important;border-radius:18px!important;padding:8px 12px!important;
  display:inline-grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:10px!important;
  background:linear-gradient(135deg,#fcfff7 0%,#eef7d6 55%,#ffffff 100%)!important;
  color:#4f632d!important;box-shadow:0 16px 32px rgba(84,107,44,.10)!important;border:1px solid #dbe7c0!important;
}
.bulk-add-hero-btn-v37:hover{transform:translateY(-1px)}
.bulk-add-icon-v37,.bulk-add-arrow-v37{width:34px;height:34px;border-radius:12px;display:grid;place-items:center}
.bulk-add-icon-v37{background:linear-gradient(135deg,#8cb833 0%,#6e9c24 100%)!important;color:#fff!important;box-shadow:0 10px 20px rgba(111,154,39,.22)!important}
.bulk-add-arrow-v37{background:#fff!important;color:#7d9e37!important;border:1px solid #e2ebce!important}
.bulk-add-copy-v37{display:flex;flex-direction:column;align-items:flex-start;text-align:right;line-height:1.2}.bulk-add-copy-v37 b{font-size:12px;color:#4f3026}.bulk-add-copy-v37 small{font-size:10px;color:#7b8d67}
.users-quick-actions-v18 .bulk-add-hero-btn-v37{min-width:172px}
.user-card-actions-v17{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important}.user-card-actions-v17 .soft-btn,.user-card-actions-v17 .ghost-btn{width:100%!important}
.user-card-actions-v17 .soft-btn.info{background:linear-gradient(135deg,#f9fcf3 0%,#eff6de 100%)!important;border:1px solid #dce6c4!important;color:#597138!important;box-shadow:0 10px 22px rgba(83,108,45,.05)!important}
.user-card-actions-v17 .soft-btn.info i{color:#7ea530!important}

#modalCard:has(.user-attendance-archive-v37){display:flex!important;flex-direction:column!important;background:linear-gradient(180deg,#fffefb 0%,#fbfef6 100%)!important;border:1px solid #e3ebce!important;box-shadow:0 30px 90px rgba(47,58,21,.22)!important}
#modalCard:has(.user-attendance-archive-v37) .modal-head{background:linear-gradient(180deg,#fffefb 0%,#f8fbf1 100%)!important;border-bottom:1px solid #e5edd3!important}
#modalCard:has(.user-attendance-archive-v37) .modal-head h2{color:#4c2f26!important;font-size:28px!important;font-weight:900!important}
#modalCard:has(.user-attendance-archive-v37) #modalEyebrow{color:#86ad34!important;font-weight:800!important}
#modalCard:has(.user-attendance-archive-v37) .modal-close{background:#f7fbef!important;color:#6b813e!important;border:1px solid #e2ebcf!important}
#modalCard:has(.user-attendance-archive-v37) .modal-body{background:linear-gradient(180deg,#fcfef9 0%,#f9fcf3 100%)!important;padding:20px 22px 0!important;max-height:calc(100vh - 130px)!important}
.user-attendance-archive-v37{display:grid;gap:16px;padding-bottom:12px!important}
.user-attendance-hero-v37{padding:18px 20px!important;border-radius:28px!important;border:1px solid #dfe9c7!important;background:radial-gradient(circle at 100% 0,rgba(183,229,90,.18),transparent 34%),radial-gradient(circle at 10% 18%,rgba(184,230,92,.14),transparent 25%),linear-gradient(135deg,#fbfff3 0%,#f2f8df 52%,#ffffff 100%)!important;box-shadow:0 18px 38px rgba(85,108,42,.08)!important;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}
.user-attendance-hero-icon-v37{width:72px;height:72px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,#8cb833 0%,#6f9c26 100%)!important;color:#fff!important;box-shadow:0 18px 32px rgba(111,154,39,.24)!important;font-size:28px}
.user-attendance-hero-copy-v37 span{display:block;color:#7b9f2f!important;font-weight:800!important;font-size:12px;margin-bottom:3px}.user-attendance-hero-copy-v37 h2{margin:0 0 6px!important;color:#5a3a2d!important;font-size:28px!important;font-weight:900!important}.user-attendance-hero-copy-v37 p{margin:0!important;color:#6e7b62!important;line-height:1.9!important}.user-attendance-hero-copy-v37 em{font-style:normal;color:#aac26e;margin:0 6px}
.user-attendance-score-v37{padding:14px 16px;background:rgba(255,255,255,.55)!important;border:1px solid #deebc6!important;border-radius:22px!important;text-align:center;min-width:110px}.user-attendance-score-v37 b{display:block;color:#4f3026!important;font-size:26px!important;line-height:1}.user-attendance-score-v37 small{color:#7d8e63!important;font-size:11px}
.user-attendance-stats-v37{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px!important}.user-attendance-stats-v37>div{padding:14px!important;border:1px solid #dfe8c8!important;border-radius:24px!important;background:linear-gradient(180deg,#ffffff 0%,#fbfef7 100%)!important;box-shadow:0 16px 36px rgba(72,91,34,.055)!important;display:flex;flex-direction:column;gap:8px}.user-attendance-stats-v37>div span{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#eef8d4,#fbfef5)!important;color:#7ea52f!important;border:1px solid #e3eccf!important}.user-attendance-stats-v37>div small{color:#88a03e!important;font-size:11px!important;font-weight:800!important}.user-attendance-stats-v37>div b{color:#4f3026!important;font-size:16px!important}
.user-attendance-list-v37{display:grid;gap:12px!important}.user-attendance-row-v37{padding:16px!important;border:1px solid #dfe8c7!important;border-radius:24px!important;background:linear-gradient(180deg,#ffffff 0%,#fcfef8 100%)!important;box-shadow:0 10px 24px rgba(77,96,40,.035)!important}
.user-attendance-row-head-v37{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:12px}.user-attendance-row-head-v37 b{display:block;color:#4f632d!important;font-size:16px}.user-attendance-row-head-v37 small{display:block;color:#7c8a72!important;margin-top:4px}
.user-attendance-row-grid-v37{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px!important}.user-attendance-row-grid-v37>div{padding:12px!important;border:1px solid #e4ebd1!important;border-radius:18px!important;background:#fff}.user-attendance-row-grid-v37 small{display:block;color:#88a03e!important;font-size:11px!important;font-weight:800!important;margin-bottom:6px}.user-attendance-row-grid-v37 b{display:block;color:#4f3026!important;font-size:15px!important}.user-attendance-row-grid-v37 em{display:block;font-style:normal;color:#7c8a72!important;font-size:11px!important;margin-top:5px}.user-attendance-row-grid-v37 span{display:block;height:7px;border-radius:999px;background:#eef4df!important;margin-top:8px;overflow:hidden}.user-attendance-row-grid-v37 span i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8cb833,#6f9c26)!important}
.user-attendance-row-foot-v37{margin-top:12px;padding-top:12px;border-top:1px dashed #e2ebcf!important;display:flex;justify-content:space-between;gap:10px;align-items:center}.user-attendance-joinleave-v37{display:flex;flex-wrap:wrap;gap:8px}.user-attendance-joinleave-v37 span{padding:8px 10px;border-radius:14px;background:#f7faef!important;color:#6f8239!important;border:1px solid #e2ebce!important;font-size:11px}.user-attendance-joinleave-v37 i{margin-left:6px}
.user-attendance-list-panel-v37 .meeting-files-toolbar-v11{margin-bottom:14px!important}
@media(max-width:980px){.user-attendance-stats-v37{grid-template-columns:repeat(3,minmax(0,1fr))!important}.user-attendance-row-grid-v37{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:720px){.users-quick-actions-v18 .bulk-add-hero-btn-v37{grid-column:1/-1;width:100%!important}.user-card-actions-v17{grid-template-columns:1fr!important}.user-attendance-hero-v37{grid-template-columns:1fr!important}.user-attendance-score-v37{width:100%}.user-attendance-stats-v37,.user-attendance-row-grid-v37{grid-template-columns:1fr!important}.user-attendance-row-foot-v37{flex-direction:column;align-items:stretch}.user-attendance-joinleave-v37{justify-content:flex-start}}


/* V38 — user attendance archive modal + centered user sidebar */
#modalCard.modal-theme-user-attendance-v38{
  width:min(1120px,calc(100vw - 36px))!important;max-width:1120px!important;
  display:flex!important;flex-direction:column!important;border-radius:34px!important;overflow:hidden!important;
  background:linear-gradient(180deg,#fffefb 0%,#fbfef6 100%)!important;border:1px solid #e3ebce!important;
  box-shadow:0 34px 96px rgba(47,58,21,.24)!important;
}
#modalCard.modal-theme-user-attendance-v38 .modal-head{
  min-height:84px!important;padding:18px 22px!important;background:linear-gradient(180deg,#fffefb 0%,#f8fbf1 100%)!important;border-bottom:1px solid #e5edd3!important;
}
#modalCard.modal-theme-user-attendance-v38 .modal-head h2{color:#4c2f26!important;font-size:30px!important;font-weight:900!important}
#modalCard.modal-theme-user-attendance-v38 #modalEyebrow{color:#86ad34!important;font-weight:800!important}
#modalCard.modal-theme-user-attendance-v38 .modal-close{background:#f7fbef!important;color:#6b813e!important;border:1px solid #e2ebcf!important}
#modalCard.modal-theme-user-attendance-v38 .modal-body{
  background:radial-gradient(circle at 100% 0,rgba(189,236,94,.10),transparent 28%),linear-gradient(180deg,#fcfef9 0%,#f9fcf3 100%)!important;
  padding:22px 22px 0!important;max-height:calc(100vh - 120px)!important;overflow:auto!important;
}
.user-attendance-archive-v37{display:grid!important;gap:18px!important;padding-bottom:14px!important}
.user-attendance-hero-v37{
  position:relative;overflow:hidden;display:grid!important;grid-template-columns:84px minmax(0,1fr) 160px!important;align-items:center!important;gap:16px!important;
  padding:22px!important;border-radius:30px!important;border:1px solid #dfe9c7!important;
  background:radial-gradient(circle at 100% 0,rgba(183,229,90,.20),transparent 34%),radial-gradient(circle at 12% 14%,rgba(184,230,92,.14),transparent 26%),linear-gradient(135deg,#fbfff3 0%,#f2f8df 52%,#ffffff 100%)!important;
  box-shadow:0 18px 44px rgba(85,108,42,.10)!important;
}
.user-attendance-hero-v37:after{content:"";position:absolute;inset:auto -34px -50px auto;width:144px;height:144px;border-radius:50%;background:radial-gradient(circle,rgba(183,229,90,.16),transparent 72%)}
.user-attendance-hero-icon-v37{width:80px!important;height:80px!important;border-radius:26px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#8cb833 0%,#6f9c26 100%)!important;color:#fff!important;box-shadow:0 18px 32px rgba(111,154,39,.24)!important;font-size:30px!important;position:relative;z-index:1}
.user-attendance-hero-copy-v37{position:relative;z-index:1;display:flex;flex-direction:column;gap:4px;min-width:0}
.user-attendance-hero-copy-v37 span{display:block;color:#7b9f2f!important;font-weight:800!important;font-size:12px!important}
.user-attendance-hero-copy-v37 h2{margin:0!important;color:#5a3a2d!important;font-size:32px!important;font-weight:900!important;line-height:1.35!important}
.user-attendance-hero-copy-v37 p{margin:2px 0 0!important;color:#6e7b62!important;line-height:1.95!important;font-size:13px!important;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.user-attendance-hero-copy-v37 p i{color:#88aa3d!important}
.user-attendance-hero-copy-v37 em{font-style:normal;color:#aac26e;margin:0 3px}
.user-attendance-score-v37{position:relative;z-index:1;padding:18px 16px!important;background:rgba(255,255,255,.62)!important;border:1px solid #deebc6!important;border-radius:24px!important;text-align:center!important;min-width:132px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.95)}
.user-attendance-score-v37 b{display:block;color:#4f3026!important;font-size:34px!important;line-height:1!important}
.user-attendance-score-v37 small{color:#7d8e63!important;font-size:12px!important;margin-top:4px;display:block}
.user-attendance-stats-v37{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important}
.user-attendance-stats-v37>div{padding:16px!important;border:1px solid #dfe8c8!important;border-radius:24px!important;background:linear-gradient(180deg,#ffffff 0%,#fbfef7 100%)!important;box-shadow:0 16px 36px rgba(72,91,34,.055)!important;display:flex!important;flex-direction:column!important;gap:8px!important;min-width:0}
.user-attendance-stats-v37>div span{width:46px!important;height:46px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#eef8d4,#fbfef5)!important;color:#7ea52f!important;border:1px solid #e3eccf!important;font-size:17px!important}
.user-attendance-stats-v37>div small{color:#88a03e!important;font-size:11px!important;font-weight:800!important}
.user-attendance-stats-v37>div b{color:#4f3026!important;font-size:16px!important;line-height:1.8!important}
.user-attendance-list-panel-v37{padding:18px!important;border:1px solid #dfe9c9!important;border-radius:30px!important;background:linear-gradient(180deg,#fff 0%,#fbfef6 100%)!important;box-shadow:0 15px 40px rgba(81,101,42,.06)!important}
.user-attendance-list-panel-v37 .meeting-files-toolbar-v11{margin-bottom:16px!important;padding-bottom:12px!important;border-bottom:1px dashed #dfe8c9!important}
.user-attendance-list-panel-v37 .meeting-files-toolbar-v11 h3{margin:0!important;color:#587030!important;font-size:21px!important;font-weight:900!important}
.user-attendance-list-panel-v37 .meeting-files-toolbar-v11 p{margin:6px 0 0!important;color:#7d8d66!important;font-size:12px!important}
.user-attendance-list-v37{display:grid!important;gap:12px!important}
.user-attendance-row-v37{padding:18px!important;border:1px solid #dfe8c7!important;border-radius:26px!important;background:linear-gradient(180deg,#ffffff 0%,#fcfef8 100%)!important;box-shadow:0 12px 28px rgba(77,96,40,.04)!important}
.user-attendance-row-head-v37{display:flex!important;justify-content:space-between!important;gap:12px!important;align-items:flex-start!important;margin-bottom:14px!important}
.user-attendance-row-head-v37 > div:first-child{min-width:0}
.user-attendance-row-head-v37 b{display:block;color:#4f632d!important;font-size:17px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-attendance-row-head-v37 small{display:block;color:#7c8a72!important;margin-top:4px!important;font-size:12px!important}
.user-attendance-row-grid-v37{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.user-attendance-row-grid-v37>div{padding:12px!important;border:1px solid #e4ebd1!important;border-radius:18px!important;background:#fff!important;min-width:0}
.user-attendance-row-grid-v37 small{display:block;color:#88a03e!important;font-size:11px!important;font-weight:800!important;margin-bottom:6px!important}
.user-attendance-row-grid-v37 b{display:block;color:#4f3026!important;font-size:15px!important;line-height:1.7!important}
.user-attendance-row-grid-v37 em{display:block;font-style:normal;color:#7c8a72!important;font-size:11px!important;line-height:1.8!important;margin-top:5px!important}
.user-attendance-row-grid-v37 span{display:block;height:8px!important;border-radius:999px!important;background:#eef4df!important;margin-top:8px!important;overflow:hidden!important}
.user-attendance-row-grid-v37 span i{display:block;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#8cb833,#6f9c26)!important}
.user-attendance-row-foot-v37{margin-top:13px!important;padding-top:13px!important;border-top:1px dashed #e2ebcf!important;display:flex!important;justify-content:space-between!important;gap:10px!important;align-items:center!important}
.user-attendance-joinleave-v37{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
.user-attendance-joinleave-v37 span{padding:9px 11px!important;border-radius:14px!important;background:#f7faef!important;color:#6f8239!important;border:1px solid #e2ebce!important;font-size:12px!important}
.user-attendance-joinleave-v37 i{margin-left:6px!important}
.user-attendance-row-foot-v37 .ghost-btn{min-height:42px!important;border-radius:15px!important;background:#fff!important;border:1px solid #e2ebcf!important;color:#61753f!important;box-shadow:0 10px 20px rgba(84,107,44,.06)!important}
.user-attendance-row-foot-v37 .ghost-btn:hover{transform:translateY(-1px)!important}
#modalCard.modal-theme-user-attendance-v38 .meeting-detail-footer-v11{padding:0 0 12px!important;display:flex!important;justify-content:flex-end!important}
#modalCard.modal-theme-user-attendance-v38 .meeting-detail-footer-v11 .ghost-btn{min-height:46px!important;border-radius:16px!important;background:#fff!important;border:1px solid #e2ebcf!important;color:#4d3228!important;padding-inline:18px!important}
#modalCard.modal-theme-user-attendance-v38 .meeting-files-empty-v11{min-height:220px!important;border-style:dashed!important;background:linear-gradient(180deg,#fff,#fbfef6)!important;border-color:#dfe7ca!important}
#modalCard.modal-theme-user-attendance-v38 .meeting-files-empty-v11 i{color:#8aac3b!important}
#modalCard.modal-theme-user-attendance-v38 .meeting-files-empty-v11 strong{font-size:16px!important;color:#50662c!important}
#modalCard.modal-theme-user-attendance-v38 .meeting-files-empty-v11 small{font-size:12px!important;color:#95a088!important}

@media (min-width:981px){
  body.user-role .app-shell{min-height:100vh!important}
  body.user-role .sidebar{
    width:292px!important;right:18px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;height:auto!important;
    max-height:calc(100vh - 48px)!important;overflow:auto!important;border-radius:40px!important;padding:20px 16px 16px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(252,254,248,.97))!important;border:1px solid rgba(223,234,203,.96)!important;
    box-shadow:0 28px 74px rgba(69,90,33,.14)!important;
  }
  body.user-role .main-area{margin-right:328px!important;width:calc(100% - 328px)!important;min-height:100vh!important}
  body.user-role .sidebar-profile-card{margin:0 0 16px!important;padding:18px 16px!important;border-radius:30px!important}
  body.user-role .sidebar-profile-main{padding-bottom:12px!important}
  body.user-role .main-nav{padding:4px 0 8px!important;gap:12px!important}
  body.user-role .nav-item{
    min-height:86px!important;height:auto!important;padding:12px 12px!important;grid-template-columns:58px minmax(0,1fr) 20px!important;gap:12px!important;
    border-radius:26px!important;border:1px solid transparent!important;background:linear-gradient(180deg,#ffffff 0%,#fcfef8 100%)!important;
    box-shadow:0 10px 28px rgba(84,104,46,.04)!important;color:#6d8147!important;
  }
  body.user-role .nav-item::before{background:linear-gradient(135deg,rgba(188,239,93,.16),rgba(255,255,255,.12))!important}
  body.user-role .nav-item::after{width:118px!important;height:118px!important;inset:auto -34px -54px auto!important;background:radial-gradient(circle,rgba(193,241,110,.16),transparent 70%)!important}
  body.user-role .nav-item:hover{border-color:#e7efd6!important;background:linear-gradient(180deg,#ffffff 0%,#fbfef5 100%)!important;box-shadow:0 16px 34px rgba(75,94,38,.08)!important;transform:translateX(-3px) translateY(-1px)!important;color:#4f642c!important}
  body.user-role .nav-item .nav-icon{width:54px!important;height:54px!important;border-radius:19px!important;background:linear-gradient(145deg,#f7fbef,#fff)!important;color:#97b25e!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.97),0 10px 22px rgba(89,111,51,.07)!important}
  body.user-role .nav-item .nav-icon i{font-size:20px!important}
  body.user-role .nav-item .nav-copy{gap:4px!important}
  body.user-role .nav-item .nav-copy b{font-size:18px!important;font-weight:900!important;color:#6a8540!important}
  body.user-role .nav-item .nav-copy small{font-size:11px!important;color:#97a8bb!important;line-height:1.8!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
  body.user-role .nav-item .nav-arrow{font-size:12px!important;color:#d0d9bf!important}
  body.user-role .nav-item.active{
    border-color:#dce9be!important;background:radial-gradient(circle at 100% 0,rgba(182,233,93,.22),transparent 34%),linear-gradient(135deg,#fbfff3 0%,#eff8d9 52%,#ffffff 100%)!important;
    color:#597030!important;box-shadow:0 18px 40px rgba(126,164,50,.12)!important;
  }
  body.user-role .nav-item.active .nav-icon{background:linear-gradient(135deg,#8cb833 0%,#6f9c26 100%)!important;color:#fff!important;box-shadow:0 14px 28px rgba(111,154,39,.24)!important}
  body.user-role .nav-item.active .nav-copy b{color:#567228!important}
  body.user-role .nav-item.active .nav-copy small{color:#7d9260!important}
  body.user-role .nav-item.active .nav-arrow{color:#8bb338!important;opacity:1!important;transform:translateX(-3px)!important}
  body.user-role .sidebar-utility{margin-top:12px!important}
  body.user-role .sidebar-bottom{padding:12px 0 0!important;border-top:1px solid #edf3e0!important}
  body.user-role .logout-btn{width:100%!important;height:52px!important;border-radius:19px!important;background:linear-gradient(180deg,#fff,#fdf9f8)!important;border:1px solid #ebdedd!important;color:#4d3228!important;display:grid!important;grid-template-columns:1fr auto!important;gap:10px!important;padding:0 16px!important;box-shadow:0 12px 24px rgba(88,57,44,.04)!important}
  body.user-role .logout-btn span{width:34px!important;height:34px!important;border-radius:12px!important;background:#f8f2f1!important;color:#7c5b50!important;display:grid!important;place-items:center!important}
}
@media (max-width:980px){
  #modalCard.modal-theme-user-attendance-v38{width:min(100vw - 18px,1040px)!important}
  #modalCard.modal-theme-user-attendance-v38 .modal-body{padding:18px 16px 0!important}
  .user-attendance-stats-v37{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .user-attendance-row-grid-v37{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:720px){
  #modalCard.modal-theme-user-attendance-v38 .modal-head{padding:14px 14px!important;min-height:74px!important}
  #modalCard.modal-theme-user-attendance-v38 .modal-head h2{font-size:23px!important}
  #modalCard.modal-theme-user-attendance-v38 .modal-body{padding:14px 12px 0!important}
  .user-attendance-hero-v37{grid-template-columns:1fr!important;padding:16px!important;border-radius:24px!important}
  .user-attendance-hero-icon-v37{width:64px!important;height:64px!important;border-radius:20px!important;font-size:24px!important}
  .user-attendance-hero-copy-v37 h2{font-size:24px!important}
  .user-attendance-hero-copy-v37 p{font-size:12px!important}
  .user-attendance-score-v37{min-width:0!important;width:100%!important}
  .user-attendance-stats-v37,.user-attendance-row-grid-v37{grid-template-columns:1fr!important}
  .user-attendance-row-foot-v37{flex-direction:column!important;align-items:stretch!important}
  .user-attendance-joinleave-v37{justify-content:flex-start!important}
  body.user-role .sidebar{right:10px!important;left:10px!important;width:auto!important;top:14px!important;bottom:14px!important;transform:none!important;max-height:none!important;border-radius:30px!important}
  body.user-role .main-area{margin-right:0!important;width:100%!important}
  body.user-role .main-nav{gap:10px!important}
  body.user-role .nav-item{min-height:74px!important;grid-template-columns:48px minmax(0,1fr) 18px!important;border-radius:22px!important}
  body.user-role .nav-item .nav-icon{width:46px!important;height:46px!important;border-radius:16px!important}
  body.user-role .nav-item .nav-copy b{font-size:15px!important}
  body.user-role .nav-item .nav-copy small{font-size:10px!important}
}


/* V39 — force-load/fallback for attendance archive and centered sidebar */
#modalCard.modal-theme-user-attendance-v39,
#modalCard:has(.user-attendance-archive-v37){
  width:min(1120px,calc(100vw - 36px))!important;max-width:1120px!important;
  display:flex!important;flex-direction:column!important;border-radius:34px!important;overflow:hidden!important;
  background:linear-gradient(180deg,#fffefb 0%,#fbfef6 100%)!important;border:1px solid #e3ebce!important;
  box-shadow:0 34px 96px rgba(47,58,21,.24)!important;
}
#modalCard.modal-theme-user-attendance-v39 .modal-head,
#modalCard:has(.user-attendance-archive-v37) .modal-head{
  min-height:84px!important;padding:18px 22px!important;background:linear-gradient(180deg,#fffefb 0%,#f8fbf1 100%)!important;border-bottom:1px solid #e5edd3!important;
}
#modalCard.modal-theme-user-attendance-v39 .modal-head h2,
#modalCard:has(.user-attendance-archive-v37) .modal-head h2{color:#4c2f26!important;font-size:30px!important;font-weight:900!important}
#modalCard.modal-theme-user-attendance-v39 #modalEyebrow,
#modalCard:has(.user-attendance-archive-v37) #modalEyebrow{color:#7fa52f!important;font-weight:900!important}
#modalCard.modal-theme-user-attendance-v39 .modal-body,
#modalCard:has(.user-attendance-archive-v37) .modal-body{
  background:radial-gradient(circle at 100% 0,rgba(189,236,94,.10),transparent 28%),linear-gradient(180deg,#fcfef9 0%,#f9fcf3 100%)!important;
  padding:22px 22px 0!important;max-height:calc(100vh - 120px)!important;overflow:auto!important;
}
#modalCard:has(.user-attendance-archive-v37) .user-attendance-hero-v37{display:grid!important;grid-template-columns:84px minmax(0,1fr) 160px!important;gap:16px!important}
#modalCard:has(.user-attendance-archive-v37) .user-attendance-stats-v37{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important}
#modalCard:has(.user-attendance-archive-v37) .user-attendance-list-panel-v37{padding:18px!important;border:1px solid #dfe9c9!important;border-radius:30px!important;background:linear-gradient(180deg,#fff 0%,#fbfef6 100%)!important;box-shadow:0 15px 40px rgba(81,101,42,.06)!important}

@media (min-width:981px){
  body.user-role .sidebar{
    top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;height:auto!important;min-height:0!important;
    max-height:calc(100vh - 52px)!important;right:18px!important;width:292px!important;overflow:auto!important;
    border-radius:40px!important;padding:20px 16px 16px!important;
  }
  body.user-role .main-area{margin-right:328px!important;width:calc(100% - 328px)!important}
  body.user-role .main-nav{display:grid!important;gap:10px!important;padding:4px 0 8px!important;overflow:visible!important}
  body.user-role .nav-item{
    min-height:78px!important;height:auto!important;padding:10px 11px!important;grid-template-columns:54px minmax(0,1fr) 18px!important;gap:11px!important;
    border-radius:24px!important;background:linear-gradient(180deg,#fff 0%,#fcfef8 100%)!important;border:1px solid #edf2e2!important;box-shadow:0 10px 24px rgba(84,104,46,.045)!important;
  }
  body.user-role .nav-item .nav-icon{width:50px!important;height:50px!important;border-radius:18px!important;background:linear-gradient(145deg,#f6faed,#fff)!important;color:#809b4d!important}
  body.user-role .nav-item .nav-icon i{font-size:18px!important}
  body.user-role .nav-item .nav-copy b{font-size:16px!important;color:#5d7535!important;font-weight:900!important}
  body.user-role .nav-item .nav-copy small{font-size:10px!important;color:#8d9ea9!important;line-height:1.65!important;white-space:normal!important}
  body.user-role .nav-item.active{background:radial-gradient(circle at 100% 0,rgba(182,233,93,.22),transparent 34%),linear-gradient(135deg,#fbfff3 0%,#eff8d9 52%,#ffffff 100%)!important;border-color:#d9e7b8!important;box-shadow:0 18px 38px rgba(126,164,50,.12)!important}
  body.user-role .nav-item.active .nav-icon{background:linear-gradient(135deg,#8cb833,#6f9c26)!important;color:#fff!important;box-shadow:0 14px 28px rgba(111,154,39,.24)!important}
  body.user-role .sidebar-utility{margin-top:10px!important}
}
@media (max-width:980px){
  #modalCard:has(.user-attendance-archive-v37) .user-attendance-stats-v37{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:720px){
  #modalCard:has(.user-attendance-archive-v37) .user-attendance-hero-v37{grid-template-columns:1fr!important}
  #modalCard:has(.user-attendance-archive-v37) .user-attendance-stats-v37{grid-template-columns:1fr!important}
}