.dark-mode .alert-light {
    color: #d3d3d3 !important;
    background-color: #4e5358 !important;
    border-color: #898989 !important;
}

.dark-mode .card {
    background-color: #343a40 !important;
    color: #fff !important;
    border: 1px solid #2d3338 !important;
}

.dark-mode .card .card-header{
    color: #fff !important;
}

.dark-mode .bg-lightgreen {
    background: #3f474e !important;
}


.dark-mode .btn-close {
    filter: brightness(0) invert(1); /* Turns black icon to white */
  }

.dark-mode .modal-header .btn-close.ys-modal-close {
    background-color: #3f474e !important;
    border-color: #6c757d !important;
    opacity: 1;
}

.dark-mode .ecl-form-card {
    background: #252b30 !important;
    border-color: rgba(255,255,255,0.08) !important;
    box-shadow: none !important;
    color: #e9ecef !important;
}

.dark-mode .ecl-form-h {
    background: #1e2428 !important;
    border-bottom-color: rgba(255,255,255,0.08) !important;
    color: #e9ecef !important;
}

.dark-mode .ecl-read-k { color: #6c757d !important; }
.dark-mode .ecl-read-v { color: #e9ecef !important; }
.dark-mode .ecl-read-v.empty { color: #6c757d !important; }
.dark-mode .ecl-read-flag {
    color: #9aa4b4 !important;
    background: #2d3338 !important;
    border-color: rgba(255,255,255,0.1) !important;
}
.dark-mode .ecl-read-flag.on {
    color: #93c5fd !important;
    background: #1e3a5f !important;
    border-color: rgba(147,197,253,0.35) !important;
}

/* Common TextBox */

.dark-mode .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.slrenewstatus-dropdown),
.dark-mode .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.slrenewstatus-dropdown) {
    border-color: #6c757d !important;
    background-color: #343a40 !important;
}

.dark-mode .e-input-group input.e-input,
.dark-mode .e-input-group.e-control-wrapper:not(.slrenewstatus-dropdown) input.e-input,
.dark-mode .e-input-group textarea.e-input,
.dark-mode .e-input-group.e-control-wrapper textarea.e-input {
    border-color: #6c757d;
    background-color: #343a40 !important;
    color: #f3f4f6;
}

/* Intro JS */
.dark-mode .introjs-tooltip {
    background-color: #525252 !important;
}

/* common tab */

.dark-mode .SlRetabviewdesign1 .e-tab .e-tab-header .e-toolbar-item .e-icon-top.e-tab-icon::before {
    font-size: 14px;
    color: #ffffff;
}


.dark-mode .SlRetabviewdesign1 .e-tab .e-tab-header {
    background: #282d3200 !important;
}


.dark-mode .SlRetabviewdesign1 .e-tab .e-tab-header .e-toolbar-item.e-active {
    background: #5a5a5a00 !important;
}

.dark-mode .e-tab .e-tab-header:not(.e-vertical)::before {
    border-bottom: 1px solid #898989 !important;
}

.dark-mode .e-tab.e-fill .e-tab-header .e-toolbar-item .e-active .e-tab-wrap :hover {
    color: #ffffff !important;
}

.dark-mode .SlRetabviewdesign1 .e-tab .e-tab-header {
    background: #282d3200 !important;
}


.dark-mode .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-text, .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
    color: #ffffff !important;
}

.dark-mode .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
    color: #ffffff !important;
}

.dark-mode .slRedetailtab .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap :hover {
    color: #0d6efd !important;
}

.dark-mode .slRedetailtab .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap :hover{
    color: #ffffff !important;
}

.dark-mode .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover {
    color: #ffffff !important;
}

.dark-mode .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
    border: 1px solid #454d5500 !important;
    background: #5a5a5a00 !important;
}

.dark-mode .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text, .dark-mode .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
    color: #ffffff !important;
}

.dark-mode .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
    border: 1px solid #3f3f3f;
    border-radius: 4px;
}

.dark-mode .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text {
    color: #0d6efd !important;
}

.dark-mode .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover {
    color: #ffff !important;
}

.dark-mode .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text {
    color: #ffff !important;
}

.dark-mode .slRedetailtablefttab .e-tab .e-tab-header.e-vertical,
.dark-mode .slRedetailtablefttab .e-tab .e-tab-header.e-vertical .e-toolbar-items {
    background: transparent !important;
}

.dark-mode .slRedetailtablefttab .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-active,
.dark-mode .slRedetailtablefttab .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-wrap {
    background: #3f474e !important;
    color: #f3f4f6 !important;
    border-color: #4b5563 !important;
}

.dark-mode .slRedetailtablefttab .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-text,
.dark-mode .slRedetailtablefttab .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-active .e-tab-icon,
.dark-mode .slRedetailtablefttab .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-active p,
.dark-mode .slRedetailtablefttab .e-tab .e-tab-header.e-vertical .e-toolbar-item.e-active .fas {
    color: #f3f4f6 !important;
}

.dark-mode .SlRetabviewdesign1 .e-tab .e-tab-header .e-toolbar-item.e-popup-down,
.dark-mode .SlRetabviewdesign1 .e-tab .e-tab-header .e-toolbar-item.e-menu-popup,
.dark-mode .SlRetabviewdesign1 .e-tab .e-tab-header .e-hor-nav,
.dark-mode .SlRetabviewdesign1 .e-tab .e-tab-header .e-toolbar-item.e-popup-down .e-tbar-btn,
.dark-mode .SlRetabviewdesign1 .e-tab .e-tab-header .e-scroll-nav,
.dark-mode .SlRetabviewdesign1 .e-tab .e-tab-header .e-scroll-nav .e-scroll-nav-icon {
    background: #3f474e !important;
    color: #f3f4f6 !important;
    border-color: #4b5563 !important;
}

.dark-mode .mt-tasks {
    --mt-page: #1e2428 !important;
    --mt-card: #252b30 !important;
    --mt-sub: #1e2428 !important;
    --mt-line: rgba(255,255,255,0.08) !important;
    --mt-line-strong: #4b5563 !important;
    --mt-ink: #e9ecef !important;
    --mt-ink-2: #cbd5e1 !important;
    --mt-ink-3: #94a3b8 !important;
    --mt-red: #fca5a5 !important;
    --mt-red-bg: #3f1d1d !important;
    --mt-red-line: #7f1d1d !important;
    --mt-amber: #fcd34d !important;
    --mt-amber-bg: #451a03 !important;
    --mt-amber-line: #b45309 !important;
    --mt-green: #86efac !important;
    --mt-green-bg: #064e3b !important;
    --mt-green-line: #166534 !important;
    --mt-slate-bg: #3f474e !important;
    --mt-blue-bg: #1e3a5f !important;
    --mt-blue-line: #3b82f6 !important;
    color: #e9ecef !important;
}

.dark-mode .mt-tasks tr.mt-row:hover {
    background: #3f474e !important;
}

.dark-mode .ss-page .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
    background: #3f474e !important;
    color: #f3f4f6 !important;
    border-color: #4b5563 !important;
}

.dark-mode .ss-page .e-tab-header .badge.bg-light,
.dark-mode .ss-matter-actions .card-header.bg-light {
    background-color: #3f474e !important;
    color: #e5e7eb !important;
    border-color: #6c757d !important;
}

.dark-mode .ss-matter-actions .ss-barprev,
.dark-mode .ss-matter-actions .ss-pk,
.dark-mode .ss-matter-actions .ss-seg5,
.dark-mode .ss-matter-actions .ss-trow,
.dark-mode .ss-matter-actions .ss-ttbl {
    background: #252b30 !important;
    border-color: rgba(255,255,255,0.10) !important;
    color: #e9ecef !important;
}

.dark-mode .ss-matter-actions .ss-pk.key {
    background: #1470c0 !important;
    border-color: #1470c0 !important;
    color: #fff !important;
}

.dark-mode .ss-matter-actions .ss-seg5 span {
    color: #e9ecef !important;
    border-right-color: rgba(255,255,255,0.08) !important;
}

.dark-mode .ss-matter-actions .ss-trow.off {
    background: #1e2428 !important;
}

.dark-mode .ss-matter-actions .ss-trow.off .ss-nm {
    color: #94a3b8 !important;
}

.dark-mode .ss-matter-actions .ss-nm {
    color: #e9ecef !important;
}

.dark-mode .ss-matter-actions .ss-ic,
.dark-mode .ss-matter-actions .ss-place {
    background: #3f474e !important;
    border-color: #4b5563 !important;
    color: #e5e7eb !important;
}

.dark-mode .ss-matter-actions .ss-trow.pinned .ss-ic {
    background: #1e3a5f !important;
    border-color: #3b82f6 !important;
}

.dark-mode .ss-matter-actions .ss-place button {
    color: #cbd5e1 !important;
}

.dark-mode .ss-matter-actions .ss-place button.on {
    background: #1e2428 !important;
    color: #93c5fd !important;
}



/* login page */

.dark-mode .slRebg {
    background: #343a40 !important;
}

.dark-mode .slReinnerborder {
    border: 7px solid #343a40 !important;
}

.dark-mode .slReloginbg {
    background: #343a40 !important;
}

.dark-mode .slRelogin-pageMainContainercasemanpro {
    background-color: #454d55 !important;
}

.dark-mode .slRelogotext {
    color: #ffffff !important;
}

.dark-mode .slRecasemanpro-emailboxicon {
    border-left: 1px solid #6c757d !important;
}

.dark-mode .slRecitylegal-passboxicon {
    border-left: 1px solid #6c757d !important;
}

.dark-mode .slRecasemanpro-emailbox {
    border-right: 1px solid #6c757d !important;
}

.dark-mode .slRecitylegal-loginpage .form-control:focus {
    border-color: #6c757d !important;
}

.dark-mode input:-webkit-autofill {
    box-shadow: 0 0 0px 1000px #343a40 inset !important;
    -webkit-text-fill-color: #fff !important;
  }


/* citylegal Login */


.dark-mode .slRecitylegal-emailboxicon {
    border-left: 1px solid #6c757d !important;
}

.dark-mode .slReusernametxt {
    border-right: 1px #6c757d solid !important;
}

.dark-mode .slRecitylegallogowidth {
    width: 70% !important;
    padding: 5px !important;
    background: #d1d1d1 !important;
    border-radius: 5px !important;
}

.dark-mode .slRelogin-pageMainRowcitylegal {
    background: #343a40 !important;
}


/* Top menu and sidebar follow html.dark-mode immediately, before Blazor adds the class to those bars */
html.dark-mode .main-header,
html.dark-mode .main-header.navbar-white,
html.dark-mode .main-sidebar,
html.dark-mode .main-sidebar::before,
html.dark-mode .brand-link {
    background-color: #454d55 !important;
    color: #fff !important;
}

html.dark-mode .main-sidebar .nav-sidebar > .nav-item > .nav-link,
html.dark-mode .main-header .nav-link {
    color: #fff !important;
}

/* Top Menu & Sidebar */


.dark-mode .main-header {
    border-bottom: 1px solid #6e6e6e !important;
    z-index: 1034;
}

.dark-mode .main-footer {
    border-top: 1px solid #6e6e6e !important;
}

.dark-mode .brand-link {
    border-bottom: 1px solid #6e6e6e !important;
}

.dark-mode .nav-pills .nav-link {
    color: #ced4da !important;
}


.dark-mode .nav-link .nav-icon {
    color: #ffffff !important;
}

.dark-mode i.nav-icon::before {
    color: #ffffff !important;
}

.dark-mode .spRRGlobalThemeNavyBlue i.nav-icon::before {
    color: #ffffff !important;
}

.dark-mode .spRRGlobalThemeSkyblue i.nav-icon::before {
    color: #ffffff !important;
}

.dark-mode .spRRGlobalThemeDarkOlive i.nav-icon::before {
    color: #ffffff !important;
}

.dark-mode .spRRGlobalThemelightViolet i.nav-icon::before {
    color: #ffffff !important;
}

.dark-mode .spRRGlobalThemeVenetianRed i.nav-icon::before {
    color: #ffffff !important;
}

.dark-mode .brand-link,
.dark-mode [class*=sidebar-light] .brand-link .pushmenu {
    color: #fff !important;
}

.dark-mode .main-header.text-sm .nav-link {
    color: #ffffff !important;
}

.dark-mode .control-sidebar-light {
    color: #ffffff !important;
    background-color: #454d55 !important;
    border-left: 1px solid #3a4147 !important;
}

/* Matter List */

.dark-mode .cleintlisttablecard .e-icons.e-search {
    background: #282d31 !important;
    border: 1px solid #6c757d !important;
}

.dark-mode .cleintlisttablecard:hover .e-grid:hover .e-icons:not(.e-btn-icon):hover {
    color: #ffffff !important;
}

.dark-mode .cleintlisttablecard .e-btn.e-outline, .e-css.e-btn.e-outline {
    background: #282d31 !important;
    color: #ffffff !important;
}

/*.dark-mode .e-grid .e-altrow {
    background-color: #3c444b !important;
}*/

.dark-mode .cleintlisttablecard {
    border: 1px solid #616161 !important;
    background: #343a40 !important;
}

.dark-mode .cleintlisttablecard .e-gridheader,
.dark-mode .cleintlisttablecard .e-headercontent,
.dark-mode .cleintlisttablecard .e-columnheader,
.dark-mode .cleintlisttablecard .e-headercell {
    background: #000000 !important;
    border-color: #2d3338 !important;
}

.dark-mode .cleintlisttablecard .e-grid .e-headertext {
    color: #dedede !important;
}

.dark-mode .timeline-content {
    background-color: #282d32 !important;
}

.dark-mode .cleintlisttablecard .e-pager .e-numericitem {
    color: #ffffff !important;
}

.dark-mode .cleintlisttablecard .e-pager .e-currentitem {
    border: 3px solid #86b7fe !important;
    background-color: #31373d !important;
}

.dark-mode .cleintlisttablecard .e-pager .e-currentitem:hover {
    border: 3px solid #86b7fe !important;
    background-color: #3d4247 !important;
}

.dark-mode .e-pager div.e-icons.e-pager-default {
    color: #a3a3a3 !important;
}

/* Trademark  */

.dark-mode .fruitHeader {
    color: #ffffff !important;
}


/* Details Matter Notes */
.dark-mode .slRematternote .card-header {
    background: #282d31 !important;
}


/* matterdetails AI icon */
.dark-mode .e-btn .image {
    background-color: #e5e5e5 !important;
    border-radius: 5px !important;
}




/* Dashboard */
 .dark-mode .e-accumulationchart text {
    fill: #ffffff !important;
}



/* Correspondence */
.dark-mode .slRefontcorresitem {
    color: #ffffff !important;
}

/* Client Accounting */
.dark-mode .text-navy {
    color: #ffffff !important;
}


.dark-mode .drop-area {
    background-color: #343a40 !important;
}


/* Diary and notes */

.dark-mode .custom-dropdown-container {
    background-color: #343a40 !important;
    border: 1px solid #ced4da !important;
    color: #fff !important;
}

.dark-mode .large-textarea {
    background-color: #343a40 !important;
    color: #fff !important;
}

.dark-mode .group-header {
    background-color: #343a40 !important;
    border-bottom: 1px solid #eee  !important;
}


/* New Workflow */
.dark-mode .list-group-item {
    color: #ffffff !important;
}

/* table add icon */
.dark-mode .e-grid .e-icons:not(.e-btn-icon):hover {
    background:  #282d31 !important;
}


/* accordion */

.dark-mode .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-acrdn-header-content {
    color: #ffffff !important;
}

.dark-mode .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-toggle-icon .e-icons.e-tgl-collapse-icon {
    color: #ffffff !important;
}

.dark-mode .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header .e-acrdn-header-content {
    color: #ffffff !important;
}

.dark-mode .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header .e-toggle-icon .e-icons.e-tgl-collapse-icon {
    color: #ffffff !important;
}

.dark-mode .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header {
    border-color: #939393 !important;
    background: #6d6d6d !important;
}

.e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header {
    border-color: #939393 !important;
    background: #6d6d6d !important;
}

.dark-mode .e-accordion {
    border: 1px solid #8c8c8c !important;
}


/* --------------Spreadsheet Preview-------------- */
.dark-mode .slRespreasheet .spreadsheet-header {
    background-color: #878787 !important;
    color: white !important;
}

.dark-mode .slRespreasheet .sheet-selector {
    background-color: #3f3f3f !important;
    border-top: 1px solid var(--excel-border) !important;
}

.dark-mode .slRespreasheet .sheet-tab.active {
    background-color: #717171 !important;
}

.dark-mode .slRespreasheet .sheet-tab:hover {
    background-color: #717171 !important;
}

.dark-mode .slRespreasheet .excel-cell.header {
    background-color: #494b4c !important;
}

.dark-mode .excel-cell {
    border: 1px solid #747474 !important;
    background-color: #454d55 !important;
}

.dark-mode .slRespreasheet .spreadsheet-content {
    background-color: #454d55 !important;
}

.dark-mode .excel-grid {
    background-color: #454d55 !important;
}

  /* Common dropdown */
  .dark-mode .e-ddl.e-popup {
    border: 2px solid #7d7d7d !important;
}

.dark-mode .e-btn.e-outline {
    background: rgba(0, 0, 0, 0) !important;
    border-color: #6c757d !important;
    box-shadow: none !important;
    color: #ffffff !important;
}

.dark-mode .e-btn.e-dropdown-btn.e-outline.e-active {
    color: #ffffff !important;
}

.dark-mode .SlReDiaryListcardheader {
    background: #282d31 !important;
}

/*Notification*/
.dark-mode .SlRenotitblehover td:hover {
    background: #575757 !important;
    border-radius: 7px;
}

.dark-mode .deadlines-reminders-dialog .e-dlg-content {
    background: #212529 !important;
}

.dark-mode .deadlines-reminders-dialog .deadline-card {
    background: #282d32 !important;
    border-radius: 10px;
    padding: 16px 18px;
    border: 1px solid #282d32 !important;
    position: relative;
}


/*legal main chat bg*/

.dark-mode .slReChat-bg {
    background: #454d55 !important;
}


/* ── MatterAIAssistant dark mode ───────────────────────── */

/* Panel background */
.dark-mode .ca-panel {
    background: #1e2329 !important;
}

/* Messages area */
.dark-mode .ca-messages {
    background: #1e2329 !important;
}

.dark-mode .ca-messages::-webkit-scrollbar-thumb {
    background: #3a4048 !important;
}

/* AI bubble */
.dark-mode .ca-bubble-ai {
    background: #282d32 !important;
    color: #e2e6ea !important;
    border-color: #3a4048 !important;
}

/* User bubble — already dark navy, just soften text */
.dark-mode .ca-bubble-user {
    background: #2d4a8a !important;
    color: #ffffff !important;
}

/* Message timestamp */
.dark-mode .ca-msg-time {
    color: #6c757d !important;
}

/* User avatar */
.dark-mode .ca-user-avatar {
    background: #2d4a8a !important;
}

/* Quick chips */
.dark-mode .ca-chip {
    background: #282d32 !important;
    border-color: #3a4048 !important;
    color: #e2e6ea !important;
}

.dark-mode .ca-chip:hover {
    background: #2d3748 !important;
    border-color: #7c3aed !important;
    color: #c4b5fd !important;
}

/* Typing bubble */
.dark-mode .ca-typing-bubble {
    background: #282d32 !important;
    border-color: #3a4048 !important;
}

/* Input bar */
.dark-mode .ca-input-bar {
    background: #16191d !important;
    border-top-color: #3a4048 !important;
}

.dark-mode .ca-input {
    background: #282d32 !important;
    color: #e2e6ea !important;
    border-color: #3a4048 !important;
}

.dark-mode .ca-input:focus {
    background: #2e3440 !important;
    border-color: #7c3aed !important;
}

.dark-mode .ca-input::placeholder {
    color: #6c757d !important;
}

/* Footer */
.dark-mode .ca-footer {
    background: #16191d !important;
    border-top-color: #3a4048 !important;
    color: #6c757d !important;
}

/* Pending document card */
.dark-mode .ca-doc-card {
    background: #1e2a3a !important;
    border-color: #7c3aed !important;
}

.dark-mode .ca-doc-title {
    color: #e2e6ea !important;
}

.dark-mode .ca-doc-sub {
    color: #8892a4 !important;
}

/* Send button inactive state */
.dark-mode .ca-send-btn {
    background: #282d32 !important;
    color: #6c757d !important;
}

/* Action cards (success/error) */
.dark-mode .ca-action-success {
    background: #1a2e1e !important;
    border-color: rgba(46,194,126,0.3) !important;
    color: #6ee7a0 !important;
}

.dark-mode .ca-action-error {
    background: #2e1a1a !important;
    border-color: rgba(224,92,106,0.3) !important;
    color: #fca5a5 !important;
}

/*Custom Badges*/
.badge {
    font-size: 11px;
}

.badge-new {
    color: #ff9800;
    background-color: #fff9ab;
}

.badge-inprogress {
    color: #2196f3;
    background-color: #daecf8;
}

.badge-completed {
    color: #4caf50;
    background-color: #def0d8;
}

.badge-closed {
    color: #e0443e;
    background-color: #fdecec;
}

.badge-archived {
    color: #666666;
    background-color: #c5c5c5;
}

.badge-opencase {
    color: #fff;
    background-color: #1d77bf;
}

.badge-gray {
    color: #fff;
    background-color: #ababab;
}

.badge-e-signature {
    color: #742eae;
    background-color: #f3e8ff;
}

.badge-orange {
    color: #cd4216;
    background-color: #ffda80;
}

.badge-brown {
    color: #d98a00;
    background-color: #fdf3e0;
}

.badge-waived {
    color: #f5c26b;
    background-color: #3a2800;
}

/* App toasts — dark mode readability */
.dark-mode .app-toast-host .toast,
.dark-mode .toast-container .toast {
    background-color: #2d3338 !important;
    color: #e9ecef !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

.dark-mode .app-toast-host .toast .toast-body,
.dark-mode .toast-container .toast .toast-body,
.dark-mode .app-toast-host .toast .fw-semibold,
.dark-mode .toast-container .toast .fw-semibold {
    color: #f8f9fa !important;
}

.dark-mode .app-toast-host .toast small,
.dark-mode .toast-container .toast small {
    color: #adb5bd !important;
}

.dark-mode .app-toast-host .toast .close,
.dark-mode .toast-container .toast .close,
.dark-mode .app-toast-host .toast .close span,
.dark-mode .toast-container .toast .close span {
    color: #ced4da !important;
    text-shadow: none;
    opacity: 0.85;
}

.dark-mode .toast-container .toast .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* Syncfusion theme tokens when light bootstrap5.css is also loaded */
.dark-mode {
    --color-sf-content-bg-color: #252b30;
    --color-sf-content-bg-color-alt1: #2d3338;
    --color-sf-content-bg-color-alt2: #343a40;
    --color-sf-content-bg-color-alt3: #3a4148;
    --color-sf-flyout-bg-color: #2d3338;
    --color-sf-flyout-bg-color-hover: #343a40;
    --color-sf-flyout-text-color: #e9ecef;
    --color-sf-content-text-color: #e9ecef;
    --color-sf-content-text-color-alt1: #ced4da;
    --color-sf-border: rgba(255, 255, 255, 0.12);
}

/* ── Document editor / viewer (Matter Details Documents) ─────────────── */
.dark-mode .corr-doc-viewer-main,
.dark-mode .corr-doc-viewer-row,
.dark-mode .corr-preview-wrap,
.dark-mode .corr-pane-right > .corr-card,
.dark-mode .slReDropdowbbtn,
.dark-mode .e-documenteditorcontainer,
.dark-mode .e-documenteditor,
.dark-mode .e-de-ctn,
.dark-mode .e-de-tool-ctnr,
.dark-mode .e-de-tlbr-wrapper,
.dark-mode .e-de-status-bar,
.dark-mode .e-de-pane,
.dark-mode .e-de-pane-top,
.dark-mode .e-de-pane-container {
    background-color: #1e2428 !important;
    color: #e9ecef !important;
    border-color: rgba(255, 255, 255, 0.10) !important;
}

/* Desk / canvas behind the Word page */
.dark-mode .e-de-background,
.dark-mode .e-de-viewer-container,
.dark-mode .e-de-pages-container,
.dark-mode .e-documenteditor .e-de-background {
    background-color: #1a1f24 !important;
}

/* Keep the printed page readable (white sheet) */
.dark-mode .e-de-page,
.dark-mode .e-de-page-container,
.dark-mode .e-de-background .e-de-page {
    background-color: #ffffff !important;
}

/* Toolbar / ribbon items sitting on light Syncfusion leftovers */
.dark-mode .slReDropdowbbtn .e-toolbar,
.dark-mode .e-documenteditorcontainer .e-toolbar,
.dark-mode .e-de-ctn .e-toolbar,
.dark-mode .e-de-ctn .e-de-toolbar,
.dark-mode .e-documenteditorcontainer .e-de-toolbar,
.dark-mode .e-toolbar.e-control,
.dark-mode .e-de-tlbr-wrapper .e-toolbar,
.dark-mode .e-de-tlbr-wrapper,
.dark-mode .e-de-tool-ctnr,
.dark-mode .e-de-ctnr-toolbar {
    background-color: #252b30 !important;
    background-image: none !important;
    border-color: rgba(255, 255, 255, 0.10) !important;
    color: #e9ecef !important;
}

/*.dark-mode .e-toolbar .e-toolbar-items,
.dark-mode .e-toolbar .e-toolbar-item,
.dark-mode .e-toolbar .e-hor-nav,
.dark-mode .e-de-tlbr-wrapper .e-toolbar-items,
.dark-mode .e-de-tlbr-wrapper .e-hor-nav {
    background-color: #252b30 !important;
    background-image: none !important;
    border-color: rgba(255, 255, 255, 0.10) !important;
}*/

.dark-mode .e-toolbar .e-toolbar-item .e-tbar-btn,
.dark-mode .e-toolbar .e-toolbar-item .e-tbar-btn .e-icons,
.dark-mode .e-toolbar .e-toolbar-item .e-tbar-btn .e-tbar-btn-text,
.dark-mode .slReDropdowbbtn .e-toolbar .e-toolbar-item .e-tbar-btn,
.dark-mode .e-documenteditorcontainer .e-toolbar .e-toolbar-item .e-tbar-btn {
    background: transparent !important;
    color: #ced4da !important;
}

.dark-mode .e-toolbar .e-toolbar-item .e-tbar-btn:hover,
.dark-mode .e-toolbar .e-toolbar-item .e-tbar-btn:hover .e-icons,
.dark-mode .e-toolbar .e-toolbar-item .e-tbar-btn:hover .e-tbar-btn-text,
.dark-mode .slReDropdowbbtn .e-toolbar .e-toolbar-item .e-tbar-btn:hover,
.dark-mode .e-documenteditorcontainer .e-toolbar .e-toolbar-item .e-tbar-btn:hover {
    background: #343a40 !important;
    color: #fff !important;
}

.dark-mode .e-toolbar .e-hor-nav .e-nav-left-arrow::before,
.dark-mode .e-toolbar .e-hor-nav .e-nav-right-arrow::before,
.dark-mode .e-toolbar .e-hor-nav .e-icons {
    color: #ced4da !important;
}

.dark-mode .slReDropdowbbtn .e-dropdown-btn {
    background-color: #2d3338 !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    color: #ced4da !important;
}

.dark-mode .slReDropdowbbtn span.e-rte-dropdown-btn-text {
    color: #ced4da !important;
}

/* Filename / action header above the editor */
.dark-mode .corr-reading-header {
    background: #252b30 !important;
    color: #e9ecef !important;
    border-bottom-color: rgba(255, 255, 255, 0.12) !important;
}

.dark-mode .corr-reading-subject,
.dark-mode .corr-reading-name {
    color: #f8f9fa !important;
}

.dark-mode .corr-reading-date {
    color: #adb5bd !important;
    opacity: 1;
}

.dark-mode .corr-action-btn,
.dark-mode .corr-newtab-btn {
    background: #2d3338 !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    color: #ced4da !important;
}

.dark-mode .corr-action-btn:hover,
.dark-mode .corr-newtab-btn:hover {
    background: #343a40 !important;
    border-color: #4ea3e0 !important;
    color: #fff !important;
}

/* Properties / options pane */
.dark-mode .e-de-prop-pane,
.dark-mode .e-de-pane-header,
.dark-mode .e-de-cntr-pane-padding,
.dark-mode .e-de-tool-ctnr-properties-pane {
    background-color: #252b30 !important;
    color: #e9ecef !important;
    border-color: rgba(255, 255, 255, 0.10) !important;
}

/* Embedded LoadDocument wrapper */
.dark-mode .corr-doc-viewer-main .container-fluid,
.dark-mode .corr-doc-viewer-main .mobile-doc-fallback {
    background-color: #1e2428 !important;
    color: #e9ecef !important;
}

/* PDF viewer chrome */
.dark-mode .e-pv-main-container,
.dark-mode .e-pv-viewer-container,
.dark-mode .e-pv-viewer-element,
.dark-mode .e-pv-pageview-container,
.dark-mode .e-pv-page-container {
    background-color: #1a1f24 !important;
}

.dark-mode .e-pv-toolbar,
.dark-mode .e-pv-toolbar-container {
    background-color: #252b30 !important;
    border-color: rgba(255, 255, 255, 0.10) !important;
    color: #e9ecef !important;
}


.dark-mode .nav-pills .nav-link {
    color: #ced4da !important;
}

.dark-mode .main-header.text-sm .nav-link,
.dark-mode .text-sm .main-header .nav-link {
    color: #ffffff !important;
}

html:not(.dark-mode) .text-sm .main-header .nav-link,
html:not(.dark-mode) .main-header .dropdown-menu,
html:not(.dark-mode) .main-header .dropdown-menu .dropdown-item:not(.text-red),
html:not(.dark-mode) .main-header .dropdown-menu .dropdown-header,
html:not(.dark-mode) .main-header .dropdown-menu .fw-semibold:not(.text-red) {
    color: #212529 !important;
}

.dark-mode [class*=sidebar-light-] .nav-treeview > .nav-item > .nav-link {
    color: #afafaf !important;
}

    .dark-mode [class*=sidebar-light] .brand-link, .dark-mode [class*=sidebar-light] .brand-link .pushmenu {
        color: rgb(255 255 255) !important;
    }

/* Trademark Search */
.dark-mode .tm-search-bar,
.dark-mode .tm-search-bar .form-control,
.dark-mode .tm-search-bar .form-control:focus {
    background-color: #343a40 !important;
    color: #f3f4f6 !important;
    border-color: #6c757d !important;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}

.dark-mode .tm-search-bar .form-control::placeholder {
    color: #9ca3af;
}

.dark-mode .tm-search-bar .btn-default,
.dark-mode .tm-search-bar .btn-default:hover,
.dark-mode .tm-search-bar .btn-default:focus {
    background-color: #3f474e !important;
    color: #f3f4f6 !important;
    border-color: #6c757d !important;
}

/* Accounting setup legend strip, grid cells, and status pills */
.dark-mode .yac-setup .ys-legend,
.dark-mode .yac-setup .ys-card-foot {
    background: #343a40 !important;
    color: #d1d5db !important;
    border-top-color: #4b5563 !important;
}

.dark-mode .yac-setup .ys-tbl td {
    background: #343a40 !important;
    color: #f3f4f6 !important;
    box-shadow: none !important;
}

.dark-mode .yac-setup .ys-tbl tr:hover td {
    background: #3f474e !important;
}

.dark-mode .yac-setup .ys-tbl tr.table-active td,
.dark-mode .yac-setup .ys-tbl tr.table-active:hover td {
    background: #1e3a5f !important;
    color: #f3f4f6 !important;
}

.dark-mode .yac-setup .ys-tag.on,
.dark-mode .yac-setup .ys-tag.inc {
    background: #064e3b !important;
    color: #86efac !important;
}

.dark-mode .yac-setup .ys-tag.off,
.dark-mode .yac-setup .ys-tag.sys {
    background: #3f474e !important;
    color: #e5e7eb !important;
    border-color: #6b7280 !important;
}

.dark-mode .yac-setup .ys-tag.warn,
.dark-mode .yac-setup .ys-tag.exp {
    background: #451a03 !important;
    color: #fcd34d !important;
}

.dark-mode .yac-setup .ys-tag.lia,
.dark-mode .yac-setup .ys-tag.err,
.dark-mode .yac-setup .ys-unmap {
    background: #450a0a !important;
    color: #fca5a5 !important;
}

.dark-mode .yac-setup .ys-tbl td .ys-mono {
    background: transparent !important;
    color: #e5e7eb !important;
}

.dark-mode .yac-setup .ys-api-name {
    background: #3f474e !important;
    color: #e5e7eb !important;
}

.dark-mode .yac-setup .ys-tag.eq {
    background: #3b0764 !important;
    color: #d8b4fe !important;
}

.dark-mode .yac-setup .ys-tag.ast,
.dark-mode .yac-setup .ys-tag.info {
    background: #1e3a5f !important;
    color: #93c5fd !important;
}

/* Firm Settings */
.dark-mode .fs-form-card {
    background: #343a40 !important;
    border-color: #2d3338 !important;
    color: #fff !important;
    box-shadow: none !important;
}

.dark-mode .fs-form-h {
    background: #3f474e !important;
    border-bottom-color: #2d3338 !important;
    color: #fff !important;
}

.dark-mode .fs-form-h .text-muted,
.dark-mode .fs-read-k,
.dark-mode .fs-read-hint,
.dark-mode .fs-read-v.empty,
.dark-mode .fs-fld label {
    color: #9ca3af !important;
}

.dark-mode .fs-read-v {
    color: #fff !important;
}

.dark-mode .fs-btn-ghost {
    border-color: #6c757d !important;
    color: #e5e7eb !important;
}

.dark-mode .fs-btn-ghost:hover {
    background: #3f474e !important;
}

.dark-mode .fs-page .card-header.bg-light,
.dark-mode .fs-page .card.bg-light {
    background-color: #3f474e !important;
    color: #e5e7eb !important;
}

/* User Settings */
.dark-mode .slReusersettings .us-form-card {
    background: #343a40;
    border-color: #2d3338;
    color: #fff;
    box-shadow: none;
}

.dark-mode .slReusersettings .us-form-h {
    background: #3f474e;
    border-bottom-color: #2d3338;
    color: #fff;
}

.dark-mode .slReusersettings .us-read-v {
    color: #fff;
}

.dark-mode .slReusersettings .us-fld label,
.dark-mode .slReusersettings .us-switch-inline-label {
    color: #e5e7eb;
}

.dark-mode .slReusersettings .us-btn-ghost {
    border-color: #6c757d;
    color: #e5e7eb;
}

.dark-mode .slReusersettings .us-btn-ghost:hover {
    background: #3f474e;
}

/* Pre Case Document */
.dark-mode .pcd-page {
    --pcd-border: #4b5563;
    --pcd-muted: #9ca3af;
    --pcd-text: #f3f4f6;
    --pcd-surface: #343a40;
    --pcd-soft: #3f474e;
}

.dark-mode .pcd-page .pcd-icon-btn:hover,
.dark-mode .pcd-page .pcd-icon-btn:focus {
    background: #3f474e !important;
}

.dark-mode .pcd-page .pcd-storage-badge.is-onedrive {
    background: #1e3a5f;
    border-color: #3b82f6;
    color: #bfdbfe;
}

.dark-mode .pcd-page .e-grid .e-altrow {
    background-color: #3c444b;
}

.dark-mode .pcd-dialog .pcd-field label {
    color: #f3f4f6;
}