/*!
 * Dark mode global separado de genesis.css.
 * Se carga despues del archivo base para preservar prioridad.
 */

body.dark-version .fabtn {
    background: rgba(255, 255, 255, 0.08);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.24);
    color: var(--genesis-white);
}

body.dark-version .fabtn:hover {
    background: rgba(255, 255, 255, 0.14);
}

body.dark-version .fabtn_contenedor dl dt {
    background: rgba(17, 28, 68, 0.88);
}

body.dark-version [id^="accordion_"] .card {
    background: #111c44;
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 16px 30px rgba(0, 0, 0, 0.28);
}

body.dark-version [id^="accordion_"] .card-header {
    background: rgba(17, 24, 39, 0.78) !important;
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

body.dark-version .genesis-collapsibleAccordion-status {
    background: rgba(17, 24, 39, 0.74);
    border-color: rgba(255, 255, 255, 0.08);
}

body.dark-version .genesis-collapsibleAccordion-status__caption {
    color: rgba(148, 163, 184, 0.9);
}

body.dark-version .genesis-collapsibleAccordion-status__value {
    color: rgba(255, 255, 255, 0.88);
}

body.dark-version .genesis-collapsibleAccordion-status--success {
    background: rgba(22, 163, 74, 0.16);
    border-color: rgba(34, 197, 94, 0.24);
}

body.dark-version .genesis-collapsibleAccordion-status--success .genesis-collapsibleAccordion-status__value {
    color: rgba(134, 239, 172, 0.95);
}

body.dark-version .genesis-collapsibleAccordion-status--warning {
    background: rgba(180, 83, 9, 0.24);
    border-color: rgba(245, 158, 11, 0.24);
}

body.dark-version .genesis-collapsibleAccordion-status--warning .genesis-collapsibleAccordion-status__value {
    color: rgba(253, 230, 138, 0.96);
}

body.dark-version .genesis-collapsibleAccordion-status--danger {
    background: rgba(127, 29, 29, 0.34);
    border-color: rgba(248, 113, 113, 0.24);
}

body.dark-version .genesis-collapsibleAccordion-status--danger .genesis-collapsibleAccordion-status__value {
    color: rgba(254, 202, 202, 0.96);
}

body.dark-version [id^="accordion_"] .card-body,
body.dark-version [id^="accordion_"] .card-body p,
body.dark-version [id^="accordion_"] .card-body div,
body.dark-version [id^="accordion_"] .card-body span,
body.dark-version [id^="accordion_"] .card-body small,
body.dark-version [id^="accordion_"] .card-body strong {
    color: rgba(255, 255, 255, 0.82);
}

body.dark-version [id^="accordion_"] .js-collapsibleAccordion-toggle,
body.dark-version [id^="accordion_"] .js-collapsibleAccordion-toggle i {
    color: rgba(255, 255, 255, 0.88) !important;
}

body.dark-version [id^="accordion_"] .mb-3 > div:first-child,
body.dark-version [id^="accordion_"] .d-flex.align-content-center.flex-wrap.pl-3 > div > div:first-child {
    color: rgba(148, 163, 184, 0.92) !important;
}

body.dark-version [id^="accordion_"] .cajaDiasColores .text-center strong,
body.dark-version [id^="accordion_"] .cajaDiasColores .text-center small {
    color: rgba(255, 255, 255, 0.72) !important;
}

body.dark-version [id^="accordion_"] .panel-collapse .card-header {
    background: color-mix(in srgb, var(--genesis-primary) 18%, rgba(17, 24, 39, 0.84)) !important;
}

body.dark-version [id^="accordion_"] .panel-collapse .table,
body.dark-version [id^="accordion_"] .panel-collapse .table th,
body.dark-version [id^="accordion_"] .panel-collapse .table td {
    color: rgba(255, 255, 255, 0.84);
}

body.dark-version .genesis-collapsibleAccordion-modal .modal-content {
    background: #111c44;
    border-color: rgba(255, 255, 255, 0.08);
}

body.dark-version .genesis-collapsibleAccordion-modal .modal-header {
    background: rgba(17, 24, 39, 0.78);
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

body.dark-version .genesis-collapsibleAccordion-modal .modal-title,
body.dark-version .genesis-collapsibleAccordion-modal .modal-body {
    color: rgba(255, 255, 255, 0.84);
}

body.dark-version .genesis-collapsibleAccordion-modal .modal-body {
    background: #111c44;
}

body.dark-version .footer {
    background: rgba(17, 28, 68, 0.92);
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    box-shadow: 0 -6px 18px rgba(0, 0, 0, 0.28);
}

body.dark-version .footer .nav-footer .nav-link,
body.dark-version .footer .copyright,
body.dark-version .footer .copyright a {
    color: rgba(255, 255, 255, 0.82) !important;
}

body.dark-version .sidenav.bg-white,
body.dark-version .navbar-vertical.bg-white {
    background: #111c44 !important;
}

body.dark-version .sidenav.bg-white .navbar-brand span,
body.dark-version .sidenav.bg-white .navbar-nav .nav-link,
body.dark-version .sidenav.bg-white .navbar-nav .nav-link i,
body.dark-version .sidenav.bg-white .sidenav-footer h6,
body.dark-version .sidenav.bg-white .sidenav-footer p,
body.dark-version .navbar-vertical.bg-white .navbar-brand span,
body.dark-version .navbar-vertical.bg-white .navbar-nav .nav-link,
body.dark-version .navbar-vertical.bg-white .navbar-nav .nav-link i {
    color: rgba(255, 255, 255, 0.88) !important;
}

body.dark-version .sidenav.bg-white hr.horizontal.dark,
body.dark-version .navbar-vertical.bg-white hr.horizontal.dark {
    background-color: rgba(255, 255, 255, 0.08) !important;
}

body.dark-version .modal-content {
    background-color: #111c44;
    border-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.88);
    box-shadow: 0 20px 45px rgba(5, 17, 57, 0.45);
}

body.dark-version .modal.genesis-modal .modal-content {
    background: #111c44 !important;
    color: rgba(255, 255, 255, 0.88);
}

body.dark-version .modal-header,
body.dark-version .modal-footer {
    border-color: rgba(255, 255, 255, 0.08);
}

body.dark-version .modal.genesis-modal .modal-header,
body.dark-version .modal.genesis-modal .modal-footer {
    background: #111c44 !important;
    border-color: rgba(255, 255, 255, 0.08);
}

body.dark-version .modal.genesis-modal .modal-body {
    background: #111c44;
}

body.dark-version .modal.genesis-modal .modal-body.genesis-modal-body-flush {
    background: rgba(17, 28, 68, 0.92);
}

body.dark-version .modal-title,
body.dark-version .modal-header h4,
body.dark-version .modal-header h5,
body.dark-version .modal-body,
body.dark-version .modal-body p,
body.dark-version .modal-body label,
body.dark-version .modal-footer,
body.dark-version .modal-footer p {
    color: rgba(255, 255, 255, 0.88) !important;
}

body.dark-version .modal .close,
body.dark-version .modal .btn-close,
body.dark-version .modal .modal-header .close span {
    color: rgba(255, 255, 255, 0.82) !important;
    opacity: 1;
}

body.dark-version .modal.genesis-modal .close {
    background: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.88) !important;
}

body.dark-version .modal.genesis-modal .btn-close {
    background-color: rgba(255, 255, 255, 0.12);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='1.75' stroke-linecap='round'%3E%3Cpath d='M3.5 3.5 12.5 12.5M12.5 3.5 3.5 12.5'/%3E%3C/svg%3E");
}

body.dark-version .modal.genesis-modal .close:hover,
body.dark-version .modal.genesis-modal .close:focus,
body.dark-version .modal.genesis-modal .btn-close:hover,
body.dark-version .modal.genesis-modal .btn-close:focus {
    background: rgba(255, 255, 255, 0.2);
}

body.dark-version .modal.genesis-modal .modal-body .container.text-muted,
body.dark-version .modal.genesis-modal .modal-body .text-muted {
    color: rgba(255, 255, 255, 0.72) !important;
}

body.dark-version .notification-panel > .card {
    background: #111c44;
}

body.dark-version .error-panel > .card {
    background: #111c44;
}

body.dark-version .notification-panel-summary,
body.dark-version .notification-panel-footer {
    border-color: rgba(255, 255, 255, 0.08);
}

body.dark-version .notification-panel-count {
    background: rgba(251, 191, 36, 0.16);
    color: #fcd34d;
}

body.dark-version .notification-panel-icon {
    color: #fcd34d;
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.2), rgba(245, 158, 11, 0.18));
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.22);
}

body.dark-version .error-panel-icon {
    color: #fca5a5;
    background: linear-gradient(135deg, rgba(248, 113, 113, 0.2), rgba(239, 68, 68, 0.18));
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.22);
}

body.dark-version .error-panel-body,
body.dark-version .error-panel-body strong,
body.dark-version .error-panel-body h1,
body.dark-version .error-panel-body h2,
body.dark-version .error-panel-body h3,
body.dark-version .error-panel-body h4,
body.dark-version .error-panel-body h5,
body.dark-version .error-panel-body h6 {
    color: rgba(255, 255, 255, 0.82) !important;
}

body.dark-version .notification-panel-empty-icon {
    background: rgba(45, 206, 137, 0.18);
    box-shadow: 0 14px 26px rgba(0, 0, 0, 0.24);
}

body.dark-version .notification-panel #notificaciones .dropdown-item.border-radius-md {
    background: rgba(17, 24, 39, 0.48);
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: none;
}


body.dark-version .app-lock-screen__card {
    background: rgba(17, 28, 68, 0.96);
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.38);
}

body.dark-version .app-lock-screen__identity h4,
body.dark-version .app-lock-screen__summary h6,
body.dark-version .app-lock-screen__footer,
body.dark-version .app-lock-screen__sso-note,
body.dark-version .app-lock-screen__sso-note span,
body.dark-version .app-lock-screen__body .text-secondary,
body.dark-version .app-lock-screen__body .form-label {
    color: rgba(255, 255, 255, 0.86) !important;
}

body.dark-version .app-lock-screen__summary {
    background: rgba(255, 255, 255, 0.06);
}

body.dark-version .app-lock-screen__summary-icon {
    background: color-mix(in srgb, var(--genesis-primary) 24%, transparent);
    color: color-mix(in srgb, var(--genesis-primary) 74%, #ffffff);
}

body.dark-version .app-lock-screen__sso-note {
    background: rgba(255, 255, 255, 0.06);
}

body.dark-version .app-lock-screen__message--error {
    background: rgba(255, 99, 132, 0.14);
    color: #ffb4c5;
}

body.dark-version .app-lock-screen__message--info {
    background: rgba(33, 150, 243, 0.16);
    color: #99c7ff;
}

body.dark-version .app-lock-screen__body .form-control {
    background: rgba(17, 24, 39, 0.64);
    border-color: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.88);
}

body.dark-version .app-lock-screen__body .form-control::placeholder {
    color: rgba(255, 255, 255, 0.45);
}

body.dark-version .app-lock-screen__body .btn-outline-secondary {
    color: rgba(255, 255, 255, 0.84);
    border-color: rgba(255, 255, 255, 0.18);
}

body.dark-version .app-lock-screen__body .btn-outline-secondary:hover,
body.dark-version .app-lock-screen__body .btn-outline-secondary:focus {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.24);
}

body.dark-version .app-onboarding__card {
    background: rgba(17, 28, 68, 0.96);
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 28px 72px rgba(0, 0, 0, 0.4);
}

body.dark-version .app-onboarding__hero-preview,
body.dark-version .app-onboarding__hint,
body.dark-version .app-onboarding__settings-callout {
    background: rgba(17, 24, 39, 0.54);
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: none;
}

body.dark-version .app-onboarding__mode-group {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.08);
}

body.dark-version .app-onboarding__mode-button {
    color: rgba(255, 255, 255, 0.72);
}

body.dark-version .app-onboarding__preview-chip--ghost {
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.72);
}

body.dark-version .app-onboarding__settings-icon {
    background: color-mix(in srgb, var(--genesis-primary) 20%, transparent);
}

body.dark-version .app-onboarding__eyebrow,
body.dark-version .app-onboarding__step-tag,
body.dark-version .app-onboarding__settings-icon,
body.dark-version .app-onboarding__preview-chip--secondary {
    color: color-mix(in srgb, var(--genesis-primary) 74%, #ffffff);
}

body.dark-version .app-onboarding__header h4,
body.dark-version .app-onboarding__body h5,
body.dark-version .app-onboarding__settings-callout strong,
body.dark-version .app-onboarding__close,
body.dark-version .app-onboarding__hint,
body.dark-version .app-onboarding__settings-callout,
body.dark-version .app-onboarding__settings-callout .text-secondary,
body.dark-version .app-onboarding__body .text-secondary {
    color: rgba(255, 255, 255, 0.86) !important;
}

body.dark-version .app-onboarding__progress-dot {
    background: rgba(255, 255, 255, 0.12);
}

body.dark-version .app-onboarding__footer {
    border-color: rgba(255, 255, 255, 0.08);
}

body.dark-version .account-security-note {
    background: rgba(255, 255, 255, 0.06);
}

body.dark-version .account-summary-card {
    background: rgba(17, 24, 39, 0.36);
    border-color: rgba(255, 255, 255, 0.08);
}

body.dark-version .account-summary-hero.no-photo {
    background:
        radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.16), transparent 34%),
        linear-gradient(
            145deg,
            color-mix(in srgb, var(--genesis-primary) 24%, rgba(16, 26, 53, 0.98)) 0%,
            color-mix(in srgb, var(--genesis-primary) 16%, rgba(16, 26, 53, 0.98)) 48%,
            rgba(16, 26, 53, 0.98) 100%
        );
}

body.dark-version .account-summary-hero__veil {
    background:
        linear-gradient(180deg, rgba(5, 11, 28, 0.02) 0%, rgba(5, 11, 28, 0.08) 42%, rgba(5, 11, 28, 0.32) 76%, rgba(5, 11, 28, 0.8) 100%);
}

body.dark-version .account-summary-photo-action {
    background: rgba(255, 255, 255, 0.9);
    color: var(--genesis-primary);
}

body.dark-version .account-summary-photo-action:hover,
body.dark-version .account-summary-photo-action:focus {
    background: #ffffff;
    color: var(--genesis-primary-hover);
}

body.dark-version .account-summary-hero__access-badge {
    background: rgba(255, 255, 255, 0.9);
    color: #1a2748;
}

body.dark-version .modal .form-control,
body.dark-version .modal .form-select,
body.dark-version .modal textarea.form-control {
    background-color: rgba(17, 24, 39, 0.72) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: rgba(255, 255, 255, 0.88) !important;
    color-scheme: dark;
}

body.dark-version .modal .form-control::placeholder,
body.dark-version .modal .form-select::placeholder {
    color: rgba(255, 255, 255, 0.45) !important;
}

body.dark-version select.form-control:not([multiple]):not([size]),
body.dark-version select.form-select:not([multiple]):not([size]) {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='rgba(255,255,255,0.88)' d='M6 7.4a.8.8 0 0 1-.57-.24L.8 2.54A.8.8 0 0 1 1.93 1.4L6 5.47 10.07 1.4a.8.8 0 0 1 1.13 1.13L6.57 7.16A.8.8 0 0 1 6 7.4Z'/%3E%3C/svg%3E");
}

body.dark-version .modal-backdrop.show {
    opacity: 0.68;
}

body.dark-version [data-growl="container"] [data-growl="dismiss"],
body.dark-version .bootstrap-growl .close {
  background: rgba(255, 255, 255, 0.12) !important;
  color: rgba(255, 255, 255, 0.92) !important;
}

body.dark-version [data-growl="container"] [data-growl="dismiss"]:hover,
body.dark-version [data-growl="container"] [data-growl="dismiss"]:focus,
body.dark-version .bootstrap-growl .close:hover,
body.dark-version .bootstrap-growl .close:focus {
  background: rgba(255, 255, 255, 0.22) !important;
  color: #fff !important;
}

body.dark-version .genesis-required-summary {
  border-color: rgba(248, 113, 113, 0.22);
  border-left-color: #f87171;
  background: linear-gradient(135deg, rgba(56, 18, 18, 0.94) 0%, rgba(17, 24, 39, 0.96) 100%);
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.28);
}

body.dark-version .genesis-required-summary__title {
  color: #fecaca;
}

body.dark-version .genesis-required-summary__text {
  color: rgba(254, 226, 226, 0.88);
}

body.dark-version .genesis-field-invalid {
  border-color: #f87171 !important;
  box-shadow: 0 0 0 0.18rem rgba(248, 113, 113, 0.18) !important;
  background-color: rgba(69, 10, 10, 0.22) !important;
}

body.dark-version .genesis-field-invalid-visual {
  border-color: #f87171 !important;
  box-shadow: 0 0 0 0.18rem rgba(248, 113, 113, 0.18) !important;
  background-color: rgba(69, 10, 10, 0.22) !important;
}

body.dark-version .switchery {
  border-color: rgba(148, 163, 184, 0.28) !important;
  background: linear-gradient(180deg, #243047 0%, #111827 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 10px 24px rgba(0, 0, 0, 0.28) !important;
}

body.dark-version .switchery > small {
  background: linear-gradient(180deg, #f8fafc 0%, #dbe7f5 100%) !important;
}

body.dark-version .js-switch:checked + .switchery,
body.dark-version .js-switchery:checked + .switchery {
  background-image: linear-gradient(135deg, var(--genesis-primary) 0%, var(--genesis-primary-hover) 100%) !important;
  border-color: color-mix(in srgb, var(--genesis-primary) 48%, transparent) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 12px 24px color-mix(in srgb, var(--genesis-primary) 22%, transparent) !important;
}

body.dark-version .form-switch .form-check-input {
  border-color: rgba(148, 163, 184, 0.28);
  background-color: #111827;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect x='0' y='0' width='24' height='24' rx='8' fill='%23f8fafc'/%3E%3C/svg%3E"), linear-gradient(180deg, #243047 0%, #111827 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 10px 24px rgba(0, 0, 0, 0.28);
}

body.dark-version .form-switch .form-check-input:checked {
  border-color: color-mix(in srgb, var(--genesis-primary) 48%, transparent);
  background-color: var(--genesis-primary);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect x='0' y='0' width='24' height='24' rx='8' fill='%23f8fafc'/%3E%3C/svg%3E"), linear-gradient(135deg, var(--genesis-primary) 0%, var(--genesis-primary-hover) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 12px 24px color-mix(in srgb, var(--genesis-primary) 22%, transparent);
}

body.dark-version .form-switch .form-check-input:focus {
  border-color: color-mix(in srgb, var(--genesis-primary) 48%, transparent);
  box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--genesis-primary) 20%, transparent);
}

body.dark-version .genesis-inline-monaco-editor {
  border-color: rgba(255, 255, 255, 0.12);
}

body.dark-version .genesis-field-editor-modal .modal-header {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

body.dark-version .genesis-field-editor-modal .modal-body {
  background: #0f1535;
}

body.dark-version .genesis-field-editor-modal .modal-content,
body.dark-version .genesis-field-editor-modal .genesis-field-editor-footer {
  background: #111c44;
}

body.dark-version .genesis-field-editor-modal .frm-holder,
body.dark-version .genesis-field-editor-modal .form-elements .sortable-options-wrap {
  background: #111c44;
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: none;
}

body.dark-version .genesis-field-editor-footer {
  border-top-color: rgba(255, 255, 255, 0.08);
}

body.dark-version .genesis-field-editor-modal .form-elements > .form-group > label,
body.dark-version .genesis-field-editor-modal .form-elements .form-group > label {
  color: color-mix(in srgb, white 70%, var(--genesis-primary) 30%);
}

body.dark-version .genesis-field-editor-modal .form-elements select {
  background-color: #111c44;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16'%3E%3Cpath fill='%23ffffff' d='M4.47 5.97a.75.75 0 0 1 1.06 0L8 8.44l2.47-2.47a.75.75 0 1 1 1.06 1.06l-3 3a.75.75 0 0 1-1.06 0l-3-3a.75.75 0 0 1 0-1.06Z'/%3E%3C/svg%3E");
}

body.dark-version .genesis-field-editor-modal .form-elements .style-wrap .btn.selected {
  border-color: color-mix(in srgb, white 38%, var(--genesis-primary) 62%);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--genesis-primary) 28%, transparent);
}

body.dark-version .genesis-field-editor-modal .form-elements .style-wrap .btn.selected:focus,
body.dark-version .genesis-field-editor-modal .form-elements .style-wrap .btn.selected:hover {
  border-color: color-mix(in srgb, white 32%, var(--genesis-primary) 68%);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--genesis-primary) 34%, transparent);
}

body.dark-version .genesis-editor-component-placeholder {
  border-color: color-mix(in srgb, var(--genesis-primary) 42%, transparent);
  background: linear-gradient(135deg, rgba(17, 28, 68, 0.92), rgba(34, 43, 95, 0.92));
}

body.dark-version .genesis-editor-component-title {
  color: #ffffff;
}

body.dark-version .genesis-editor-component-copy {
  color: rgba(255, 255, 255, 0.62);
}

body.dark-version .genesis-loader-preview-placeholder {
  background: color-mix(in srgb, var(--genesis-primary) 18%, transparent);
  color: #fff;
}

body.dark-version .tabControl > .card,
body.dark-version .tabStep > .card,
body.dark-version .tabControl > .card > .card-header,
body.dark-version .tabStep > .card > .card-header,
body.dark-version .tabControl > .card > .card-body,
body.dark-version .tabStep > .card > .card-body {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.dark-version .tabControl .genesis-switcher-rail {
    background: rgba(17, 28, 68, 0.72);
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
}

body.dark-version .tabControl .genesis-switcher-tab {
    color: rgba(255, 255, 255, 0.88) !important;
}

body.dark-version .tabControl .genesis-switcher-tab:hover,
body.dark-version .tabControl .genesis-switcher-tab:focus-visible {
    background: rgba(255, 255, 255, 0.12);
}

body.dark-version .tabControl .genesis-switcher-tab:focus-visible {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--genesis-primary) 22%, transparent);
}

body.dark-version .tabControl .genesis-switcher-tab.active,
body.dark-version .tabControl .genesis-switcher-tab[aria-selected="true"] {
    background: rgba(255, 255, 255, 0.96);
    color: #344767 !important;
}

body.dark-version .tabControl .genesis-switcher-highlight {
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.24);
}

body.dark-version .tabControl .genesis-switcher-content {
    background: transparent;
    border: 0;
    box-shadow: none;
}

body.dark-version .card.bg-primary:has(.numbers),
body.dark-version .card.bg-secondary:has(.numbers),
body.dark-version .card.bg-success:has(.numbers),
body.dark-version .card.bg-info:has(.numbers),
body.dark-version .card.bg-warning:has(.numbers),
body.dark-version .card.bg-danger:has(.numbers),
body.dark-version .card.bg-light:has(.numbers),
body.dark-version .card.bg-white:has(.numbers),
body.dark-version .card.bg-dark:has(.numbers) {
    background: #111c44 !important;
    background-color: #111c44 !important;
    background-image: none !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.18) !important;
}

body.dark-version .card.bg-primary:has(.numbers) .card-body,
body.dark-version .card.bg-secondary:has(.numbers) .card-body,
body.dark-version .card.bg-success:has(.numbers) .card-body,
body.dark-version .card.bg-info:has(.numbers) .card-body,
body.dark-version .card.bg-warning:has(.numbers) .card-body,
body.dark-version .card.bg-danger:has(.numbers) .card-body,
body.dark-version .card.bg-light:has(.numbers) .card-body,
body.dark-version .card.bg-white:has(.numbers) .card-body,
body.dark-version .card.bg-dark:has(.numbers) .card-body {
    min-height: 7rem;
    display: flex;
    align-items: center;
}

body.dark-version .card.bg-primary:has(.numbers) .numbers p,
body.dark-version .card.bg-secondary:has(.numbers) .numbers p,
body.dark-version .card.bg-success:has(.numbers) .numbers p,
body.dark-version .card.bg-info:has(.numbers) .numbers p,
body.dark-version .card.bg-warning:has(.numbers) .numbers p,
body.dark-version .card.bg-danger:has(.numbers) .numbers p,
body.dark-version .card.bg-light:has(.numbers) .numbers p,
body.dark-version .card.bg-white:has(.numbers) .numbers p,
body.dark-version .card.bg-dark:has(.numbers) .numbers p,
body.dark-version .card.bg-primary:has(.numbers) .numbers h1,
body.dark-version .card.bg-secondary:has(.numbers) .numbers h1,
body.dark-version .card.bg-success:has(.numbers) .numbers h1,
body.dark-version .card.bg-info:has(.numbers) .numbers h1,
body.dark-version .card.bg-warning:has(.numbers) .numbers h1,
body.dark-version .card.bg-danger:has(.numbers) .numbers h1,
body.dark-version .card.bg-light:has(.numbers) .numbers h1,
body.dark-version .card.bg-white:has(.numbers) .numbers h1,
body.dark-version .card.bg-dark:has(.numbers) .numbers h1,
body.dark-version .card.bg-primary:has(.numbers) .numbers h2,
body.dark-version .card.bg-secondary:has(.numbers) .numbers h2,
body.dark-version .card.bg-success:has(.numbers) .numbers h2,
body.dark-version .card.bg-info:has(.numbers) .numbers h2,
body.dark-version .card.bg-warning:has(.numbers) .numbers h2,
body.dark-version .card.bg-danger:has(.numbers) .numbers h2,
body.dark-version .card.bg-light:has(.numbers) .numbers h2,
body.dark-version .card.bg-white:has(.numbers) .numbers h2,
body.dark-version .card.bg-dark:has(.numbers) .numbers h2,
body.dark-version .card.bg-primary:has(.numbers) .numbers h3,
body.dark-version .card.bg-secondary:has(.numbers) .numbers h3,
body.dark-version .card.bg-success:has(.numbers) .numbers h3,
body.dark-version .card.bg-info:has(.numbers) .numbers h3,
body.dark-version .card.bg-warning:has(.numbers) .numbers h3,
body.dark-version .card.bg-danger:has(.numbers) .numbers h3,
body.dark-version .card.bg-light:has(.numbers) .numbers h3,
body.dark-version .card.bg-white:has(.numbers) .numbers h3,
body.dark-version .card.bg-dark:has(.numbers) .numbers h3,
body.dark-version .card.bg-primary:has(.numbers) .numbers h4,
body.dark-version .card.bg-secondary:has(.numbers) .numbers h4,
body.dark-version .card.bg-success:has(.numbers) .numbers h4,
body.dark-version .card.bg-info:has(.numbers) .numbers h4,
body.dark-version .card.bg-warning:has(.numbers) .numbers h4,
body.dark-version .card.bg-danger:has(.numbers) .numbers h4,
body.dark-version .card.bg-light:has(.numbers) .numbers h4,
body.dark-version .card.bg-white:has(.numbers) .numbers h4,
body.dark-version .card.bg-dark:has(.numbers) .numbers h4,
body.dark-version .card.bg-primary:has(.numbers) .numbers h5,
body.dark-version .card.bg-secondary:has(.numbers) .numbers h5,
body.dark-version .card.bg-success:has(.numbers) .numbers h5,
body.dark-version .card.bg-info:has(.numbers) .numbers h5,
body.dark-version .card.bg-warning:has(.numbers) .numbers h5,
body.dark-version .card.bg-danger:has(.numbers) .numbers h5,
body.dark-version .card.bg-light:has(.numbers) .numbers h5,
body.dark-version .card.bg-white:has(.numbers) .numbers h5,
body.dark-version .card.bg-dark:has(.numbers) .numbers h5,
body.dark-version .card.bg-primary:has(.numbers) .numbers h6,
body.dark-version .card.bg-secondary:has(.numbers) .numbers h6,
body.dark-version .card.bg-success:has(.numbers) .numbers h6,
body.dark-version .card.bg-info:has(.numbers) .numbers h6,
body.dark-version .card.bg-warning:has(.numbers) .numbers h6,
body.dark-version .card.bg-danger:has(.numbers) .numbers h6,
body.dark-version .card.bg-light:has(.numbers) .numbers h6,
body.dark-version .card.bg-white:has(.numbers) .numbers h6,
body.dark-version .card.bg-dark:has(.numbers) .numbers h6 {
    color: rgba(255, 255, 255, 0.88) !important;
}

body.dark-version .card[class*="bg-"]:has(.numbers) .icon.icon-shape.bg-white {
    background: rgba(255, 255, 255, 0.14) !important;
    box-shadow: none !important;
}

body.dark-version .card[class*="bg-"]:has(.numbers) .icon.icon-shape.bg-white i,
body.dark-version .card[class*="bg-"]:has(.numbers) .icon.icon-shape.bg-white svg {
    color: var(--genesis-white) !important;
    fill: var(--genesis-white) !important;
    opacity: 1 !important;
}

body.dark-version .genesis-small-simple-box .card-body {
    display: block !important;
    min-height: auto !important;
}

body.dark-version .genesis-small-simple-box .row {
    width: 100%;
}

body.dark-version #navbarBlur {
    background-color: transparent !important;
    background-image: none !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

body.dark-version .bg-gradient-light {
    background-color: #051139 !important;
    background-image: none !important;
}

body.dark-version #navbarBlur.bg-white,
body.dark-version #navbarBlur.position-sticky,
body.dark-version #navbarBlur.left-auto {
    background-color: rgba(5, 17, 57, 0.82) !important;
    background-image: none !important;
    box-shadow: none !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

body.dark-version .developer-panel .developer-grid-link:hover p,
body.dark-version .developer-panel .developer-grid-link:focus p {
    color: var(--genesis-white) !important;
}

body.dark-version .developer-panel .developer-grid-title {
    color: rgba(255, 255, 255, 0.82);
}

body.dark-version .content-header .breadcrumb .breadcrumb-item,
body.dark-version .content-header .breadcrumb .breadcrumb-item a {
    color: rgba(255, 255, 255, 0.82) !important;
}

body.dark-version .content-header .breadcrumb .breadcrumb-item a:hover,
body.dark-version .content-header .breadcrumb .breadcrumb-item a:focus {
    color: var(--genesis-white) !important;
}

body.dark-version .genesis-multiplicador-group {
    background: rgba(5, 17, 57, 0.88);
    box-shadow: 0 18px 42px rgba(2, 6, 23, 0.42);
}

body.dark-version .genesis-multiplicador-header {
    border-bottom-color: rgba(148, 163, 184, 0.18);
}

body.dark-version .genesis-multiplicador-group-body {
    background: rgba(5, 17, 57, 0.76);
}

body.dark-version .genesis-multiplicador-card {
    background: rgba(15, 23, 42, 0.9);
    border-color: rgba(148, 163, 184, 0.18);
    box-shadow: 0 14px 32px rgba(2, 6, 23, 0.32);
}

body.dark-version .genesis-card-widget.genesis-small-minimal-box-simple,
body.dark-version .genesis-card-widget.genesis-small-minimal-box-central,
body.dark-version .genesis-card-widget.genesis-small-card-icon {
    background: #111c44 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 20px 27px rgba(0, 0, 0, 0.18) !important;
}

body.dark-version .genesis-small-card-icon-footer,
body.dark-version .genesis-small-card-icon-header {
    background: transparent;
}

body.dark-version .genesis-metric-card {
    background: #111c44 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.18) !important;
}

body.dark-version .genesis-metric-card .card-header,
body.dark-version .genesis-metric-card .card-body {
    background: transparent !important;
}

body.dark-version .genesis-metric-card h1,
body.dark-version .genesis-metric-card h2,
body.dark-version .genesis-metric-card h3,
body.dark-version .genesis-metric-card h4,
body.dark-version .genesis-metric-card h5,
body.dark-version .genesis-metric-card h6,
body.dark-version .genesis-metric-card .text-sm,
body.dark-version .genesis-metric-card .text-xs,
body.dark-version .genesis-metric-card .font-weight-bold,
body.dark-version .genesis-metric-card .font-weight-bolder,
body.dark-version .genesis-metric-card .table td,
body.dark-version .genesis-metric-card .table th {
    color: rgba(255, 255, 255, 0.88) !important;
}

body.dark-version .genesis-metric-card .text-muted {
    color: rgba(255, 255, 255, 0.62) !important;
}

body.dark-version .genesis-metric-card .btn.btn-white {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: var(--genesis-white) !important;
    box-shadow: none !important;
}

body.dark-version .genesis-metric-card .btn.btn-white:hover,
body.dark-version .genesis-metric-card .btn.btn-white:focus {
    background: rgba(255, 255, 255, 0.14) !important;
    border-color: rgba(255, 255, 255, 0.22) !important;
    color: var(--genesis-white) !important;
}

body.dark-version .genesis-metric-card .genesis-metric-chart {
    background: rgba(255, 255, 255, 0.02);
    border-radius: 1rem;
}

body.dark-version .genesis-metric-card .genesis-metric-chart-value {
    color: rgba(255, 255, 255, 0.92);
}

body.dark-version .genesis-metric-card .genesis-metric-chart-unit {
    color: rgba(255, 255, 255, 0.62);
}

body.dark-version .genesis-chart-footer__title {
    color: rgba(255, 255, 255, 0.82);
}

body.dark-version .genesis-chart-footer__card {
    border-color: rgba(255, 255, 255, 0.08);
    background: linear-gradient(180deg, color-mix(in srgb, var(--genesis-primary) 12%, rgba(17, 28, 68, 0.98)), rgba(17, 28, 68, 0.96));
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.22);
}

body.dark-version .genesis-chart-footer__headline {
    color: rgba(255, 255, 255, 0.9);
}

body.dark-version .genesis-chart-footer__meta {
    color: rgba(255, 255, 255, 0.58);
}

body.dark-version .genesis-metric-card .genesis-metric-card-dot {
    box-shadow: none;
}

body.dark-version .genesis-metric-card .table td {
    border-top-color: rgba(148, 163, 184, 0.16);
}

body.dark-version .navbar-vertical .navbar-nav .nav-link.active,
body.dark-version .navbar-vertical .navbar-nav .nav-link:hover,
body.dark-version .navbar-vertical .navbar-nav .nav-link.active .nav-link-text,
body.dark-version .navbar-vertical .navbar-nav .nav-link:hover .nav-link-text,
body.dark-version .navbar-vertical .navbar-nav .nav-link.active i,
body.dark-version .navbar-vertical .navbar-nav .nav-link:hover i {
    color: var(--genesis-white) !important;
}

body.dark-version .navbar-vertical .navbar-nav > .nav-item > .nav-link.active,
body.dark-version .navbar-vertical .navbar-nav > .nav-item > .nav-link:hover,
body.dark-version .navbar-vertical .navbar-nav > .nav-item > .nav-link[aria-expanded="true"] {
    background-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: none !important;
    border-radius: 1rem;
}

body.dark-version .navbar-vertical .navbar-nav .nav-link.active-trail,
body.dark-version .navbar-vertical .navbar-nav > .nav-item.menu-branch-active > .nav-link {
    background-color: rgba(255, 255, 255, 0.08) !important;
    color: rgba(255, 255, 255, 0.92) !important;
    box-shadow:
      inset 0 0 0 1px rgba(255, 255, 255, 0.05) !important,
      0 10px 24px rgba(0, 0, 0, 0.12) !important;
    border-radius: 1rem;
}

body.dark-version .navbar-vertical .navbar-nav .nav-link.active .icon,
body.dark-version .navbar-vertical .navbar-nav .nav-link:hover .icon {
    background-image: none !important;
    background-color: rgba(255, 255, 255, 0.12) !important;
    border-radius: 0.85rem;
}

body.dark-version .navbar-vertical .navbar-nav .nav-link.active-trail .icon,
body.dark-version .navbar-vertical .navbar-nav > .nav-item.menu-branch-active > .nav-link .icon {
    background-image: none !important;
    background-color: rgba(255, 255, 255, 0.14) !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22) !important;
    border-radius: 0.85rem;
}

body.dark-version .navbar-vertical .navbar-nav .nav-link .icon i.text-primary,
body.dark-version .navbar-vertical .navbar-nav .nav-link .icon i,
body.dark-version .navbar-vertical .navbar-nav .nav-link .icon svg,
body.dark-version .navbar-vertical .navbar-nav .nav-link .icon .opacity-10,
body.dark-version .navbar-vertical .navbar-nav .nav-link .icon [class*="opacity-"],
body.dark-version .navbar-vertical .navbar-nav .nav-link .nav-link-text,
body.dark-version .navbar-vertical .navbar-nav .nav-link .nav-link-text *,
body.dark-version .navbar-vertical .navbar-nav .nav-link span:not(.icon) {
    color: rgba(255, 255, 255, 0.82) !important;
    fill: currentColor !important;
    opacity: 1 !important;
}

body.dark-version .navbar-vertical .navbar-nav .nav-link .icon {
    background-color: rgba(255, 255, 255, 0.09) !important;
    box-shadow:
      inset 0 0 0 1px rgba(255, 255, 255, 0.06) !important,
      0 8px 18px rgba(0, 0, 0, 0.12) !important;
}

body.dark-version .navbar-vertical .navbar-nav .nav-link:hover .nav-link-text,
body.dark-version .navbar-vertical .navbar-nav .nav-link[aria-expanded="true"] .nav-link-text,
body.dark-version .navbar-vertical .navbar-nav .nav-link.active-trail .nav-link-text,
body.dark-version .navbar-vertical .navbar-nav > .nav-item.menu-branch-active > .nav-link .nav-link-text {
    color: rgba(255, 255, 255, 0.94) !important;
}

body.dark-version .navbar-vertical .navbar-nav .nav-link.active-trail .icon i,
body.dark-version .navbar-vertical .navbar-nav .nav-link.active-trail .icon svg,
body.dark-version .navbar-vertical .navbar-nav > .nav-item.menu-branch-active > .nav-link .icon i {
    color: var(--genesis-white) !important;
    fill: var(--genesis-white) !important;
    opacity: 1 !important;
}

body.dark-version .navbar-vertical .navbar-nav > .nav-item.menu-branch-active > .nav-link .icon i,
body.dark-version .navbar-vertical .navbar-nav > .nav-item.menu-branch-active > .nav-link .icon svg,
body.dark-version .navbar-vertical .navbar-nav .nav-link.active-trail .icon i,
body.dark-version .navbar-vertical .navbar-nav .nav-link.active-trail .icon svg {
    color: var(--genesis-white) !important;
    fill: var(--genesis-white) !important;
}

body.dark-version .navbar-vertical .navbar-nav > .nav-item.menu-branch-active > .nav-link .icon .opacity-10,
body.dark-version .navbar-vertical .navbar-nav .nav-link.active-trail .icon .opacity-10,
body.dark-version .navbar-vertical .navbar-nav > .nav-item.menu-branch-active > .nav-link .icon [class*="opacity-"],
body.dark-version .navbar-vertical .navbar-nav .nav-link.active-trail .icon [class*="opacity-"] {
    opacity: 1 !important;
    color: var(--genesis-white) !important;
}

body.dark-version #sidenav-main .navbar-nav .nav-link,
body.dark-version #sidenav-main .navbar-nav .nav-link .nav-link-text,
body.dark-version #sidenav-main .navbar-nav .nav-link .nav-link-text * {
    color: rgba(255, 255, 255, 0.82) !important;
}

body.dark-version #sidenav-main .navbar-nav .nav-link .icon,
body.dark-version #sidenav-main .navbar-nav .nav-link .icon.icon-shape {
    background: rgba(255, 255, 255, 0.09) !important;
    box-shadow:
      inset 0 0 0 1px rgba(255, 255, 255, 0.06) !important,
      0 8px 18px rgba(0, 0, 0, 0.12) !important;
}

body.dark-version #sidenav-main .navbar-nav .nav-link .icon i,
body.dark-version #sidenav-main .navbar-nav .nav-link .icon .fa,
body.dark-version #sidenav-main .navbar-nav .nav-link .icon .fas,
body.dark-version #sidenav-main .navbar-nav .nav-link .icon .far,
body.dark-version #sidenav-main .navbar-nav .nav-link .icon .fa-solid,
body.dark-version #sidenav-main .navbar-nav .nav-link .icon svg,
body.dark-version #sidenav-main .navbar-nav .nav-link .icon .opacity-10,
body.dark-version #sidenav-main .navbar-nav .nav-link .icon [class*="opacity-"] {
    color: rgba(255, 255, 255, 0.9) !important;
    fill: currentColor !important;
    opacity: 1 !important;
}

body.dark-version .card:hover {
    box-shadow: 0 20px 40px rgba(2, 6, 23, 0.38);
}

body.dark-version .modal .card:hover,
body.dark-version .fixed-plugin .card:hover,
body.dark-version .developer-panel > .card:hover,
body.dark-version .error-panel > .card:hover,
 body.dark-version .notification-panel > .card:hover,
body.dark-version .tabControl > .card:hover,
body.dark-version .tabStep > .card:hover {
    box-shadow: inherit;
}

body.dark-version div[type="expediente"] .expedienteEstatus {
    background: rgba(15, 23, 42, 0.9);
    border-color: rgba(148, 163, 184, 0.16);
    box-shadow: 0 18px 34px rgba(2, 6, 23, 0.32);
}

body.dark-version div[type="expediente"] .documento:hover .expedienteEstatus {
    border-color: rgba(96, 165, 250, 0.28);
    box-shadow: 0 20px 40px rgba(2, 6, 23, 0.42);
}

body.dark-version div[type="expediente"] .expedienteEstatusIcon {
    background: rgba(96, 165, 250, 0.12);
}

body.dark-version div[type="expediente"] .expedienteTitulo {
    color: rgba(255, 255, 255, 0.94);
}

body.dark-version div[type="expediente"] .expedienteComentario {
    color: rgba(148, 163, 184, 0.92);
}

body.dark-version div[type="expediente"] .expedienteCta.is-muted {
    background: rgba(148, 163, 184, 0.12);
    border-color: rgba(148, 163, 184, 0.18);
    color: rgba(226, 232, 240, 0.92);
}

body.dark-version div[type="expediente"] .expedienteCta.is-warning {
    background: rgba(245, 158, 11, 0.16);
    border-color: rgba(245, 158, 11, 0.22);
    color: #fbbf24;
}

body.dark-version div[type="expediente"] .expedienteCta.is-success {
    background: rgba(34, 197, 94, 0.16);
    border-color: rgba(34, 197, 94, 0.22);
    color: #4ade80;
}

body.dark-version div[type="expediente"] .expedienteCta.is-danger {
    background: rgba(239, 68, 68, 0.16);
    border-color: rgba(239, 68, 68, 0.22);
    color: #f87171;
}

body.dark-version div[type="expediente"] .documento[data-estado-expediente="verificado"] .expedienteEstatus,
body.dark-version div[type="expediente"] .documento[data-estado-expediente="subido"] .expedienteEstatus {
    border-color: rgba(34, 197, 94, 0.26);
}

body.dark-version div[type="expediente"] .documento[data-estado-expediente="porVerificar"] .expedienteEstatus {
    border-color: rgba(245, 158, 11, 0.28);
}

body.dark-version div[type="expediente"] .documento[data-estado-expediente="rechazado"] .expedienteEstatus {
    border-color: rgba(239, 68, 68, 0.28);
}

body.dark-version .genesis-nomina-component {
    border-color: rgba(148, 163, 184, 0.12);
    background: linear-gradient(180deg, rgba(19, 26, 40, 0.96), rgba(15, 23, 42, 0.96));
    box-shadow: 0 18px 42px rgba(2, 6, 23, 0.35);
}

body.dark-version .genesis-nomina-shell-title,
body.dark-version .genesis-nomina-summary-value,
body.dark-version .genesis-nomina-metric-value,
body.dark-version .genesis-nomina-total-value,
body.dark-version .genesis-nomina-workspace-title,
body.dark-version .genesis-nomina-empty-title,
body.dark-version .genesis-nomina-concepts-table tbody td {
    color: #e5edf7;
}

body.dark-version .genesis-nomina-shell-subtitle,
body.dark-version .genesis-nomina-summary-meta,
body.dark-version .genesis-nomina-workspace-hint,
body.dark-version .genesis-nomina-empty-text {
    color: #94a3b8;
}

body.dark-version .genesis-nomina-summary-label,
body.dark-version .genesis-nomina-summary-section-title,
body.dark-version .genesis-nomina-metric-label,
body.dark-version .genesis-nomina-total-label,
body.dark-version .genesis-nomina-concepts-table thead th {
    color: #8ea0bf;
}

body.dark-version .genesis-nomina-shell-badge {
    background: color-mix(in srgb, var(--genesis-primary) 22%, transparent);
    color: color-mix(in srgb, white 85%, var(--genesis-primary) 15%);
}

body.dark-version .genesis-nomina-shell-status {
    background: color-mix(in srgb, var(--genesis-primary) 18%, transparent);
    color: color-mix(in srgb, white 84%, var(--genesis-primary) 16%);
}

body.dark-version .genesis-nomina-sidebar {
    border-right-color: rgba(148, 163, 184, 0.12);
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.92), rgba(17, 24, 39, 0.94));
}

body.dark-version .genesis-nomina-period-card,
body.dark-version .genesis-nomina-summary-section,
body.dark-version .genesis-nomina-metrics-wrap,
body.dark-version .genesis-nomina-actions-wrap,
body.dark-version .genesis-nomina-bottom-block,
body.dark-version .genesis-nomina-workspace-card,
body.dark-version .genesis-nomina-empty-state {
    border-color: rgba(148, 163, 184, 0.12);
    background: rgba(15, 23, 42, 0.7);
}

body.dark-version .genesis-nomina-metric-card {
    background: linear-gradient(180deg,
        color-mix(in srgb, var(--genesis-primary) 20%, transparent),
        rgba(15, 23, 42, 0.45));
    border-color: color-mix(in srgb, var(--genesis-primary) 28%, transparent);
}

body.dark-version .genesis-nomina-total-card {
    background: linear-gradient(180deg,
        color-mix(in srgb, var(--genesis-primary) 22%, transparent),
        rgba(15, 23, 42, 0.5));
    border-color: color-mix(in srgb, var(--genesis-primary) 26%, transparent);
}

body.dark-version .genesis-nomina-workspace {
    background: linear-gradient(180deg, rgba(17, 24, 39, 0.78), rgba(15, 23, 42, 0.88));
}

body.dark-version .genesis-nomina-concepts-table thead th {
    background: rgba(30, 41, 59, 0.88);
}

/* ---- Dark mode blocks moved from the canonical light stylesheet ---- */

body.dark-version .genesis-mini-flat-card,
body.dark-version .genesis-badge-group-card,
body.dark-version .genesis-succession-plan {
    background: rgb(17, 28, 68);
    box-shadow: rgba(0, 0, 0, 0.14) 0 2px 2px 0,
                rgba(0, 0, 0, 0.2) 0 3px 1px -2px,
                rgba(0, 0, 0, 0.12) 0 1px 5px 0;
}

body.dark-version .genesis-mini-flat-card__title,
body.dark-version .genesis-badge-group-card__title,
body.dark-version .genesis-succession-plan__name,
body.dark-version .genesis-succession-plan__summary-label,
body.dark-version .genesis-succession-plan__footer-title,
body.dark-version .genesis-mini-flat-card__label,
body.dark-version .genesis-badge-group-card__context-label,
body.dark-version .genesis-ia-evaluation__heading,
body.dark-version .genesis-ia-evaluation__alert {
    color: #f8fafc;
}

body.dark-version .genesis-mini-flat-card__subtitle,
body.dark-version .genesis-mini-flat-card__item,
body.dark-version .genesis-mini-flat-card__value,
body.dark-version .genesis-mini-flat-card__meta,
body.dark-version .genesis-mini-flat-card__empty,
body.dark-version .genesis-mini-flat-card__footer,
body.dark-version .genesis-mini-flat-card__score-title,
body.dark-version .genesis-mini-flat-card__score-subtitle,
body.dark-version .genesis-badge-group-card__subtitle,
body.dark-version .genesis-badge-group-card__context-line,
body.dark-version .genesis-badge-group-card__context-value,
body.dark-version .genesis-badge-group-card__empty,
body.dark-version .genesis-succession-plan__eyebrow,
body.dark-version .genesis-succession-plan__summary-line,
body.dark-version .genesis-succession-plan__summary-value,
body.dark-version .genesis-succession-plan__copy,
body.dark-version .genesis-succession-plan__list-item,
body.dark-version .genesis-succession-plan__footer-copy,
body.dark-version .genesis-succession-plan__empty,
body.dark-version .genesis-ia-evaluation__note,
body.dark-version .genesis-ia-evaluation__empty,
body.dark-version .genesis-ia-evaluation__list-item {
    color: #cbd5e1 !important;
}

body.dark-version .genesis-mini-flat-card__score,
body.dark-version .genesis-succession-plan__candidate,
body.dark-version .genesis-succession-plan__candidate--primary,
body.dark-version .genesis-ia-evaluation__panel,
body.dark-version .genesis-ia-evaluation__alert {
    background: rgba(255, 255, 255, 0.035);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.05) !important;
}

body.dark-version .genesis-mini-flat-card__score--primary {
    background: linear-gradient(180deg, rgba(98, 115, 221, 0.12) 0%, rgba(255, 255, 255, 0.035) 100%);
}

body.dark-version .genesis-mini-flat-card__score--success {
    background: linear-gradient(180deg, rgba(34, 197, 94, 0.12) 0%, rgba(255, 255, 255, 0.035) 100%);
}

body.dark-version .genesis-mini-flat-card__score--warning {
    background: linear-gradient(180deg, rgba(245, 158, 11, 0.12) 0%, rgba(255, 255, 255, 0.035) 100%);
}

body.dark-version .genesis-mini-flat-card__score--danger {
    background: linear-gradient(180deg, rgba(239, 68, 68, 0.12) 0%, rgba(255, 255, 255, 0.035) 100%);
}

body.dark-version .genesis-mini-flat-card__score--neutral,
body.dark-version .genesis-mini-flat-card__score--secondary,
body.dark-version .genesis-ia-evaluation__panel--soft {
    background: rgba(255, 255, 255, 0.055);
}

body.dark-version .genesis-mini-flat-card__score-value {
    color: #f8fafc;
}

body.dark-version .genesis-mini-flat-card__footer,
body.dark-version .genesis-succession-plan__footer,
body.dark-version .genesis-ia-evaluation__list-item {
    border-color: rgba(255, 255, 255, 0.06) !important;
}

body.dark-version #overlay {
    background: rgba(6, 11, 24, 0.56) !important;
    backdrop-filter: blur(12px) saturate(135%);
    -webkit-backdrop-filter: blur(12px) saturate(135%);
    color: #f8fafc !important;
}

body.dark-version .overlay {
    background: rgba(6, 11, 24, 0.56) !important;
    backdrop-filter: blur(12px) saturate(135%);
    -webkit-backdrop-filter: blur(12px) saturate(135%);
    color: #f8fafc !important;
}

body.dark-version .overlay .overlay-text,
body.dark-version .genesis-loader-content {
    background: rgba(15, 23, 42, 0.78);
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.34);
    color: #f8fafc;
}

body.dark-version .overlay .overlay-text .fa-spinner,
body.dark-version .overlay .overlay-text .fa-spin,
body.dark-version .genesis-loader-spinner {
    background: color-mix(in srgb, var(--genesis-primary) 14%, transparent);
    border-color: color-mix(in srgb, var(--genesis-primary) 34%, transparent);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24);
    color: color-mix(in srgb, white 84%, var(--genesis-primary) 16%);
}

body.dark-version .genesis-glass-overlay {
    background:
        linear-gradient(140deg, rgba(15, 23, 42, 0.22), rgba(15, 23, 42, 0.1)),
        rgba(2, 6, 23, 0.34);
    border-color: rgba(255, 255, 255, 0.06);
}

body.dark-version .genesis-glass-overlay__panel {
    background: rgba(15, 23, 42, 0.66);
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow:
        0 24px 52px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
    color: #f8fafc;
}

body.dark-version .genesis-glass-overlay__message {
    color: rgba(248, 250, 252, 0.76);
}

body.dark-version .highlight {
    background-color: rgba(255, 235, 59, 0.78);
    color: #1f2937;
}

/* ---- Legacy business dark overrides migrated into the canonical dark stylesheet ---- */


body.dark-version #contenedorBotonesSecundarios {
    background-color: rgba(17, 28, 68, 0.92);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 20px 36px rgba(0, 0, 0, 0.28);
}

body.dark-version .steps li {
    color: rgba(255, 255, 255, 0.58);
}

body.dark-version .steps li em {
    background: rgba(255, 255, 255, 0.18);
    color: rgba(255, 255, 255, 0.88);
}

body.dark-version .steps li .step-link {
    color: rgba(255, 255, 255, 0.62) !important;
}

body.dark-version .steps li.active em,
body.dark-version .steps li .step-link.active em {
    background: var(--genesis-white);
    color: #111c44;
}

body.dark-version .steps li.active .step-link,
body.dark-version .steps li .step-link.active {
    color: var(--genesis-white) !important;
}

body.dark-version .steps li::after,
body.dark-version .steps li::before {
    background: rgba(255, 255, 255, 0.16);
}

body.dark-version .steps li.active::after,
body.dark-version .steps li.active::before {
    background: var(--genesis-primary);
}

body.dark-version .tarjetaUsuario {
    background-color: #111c44;
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.18);
}

body.dark-version .tarjetaUsuario:hover {
    box-shadow: 0 24px 36px rgba(0, 0, 0, 0.24);
}

body.dark-version .tarjetaUsuario .detallesUsuario {
    color: rgba(255, 255, 255, 0.68);
}

body.dark-version .tarjetaUsuario .nombreUsuario {
    color: rgba(255, 255, 255, 0.92);
}

body.dark-version .tarjetaUsuario img {
    border: 2px solid rgba(255, 255, 255, 0.14);
}

body.dark-version .card-ninebox,
body.dark-version .chat-argon,
body.dark-version .full-calendar {
    background-color: #111c44;
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.18);
}

body.dark-version .genesis-nine-box {
    background: rgba(17, 28, 68, 0.92);
    box-shadow: 0 24px 36px rgba(0, 0, 0, 0.22);
}

body.dark-version .genesis-nine-box .card-header {
    background: linear-gradient(135deg, color-mix(in srgb, var(--genesis-primary) 18%, transparent), color-mix(in srgb, var(--genesis-primary) 14%, rgba(17, 28, 68, 0.96)));
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

body.dark-version .genesis-nine-box-title {
    color: rgba(255, 255, 255, 0.92);
}

body.dark-version .genesis-nine-box-subtitle,
body.dark-version .genesis-nine-box-axis-x-item {
    color: rgba(255, 255, 255, 0.68);
}

body.dark-version .chat-argon .card-body {
    border-top-color: rgba(255, 255, 255, 0.08);
}

body.dark-version .chat-argon .card-header .card-title,
body.dark-version .chat-argon .card-body,
body.dark-version .chat-argon .card-body .direct-chat-timestamp,
body.dark-version .full-calendar .fc-toolbar-title,
body.dark-version .full-calendar thead th {
    color: rgba(255, 255, 255, 0.88) !important;
}


body.dark-version .profile-updateable-wrapper > .profile-options {
    background: rgba(17, 28, 68, 0.92);
}

body.dark-version .downloadPhoto_ {
    color: rgba(255, 255, 255, 0.72);
}

body.dark-version .genesis-photo-profile-editable {
    background: transparent;
    box-shadow: none;
}

body.dark-version .genesis-photo-profile-image {
    box-shadow: 0 18px 30px rgba(0, 0, 0, 0.28);
}

body.dark-version .genesis-photo-profile-overlay {
    background: rgba(17, 24, 39, 0.84);
}

body.dark-version .profile-wt-b,
body.dark-version .profile-wt-b-small {
    border-color: rgba(255, 255, 255, 0.18);
}

body.dark-version .profile-wt-v,
body.dark-version .profile-wt-v-small {
    border-color: rgba(255, 255, 255, 0.16);
}

body.dark-version .profile-wt-v-small {
    background-color: rgba(255, 255, 255, 0.08);
}

body.dark-version .text-st-light {
    color: rgba(255, 255, 255, 0.78) !important;
}

body.dark-version .text-st-muted {
    color: rgba(255, 255, 255, 0.62) !important;
}

body.dark-version .direct-chat-contacts {
    background-color: #26335f;
    color: #fff;
}

body.dark-version .genesis-property-group-modal .modal-content {
    background: #111827;
    border-color: rgba(148, 163, 184, 0.2);
}

body.dark-version .genesis-property-group-modal .modal-header,
body.dark-version .genesis-property-group-modal .modal-footer {
    border-color: rgba(148, 163, 184, 0.16);
}

body.dark-version .genesis-property-group-modal-body {
    background: rgba(17, 24, 39, 0.92);
}

body.dark-version .genesis-property-group-modal .direct-chat-contacts {
    background: transparent;
    color: rgba(255, 255, 255, 0.92);
}

body.dark-version .genesis-property-group-modal .direct-chat-contacts label,
body.dark-version .genesis-property-group-modal .direct-chat-contacts .form-control-label {
    color: rgba(255, 255, 255, 0.88) !important;
    font-weight: 600 !important;
}

body.dark-version .genesis-property-group-modal .direct-chat-contacts label,
body.dark-version .genesis-property-group-modal .direct-chat-contacts .form-label {
    color: rgba(255, 255, 255, 0.86) !important;
}

body.dark-version .genesis-property-group-modal .direct-chat-contacts .form-control,
body.dark-version .genesis-property-group-modal .direct-chat-contacts .form-select,
body.dark-version .genesis-property-group-modal .direct-chat-contacts textarea.form-control,
body.dark-version .genesis-property-group-modal .direct-chat-contacts .input-group-text {
    background: rgba(17, 24, 39, 0.72) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: rgba(255, 255, 255, 0.88) !important;
}

body.dark-version .genesis-property-group-modal .direct-chat-contacts select.form-control,
body.dark-version .genesis-property-group-modal .direct-chat-contacts select.form-select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='rgba(255,255,255,0.78)' d='M6 7.4a.8.8 0 0 1-.57-.24L.8 2.54A.8.8 0 0 1 1.93 1.4L6 5.47 10.07 1.4a.8.8 0 0 1 1.13 1.13L6.57 7.16A.8.8 0 0 1 6 7.4Z'/%3E%3C/svg%3E");
}

body.dark-version .genesis-property-group-modal .direct-chat-contacts .select2-container--bootstrap .select2-selection,
body.dark-version .genesis-property-group-modal .direct-chat-contacts .select2-container--default .select2-selection--single,
body.dark-version .genesis-property-group-modal .direct-chat-contacts .select2-container--default .select2-selection--multiple {
    background: rgba(17, 24, 39, 0.72);
    border-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.88);
}

body.dark-version .genesis-property-group-modal .direct-chat-contacts .select2-container--default .select2-selection--single .select2-selection__rendered,
body.dark-version .genesis-property-group-modal .direct-chat-contacts .select2-container--bootstrap .select2-selection__rendered,
body.dark-version .genesis-property-group-modal .direct-chat-contacts .select2-results__option,
body.dark-version .genesis-property-group-modal .direct-chat-contacts .select2-search--dropdown .select2-search__field {
    color: rgba(255, 255, 255, 0.88);
}

body.dark-version .genesis-property-group-modal .direct-chat-contacts .select2-container--default .select2-selection--single .select2-selection__placeholder,
body.dark-version .genesis-property-group-modal .direct-chat-contacts .select2-container--bootstrap .select2-selection__placeholder {
    color: rgba(255, 255, 255, 0.45);
}

body.dark-version .genesis-property-group-modal .direct-chat-contacts .select2-container--default .select2-selection__arrow b,
body.dark-version .genesis-property-group-modal .direct-chat-contacts .select2-container--bootstrap .select2-selection__arrow b {
    border-color: rgba(255, 255, 255, 0.78) transparent transparent transparent;
}

body.dark-version .genesis-property-group-modal .direct-chat-contacts .select2-dropdown {
    background: #111827;
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: 0 24px 32px rgba(0, 0, 0, 0.3);
}

body.dark-version .genesis-property-group-modal .direct-chat-contacts .select2-results__option--highlighted[aria-selected],
body.dark-version .genesis-property-group-modal .direct-chat-contacts .select2-results__option--highlighted[data-selected] {
    background: color-mix(in srgb, var(--genesis-primary) 28%, transparent);
    color: rgba(255, 255, 255, 0.94);
}

body.dark-version .ui-datepicker {
    background: #111827;
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: 0 24px 32px rgba(0, 0, 0, 0.3);
}

body.dark-version .ui-datepicker .ui-datepicker-header,
body.dark-version .ui-datepicker .ui-state-default,
body.dark-version .ui-datepicker .ui-widget-content .ui-state-default,
body.dark-version .ui-datepicker .ui-widget-header .ui-state-default {
    color: rgba(255, 255, 255, 0.88);
}

body.dark-version .ui-datepicker .ui-datepicker-prev,
body.dark-version .ui-datepicker .ui-datepicker-next {
    background: color-mix(in srgb, var(--genesis-primary) 20%, transparent);
    color: rgba(255, 255, 255, 0.88);
}

body.dark-version .ui-datepicker .ui-datepicker-prev:hover,
body.dark-version .ui-datepicker .ui-datepicker-next:hover {
    background: color-mix(in srgb, var(--genesis-primary) 32%, transparent);
}

body.dark-version .ui-datepicker .ui-datepicker-title select {
    background: rgba(17, 24, 39, 0.72);
    border-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.88);
}

body.dark-version .ui-datepicker th {
    color: rgba(255, 255, 255, 0.74);
}

body.dark-version .ui-datepicker .ui-state-hover,
body.dark-version .ui-datepicker .ui-widget-content .ui-state-hover,
body.dark-version .ui-datepicker .ui-widget-header .ui-state-hover {
    background: color-mix(in srgb, var(--genesis-primary) 24%, transparent);
    color: rgba(255, 255, 255, 0.94);
}

body.dark-version .ui-datepicker .ui-state-active,
body.dark-version .ui-datepicker .ui-widget-content .ui-state-active,
body.dark-version .ui-datepicker .ui-widget-header .ui-state-active {
    color: #fff !important;
}

body.dark-version .genesis-money-exchange {
    background: rgba(17, 28, 68, 0.9);
    box-shadow: 0 20px 27px rgba(0, 0, 0, 0.2);
}

body.dark-version .genesis-money-exchange-title,
body.dark-version .genesis-money-exchange-value {
    color: rgba(255, 255, 255, 0.92);
}

body.dark-version .genesis-money-exchange-subtitle,
body.dark-version .genesis-money-exchange-label {
    color: rgba(255, 255, 255, 0.64);
}

body.dark-version .genesis-money-exchange-icon {
    background: rgba(255, 255, 255, 0.1);
    color: color-mix(in srgb, white 84%, var(--genesis-primary) 16%);
}

body.dark-version .genesis-money-exchange-stat {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.08);
}

body.dark-version .genesis-money-exchange-input-wrap .form-control {
    background: rgba(17, 28, 68, 0.88);
    border-color: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.92);
}

body.dark-version .genesis-status-box {
    background: rgba(17, 28, 68, 0.9);
    box-shadow: 0 20px 27px rgba(0, 0, 0, 0.2);
}

body.dark-version .genesis-status-box .card-header {
    background: linear-gradient(180deg, rgba(38, 51, 95, 0.9), rgba(17, 28, 68, 0.96));
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

body.dark-version .genesis-status-box-name,
body.dark-version .genesis-status-box-location,
body.dark-version .genesis-status-box-date-value {
    color: rgba(255, 255, 255, 0.92);
}

body.dark-version .genesis-status-box-role,
body.dark-version .genesis-status-box-sub,
body.dark-version .genesis-status-box-date-label {
    color: rgba(255, 255, 255, 0.64);
}

body.dark-version .genesis-status-box-menu .btn,
body.dark-version .genesis-status-box-actions .btn {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.88);
}

body.dark-version .genesis-status-box-date-icon {
    background: color-mix(in srgb, var(--genesis-primary) 18%, transparent);
    color: color-mix(in srgb, white 84%, var(--genesis-primary) 16%);
}

body.dark-version .genesis-status-box-photo {
    border-color: rgba(255, 255, 255, 0.12);
}

body.dark-version .genesis-status-box-actions {
    border-top-color: rgba(255, 255, 255, 0.08);
}

body.dark-version .genesis-big-button {
    background: linear-gradient(135deg, color-mix(in srgb, var(--genesis-primary) 18%, rgba(17, 28, 68, 0.96)), rgba(17, 28, 68, 0.96));
    box-shadow: 0 18px 32px rgba(0, 0, 0, 0.24);
    color: rgba(255, 255, 255, 0.94);
}

body.dark-version .genesis-kpi-card--soft::before {
    background:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--genesis-primary) 24%, transparent) 0, transparent 38%),
        linear-gradient(135deg, color-mix(in srgb, var(--genesis-primary) 18%, rgba(17, 28, 68, 0.94)), rgba(17, 28, 68, 0.92));
    opacity: 0.88;
}

body.dark-version .genesis-big-button--soft {
    background: linear-gradient(135deg, color-mix(in srgb, var(--genesis-primary) 22%, rgba(17, 28, 68, 0.94) 78%), rgba(17, 28, 68, 0.92));
}

body.dark-version .genesis-big-button:hover,
body.dark-version .genesis-big-button:focus,
body.dark-version .genesis-big-button-title {
    color: rgba(255, 255, 255, 0.94);
}

body.dark-version .genesis-big-button-subtitle {
    color: rgba(255, 255, 255, 0.7);
}

body.dark-version .genesis-big-button--outline {
    border-color: var(--genesis-primary);
}

body.dark-version .genesis-card-profile {
    background: #111c44 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 20px 27px rgba(0, 0, 0, 0.18) !important;
}

body.dark-version .genesis-card-profile-title {
    color: rgba(255, 255, 255, 0.92);
}

body.dark-version .genesis-card-profile-item {
    color: rgba(255, 255, 255, 0.72);
}

body.dark-version .genesis-card-profile-media {
    background: linear-gradient(180deg, rgba(17, 24, 39, 0.76), rgba(15, 23, 42, 0.88));
}

body.dark-version .genesis-card-profile-avatar {
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: 0 18px 28px rgba(0, 0, 0, 0.28);
}

body.dark-version .genesis-card-profile-footer {
    border-top-color: rgba(148, 163, 184, 0.16);
}

body.dark-version .genesis-long-card-title,
body.dark-version .genesis-long-card-metric-label,
body.dark-version .genesis-long-card-center-label,
body.dark-version .genesis-long-card-side-text {
    color: rgba(255, 255, 255, 0.62);
}

body.dark-version .genesis-long-card-metric-value,
body.dark-version .genesis-long-card-center-value,
body.dark-version .genesis-long-card-center-value small {
    color: rgba(255, 255, 255, 0.92);
}

body.dark-version .genesis-long-card-metric-value small,
body.dark-version .genesis-long-card-divider {
    color: rgba(255, 255, 255, 0.64);
}

body.dark-version .genesis-long-card-divider {
    border-color: rgba(255, 255, 255, 0.12);
}

body.dark-version .genesis-long-card-side-button {
    border-color: rgba(255, 255, 255, 0.22);
    color: rgba(255, 255, 255, 0.88);
}

body.dark-version .genesis-long-card-side-button:hover,
body.dark-version .genesis-long-card-side-button:focus {
    border-color: rgba(255, 255, 255, 0.36);
    color: rgba(255, 255, 255, 0.96);
}

body.dark-version .genesis-profile-component {
    background: #111c44 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 20px 27px rgba(0, 0, 0, 0.18) !important;
}

body.dark-version .genesis-profile-component-header {
    background: linear-gradient(135deg, color-mix(in srgb, var(--genesis-primary) 18%, transparent), rgba(17, 24, 39, 0.82));
}

body.dark-version .genesis-profile-component-name,
body.dark-version .genesis-profile-component-stat-value {
    color: rgba(255, 255, 255, 0.92);
}

body.dark-version .genesis-profile-component-stat-label {
    color: rgba(255, 255, 255, 0.64);
}

body.dark-version .genesis-profile-component-stat--border {
    border-top-color: rgba(148, 163, 184, 0.16);
}

body.dark-version .genesis-profile-component-photo {
    box-shadow: 0 18px 28px rgba(0, 0, 0, 0.28);
}

body.dark-version .genesis-profile-cover {
    background: #111c44 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 20px 27px rgba(0, 0, 0, 0.18) !important;
}

body.dark-version .genesis-profile-cover-subtitle {
    color: rgba(255, 255, 255, 0.76);
}

body.dark-version .genesis-profile-cover-avatar {
    background: #111c44;
    box-shadow: 0 18px 30px rgba(0, 0, 0, 0.3);
}

body.dark-version .genesis-profile-cover-stat--border {
    border-right-color: rgba(148, 163, 184, 0.16);
}

body.dark-version .genesis-profile-cover-stat-value {
    color: rgba(255, 255, 255, 0.92);
}

body.dark-version .genesis-profile-cover-stat-label {
    color: rgba(255, 255, 255, 0.62);
}

body.dark-version .genesis-activity-timeline {
    background: #111c44 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 20px 27px rgba(0, 0, 0, 0.18) !important;
}

body.dark-version .genesis-activity-timeline-header {
    border-bottom-color: rgba(148, 163, 184, 0.16);
}

body.dark-version .genesis-activity-timeline-head,
body.dark-version .genesis-activity-timeline-head-label,
body.dark-version .genesis-activity-timeline-employee {
    background: #111c44;
}

body.dark-version .genesis-activity-timeline-col-total {
    background: #111c44;
}

body.dark-version .genesis-activity-timeline-head {
    border-bottom-color: rgba(148, 163, 184, 0.16);
}

body.dark-version .genesis-activity-timeline-head-label,
body.dark-version .genesis-activity-timeline-head-total,
body.dark-version .genesis-activity-timeline-employee {
    color: rgba(255, 255, 255, 0.88);
}

body.dark-version .genesis-activity-timeline-hour,
body.dark-version .genesis-activity-timeline-total {
    color: rgba(255, 255, 255, 0.64);
}

body.dark-version .genesis-activity-timeline-row {
    border-bottom-color: rgba(148, 163, 184, 0.12);
}

body.dark-version .genesis-activity-timeline-block--free {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

body.dark-version .genesis-btn-input-text-wrap .genesis-btn-input-text-input {
    background: rgba(17, 24, 39, 0.72);
    border-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.88);
}

body.dark-version .genesis-btn-input-text-wrap .dropdown-menu {
    background: #111c44;
    box-shadow: 0 20px 27px rgba(0, 0, 0, 0.22);
}

body.dark-version .genesis-btn-input-text-wrap .dropdown-item {
    color: rgba(255, 255, 255, 0.78);
}

body.dark-version .genesis-btn-input-text-wrap .dropdown-item:hover,
body.dark-version .genesis-btn-input-text-wrap .dropdown-item:focus {
    background: color-mix(in srgb, var(--genesis-primary) 18%, transparent);
    color: rgba(255, 255, 255, 0.92);
}

body.dark-version .genesis-satisfaction-card {
    background: #111c44 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 20px 27px rgba(0, 0, 0, 0.18) !important;
}

body.dark-version .genesis-satisfaction-title,
body.dark-version .genesis-satisfaction-label {
    color: rgba(255, 255, 255, 0.92);
}

body.dark-version .genesis-satisfaction-subtitle,
body.dark-version .genesis-satisfaction-caption {
    color: rgba(255, 255, 255, 0.62);
}

body.dark-version .genesis-satisfaction-btn {
    background: linear-gradient(180deg, rgba(22, 28, 58, 0.96) 0%, rgba(17, 24, 39, 0.96) 100%);
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 18px 30px rgba(0, 0, 0, 0.22);
}

body.dark-version .genesis-satisfaction-btn:hover,
body.dark-version .genesis-satisfaction-btn:focus,
body.dark-version .genesis-satisfaction-btn.is-active {
    border-color: color-mix(in srgb, var(--genesis-primary) 34%, transparent);
}

body.dark-version .genesis-satisfaction-icon {
    background: color-mix(in srgb, var(--genesis-primary) 14%, transparent);
}

body.dark-version .genesis-range-calendar-icon {
    background: rgba(17, 24, 39, 0.72);
    border-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.78);
}

body.dark-version .genesis-bootstrap-slider-value {
    color: rgba(255, 255, 255, 0.92);
}

body.dark-version .genesis-bootstrap-slider-label {
    color: rgba(255, 255, 255, 0.64);
}

body.dark-version .genesis-bootstrap-slider-inline .slider-track {
    background: rgba(255, 255, 255, 0.1);
}

body.dark-version .genesis-bootstrap-slider-inline .slider-handle {
    background: #111c44;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.28);
}

body.dark-version .genesis-cart-card {
    background: #111c44 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 20px 27px rgba(0, 0, 0, 0.18) !important;
}

body.dark-version .genesis-cart-title,
body.dark-version .genesis-cart-product-name,
body.dark-version .genesis-cart-price,
body.dark-version .genesis-cart-subtotal,
body.dark-version .genesis-cart-summary-value {
    color: rgba(255, 255, 255, 0.92);
}

body.dark-version .genesis-cart-subtitle,
body.dark-version .genesis-cart-table thead th,
body.dark-version .genesis-cart-summary-label {
    color: rgba(255, 255, 255, 0.62);
}

body.dark-version .genesis-cart-table tbody td,
body.dark-version .genesis-cart-table thead th {
    border-color: rgba(148, 163, 184, 0.12);
}

body.dark-version .genesis-cart-product-media {
    background: linear-gradient(180deg, rgba(22, 28, 58, 0.96) 0%, rgba(17, 24, 39, 0.96) 100%);
    border-color: rgba(255, 255, 255, 0.08);
}

body.dark-version .genesis-cart-summary-card {
    background: linear-gradient(180deg, rgba(22, 28, 58, 0.96) 0%, rgba(17, 24, 39, 0.96) 100%);
    border-color: rgba(255, 255, 255, 0.08);
}

body.dark-version .genesis-footer-control-card {
    background: #111c44 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 20px 27px rgba(0, 0, 0, 0.18) !important;
}

body.dark-version .genesis-footer-control-title,
body.dark-version .genesis-footer-control-value {
    color: rgba(255, 255, 255, 0.92);
}

body.dark-version .genesis-footer-control-label {
    color: rgba(255, 255, 255, 0.62);
}

body.dark-version .genesis-footer-control-metric {
    background: linear-gradient(180deg, rgba(22, 28, 58, 0.96) 0%, rgba(17, 24, 39, 0.96) 100%);
    border-color: rgba(255, 255, 255, 0.08);
}

body.dark-version .genesis-progress-value {
    color: rgba(255, 255, 255, 0.92);
}

body.dark-version .genesis-progress-scale {
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.62);
}

body.dark-version .genesis-stepper-track-base {
    background: rgba(148, 163, 184, 0.16);
}

body.dark-version .genesis-stepper-track-progress {
    background: var(--genesis-primary);
}

body.dark-version .genesis-step-title,
body.dark-version .genesis-step-value {
    color: rgba(255, 255, 255, 0.5);
}

body.dark-version .genesis-step-badge {
    background: rgba(148, 163, 184, 0.32);
    box-shadow: 0 0 0 10px #111c44;
}

body.dark-version .genesis-step-item.is-active .genesis-step-title,
body.dark-version .genesis-step-item.is-active .genesis-step-value {
    color: rgba(255, 255, 255, 0.92);
}

body.dark-version .genesis-step-item.is-active .genesis-step-badge {
    background: var(--genesis-primary);
    color: #ffffff;
}

body.dark-version .genesis-timepicker-label {
    color: rgba(255, 255, 255, 0.82);
}

body.dark-version .genesis-timepicker-icon {
    background: rgba(17, 24, 39, 0.72);
    border-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.78);
}

body.dark-version .genesis-coverage-orbit-card {
    --coverage-surface: linear-gradient(180deg, rgba(17, 28, 68, 0.98) 0%, rgba(15, 21, 53, 0.96) 100%);
    --coverage-border: rgba(255, 255, 255, 0.08);
    --coverage-shadow: 0 18px 36px rgba(0, 0, 0, 0.22);
    --coverage-text: #e5edf8;
    --coverage-muted: #a9b7cc;
    --coverage-empty-surface: rgba(17, 28, 68, 0.92);
    --coverage-empty-border: rgba(148, 163, 184, 0.28);
    --coverage-photo-ring: rgba(255, 255, 255, 0.18);
    --coverage-photo-bg: rgba(17, 24, 39, 0.72);
    --coverage-center-shadow: 0 18px 36px rgba(0, 0, 0, 0.28);
    --coverage-member-shadow: 0 16px 28px rgba(0, 0, 0, 0.24);
    --coverage-self-bg: rgba(14, 165, 233, 0.18);
    --coverage-self-text: #7dd3fc;
    --coverage-pill-surface: rgba(255, 255, 255, 0.08);
    --coverage-pill-shadow: 0 4px 10px rgba(0, 0, 0, 0.18);
    --coverage-orbit-stroke: rgba(191, 219, 254, 0.22);
    --coverage-text-shadow: none;
}

body.dark-version .genesis-coverage-orbit-card__center > div:first-of-type,
body.dark-version .genesis-coverage-orbit-card__member > div:first-of-type,
body.dark-version .genesis-coverage-orbit-card__center > div:nth-of-type(2),
body.dark-version .genesis-coverage-orbit-card__member > div:nth-of-type(2) {
    color: #e5edf8 !important;
}

body.dark-version .genesis-coverage-orbit-card__center > div:nth-of-type(3),
body.dark-version .genesis-coverage-orbit-card__member > div:nth-of-type(3),
body.dark-version .genesis-coverage-orbit-card__header > div:last-child,
body.dark-version .genesis-coverage-orbit-card__empty {
    color: #a9b7cc !important;
}

body.dark-version .genesis-coverage-orbit-card__center img,
body.dark-version .genesis-coverage-orbit-card__member img {
    background: rgba(17, 24, 39, 0.72) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
}

body.dark-version .genesis-coverage-orbit-card__canvas > div[style*="dashed"] {
    border-color: rgba(191, 219, 254, 0.22) !important;
}

body.dark-version .genesis-coverage-orbit-card__center > div:last-child,
body.dark-version .genesis-coverage-orbit-card__member > div:last-child {
    background: rgba(255, 255, 255, 0.08) !important;
}