/* ============================================================
   FINNLEARN – CSS VARIABLES THEME (light/dark)
   All original styles preserved, missing rules added back
   ============================================================ */

* { transition: background 0.3s ease, border-color 0.3s ease, background-color 0.3s ease; }

/* ---------- LIGHT MODE VARIABLES (default) ---------- */
:root {
  --bg-page: #f0f2f5;
  --bg-surface: #ffffff;
  --bg-surface-alt: #f7f7f7;
  --bg-input: #f0f2f5;
  --text-color: #505050;
  --text-muted: #505050;
  --button-text: #fff;
  --link-color: #228bc5;
  --tab-bg-color: #228bc5;
  --border-default: #d7d7d7;
  --border-light: #e1e1e1;
  --border-soft: #dedede;
  --border-subtle: #dfdfdf;
  --shadow-sm: 1px 2px 0 3px #e7e5e5;
  --shadow-md: 1px 1px 0 2px #e4e4e4;
  --header-shadow: 1px 2px #e0e0e0;
  --dropbutton-shadow: 0px 0px 1px 1px rgba(196, 196, 196, 0.58);
  --button-bg: #228bc5;
  --nav-bg: #f7f7f7;
  --nav-border: #d7d7d7;
  --nav-link-hover: #fff;
  --klaro-modal-bg: #fff;
  --klaro-slider-bg: #464646;
  --accordion-arrow: #505050;
  --legal-bg: #ffffff;
  --legal-border: #dedede;
  --legal-detail-bg: #fff;
  --legal-detail-border: #dbdbdb;
  --sf-active-bg: #e7e7e7;
  --leftmenu-active-bg: #e7e7e7;
  --leftmenu-border: #fff;
  --leftmenu-active-color: #505050;
  --pwa-bg: red;
  --pwa-btn-bg: #2071b0;
  --quicktabs-link-bg: #fff;
  --quicktabs-link-color: #000;
  --quicktabs-shadow: 0 4px 12px rgba(0,0,0,0.05);
  --badge-headline-color: #505050;
  --badge-headline-border: #e1e1e1;
  --stream-row-bg: #fff;
  --dropbutton-toggle-bg: #fff;
  --stream-actions-border: #dedede;
  --stream-input-border: #e5e5e5;
  --stream-input-color: #474747;
  --stream-footer-border: #fff;
  --comment-border: #e3e3e3;
  --userpostform-bg: #ffffff;
  --userpostform-border: #d7d7d7;
  --privatemsg-link-bg: #e9e9e9;
  --privatemsg-link-color: #999;
  --frontpage-userlink-color: #fff;
  --frontpage-right-color: #fff;
  --frontpage-register-bg: #ffa700;
  --media-item-bg: #e8e8e8;
  --media-item-border: #b0b0b0;
  --tns-control-bg: #ffffffc9;
  --tns-control-border: #e0d3d370;
  --terms-bg: #fff;
  --terms-border: #cbcbcb;
  --field-group-tab-bg: #f9f9f9;
  --field-group-tab-border: #d6d6d6;
  --danse-bg: #f7f7f7;
  --danse-item-bg: #fff;
  --danse-more-bg: #c3c3c3;
  --clipboard-icon: #9e9e9e;
  --linkedin-btn-bg: #2867b2;
  --linkedin-btn-color: #fff;
  --language-active-bg: #316cf4;
  --language-active-color: #fff;
  --language-link-bg: #fffafa;
  --group-pending-th-bg: #fff;
  --fa-retweet-color: #8d8d8d;
  --repost-bg: #fff;
  --repost-border: #dedede;
  --edit-group-bg: #fff;
  --edit-group-border: #d4d4d4;
  --order-link-bg: #d2d2d4;
  --accordion-bg: #1e2022;
  --accordion-border: #646464;
  --private-msg-inbox-h2-bg: #000000;        /* light: background shorthand */
  --private-msg-inbox-h2-bg-color: #2071b0;  /* light: background-color */
  --private-msg-inbox-h2-border: #111827;     /* light: border-color */
  --alert-danger-bg: #fff;
  --ui-dialog-shadow: 0px 0px 22px 0px rgba(105,105,105,0.65);
}

/* ---------- DARK MODE OVERRIDES ---------- */
[data-dmt-mode="dark"] {
  --bg-page: #0a0e1a;/*darkes*/
  --bg-surface: #111827;
  --bg-surface-alt: #03060f;
  --bg-input: #0a0e1a;
  --text-color: #f1f1f1;
  --text-muted: #7c7878;
  --button-text: #fff;
  --link-color: #9cbbd6;
  --border-default: #1d3274;
  --border-light: #434343;
  --border-soft: #1d3274;
  --border-subtle: #8b8b8b;
  --shadow-sm: none;
  --shadow-md: 1px 1px 0 2px #03060f;
  --header-shadow: 1px 2px #282828;
  --dropbutton-shadow: 0 0 0 0 transparent;
  --button-bg: #228bc5;
  --nav-bg: #111827;
  --nav-border: #333156;
  --nav-link-hover: #12295e;
  --klaro-modal-bg: #212121;
  --klaro-slider-bg: #595959;
  --accordion-arrow: #fff;
  --legal-bg: #1c1f22;
  --legal-border: #6e6e6e;
  --legal-detail-bg: #1c1f22;
  --legal-detail-border: #6e6e6e;
  --sf-active-bg: #111827;
  --leftmenu-active-bg: #e7e7e7;
  --leftmenu-border: #505050;
  --leftmenu-active-color: #505050;
  --pwa-bg: #c40000;
  --pwa-btn-bg: #2071b0;
  --quicktabs-link-bg: #111827;
  --quicktabs-link-color: #fff;
  --quicktabs-shadow: 0 4px 12px rgba(0,0,0,0.05);
  --badge-headline-color: #f1f1f1;
  --badge-headline-border: #434343;
  --stream-row-bg: #121212;
  --dropbutton-toggle-bg: #0a0e1a;
  --stream-actions-border: #434343;
  --stream-input-border: #585858;
  --stream-input-color: #96b4cf;
  --stream-footer-border: transparent;
  --comment-border: #171717;
  --userpostform-bg: #111827;
  --userpostform-border: transparent;
  --privatemsg-link-bg: #3c3c3c;
  --privatemsg-link-color: #999;
  --frontpage-userlink-color: black;
  --frontpage-right-color: black;
  --frontpage-register-bg: #ffa700;
  --media-item-bg: #262525;
  --media-item-border: #b0b0b0;
  --tns-control-bg: #ffffff4d;
  --tns-control-border: #e0d3d33d;
  --terms-bg: #121212;
  --terms-border: #474747;
  --field-group-tab-bg: #03060f;
  --field-group-tab-border: #1d3274;
  --danse-bg: #111827;
  --danse-item-bg: #111827;
  --danse-more-bg: #303030;
  --clipboard-icon: #d2d2d2;
  --linkedin-btn-bg: #2867b2;
  --linkedin-btn-color: #fff;
  --language-active-bg: #316cf4;
  --language-active-color: #fff;
  --language-link-bg: #111827;
  --group-pending-th-bg: transparent;
  --fa-retweet-color: #bababa;
  --repost-bg: #0a0e1a;
  --repost-border: #1d3274;
  --edit-group-bg: #03060f;
  --edit-group-border: #1d3274;
  --order-link-bg: #000;
  --accordion-bg: #1e2022;
  --accordion-border: #646464;
  --private-msg-inbox-h2-bg: #000000;
  --private-msg-inbox-h2-bg-color: #2071b0;
  --private-msg-inbox-h2-border: #111827;
  --alert-danger-bg: #1c1f22;
  --ui-dialog-shadow: 0px 0px 2px 0px rgba(105,105,105,0.65);
}

/* =========================
   ALL RULES (light + dark via variable references)
   ========================= */
body {
  color: var(--text-color);
  background: var(--bg-page) !important;
}

a, .link, .nav-link { color: var(--link-color); text-decoration:none; }
.btn a { color: white; }

table td{ color: var(--link-color);  background: var(--bg-page) !important;
}


/* Navigation */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--tab-bg-color);
}



#navbar-main {
  background-color: var(--nav-bg);
  border-bottom: 1px solid var(--nav-border);
}
.navbar .nav-link.active:hover { background-color: var(--nav-link-hover); }
.navbar .nav-link:hover { background-color: var(--nav-link-hover); }


/* Header */
#header { box-shadow: var(--header-shadow); }

/* Offline notice */
.content p[data-drupal-pwa-offline="true"] {
  background: var(--pwa-bg);
  font-size: 1em;
  color: white;
  margin-bottom: 20px;
  padding: 0.5em 0.5em 0.5em 1.5em;
  font-weight: bold;
}
.content p[data-drupal-pwa-offline="true"] + button {
  background: var(--pwa-btn-bg);
  color: white;
  border-style: none;
  padding-left: 1em;
  padding-right: 1em;
  border-radius: 20em;
  font-size: 0.9em;
}

/* Status */
.views-field-status span p {
  background: var(--status-default-bg);
  float: left;
  display: block;
  padding: 1em;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  margin-right: 1em;
  border-radius: 0.4em;
  text-align: center;
  font-size: 0.8em;
  color: white;
}
.views-field-status .published { background: var(--status-published); }
.views-field-status .unpublished { background: var(--status-unpublished); }

/* anonymous tabs */

.tabs .primary li.nav-item{ background: var(--nav-bg); }

/* Quicktabs */
.on-the-gray .quicktabs-tabs > li > a {
  color: var(--quicktabs-link-color);
  background: var(--quicktabs-link-bg) !important;
}
.on-the-gray ul.quicktabs-tabs {
  background: var(--bg-surface);
  box-shadow: var(--quicktabs-shadow);
}

/* Klaro modal */
.klaro .cookie-modal .cm-modal.cm-klaro {
  background-color: var(--klaro-modal-bg);
}
.klaro .cookie-modal .cm-list-label .slider,
.klaro .context-notice .cm-list-label .slider,
.klaro .cookie-notice .cm-list-label .slider {
  background-color: var(--klaro-slider-bg);
}

/* drupal modal */
.ck-reset_all :not(.ck-reset_all-excluded *), .ck.ck-toolbar {
 background: var(--bg-surface)!important;
color: var(--text-color)!important;
}

.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {border: var(--border-soft)!important;}
.ck-content pre {
background: var(--bg-surface)!important;
border: var(--border-soft); 
color: var(--text-color)!important;
}

.ui-dialog .field--name-field-group-post-image summary {
  background-color: var(--bg-page)!important;
}

.ck-source-editing-area textarea {
background: var(--bg-surface)!important;
color: var(--text-color)!important;
}
.ui-widget-overlay {  background: var(--bg-surface);}
.ui-widget.ui-widget-content { border: var(--border-light)!important;}
.ui-dialog {
	-webkit-box-shadow: var(--ui-dialog-shadow);
	-moz-box-shadow: var(--ui-dialog-shadow);
	box-shadow: var(--ui-dialog-shadow);
}

.ui-dialog .ui-dialog-content {
	border: var(--border-soft);
}

#drupal-modal {
background: var(--bg-page);
}

.ui-dialog .ui-dialog-titlebar-close::before {
	color: var(--text-color)!important;
}

.ck.ck-editor__main > .ck-editor__editable {
	background: var(--bg-surface-alt)!important;
	color: var(--text-color);
}

.ui-widget-header {
	border: var(--field-group-tab-bg)!important;
	color: var(--text-color);
	background: var(--bg-surface);
}

/* User post / private message / layout */
#block-finnlearn-userpostblock { background: var(--bg-surface); }
.layout-two-sidebars #page .content #group-private-group-add-form {
  background: var(--bg-surface);
}
.private-message .views-infinite-scroll-header a {
  background: var(--privatemsg-link-bg);
  color: var(--privatemsg-link-color);
}

.path-user .card-header { background: var(--bg-page); }

.card {        background: var(--bg-page);        color: var(--text-color)!important;}
.node--type-groups .on-the-gray .quicktabs-tabpage, .path-user .quicktabs-tabpage{border: 0px; background: var(--bg-page); }


.ui-widget-content {
	border: 1px solid var(--border-soft);
	background: var(--bg-page);
	color: var(--text-color);
}

.js-form-type-managed-file label, .js-form-type-managed-file {
	background-color:var(--bg-surface);
	border-color: var(--border-soft);
	color: var(--text-color);
padding-bottom: 1em;
padding-left: 1em;
}

.ui-dialog .button {
    background-color: var(--button-bg);
    background-image: -webkit-linear-gradient(top,#007bff,#007bff);
    background-image: linear-gradient(to bottom,#007bff,#007bff);
    border: 1px solid #e4e4e4;
    border-bottom-color: #b4b4b4;
    border-left-color: #d2d2d2;
    border-right-color: #d2d2d2;
    color: #ffffff;
}





/* Front page right column */
.path-frontpage .bs-region .nav-link [class^="nav-link--user"] {
  color: var(--frontpage-userlink-color);
}
.path-frontpage .bs-region--right .nav-link {
  background-color: var(--button-bg);
  color: var(--button-text);
border-radius: 2em;
}
.path-frontpage .bs-region [class*="nav-link--user-reg"].nav-link {
  background-color: var(--frontpage-register-bg);
}

/* Modal alert */
#drupal-modal .alert {
  border-color: red;
  border-style: solid;
  border-width: 1px;
}

/* site messages */
.alert-danger {background-color: var(--alert-danger-bg);
		color: var(--text-color);
}




/* Accordion */
.accordion-button::after { color: var(--accordion-arrow); }
.accordion-item { background-color: var(--accordion-bg); border: solid var(--accordion-border); }

/* Group / user backgrounds */
.group-bg, .user-bg {
  background-color: var(--bg-surface);
  border-color: var(--border-subtle);
}

/* Fa icon */
i.fas.fa-retweet {
  margin-top: 0.3em;
  color: var(--fa-retweet-color);
  margin-left: 0.4em;
}

/* Repost */
.views-field-field-repost article,
.field--name-field-repost article {
  background: var(--repost-bg);
  border-color: var(--repost-border);
}

/* Legal */
.legal-terms.legal-terms-scroll {
  background-color: var(--legal-bg);
  border-color: var(--legal-border);
}
#edit-legal summary {
  background: var(--legal-detail-bg);
  border-color: var(--legal-detail-border);
}

/* Active trail */
.sf-menu .active-trail a {
  font-weight: bold;
  background: var(--sf-active-bg);
  color: var(--text-muted);
  border-radius: 0.4em;
}

/* Views bootstrap duplicate media */
#views-bootstrap-duplicate-of-media-library-page .row .col-12 {
  background: var(--bg-surface);
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  border-radius: 1em;
  padding-top: 1em;
  padding-bottom: 1em;
}

/* Left menu front */
#block-finnlearn-leftmenufront ul .is-active { background: var(--leftmenu-active-bg); }
#block-finnlearn-leftmenufront ul li a { background: transparent; }
#block-finnlearn-leftmenufront ul { border-color: var(--leftmenu-border); }
#block-finnlearn-leftmenufront ul li { border-color: var(--leftmenu-border); }
#block-finnlearn-leftmenufront .is-active {
  font-weight: bold;
  color: var(--leftmenu-active-color);
}

/* Scrollbar */
.path-frontpage #sidebar_second aside:hover::-webkit-scrollbar-thumb {
  background-color: #cfcfcf; /* light only */
}
[data-dmt-mode="dark"] .path-frontpage #sidebar_second aside:hover::-webkit-scrollbar-thumb {
  background-color: #505050; /* dark only, still needs explicit override */
}

/* User list hover */
.user-list-row-right-menu .username:hover { background: var(--bg-surface-alt); }

/* Edit group background */
#edit-field-group-background summary {
  list-style: none;
  background: var(--edit-group-bg);
  padding-left: 1em;
  min-height: 44px;
  vertical-align: middle;
  padding-top: 0.4em;
  border-radius: 0.4em;
  border-style: solid;
  border-width: 1px;
  border-color: var(--edit-group-border);
}
#edit-field-group-background summary:before {
  content: "\f03e";
  font-family: "Font Awesome 5 Free";
  top: 10px;
  left: 0;
  color: var(--text-muted);
  padding-left: 0;
  text-decoration: none;
  padding-right: 0.5em;
  font-size: 1.1em;
  font-weight: 900;
}

/* Order link */
.order-link { background-color: var(--order-link-bg); }

/* Field group tab */
.field-group-tab {
  background: var(--field-group-tab-bg);
  border-style: solid;
  border-width: 1px;
  border-color: var(--field-group-tab-border);
}
.field-group-tab { border-style: none; } /* second rule, kept */

/* Danse notification */
.danse-user-notification-widget { background: var(--danse-bg) !important; }
.danse-user-notification-widget .views-row { background: var(--danse-item-bg); }
.danse-widget-read-more {
  background: var(--danse-more-bg);
  float: left;
  border-radius: 0.5em;
  padding-left: 0.4em;
  padding-right: 0.4em;
  margin-top: 0.5em;
}

/* Clipboard */
.cp-to-clip:before { color: var(--clipboard-icon); }

/* LinkedIn button */
#edit-openid-connect-client-linkedin2-login {
  background: var(--linkedin-btn-bg);
  color: var(--linkedin-btn-color);
  padding-left: 3.5em;
  background-image: url(/themes/custom/finnlearn/images/linkedin_button.png);
  background-repeat: no-repeat;
  font-size: 14px;
  padding-bottom: 0.6em;
  padding-top: 0.6em;
  font-weight: bolder;
  background-position: 6px;
  background-size: 30px;
}

/* Language block */
a.language-link.session-active.is-active {
  background: var(--button-bg);
  color: var(--button-text);
}
.block-language .nav-link a {
  background: var(--language-link-bg);
  margin-left: 0;
  margin-top: 1em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  border-radius: 0.8em;
  font-size: 0.9em;
  padding-left: 1em;
  padding-right: 1em;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}

/* Group pending members */
.view-group-pending-members thead th { background: var(--group-pending-th-bg) !important; }
tr { border-bottom: 0; }
tr td, tr th { border: 0; }

/* Page */
#page, #main-wrapper { background: var(--bg-page); }

/* Badge headline */
.badge-headline {
  color: var(--badge-headline-color);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: var(--badge-headline-border);
}

/* Stream row dropbutton */
.stream-row .dropbutton-multiple .dropbutton-widget {
  box-shadow: var(--dropbutton-shadow);
  background: var(--stream-row-bg);
}
.dropbutton-toggle button {
  background-color: var(--dropbutton-toggle-bg) !important;
  background-image: none !important;
}

/* Dark mode toggle visibility */
button.dark-mode-toggle__button__system,
button.dark-mode-toggle__button__light { display: none !important; }

[data-dmt-container] ul li button:before {
  content: "\f0eb";
  font-family: "Font Awesome 5 Free";
  top: 10px;
  left: 0;
  padding-left: 0;
  text-decoration: none;
  padding-right: 0.5em;
  font-size: 1.1em;
  font-weight: 900;
}

[data-dmt-preference="dark"]:before { color: var(--text-muted) !important; }
[data-dmt-preference="light"]:before { color: #fff !important; }

/* Boxed containers */
#block-finnlearn-views-block-group-ui-block-10,
#block-finnlearn-views-block-group-ui-block-6,
#block-finnlearn-views-block-group-ui-block-8,
#block-views-block-group-ui-block-17,
#block-views-block-group-content-block-3,
#block-views-block-user-badge-block-1,
#block-views-block-group-ui-block-14,
#block-views-block-group-ui-block-15 {
  background-color: var(--bg-surface);
  box-shadow: var(--shadow-md);
}

.stream-row,
.view-user-storage-limit,
.node--type-h5p-learning-content main .section,
.node--type-group-post main .section,
.node--type-user-post main .section,
.block-content-content_area_block,
.block-views-blockgdpr-file-download-page-block-1,
.block-views-blockgdpr-export-user-login-hist-block-1,
.page-user-password #block-finnlearn-content, 
.page-user-register #block-finnlearn-content, 
.page-user-login #block-finnlearn-content
 {
  background-color: var(--bg-surface);
  box-shadow: var(--shadow-sm);
}

.sidebar .block {
  border-style: solid;
  border-width: 1px;
  background-color: transparent;
  border-color: transparent !important;
}

#block-userwhatsonyourmind {
  background-color: var(--userpostform-bg);
  border-style: solid;
  border-width: 1px;
  border-color: var(--userpostform-border);
}

.view-combined-stream .view-filters {
  background: var(--bg-surface);
  color: var(--text-muted);
}

.stream-actions-container {
  border-top-style: solid;
  border-bottom-style: none;
  border-color: var(--stream-actions-border);
  border-width: 1px;
}

.stream-input-container {
  border-style: solid;
  border-color: var(--stream-input-border);
  border-radius: 0.4em;
  border-width: 1px;
  color: var(--stream-input-color);
  background: var(--bg-input);
}

.stream-footer-lnk {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--stream-footer-border);
}

/* form elements */
.form-control {border-color: var(--border-default);}
.js-form-item .form-control {background: var(--bg-input);color: var(--text-color);}
.form-select {
	color: var(--text-color);
	background-color: var(--bg-surface);
	background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
	border:var(--border-default);
}
.text-muted {	color: var(--text-muted) !important;}
.user-register-form #edit-language, .user-register-form #captcha, #edit-field-date-of-birth-wrapper {
 border-color: var(--border-default);
}

/* ---------- MISSING RULES ADDED BACK ---------- */
/* 1. .navbar-light .nav-link (dark-only in original) */
[data-dmt-mode="dark"] .navbar-light .nav-link {
  color: rgba(255, 255, 255, 0.82);
}

/* 2. #block-finnlearn-darkmodetoggle button (dark-only) */
[data-dmt-mode="dark"] #block-finnlearn-darkmodetoggle button {
  color: #ababab;
}

/* 3. .dropbutton-toggle button dark additions (border etc.) */
[data-dmt-mode="dark"] .dropbutton-toggle button {
  border-color: #3a3a63;
  border-style: solid;
  border-width: 1px;
  border-radius: 0.4em;
}

/* 4. Private message inbox h2 (light mode, missing) */
.path-frontpage .block.block-private-message.block-private-message-inbox-block h2,
.path-frontpage .block-views-blockprivate-message-inbox-custom-block-1 h2 {
  background: var(--private-msg-inbox-h2-bg);
  background-color: var(--private-msg-inbox-h2-bg-color);
  border-color: var(--private-msg-inbox-h2-border);
}
.private-message-thread--full-container {
  background: var(--bg-surface);
  border-color:var(--border-soft);
}
.block-views-blockprivate-message-inbox-custom-block-1.show {
	background:var(--bg-page);
}
.private-message-small-members {
    background: var(--bg-surface);

}

/* search page */
.search-page .search-row, .owl-row {
    background-color: var(--bg-surface);
    box-shadow: var(--shadow-md);
}



/* ---------- ADDITIONAL DARK-SPECIFIC OVERRIDES (unchanged) ---------- */
.entity-type--media .item-container {
  background: var(--media-item-bg);
  padding: 0.5em;
  border-radius: 0.5em;
  border-style: solid;
  border-width: 1px;
  border-color: var(--media-item-border);
}

.tns-outer .tns-controls [aria-controls] {
  background: var(--tns-control-bg) !important;
  border-color: var(--tns-control-border) !important;
}

nav#block-finnlearn-sitetermsandprivacy-2 {
  background: var(--terms-bg);
  border-top-color: var(--terms-border) !important;
  border-left-color: var(--terms-border) !important;
  border-right-color: var(--terms-border) !important;
}

.js-comment { border-bottom-color: var(--comment-border); }

/* ========== DARK MODE TOGGLE SYSTEM (unchanged) ========== */
[data-dmt-source="system"][data-dmt-mode="light"] [data-dmt-preference="light"],
[data-dmt-source="system"] [data-dmt-preference="system"] { display: none !important; }

[data-dmt-source="system"][data-dmt-mode="dark"] [data-dmt-preference="dark"],
[data-dmt-source="system"] [data-dmt-preference="system"] { display: none !important; }

[data-dmt-source="user"][data-dmt-mode="light"] [data-dmt-preference="light"],
[data-dmt-source="user"][data-dmt-mode="light"] [data-dmt-preference="system"] { display: none !important; }

[data-dmt-source="user"][data-dmt-mode="dark"] [data-dmt-preference="dark"],
[data-dmt-source="user"][data-dmt-mode="dark"] [data-dmt-preference="system"] { display: none !important; }

[data-dmt-source="user"][data-dmt-mode="dark"][data-dmt-preference="dark"] { display: block !important; }
[data-dmt-source="user"][data-dmt-mode="light"][data-dmt-preference="light"] { display: block !important; }

[data-dmt-mode="dark"] button.dark-mode-toggle__button__light { display: block !important; }
[data-dmt-mode="dark"] button.dark-mode-toggle__button__light:before {
  content: "\f0eb";
  font-family: "Font Awesome 5 Free";
  top: 10px;
  left: 0;
  color: #fff;
  padding-left: 0;
  text-decoration: none;
  padding-right: 0.1em;
  font-size: 1.1em;
  font-weight: 900;
}

/* Mobile adjustments kept exactly */
@media only screen and (max-width: 768px) {
  .path-private-messages .block-field-blockprivate-message-threadprivate-message-threadmembers {
    background: var(--bg-page);
  }
  /* dark mobile overrides from original */
  [data-dmt-mode="dark"] .dropbutton { border: none !important; background: transparent; }
  [data-dmt-mode="dark"] .path-private-messages .block-field-blockprivate-message-threadprivate-message-threadmembers { background: transparent; }
  [data-dmt-mode="dark"] .path-private-messages .inbox-header { background: transparent; }
  [data-dmt-mode="dark"] .private-message-thread-messages { border-color: transparent; }
}