/* =====================================================================
   DARK MODE - stiluri globale
   Se incarca doar cand "Permite dark mode" e activ in Setari si se aplica DOAR sub
   [data-bs-theme=dark] (atribut pus de server pe <html> conform preferintei utilizatorului).

   1. Tokeni --dk-*: culorile hardcodate din view-uri / custom.css sunt scrise ca
      var(--dk-{bg|fg|bd}-{hex}, culoarea_light). In light variabila nu exista, deci ramane
      culoarea originala; aici primesc valoarea dark calculata automat:
        bg = fundal deschis  -> suprafata inchisa cu aceeasi nuanta
        bd = bordura deschisa -> bordura inchisa
        fg = text inchis     -> text deschis, contrast minim 4.5:1 pe #1c1c1c
      La cod nou: foloseste clasele / variabilele Metronic (var(--bs-body-bg), text-gray-800 ...)
      sau acelasi format var(--dk-..., #hex) + tokenul corespunzator aici.
   2. Override-uri pentru layout, plugin-uri si continut introdus de utilizatori.
   3. Culorile whitelabel pe dark se genereaza separat in whitelabel-dark.css.
   ===================================================================== */

/* ---------- 1. Tokeni ---------- */
[data-bs-theme=dark] {
	--adv-dk-page: #131313;
	--adv-info-fg: #9970f0; /* textul in culoarea de brand (suprascris din whitelabel-dark.css) */

	/* Metronic: text estompat mai lizibil pe fundal inchis */
	--bs-text-muted: #80809a;
	--bs-text-gray-500: #7a7a93;
	--bs-text-gray-600: #8c8ca1;

	--dk-bg-d1fae5: #1e3429;
	--dk-bg-e1e8f7: #1d2331;
	--dk-bg-e2e8f0: #22272d;
	--dk-bg-e3f2fd99: #1b273099;
	--dk-bg-e4e6ef: #23252c;
	--dk-bg-e8f5e9: #202d21;
	--dk-bg-e8fff3: #1b2e24;
	--dk-bg-e8fff5: #1b2e26;
	--dk-bg-e9f7ff: #1b272e;
	--dk-bg-eef0f5: #21232a;
	--dk-bg-f0f0f0: #242424;
	--dk-bg-f0f2ff: #1b1d25;
	--dk-bg-f0f4ff: #1b1e25;
	--dk-bg-f1f1f2: #232324;
	--dk-bg-f1f3f8: #1f222a;
	--dk-bg-f1f5f9: #1e242b;
	--dk-bg-f1f5ff: #1b1e25;
	--dk-bg-f1f8e999: #262e1d99;
	--dk-bg-f1faff: #1b2125;
	--dk-bg-f3e5f599: #2c1f2e99;
	--dk-bg-f4f6fa: #1e222a;
	--dk-bg-f5f5f5: #222222;
	--dk-bg-f5f5f7: #1f1f23;
	--dk-bg-f5f6f9: #202228;
	--dk-bg-f7f8fa: #1b1e24;
	--dk-bg-f8f5ff: #1d1a23;
	--dk-bg-f8f9fa: #1c1f22;
	--dk-bg-f8f9fb: #1a1e24;
	--dk-bg-f8f9fc: #1a1c23;
	--dk-bg-f8fafd: #1a1e23;
	--dk-bg-f9f9f9: #1f1f1f;
	--dk-bg-f9fafb: #1b1f22;
	--dk-bg-f9fbfd: #1a1e23;
	--dk-bg-fafafa: #1f1f1f;
	--dk-bg-fce4ec99: #301b2299;
	--dk-bg-fcfcfc: #1e1e1e;
	--dk-bg-fde2e2: #301c1c;
	--dk-bg-fff5f8: #231a1d;
	--dk-bg-fff8dd: #312c1c;
	--dk-bg-fff8e1: #302b1b;
	--dk-bg-ffffff: #1c1c1c;
	--dk-bg-ffffffb3: #1c1c1cb3;
	--dk-bg-ffffffe6: #1c1c1ce6;
	--dk-bg-ffffffeb: #1c1c1ceb;
	--dk-bd-0000001f: #ffffff1f;
	--dk-bd-00000026: #ffffff26;
	--dk-bd-0000003d: #ffffff3d;
	--dk-bd-00000042: #ffffff42;
	--dk-bd-9eafe6: #373c4a;
	--dk-bd-b5b5c3: #3f3f46;
	--dk-bd-c0c1c3: #404142;
	--dk-bd-ced4da: #363a3e;
	--dk-bd-d0d0d0: #3c3c3c;
	--dk-bd-d1d3e2: #32343f;
	--dk-bd-d5d8e0: #34363c;
	--dk-bd-d8dbe6: #31333d;
	--dk-bd-dbdfe9: #2f333c;
	--dk-bd-dddddd: #373737;
	--dk-bd-dee2e6: #323639;
	--dk-bd-e2e8f0: #2b323b;
	--dk-bd-e4e6ef: #2c2f39;
	--dk-bd-ebebeb: #323232;
	--dk-bd-eeeeee: #313131;
	--dk-bd-eef0f5: #2a2d36;
	--dk-bd-eef1f6: #292e37;
	--dk-bd-ffffff: #2b2b2b;
	--dk-fg-000000: #ededed;
	--dk-fg-008ca5: #66ddf3;
	--dk-fg-012f66: #a0c8f7;
	--dk-fg-030005: #f0defc;
	--dk-fg-0a58ca: #3b84ef;
	--dk-fg-0d6efd: #3a83ef;
	--dk-fg-0f5132: #aef0d1;
	--dk-fg-181c32: #cdd1e7;
	--dk-fg-1e1e2d: #d2d2e1;
	--dk-fg-373737: #c8c8c8;
	--dk-fg-3f4254: #abaec0;
	--dk-fg-4b5675: #8a95b4;
	--dk-fg-4c4e6f: #9092b3;
	--dk-fg-555555: #aaaaaa;
	--dk-fg-585858: #a7a7a7;
	--dk-fg-5e6278: #878ba1;
	--dk-fg-6c757d: #828b93;
	--dk-fg-7239ea: #9970f0;
	--dk-fg-727272: #8d8d8d;
	--dk-fg-7581a4: #7b87a8;
	--dk-fg-7a7974: #8b8a85;
	--dk-fg-7c3aed: #9b69f1;
	--dk-fg-7e8299: #84889e;
	--dk-fg-80808017: #85858517;
	--dk-fg-8157d9: #9a78e1;
	--dk-fg-8400ff: #b068f3;
	--dk-fg-842029: #df7b84;
	--dk-fg-896eb8: #947cbf;
	--dk-fg-b02a37: #d95f6b;
	--dk-fg-c82333: #e25a67;
	--dk-fg-dc3545: #e25865;
	--dk-fg-ff005a: #f04280;
	--dk-fg-ff1951: #f04770;
}

/* ---------- 2. Layout ---------- */
[data-bs-theme=dark] body,
[data-bs-theme=dark] #kt_app_main {
	background: var(--adv-dk-page) !important;
}

[data-bs-theme=dark] #kt_app_header_container {
	box-shadow: 0 1px 0 0 var(--bs-border-color) !important;
}

[data-bs-theme=dark] .card {
	--bs-card-bg: var(--bs-body-bg);
}

[data-bs-theme=dark] .bg-white {
	background-color: var(--bs-body-bg) !important;
}

[data-bs-theme=dark] .app-blank,
[data-bs-theme=dark] .app-blank #kt_app_root {
	background-color: var(--bs-body-bg);
}

[data-bs-theme=dark] img.loading-gif,
[data-bs-theme=dark] img.ovlimg {
	filter: brightness(1.2);
}

[data-bs-theme=dark] ::-webkit-scrollbar-thumb {
	background-color: #323248;
}

/* ---------- 3. CKEditor 5 ---------- */
html[data-bs-theme=dark] {
	--ck-color-base-foreground: #232333;
	--ck-color-base-background: #1c1c1c;
	--ck-color-base-border: #2b2b40;
	--ck-color-base-action: #50cd89;
	--ck-color-base-focus: #3e97ff;
	--ck-color-base-text: #cdcdde;
	--ck-color-base-active: #3e97ff;
	--ck-color-base-active-focus: #2884ef;
	--ck-color-text: #cdcdde;
	--ck-color-shadow-drop: rgba(0, 0, 0, 0.45);
	--ck-color-shadow-drop-active: rgba(0, 0, 0, 0.55);
	--ck-color-shadow-inner: rgba(0, 0, 0, 0.3);
	--ck-color-focus-border: #3e97ff;
	--ck-color-focus-outer-shadow: rgba(62, 151, 255, 0.25);
	--ck-color-toolbar-background: #1b1b29;
	--ck-color-toolbar-border: #2b2b40;
	--ck-color-button-default-background: transparent;
	--ck-color-button-default-hover-background: #2b2b40;
	--ck-color-button-default-active-background: #323248;
	--ck-color-button-on-background: #2b2b40;
	--ck-color-button-on-hover-background: #323248;
	--ck-color-button-on-active-background: #3a3a55;
	--ck-color-button-on-color: #3e97ff;
	--ck-color-button-action-background: #50cd89;
	--ck-color-button-save: #50cd89;
	--ck-color-button-cancel: #f1416c;
	--ck-color-split-button-hover-background: #2b2b40;
	--ck-color-split-button-hover-border: #3a3a55;
	--ck-color-dropdown-panel-background: #1c1c1c;
	--ck-color-dropdown-panel-border: #2b2b40;
	--ck-color-input-background: #1b1b29;
	--ck-color-input-border: #323248;
	--ck-color-input-text: #cdcdde;
	--ck-color-input-disabled-background: #232333;
	--ck-color-input-disabled-border: #2b2b40;
	--ck-color-input-disabled-text: #6d6d80;
	--ck-color-list-background: #1c1c1c;
	--ck-color-list-button-hover-background: #2b2b40;
	--ck-color-list-button-on-background: #3e97ff;
	--ck-color-list-button-on-background-focus: #2884ef;
	--ck-color-list-button-on-text: #ffffff;
	--ck-color-panel-background: #1c1c1c;
	--ck-color-panel-border: #2b2b40;
	--ck-color-labeled-field-label-background: #1c1c1c;
	--ck-color-tooltip-background: #000000;
	--ck-color-tooltip-text: #ffffff;
	--ck-color-engine-placeholder-text: #6d6d80;
	--ck-color-upload-bar-background: #3e97ff;
	--ck-color-link-default: #69acff;
	--ck-color-switch-button-off-background: #474761;
	--ck-color-switch-button-off-hover-background: #565674;
	--ck-color-image-caption-background: #1b1b29;
	--ck-color-image-caption-text: #cdcdde;
	--ck-color-widget-blurred-border: #323248;
	--ck-color-widget-hover-border: #3e97ff;
	--ck-color-widget-editable-focus-background: #1c1c1c;
	--ck-color-table-focused-cell-background: rgba(62, 151, 255, 0.15);
	--ck-color-mention-background: rgba(62, 151, 255, 0.15);
	--ck-color-mention-text: #69acff;
	--ck-color-highlight-background: #4d4520;
}

/* ---------- 4. Continut introdus de utilizatori (CKEditor / copy-paste din Word) ----------
   Textul negru si fundalul alb scrise inline in continut ar deveni ilizibile pe dark. */
[data-bs-theme=dark] [style*="color:#000"],
[data-bs-theme=dark] [style*="color: #000"],
[data-bs-theme=dark] [style*="color:black"],
[data-bs-theme=dark] [style*="color: black"],
[data-bs-theme=dark] [style*="color:rgb(0,0,0)"],
[data-bs-theme=dark] [style*="color: rgb(0, 0, 0)"],
[data-bs-theme=dark] [style*="color:hsl(0,0%,0%)"],
[data-bs-theme=dark] [style*="color:hsl(0, 0%, 0%)"],
[data-bs-theme=dark] [style*="color: hsl(0, 0%, 0%)"],
[data-bs-theme=dark] [style*="color:windowtext"],
[data-bs-theme=dark] [style*="color: windowtext"],
[data-bs-theme=dark] [style*="color:#222"],
[data-bs-theme=dark] [style*="color: #222"],
[data-bs-theme=dark] [style*="color:#333"],
[data-bs-theme=dark] [style*="color: #333"],
[data-bs-theme=dark] [style*="color:rgb(33, 37, 41)"],
[data-bs-theme=dark] [style*="color: rgb(33, 37, 41)"] {
	color: var(--bs-gray-800) !important;
}

[data-bs-theme=dark] [style*="background-color:#fff"],
[data-bs-theme=dark] [style*="background-color: #fff"],
[data-bs-theme=dark] [style*="background-color:white"],
[data-bs-theme=dark] [style*="background-color: white"],
[data-bs-theme=dark] [style*="background-color:rgb(255,255,255)"],
[data-bs-theme=dark] [style*="background-color: rgb(255, 255, 255)"],
[data-bs-theme=dark] [style*="background-color:hsl(0,0%,100%)"],
[data-bs-theme=dark] [style*="background-color:hsl(0, 0%, 100%)"],
[data-bs-theme=dark] [style*="background-color: hsl(0, 0%, 100%)"],
[data-bs-theme=dark] [style*="background:#fff"],
[data-bs-theme=dark] [style*="background: #fff"],
[data-bs-theme=dark] [style*="background:white"],
[data-bs-theme=dark] [style*="background: white"] {
	background-color: transparent !important;
}

/* ---------- 5. Buton comutare plutitor (login, recuperare, erori) ----------
   Stilurile de baza se aplica si pe light: fisierul se incarca mereu cand optiunea e permisa. */
.dk-toggle-floating {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 1060;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	color: #3f4254;
	border: 1px solid #e4e6ef;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
	cursor: pointer;
	text-decoration: none;
	transition: transform .15s ease;
}

.dk-toggle-floating:hover {
	transform: scale(1.08);
	color: #3f4254;
}

.dk-toggle-floating .dk-ico-sun {
	display: none;
}

[data-bs-theme=dark] .dk-toggle-floating {
	background: #1c1c1c;
	color: #ffc700;
	border-color: #2b2b40;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);
}

[data-bs-theme=dark] .dk-toggle-floating .dk-ico-sun {
	display: block;
}

[data-bs-theme=dark] .dk-toggle-floating .dk-ico-moon {
	display: none;
}