:root {
    --alb-dark: #acd4e7;
	--albastru-dark: #143245;
}


    .tema-dark .app-aside, 
    .tema-dark .navbar-header {
        background: var(--menu-dark);
    }



.tema-dark p,
.tema-dark span {color: var(--text-dark) !important;}
.tema-dark li::marker {color: var(--text-dark);}

.tema-dark .bg-dark {background: var(--menu-dark) !important;}
.tema-dark .app-aside:before {background: var(--menu-dark);}

.tema-dark {background-color: var(--fundal-dark);}

html.tema-dark body {
    color: var(--text-dark);
}

.tema-dark .bg-white-only {
    background-color: var(--menu);
}
.tema-dark .app:before {background-color: var(--fundal-dark);}
.tema-dark .menu-sageata {color: var(--text-dark);}

.tema-dark .header-h1 h1 {color: #8ca2af;}
.tema-dark .bg-dark .nav > li > a {color: #8ca2af;}
.tema-dark .bg-dark .nav > li.active > a {color: var(--orange-dark);}
.tema-dark .tabul {background: var(--menu);}

.tema-dark .form-grup input, 
.tema-dark .form-grup input.form-control, 
.tema-dark .form-grup select, 
.tema-dark .form-grup textarea {
    background: var(--fundal-dark);
    color: var(--text-dark);
    border: 1px solid transparent;
} 
.tema-dark .form-control:disabled, 
.tema-dark .form-control[readonly] {
    background-color: #0d1013 !important;
    border: 1px solid transparent !important;
}
.tema-dark .form-control {
    background: var(--fundal-dark) !important;
    color: var(--text-dark) !important;
    border: 1px solid transparent !important;
}
.tema-dark .form-grup label {color: var(--text-dark);}

.tema-dark .but-ca-search {
    background: var(--fundal-dark);
    color: var(--text-dark);
    border: 1px solid transparent;
}
.tema-dark .but-ca-close {
    color: var(--text-dark);
}
.tema-dark .tabel-flex-linie input[type="text"], 
.tema-dark .tabel-flex-linie input[type="number"], 
.tema-dark .tabel-flex-linie textarea {
    color: var(--text-dark);
    border-color: var(--text-dark);
}
.tema-dark .okay {
    background: var(--menu);
    color: var(--text-dark);
}
.tema-dark .i-checks > i {background-color: transparent; border-color: var(--text-dark);}
.tema-dark .dd-select {background: var(--fundal-dark) !important; border-color: transparent;}
.tema-dark .dd-option-selected {background: var(--menu) !important; border-color: var(--text-dark);}
.tema-dark .dd-option {background: var(--fundal-dark) !important; border-color: var(--text-dark);}
.tema-dark .perp-uploader {
    background-color: var(--fundal-dark);
    border-color: transparent;
}

.tema-dark .form-grup input::placeholder {color: var(--text-dark);}
.tema-dark .tabel-flex {border-color: var(--tabel-border-dark);}
.tema-dark .tabel-flex-linie {border-color: var(--tabel-border-dark);}
.tema-dark .tabel-flex-linie > span {border-color: var(--tabel-border-dark);}
.tema-dark .tabel-flex-linie a {color: var(--text-dark);}
.tema-dark .tabel-flex-linie:hover {background: #1a2024 !important; background-color: #1a2024 !important;}

.tema-dark .but-bg-rosu {
    background: var(--orange-dark);
    border-color: var(--orange-dark);
    color: var(--text-dark-light);
}
.tema-dark .but-bg-rosu:hover {
   background-color: #ff8239; 
   border-color: #ff8239; 
}
.tema-dark .but-bg-negru {
    background: var(--menu-dark);
    border-color: var(--menu-dark);
    color: var(--text-dark);
}

.tema-dark .but.but-color-gri, 
.tema-dark .but.but-color-negru {
   color: var(--text-dark); 
   border-color: var(--text-dark); 
}
.tema-dark .but.but-color-gri:hover, 
.tema-dark .but.but-color-negru:hover {
   color: var(--menu); 
   background: var(--text-dark);
}
.tema-dark .but-bg-verde {
    background: #0d4b06;
    color: var(--text-dark);
    border-color: #0d4b06;
}
.tema-dark .but-bg-albastru {
    background: #164669;
    color: var(--text-dark);
    border-color: #164669;
}

.tema-dark .date-label-click {color: var(--text-dark) !important;}

.tema-dark .cifre {background: #8193a3;}
.tema-dark .cifre strong {color: var(--menu);}
.tema-dark .cifre .nume {color: var(--fundal-dark) !important; text-shadow: 1px 1px 0 #bbc9d5;}
.tema-dark .cifre .nume span {color: var(--menu-dark) !important;}

.tema-dark #monthdate,
.tema-dark #yeardate, 
.tema-dark #prevmonthdate {
    background-color: var(--fundal-dark);
    color: var(--text-dark);
    border-color: transparent;
    box-shadow: none;
    text-shadow: none !important;
}

.tema-dark .tabel-flex-linie > span[style="background-color:#ffffa2;"] {
    background-color: #717149 !important;
    color: #b4d3e5;
}
.tema-dark .tabel-flex-linie[style="background-color:#defffb"], 
.tema-dark .tabel-flex-linie[style="background-color:#defffb"] > span {
    background-color: #214447 !important;
}
.tema-dark .tabel-flex-linie[style="background-color:#c5fbc3"] > span {
    background-color: #2b3d2a !important;
}

.tema-dark .paginatie li.active a {
    border-color: var(--orange-dark);
    background: var(--orange-dark);
    color: var(--fundal-dark);
}
.tema-dark .avertizare {background: #633e0c;}
.tema-dark .form-left, 
.tema-dark .form-right {border-color: var(--tabel-border-dark);}

.tema-dark .tabel-cheltuieli .tabel-flex-linie > span {color: var(--text-dark);}
.tema-dark .termen-rosu {background: #752100;}
.tema-dark .termen-depasit:before {color: #ff914e;}
.tema-dark .legenda-sus .mso {color: #ff914e;}
.tema-dark .total-partial {
    border-color: var(--text-dark);
    background: #2a5765;
    color: var(--text-dark);
}
.tema-dark .datele {color: var(--text-dark);}
.tema-dark .total-amount {
    border-color: var(--tabel-border-dark);
    background: var(--orange-dark);
    color: var(--menu);
}
.tema-dark .datepicker table {
    color: var(--menu);
    background: var(--text-dark);
}
.tema-dark .table-condensed > tbody > tr:nth-child(2n+1) > td, 
.tema-dark .table-condensed > tbody > tr:nth-child(2n+1) > th {
    background-color: var(--text-dark);
}
.tema-dark .dropdown-menu {background-color: var(--text-dark);}
.tema-dark .datepicker-dropdown:before {
    border-bottom: var(--text-dark) !important;
    background-color: var(--text-dark);
}
.tema-dark .tfl-footer {background: #473218;}
.tema-dark .btn-save-grup {border-color: var(--tabel-border-dark);}

.tema-dark .tabel-flex-linie[style="background-color: #fdf6ec"] {
    background-color: #5b3500 !important;
}
.tema-dark .label-data {
    background: var(--text-dark);
    border-color: var(--text-dark);
    color: var(--menu);
}
.tema-dark .tabel-total {background: #101f2d;}
.tema-dark .rosu:hover {color: #ffa16b;}

.tema-dark .datele .but {color: var(--text-dark);}
.tema-dark .form-adauga h3 {border-color: var(--tabel-border-dark);}
.tema-dark .but-icon-fara-text {color: var(--text-dark);}
.tema-dark .buzunar-tabel {background: var(--fundal-dark); border: 0;}
.tema-dark .tabel-in-tabel span {background: var(--menu);}
.tema-dark .tabel-in-tabel .tfl-header span {background: var(--menu-dark);}
.tema-dark .buzunar-tabel.active + div {border-top: 1px solid var(--tabel-border-dark);}
.tema-dark .tfl-header {background: var(--menu-dark);}

.tema-dark .modal-dialog {
    box-shadow: 0 0 90px 0 rgba(255 255 255 / 25%); 
    border: 1px solid var(--text-dark);
}
.tema-dark .modal-content {background: var(--menu);}
.tema-dark .modal-header {border-color: var(--tabel-border-dark);}
.tema-dark .modal-footer {border-color: var(--tabel-border-dark);}
.tema-dark .close {color: #fff;}
.tema-dark .tabel-in-tabel > div {background: var(--menu);}

.tema-dark .titlu-mob {color: #998168;}

.tema-dark .tfl-body.bg-success {background-color: #214447 !important; color: var(--text-dark);}
.tema-dark .tabel-flex-linie:last-child {border-color: var(--tabel-border-dark);}
.tema-dark .modal-report-user h4 {border-color: var(--tabel-border-dark);}

.tema-dark .dashboard-card {background: #8193a3;}
.tema-dark .dashboard-card i {background: var(--tabel-border-dark); color: var(--text-dark);}
.tema-dark .card-value {background: var(--text-dark); color: var(--menu);}
.tema-dark .card-title {color: var(--menu-dark); text-shadow: none;}
.tema-dark .card-stats {color: var(--menu);}
.tema-dark .dash-costuri {border-color: var(--tabel-border-dark);}
.tema-dark .bootstrap-switch {border-color: var(--fundal-dark);}
.tema-dark .bootstrap-switch .bootstrap-switch-label {background: var(--fundal-dark);}

.tema-dark .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, 
.tema-dark .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
    color: var(--text-dark);
    background: var(--menu);
}

.tema-dark .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, 
.tema-dark .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    color: var(--menu-dark);
}

.tema-dark .bg-light {
    background-color: var(--menu) !important;
    border: 0;
    color: var(--text-dark);
}

.tema-dark .progress-bar[style="width:100%; background-color:#272f35;"] {
    background-color: var(--text-dark) !important;
    overflow: hidden;
}
.tema-dark .message-for-factura {
    border: 0;
    background-color: var(--orange-dark);
}
.tema-dark .h4-special {border-color: var(--tabel-border-dark);}
.tema-dark .contactperson-information {border-color: var(--tabel-border-dark);}
.tema-dark .remove a {
    border-color: var(--text-dark);
    background: var(--text-dark);
}
.tema-dark .remove a:before {color: var(--menu-dark);}
.tema-dark .paginatie-nr {
    color: var(--text-dark);
    border-color: var(--tabel-border-dark);
}
.tema-dark .paginatie li a {color: var(--text-dark);}

.tema-dark .nav-pills {border-color: var(--tabel-border-dark);}
.tema-dark .nav-pills .nav-link {
    color: var(--text-dark);
    border-color: var(--tabel-border-dark);
    border-bottom-color: transparent;
}
.tema-dark .nav-pills .nav-link:hover {background: var(--menu-dark);}
.tema-dark .nav-pills .nav-link.active:hover {background: var(--mov);}
.tema-dark .nav-pills .nav-link.active, 
.tema-dark .nav-pills .show > .nav-link {
    color: var(--menu-dark);
}

.tema-dark .pagina-login {background: var(--fundal-dark);}
.tema-dark .header-login {background: var(--menu);}
.tema-dark .caseta-login {background: var(--menu);}
.tema-dark .pagina-login .micu small {color: var(--text-dark) !important;}

.tema-dark .tabel-totaluri {background: none;}
.tema-dark .tabel-totaluri .tabel-flex-linie {background: #202d15;}

.tema-dark .tab-acordeon {border-color: var(--tabel-border-dark);}
.tema-dark .token {background: #453e28; color: var(--text-dark-light); border-color: var(--tabel-border-dark);}
.tema-dark .token h4 .icon-valid:after {color: #66c15c;}
.tema-dark .token h4 .icon-invalid:after {color: #ff5959;}

.tema-dark .meniu-alege {border-color: var(--tabel-border-dark);}
.tema-dark .nivel-0 {border-color: var(--tabel-border-dark);}
.tema-dark .nivel-1 {background: #371f00;}
.tema-dark .nivel-2 {background: #001527;}

.tema-dark .i-checks input[disabled] + i {border-color: var(--text-dark);}

.tema-dark .factura-print {border-color: var(--tabel-border-dark);}

.tema-dark .tabel-factura th, 
.tema-dark .tabel-factura td {border-color: var(--tabel-border-dark);}


.tema-dark .table > tbody > tr > th, 
.tema-dark .table > tfoot > tr > th, 
.tema-dark .table > tbody > tr > td, 
.tema-dark .table > tfoot > tr > td {
    border-top-color: var(--tabel-border-dark) !important;
    color: var(--text-dark);
}
.tema-dark .total-amount span {color: var(--menu) !important;}
.tema-dark .mesajul {background: var(--menu-dark);}
.tema-dark .butoane-editare {color: var(--text-dark-light);}
.tema-dark .editable-submit {background: var(--orange-dark);}

/* Alertă notificări — dark mode */
.tema-dark .custom-alert {
    background: #2d2008; color: #fde68a;
    border-left-color: #d97706; border-bottom-color: #3d2f0a;
}
.tema-dark .custom-alert-icon { color: #f59e0b; }
.tema-dark .custom-alert-text strong { color: #fbbf24; }
.tema-dark .custom-alert-close { color: #f59e0b; }
.tema-dark .custom-alert-close:hover { background: #3d2f0a; color: #fde68a; }
.tema-dark .custom-alert .but-bg-rosu { background: #b45309; border-color: #b45309; }

/* Notificări — dark mode */
.tema-dark .notif-count-badge { background: #b91c1c; }
.tema-dark .notif-grup-titlu { color: #64748b; border-color: #2d3748; }
.tema-dark .notif-grup-count { background: #2d3748; color: #94a3b8; }
.tema-dark .notificarea { background: var(--menu-dark); border-color: #2d3748; }
.tema-dark .notificarea.necitita { background: #1a2540; border-color: #243358; }
.tema-dark .notificarea:hover { background: #1e2535; }
.tema-dark .notificarea.necitita:hover { background: #1f2d50; }
.tema-dark .notif-mesaj { color: var(--text-dark) !important; }
.tema-dark .notif-mesaj a { color: var(--text-dark) !important; }
.tema-dark .notif-mesaj a:hover { color: #60a5fa !important; }
.tema-dark .notif-sender { color: #94a3b8; }
.tema-dark .notif-time { color: #64748b; }
.tema-dark .notif-btn-citit { border-color: #374151; color: #6b7280; }
.tema-dark .notif-btn-citit:hover { background: #14532d; border-color: #16a34a; color: #4ade80; }
.tema-dark .notif-empty span,
.tema-dark .notif-empty p { color: #475569 !important; }

/* Header bell — dark mode */
.tema-dark .nav-bell-mso { color: var(--text-dark) !important; }
/* Desenul clopotelului sta in culoarea site-ului si pe tema intunecata (ca microfonul si
   iconita de utilizator); la hover, negrul din tema deschisa ar disparea in fundal — alb. */
.tema-dark .nav-bell-link:hover .nav-svg-bell,
.tema-dark .nav-bell-link:focus .nav-svg-bell { color: #fff; }.tema-dark .livrare-extra {border-color: var(--tabel-border-dark);}
.tema-dark .remove-caseta {
    border-color: var(--text-dark);
    background: var(--text-dark);
}
.tema-dark .remove-caseta:before {color: var(--menu-dark);}
.tema-dark .contact-sumar-card {border-color: var(--tabel-border-dark);}
.tema-dark .contact-sumar-card.primeste {border-color: var(--albastru);}
.tema-dark .fisa-sumar-card {border-color: var(--tabel-border-dark);}

.tema-dark .vz .vz-sub b {color: var(--alb-dark);}
.tema-dark #header .navbar-brand {background: transparent;}
.tema-dark .navbar-brand img {filter: brightness(0) saturate(100%) invert(85%) sepia(20%) saturate(850%) hue-rotate(125deg) brightness(75%);}
.tema-dark #header .dash-btn {color: var(--alb-dark);}


.tema-dark b.mt-gen {
    background: #192027;
    border: 1px solid #6b8997;
    box-shadow: none !important;
}
.tema-dark a:hover b.mt-gen {background: transparent;}
.tema-dark a.mt-top:hover {border-color: var(--verde2026);}
.tema-dark a.mt-top:hover b.mt-gen {border-color: var(--verde2026);}
.tema-dark .mt-gen .mt-ico, .tema-dark #header .dash-pi em {color: var(--alb-dark);}
.tema-dark .navi > ul.nav > li > a .font-bold {color: var(--alb-dark) !important;}
.tema-dark .navi > ul.nav > li > a:hover .font-bold {color: var(--verde2026) !important;}


.tema-dark .dsc-cap {border-top: transparent;}
.tema-dark #content .dsc-erou {
    background: linear-gradient(120deg, #08071d 0%, #144063 45%, #033133 80%, #001412 100%);
}
.tema-dark #content .dsc-erou .dsc-name {color: var(--alb-dark);}
.tema-dark #content .dsc-erou .dsc-mt i {background: var(--alb-dark);}
.tema-dark #content .dsc-erou .dsc-mt i.dsc-mt-ico {color: var(--alb-dark); background: transparent;}
.tema-dark #content .dsc-erou-t {color: var(--alb-dark);}
.tema-dark #content .dsc-h1 {color: var(--alb-dark);}

.tema-dark #aside .navi .nav-sub li a:hover {background: transparent !important;}
.tema-dark #aside .aside-colaps a {
    color: var(--alb-dark);
    background: #192027;
    border: 1px solid #6b8997;
}
html.tema-dark .aside-colaps .mso {
    color: var(--alb-dark) !important;
}
.tema-dark #aside .navi .nav-sub li a:hover .mt {background: transparent;}
.tema-dark #aside .navi .nav-sub li a:hover i {color: var(--alb-dark);}
.tema-dark #aside .navi .nav-sub li a:hover em {color: var(--alb-dark);}

/* Fereastra „Adaugă acces rapid” (Dashboard): plăcile ca în meniul din stânga — fond închis, contur gri-albastru,
   iconița deschisă; la hover și pe pagina deja aleasă conturul devine turcoaz. `html … #content` bate regulile
   din css/meniu-v2.css (`.dsc-modal b.mt-gen.dsc-mt`, hover-ul cu `:not()`), care altfel pun gradientul plăcii. */
html.tema-dark #content .dsc-modal b.mt-gen.dsc-mt {
    background: #192027;
    border: 1px solid #6b8997;
    box-shadow: none;
}
html.tema-dark #content .dsc-modal b.mt-gen.dsc-mt::before {display: none;}
html.tema-dark #content .dsc-modal b.mt-gen.dsc-mt .mt-ico {color: var(--alb-dark); background-color: transparent;}
html.tema-dark #content .dsc-modal b.mt-gen.dsc-mt .mt-glif {background-color: var(--alb-dark);}
html.tema-dark #content .dsc-modal :is(.dsc-tile:hover, .dsc-row:hover:not([disabled]), .dsc-row:focus-visible, .dsc-row.is-on) b.mt-gen.dsc-mt {
    background: transparent;
    border-color: var(--verde2026);
    box-shadow: none;
}
html.tema-dark #content .dsc-modal :is(.dsc-tile:hover, .dsc-row:hover:not([disabled]), .dsc-row:focus-visible, .dsc-row.is-on) b.mt-gen.dsc-mt .mt-ico {color: var(--verde2026);}
html.tema-dark #content .dsc-modal :is(.dsc-tile:hover, .dsc-row:hover:not([disabled]), .dsc-row:focus-visible, .dsc-row.is-on) b.mt-gen.dsc-mt .mt-glif {background-color: var(--verde2026);}
/* textul de sub plăci, ca în meniul din stânga (`.navi … .font-bold`): 13px, culoarea deschisă, turcoaz la hover */
html.tema-dark #content .dsc-modal :is(.dsc-row-t, .dsc-mine .dsc-name) {
    font: 500 13px/1.25 var(--v2-font);
    color: var(--alb-dark);
}
html.tema-dark #content .dsc-modal :is(.dsc-row:hover:not([disabled]), .dsc-row:focus-visible, .dsc-row.is-on) .dsc-row-t,
html.tema-dark #content .dsc-modal .dsc-mine .dsc-tile:hover .dsc-name {color: var(--verde2026);}

.tema-dark #content .dsc-modal-title, .tema-dark #content .dsc-search input {
    color: var(--alb-dark);
}
.tema-dark :is(#content, .modal, .dsc-modal) .but.but-bg-rosu {
    background: var(--alb-dark);
    border-color: var(--alb-dark);
    color: var(--albastru-dark);
}
/* Benzile cu plăci din capul paginilor (`.pgt`: banda secțiunii, taburile fișelor, Contul meu, Import / Export…): plăcile
   ca în meniul din stânga — fond închis, contur gri-albastru, iconița deschisă; pagina deschisă și hover-ul cu contur și
   iconiță turcoaz. `html … .pgt` bate css/meniu-v2.css (`.pgt b.mt-gen.pgt-t`, hover-ul cu `:not()`). */
html.tema-dark .pgt b.mt-gen.pgt-t {
    background: #192027;
    border: 1px solid #6b8997;
    box-shadow: none;
}
html.tema-dark .pgt b.mt-gen.pgt-t::before {display: none;}
html.tema-dark .pgt b.mt-gen.pgt-t .mt-ico {color: var(--alb-dark); background-color: transparent;}
html.tema-dark .pgt b.mt-gen.pgt-t .mt-glif {background-color: var(--alb-dark);}
html.tema-dark .pgt .pgt-i:is(.is-on, [aria-selected="true"], :hover:not(.pf-off), :focus-visible) b.mt-gen.pgt-t {
    background: transparent;
    border-color: var(--verde2026);
    box-shadow: none;
}
html.tema-dark .pgt .pgt-i:is(.is-on, [aria-selected="true"], :hover:not(.pf-off), :focus-visible) b.mt-gen.pgt-t .mt-ico {color: var(--verde2026);}
html.tema-dark .pgt .pgt-i:is(.is-on, [aria-selected="true"], :hover:not(.pf-off), :focus-visible) b.mt-gen.pgt-t .mt-glif {background-color: var(--verde2026);}
/* denumirea de sub placă, ca în meniul din stânga */
html.tema-dark .pgt .pgt-i, html.tema-dark .pgt .pgt-n {color: var(--alb-dark) !important;}
html.tema-dark .pgt .pgt-i:is(.is-on, [aria-selected="true"], :hover:not(.pf-off)) .pgt-n {color: var(--verde2026) !important;}

/* Butonul activ, în toate meniurile cu plăci (bara laterală pe ambele niveluri, benzile `.pgt` de sus, paginile deja alese
   în „Adaugă acces rapid”): placa plină în culoarea siglei din tema întunecată, iconița închisă — și la hover. */
:root {--sigla-dark: #5ebbbf;}
html.tema-dark #aside .navi > ul.nav li.active > a b.mt.mt-gen,
html.tema-dark .pgt .pgt-i.pgt-i:is(.is-on, [aria-selected="true"]) b.mt-gen.pgt-t,
html.tema-dark #content .dsc-modal .dsc-row.dsc-row.is-on b.mt-gen.dsc-mt {
    background: var(--sigla-dark);
    border-color: var(--sigla-dark);
    box-shadow: none;
}
html.tema-dark #aside .navi > ul.nav li.active > a b.mt.mt-gen::before {display: none;}
html.tema-dark #aside .navi > ul.nav li.active > a b.mt.mt-gen .mt-ico,
html.tema-dark .pgt .pgt-i.pgt-i:is(.is-on, [aria-selected="true"]) b.mt-gen.pgt-t .mt-ico,
html.tema-dark #content .dsc-modal .dsc-row.dsc-row.is-on b.mt-gen.dsc-mt .mt-ico {color: #192027;}
html.tema-dark #aside .navi > ul.nav li.active > a b.mt.mt-gen .mt-glif,
html.tema-dark .pgt .pgt-i.pgt-i:is(.is-on, [aria-selected="true"]) b.mt-gen.pgt-t .mt-glif,
html.tema-dark #content .dsc-modal .dsc-row.dsc-row.is-on b.mt-gen.dsc-mt .mt-glif {background-color: #192027;}

.tema-dark #content :is(.tabel-flex-linie a, .tabel-flex-linie input, .tabel-flex-linie textarea, .header-h1 h1) {
    color: var(--alb-dark);
}

/* Pastila „Dashboard” din bara de sus: culorile plăcilor din meniul din stânga — fond închis, contur gri-albastru,
   text și iconiță deschise; la hover contur, text și iconiță turcoaz (css/meniu-v2.css o umple cu gradient). */
html.tema-dark #header .dash-btn {
    background: #192027;
    border: 1px solid #6b8997;
    color: var(--alb-dark);
    box-shadow: none;
}
html.tema-dark #header .dash-btn .dash-pi {background: transparent;}
html.tema-dark #header .dash-btn .dash-pi em {color: var(--alb-dark);}
html.tema-dark #header .dash-btn:is(:hover, :focus-visible) {
    background: #192027;
    border-color: var(--verde2026);
    color: var(--verde2026);
    box-shadow: none;
}
html.tema-dark #header .dash-btn:is(:hover, :focus-visible) .dash-pi em {color: var(--verde2026);}

/* Bara de sus: luna (tema activă), bateria AI și cercul contului în culoarea siglei; pe fondul ei, iconița și inițialele
   închise. La baterie culoarea siglei ține locul turcoazului doar cât e plină — avertizarea pe culori rămâne (css/meniu-v2.css). */
html.tema-dark #header .tema-pereche button.on {background: var(--sigla-dark); color: #192027;}
html.tema-dark #header .tema-pereche button.on .material-symbols-outlined {color: #192027;}
html.tema-dark #header .ai-bat .ai-bat-umplere {
    background: color-mix(in srgb, var(--sigla-dark) clamp(0%, calc((var(--h, 120) - 40) * 5%), 100%), hsl(clamp(0, var(--h, 120), 40), 85%, 52%));
}
html.tema-dark #header .nav-user-av {background: var(--sigla-dark); color: #192027 !important;} /* meniu-v2.css o pune albă cu !important */

/* Dashboard: semnul „?” din casete în culoarea siglei, cu semnul închis; la hover --alb-dark.
   `!important` la culoare: `.tema-dark span` (mai sus) o forțează. */
html.tema-dark #content .dz-stari .app-help .app-help-i {background: var(--sigla-dark); color: #192027 !important;}
html.tema-dark #content .dz-stari .app-help:is(:hover, :focus, :focus-within) .app-help-i {background: var(--alb-dark);}

/* Submeniul din stânga, la hover: textul și iconița plăcii în --alb-dark (css/meniu-v2.css le pune alb, respectiv albastru). */
html.tema-dark #aside .navi .nav-sub li a:not(.mt-title):is(:hover, :focus-visible),
html.tema-dark #aside .navi .nav-sub li a:not(.mt-title):is(:hover, :focus-visible) :is(span, b, em) {color: var(--alb-dark) !important;}
html.tema-dark #aside .navi .nav-sub li a:not(.mt-title):is(:hover, :focus-visible) .mt-ico {color: var(--alb-dark);}
html.tema-dark #aside .navi .nav-sub li a:not(.mt-title):is(:hover, :focus-visible) .mt-glif {background-color: var(--alb-dark);}

/* Telefon: microfonul și clopoțelul din bara de sus cu linia mai groasă și în --alb-dark. Desenele sunt img/ui/mic.svg și
   img/ui/bell.svg (măști), aici cu un contur în plus; puse în CSS, nu ca fișiere noi în img/ (pe esd/banco img/ nu vine prin Actions). */
html.tema-dark #header .navbar-header .nav-mic-btn .nav-svg-mic {
    background-color: var(--alb-dark) !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 26 26'%3E%3Cpath stroke='%23000' stroke-width='0.7' stroke-linejoin='round' d='m12,0C5.383,0,0,5.383,0,12s5.383,12,12,12,12-5.383,12-12S18.617,0,12,0Zm0,23c-6.065,0-11-4.935-11-11S5.935,1,12,1s11,4.935,11,11-4.935,11-11,11Zm6-11c0,3.14-2.425,5.724-5.5,5.979v1.521c0,.276-.224.5-.5.5s-.5-.224-.5-.5v-1.521c-3.075-.255-5.5-2.839-5.5-5.979,0-.276.224-.5.5-.5s.5.224.5.5c0,2.757,2.243,5,5,5s5-2.243,5-5c0-.276.224-.5.5-.5s.5.224.5.5Zm-5.995,2.984c1.654,0,3-1.346,3-3v-5c0-1.654-1.346-3-3-3s-3,1.346-3,3v5c0,1.654,1.346,3,3,3Zm-2-8c0-1.103.897-2,2-2s2,.897,2,2v5c0,1.103-.897,2-2,2s-2-.897-2-2v-5Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 26 26'%3E%3Cpath stroke='%23000' stroke-width='0.7' stroke-linejoin='round' d='m12,0C5.383,0,0,5.383,0,12s5.383,12,12,12,12-5.383,12-12S18.617,0,12,0Zm0,23c-6.065,0-11-4.935-11-11S5.935,1,12,1s11,4.935,11,11-4.935,11-11,11Zm6-11c0,3.14-2.425,5.724-5.5,5.979v1.521c0,.276-.224.5-.5.5s-.5-.224-.5-.5v-1.521c-3.075-.255-5.5-2.839-5.5-5.979,0-.276.224-.5.5-.5s.5.224.5.5c0,2.757,2.243,5,5,5s5-2.243,5-5c0-.276.224-.5.5-.5s.5.224.5.5Zm-5.995,2.984c1.654,0,3-1.346,3-3v-5c0-1.654-1.346-3-3-3s-3,1.346-3,3v5c0,1.654,1.346,3,3,3Zm-2-8c0-1.103.897-2,2-2s2,.897,2,2v5c0,1.103-.897,2-2,2s-2-.897-2-2v-5Z'/%3E%3C/svg%3E");
}
html.tema-dark #header .navbar-header .nav-bell-m .nav-svg-bell {
    background-color: var(--alb-dark) !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 26 26'%3E%3Cpath stroke='%23000' stroke-width='0.7' stroke-linejoin='round' d='M22.859,13.662l-1.898-6.836C19.844,2.807,16.151,0,11.979,0,7.577,0,3.835,3.002,2.885,7.28l-1.766,6.635c-.331,1.487,.026,3.023,.98,4.215,.955,1.188,2.376,1.87,3.9,1.87h1.122c.47,2.305,2.48,4,4.878,4s4.408-1.695,4.878-4h1.164c1.576,0,3.027-.72,3.981-1.975,.954-1.254,1.258-2.844,.836-4.363Zm-10.859,9.338c-1.849,0-3.414-1.258-3.861-3h7.723c-.448,1.742-2.012,3-3.861,3Zm9.227-5.58c-.763,1.004-1.924,1.58-3.185,1.58H6c-1.22,0-2.357-.546-3.12-1.496-.764-.952-1.049-2.182-.789-3.352l1.766-6.636C4.709,3.68,8.049,1,11.979,1c3.724,0,7.021,2.506,8.017,6.094l1.898,6.836c.338,1.216,.094,2.487-.668,3.49Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 26 26'%3E%3Cpath stroke='%23000' stroke-width='0.7' stroke-linejoin='round' d='M22.859,13.662l-1.898-6.836C19.844,2.807,16.151,0,11.979,0,7.577,0,3.835,3.002,2.885,7.28l-1.766,6.635c-.331,1.487,.026,3.023,.98,4.215,.955,1.188,2.376,1.87,3.9,1.87h1.122c.47,2.305,2.48,4,4.878,4s4.408-1.695,4.878-4h1.164c1.576,0,3.027-.72,3.981-1.975,.954-1.254,1.258-2.844,.836-4.363Zm-10.859,9.338c-1.849,0-3.414-1.258-3.861-3h7.723c-.448,1.742-2.012,3-3.861,3Zm9.227-5.58c-.763,1.004-1.924,1.58-3.185,1.58H6c-1.22,0-2.357-.546-3.12-1.496-.764-.952-1.049-2.182-.789-3.352l1.766-6.636C4.709,3.68,8.049,1,11.979,1c3.724,0,7.021,2.506,8.017,6.094l1.898,6.836c.338,1.216,.094,2.487-.668,3.49Z'/%3E%3C/svg%3E");
}

/* Telefon: plăcile din submeniul deschis cu aceleași culori ca butoanele-părinte — iconițele-desen (glifele, albe din
   css/meniu-v2.css) și denumirile în --alb-dark. Fondul și conturul plăcii vin deja din `.tema-dark b.mt-gen`. */
@media (max-width: 767px) {
    html.tema-dark #aside .navi .nav-sub li > a:not(.mt-title) {color: var(--alb-dark) !important;}
    html.tema-dark #aside .navi .nav-sub li > a:not(.mt-title) b.mt-gen .mt-ico {color: var(--alb-dark);}
    html.tema-dark #aside .navi .nav-sub li > a:not(.mt-title) b.mt-gen .mt-glif {background-color: var(--alb-dark);}
}