/* dark.css — Dark mode overrides for BPA CMS
 * Applied via body.dark-mode class
 * Preference stored in users.darkMode (session-cached), cookie fallback for public pages
 * Pattern mirrors DocInfo Manager's css/dark.css
 */

/* ---------------------------------------------------------------
   CSS Custom Properties (Dark Palette)
--------------------------------------------------------------- */
body.dark-mode {
  --dm-bg:            #1a1d23;
  --dm-surface:       #242830;
  --dm-surface-2:     #2d3340;
  --dm-border:        #3a4055;
  --dm-border-accent: #2d5a8e;
  --dm-text:          #e8eaf0;
  --dm-text-muted:    #9aa0b0;
  --dm-text-dim:      #6b7280;
  --dm-link:          #93c5fd;
  --dm-input-bg:      #2d3340;
  --dm-input-border:  #4a5570;

  /* Retint the WP theme's own CSS custom properties (set in view/header1.inc's
     #us-theme-options-css block) so the header/menu/footer chrome — which is
     styled almost entirely via var() — follows automatically. */
  --color-header-middle-bg:               #1c2030;
  --color-header-middle-bg-grad:          #1c2030;
  --color-header-middle-text:             #e8eaf0;
  --color-header-middle-text-hover:       #93c5fd;
  --color-header-top-bg:                  #151820;
  --color-header-top-bg-grad:             #151820;
  --color-header-top-text:                #e8eaf0;
  --color-header-top-text-hover:          #93c5fd;
  --color-header-transparent-bg:          #151820;
  --color-header-transparent-text:        #e8eaf0;
  --color-content-bg:                     #1a1d23;
  --color-content-bg-grad:                #1a1d23;
  --color-content-bg-alt:                 #242830;
  --color-content-bg-alt-grad:             #242830;
  --color-content-border:                 #3a4055;
  --color-content-heading:                #ffffff;
  --color-content-heading-grad:           #ffffff;
  --color-content-text:                   #e8eaf0;
  --color-content-link:                   #93c5fd;
  --color-content-link-hover:             #bfdbfe;
  --color-content-faded:                  #9aa0b0;
  --color-footer-bg:                      #151820;
  --color-footer-bg-grad:                 #151820;
  --color-footer-bg-alt:                  #101318;
  --color-footer-bg-alt-grad:              #101318;
  --color-footer-border:                  #2d3340;
  --color-footer-text:                    #9aa0b0;
  --color-footer-link:                    #c8cfe0;
  --color-footer-link-hover:               #93c5fd;
  --color-subfooter-bg:                   #101318;
  --color-subfooter-bg-grad:              #101318;
  --color-subfooter-bg-alt:               #151820;
  --color-subfooter-bg-alt-grad:           #151820;
  --color-subfooter-border:               #2d3340;
  --color-subfooter-text:                 #9aa0b0;
  --color-subfooter-link:                 #e8eaf0;
  --color-subfooter-link-hover:            #93c5fd;
}

/* ---------------------------------------------------------------
   Base
--------------------------------------------------------------- */
body.dark-mode {
  background-color: var(--dm-bg) !important;
  color: var(--dm-text) !important;
  color-scheme: dark;
}

body.dark-mode a { color: var(--dm-link); }
body.dark-mode a:hover { color: #bfdbfe; }
body.dark-mode p { color: var(--dm-text) !important; }
body.dark-mode hr { border-color: var(--dm-border) !important; }
body.dark-mode label { color: var(--dm-text-muted); }
body.dark-mode .talentIntakeLabel { color: var(--dm-link) !important; }

body.dark-mode .l-canvas,
body.dark-mode #page-content,
body.dark-mode .l-main {
  background: var(--dm-bg) !important;
}

/* ---------------------------------------------------------------
   Header / Menu Bar
--------------------------------------------------------------- */
body.dark-mode #page-header {
  background: var(--color-header-middle-bg) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}

body.dark-mode .l-subheader.at_top {
  background: var(--color-header-top-bg) !important;
}

body.dark-mode .w-nav-list:not(.level_1) {
  background-color: #1e2535 !important;
  color: #c8cfe0 !important;
  border-color: #3a5580 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5) !important;
}

body.dark-mode .w-nav-list:not(.level_1) li {
  border-top-color: #2d3a55 !important;
}

body.dark-mode .w-nav-list:not(.level_1) a {
  color: #a8c8f0 !important;
}

body.dark-mode .no-touch .ush_menu_1 .menu-item:not(.level_1):hover > a,
body.dark-mode .no-touch .ush_menu_1 .menu-item:not(.level_1) > a:focus {
  background: linear-gradient(90deg, #1d72c2 0%, #5791d0 100%) !important;
  color: #ffffff !important;
}

/* ---------------------------------------------------------------
   Footer
--------------------------------------------------------------- */
body.dark-mode #page-footer {
  background: var(--color-footer-bg) !important;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.4) !important;
}

body.dark-mode #subfooter {
  background: var(--color-subfooter-bg) !important;
  border-color: var(--color-subfooter-border) !important;
  color: var(--dm-text-muted) !important;
}

body.dark-mode #subfooter a {
  color: var(--dm-text-muted) !important;
}

body.dark-mode #subfooter a:hover {
  color: var(--dm-link) !important;
}

body.dark-mode #subfooter p {
  color: var(--dm-text-muted) !important;
}

/* ---------------------------------------------------------------
   Buttons
--------------------------------------------------------------- */
body.dark-mode input[type="button"],
body.dark-mode input[type="submit"],
body.dark-mode button[type="submit"],
body.dark-mode .modalButton {
  background: #3a4a65 !important;
  color: #D1D6E3 !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
  border-color: #c8d8f0 !important;
}

body.dark-mode input[type="button"]:hover,
body.dark-mode input[type="submit"]:hover,
body.dark-mode button[type="submit"]:hover,
body.dark-mode .modalButton:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4) !important;
}

/* Preserve green save / red delete when set via inline style (existing convention) */
body.dark-mode [style*="#28a745"] {
  background: #1a5c2a !important;
  color: #ffffff !important;
  border-color: #28a745 !important;
}

body.dark-mode [style*="#dc3545"] {
  background: #6b1a20 !important;
  color: #ffffff !important;
  border-color: #dc3545 !important;
}

/* ---------------------------------------------------------------
   CB9 List/Edit Shared Components — .formContent* / .listContent / .listFilter
--------------------------------------------------------------- */
body.dark-mode .formContent,
body.dark-mode .formContent2,
body.dark-mode .formContentSm,
body.dark-mode .listContent,
body.dark-mode .rptContent1 {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border-accent) !important;
  color: var(--dm-text) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

body.dark-mode .formContentTitle,
body.dark-mode .rptContent1Title,
body.dark-mode .rptContent1MidHeader,
body.dark-mode .rptContent1Footer {
  border-color: var(--dm-border-accent) !important;
}

body.dark-mode .formContent p label,
body.dark-mode .listFilter label,
body.dark-mode .rptContent1 p label {
  color: var(--dm-text-muted) !important;
}

/* socialPostEdit "Linked Content" boxes */
body.dark-mode .linkedContentBox {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border-accent) !important;
}
body.dark-mode .linkedContentBoxImgWrap {
  background: #111 !important;
}
body.dark-mode .linkedContentBoxBtns {
  border-top-color: var(--dm-border-accent) !important;
}
body.dark-mode .linkedContentInfoIcon {
  background: rgba(0, 0, 0, 0.6) !important;
}

body.dark-mode .title1,
body.dark-mode .title2 {
  color: #ffffff !important;
}

body.dark-mode .instruction {
  color: var(--dm-text-muted) !important;
}

/* ---------------------------------------------------------------
   Inputs, Selects, Textareas
--------------------------------------------------------------- */
body.dark-mode input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]):not([type="color"]),
body.dark-mode textarea,
body.dark-mode select {
  background-color: var(--dm-input-bg) !important;
  border-color: var(--dm-input-border) !important;
  color: var(--dm-text) !important;
}

body.dark-mode select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%239aa0b0' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5H7z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 0.6rem center !important;
  background-size: 14px !important;
}

body.dark-mode input:focus,
body.dark-mode textarea:focus,
body.dark-mode select:focus {
  border-color: #5791d0 !important;
  box-shadow: 0 0 0 2px rgba(87, 145, 208, 0.3) !important;
  outline: none !important;
}

body.dark-mode input[readonly],
body.dark-mode input[disabled],
body.dark-mode select[disabled],
body.dark-mode textarea[disabled] {
  background-color: #222630 !important;
  color: var(--dm-text-muted) !important;
}

/* ---------------------------------------------------------------
   Tables / #listResultTable
--------------------------------------------------------------- */
body.dark-mode table {
  color: var(--dm-text) !important;
}

body.dark-mode table th,
body.dark-mode th {
  background-color: #1d3d78 !important;
  color: #e8f0ff !important;
  border-color: #2a5298 !important;
}

body.dark-mode th:hover {
  background-color: #24489a !important;
}

body.dark-mode tr {
  border-color: var(--dm-border) !important;
}

body.dark-mode #listResultTable {
  background-color: var(--dm-surface) !important;
}

body.dark-mode #listResultTable tr:nth-of-type(2n) {
  background-color: #1d2230 !important;
}

body.dark-mode #listResultTable tr:nth-of-type(2n+1) td {
  background-color: var(--dm-bg) !important;
}

body.dark-mode #listResultTable td {
  border-bottom-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}

body.dark-mode table tr:hover td,
body.dark-mode #listResultTable tr:hover td {
  background-color: #2a3548 !important;
  transition: background-color 0.15s ease !important;
}

body.dark-mode #listResultTable th:nth-of-type(n+2):hover {
  background-color: #24489a !important;
}

body.dark-mode #listResultTable th:nth-of-type(n+2).asc {
  background: #1d3d78 url('/image/asc.png') no-repeat center right !important;
  background-size: 25px !important;
  color: #e8f0ff !important;
}

body.dark-mode #listResultTable th:nth-of-type(n+2).desc {
  background: #1d3d78 url('/image/desc.png') no-repeat center right !important;
  background-size: 25px !important;
  color: #e8f0ff !important;
}

body.dark-mode #pageCountInfo,
body.dark-mode #pageNavInfo,
body.dark-mode #pageCountInfo2,
body.dark-mode #pageNavInfo2,
body.dark-mode .pagePerCountLabel {
  color: var(--dm-text) !important;
}

/* ---------------------------------------------------------------
   Dashboard (view/dashboard.inc)
--------------------------------------------------------------- */
body.dark-mode .dashArea1,
body.dark-mode .dashAreaNote {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border-accent) !important;
}

body.dark-mode .dashTable1 {
  border-color: var(--dm-border-accent) !important;
}

body.dark-mode .dashTable1 th {
  background: #1d3d78 !important;
  color: #e8f0ff !important;
}

body.dark-mode .dashCount label {
  color: var(--dm-text-muted) !important;
}

body.dark-mode .headerLabel {
  color: var(--dm-text) !important;
}

/* ---------------------------------------------------------------
   Login Page (view/index.inc)
--------------------------------------------------------------- */
body.dark-mode .loginLowerMsg {
  color: var(--dm-text-muted) !important;
}

body.dark-mode .forgotPassword a {
  color: var(--dm-link) !important;
}

/* ---------------------------------------------------------------
   Modals (jquery.modal)
--------------------------------------------------------------- */
body.dark-mode .modal {
  background: var(--dm-surface) !important;
  color: var(--dm-text) !important;
  border: 2px solid var(--dm-border-accent) !important;
}

body.dark-mode .modal p {
  color: var(--dm-text) !important;
}

body.dark-mode #jquery-overlay {
  background: rgba(0, 0, 0, 0.75) !important;
}

/* ---------------------------------------------------------------
   CB9 Standard Modal — shared header/body/footer (see main.css
   .cb9Modal* rules, ported verbatim from DocInfo Manager). Header stays
   the same brand blue in both themes (already high-contrast); body/footer/
   buttons retint to dark surfaces.
--------------------------------------------------------------- */
body.dark-mode .cb9Modal {
  background: var(--dm-surface) !important;
  border: 2px solid var(--dm-border-accent) !important;
}
body.dark-mode .cb9ModalBody {
  background: var(--dm-surface) !important;
  color: var(--dm-text) !important;
}
body.dark-mode .cb9ModalBody label {
  color: var(--dm-text) !important;
}
body.dark-mode .cb9ModalBody input,
body.dark-mode .cb9ModalBody select,
body.dark-mode .cb9ModalBody textarea {
  background: var(--dm-input-bg) !important;
  border-color: var(--dm-input-border) !important;
  color: var(--dm-text) !important;
}
body.dark-mode .cb9ModalFooter {
  background: var(--dm-surface-2) !important;
  border-top-color: var(--dm-border) !important;
}
body.dark-mode .cb9ModalBtnCancel {
  background: #4a5570 !important;
  color: var(--dm-text) !important;
}
body.dark-mode .cb9ModalBtnCancel:hover {
  background: #566085 !important;
}
body.dark-mode .cb9ModalBtnSave {
  background: #2da44e !important;
}
body.dark-mode .cb9ModalBtnSave:hover {
  background: #2c974b !important;
}
body.dark-mode .cb9ModalBtnDanger {
  background: #b02a37 !important;
}
body.dark-mode .cb9ModalBtnDanger:hover {
  background: #96222d !important;
}
body.dark-mode .cb9ModalBtnNav {
  color: #fff !important;
}
body.dark-mode .cb9ModalBtnPrev { background: #895129 !important; }
body.dark-mode .cb9ModalBtnPrev:hover { background: #6e4020 !important; }
body.dark-mode .cb9ModalBtnNext { background: #228B22 !important; }
body.dark-mode .cb9ModalBtnNext:hover { background: #1b6e1b !important; }

/* ---------------------------------------------------------------
   Snackbar
--------------------------------------------------------------- */
body.dark-mode #snackbar {
  background-color: #2f2650 !important;
  border-color: #7a63c9 !important;
}

/* ---------------------------------------------------------------
   Tooltip (info mouseover popup)
--------------------------------------------------------------- */
body.dark-mode .tooltiptext,
body.dark-mode .tooltiptextDynamic {
  background: #2a3040 !important;
  color: #e8eaf6 !important;
  border-color: #4a6fa5 !important;
}

/* ---------------------------------------------------------------
   Dark Mode Toggle Button (in footer)
--------------------------------------------------------------- */
.dark-mode-toggle {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  line-height: 1;
  opacity: 0.85;
  transition: opacity 0.2s ease;
}

.dark-mode-toggle:hover {
  opacity: 1;
}

.dark-mode-toggle img {
  width: 32px;
  height: 32px;
  display: block;
}

/* ---------------------------------------------------------------
   Scrollbar (WebKit)
--------------------------------------------------------------- */
body.dark-mode ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

body.dark-mode ::-webkit-scrollbar-track {
  background: #1a1d23;
}

body.dark-mode ::-webkit-scrollbar-thumb {
  background: #3a4055;
  border-radius: 4px;
}

body.dark-mode ::-webkit-scrollbar-thumb:hover {
  background: #4a5575;
}

/* ---------------------------------------------------------------
   Boxed custom sections on Generic Edit pages (Talent Files, Tag
   Groups) - base (light-appropriate) styles in main.css .cb9*
--------------------------------------------------------------- */
body.dark-mode .cb9SectionBox {
  background: var(--dm-surface);
  border-color: var(--dm-border);
}

body.dark-mode .cb9SectionMuted {
  color: var(--dm-text-muted);
}

body.dark-mode .cb9DropZone {
  background: var(--dm-input-bg);
  border-color: var(--dm-border-accent);
  color: var(--dm-text-muted);
}

body.dark-mode .cb9DropZone.cb9DragOver {
  background: var(--dm-surface-2);
  border-color: var(--dm-link);
}

/* Field-group sections (coStarEdit's Social Media / Compliance) - !important
   overrides the light-mode 'bgColor' inline style; targeting 'sectionClass'
   rather than the shared .cb9FieldSection lets each section keep its own
   distinct dark-mode tint instead of collapsing to one shared color. */
body.dark-mode .cb9FieldSectionSocial {
  background: var(--dm-surface-2) !important;
}
body.dark-mode .cb9FieldSectionCompliance {
  background: var(--dm-surface) !important;
  border: 1px solid var(--dm-border-accent);
}
body.dark-mode .cb9FieldSectionLabel {
  color: var(--dm-text);
}
body.dark-mode .cb9FieldSectionToggleLabel {
  color: var(--dm-text-muted);
}

/* ---------------------------------------------------------------
   Legal / Policy pages (ADA, Terms and Conditions, Privacy)
   - base (light-appropriate) styles in main.css #legalPageWrapper
--------------------------------------------------------------- */
body.dark-mode #legalPageWrapper {
  background: var(--dm-surface);
  border-color: var(--dm-border-accent);
}
body.dark-mode #legalPageWrapper h1,
body.dark-mode #legalPageWrapper h2 {
  color: var(--dm-text) !important;
}
body.dark-mode #legalPageWrapper .legalLastUpdated {
  color: var(--dm-text-muted);
}

/* ---------------------------------------------------------------
   Radio Edit Items (edit page radio button groups) - see
   css/main.css .radio-edit-item for the light-mode base.
--------------------------------------------------------------- */
body.dark-mode .radio-edit-item {
  background: #1e2a3e !important;
  border-color: #3a4f70 !important;
  color: var(--dm-text) !important;
}

body.dark-mode .radio-edit-item:hover {
  background: #253450 !important;
  border-color: #4a6090 !important;
}

body.dark-mode .radio-edit-item:has(input:checked) {
  background: #1a3a60 !important;
  border-color: #5791d0 !important;
  color: #93c5fd !important;
}

/* ---------------------------------------------------------------
   Dashboard (dashboard.php / view/dashboard.inc / js/dashboard.js)
   - base (light-appropriate) styles inline in view/dashboard.inc
--------------------------------------------------------------- */
body.dark-mode .dashPageTitle {
  color: var(--dm-text) !important;
}
body.dark-mode .dashSiteLinksLoading {
  color: var(--dm-text-dim) !important;
}
body.dark-mode .dashSiteLinkPill {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-border-accent) !important;
  color: var(--dm-link) !important;
}
body.dark-mode .dashSiteLinkPill:hover {
  background: #2d5a8e !important;
  color: #fff !important;
}
body.dark-mode .dashSiteLinksManage {
  color: var(--dm-text-muted) !important;
}

body.dark-mode .dashStatCard,
body.dark-mode .dashSection {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}
body.dark-mode .dashStatCard {
  border-top-color: var(--dm-link) !important;
}
body.dark-mode .dashStatValue {
  color: var(--dm-link) !important;
}
body.dark-mode .dashStatLabel {
  color: var(--dm-text-muted) !important;
}
body.dark-mode .dashSectionTitle {
  color: var(--dm-text) !important;
  border-bottom-color: var(--dm-border-accent) !important;
}
body.dark-mode .dashSubheading {
  color: var(--dm-text-muted) !important;
}
body.dark-mode .dashAdminStar {
  color: #e0a020 !important;
}
body.dark-mode .dashEmptyMsg,
body.dark-mode .dashEmptyRow {
  color: var(--dm-text-dim) !important;
}

body.dark-mode .dashCalDetailsCol {
  border-left-color: var(--dm-border) !important;
}
body.dark-mode .dashCalDetailsTitle {
  color: var(--dm-text-muted) !important;
}
body.dark-mode .dashCalDow {
  color: var(--dm-text-dim) !important;
}
body.dark-mode .dashCalCell {
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}
body.dark-mode .dashCalCell.dashCalOtherMonth {
  color: var(--dm-text-dim) !important;
  background: var(--dm-bg) !important;
  border-color: var(--dm-surface) !important;
}
body.dark-mode .dashCalCell:hover:not(.dashCalOtherMonth) {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-link) !important;
}
body.dark-mode .dashCalCell.dashCalToday {
  border-color: var(--dm-link) !important;
}
body.dark-mode .dashCalCell.dashCalSelected {
  background: #2d5a8e !important;
  color: #fff !important;
}
body.dark-mode .dashCalEventRow {
  border-bottom-color: var(--dm-border) !important;
}
body.dark-mode .dashCalEventPlatform {
  color: var(--dm-link) !important;
}
body.dark-mode .dashCalEventTime {
  color: var(--dm-text-dim) !important;
}
body.dark-mode .dashCalEventStatus {
  background: var(--dm-surface-2) !important;
  color: var(--dm-link) !important;
}
body.dark-mode .dashCalManageBtn {
  color: var(--dm-text-dim) !important;
}
body.dark-mode .dashCalManageBtn:hover {
  color: var(--dm-link) !important;
}

body.dark-mode .dashStorageBarTrack {
  background: var(--dm-surface-2) !important;
}
body.dark-mode .dashStoragePieInner {
  background: var(--dm-surface) !important;
  color: var(--dm-link) !important;
}
body.dark-mode .dashStorageText {
  color: var(--dm-text-muted) !important;
}
body.dark-mode .dashStorageUserCountValue {
  color: var(--dm-link) !important;
}
body.dark-mode .dashStorageUserCountLabel {
  color: var(--dm-text-dim) !important;
}

body.dark-mode .dashTable th {
  color: var(--dm-text-muted) !important;
  border-bottom-color: var(--dm-border-accent) !important;
}
body.dark-mode .dashTable td {
  border-bottom-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}
body.dark-mode .dashTable tbody tr:hover {
  background: var(--dm-surface-2) !important;
}

body.dark-mode .dashUploadThumb img {
  border-color: var(--dm-border) !important;
}
body.dark-mode .dashUploadTitle {
  color: var(--dm-text) !important;
}
body.dark-mode .dashUploadMeta {
  color: var(--dm-text-dim) !important;
}

body.dark-mode .dashModalBox {
  background: var(--dm-surface) !important;
  color: var(--dm-text) !important;
}
body.dark-mode .dashModalHeader {
  border-bottom-color: var(--dm-border-accent) !important;
}
body.dark-mode .dashModalFooter {
  background: var(--dm-surface-2) !important;
  border-top-color: var(--dm-border) !important;
}
body.dark-mode .dashFormGroup input[type=text] {
  background: var(--dm-input-bg) !important;
  border-color: var(--dm-input-border) !important;
  color: var(--dm-text) !important;
}
body.dark-mode .dashCheckboxLabel {
  color: var(--dm-text) !important;
}
body.dark-mode .dashFullCalendarBtn {
  color: var(--dm-link) !important;
  border-color: var(--dm-border-accent) !important;
}
body.dark-mode .dashFullCalendarBtn:hover {
  background: #2d5a8e !important;
  color: #fff !important;
}

/* ---------------------------------------------------------------
   Full Calendar (calendarFull.php / view/calendarFull.inc / js/calendarFull.js)
   - base (light-appropriate) styles inline in view/calendarFull.inc
--------------------------------------------------------------- */
body.dark-mode .calFullBackLink {
  color: var(--dm-link) !important;
}
body.dark-mode .calFullTodayBtn {
  color: var(--dm-link) !important;
  border-color: var(--dm-border-accent) !important;
}
body.dark-mode .calFullTodayBtn:hover {
  background: var(--dm-surface-2) !important;
}
body.dark-mode .calFullDow {
  color: var(--dm-text-dim) !important;
}
body.dark-mode .calFullDayCell {
  background: var(--dm-surface) !important;
  border-color: var(--dm-border) !important;
  color: var(--dm-text) !important;
}
body.dark-mode .calFullDayCell.calFullOtherMonth {
  background: var(--dm-bg) !important;
}
body.dark-mode .calFullDayCell.calFullOtherMonth .calFullDayNumber {
  color: var(--dm-text-dim) !important;
}
body.dark-mode .calFullDayCell:hover:not(.calFullOtherMonth) {
  background: var(--dm-surface-2) !important;
  border-color: var(--dm-link) !important;
}
body.dark-mode .calFullDayCell.calFullToday {
  border-color: var(--dm-link) !important;
}
body.dark-mode .calFullDayCell.calFullSelected {
  background: #1a3a60 !important;
  border-color: #5791d0 !important;
}
body.dark-mode .calFullDayMore {
  color: var(--dm-text-dim) !important;
}
body.dark-mode .calFullDetails {
  color: var(--dm-text) !important;
}
body.dark-mode .calFullEventRow {
  border-bottom-color: var(--dm-border) !important;
}
body.dark-mode .calFullEventPlatform {
  color: var(--dm-link) !important;
}
body.dark-mode .calFullEventTime {
  color: var(--dm-text-dim) !important;
}
body.dark-mode .calFullEventPreview {
  color: var(--dm-text-muted) !important;
}