/* =========================================================
   ON-ENERGY – teljes világos/sötét témaréteg
   ========================================================= */

:root {
    color-scheme: light;
}

html.oe-theme-dark,
html.dark-mode {
    color-scheme: dark;

    --oe-navy: #dcecff;
    --oe-navy-2: #b8d3eb;
    --oe-navy-3: #8fbbdd;

    --oe-blue: #4da3f5;
    --oe-blue-2: #36b5f1;
    --oe-cyan: #4fd0ef;

    --oe-bg: #0d151d;
    --oe-card: #18232d;
    --oe-card-soft: #1d2a35;
    --oe-border: #344554;

    --oe-text: #e8f1f8;
    --oe-muted: #9fb0bf;

    --oe-success: #4ecb7b;
    --oe-warning: #f3b84b;
    --oe-danger: #ff6977;
    --oe-info: #4bc7df;

    --oe-shadow: 0 7px 22px rgba(0, 0, 0, 0.28);
    --oe-shadow-hover: 0 12px 30px rgba(0, 0, 0, 0.38);
}

html.oe-theme-dark body,
html.dark-mode body,
body.oe-theme-dark,
body.dark-mode {
    background: #0a1118 !important;
    color: var(--oe-text) !important;
}

html.oe-theme-dark .wrapper,
html.dark-mode .wrapper {
    background: #0a1118;
}

html.oe-theme-dark .content-wrapper,
html.dark-mode .content-wrapper {
    background:
        linear-gradient(
            180deg,
            #111b24 0%,
            #0d151d 100%
        ) !important;
    color: var(--oe-text);
}

html.oe-theme-dark .content-header,
html.dark-mode .content-header {
    color: var(--oe-text);
}

html.oe-theme-dark .main-header,
html.dark-mode .main-header {
    background: #151f29 !important;
    border-bottom-color: #2f414f !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.24);
}

html.oe-theme-dark .main-header .nav-link,
html.dark-mode .main-header .nav-link {
    color: #c4d3df !important;
}

html.oe-theme-dark .main-header .nav-link:hover,
html.dark-mode .main-header .nav-link:hover {
    color: #ffffff !important;
}

html.oe-theme-dark .main-sidebar,
html.dark-mode .main-sidebar {
    background:
        linear-gradient(
            180deg,
            #0b1d2d 0%,
            #081724 52%,
            #06111b 100%
        ) !important;
}

html.oe-theme-dark .main-sidebar .brand-link,
html.dark-mode .main-sidebar .brand-link {
    background:
        linear-gradient(
            135deg,
            #0c2234 0%,
            #071724 100%
        ) !important;
    border-bottom-color: rgba(109, 189, 236, 0.15) !important;
}

html.oe-theme-dark .card,
html.dark-mode .card,
html.oe-theme-dark .modal-content,
html.dark-mode .modal-content,
html.oe-theme-dark .dropdown-menu,
html.dark-mode .dropdown-menu,
html.oe-theme-dark .list-group-item,
html.dark-mode .list-group-item {
    background: var(--oe-card) !important;
    color: var(--oe-text) !important;
    border-color: var(--oe-border) !important;
}

html.oe-theme-dark .card-header,
html.dark-mode .card-header,
html.oe-theme-dark .modal-header,
html.dark-mode .modal-header,
html.oe-theme-dark .modal-footer,
html.dark-mode .modal-footer,
html.oe-theme-dark .card-footer,
html.dark-mode .card-footer {
    border-color: var(--oe-border) !important;
}

html.oe-theme-dark .card-header:not([class*="bg-"]),
html.dark-mode .card-header:not([class*="bg-"]) {
    background: var(--oe-card-soft);
    color: var(--oe-text);
}

html.oe-theme-dark .table,
html.dark-mode .table,
html.oe-theme-dark .table-responsive,
html.dark-mode .table-responsive {
    background: var(--oe-card) !important;
    color: var(--oe-text) !important;
}

html.oe-theme-dark .table th,
html.dark-mode .table th,
html.oe-theme-dark .table td,
html.dark-mode .table td {
    border-color: var(--oe-border) !important;
    color: var(--oe-text);
}

html.oe-theme-dark .table thead th,
html.dark-mode .table thead th {
    background: #202e39 !important;
    color: #d8e5ef !important;
}

html.oe-theme-dark .table-hover tbody tr:hover,
html.dark-mode .table-hover tbody tr:hover {
    background: #21303b !important;
    color: var(--oe-text) !important;
}

html.oe-theme-dark .form-control,
html.dark-mode .form-control,
html.oe-theme-dark .custom-select,
html.dark-mode .custom-select,
html.oe-theme-dark .input-group-text,
html.dark-mode .input-group-text,
html.oe-theme-dark select.form-control option,
html.dark-mode select.form-control option,
html.oe-theme-dark select.custom-select option,
html.dark-mode select.custom-select option {
    background: #111b24 !important;
    color: var(--oe-text) !important;
    border-color: #3b4d5b !important;
}

html.oe-theme-dark .form-control:focus,
html.dark-mode .form-control:focus,
html.oe-theme-dark .custom-select:focus,
html.dark-mode .custom-select:focus {
    background: #13202a !important;
    color: #ffffff !important;
    border-color: var(--oe-blue) !important;
    box-shadow: 0 0 0 0.2rem rgba(77, 163, 245, 0.17) !important;
}

html.oe-theme-dark .form-control[readonly],
html.dark-mode .form-control[readonly],
html.oe-theme-dark .form-control:disabled,
html.dark-mode .form-control:disabled,
html.oe-theme-dark .custom-select:disabled,
html.dark-mode .custom-select:disabled {
    background: #1d2933 !important;
    color: #8496a5 !important;
}

html.oe-theme-dark .custom-control-label::before,
html.dark-mode .custom-control-label::before {
    background: #17232d;
    border-color: #415565;
}

html.oe-theme-dark .btn-outline-secondary,
html.dark-mode .btn-outline-secondary {
    color: #c1d0dc;
    border-color: #526575;
}

html.oe-theme-dark .btn-outline-secondary:hover,
html.dark-mode .btn-outline-secondary:hover {
    background: #334553;
    color: #ffffff;
}

html.oe-theme-dark .btn-light,
html.dark-mode .btn-light,
html.oe-theme-dark .btn-default,
html.dark-mode .btn-default {
    background: #263642;
    color: #e4edf4;
    border-color: #415463;
}

html.oe-theme-dark .dropdown-item,
html.dark-mode .dropdown-item {
    color: #d4e0e9;
}

html.oe-theme-dark .dropdown-item:hover,
html.dark-mode .dropdown-item:hover,
html.oe-theme-dark .dropdown-item:focus,
html.dark-mode .dropdown-item:focus {
    background: #263642;
    color: #ffffff;
}

html.oe-theme-dark .dropdown-divider,
html.dark-mode .dropdown-divider,
html.oe-theme-dark hr,
html.dark-mode hr {
    border-color: var(--oe-border);
}

html.oe-theme-dark .text-dark,
html.dark-mode .text-dark {
    color: var(--oe-text) !important;
}

html.oe-theme-dark .bg-white,
html.dark-mode .bg-white,
html.oe-theme-dark .bg-light,
html.dark-mode .bg-light {
    background: var(--oe-card-soft) !important;
    color: var(--oe-text) !important;
}

html.oe-theme-dark .close,
html.dark-mode .close {
    color: #ffffff;
    text-shadow: none;
}

html.oe-theme-dark .page-link,
html.dark-mode .page-link {
    background: var(--oe-card);
    color: #7fbcf5;
    border-color: var(--oe-border);
}

html.oe-theme-dark .page-item.disabled .page-link,
html.dark-mode .page-item.disabled .page-link {
    background: #1d2933;
    color: #6f8292;
}

html.oe-theme-dark .page-item.active .page-link,
html.dark-mode .page-item.active .page-link {
    background: var(--oe-blue);
    border-color: var(--oe-blue);
    color: #ffffff;
}

/* Navbar témakapcsoló */

.oe-theme-nav-item {
    display: flex;
    align-items: stretch;
}

.oe-theme-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 56px;
    padding: 6px 10px !important;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.oe-theme-toggle__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: rgba(25, 118, 210, 0.09);
    color: #1976d2;
    transition:
        transform 0.16s ease,
        background 0.16s ease;
}

.oe-theme-toggle:hover .oe-theme-toggle__icon {
    transform: translateY(-1px);
    background: rgba(25, 118, 210, 0.15);
}

html.oe-theme-dark .oe-theme-toggle__icon,
html.dark-mode .oe-theme-toggle__icon {
    background: rgba(77, 163, 245, 0.15);
    color: #f6c95d;
}

/* ON-ENERGY közös felületek */

html.oe-theme-dark .small-box.bg-primary,
html.dark-mode .small-box.bg-primary,
html.oe-theme-dark .small-box.bg-info,
html.dark-mode .small-box.bg-info,
html.oe-theme-dark .small-box.bg-success,
html.dark-mode .small-box.bg-success,
html.oe-theme-dark .small-box.bg-warning,
html.dark-mode .small-box.bg-warning,
html.oe-theme-dark .small-box.bg-danger,
html.dark-mode .small-box.bg-danger,
html.oe-theme-dark .small-box.bg-secondary,
html.dark-mode .small-box.bg-secondary,
html.oe-theme-dark body .oe-workbench-page .small-box,
html.dark-mode body .oe-workbench-page .small-box {
    background: var(--oe-card) !important;
    color: var(--oe-text) !important;
    border-color: var(--oe-border);
}

html.oe-theme-dark body .oe-workbench-page .small-box > .icon,
html.dark-mode body .oe-workbench-page .small-box > .icon,
html.oe-theme-dark body .oe-overview-page .small-box > .icon,
html.dark-mode body .oe-overview-page .small-box > .icon {
    background: #22313d !important;
    color: #8ea3b4 !important;
}

html.oe-theme-dark .oe-alert--info,
html.dark-mode .oe-alert--info {
    background: #132d3a;
    border-color: #28566b;
    color: #b8dce9;
}

html.oe-theme-dark .oe-alert--success,
html.dark-mode .oe-alert--success {
    background: #163426;
    border-color: #2e6849;
    color: #bde5cc;
}

html.oe-theme-dark .oe-alert--warning,
html.dark-mode .oe-alert--warning {
    background: #3a2d14;
    border-color: #6b5426;
    color: #f1d59b;
}

html.oe-theme-dark .oe-alert--danger,
html.dark-mode .oe-alert--danger {
    background: #3a1d24;
    border-color: #713440;
    color: #f3bec6;
}

html.oe-theme-dark .badge-success,
html.dark-mode .badge-success {
    background: #173b27 !important;
    color: #79d79b !important;
    border-color: #357a50 !important;
}

html.oe-theme-dark .badge-warning,
html.dark-mode .badge-warning {
    background: #3c3018 !important;
    color: #f2c86e !important;
    border-color: #79602d !important;
}

html.oe-theme-dark .badge-danger,
html.dark-mode .badge-danger {
    background: #431f28 !important;
    color: #ff8b98 !important;
    border-color: #803a48 !important;
}

html.oe-theme-dark .badge-info,
html.dark-mode .badge-info {
    background: #123744 !important;
    color: #75d4e7 !important;
    border-color: #2d7383 !important;
}

html.oe-theme-dark .oe-filter-card > .card.collapsed-card > .card-header,
html.dark-mode .oe-filter-card > .card.collapsed-card > .card-header,
html.oe-theme-dark .oe-filter-card > .card:not(.collapsed-card) > .card-header,
html.dark-mode .oe-filter-card > .card:not(.collapsed-card) > .card-header,
html.oe-theme-dark body .oe-overview-page .card > .card-header,
html.dark-mode body .oe-overview-page .card > .card-header,
html.oe-theme-dark body .oe-workbench-page .card > .card-header,
html.dark-mode body .oe-workbench-page .card > .card-header {
    background: #202e39 !important;
    color: var(--oe-text) !important;
    border-color: var(--oe-border) !important;
}

html.oe-theme-dark body .oe-overview-page .card-body,
html.dark-mode body .oe-overview-page .card-body,
html.oe-theme-dark body .oe-workbench-page .table-responsive,
html.dark-mode body .oe-workbench-page .table-responsive,
html.oe-theme-dark body .oe-workbench-page .table,
html.dark-mode body .oe-workbench-page .table {
    background: var(--oe-card) !important;
}

html.oe-theme-dark .oe-modal,
html.dark-mode .oe-modal,
html.oe-theme-dark .oe-toast,
html.dark-mode .oe-toast,
html.oe-theme-dark .oe-main-footer,
html.dark-mode .oe-main-footer {
    background: var(--oe-card) !important;
    color: var(--oe-text) !important;
    border-color: var(--oe-border) !important;
}

html.oe-theme-dark .oe-modal .modal-footer,
html.dark-mode .oe-modal .modal-footer {
    background: var(--oe-card-soft) !important;
}

html.oe-theme-dark .oe-main-footer,
html.dark-mode .oe-main-footer {
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.03);
}

/* Felhasználói menü és profil */

html.oe-theme-dark .oe-user-menu-toggle,
html.dark-mode .oe-user-menu-toggle,
html.oe-theme-dark .oe-user-trigger-copy strong,
html.dark-mode .oe-user-trigger-copy strong {
    color: var(--oe-text) !important;
}

html.oe-theme-dark .oe-user-menu-toggle:hover,
html.dark-mode .oe-user-menu-toggle:hover,
html.oe-theme-dark .oe-user-menu.show .oe-user-menu-toggle,
html.dark-mode .oe-user-menu.show .oe-user-menu-toggle {
    background: rgba(77, 163, 245, 0.12);
}

html.oe-theme-dark .oe-user-dropdown,
html.dark-mode .oe-user-dropdown {
    background: #17232d;
    border-color: #344856;
    box-shadow: 0 24px 55px rgba(0, 0, 0, 0.48);
}

html.oe-theme-dark .oe-user-dropdown-link,
html.dark-mode .oe-user-dropdown-link {
    color: #d7e3ec;
}

html.oe-theme-dark .oe-user-dropdown-link:hover,
html.dark-mode .oe-user-dropdown-link:hover {
    background: #22323e;
    color: #75baf7;
}

html.oe-theme-dark .oe-user-dropdown-link small,
html.dark-mode .oe-user-dropdown-link small,
html.oe-theme-dark .oe-user-chevron,
html.dark-mode .oe-user-chevron {
    color: #91a4b3;
}

html.oe-theme-dark .oe-user-dropdown-footer,
html.dark-mode .oe-user-dropdown-footer {
    background: #121c24;
    border-top-color: #344554;
}

html.oe-theme-dark .oe-user-logout-button,
html.dark-mode .oe-user-logout-button {
    background: #341d22;
    color: #ff8b96;
    border-color: #67313a;
}

html.oe-theme-dark .oe-user-logout-button:hover,
html.dark-mode .oe-user-logout-button:hover {
    background: #46252d;
}

html.oe-theme-dark .oe-profile-field,
html.dark-mode .oe-profile-field {
    background: var(--oe-card-soft);
    border-color: var(--oe-border);
}

/* Beállítások */

html.oe-theme-dark .oe-settings-intro,
html.dark-mode .oe-settings-intro,
html.oe-theme-dark .oe-settings-hub-card,
html.dark-mode .oe-settings-hub-card,
html.oe-theme-dark .oe-diagnostic-card,
html.dark-mode .oe-diagnostic-card {
    background: var(--oe-card);
    border-color: var(--oe-border);
}

html.oe-theme-dark .oe-settings-hub-card.is-disabled,
html.dark-mode .oe-settings-hub-card.is-disabled,
html.oe-theme-dark .oe-settings-hub-card__note,
html.dark-mode .oe-settings-hub-card__note,
html.oe-theme-dark .oe-diagnostics-result,
html.dark-mode .oe-diagnostics-result,
html.oe-theme-dark .oe-settings-empty-state,
html.dark-mode .oe-settings-empty-state,
html.oe-theme-dark .oe-settings-audit-detail-row td,
html.dark-mode .oe-settings-audit-detail-row td,
html.oe-theme-dark .oe-settings-inline-note,
html.dark-mode .oe-settings-inline-note {
    background: var(--oe-card-soft);
    color: var(--oe-muted);
    border-color: var(--oe-border);
}

html.oe-theme-dark .oe-settings-action-bar,
html.dark-mode .oe-settings-action-bar,
html.oe-theme-dark .oe-permission-save-bar,
html.dark-mode .oe-permission-save-bar {
    background: rgba(24, 35, 45, 0.96);
    border-color: var(--oe-border);
    box-shadow: 0 -3px 18px rgba(0, 0, 0, 0.28);
}

html.oe-theme-dark .oe-theme-choice__surface,
html.dark-mode .oe-theme-choice__surface {
    background: var(--oe-card);
    border-color: var(--oe-border);
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.24);
}

/* Audit- és emailnapló */

html.oe-theme-dark .oe-audit-v2-table > tbody > tr:not(.oe-audit-v2-detail-row):hover > td,
html.dark-mode .oe-audit-v2-table > tbody > tr:not(.oe-audit-v2-detail-row):hover > td,
html.oe-theme-dark .oe-email-log-table tbody tr:hover,
html.dark-mode .oe-email-log-table tbody tr:hover {
    background: #21303b !important;
}

html.oe-theme-dark .oe-audit-v2-detail-row > td,
html.dark-mode .oe-audit-v2-detail-row > td,
html.oe-theme-dark .oe-audit-v2-detail-panel,
html.dark-mode .oe-audit-v2-detail-panel,
html.oe-theme-dark .oe-audit-v2-section[open] > summary,
html.dark-mode .oe-audit-v2-section[open] > summary,
html.oe-theme-dark .oe-audit-v2-technical-details,
html.dark-mode .oe-audit-v2-technical-details,
html.oe-theme-dark .oe-email-detail-row > td,
html.dark-mode .oe-email-detail-row > td,
html.oe-theme-dark .oe-email-detail-panel,
html.dark-mode .oe-email-detail-panel {
    background: var(--oe-card-soft) !important;
}

html.oe-theme-dark .oe-audit-v2-section,
html.dark-mode .oe-audit-v2-section,
html.oe-theme-dark .oe-audit-v2-change-table,
html.dark-mode .oe-audit-v2-change-table,
html.oe-theme-dark .oe-audit-v2-metadata-grid > div,
html.dark-mode .oe-audit-v2-metadata-grid > div,
html.oe-theme-dark .oe-audit-v2-technical-grid > div,
html.dark-mode .oe-audit-v2-technical-grid > div,
html.oe-theme-dark .oe-audit-v2-user-agent,
html.dark-mode .oe-audit-v2-user-agent,
html.oe-theme-dark .oe-audit-v2-no-changes,
html.dark-mode .oe-audit-v2-no-changes,
html.oe-theme-dark .oe-email-detail-content,
html.dark-mode .oe-email-detail-content {
    background: var(--oe-card) !important;
    border-color: var(--oe-border) !important;
}

html.oe-theme-dark .oe-email-log-table thead th,
html.dark-mode .oe-email-log-table thead th,
html.oe-theme-dark .oe-count-lines-table thead th,
html.dark-mode .oe-count-lines-table thead th,
html.oe-theme-dark .oe-count-history-table thead th,
html.dark-mode .oe-count-history-table thead th {
    background: #202e39 !important;
}

html.oe-theme-dark .oe-audit-v2-value-old,
html.dark-mode .oe-audit-v2-value-old,
html.oe-theme-dark .oe-count-line--difference,
html.dark-mode .oe-count-line--difference {
    background: #3b2a18 !important;
}

html.oe-theme-dark .oe-email-error,
html.dark-mode .oe-email-error,
html.oe-theme-dark .oe-audit-v2-theme-danger,
html.dark-mode .oe-audit-v2-theme-danger {
    background: #3b1e26 !important;
}

/* Projektek, jogosultságok és eszköznyilvántartás */

html.oe-theme-dark .oe-contact-item,
html.dark-mode .oe-contact-item,
html.oe-theme-dark .oe-report-summary-item,
html.dark-mode .oe-report-summary-item,
html.oe-theme-dark .oe-permission-topic-picker,
html.dark-mode .oe-permission-topic-picker,
html.oe-theme-dark .oe-permission-topic-card,
html.dark-mode .oe-permission-topic-card,
html.oe-theme-dark .oe-permission-setting-card,
html.dark-mode .oe-permission-setting-card,
html.oe-theme-dark .oe-permission-state-options span,
html.dark-mode .oe-permission-state-options span,
html.oe-theme-dark .oe-project-access-summary-grid > div,
html.dark-mode .oe-project-access-summary-grid > div,
html.oe-theme-dark .oe-project-access-default-options label > span,
html.dark-mode .oe-project-access-default-options label > span,
html.oe-theme-dark .oe-project-access-card,
html.dark-mode .oe-project-access-card,
html.oe-theme-dark .oe-inventory-overview,
html.dark-mode .oe-inventory-overview,
html.oe-theme-dark .oe-inventory-catalog-item,
html.dark-mode .oe-inventory-catalog-item,
html.oe-theme-dark .oe-inventory-empty,
html.dark-mode .oe-inventory-empty,
html.oe-theme-dark .oe-inventory-summary-card,
html.dark-mode .oe-inventory-summary-card,
html.oe-theme-dark .oe-count-active-session,
html.dark-mode .oe-count-active-session {
    background: var(--oe-card) !important;
    color: var(--oe-text) !important;
    border-color: var(--oe-border) !important;
}

html.oe-theme-dark .oe-permission-topic-card:hover,
html.dark-mode .oe-permission-topic-card:hover,
html.oe-theme-dark .oe-permission-page-section,
html.dark-mode .oe-permission-page-section,
html.oe-theme-dark .oe-permission-setting-status > div,
html.dark-mode .oe-permission-setting-status > div,
html.oe-theme-dark .oe-permission-state-options label:hover span,
html.dark-mode .oe-permission-state-options label:hover span,
html.oe-theme-dark .oe-permission-not-active,
html.dark-mode .oe-permission-not-active,
html.oe-theme-dark .oe-permission-section-tabs a:hover,
html.dark-mode .oe-permission-section-tabs a:hover,
html.oe-theme-dark .oe-project-access-default-options label:hover > span,
html.dark-mode .oe-project-access-default-options label:hover > span,
html.oe-theme-dark .oe-inventory-catalog-item__details-inner,
html.dark-mode .oe-inventory-catalog-item__details-inner,
html.oe-theme-dark .oe-inventory-tabs,
html.dark-mode .oe-inventory-tabs,
html.oe-theme-dark .oe-inventory-optional-fields,
html.dark-mode .oe-inventory-optional-fields,
html.oe-theme-dark .oe-count-line--uncounted,
html.dark-mode .oe-count-line--uncounted,
html.oe-theme-dark .oe-count-notes-grid > div,
html.dark-mode .oe-count-notes-grid > div {
    background: var(--oe-card-soft) !important;
    color: var(--oe-text) !important;
    border-color: var(--oe-border) !important;
}

html.oe-theme-dark .oe-permission-key,
html.dark-mode .oe-permission-key {
    background: #24333f;
    color: #b8cad7;
}

html.oe-theme-dark .oe-permission-topic-card.is-active,
html.dark-mode .oe-permission-topic-card.is-active,
html.oe-theme-dark .oe-permission-section-tabs a.is-active,
html.dark-mode .oe-permission-section-tabs a.is-active {
    background:
        linear-gradient(
            145deg,
            #1c3447,
            #182a39
        ) !important;
    border-color: #3f7398 !important;
}

html.oe-theme-dark .oe-permission-state-options input[value="deny"]:checked + span,
html.dark-mode .oe-permission-state-options input[value="deny"]:checked + span,
html.oe-theme-dark .oe-project-access-effective.is-denied,
html.dark-mode .oe-project-access-effective.is-denied {
    background: #3c2027 !important;
}

html.oe-theme-dark .oe-inventory-danger-zone,
html.dark-mode .oe-inventory-danger-zone,
html.oe-theme-dark .oe-inventory-action-section--danger,
html.dark-mode .oe-inventory-action-section--danger,
html.oe-theme-dark .oe-alarm-item:has(.prio-critical),
html.dark-mode .oe-alarm-item:has(.prio-critical) {
    background: #351d24 !important;
}

html.oe-theme-dark .oe-alarm-item:has(.prio-warning),
html.dark-mode .oe-alarm-item:has(.prio-warning),
html.oe-theme-dark .oe-count-result--difference,
html.dark-mode .oe-count-result--difference {
    background: #382d17 !important;
}

/* Monitoring */

html.oe-theme-dark .oe-chart-wrapper,
html.dark-mode .oe-chart-wrapper,
html.oe-theme-dark .oe-monitoring-panel,
html.dark-mode .oe-monitoring-panel,
html.oe-theme-dark .oe-monitoring-frame,
html.dark-mode .oe-monitoring-frame {
    background: var(--oe-card) !important;
    border-color: var(--oe-border) !important;
}

html.oe-theme-dark .oe-monitoring-panel-title,
html.dark-mode .oe-monitoring-panel-title {
    background: var(--oe-card-soft) !important;
    color: var(--oe-text) !important;
}

/* Hitelesítési felület */

html.oe-theme-dark .oe-auth-body,
html.dark-mode .oe-auth-body {
    background: #0b1219 !important;
}

html.oe-theme-dark .oe-auth-form-side,
html.dark-mode .oe-auth-form-side {
    background:
        radial-gradient(
            circle at 70% 15%,
            rgba(54, 181, 241, 0.09),
            transparent 34%
        ),
        #0f1821 !important;
}

html.oe-theme-dark .oe-auth-card,
html.dark-mode .oe-auth-card {
    background: rgba(24, 35, 45, 0.98) !important;
    border-color: #364956 !important;
    box-shadow: 0 26px 70px rgba(0, 0, 0, 0.48) !important;
}

html.oe-theme-dark .oe-auth-card h1,
html.dark-mode .oe-auth-card h1,
html.oe-theme-dark .oe-auth-card h2,
html.dark-mode .oe-auth-card h2,
html.oe-theme-dark .oe-auth-card label,
html.dark-mode .oe-auth-card label {
    color: var(--oe-text) !important;
}

html.oe-theme-dark .oe-auth-user-summary,
html.dark-mode .oe-auth-user-summary {
    background: var(--oe-card-soft) !important;
    border-color: var(--oe-border) !important;
}

html.oe-theme-dark .oe-form-control,
html.dark-mode .oe-form-control {
    background: #111b24 !important;
    color: var(--oe-text) !important;
    border-color: #3b4d5b !important;
}

html.oe-theme-dark .oe-btn-secondary,
html.dark-mode .oe-btn-secondary {
    background: #263642 !important;
    color: #e8f1f8 !important;
    border-color: #455968 !important;
}

html.oe-theme-dark .oe-btn-secondary:hover,
html.dark-mode .oe-btn-secondary:hover {
    background: #314451 !important;
}

html.oe-theme-dark .oe-auth-footer,
html.dark-mode .oe-auth-footer {
    color: #8498a8;
}

@media (max-width: 575.98px) {
    .oe-theme-toggle {
        min-width: 40px;
        padding-right: 6px !important;
        padding-left: 6px !important;
    }
}

/* Kiegészítő modulállapotok */

html.oe-theme-dark .oe-audit-v2-theme-warning,
html.dark-mode .oe-audit-v2-theme-warning,
html.oe-theme-dark .oe-permission-topic-card-stats > span.is-legacy,
html.dark-mode .oe-permission-topic-card-stats > span.is-legacy,
html.oe-theme-dark .oe-alarm-prio.prio-warning,
html.dark-mode .oe-alarm-prio.prio-warning,
html.oe-theme-dark .oe-inventory-condition--repair,
html.dark-mode .oe-inventory-condition--repair,
html.oe-theme-dark .oe-inventory-condition--replacement_pending,
html.dark-mode .oe-inventory-condition--replacement_pending {
    background: #3c3018 !important;
    color: #f2c86e !important;
    border-color: #79602d !important;
}

html.oe-theme-dark .oe-alarm-prio.prio-critical,
html.dark-mode .oe-alarm-prio.prio-critical,
html.oe-theme-dark .oe-inventory-condition--faulty,
html.dark-mode .oe-inventory-condition--faulty,
html.oe-theme-dark .oe-inventory-condition--scrap_pending,
html.dark-mode .oe-inventory-condition--scrap_pending {
    background: #431f28 !important;
    color: #ff8b98 !important;
    border-color: #803a48 !important;
}

html.oe-theme-dark .oe-password-toggle-btn,
html.dark-mode .oe-password-toggle-btn {
    background: #22313d !important;
    color: #a9bac7 !important;
    border-color: #3b4d5b !important;
}

html.oe-theme-dark .oe-user-edit-page .oe-profile-summary-card .card-body,
html.dark-mode .oe-user-edit-page .oe-profile-summary-card .card-body {
    background: var(--oe-card) !important;
}

/* =========================================================
   ON-ENERGY – sötét téma kontrasztfinomítás (1.2.1)
   ---------------------------------------------------------
   A saját áttekintő- és munkanézeti változók sötét
   értékei, valamint a világos felületből bent maradt
   kártyák, badge-ek, auditpanelek és modal szövegek.
   ========================================================= */

html.oe-theme-dark .oe-workbench-page,
html.dark-mode .oe-workbench-page {
    --oe-workbench-surface: #18232d;
    --oe-workbench-surface-soft: #202e39;
    --oe-workbench-surface-muted: #263642;
    --oe-workbench-border: #3a4c5a;
    --oe-workbench-text: #edf5fb;
    --oe-workbench-muted: #afbeca;
    --oe-workbench-blue: #5bb4ff;
    --oe-workbench-shadow:
        0 7px 22px rgba(0, 0, 0, 0.28);
    --oe-workbench-shadow-raised:
        0 12px 30px rgba(0, 0, 0, 0.38);
}

html.oe-theme-dark .oe-overview-page,
html.dark-mode .oe-overview-page {
    --oe-overview-surface: #18232d;
    --oe-overview-surface-soft: #202e39;
    --oe-overview-border: #3a4c5a;
    --oe-overview-text: #edf5fb;
    --oe-overview-muted: #afbeca;
    --oe-overview-shadow:
        0 7px 22px rgba(0, 0, 0, 0.28);
    --oe-overview-shadow-raised:
        0 12px 30px rgba(0, 0, 0, 0.38);
}

/* Közös szövegkontraszt */

html.oe-theme-dark .text-muted,
html.dark-mode .text-muted,
html.oe-theme-dark .text-secondary,
html.dark-mode .text-secondary,
html.oe-theme-dark .form-text,
html.dark-mode .form-text {
    color: #aebdca !important;
}

html.oe-theme-dark label,
html.dark-mode label,
html.oe-theme-dark legend,
html.dark-mode legend {
    color: #dce7ef;
}

html.oe-theme-dark code,
html.dark-mode code {
    color: #ff91b5;
}

html.oe-theme-dark .form-control::placeholder,
html.dark-mode .form-control::placeholder {
    color: #7f93a3;
    opacity: 1;
}

/* Áttekintő kártyák – sötét, témaszínezett fejlécek */

html.oe-theme-dark body .oe-overview-page .card.card-primary,
html.dark-mode body .oe-overview-page .card.card-primary {
    --oe-overview-card-accent: #5bb4ff;
    --oe-overview-card-soft: #17324a;
}

html.oe-theme-dark body .oe-overview-page .card.card-secondary,
html.dark-mode body .oe-overview-page .card.card-secondary {
    --oe-overview-card-accent: #98aabd;
    --oe-overview-card-soft: #27343f;
}

html.oe-theme-dark body .oe-overview-page .card.card-info,
html.dark-mode body .oe-overview-page .card.card-info {
    --oe-overview-card-accent: #56d3e8;
    --oe-overview-card-soft: #153642;
}

html.oe-theme-dark body .oe-overview-page .card.card-success,
html.dark-mode body .oe-overview-page .card.card-success {
    --oe-overview-card-accent: #64d38b;
    --oe-overview-card-soft: #18372a;
}

html.oe-theme-dark body .oe-overview-page .card.card-warning,
html.dark-mode body .oe-overview-page .card.card-warning {
    --oe-overview-card-accent: #f6bf50;
    --oe-overview-card-soft: #3a2e18;
}

html.oe-theme-dark body .oe-overview-page .card.card-danger,
html.dark-mode body .oe-overview-page .card.card-danger {
    --oe-overview-card-accent: #ff7482;
    --oe-overview-card-soft: #3c2028;
}

html.oe-theme-dark body .oe-overview-page .card > .card-header,
html.dark-mode body .oe-overview-page .card > .card-header,
html.oe-theme-dark body .oe-overview-page .card.card-primary:not(.card-outline) > .card-header,
html.dark-mode body .oe-overview-page .card.card-primary:not(.card-outline) > .card-header,
html.oe-theme-dark body .oe-overview-page .card.card-secondary:not(.card-outline) > .card-header,
html.dark-mode body .oe-overview-page .card.card-secondary:not(.card-outline) > .card-header,
html.oe-theme-dark body .oe-overview-page .card.card-info:not(.card-outline) > .card-header,
html.dark-mode body .oe-overview-page .card.card-info:not(.card-outline) > .card-header,
html.oe-theme-dark body .oe-overview-page .card.card-success:not(.card-outline) > .card-header,
html.dark-mode body .oe-overview-page .card.card-success:not(.card-outline) > .card-header,
html.oe-theme-dark body .oe-overview-page .card.card-warning:not(.card-outline) > .card-header,
html.dark-mode body .oe-overview-page .card.card-warning:not(.card-outline) > .card-header,
html.oe-theme-dark body .oe-overview-page .card.card-danger:not(.card-outline) > .card-header,
html.dark-mode body .oe-overview-page .card.card-danger:not(.card-outline) > .card-header {
    background:
        linear-gradient(
            90deg,
            var(--oe-overview-card-soft) 0%,
            #202e39 72%
        ) !important;
    color: var(--oe-overview-text) !important;
}

html.oe-theme-dark body .oe-overview-page .card-body,
html.dark-mode body .oe-overview-page .card-body {
    background: var(--oe-overview-surface) !important;
    color: var(--oe-overview-text) !important;
}

html.oe-theme-dark .oe-report-summary-item,
html.dark-mode .oe-report-summary-item,
html.oe-theme-dark .oe-projects-index-page .project-card-meta,
html.dark-mode .oe-projects-index-page .project-card-meta,
html.oe-theme-dark .oe-trend-toolbar,
html.dark-mode .oe-trend-toolbar,
html.oe-theme-dark .oe-mini-metric,
html.dark-mode .oe-mini-metric,
html.oe-theme-dark .oe-state-row,
html.dark-mode .oe-state-row {
    background: var(--oe-overview-surface-soft) !important;
    color: var(--oe-overview-text) !important;
    border-color: var(--oe-overview-border) !important;
}

html.oe-theme-dark .oe-report-summary-label,
html.dark-mode .oe-report-summary-label,
html.oe-theme-dark .oe-projects-index-page .project-card-meta,
html.dark-mode .oe-projects-index-page .project-card-meta,
html.oe-theme-dark .oe-mini-metric-label,
html.dark-mode .oe-mini-metric-label {
    color: var(--oe-overview-muted) !important;
}

html.oe-theme-dark .oe-projects-index-page .project-card-meta strong,
html.dark-mode .oe-projects-index-page .project-card-meta strong,
html.oe-theme-dark .oe-project-card-description,
html.dark-mode .oe-project-card-description,
html.oe-theme-dark .oe-project-show-page .card-body p strong,
html.dark-mode .oe-project-show-page .card-body p strong {
    color: var(--oe-overview-text) !important;
}

html.oe-theme-dark .oe-chart-wrapper,
html.dark-mode .oe-chart-wrapper {
    background:
        linear-gradient(
            180deg,
            #1b2833 0%,
            #17222c 100%
        ) !important;
}

/* Munkanézetek – kártyák és táblázatok */

html.oe-theme-dark body .oe-workbench-page .card,
html.dark-mode body .oe-workbench-page .card,
html.oe-theme-dark body .oe-workbench-page .card-body,
html.dark-mode body .oe-workbench-page .card-body {
    background: var(--oe-workbench-surface) !important;
    color: var(--oe-workbench-text) !important;
}

html.oe-theme-dark body .oe-workbench-page .card > .card-header,
html.dark-mode body .oe-workbench-page .card > .card-header,
html.oe-theme-dark body .oe-workbench-page .card.card-primary:not(.card-outline) > .card-header,
html.dark-mode body .oe-workbench-page .card.card-primary:not(.card-outline) > .card-header,
html.oe-theme-dark body .oe-workbench-page .card.card-secondary:not(.card-outline) > .card-header,
html.dark-mode body .oe-workbench-page .card.card-secondary:not(.card-outline) > .card-header,
html.oe-theme-dark body .oe-workbench-page .card.card-success:not(.card-outline) > .card-header,
html.dark-mode body .oe-workbench-page .card.card-success:not(.card-outline) > .card-header,
html.oe-theme-dark body .oe-workbench-page .card.card-warning:not(.card-outline) > .card-header,
html.dark-mode body .oe-workbench-page .card.card-warning:not(.card-outline) > .card-header,
html.oe-theme-dark body .oe-workbench-page .card.card-danger:not(.card-outline) > .card-header,
html.dark-mode body .oe-workbench-page .card.card-danger:not(.card-outline) > .card-header,
html.oe-theme-dark body .oe-workbench-page .card.card-info:not(.card-outline) > .card-header,
html.dark-mode body .oe-workbench-page .card.card-info:not(.card-outline) > .card-header {
    background: #202e39 !important;
    color: var(--oe-workbench-text) !important;
}

html.oe-theme-dark body .oe-filter-card > .card.collapsed-card > .card-header,
html.dark-mode body .oe-filter-card > .card.collapsed-card > .card-header {
    background: #202e39 !important;
}

html.oe-theme-dark body .oe-filter-card > .card:not(.collapsed-card) > .card-header,
html.dark-mode body .oe-filter-card > .card:not(.collapsed-card) > .card-header {
    background:
        linear-gradient(
            90deg,
            #18354c 0%,
            #202e39 58%
        ) !important;
}

html.oe-theme-dark body .oe-workbench-page .table-responsive,
html.dark-mode body .oe-workbench-page .table-responsive,
html.oe-theme-dark body .oe-workbench-page .table,
html.dark-mode body .oe-workbench-page .table {
    background: var(--oe-workbench-surface) !important;
    border-color: var(--oe-workbench-border) !important;
}

html.oe-theme-dark body .oe-workbench-page .table > thead > tr > th,
html.dark-mode body .oe-workbench-page .table > thead > tr > th {
    background: var(--oe-workbench-surface-soft) !important;
    color: #dce8f1 !important;
    border-color: var(--oe-workbench-border) !important;
}

html.oe-theme-dark body .oe-workbench-page .table > tbody > tr > td,
html.dark-mode body .oe-workbench-page .table > tbody > tr > td {
    color: var(--oe-workbench-text) !important;
    border-color: var(--oe-workbench-border) !important;
}

/* Jogosultsági és rendszeradmin kártyák */

html.oe-theme-dark .oe-system-card-description,
html.dark-mode .oe-system-card-description,
html.oe-theme-dark .oe-system-role-stats span,
html.dark-mode .oe-system-role-stats span,
html.oe-theme-dark .oe-permission-user-summary small,
html.dark-mode .oe-permission-user-summary small,
html.oe-theme-dark .oe-permission-target-identity > span,
html.dark-mode .oe-permission-target-identity > span,
html.oe-theme-dark .oe-permission-page-header p,
html.dark-mode .oe-permission-page-header p,
html.oe-theme-dark .oe-permission-setting-header p,
html.dark-mode .oe-permission-setting-header p {
    color: var(--oe-workbench-muted) !important;
}

html.oe-theme-dark .oe-system-role-stats > div,
html.dark-mode .oe-system-role-stats > div {
    background: var(--oe-workbench-surface-soft) !important;
    border-color: var(--oe-workbench-border) !important;
}

html.oe-theme-dark .oe-system-role-stats strong,
html.dark-mode .oe-system-role-stats strong,
html.oe-theme-dark .oe-permission-target-identity strong,
html.dark-mode .oe-permission-target-identity strong,
html.oe-theme-dark .oe-permission-page-header h3,
html.dark-mode .oe-permission-page-header h3,
html.oe-theme-dark .oe-permission-setting-header h4,
html.dark-mode .oe-permission-setting-header h4 {
    color: var(--oe-workbench-text) !important;
}

/* Badge-ek és körvonalas gombok */

html.oe-theme-dark .badge-light,
html.dark-mode .badge-light {
    background: #293a47 !important;
    color: #dce8f1 !important;
    border: 1px solid #506574 !important;
}

html.oe-theme-dark .badge-secondary,
html.dark-mode .badge-secondary {
    background: #2a3945 !important;
    color: #cbd8e2 !important;
    border: 1px solid #526675 !important;
}

html.oe-theme-dark .badge-primary,
html.dark-mode .badge-primary {
    background: #173b5b !important;
    color: #80c6ff !important;
    border: 1px solid #3d7cae !important;
}

html.oe-theme-dark .btn-outline-primary,
html.dark-mode .btn-outline-primary {
    color: #6bbcff !important;
    border-color: #4387bd !important;
}

html.oe-theme-dark .btn-outline-primary:hover,
html.dark-mode .btn-outline-primary:hover,
html.oe-theme-dark .btn-outline-primary:focus,
html.dark-mode .btn-outline-primary:focus {
    background: #1c6399 !important;
    color: #ffffff !important;
    border-color: #62b4f4 !important;
}

html.oe-theme-dark .btn-outline-info,
html.dark-mode .btn-outline-info {
    color: #6ed9ea !important;
    border-color: #3e8796 !important;
}

html.oe-theme-dark .btn-outline-danger,
html.dark-mode .btn-outline-danger {
    color: #ff7d89 !important;
    border-color: #b54b58 !important;
}

/* Auditnapló-részletek */

html.oe-theme-dark .oe-audit-v2-section > summary,
html.dark-mode .oe-audit-v2-section > summary,
html.oe-theme-dark .oe-audit-v2-technical-details > summary,
html.dark-mode .oe-audit-v2-technical-details > summary,
html.oe-theme-dark .oe-audit-v2-no-changes strong,
html.dark-mode .oe-audit-v2-no-changes strong {
    color: #dce8f1 !important;
}

html.oe-theme-dark .oe-audit-v2-section > summary::after,
html.dark-mode .oe-audit-v2-section > summary::after,
html.oe-theme-dark .oe-audit-v2-technical-details > summary::after,
html.dark-mode .oe-audit-v2-technical-details > summary::after,
html.oe-theme-dark .oe-audit-v2-no-changes div > span,
html.dark-mode .oe-audit-v2-no-changes div > span,
html.oe-theme-dark .oe-audit-v2-metadata-grid span,
html.dark-mode .oe-audit-v2-metadata-grid span,
html.oe-theme-dark .oe-audit-v2-technical-grid span,
html.dark-mode .oe-audit-v2-technical-grid span,
html.oe-theme-dark .oe-audit-v2-user-agent > span,
html.dark-mode .oe-audit-v2-user-agent > span {
    color: #9fb2c1 !important;
}

html.oe-theme-dark .oe-audit-v2-section-count,
html.dark-mode .oe-audit-v2-section-count,
html.oe-theme-dark .oe-audit-v2-no-changes-icon,
html.dark-mode .oe-audit-v2-no-changes-icon {
    background: #18354c !important;
    color: #69baff !important;
}

html.oe-theme-dark .oe-audit-v2-user-agent code,
html.dark-mode .oe-audit-v2-user-agent code {
    color: #c5d6e2 !important;
}

/* Modalok */

html.oe-theme-dark .oe-modal,
html.dark-mode .oe-modal {
    --oe-modal-accent: #5bb4ff;
    --oe-modal-accent-soft: #18354c;
    --oe-modal-highlight-text: #9bd1ff;
}

html.oe-theme-dark .oe-modal--secondary,
html.dark-mode .oe-modal--secondary {
    --oe-modal-accent: #9aabba;
    --oe-modal-accent-soft: #293640;
    --oe-modal-highlight-text: #d2dde5;
}

html.oe-theme-dark .oe-modal--success,
html.dark-mode .oe-modal--success {
    --oe-modal-accent: #64d38b;
    --oe-modal-accent-soft: #18372a;
    --oe-modal-highlight-text: #a9e8bf;
}

html.oe-theme-dark .oe-modal--warning,
html.dark-mode .oe-modal--warning {
    --oe-modal-accent: #f6bf50;
    --oe-modal-accent-soft: #3a2e18;
    --oe-modal-highlight-text: #f8d98f;
}

html.oe-theme-dark .oe-modal--danger,
html.dark-mode .oe-modal--danger {
    --oe-modal-accent: #ff7482;
    --oe-modal-accent-soft: #3c2028;
    --oe-modal-highlight-text: #ffb5bd;
}

html.oe-theme-dark .oe-modal--info,
html.dark-mode .oe-modal--info {
    --oe-modal-accent: #56d3e8;
    --oe-modal-accent-soft: #153642;
    --oe-modal-highlight-text: #a8e8f2;
}

html.oe-theme-dark .oe-modal .modal-body,
html.dark-mode .oe-modal .modal-body,
html.oe-theme-dark .oe-modal .modal-body > p,
html.dark-mode .oe-modal .modal-body > p,
html.oe-theme-dark .oe-modal .modal-body small,
html.dark-mode .oe-modal .modal-body small {
    color: #d9e5ed !important;
}

html.oe-theme-dark .oe-modal-highlight,
html.dark-mode .oe-modal-highlight {
    background: var(--oe-modal-accent-soft) !important;
    color: var(--oe-modal-highlight-text) !important;
}

/* Kisebb felületi elemek */

html.oe-theme-dark .oe-profile-field,
html.dark-mode .oe-profile-field,
html.oe-theme-dark .oe-inventory-catalog-item__details-inner,
html.dark-mode .oe-inventory-catalog-item__details-inner,
html.oe-theme-dark .oe-count-notes-grid > div,
html.dark-mode .oe-count-notes-grid > div {
    background: var(--oe-card-soft) !important;
    color: var(--oe-text) !important;
    border-color: var(--oe-border) !important;
}

/* =========================================================
   ON-ENERGY – sötét téma finomhangolás (1.2.2)
   ---------------------------------------------------------
   Naplók, felhasználói adatlap, jogosultságkártyák és footer.
   ========================================================= */

/* Auditnapló – a technikai blokk fejlécének felülete */

html.oe-theme-dark .oe-audit-v2-technical-details > summary,
html.dark-mode .oe-audit-v2-technical-details > summary {
    background: #202e39 !important;
    color: #dce8f1 !important;
    border-color: var(--oe-border) !important;
}

html.oe-theme-dark .oe-audit-v2-technical-details[open] > summary,
html.dark-mode .oe-audit-v2-technical-details[open] > summary {
    background:
        linear-gradient(
            90deg,
            #18354c 0%,
            #202e39 62%
        ) !important;
    border-bottom: 1px solid var(--oe-border) !important;
}

/* Emailnapló – elsődleges és technikai szövegek */

html.oe-theme-dark .oe-email-date strong,
html.dark-mode .oe-email-date strong,
html.oe-theme-dark .oe-email-recipients,
html.dark-mode .oe-email-recipients,
html.oe-theme-dark .oe-email-subject strong,
html.dark-mode .oe-email-subject strong,
html.oe-theme-dark .oe-email-detail-content dd,
html.dark-mode .oe-email-detail-content dd {
    color: #e8f1f8 !important;
}

html.oe-theme-dark .oe-email-date span,
html.dark-mode .oe-email-date span,
html.oe-theme-dark .oe-email-recipients small,
html.dark-mode .oe-email-recipients small,
html.oe-theme-dark .oe-email-subject span,
html.dark-mode .oe-email-subject span,
html.oe-theme-dark .oe-email-detail-content dt,
html.dark-mode .oe-email-detail-content dt {
    color: #a8bac8 !important;
}

html.oe-theme-dark .oe-email-date small,
html.dark-mode .oe-email-date small {
    color: #8198aa !important;
}

html.oe-theme-dark .oe-email-detail-content,
html.dark-mode .oe-email-detail-content {
    background: #18232d !important;
    color: #dce8f1 !important;
}

html.oe-theme-dark .oe-email-detail-content a,
html.dark-mode .oe-email-detail-content a,
html.oe-theme-dark .oe-email-metadata > summary,
html.dark-mode .oe-email-metadata > summary {
    color: #69baff !important;
}

/* Felhasználói adatlap – címkék és állapotértékek */

html.oe-theme-dark .oe-user-edit-page .form-group > label,
html.dark-mode .oe-user-edit-page .form-group > label,
html.oe-theme-dark .oe-user-edit-page .oe-profile-field > span,
html.dark-mode .oe-user-edit-page .oe-profile-field > span,
html.oe-theme-dark .oe-profile-status-row > span:first-child,
html.dark-mode .oe-profile-status-row > span:first-child {
    color: #9fb2c1 !important;
}

html.oe-theme-dark .oe-user-edit-page .oe-profile-field > strong,
html.dark-mode .oe-user-edit-page .oe-profile-field > strong,
html.oe-theme-dark .oe-profile-status-row strong,
html.dark-mode .oe-profile-status-row strong {
    color: #dce8f1 !important;
}

html.oe-theme-dark .oe-profile-status-row,
html.dark-mode .oe-profile-status-row {
    border-color: var(--oe-border) !important;
}

html.oe-theme-dark .oe-user-edit-page .form-text,
html.dark-mode .oe-user-edit-page .form-text,
html.oe-theme-dark .oe-user-edit-page small.text-muted,
html.dark-mode .oe-user-edit-page small.text-muted {
    color: #9fb2c1 !important;
}

/* Jogosultságkezelés – fülek, témakörök és kártyaszövegek */

html.oe-theme-dark .oe-permission-section-tabs a,
html.dark-mode .oe-permission-section-tabs a {
    background: #18232d !important;
    color: #dce8f1 !important;
    border-color: #3a4d5c !important;
}

html.oe-theme-dark .oe-permission-section-tabs a:hover,
html.dark-mode .oe-permission-section-tabs a:hover {
    background: #21313d !important;
    border-color: #4c7fa5 !important;
}

html.oe-theme-dark .oe-permission-section-tabs a.is-active,
html.dark-mode .oe-permission-section-tabs a.is-active {
    background:
        linear-gradient(
            145deg,
            #1c3447,
            #182a39
        ) !important;
    color: #79c2ff !important;
    border-color: #4384b3 !important;
}

html.oe-theme-dark .oe-permission-section-tabs a > i,
html.dark-mode .oe-permission-section-tabs a > i {
    background: #223746 !important;
    color: #69baff !important;
}

html.oe-theme-dark .oe-permission-section-tabs a.is-active > i,
html.dark-mode .oe-permission-section-tabs a.is-active > i {
    background: #1976d2 !important;
    color: #ffffff !important;
}

html.oe-theme-dark .oe-permission-section-tabs strong,
html.dark-mode .oe-permission-section-tabs strong,
html.oe-theme-dark .oe-permission-topic-picker-header h2,
html.dark-mode .oe-permission-topic-picker-header h2,
html.oe-theme-dark .oe-permission-topic-card-body > strong,
html.dark-mode .oe-permission-topic-card-body > strong {
    color: #dce8f1 !important;
}

html.oe-theme-dark .oe-permission-section-tabs small,
html.dark-mode .oe-permission-section-tabs small,
html.oe-theme-dark .oe-permission-topic-picker-header p,
html.dark-mode .oe-permission-topic-picker-header p,
html.oe-theme-dark .oe-permission-topic-card-body > small,
html.dark-mode .oe-permission-topic-card-body > small {
    color: #9fb2c1 !important;
}

html.oe-theme-dark .oe-permission-topic-picker-header > span,
html.dark-mode .oe-permission-topic-picker-header > span,
html.oe-theme-dark .oe-permission-topic-card-stats > span,
html.dark-mode .oe-permission-topic-card-stats > span {
    background: #273946 !important;
    color: #c4d5e1 !important;
    border: 1px solid #445a69 !important;
}

html.oe-theme-dark .oe-permission-topic-card-stats > span.is-active,
html.dark-mode .oe-permission-topic-card-stats > span.is-active {
    background: #173b2a !important;
    color: #7be0a0 !important;
    border-color: #2f7650 !important;
}

html.oe-theme-dark .oe-permission-topic-card-stats > span.is-planned,
html.dark-mode .oe-permission-topic-card-stats > span.is-planned {
    background: #2a3440 !important;
    color: #b5c4cf !important;
    border-color: #4a5a67 !important;
}

html.oe-theme-dark .oe-permission-topic-card-arrow,
html.dark-mode .oe-permission-topic-card-arrow {
    color: #9db2c2 !important;
}

html.oe-theme-dark .oe-permission-topic-card.is-active
.oe-permission-topic-card-arrow,
html.dark-mode .oe-permission-topic-card.is-active
.oe-permission-topic-card-arrow {
    color: #69baff !important;
}

/* Footer – márkanév és kiegészítő információ */

html.oe-theme-dark .oe-main-footer strong,
html.dark-mode .oe-main-footer strong {
    color: #e8f1f8 !important;
}

html.oe-theme-dark .oe-main-footer,
html.dark-mode .oe-main-footer,
html.oe-theme-dark .oe-main-footer__meta,
html.dark-mode .oe-main-footer__meta {
    color: #9fb2c1 !important;
}

