/* NEMEZIDA UI polish — employeesPage is the visual reference.
   Flat surfaces only: no gradients, no borders. */
:root{
  color-scheme:dark;
  --ui-bg:#0f141c;
  --ui-panel:rgb(46 70 101 / 51%);
  --ui-panel-hover:rgba(255,255,255,.055);
  --ui-panel-strong:rgba(255,255,255,.075);
  --ui-text:#f3f6fb;
  --ui-text-soft:#c7d0dd;
  --ui-muted:#8490a2;
  --ui-muted-2:#6f7b8d;
  --ui-accent:#6b8cff;
  --ui-accent-soft:rgba(104,142,255,.12);
  --ui-accent-soft-2:rgba(104,142,255,.18);
  --ui-success:#8fe0b3;
  --ui-danger:#ef9a9a;
  --ui-warning:#f0d691;
}
html{color-scheme:dark}
input,select,textarea,button{font-family:Nunito,sans-serif}
input::placeholder,textarea::placeholder{color:#758194!important;opacity:1}

/* Scrollbars */
*{scrollbar-width:auto}
*::-webkit-scrollbar{width:12px;height:12px}
*::-webkit-scrollbar-track{background:#11161c;border-radius:6px}
*::-webkit-scrollbar-thumb{background:#303946;border:0;border-radius:6px}
*::-webkit-scrollbar-thumb:hover{background:#3a4654}
*::-webkit-scrollbar-corner{background:#11161c}

/* Flat native selects */
select{
  appearance:none;
  -webkit-appearance:none;
  padding-right:34px!important;
  background-color:rgba(255,255,255,.04)!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23aeb8c7' d='M4 6l4 4 4-4z'/%3E%3C/svg%3E")!important;
  background-position:calc(100% - 10px) 50%!important;
  background-size:16px 16px!important;
  background-repeat:no-repeat!important;
  border:0!important;
  color:#dbe2ec!important;
}
select option{background:#171d26;color:#edf2f8}

/* Header: search + notifications */
.crmHeaderTools{position:relative;gap:10px}
.crmGlobalSearchBtn{
  min-width:250px;height:38px;padding:0 14px!important;
  border:0!important;border-radius:10px!important;
  background:rgba(255,255,255,.04)!important;
  color:#c7d0dd!important;
  box-shadow:none!important;
  font-size:13px!important;font-weight:700!important;
}
.crmGlobalSearchBtn i{color:#9eacc0;font-size:13px}
.crmGlobalSearchBtn:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
.headerNotificationBtn{
  position:relative;width:38px;height:38px;flex:0 0 38px;
  display:grid;place-items:center;border:0;border-radius:10px;
  background:rgba(255,255,255,.04);color:#b7c2d1;
  cursor:pointer;font-size:15px;box-shadow:none;
}
.headerNotificationBtn:hover{background:rgba(255,255,255,.09);color:#fff}
.headerNotificationBtn .notificationBadge{
  position:absolute;right:-5px;top:-5px;margin:0;min-width:18px;height:18px;padding:0 5px;
  background:#d85b66;color:#fff;box-shadow:0 0 0 3px #111821;
  font-size:10px;font-weight:800;
}

/* Global search */
.globalSearchBackdrop{background:rgba(4,8,14,.72)!important;backdrop-filter:blur(6px)!important}
.globalSearchPanel{
  border:0!important;border-radius:16px!important;
  background:#171d26!important;
  box-shadow:0 24px 70px rgba(0,0,0,.5)!important;
}
.globalSearchInputRow{padding:16px 18px!important;border:0!important;background:rgb(46 70 101 / 51%)!important}
.globalSearchInputRow>i{color:#98a6ba!important;font-size:15px}
.globalSearchInput{font-size:16px!important;color:#f3f6fb!important}
.globalSearchBody{padding:10px!important}
.globalSearchHint,.globalSearchEmpty{font-size:13px!important;color:#8490a2!important}
.globalSearchGroupTitle{color:#7f8b9d!important;font-size:11px!important}
.globalSearchResult{padding:11px 12px!important;border:0!important;border-radius:10px!important}
.globalSearchResult:hover,.globalSearchResult.isActive{background:rgba(255,255,255,.055)!important}
.globalSearchIcon{background:rgba(104,142,255,.1)!important;color:#aec1ff!important}
.globalSearchTitle{font-size:14px!important;color:#f3f6fb!important}
.globalSearchSubtitle,.globalSearchExcerpt{color:#8e9aad!important}
.globalSearchMeta{color:#6f7b8d!important}

/* Notifications */
.notificationPanel{
  left:12px;top:64px;width:min(430px,calc(100vw - 24px));
  border:0!important;border-radius:16px!important;
  background:#171d26!important;
  box-shadow:0 24px 70px rgba(0,0,0,.52)!important;
}
.notificationPanelHeader{border:0!important;background:rgba(255,255,255,.02)!important}
.notificationPanelTitle{color:#f3f6fb!important;font-size:14px!important}
.notificationPanelTitle i{background:rgba(104,142,255,.1)!important;color:#aec1ff!important}
.notificationTabs{background:rgba(255,255,255,.02)!important;border:0!important}
.notificationTab{color:#8490a2!important}
.notificationTab.active{background:rgba(104,142,255,.12)!important;color:#e5ebff!important}
.notificationItem{border:0!important}
.notificationItem:hover{background:rgba(255,255,255,.045)!important}
.notificationItem.unread{background:rgba(104,142,255,.075)!important}
.notificationIcon{background:rgba(104,142,255,.1)!important;color:#aec1ff!important}
.notificationItemText b{font-size:13px!important;color:#f3f6fb!important}
.notificationItemText span{color:#aab4c3!important}
.notificationItemText small{color:#748094!important}

/* Employee-style forms and modal surfaces */
.calendarModalCard,.employeeModalCard,.confirmModalCard,.auditModalCard,.balanceModalCard{
  border:0!important;background:#171d26!important;box-shadow:0 24px 70px rgba(0,0,0,.5)!important;
}
.calendarField input,.calendarField select,.calendarField textarea,
.confirmEditForm input,.confirmEditForm select,.confirmEditForm textarea,.confirmRevisionNote textarea,
.auditFilters input,.auditFilters select,.balanceEmployeeSelect select,.balanceInvoiceCreate input,
.balanceFilters input,.balanceFilters select,.analyticsPeriod input,.rateForm input,.rateForm select{
  border:0!important;background:rgba(255,255,255,.04)!important;color:#dbe2ec!important;
}
.calendarField input:focus,.calendarField select:focus,.calendarField textarea:focus,
.confirmEditForm input:focus,.confirmEditForm select:focus,.confirmEditForm textarea:focus,
.auditFilters input:focus,.auditFilters select:focus{
  outline:0!important;background:rgba(255,255,255,.07)!important;box-shadow:0 0 0 2px rgba(104,142,255,.08)!important;
}
.employeeActiveCheck input[type="checkbox"],input[type="checkbox"]{accent-color:#6b8cff}
.permissionToggle{grid-template-columns:32px 1fr!important;gap:9px!important;padding:9px 10px!important;border:0!important;background:rgb(46 70 101 / 51%)!important}
.permissionSwitch{width:30px!important;height:17px!important;background:#3b4554!important;border:0!important;box-shadow:none!important}
.permissionSwitch:after{width:13px!important;height:13px!important;left:2px!important;top:2px!important;background:#dbe2ea!important;box-shadow:none!important}
.permissionToggle input:checked + .permissionSwitch{background:#6b8cff!important;border:0!important;box-shadow:none!important}
.permissionToggle input:checked + .permissionSwitch:after{transform:translateX(13px)!important;background:#fff!important;box-shadow:none!important}
.permissionLabel{font-size:13px!important;color:#c7d0dd!important}

/* AI assistant */
.aiBridgePage{max-width:1220px!important;gap:16px!important}
.aiBridgeHero{
  padding:18px 20px!important;border:0!important;border-radius:16px!important;
  background:rgb(46 70 101 / 51%)!important;box-shadow:none!important;
}
.aiBridgeHero .pageTitle{font-size:24px!important;color:#f3f6fb!important;margin:0 0 5px!important}
.aiBridgeHero .muted{font-size:13px!important;color:#8490a2!important}
.aiBridgeDownload{min-width:190px!important;width:auto!important;height:40px;padding:0 15px!important;white-space:nowrap!important;flex:0 0 auto}
.aiBridgeGrid{gap:14px!important}
.aiBridgeCard{
  padding:17px!important;border:0!important;border-radius:14px!important;
  background:rgb(46 70 101 / 51%)!important;box-shadow:none!important;
}
.aiBridgeCard h4{font-size:15px!important;color:#f3f6fb!important}
.aiBridgeMeta{font-size:12.5px!important;color:#8490a2!important;line-height:1.6!important}
.aiModelDropdown{position:relative;margin:2px 0 11px}
.aiModelButton{
  width:100%;height:40px;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:0 12px;border:0;border-radius:10px;
  background:rgba(255,255,255,.05);color:#dbe2ec;
  cursor:pointer;font:700 13px Nunito,sans-serif;box-shadow:none;
}
.aiModelButton:hover{background:rgba(255,255,255,.085)}
.aiModelButton i{color:#aeb8c7;transition:transform .16s ease}
.aiModelDropdown.open .aiModelButton i{transform:rotate(180deg)}
.aiModelMenu{
  position:absolute;z-index:80;left:0;right:0;top:calc(100% + 6px);padding:6px;
  border:0;border-radius:11px;background:#202630;box-shadow:0 16px 40px rgba(0,0,0,.46);
}
.aiModelMenu[hidden]{display:none!important}
.aiModelOption{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;
  min-height:38px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:#c7d0dd;
  cursor:pointer;text-align:left;font:600 12.5px Nunito,sans-serif;
}
.aiModelOption:hover{background:rgba(255,255,255,.06);color:#fff}
.aiModelOption.active{background:rgba(104,142,255,.12);color:#e6ecff}
.aiModelOption i{color:#aec1ff}
.aiBridgeActions .btnPrimary{width:auto!important;min-width:160px!important}
.aiBridgeCode{background:#111821!important;border:0!important;color:#dce4ee!important}

/* Admin / Audit / Balance / Confirmation — same visual language as employeesPage */
.adminHeader,.adminSubHead,.auditHeader,.employeeBalanceHeader,.confirmationHeader{
  padding:16px 18px!important;border:0!important;border-radius:14px!important;
  background:rgb(46 70 101 / 51%)!important;box-shadow:none!important;
}
.adminHeader>div:first-child>span,.auditHeader>div:first-child>span,.balanceKicker,.confirmationKicker{font-size:10px!important;color:#8490a2!important}
.adminHeader h2,.adminSubHead h2,.auditHeader h2,.employeeBalanceHeader h2,.confirmationHeader h2{font-size:22px!important;color:#f3f6fb!important}
.adminHeader p,.adminSubHead p,.auditHeader p,.employeeBalanceHeader p,.confirmationHeader p{font-size:12px!important;color:#8490a2!important}
.adminStatusGrid article,.adminActions button,.auditStats article,.balanceCards article,.confirmSummaryCard,.confirmationTotal{
  background:rgb(46 70 101 / 51%)!important;border:0!important;
}
.adminStatusGrid article:hover,.adminActions button:hover,.confirmSummaryCard:hover,.confirmSummaryCard.active{background:rgba(255,255,255,.055)!important}
.adminStatusBody>span,.adminStatusBody>small,.adminActions small,.auditStats span,.balanceCards span,.confirmSummaryCard small{font-size:11px!important;color:#8490a2!important}
.adminActions b,.adminPanelHead b,.auditPanelHead b,.balancePanelHead b{font-size:12px!important;color:#dbe2ec!important}
.adminStatus{font-size:10px!important;padding:4px 8px!important}
.adminNote{font-size:11px!important;background:rgb(46 70 101 / 51%)!important;color:#8490a2!important;border:0!important}
.adminPanel,.auditPanel,.balancePanel,.confirmQueue,.confirmJournal{
  background:rgb(46 70 101 / 51%)!important;border:0!important;
}
.adminPanelHead,.auditPanelHead,.balancePanelHead,.confirmQueueHead,.confirmJournalRows,.confirmModalHead,.confirmModalFoot{border:0!important}
.adminPanelHead span,.auditPanelHead span,.balancePanelHead span{font-size:10px!important;color:#8490a2!important}
.adminPanelHead button,.auditPanelHead button,.auditMore button,.balancePanelHead>button,.balanceInvoiceCreate button,.balanceFilters button,
.analyticsPeriod button,.rateForm button,.unratedList button,.confirmTabs button,.confirmRefresh,.confirmItemActions button,.confirmRejectBtn{
  border:0!important;font-size:11px!important;background:rgba(255,255,255,.04)!important;color:#aeb8c7!important;
}
.adminPanelHead button:hover,.auditPanelHead button:hover,.auditMore button:hover,.confirmTabs button:hover,.confirmRefresh:hover,.confirmItemActions button:hover:not(:disabled){background:rgba(255,255,255,.085)!important;color:#fff!important}
.auditFilters{background:rgb(46 70 101 / 51%)!important;border:0!important;gap:7px!important;padding:10px!important}
.auditFilters input,.auditFilters select,.auditFilters button,.balanceEmployeeSelect select,.balanceInvoiceCreate input,.balanceFilters input,.balanceFilters select,.analyticsPeriod input,.rateForm input,.rateForm select{
  height:36px!important;font-size:11px!important;border:0!important;border-radius:9px!important;
}
.auditSearch i{top:12px!important;font-size:10px!important;color:#93a1b5!important}
.adminTable th,.adminTable td,.auditTable th,.auditTable td,.balanceTable th,.balanceTable td{font-size:11px!important;padding:11px 12px!important;border-color:rgba(255,255,255,.045)!important}
.adminTable th,.auditTable th,.balanceTable th{font-size:10px!important;color:#8f9bad!important}
.adminTable td>b,.auditActor span,.auditEvent b,.balanceTable td b{font-size:11.5px!important;color:#dbe2ec!important}
.adminTable td>small,.auditActor small,.auditEvent small,.balanceTable td small{font-size:9.5px!important;color:#8490a2!important}
.auditCategory,.auditOrigin,.balanceStatus,.invoiceStatus{font-size:9.5px!important}

.confirmationHeader{align-items:flex-end!important}
.confirmationTotal b{color:#f3f6fb!important}
.confirmationTotal span{font-size:10px!important;color:#8490a2!important}
.confirmSummaryCard{padding:11px 12px!important;color:#aeb8c7!important}
.confirmSummaryIcon,.confirmItemIcon,.confirmDetailTitle>i{background:rgba(255,255,255,.06)!important;color:#aeb8c7!important}
.confirmTabs button.active{background:rgba(104,142,255,.12)!important;color:#dfe7ff!important}
.confirmTabs button b{font-size:9px!important;background:rgba(255,255,255,.05)!important;color:#aeb8c7!important}
.confirmItem{border:0!important;padding:12px!important}
.confirmItem:hover{background:rgba(255,255,255,.035)!important}
.confirmKind,.confirmItemTop time,.confirmCase,.confirmItemBody>small{font-size:9.5px!important;color:#8490a2!important}
.confirmItem h4{font-size:12px!important;color:#e5ebf3!important}
.confirmItem p{font-size:10.5px!important;color:#8f9bad!important}
.confirmJournal>summary>span{font-size:11px!important;color:#c7d0dd!important}
.confirmJournal>summary small,.confirmJournalRows small,.confirmJournalRows em{font-size:9.5px!important;color:#8490a2!important}
.confirmJournalRows button{border:0!important}
.confirmJournalRows button:hover{background:rgba(255,255,255,.045)!important}
.confirmJournalRows b{font-size:11px!important}
.confirmModalHead h3{font-size:14px!important}
.confirmModalFoot .btn,.confirmRejectBtn{font-size:11px!important}
.confirmDetail b,.confirmDetail dd,.confirmDetail section p,.confirmLongText{font-size:11px!important}
.confirmDetail span,.confirmDetail dt,.confirmDetail section h4{font-size:10px!important}
.confirmDetail dl>div,.confirmDetail section{border:0!important}
.confirmResultPreview,.confirmDetail pre{background:#111821!important;color:#b9c4d2!important;font-size:10.5px!important}

/* Templates: surrounding UI follows employeesPage; document paper stays white. */
.templateListPane,.templateToolboxPane,.templateBuilderPane,.templateToolboxSection,.templateHistorySection,
.templateSearchBox,.templateListItem,.templateBuilderMetaRow input,.templateDescriptionInput,.templateSaveNoteWrap input,
.templateBlockInsertBtn,.templateVersionPreviewBtn,.templateBlockToolbar select,.templateMissingBox,.templatePreviewOk{
  border:0!important;
}
.templateListPane,.templateToolboxPane,.templateBuilderPane{background:rgb(46 70 101 / 51%)!important}
.templateSearchBox,.templateListItem,.templateToolboxSection,.templateHistorySection,.templateBuilderMetaRow input,
.templateDescriptionInput,.templateSaveNoteWrap input,.templateBlockInsertBtn,.templateVersionPreviewBtn,.templateBlockToolbar select{
  background:rgba(255,255,255,.035)!important;color:#dbe2ec!important;
}
.templateSearchBox:focus-within{background:rgba(255,255,255,.065)!important;box-shadow:0 0 0 2px rgba(104,142,255,.08)!important}
.templateListTitle{font-size:16px!important;color:#f3f6fb!important}
.templateStatusTabs button{font-size:10.5px!important;background:rgb(46 70 101 / 51%)!important;color:#8490a2!important}
.templateStatusTabs button.active{background:rgba(104,142,255,.12)!important;color:#dfe7ff!important}
.templateListItemTop b{font-size:12px!important}
.templateListItem>span,.templateListItem>small{font-size:10px!important;color:#8490a2!important}
.templateListItem:hover,.templateListItem.active{background:rgba(255,255,255,.055)!important}
.templateBuilderToolbar,.templateBuilderFooter{border:0!important;background:#151d29!important}
.templatePaperWrap,.templatePreviewPaperWrap{background:#0f151e!important}
.templateToolBtn{border:0!important;color:#aeb9c8!important}
.templateToolBtn:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}
.templateVariableGroup summary{background:rgb(46 70 101 / 51%)!important;color:#aeb9c8!important}
.templateVariableBtn:hover,.templateBlockInsertBtn:hover,.templateVersionItem.active .templateVersionPreviewBtn{background:rgba(104,142,255,.08)!important}

@media(max-width:1100px){
  .crmGlobalSearchBtn{min-width:44px;width:44px;padding:0!important;justify-content:center}
  .crmGlobalSearchBtn span{display:none}
}

/* Local search fields follow the same employeesPage controls. */
.clientSearchBox,.caseSearchBox,.taskSearch,.bpSearch,.calendarFilterBar>label,.templateSearchBox{
  border:0!important;border-radius:10px!important;background:rgba(255,255,255,.04)!important;
  color:#788598!important;box-shadow:none!important;
}
.clientSearchBox:focus-within,.caseSearchBox:focus-within,.taskSearch:focus-within,.bpSearch:focus-within,.calendarFilterBar>label:focus-within,.templateSearchBox:focus-within{
  background:rgba(255,255,255,.07)!important;box-shadow:0 0 0 2px rgba(104,142,255,.08)!important;
}
.clientSearchBox input,.caseSearchBox input,.taskSearch input,.bpSearch input,.calendarFilterBar>label input,.templateSearchBox input{
  border:0!important;background:transparent!important;color:#e7edf5!important;font-size:13px!important;outline:0!important;
}
.clientSearchBox i,.caseSearchBox i,.taskSearch i,.bpSearch i,.calendarFilterBar>label i,.templateSearchBox i{color:#8490a2!important}

/* Darker, slightly thicker minimalist scroll controls. */
.clientDocScrollbar{width:1.35rem!important}
.clientDocScrollbarTrack{width:.9rem!important;background:#11161c!important;box-shadow:none!important;border-radius:6px!important}
.clientDocScrollbarThumb{background:#303946!important;border-radius:6px!important;box-shadow:none!important}
.clientDocScrollbar:not(.is-static) .clientDocScrollbarThumb:hover{background:#3a4654!important}
.clientDataModalCard{--client-data-scroll-track:#11161c!important;--client-data-scroll-thumb:#303946!important;--client-data-scroll-thumb-hover:#3a4654!important}
.clientDataModalGrid::-webkit-scrollbar{width:12px!important}
.clientDataModalGrid::-webkit-scrollbar-track{background:#11161c!important;box-shadow:none!important;border-radius:6px!important}
.clientDataModalGrid::-webkit-scrollbar-thumb{background:#303946!important;border:0!important;border-radius:6px!important}
.clientDataModalGrid::-webkit-scrollbar-thumb:hover{background:#3a4654!important}
.clientZoomRange{accent-color:#3a4654!important}

/* 2026-09-18: employeesPage is the reference for ALL CRM surfaces. */
:root{--nem-section-bg:rgb(46 70 101 / 51%)}

/* Major page/section surfaces use the same blue translucent block as employees. */
.employeesTableWrap,
.clientsPage,.clientListSection,.clientCasesSection,.clientDetailShell,.clientListHead,.clientListTableWrap,
.clientLibrarySection,.clientProfileCard,.clientStatsCard,.clientWorkspaceHero,.clientWorkspaceTabs,.clientOverviewCard,
.clientWorkspaceSection,.clientDataSection,
.calendarPage,.calendarBoard,.calendarModalCard,.calendarStats>div,.calendarProposalsPanel,.calendarKindColumn,.calendarKindCard,
.tasksPage,.taskStats>div,.taskColumn,.taskTableWrap,.taskCard,.taskComment,
.caseListPane,.caseWorkspaceHeader,.caseMetric,.casePanel,.caseParticipantCard,.caseDocumentRow,.caseNoteCard,.caseCalendarStats>div,.caseCalendarEvent,
.aiBridgeHero,.aiBridgeCard,.entityAiPaneIntro,.entityAiWorkCards button,.entityAiContextPanel,
.adminPage,.adminHeader,.adminSubHead,.adminPanel,.adminStatusGrid article,.adminActions button,.adminNote,
.auditPage,.auditHeader,.auditFilters,.auditPanel,
.confirmationPage,.confirmationHeader,.confirmationTotal,.confirmSummaryCard,.confirmQueue,.confirmJournal,
.employeeBalanceHeader,.balanceCards article,.balancePanel,.invoiceCard,.invoiceHistory,
.templateListPane,.templateToolboxPane,.templateBuilderPane,.templateToolboxSection,.templateHistorySection,
.approvalJournalPage,.nemezidaEditorPage,
.documentWorkflowSection,.bpToolSection{
  background:var(--nem-section-bg)!important;
  border:0!important;
  box-shadow:none!important;
}

/* Main page wrappers should read as one designed surface, not transparent leftovers. */
.clientsPage,.tasksPage,.calendarPage,.confirmationPage,.adminPage,.auditPage,.approvalJournalPage{
  border-radius:14px!important;
  padding:12px!important;
}
.employeesPage{border-radius:14px!important}

/* Keep nested controls readable against the blue blocks. */
.clientListHead,.clientListTableWrap,.clientWorkspaceHero,.clientWorkspaceTabs,.clientOverviewCard,
.taskStats>div,.taskColumn,.taskCard,.caseMetric,.casePanel,.calendarStats>div,.calendarKindColumn,.calendarKindCard,
.adminStatusGrid article,.adminActions button,.confirmSummaryCard,.balanceCards article,
.templateToolboxSection,.templateHistorySection{
  background:rgb(30 48 72 / 72%)!important;
}

/* No grey hover states: use restrained NEMEZIDA blue. */
.auditTable tbody tr:hover,.adminTable tbody tr:hover,.employeesTable tbody tr:hover,.clientListTable tbody tr:hover,
.taskTableRow:hover,.calendarListItem:hover,.calendarKindCard:hover,.caseListItem:hover,.caseDocumentRow:hover,
.adminActions button:hover,.adminPanelHead button:hover,.auditPanelHead button:hover,.auditMore button:hover,
.auditOpen:hover,.adminIcon:hover,.confirmTabs button:hover,.confirmRefresh:hover,.confirmItemActions button:hover:not(:disabled),
.templateToolBtn:hover,.templateListItem:hover,.clientWorkspaceTab:hover{
  background:rgba(104,142,255,.15)!important;
  color:#f1f5ff!important;
}
.auditOpen,.adminIcon{
  border:0!important;background:rgba(104,142,255,.11)!important;color:#cbd8ff!important;
}
.auditOpen:hover,.adminIcon:hover{background:rgba(104,142,255,.22)!important;color:#fff!important}

/* Audit: readable type + colored semantic tags. */
.auditPage{container-type:inline-size}
.auditHeader h2{font-size:24px!important}
.auditHeader p{font-size:12.5px!important;line-height:1.45!important}
.auditFilters input,.auditFilters select,.auditFilters button{font-size:12px!important}
.auditPanelHead b{font-size:13px!important}.auditPanelHead span{font-size:11px!important}
.auditTable{min-width:0!important;width:100%!important;table-layout:fixed!important}
.auditTable th{font-size:10.5px!important;padding:10px 8px!important}
.auditTable td{font-size:12px!important;padding:11px 8px!important;min-width:0!important;overflow:hidden!important}
.auditTable time{font-size:11px!important;white-space:normal!important}
.auditActor span,.auditEvent b{font-size:12px!important}.auditActor small,.auditEvent small{font-size:10px!important}
.auditEvent b,.auditEvent small,.auditDiff span{max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.auditCategory,.auditOrigin{font-size:10px!important;font-weight:800!important;padding:5px 8px!important;border:0!important}
.auditCategory.cat-ai{background:rgba(90,166,255,.18)!important;color:#b8d8ff!important}
.auditCategory.cat-case{background:rgba(85,190,139,.17)!important;color:#9fe0bd!important}
.auditCategory.cat-client{background:rgba(74,188,181,.17)!important;color:#9de1dc!important}
.auditCategory.cat-document{background:rgba(232,191,96,.17)!important;color:#f0d691!important}
.auditCategory.cat-task{background:rgba(232,143,96,.17)!important;color:#f1b38d!important}
.auditCategory.cat-calendar{background:rgba(158,120,232,.17)!important;color:#c9b0f4!important}
.auditCategory.cat-action{background:rgba(222,105,164,.17)!important;color:#efacd0!important}
.auditCategory.cat-automation{background:rgba(116,127,235,.18)!important;color:#bdc3ff!important}
.auditCategory.cat-confirmation{background:rgba(228,177,74,.18)!important;color:#f1d28d!important}
.auditCategory.cat-finance{background:rgba(74,183,116,.17)!important;color:#94d7ac!important}
.auditCategory.cat-template{background:rgba(93,147,223,.18)!important;color:#b3cef4!important}
.auditCategory.cat-security{background:rgba(222,92,103,.18)!important;color:#f0a5ac!important}
.auditCategory.cat-system{background:rgba(145,157,175,.16)!important;color:#c4ccd7!important}
.auditOrigin.origin-ui{background:rgba(104,142,255,.13)!important;color:#cbd8ff!important}
.auditOrigin.origin-auto,.auditOrigin.origin-automation{background:rgba(126,112,225,.16)!important;color:#c8c1f5!important}
.auditOrigin.origin-system{background:rgba(145,157,175,.13)!important;color:#bdc6d2!important}

/* Tables must fit the available CRM pane instead of creating horizontal scrollbars. */
.employeesTableWrap,.auditTableWrap,.adminTableWrap,.taskTableWrap,.clientListTableWrap{overflow-x:hidden!important;max-width:100%!important}
.employeesTable,.adminTable,.taskTable,.clientListTable{min-width:0!important;width:100%!important;table-layout:fixed!important}
.employeesTable th,.employeesTable td,.adminTable th,.adminTable td,.taskTable th,.taskTable td,.clientListTable th,.clientListTable td{
  min-width:0!important;max-width:none!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.employeesTable td,.adminTable td,.taskTable td,.clientListTable td{white-space:normal!important;overflow-wrap:anywhere!important}
.employeeIdentity{min-width:0!important}.employeeName,.employeeLogin,.employeeTitleText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.employeeActions{gap:4px!important}.employeeActions .iconBtn{width:31px!important;height:31px!important;border:0!important}

/* Compact narrow-pane audit without losing access to detail view. */
@container (max-width:900px){
  .auditTable th:nth-child(5),.auditTable td:nth-child(5),
  .auditTable th:nth-child(7),.auditTable td:nth-child(7){display:none!important}
  .auditTable th:nth-child(1),.auditTable td:nth-child(1){width:17%!important}
  .auditTable th:nth-child(2),.auditTable td:nth-child(2){width:16%!important}
  .auditTable th:nth-child(3),.auditTable td:nth-child(3){width:14%!important}
  .auditTable th:nth-child(4),.auditTable td:nth-child(4){width:31%!important}
  .auditTable th:nth-child(6),.auditTable td:nth-child(6){width:16%!important}
  .auditTable th:nth-child(8),.auditTable td:nth-child(8){width:6%!important;text-align:center!important}
}
@container (max-width:680px){
  .auditTable th:nth-child(6),.auditTable td:nth-child(6){display:none!important}
  .auditTable th:nth-child(1),.auditTable td:nth-child(1){width:19%!important}
  .auditTable th:nth-child(2),.auditTable td:nth-child(2){width:19%!important}
  .auditTable th:nth-child(3),.auditTable td:nth-child(3){width:17%!important}
  .auditTable th:nth-child(4),.auditTable td:nth-child(4){width:38%!important}
  .auditTable th:nth-child(8),.auditTable td:nth-child(8){width:7%!important}
}

/* Replace horizontal scrollers with wrapping/adaptive layouts where possible. */
.clientWorkspaceTabs,.entityAiQuickActions,.entityAiRoleSteps,.bpPalette,.bpRunSteps{overflow-x:hidden!important;flex-wrap:wrap!important}
.taskBoard{overflow-x:hidden!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important}
.taskColumn{min-width:0!important}
.calendarKindBoard{overflow-x:hidden!important;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important}
.calendarKindColumn{min-width:0!important}
.adminTableWrap,.auditTableWrap,.employeesTableWrap,.taskTableWrap{scrollbar-width:auto!important}

/* Windows/Chromium scrollbar arrows removed; vertical thumb stays dark and minimal. */
*::-webkit-scrollbar-button,
*::-webkit-scrollbar-button:single-button,
*::-webkit-scrollbar-button:vertical:start:decrement,
*::-webkit-scrollbar-button:vertical:end:increment{
  display:none!important;width:0!important;height:0!important;background:transparent!important;
}

/* Forms/modals use the same reference surface. */
.calendarModalCard,.employeeModalCard,.taskModalCard,.caseEditorCard,.caseParticipantEditor,.documentCreateCard,
.clientDataModalCard,.clientContactModalCard,.templateSmallModal,.templateBlockModal,.templateCompanyModal,.templatePreviewModal,.templateVersionPreviewModal{
  background:var(--nem-section-bg)!important;border:0!important;box-shadow:0 24px 70px rgba(0,0,0,.42)!important;
}


/* Better packing for narrow CRM panes: no side scrolling. */
.clientListSection,.clientCasesSection,.clientDetailShell{padding:12px!important;border-radius:14px!important;min-width:0!important}
.clientsPage,.calendarPage,.tasksPage,.auditPage,.adminPage,.confirmationPage{min-width:0!important;max-width:100%!important;overflow-x:hidden!important}
.employeesTableWrap{background:var(--nem-section-bg)!important;border-radius:14px!important;overflow-x:hidden!important}
.clientListSection,.clientsPage,.calendarModalCard{background:var(--nem-section-bg)!important}
.clientCard,.clientCardThumb,.clientDataItem,.clientDataModalCard{
  background:rgb(30 48 72 / 72%)!important;border:0!important;box-shadow:none!important;
}
.clientCard:hover{background:rgba(104,142,255,.16)!important;transform:none!important}
.clientCardThumb:after{display:none!important}

.auditFilters{container-type:inline-size;grid-template-columns:minmax(150px,1.25fr) repeat(3,minmax(110px,.8fr))!important}
.auditFilters>[data-af="case_id"],.auditFilters>[data-af="entity_type"],.auditFilters>[data-af="from"],.auditFilters>[data-af="to"]{min-width:0!important}
.auditFilters button{background:rgba(104,142,255,.12)!important;color:#cbd8ff!important}
.auditFilters button:hover{background:rgba(104,142,255,.22)!important;color:#fff!important}
@container (max-width:760px){
  .auditFilters{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .auditSearch{grid-column:span 2!important}
  .auditFilters input,.auditFilters select,.auditFilters button{min-width:0!important;width:100%!important}
}
@container (max-width:560px){
  .auditFilters{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .auditSearch{grid-column:1/-1!important}
  .auditFilters [data-aapply] span,.auditPanelHead [data-arefresh] span{display:none!important}
  .auditFilters [data-aapply],.auditFilters [data-areset]{width:38px!important;justify-self:end!important;padding:0!important}
}

/* Compact data blocks: wrap/truncate instead of showing a horizontal scrollbar. */
.auditEvent b,.auditEvent small,.adminUa,.employeeName,.employeeLogin,.employeeTitleText,.clientCardTitle,
.caseDocumentMeta b,.caseDocumentMeta span,.calendarListMain b,.calendarListMain span,.taskTable td,.clientListTable td{
  overflow:hidden!important;text-overflow:ellipsis!important;
}
.auditEvent b,.auditEvent small,.employeeName,.employeeLogin,.employeeTitleText,.clientCardTitle,.caseDocumentMeta b,.caseDocumentMeta span,.calendarListMain b,.calendarListMain span{
  white-space:nowrap!important;
}
.adminUa{white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}

/* Never draw scrollbar arrow buttons in Chromium/Windows. */
::-webkit-scrollbar-button{display:none!important;width:0!important;height:0!important;min-width:0!important;min-height:0!important}


/* Balance / Analytics: page stays transparent; only blocks use NEMEZIDA blue surfaces. */
.employeeBalancePage{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:2px 2px 22px!important;
}
.employeeBalanceHeader,.balanceCards article,.balancePanel,.invoiceCard,.invoiceHistory{
  background:rgb(46 70 101 / 51%)!important;
  border:0!important;
  box-shadow:none!important;
}

/* Tabs: readable, blue, consistent with the rest of NEMEZIDA. */
.balanceTabs{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  overflow:hidden!important;
}
.balanceTabs button{
  min-height:38px!important;
  height:38px!important;
  padding:0 14px!important;
  gap:8px!important;
  border:0!important;
  border-radius:10px!important;
  background:rgb(46 70 101 / 51%)!important;
  color:#cbd8ea!important;
  font-size:12px!important;
  font-weight:700!important;
  box-shadow:none!important;
}
.balanceTabs button i{font-size:12px!important;color:#aebfe0!important}
.balanceTabs button:hover{
  background:rgba(104,142,255,.18)!important;
  color:#fff!important;
}
.balanceTabs button.active{
  background:rgba(104,142,255,.24)!important;
  color:#eef3ff!important;
}
.balanceTabs button.active i{color:#d9e3ff!important}

/* Balance controls and labels: no tiny grey UI. */
.balanceEmployeeSelect span,.balanceInvoiceCreate>span,.analyticsPeriod span,.rateForm label>span{
  font-size:11px!important;
  color:#9fb0c5!important;
}
.balanceEmployeeSelect select,
.balanceInvoiceCreate input,.balanceFilters input,.balanceFilters select,.analyticsPeriod input,.rateForm input,.rateForm select{
  min-height:36px!important;
  height:36px!important;
  border:0!important;
  border-radius:9px!important;
  background:rgb(30 48 72 / 72%)!important;
  color:#e1e8f2!important;
  font-size:11px!important;
}
.balanceFilters button,.analyticsPeriod button,.rateForm button,.unratedList button,
.balancePanelHead>button,.balanceInvoiceCreate button{
  min-height:36px!important;
  height:36px!important;
  padding:0 11px!important;
  border:0!important;
  border-radius:9px!important;
  background:rgba(104,142,255,.13)!important;
  color:#c9d7eb!important;
  font-size:11px!important;
  font-weight:700!important;
}
.balanceFilters button:hover,.analyticsPeriod button:hover,.rateForm button:hover,.unratedList button:hover,
.balancePanelHead>button:hover,.balanceInvoiceCreate button:hover:not(:disabled){
  background:rgba(104,142,255,.22)!important;
  color:#fff!important;
}
.balancePanelHead b{font-size:13px!important;color:#e7edf6!important}
.balancePanelHead span{font-size:10.5px!important;color:#91a0b3!important}
.balanceCards article>i{
  background:rgb(30 48 72 / 72%)!important;
  color:#b8c8e7!important;
}
.balanceCards b{font-size:14px!important;color:#eef3fa!important}
.balanceCards span{font-size:10.5px!important;color:#91a0b3!important}
.balanceTable th{font-size:10px!important;color:#91a0b3!important}
.balanceTable td{font-size:11px!important;color:#b9c4d2!important}
.balanceTable td b{font-size:11.5px!important;color:#e0e7f1!important}
.balanceTable td small{font-size:9.5px!important;color:#7f8ea2!important}
.balanceStatus,.invoiceStatus{font-size:9.5px!important}
.balanceIconBtn{
  width:31px!important;height:31px!important;border:0!important;
  background:rgba(104,142,255,.11)!important;color:#cbd8ff!important;
}
.balanceIconBtn:hover{background:rgba(104,142,255,.22)!important;color:#fff!important}

/* Final surface contract: page shells stay transparent; real content blocks carry the blue glass. */
.clientsPage,.calendarPage,.tasksPage,.adminPage,.auditPage,.confirmationPage,.employeeBalancePage,.employeesPage,.aiBridgePage,.approvalJournalPage,
.clientListSection,.clientCasesSection,.clientDetailShell,.clientWorkspaceBody{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.clientsPage,.tasksPage,.employeesPage,.aiBridgePage,.approvalJournalPage{padding:0!important;border-radius:0!important}
.adminPage{padding:2px 2px 22px!important;border-radius:0!important}
.auditPage{padding:2px 2px 20px!important;border-radius:0!important}
.confirmationPage{padding:2px 2px 20px!important;border-radius:0!important}
.employeeBalancePage{padding:2px 2px 22px!important;border-radius:0!important}
.calendarPage{border-radius:0!important}

/* The editor sheet is document paper, never a blue CRM block. */
.nemezidaEditorPage{
  background:#fff!important;
  color:#1b1d21!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Primary translucent blocks across all sections. */
.employeesTableWrap,
.clientListHead,.clientListTableWrap,.clientLibrarySection,.clientProfileCard,.clientStatsCard,.clientWorkspaceHero,.clientWorkspaceTabs,.clientWorkspaceSection,.clientDataSection,
.calendarBoard,.calendarModalCard,.calendarStats>div,.calendarProposalsPanel,.calendarKindColumn,.calendarKindCard,
.taskStats>div,.taskColumn,.taskTableWrap,.taskCard,.taskComment,
.caseListPane,.caseWorkspaceHeader,.caseMetric,.casePanel,.caseParticipantCard,.caseDocumentRow,.caseNoteCard,.caseCalendarStats>div,.caseCalendarEvent,
.aiBridgeHero,.aiBridgeCard,.entityAiPaneIntro,.entityAiContextPanel,
.adminHeader,.adminSubHead,.adminPanel,.adminStatusGrid article,.adminNote,
.auditHeader,.auditFilters,.auditPanel,
.confirmationHeader,.confirmationTotal,.confirmSummaryCard,.confirmQueue,.confirmJournal,
.employeeBalanceHeader,.balanceCards article,.balancePanel,.invoiceCard,.invoiceHistory,
.templateListPane,.templateToolboxPane,.templateBuilderPane,.templateToolboxSection,.templateHistorySection,
.approvalJournalBoard,.documentWorkflowSection,.bpToolSection{
  background:rgb(46 70 101 / 51%)!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:blur(4px)!important;
  -webkit-backdrop-filter:blur(4px)!important;
}

/* Smaller nested content may be darker, but keeps the same glass behavior. */
.clientCard,.clientCardThumb,.clientDataItem,
.adminActions button,.balanceCards article>i,
.templateSearchBox,.templateListItem,.templateBuilderMetaRow input,.templateDescriptionInput,.templateSaveNoteWrap input,.templateBlockInsertBtn,.templateVersionPreviewBtn,
.balanceEmployeeSelect select,.balanceInvoiceCreate input,.balanceFilters input,.balanceFilters select,.analyticsPeriod input,.rateForm input,.rateForm select{
  backdrop-filter:blur(4px)!important;
  -webkit-backdrop-filter:blur(4px)!important;
}

/* Clients list: only the two actual blocks are blue; no giant outer rectangle. */
.clientListSection{padding:0!important;border-radius:0!important}
.clientListHead,.clientListTableWrap{
  background:rgb(46 70 101 / 51%)!important;
  backdrop-filter:blur(4px)!important;
  -webkit-backdrop-filter:blur(4px)!important;
}

/* Calendar modal explicitly follows the same block rule. */
.calendarModalCard{
  background:rgb(46 70 101 / 51%)!important;
  backdrop-filter:blur(4px)!important;
  -webkit-backdrop-filter:blur(4px)!important;
}


/* 2026-09-18 final interaction polish: no grey hover states, blue NEMEZIDA feedback. */
.balanceTable tbody tr:hover,.auditTable tbody tr:hover,.adminTable tbody tr:hover,.employeesTable tbody tr:hover,
.clientListTable tbody tr:hover,.approvalJournalTable tbody tr:hover,.taskTableRow:hover,
.messageTrashBtn:hover,.entityStatusBtn:hover,.entityContextMenu button:hover,.employeeActions .iconBtn:hover,
.clientWorkspaceTab:hover,.clientDocumentRow:hover,.clientContactActions .iconBtn:hover,.clientNoteActions .iconBtn:hover,
.caseListItem:hover,.caseDocumentRow:hover,.secureFileActions .iconBtn:hover,.nemezidaEditorTool:hover,.templateToolBtn:hover,
.documentExportActions .iconBtn:hover,.calendarListItem:hover,.calendarKindCard:hover,.caseCalendarEvent:hover,
.aiRequest:hover,.entityAiContextBtn:hover,.entityAiContextOption:hover,.entityAiDocumentRow:hover,.entityAiSummaryTop button:hover,
.entityAiReferenceResult:hover,.entityAiComposerContext button:hover,.entityAiDeepPresets button:hover,.balanceTabs button:hover,
.balancePanelHead>button:hover,.balanceInvoiceCreate button:hover:not(:disabled),.balanceIconBtn:hover,
.notificationTextBtn:hover,.notificationClose:hover,.notificationItem:hover,.notificationItem.unread:hover,
.crmGlobalSearchBtn:hover,.globalSearchResult:hover,.globalSearchResult.isActive{
  background:#95bbff24!important;
  color:#f4f7ff!important;
}
.balanceTable tbody tr:hover,.auditTable tbody tr:hover,.adminTable tbody tr:hover,.employeesTable tbody tr:hover,
.clientListTable tbody tr:hover,.approvalJournalTable tbody tr:hover,.taskTableRow:hover{cursor:pointer!important}

/* Task filters are a proper translucent NEMEZIDA block, not a dark grey strip. */
.taskFilters{
  padding:10px!important;
  border-radius:14px!important;
  background:rgb(46 70 101 / 51%)!important;
  backdrop-filter:blur(4px)!important;
  -webkit-backdrop-filter:blur(4px)!important;
  border:0!important;
  box-shadow:none!important;
}
.taskFilters .taskSearch,.taskFilters select,.taskFilters .nemSelectButton{
  min-height:38px!important;
  height:38px!important;
  border:0!important;
  border-radius:10px!important;
  background:rgb(30 48 72 / 72%)!important;
  color:#dbe5f3!important;
  box-shadow:none!important;
}
.taskFilters .taskSearch:focus-within,.taskFilters .nemSelectButton:hover,.taskFilters .nemSelectButton[aria-expanded="true"]{
  background:#95bbff24!important;
  box-shadow:none!important;
}

/* Custom site-wide select — native OS dropdowns are hidden completely. */
.nemNativeSelect{
  position:absolute!important;
  width:1px!important;height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
}
.nemSelectButton{
  width:100%;min-width:0;height:38px;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:0 11px;border:0;border-radius:10px;
  background:rgb(46 70 101 / 51%);color:#dce6f3;
  cursor:pointer;font:700 12px/1 Nunito,sans-serif;text-align:left;
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
  box-shadow:none;outline:0;
}
.nemSelectButton:hover,.nemSelectButton[aria-expanded="true"]{background:#95bbff24;color:#fff}
.nemSelectButton:focus-visible{box-shadow:0 0 0 2px rgba(149,187,255,.16)}
.nemSelectButton:disabled{opacity:.42;cursor:not-allowed}
.nemSelectButtonText{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nemSelectButton i{flex:0 0 auto;font-size:10px;color:#9fb3cb;transition:transform .14s ease}
.nemSelectButton[aria-expanded="true"] i{transform:rotate(180deg);color:#cfe0f5}
.nemSelectPortal{
  position:fixed;z-index:20050;display:flex;flex-direction:column;gap:3px;
  max-height:min(330px,48vh);overflow:auto;padding:6px;
  border:0;border-radius:12px;background:rgb(30 48 72 / 96%);
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
  box-shadow:0 18px 45px rgba(0,0,0,.42);
}
.nemSelectPortal[hidden]{display:none!important}
.nemSelectOption{
  width:100%;min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:8px 10px;border:0;border-radius:8px;background:transparent;color:#cbd7e6;
  cursor:pointer;text-align:left;font:700 12px/1.2 Nunito,sans-serif;
}
.nemSelectOption:hover,.nemSelectOption.active{background:#95bbff24;color:#fff}
.nemSelectOption:disabled{opacity:.36;cursor:not-allowed;background:transparent!important}
.nemSelectOption span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nemSelectOption i{font-size:10px;color:#b8d2f5}
.nemSelectEmpty{padding:14px 12px;color:#8494a8;font-size:11px;text-align:center}

/* Context sizing for custom selects. */
.calendarFilterBar .nemSelectButton,.taskFilters .nemSelectButton,.auditFilters .nemSelectButton,
.balanceFilters .nemSelectButton,.balanceEmployeeSelect .nemSelectButton,.rateForm .nemSelectButton,
.calendarField .nemSelectButton,.taskField .nemSelectButton,.templateBlockToolbar .nemSelectButton{width:100%!important}
.nemezidaEditorToolbar .nemSelectButton{width:auto!important;min-width:145px!important;height:32px!important}

/* Ensure every translucent blue block uses the reduced 4px blur. */
.employeesTableWrap,.clientListHead,.clientListTableWrap,.clientLibrarySection,.clientProfileCard,.clientStatsCard,
.clientWorkspaceHero,.clientWorkspaceTabs,.clientWorkspaceSection,.clientDataSection,.calendarBoard,.calendarModalCard,
.calendarStats>div,.calendarProposalsPanel,.calendarKindColumn,.calendarKindCard,.taskFilters,.taskStats>div,.taskColumn,
.taskTableWrap,.taskCard,.taskComment,.caseListPane,.caseWorkspaceHeader,.caseMetric,.casePanel,.caseParticipantCard,
.caseDocumentRow,.caseNoteCard,.caseCalendarStats>div,.caseCalendarEvent,.aiBridgeHero,.aiBridgeCard,.entityAiPaneIntro,
.entityAiContextPanel,.adminHeader,.adminSubHead,.adminPanel,.adminStatusGrid article,.adminNote,.auditHeader,.auditFilters,
.auditPanel,.confirmationHeader,.confirmationTotal,.confirmSummaryCard,.confirmQueue,.confirmJournal,.employeeBalanceHeader,
.balanceCards article,.balancePanel,.invoiceCard,.invoiceHistory,.templateListPane,.templateToolboxPane,.templateBuilderPane,
.templateToolboxSection,.templateHistorySection,.approvalJournalBoard,.documentWorkflowSection,.bpToolSection{
  backdrop-filter:blur(4px)!important;
  -webkit-backdrop-filter:blur(4px)!important;
}

/* Eliminate remaining legacy grey hover states across the site. */
.btn:hover:not(.danger):not(.btnDanger),
.att:hover,.clientTopbarAction:hover,
.adminHeader>button:hover,.adminSubHead>button:hover,.adminPanelHead>button:hover,.adminActions button:hover,.adminIcon:hover,
.auditFilters button:hover,.auditPanelHead button:hover,.auditMore button:hover,.auditOpen:hover,
.entityAiStrongBtn:hover,.entityAiStrongWork button:hover,.entityAiResultActions button:hover,
.entityAiDeepTaskActions button:hover,.entityAiDeepTaskActions a:hover,
.entityActionProposalButtons button:hover:not(:disabled),
.entityAiWorkspaceTabs button:hover,.entityAiOpenChatgpt:hover,.entityAiQuickActions button:hover,.entityAiWorkCards button:hover,
.entityAiLimitClose:hover,.entityAiContextBtn:hover,.entityAiSummaryTop button:hover,.entityAiComposerContext button:hover,
.templateAutomationTabs button:hover,.bpPalette button:hover,.bpAutoToggle:hover:not(:disabled),
.confirmTabs button:hover,.confirmRefresh:hover,.confirmItemActions button:hover:not(:disabled),
.notificationTextBtn:hover,.notificationClose:hover,.notificationItem:hover,.notificationItem.unread:hover,
.headerNotificationBtn:hover,.crmGlobalSearchBtn:hover,.globalSearchResult:hover,.globalSearchResult.isActive,
.aiModelButton:hover,.aiModelOption:hover,.confirmItem:hover,.confirmJournalRows button:hover,.templateListItem:hover,.templateToolBtn:hover{
  background:#95bbff24!important;
  color:#f4f7ff!important;
}
.btnPrimary:hover,
.entityAiSummaryModalFoot .btnPrimary:hover,
.entityAiActionFoot .btnPrimary:hover,
.entityAiSend:hover{
  background:rgba(104,142,255,.28)!important;
  color:#fff!important;
}

/* Disabled controls never get a hover flash. */
button:disabled:hover,.btn:disabled:hover,.entityAiWorkCards button:disabled:hover{
  cursor:not-allowed!important;
  filter:none!important;
}