:root {
  color-scheme: dark;
}

body.admin-body {
  --bootx0-body-bg: #1d1d1d;
  --bootx0-body-color: #e3e3e3;
  --bootx0-border-color: #454545;
  --bootx0-secondary-bg: #262626;
  --bootx0-tertiary-bg: #2a2a2a;
  --bootx0-emphasis-color: #ffffff;
  --bootx0-table-bg: #232323;
  --bootx0-table-color: #e5e5e5;
  --bootx0-table-border-color: #454545;
  --bootx0-table-striped-bg: #282828;
  --bootx0-table-hover-bg: #2a2a2a;
  --bootx0-table-active-bg: #2f2f2f;
  --bootx0-table-striped-color: #e5e5e5;
  --bootx0-table-hover-color: #f0f0f0;
}

body.dark,
html.theme-preload-dark body {
  --bootx0-body-bg: #1d1d1d;
  --bootx0-body-color: #e3e3e3;
  --bootx0-border-color: #454545;
  --bootx0-secondary-bg: #262626;
  --bootx0-tertiary-bg: #232323;
  --bootx0-secondary-bg-rgb: 38, 38, 38;
  --bootx0-tertiary-bg-rgb: 35, 35, 35;
}

html,
body,
body.admin-body {
  min-height: 100%;
  background-color: #1d1d1d !important;
  color: #e3e3e3;
}

.sitebody {
  background: transparent !important;
}

.sitebody,
.header-nav,
.footer-nav,
.page-content,
.title-bar,
.floating-box,
.sidebar-logo-wrap,
.admin-card,
.updates-static-card {
  background-color: #232323;
  border-color: #454545;
  color: #e3e3e3;
}

.settings-panel {
  background-color: transparent;
  border-color: #454545;
  color: #e3e3e3;
}

.header-nav-btn,
.titlebar-buttons,
.footer-buttons-right,
.theme-nav-dropdown .theme-nav-category-main,
.theme-nav-dropdown .theme-nav-dropdown-toggle,
.sidebar-menu-button,
.landing-social-button,
.header-social-button,
.lang-btn,
.sidebar-copy,
.sidebar-date,
.sidebar-clock,
.sidebar-site-title-text,
.footer-visitor-counter {
  color: #dddddd;
}

.sidebar-menu-button {
  background: #232323;
  border-color: #454545;
}

body.admin-body.dark .admin-left-sidebar .admin-core-sidebar-box {
  border-color: #c94a4a;
}

body.admin-body.dark .admin-left-sidebar .admin-module-sidebar-box,
body.admin-body.dark .admin-right-sidebar .admin-module-sidebar-box {
  border-color: #c94a4a;
}

.landing-user-login {
  background: #232323;
  border-color: #454545;
  color: #dddddd;
}

.landing-user-login:hover {
  background: #2d2d2d;
  border-color: #ffdd93;
  color: #ffffff;
}

.landing-social-button {
  background: #232323;
  border-color: #454545;
}

.header-social-button {
  background: #232323;
  border-color: #454545;
  opacity: 0.5;
}

body.dark .mobile-header-logo,
body.admin-body.dark .mobile-header-logo {
  background: #2a2a2a;
  color: #dddddd;
  box-shadow: 0 0 0 1px #8d7a52, 0 0 0 2px #4b4b4b;
}

body.dark .mobile-menu-toggle,
body.admin-body.dark .mobile-menu-toggle,
body.dark .lang-btn,
body.admin-body.dark .lang-btn {
  background: transparent !important;
  border-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #dddddd !important;
}

body.dark .darkmode-icon:hover,
body.admin-body.dark .darkmode-icon:hover,
body.dark .mobile-header-logo:hover,
body.admin-body.dark .mobile-header-logo:hover,
body.dark .mobile-menu-toggle:hover,
body.admin-body.dark .mobile-menu-toggle:hover,
body.dark .lang-btn:hover,
body.admin-body.dark .lang-btn:hover {
  background: #2d2d2d !important;
  border-color: transparent !important;
  border: 0 !important;
  color: #ffffff !important;
}

body.dark .darkmode-icon,
body.admin-body.dark .darkmode-icon {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #dddddd !important;
}

html.theme-preload-dark .darkmode-icon,
html.theme-preload-dark .darkmode-icon:hover,
html.theme-preload-dark .darkmode-icon:focus,
html.theme-preload-dark .darkmode-icon:active,
html.theme-preload-dark .darkmode-icon:focus-visible,
body.dark .darkmode-icon,
body.dark .darkmode-icon:hover,
body.dark .darkmode-icon:focus,
body.dark .darkmode-icon:active,
body.dark .darkmode-icon:focus-visible,
body.admin-body.dark .darkmode-icon,
body.admin-body.dark .darkmode-icon:hover,
body.admin-body.dark .darkmode-icon:focus,
body.admin-body.dark .darkmode-icon:active,
body.admin-body.dark .darkmode-icon:focus-visible {
  border: 0 !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

body.dark .darkmode-icon:hover,
body.admin-body.dark .darkmode-icon:hover {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #ffffff !important;
}

.sidebar-menu-button.is-active {
  background: #313131 !important;
  border-color: #ffdd93 !important;
  color: #ffffff !important;
}

body.dark .wio-count-trigger,
body.admin-body.dark .wio-count-trigger,
html.theme-preload-dark .wio-count-trigger {
  color: #dddddd;
}

body.dark .wio-notification-badge,
body.admin-body.dark .wio-notification-badge,
html.theme-preload-dark .wio-notification-badge {
  border-color: rgba(255, 221, 147, 0.78);
  background: rgba(255, 221, 147, 0.88);
  color: #1d1d1d;
}

body.dark .wio-count-trigger:hover,
body.dark .wio-count-trigger:focus,
body.admin-body.dark .wio-count-trigger:hover,
body.admin-body.dark .wio-count-trigger:focus,
html.theme-preload-dark .wio-count-trigger:hover,
html.theme-preload-dark .wio-count-trigger:focus {
  color: #ffffff;
}

.nav-link-label {
  border-bottom-color: #dddddd;
}

body.dark .theme-nav-dropdown .theme-nav-category-main .nav-link-label,
body.dark .theme-nav-dropdown .theme-nav-dropdown-chevron,
body.dark .theme-nav-dropdown .theme-nav-dropdown-chevron *,
body.admin-body.dark .theme-nav-dropdown .theme-nav-category-main .nav-link-label,
body.admin-body.dark .theme-nav-dropdown .theme-nav-dropdown-chevron,
body.admin-body.dark .theme-nav-dropdown .theme-nav-dropdown-chevron *,
html.theme-preload-dark .theme-nav-dropdown .theme-nav-category-main .nav-link-label,
html.theme-preload-dark .theme-nav-dropdown .theme-nav-dropdown-chevron,
html.theme-preload-dark .theme-nav-dropdown .theme-nav-dropdown-chevron * {
  border-bottom: 0 !important;
  text-decoration: none !important;
}

.header-nav-btn:hover,
.titlebar-buttons:hover,
.footer-buttons-right:hover {
  color: #ffffff;
}

.sidebar-menu-button:hover,
.landing-social-button:hover {
  border-color: #ffdd93 !important;
}

.sidebar-menu-button:hover {
  background: #2d2d2d;
  color: #ffffff;
}

.landing-social-button:hover {
  background: #2d2d2d;
  color: #ffffff;
}

.header-social-button:hover {
  background: #2d2d2d;
  color: #ffffff;
  opacity: 1;
}

body.dark .landing-social-button i,
body.dark .header-social-button i,
body.admin-body.dark .landing-social-button i,
body.admin-body.dark .header-social-button i {
  color: #a8a8a8;
}

body.dark .landing-social-button:hover i,
body.dark .header-social-button:hover i,
body.admin-body.dark .landing-social-button:hover i,
body.admin-body.dark .header-social-button:hover i {
  color: var(--social-accent);
}

.lang-dropdown {
  background: #232323;
  border-color: #454545;
}

.lang-dropdown li a,
.lang-dropdown li .lang-dropdown-option {
  color: #dddddd;
}

.lang-dropdown li a:hover,
.lang-dropdown li .lang-dropdown-option:hover {
  background: #343434;
}

.lang-dropdown li .lang-option-disabled {
  color: #767676;
}

.lang-dropdown li .lang-option-disabled img {
  filter: grayscale(1);
  opacity: 0.42;
}

body.dark .member-user-avatar,
body.admin-body.dark .member-user-avatar {
  box-shadow: 0 0 0 1px #8d7a52, 0 0 0 2px #565656;
}

body.dark .member-user-avatar-fallback,
body.admin-body.dark .member-user-avatar-fallback {
  color: #efefef;
  background: #2d2d2d;
}

body.dark .member-user-dropdown,
body.admin-body.dark .member-user-dropdown {
  background: #252525;
  border-color: #454545;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.42);
}

body.dark .member-user-dropdown-item,
body.admin-body.dark .member-user-dropdown-item {
  color: #e7e7e7;
}

body.dark .member-user-dropdown-item:hover,
body.dark .member-user-dropdown-item:focus,
body.admin-body.dark .member-user-dropdown-item:hover,
body.admin-body.dark .member-user-dropdown-item:focus {
  border-color: #ffdd93;
  background: #2d2d2d;
  color: #ffffff;
}

body.admin-body .btn,
body.admin-body .btn-outline-dark,
body.admin-body .btn-outline-danger,
body.admin-body .btn-outline-secondary,
body.admin-body .btn-dark,
body.admin-body .btn-primary,
body.admin-body .btn-secondary,
body.admin-body .btn-success,
body.admin-body .btn-warning,
body.admin-body .btn-danger,
body.admin-body .btn-info {
  background: #232323;
  color: #dddddd;
  border-color: #454545;
  border-width: 1px;
}

body.admin-body .btn:hover,
body.admin-body .btn:focus {
  background: #2d2d2d;
  color: #ffffff;
  border-color: #ffdd93;
  box-shadow: none;
}

body.admin-body .btn:active {
  background: #2b2b2b;
  color: #ffffff;
  border-color: #ffdd93;
}

body.admin-body .btn.btn-disabled-danger,
body.admin-body .btn.btn-disabled-danger:focus {
  color: #ff8f8f;
  border-color: #9b4b4b;
  background: #2a2a2a;
}

body.admin-body .btn.btn-disabled-danger:hover {
  color: #ffadad;
  border-color: #d66b6b;
  background: #3a2a2a;
}

body.admin-body .admin-core-status-chip {
  background: #2a2a2a;
  border-color: #4b4b4b;
  color: #dddddd;
}

body.admin-body .admin-core-status-chip.is-ok {
  border-color: #75b798;
  color: #75b798;
}

body.admin-body .admin-core-status-chip.is-update {
  border-color: #ea868f;
  color: #ea868f;
}

body.admin-body .btn-primary,
body.admin-body .btn-outline-primary { border-color: #6ea8fe; color: #6ea8fe; }
body.admin-body .btn-secondary,
body.admin-body .btn-outline-secondary { border-color: #adb5bd; color: #adb5bd; }
body.admin-body .btn-success,
body.admin-body .btn-outline-success { border-color: #75b798; color: #75b798; }
body.admin-body .btn-warning,
body.admin-body .btn-outline-warning { border-color: #ffda6a; color: #ffda6a; }
body.admin-body .btn-danger,
body.admin-body .btn-outline-danger { border-color: #ea868f; color: #ea868f; }
body.admin-body .btn-info,
body.admin-body .btn-outline-info { border-color: #6edff6; color: #6edff6; }
body.admin-body .btn-dark,
body.admin-body .btn-outline-dark { border-color: #dee2e6; color: #dee2e6; }

body.admin-body .upload-input-btn {
  background: #2a2a2a;
  color: #e7e7e7;
  border-color: #4b4b4b;
}

body.admin-body .upload-input-btn:hover {
  background: #333333;
  border-color: #ffdd93;
  color: #ffffff;
}

body.admin-body .upload-input-meta {
  color: #c8c8c8;
}

body.admin-body .upload-preview-frame {
  border-color: #4b4b4b;
  background: #2a2a2a;
}

body.admin-body.dark .dashboard-bar-track,
html.theme-preload-dark body.admin-body .dashboard-bar-track {
  background: #242424;
  border-color: #4a4a4a;
}

body.admin-body.dark .dashboard-log-viewer,
html.theme-preload-dark body.admin-body .dashboard-log-viewer {
  background: #242424;
  border-color: #4a4a4a;
}

body.admin-body.dark .dashboard-log-row,
html.theme-preload-dark body.admin-body .dashboard-log-row {
  border-color: #3c3c3c;
}

body.admin-body.dark .dashboard-count-badge,
body.admin-body.dark .dashboard-mini-badge,
html.theme-preload-dark body.admin-body .dashboard-count-badge,
html.theme-preload-dark body.admin-body .dashboard-mini-badge {
  background: #2b2b2b;
  color: #e5e5e5;
  border-color: #ffdd93;
}

body.admin-body.dark .dashboard-tabs.nav-tabs,
html.theme-preload-dark body.admin-body .dashboard-tabs.nav-tabs {
  border-bottom-color: #4a4a4a;
}

body.admin-body.dark .dashboard-tabs.nav-tabs .nav-link,
html.theme-preload-dark body.admin-body .dashboard-tabs.nav-tabs .nav-link {
  background: #242424;
  color: #dddddd;
  border-color: #4a4a4a;
  border-bottom-color: transparent;
}

body.admin-body.dark .dashboard-tabs.nav-tabs .nav-link:hover,
body.admin-body.dark .dashboard-tabs.nav-tabs .nav-link:focus,
body.admin-body.dark .dashboard-tabs.nav-tabs .nav-link.active,
body.admin-body.dark .dashboard-tabs.nav-tabs .nav-link.is-active,
html.theme-preload-dark body.admin-body .dashboard-tabs.nav-tabs .nav-link:hover,
html.theme-preload-dark body.admin-body .dashboard-tabs.nav-tabs .nav-link:focus,
html.theme-preload-dark body.admin-body .dashboard-tabs.nav-tabs .nav-link.active,
html.theme-preload-dark body.admin-body .dashboard-tabs.nav-tabs .nav-link.is-active {
  border-color: #ffdd93;
  border-bottom-color: #242424;
  color: #ffffff;
}

body.admin-body .admin-subnav-link-disabled{
  color: #ff9c9c;
}

body.admin-body .admin-subnav-link-disabled:hover{
  background: transparent;
  color: #ff9c9c;
}

body.admin-body .admin-fade-divider {
  background: linear-gradient(90deg, rgba(90, 90, 90, 0), rgba(132, 132, 132, 0.9), rgba(90, 90, 90, 0));
}

body.admin-body .admin-lang-pill {
  background: #262626;
  border-color: #454545;
  color: #dddddd;
}

body.admin-body .admin-lang-pill:hover {
  background: #2e2e2e;
  border-color: #ffdd93;
}

body.admin-body .admin-lang-pill.is-active {
  background: #343434;
  border-color: #ffdd93;
}

body.admin-body .admin-help-tip {
  color: #a7a7a7;
}

body.admin-body .admin-help-tip:hover {
  color: #ffdd93;
}

body.admin-body .form-control,
body.admin-body .form-select,
body.admin-body textarea.form-control,
body.admin-body .form-check-input {
  background: #2a2a2a !important;
  color: #efefef !important;
  border-color: #4b4b4b !important;
}

body.admin-body .form-control,
body.admin-body .form-select,
body.admin-body textarea.form-control {
  min-height: 33px !important;
  padding: 0.26rem 0.52rem !important;
  line-height: 1.2 !important;
  font-size: max(12px, calc(var(--theme-font-size-content, 18px) - 4px)) !important;
  width: 100%;
  max-width: 560px;
}

body.admin-body .form-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 2rem !important;
  background-color: #2a2a2a !important;
  background-image:
    linear-gradient(45deg, transparent 50%, #c4c4c4 50%),
    linear-gradient(135deg, #c4c4c4 50%, transparent 50%) !important;
  background-position:
    calc(100% - 14px) calc(50% - 2px),
    calc(100% - 9px) calc(50% - 2px) !important;
  background-size: 5px 5px, 5px 5px !important;
  background-repeat: no-repeat !important;
}

body.admin-body .form-control:disabled,
body.admin-body .form-control[readonly],
body.admin-body .form-select:disabled,
body.admin-body textarea.form-control:disabled,
body.admin-body .form-check-input:disabled {
  background: #262626 !important;
  color: #bcbcbc !important;
  border-color: #404040 !important;
  opacity: 1;
}

body.admin-body .form-control::placeholder,
body.admin-body .form-select::placeholder,
body.admin-body textarea.form-control::placeholder {
  color: #999999;
}

body.admin-body .form-control:focus,
body.admin-body .form-select:focus,
body.admin-body textarea.form-control:focus,
body.admin-body .form-check-input:focus {
  background: #303030 !important;
  color: #ffffff !important;
  border-color: #ffdd93 !important;
  box-shadow: none !important;
}

body.admin-body .form-check-input:checked {
  background-color: #d87f20;
  border-color: #d87f20;
}

body.admin-body .form-check-input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.4' d='m4.8 10.2 3.2 3.3 7.2-7.4'/%3e%3c/svg%3e");
}

body.admin-body .form-check-input[type="radio"]:checked {
  background-image: radial-gradient(circle, #ffffff 0 33%, transparent 34%);
}

body.dark .icon-picker-combined,
body.admin-body.dark .icon-picker-combined,
html.theme-preload-dark .icon-picker-combined {
  background: #2a2a2a;
  border-color: #4b4b4b;
  color: #ffdd93;
}

body.dark .icon-picker-combined:hover,
body.dark .icon-picker-combined:focus-within,
body.admin-body.dark .icon-picker-combined:hover,
body.admin-body.dark .icon-picker-combined:focus-within,
html.theme-preload-dark .icon-picker-combined:hover,
html.theme-preload-dark .icon-picker-combined:focus-within {
  background: #303030;
  border-color: #ffdd93;
}

body.dark .icon-picker-combined-preview,
body.admin-body.dark .icon-picker-combined-preview,
html.theme-preload-dark .icon-picker-combined-preview {
  color: #ffdd93;
}

body.dark .icon-picker-combined-preview .theme-x0-icon,
body.admin-body.dark .icon-picker-combined-preview .theme-x0-icon,
html.theme-preload-dark .icon-picker-combined-preview .theme-x0-icon {
  stroke: currentColor;
}

body.dark .icon-picker-trigger-icon .theme-x0-icon,
body.dark .icon-picker-choice-inner .theme-x0-icon,
body.admin-body.dark .icon-picker-trigger-icon .theme-x0-icon,
body.admin-body.dark .icon-picker-choice-inner .theme-x0-icon,
html.theme-preload-dark .icon-picker-trigger-icon .theme-x0-icon,
html.theme-preload-dark .icon-picker-choice-inner .theme-x0-icon {
  stroke: #ffdd93;
}

body.dark .icon-picker-popover,
body.admin-body.dark .icon-picker-popover,
html.theme-preload-dark .icon-picker-popover {
  background: #2a2a2a;
  border-color: #4b4b4b;
  box-shadow: 0 12px 22px rgba(0, 0, 0, 0.5);
  color: #f0f0f0;
}

body.dark .icon-picker-choice,
body.admin-body.dark .icon-picker-choice,
html.theme-preload-dark .icon-picker-choice {
  background: #333333;
  border-color: #4b4b4b;
}

body.dark .icon-picker-choice:hover,
body.dark .icon-picker-choice:focus-visible,
body.admin-body.dark .icon-picker-choice:hover,
body.admin-body.dark .icon-picker-choice:focus-visible,
html.theme-preload-dark .icon-picker-choice:hover,
html.theme-preload-dark .icon-picker-choice:focus-visible {
  background: #3a3a3a;
  border-color: #ffdd93;
}

body.dark .icon-picker-choice.is-active,
body.admin-body.dark .icon-picker-choice.is-active,
html.theme-preload-dark .icon-picker-choice.is-active {
  background: #4b3a27;
  border-color: #ffdd93;
}

body.admin-body .form-range::-webkit-slider-runnable-track {
  background: #464646;
}

body.admin-body .form-range::-moz-range-track {
  background: #464646;
}

body.admin-body .form-range::-webkit-slider-thumb {
  background: #bd9868;
  border: 1px solid #93714a;
}

body.admin-body .form-range::-moz-range-thumb {
  background: #bd9868;
  border: 1px solid #93714a;
}

body.admin-body .form-check-label,
body.admin-body .form-label {
  color: #dddddd;
}

body.admin-body .table,
body.admin-body .table > :not(caption) > * > *,
body.admin-body .table-bordered > :not(caption) > * {
  background: #232323;
  color: #e5e5e5;
  border-color: #454545 !important;
}

body.admin-body .table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: #262626;
}

body.admin-body .table-hover > tbody > tr:hover > *,
body.admin-body .table > tbody > tr:hover > *,
body.admin-body .table-active > * {
  background-color: #2f2f2f !important;
  color: #f0f0f0 !important;
}

body.admin-body .admin-table thead th {
  background: #2a2a29;
  border-color: #5a5751 !important;
}

body.admin-body .admin-table tbody tr:nth-of-type(odd) > * {
  background: #262626;
}

body.admin-body .admin-table tbody tr:hover > * {
  background: #2f2f2f;
}

body.admin-body .admin-table:hover {
  border-color: #ffdd93 !important;
}

body.admin-body .admin-table tbody tr:hover > *:first-child {
  border-left-color: #ffdd93 !important;
}

body.admin-body .admin-table tbody tr:hover > *:last-child {
  border-right-color: #ffdd93 !important;
}

body.admin-body .admin-table tbody tr:hover > * + * {
  border-left-color: #ffdd93 !important;
}

body.admin-body .admin-section-box {
  background: #232323;
  border-color: #454545;
}

body.admin-body .admin-card:hover,
body.admin-body .admin-section-box:hover {
  border-color: #ffdd93;
  background: #272727;
}

body.admin-body .settings-panel:hover {
  border-color: #ffdd93;
  background: transparent;
}

body.admin-body .language-editor-panel {
  background: #232323;
  border-color: #454545;
}

body.admin-body .language-editor-panel:hover {
  background: #2b2b2b;
  border-color: #ffdd93;
}

body.admin-body .table-responsive {
  border: 1px solid #454545;
  background: #232323;
}

body.admin-body .table {
  --bootx0-table-accent-bg: transparent;
}

body.admin-body .card,
body.admin-body .card-header,
body.admin-body .card-footer,
body.admin-body .list-group-item,
body.admin-body .accordion-item,
body.admin-body .accordion-body,
body.admin-body .offcanvas,
body.admin-body .offcanvas-header,
body.admin-body .offcanvas-body,
body.admin-body .modal-content,
body.admin-body .dropdown-menu,
body.admin-body .input-group-text {
  background: #252525 !important;
  color: #e5e5e5 !important;
  border-color: #454545 !important;
}

body.admin-body .accordion-button,
body.admin-body .nav-tabs .nav-link,
body.admin-body .nav-pills .nav-link,
body.admin-body .page-link,
body.admin-body .dropdown-item {
  background: #2a2a2a !important;
  color: #e5e5e5 !important;
  border-color: #4b4b4b !important;
  border-width: 1px !important;
}

body.admin-body.dark .admin-core-status-chip {
  background: #252525 !important;
  border-color: #4b4b4b !important;
  color: #e5e5e5 !important;
}

body.admin-body.dark .admin-core-status-chip.is-ok {
  border-color: #4ea571 !important;
  color: #9de0b4 !important;
}

body.admin-body.dark .admin-core-status-chip.is-update {
  border-color: #d06666 !important;
  color: #ffb0b0 !important;
}

html.theme-preload-dark body.admin-body .admin-core-badge-row .admin-core-status-chip,
body.dark.admin-body .admin-core-badge-row .admin-core-status-chip,
body.admin-body.dark .admin-core-badge-row .admin-core-status-chip {
  background: #252525 !important;
  border-color: #4b4b4b !important;
  color: #e5e5e5 !important;
}

body.admin-body .accordion-button:not(.collapsed),
body.admin-body .nav-tabs .nav-link.active,
body.admin-body .nav-pills .nav-link.active,
body.admin-body .page-item.active .page-link {
  background: #333333 !important;
  color: #ffffff !important;
  border-color: #ffdd93 !important;
}

body.admin-body .accordion-button:hover,
body.admin-body .nav-tabs .nav-link:hover,
body.admin-body .nav-pills .nav-link:hover,
body.admin-body .page-link:hover,
body.admin-body .dropdown-item:hover,
body.admin-body .dropdown-item:focus {
  background: #303030 !important;
  color: #ffffff !important;
  border-color: #ffdd93 !important;
}

body.admin-body .accordion-button::after {
  filter: invert(0.9) grayscale(1);
}

body.admin-body code {
  color: #ffdfaa;
}

body.admin-body .crawler-tag {
  background: #2a2a2a;
  border-color: #454545;
  color: #e5e5e5;
}

body.admin-body .crawler-tag i {
  color: #aaaaaa;
}

body.admin-body .crawler-ua {
  color: #d4d4d4;
}

body.admin-body .badge:not(.user-badge):not(.member-role-badge):not(.account-dropdown-user-badge):not(.x0-resource-badge) {
  background: #a8a8a8 !important;
  color: #1f1f1f !important;
  border-color: #ffdd93 !important;
  border-width: 2px !important;
  border-radius: 6px !important;
}

body.admin-body .badge.bg-success:not(.user-badge):not(.member-role-badge):not(.account-dropdown-user-badge),
body.admin-body .badge.text-bg-success:not(.user-badge):not(.member-role-badge):not(.account-dropdown-user-badge) { border-color: #75b798 !important; }
body.admin-body .badge.bg-warning:not(.user-badge):not(.member-role-badge):not(.account-dropdown-user-badge),
body.admin-body .badge.text-bg-warning:not(.user-badge):not(.member-role-badge):not(.account-dropdown-user-badge) { border-color: #ffda6a !important; }
body.admin-body .badge.bg-danger:not(.user-badge):not(.member-role-badge):not(.account-dropdown-user-badge),
body.admin-body .badge.text-bg-danger:not(.user-badge):not(.member-role-badge):not(.account-dropdown-user-badge) { border-color: #ea868f !important; }
body.admin-body .badge.bg-info:not(.user-badge):not(.member-role-badge):not(.account-dropdown-user-badge),
body.admin-body .badge.text-bg-info:not(.user-badge):not(.member-role-badge):not(.account-dropdown-user-badge) { border-color: #6edff6 !important; }
body.admin-body .badge.bg-primary:not(.user-badge):not(.member-role-badge):not(.account-dropdown-user-badge),
body.admin-body .badge.text-bg-primary:not(.user-badge):not(.member-role-badge):not(.account-dropdown-user-badge) { border-color: #6ea8fe !important; }
body.admin-body .badge.bg-secondary:not(.user-badge):not(.member-role-badge):not(.account-dropdown-user-badge),
body.admin-body .badge.text-bg-secondary:not(.user-badge):not(.member-role-badge):not(.account-dropdown-user-badge) { border-color: #adb5bd !important; }

body.dark .page-content .table,
body.dark .page-content .table > :not(caption) > * > *,
body.dark .page-content .table-bordered > :not(caption) > * {
  background: #232323;
  color: #e5e5e5;
  border-color: #454545 !important;
  --bootx0-table-bg: #232323;
  --bootx0-table-color: #e5e5e5;
  --bootx0-table-border-color: #454545;
  --bootx0-table-striped-bg: #282828;
  --bootx0-table-hover-bg: #2a2a2a;
  --bootx0-table-active-bg: #2f2f2f;
  --bootx0-table-striped-color: #e5e5e5;
  --bootx0-table-hover-color: #f0f0f0;
}

body.dark .page-content .table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: #262626;
}

body.dark .page-content .table thead th {
  background: #2a2a29;
  border-color: #5a5751 !important;
}

body.dark .page-content .table tbody tr:hover > * {
  background: #2f2f2f;
  border-color: #ffdd93 !important;
}

body.dark .page-content .table-hover > tbody > tr:hover > *,
body.dark .page-content .table > tbody > tr:hover > *,
body.dark .page-content .table-active > * {
  background-color: #2f2f2f !important;
  color: #f0f0f0 !important;
}

body.dark .page-content .table:hover {
  border-color: #ffdd93 !important;
}

body.dark .page-content .table tbody tr:hover > *:first-child {
  border-left-color: #ffdd93 !important;
}

body.dark .page-content .table tbody tr:hover > *:last-child {
  border-right-color: #ffdd93 !important;
}

body.dark .page-content .table tbody tr:hover > * + * {
  border-left-color: #ffdd93 !important;
}

body.dark .page-content .table {
  --bootx0-table-accent-bg: transparent;
}

body.dark .page-content .card,
body.dark .page-content .card-header,
body.dark .page-content .card-footer,
body.dark .page-content .list-group-item,
body.dark .page-content .accordion-item,
body.dark .page-content .accordion-body,
body.dark .page-content .offcanvas,
body.dark .page-content .offcanvas-header,
body.dark .page-content .offcanvas-body,
body.dark .page-content .modal-content,
body.dark .page-content .dropdown-menu,
body.dark .page-content .input-group-text {
  background: #252525 !important;
  color: #e5e5e5 !important;
  border-color: #454545 !important;
}

body.dark .page-content .bg-light,
body.dark .page-content .bg-white,
body.dark .page-content .bg-body,
body.dark .page-content .bg-body-tertiary,
body.dark .page-content .text-bg-light,
body.dark .page-content .tab-content,
body.dark .page-content .border,
body.admin-body.dark .page-content .bg-light,
body.admin-body.dark .page-content .bg-white,
body.admin-body.dark .page-content .bg-body,
body.admin-body.dark .page-content .bg-body-tertiary,
body.admin-body.dark .page-content .text-bg-light,
body.admin-body.dark .page-content .tab-content,
body.admin-body.dark .page-content .border {
  background-color: #252525 !important;
  color: #e5e5e5 !important;
  border-color: #454545 !important;
}

body.dark .modal-content,
body.admin-body.dark .modal-content,
html.theme-preload-dark .modal-content,
body.dark .theme-bootx0-modal .modal-content,
body.admin-body.dark .theme-bootx0-modal .modal-content {
  background: #252525 !important;
  color: #e5e5e5 !important;
  border-color: #454545 !important;
}

body.dark .modal-header,
body.dark .modal-footer,
body.admin-body.dark .modal-header,
body.admin-body.dark .modal-footer,
html.theme-preload-dark .modal-header,
html.theme-preload-dark .modal-footer {
  border-color: #454545 !important;
}

body.dark .modal-backdrop.show,
body.admin-body.dark .modal-backdrop.show,
html.theme-preload-dark .modal-backdrop.show {
  opacity: 0.62;
}

body.dark .page-content .toast,
body.admin-body.dark .page-content .toast {
  background: #252525;
  color: #e5e5e5;
  border-color: #454545;
}

body.dark .page-content .btn-close,
body.admin-body.dark .page-content .btn-close,
body.dark .btn-close,
body.admin-body.dark .btn-close,
html.theme-preload-dark .btn-close {
  filter: invert(1) grayscale(1) brightness(1.55);
  opacity: 0.82;
}

body.dark .page-content .card:hover,
body.dark .page-content .list-group-item:hover,
body.dark .page-content .accordion-item:hover {
  background: #2e2e2e !important;
  border-color: #ffdd93 !important;
}

body.dark .page-content .accordion-button,
body.dark .page-content .nav-tabs .nav-link,
body.dark .page-content .nav-pills .nav-link,
body.dark .page-content .page-link,
body.dark .page-content .dropdown-item {
  background: #2a2a2a !important;
  color: #e5e5e5 !important;
  border-color: #4b4b4b !important;
  border-width: 1px !important;
}

body.dark .page-content .accordion-button:not(.collapsed),
body.dark .page-content .nav-tabs .nav-link.active,
body.dark .page-content .nav-pills .nav-link.active,
body.dark .page-content .page-item.active .page-link {
  background: #333333 !important;
  color: #ffffff !important;
  border-color: #ffdd93 !important;
}

body.dark .page-content .accordion-button:hover,
body.dark .page-content .nav-tabs .nav-link:hover,
body.dark .page-content .nav-pills .nav-link:hover,
body.dark .page-content .page-link:hover,
body.dark .page-content .dropdown-item:hover,
body.dark .page-content .dropdown-item:focus {
  background: #303030 !important;
  color: #ffffff !important;
  border-color: #ffdd93 !important;
}

body.dark .page-content .accordion-button::after {
  filter: invert(0.9) grayscale(1);
}

body.dark .page-content .btn,
body.dark .page-content .btn-primary,
body.dark .page-content .btn-secondary,
body.dark .page-content .btn-success,
body.dark .page-content .btn-warning,
body.dark .page-content .btn-danger,
body.dark .page-content .btn-info,
body.dark .page-content .btn-dark,
body.dark .page-content .btn-light,
body.dark .page-content .btn-outline-primary,
body.dark .page-content .btn-outline-secondary,
body.dark .page-content .btn-outline-success,
body.dark .page-content .btn-outline-warning,
body.dark .page-content .btn-outline-danger,
body.dark .page-content .btn-outline-info,
body.dark .page-content .btn-outline-dark {
  --btn-tone: #e8e2d8;
  --btn-bg: #2b2a28;
  background: var(--btn-bg);
  color: var(--btn-tone);
  border-color: #5f574c;
  border-width: 1px;
}

body.dark .page-content .btn-primary,
body.dark .page-content .btn-outline-primary { --btn-tone: #ffdd93; --btn-bg: #332a1e; border-color: #c89a5a; }
body.dark .page-content .btn-secondary,
body.dark .page-content .btn-outline-secondary { --btn-tone: #d6d0c7; --btn-bg: #2d2c2a; border-color: #777067; }
body.dark .page-content .btn-success,
body.dark .page-content .btn-outline-success { --btn-tone: #b7d3a2; --btn-bg: #243024; border-color: #6f9361; }
body.dark .page-content .btn-warning,
body.dark .page-content .btn-outline-warning { --btn-tone: #f3cf82; --btn-bg: #342d1e; border-color: #b38c45; }
body.dark .page-content .btn-danger,
body.dark .page-content .btn-outline-danger { --btn-tone: #e7a19a; --btn-bg: #352423; border-color: #a95e56; }
body.dark .page-content .btn-info,
body.dark .page-content .btn-outline-info { --btn-tone: #a7d2d4; --btn-bg: #213032; border-color: #689a9e; }
body.dark .page-content .btn-dark,
body.dark .page-content .btn-outline-dark { --btn-tone: #eee8de; --btn-bg: #2b2925; border-color: #81776c; }

body.dark .page-content .btn:hover,
body.dark .page-content .btn:focus {
  background: #3a3124;
  color: var(--btn-tone);
  border-color: #ffdd93;
}

body.dark .page-content .navbar,
body.admin-body.dark .page-content .navbar {
  border: 1px solid #4b4b4b;
  border-radius: 0;
  background: #232323 !important;
}

body.dark .page-content .navbar.bg-body-tertiary,
body.admin-body.dark .page-content .navbar.bg-body-tertiary {
  --bootx0-bg-opacity: 1;
  --bootx0-tertiary-bg-rgb: 35, 35, 35;
  background-color: #232323 !important;
}

body.dark .page-content .navbar:hover,
body.admin-body.dark .page-content .navbar:hover {
  border-color: #ffdd93;
}

body.dark .page-content .navbar .navbar-brand,
body.admin-body.dark .page-content .navbar .navbar-brand {
  color: #efefef;
}

body.dark .page-content .navbar .navbar-toggler,
body.admin-body.dark .page-content .navbar .navbar-toggler {
  border: 1px solid #4b4b4b;
  border-radius: 0;
  background: #2a2a2a;
}

body.dark .page-content .navbar .navbar-toggler:hover,
body.dark .page-content .navbar .navbar-toggler:focus,
body.admin-body.dark .page-content .navbar .navbar-toggler:hover,
body.admin-body.dark .page-content .navbar .navbar-toggler:focus {
  border-color: #ffdd93;
  background: #333333;
  box-shadow: none;
}

body.dark .page-content .navbar .nav-link,
body.dark .page-content .navbar .dropdown-toggle,
body.admin-body.dark .page-content .navbar .nav-link,
body.admin-body.dark .page-content .navbar .dropdown-toggle {
  border: 1px solid transparent;
  border-radius: 0;
  color: #e5e5e5;
  padding: 6px 10px;
  transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

body.dark .page-content .navbar .nav-link:hover,
body.dark .page-content .navbar .nav-link:focus,
body.dark .page-content .navbar .nav-link.active,
body.dark .page-content .navbar .dropdown-toggle:hover,
body.dark .page-content .navbar .dropdown-toggle:focus,
body.dark .page-content .navbar .dropdown-toggle.show,
body.admin-body.dark .page-content .navbar .nav-link:hover,
body.admin-body.dark .page-content .navbar .nav-link:focus,
body.admin-body.dark .page-content .navbar .nav-link.active,
body.admin-body.dark .page-content .navbar .dropdown-toggle:hover,
body.admin-body.dark .page-content .navbar .dropdown-toggle:focus,
body.admin-body.dark .page-content .navbar .dropdown-toggle.show {
  border-color: #ffdd93;
  background: #333333;
  color: #ffffff;
}

body.dark .page-content .navbar .dropdown-menu,
body.admin-body.dark .page-content .navbar .dropdown-menu {
  border-top: 1px solid #4b4b4b;
  border-bottom: 1px solid #4b4b4b;
  border-left: 1px solid #ffdd93;
  border-right: 1px solid #ffdd93;
  border-radius: 0;
  padding: 4px;
  background: #252525 !important;
}

body.dark .page-content .navbar .dropdown-item,
body.admin-body.dark .page-content .navbar .dropdown-item {
  position: relative;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 0;
  background: transparent !important;
}

body.dark .page-content .navbar .dropdown-item::before,
body.dark .page-content .navbar .dropdown-item::after,
body.admin-body.dark .page-content .navbar .dropdown-item::before,
body.admin-body.dark .page-content .navbar .dropdown-item::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 52%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.22s ease, transform 0.22s ease;
}

body.dark .page-content .navbar .dropdown-item::before,
body.admin-body.dark .page-content .navbar .dropdown-item::before {
  left: 0;
  transform: translateX(-72%);
  background: linear-gradient(90deg, rgba(255, 221, 147, 0.3), rgba(255, 221, 147, 0));
}

body.dark .page-content .navbar .dropdown-item::after,
body.admin-body.dark .page-content .navbar .dropdown-item::after {
  right: 0;
  transform: translateX(72%);
  background: linear-gradient(270deg, rgba(255, 221, 147, 0.3), rgba(255, 221, 147, 0));
}

body.dark .page-content .navbar .dropdown-item:hover,
body.dark .page-content .navbar .dropdown-item:focus,
body.admin-body.dark .page-content .navbar .dropdown-item:hover,
body.admin-body.dark .page-content .navbar .dropdown-item:focus {
  border-color: #ffdd93 !important;
  background: #333333 !important;
  color: #ffffff !important;
}

body.dark .page-content .navbar .dropdown-item:hover::before,
body.dark .page-content .navbar .dropdown-item:hover::after,
body.dark .page-content .navbar .dropdown-item:focus::before,
body.dark .page-content .navbar .dropdown-item:focus::after,
body.admin-body.dark .page-content .navbar .dropdown-item:hover::before,
body.admin-body.dark .page-content .navbar .dropdown-item:hover::after,
body.admin-body.dark .page-content .navbar .dropdown-item:focus::before,
body.admin-body.dark .page-content .navbar .dropdown-item:focus::after {
  opacity: 1;
  transform: translateX(0);
}

body.dark .page-content .navbar .btn,
body.dark .page-content .navbar .btn-outline-success,
body.admin-body.dark .page-content .navbar .btn,
body.admin-body.dark .page-content .navbar .btn-outline-success {
  border-color: #ffdd93;
  color: #ffdd93;
  background: #2b2b2b;
}

body.dark .page-content .navbar .btn:hover,
body.dark .page-content .navbar .btn:focus,
body.dark .page-content .navbar .btn-outline-success:hover,
body.dark .page-content .navbar .btn-outline-success:focus,
body.admin-body.dark .page-content .navbar .btn:hover,
body.admin-body.dark .page-content .navbar .btn:focus,
body.admin-body.dark .page-content .navbar .btn-outline-success:hover,
body.admin-body.dark .page-content .navbar .btn-outline-success:focus {
  border-color: #ffdd93;
  background: #333333;
  color: #ffdd93;
}

body.dark .page-content .navbar .form-control,
body.dark .page-content .navbar .form-select,
body.admin-body.dark .page-content .navbar .form-control,
body.admin-body.dark .page-content .navbar .form-select {
  max-width: none;
  min-height: 38px;
  background: #2a2a2a;
  color: #efefef;
  border: 1px solid #4b4b4b;
}

body.dark .page-content .navbar .form-control:focus,
body.dark .page-content .navbar .form-select:focus,
body.admin-body.dark .page-content .navbar .form-control:focus,
body.admin-body.dark .page-content .navbar .form-select:focus {
  border-color: #ffdd93;
  background: #303030;
  color: #ffffff;
  box-shadow: none;
}

body.dark .page-content .btn-primary,
body.dark .page-content .btn-outline-primary { --btn-tone: #ffdd93; }
body.dark .page-content .btn-secondary,
body.dark .page-content .btn-outline-secondary { --btn-tone: #d6d0c7; }
body.dark .page-content .btn-success,
body.dark .page-content .btn-outline-success { --btn-tone: #b7d3a2; }
body.dark .page-content .btn-warning,
body.dark .page-content .btn-outline-warning { --btn-tone: #f3cf82; }
body.dark .page-content .btn-danger,
body.dark .page-content .btn-outline-danger { --btn-tone: #e7a19a; }
body.dark .page-content .btn-info,
body.dark .page-content .btn-outline-info { --btn-tone: #a7d2d4; }
body.dark .page-content .btn-dark,
body.dark .page-content .btn-outline-dark { --btn-tone: #eee8de; }

body.dark .btn,
body.dark .btn-outline-dark,
body.dark .btn-outline-danger,
body.dark .btn-outline-secondary,
body.dark .btn-dark,
body.dark .btn-primary,
body.dark .btn-secondary,
body.dark .btn-success,
body.dark .btn-warning,
body.dark .btn-danger,
body.dark .btn-info {
  background: #232323;
  color: #dddddd;
  border-color: #454545;
  border-width: 1px;
}

body.dark .btn:hover,
body.dark .btn:focus {
  background: #2d2d2d;
  color: #ffffff;
  border-color: #ffdd93;
}

body.dark .page-content .nav-tabs {
  border-color: #4b4b4b;
  background: #2a2a2a;
}

body.dark .page-content .nav-pills {
  border-color: #4b4b4b;
  background: #2a2a2a;
}

body.dark .nav-tabs,
body.dark .nav-pills,
body.admin-body .nav-tabs,
body.admin-body .nav-pills {
  border-color: #4b4b4b !important;
  background: #2a2a2a !important;
}

body.dark .page-content .nav-tabs:hover,
body.dark .page-content .nav-pills:hover {
  border-color: #ffdd93;
}

body.dark .page-content .nav-tabs .nav-link,
body.dark .page-content .nav-pills .nav-link {
  background: #2a2a2a !important;
  color: #e5e5e5 !important;
  border-color: #4b4b4b !important;
}

body.dark .page-content .nav-tabs .nav-link:hover,
body.dark .page-content .nav-pills .nav-link:hover,
body.dark .page-content .nav-tabs .nav-link.active,
body.dark .page-content .nav-pills .nav-link.active {
  background: #333333 !important;
  color: #ffffff !important;
  border-color: #ffdd93 !important;
}

body.dark .page-content .breadcrumb,
body.admin-body.dark .page-content .breadcrumb {
  --bootx0-breadcrumb-divider-color: #6f6f6f;
  --bootx0-breadcrumb-item-active-color: #f0f0f0;
  background: #232323;
  border: 1px solid #454545;
}

body.dark .page-content .breadcrumb-item,
body.admin-body.dark .page-content .breadcrumb-item {
  color: #d7d7d7;
}

body.dark .page-content .breadcrumb-item a,
body.admin-body.dark .page-content .breadcrumb-item a {
  background: #292929;
  color: #ececec;
  border: 1px solid #454545;
}

body.dark .page-content .breadcrumb-item a:hover,
body.dark .page-content .breadcrumb-item a:focus,
body.admin-body.dark .page-content .breadcrumb-item a:hover,
body.admin-body.dark .page-content .breadcrumb-item a:focus {
  border-color: #ffdd93;
  background: #313131;
  color: #fff;
}

body.dark .page-content .list-group-item {
  background: #252525;
  color: #e5e5e5;
  border-color: #454545;
}

body.dark .page-content .list-group-item:hover {
  background: #2e2e2e;
  border-color: #ffdd93;
}

body.dark .page-content .pagination .page-link {
  background: #2a2a2a;
  color: #e5e5e5;
  border-color: #4b4b4b;
  border-width: 1px;
}

body.dark .page-content .pagination .page-link:hover,
body.dark .page-content .pagination .page-item.active .page-link {
  background: #333333;
  color: #ffffff;
  border-color: #ffdd93;
}

body.dark .page-content .form-select,
body.dark .page-content .form-control,
body.admin-body.dark .page-content .form-select,
body.admin-body.dark .page-content .form-control {
  background: #262625;
  color: #f3f0ea;
  border: 1px solid #555049;
  min-height: 40px;
  line-height: 1.38;
  padding: 0.46rem 0.68rem;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

body.dark .page-content textarea.form-control,
body.admin-body.dark .page-content textarea.form-control {
  min-height: 92px;
}

body.dark .form-control,
body.dark .form-select,
body.dark textarea.form-control,
body.admin-body.dark .form-control,
body.admin-body.dark .form-select,
body.admin-body.dark textarea.form-control,
html.theme-preload-dark .form-control,
html.theme-preload-dark .form-select,
html.theme-preload-dark textarea.form-control {
  background-color: #262625 !important;
  color: #f3f0ea !important;
  border-color: #555049 !important;
}

body.dark .form-control::placeholder,
body.dark textarea.form-control::placeholder,
body.admin-body.dark .form-control::placeholder,
body.admin-body.dark textarea.form-control::placeholder,
html.theme-preload-dark .form-control::placeholder,
html.theme-preload-dark textarea.form-control::placeholder {
  color: #aaa39a !important;
  opacity: 1;
}

body.dark .page-content .form-control::placeholder,
body.admin-body.dark .page-content .form-control::placeholder {
  color: #aaa39a;
  opacity: 1;
}

body.dark .page-content .form-floating > .form-control::placeholder,
body.admin-body.dark .page-content .form-floating > .form-control::placeholder {
  color: transparent !important;
  opacity: 0 !important;
}

body.dark .page-content .form-select,
body.admin-body.dark .page-content .form-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 2rem;
  background-image:
    linear-gradient(45deg, transparent 50%, #ffdd93 50%),
    linear-gradient(135deg, #ffdd93 50%, transparent 50%);
  background-position:
    calc(100% - 14px) calc(50% - 2px),
    calc(100% - 9px) calc(50% - 2px);
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
}

body.dark .page-content .form-select:focus,
body.dark .page-content .form-control:focus,
body.admin-body.dark .page-content .form-select:focus,
body.admin-body.dark .page-content .form-control:focus {
  background: #302f2d;
  color: #ffffff;
  border-color: #ffdd93;
  box-shadow: 0 0 0 2px rgba(255, 221, 147, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

body.dark .page-content .form-control.is-invalid,
body.dark .page-content .form-select.is-invalid,
body.dark .page-content .was-validated .form-control:invalid,
body.dark .page-content .was-validated .form-select:invalid,
body.admin-body.dark .page-content .form-control.is-invalid,
body.admin-body.dark .page-content .form-select.is-invalid,
body.admin-body.dark .page-content .was-validated .form-control:invalid,
body.admin-body.dark .page-content .was-validated .form-select:invalid {
  border-color: #ff6b63;
  box-shadow: 0 0 0 2px rgba(255, 107, 99, 0.16);
}

body.dark .page-content .invalid-feedback,
body.admin-body.dark .page-content .invalid-feedback {
  color: #ff8d86;
}

body.dark .page-content .form-floating > label,
body.admin-body.dark .page-content .form-floating > label {
  color: #aaa39a;
  font-size: 0.9rem;
  line-height: 1.15;
}

body.dark .page-content .form-floating > .form-control:focus ~ label,
body.dark .page-content .form-floating > .form-control:not(:placeholder-shown) ~ label,
body.dark .page-content .form-floating > .form-select ~ label,
body.dark .page-content .form-floating.is-focused > label,
body.dark .page-content .form-floating.has-value > label,
body.admin-body.dark .page-content .form-floating > .form-control:focus ~ label,
body.admin-body.dark .page-content .form-floating > .form-control:not(:placeholder-shown) ~ label,
body.admin-body.dark .page-content .form-floating > .form-select ~ label,
body.admin-body.dark .page-content .form-floating.is-focused > label,
body.admin-body.dark .page-content .form-floating.has-value > label {
  color: #ffdd93;
  background: #262625;
  font-size: 0.74rem;
  transform: translateY(-1.08rem) translateX(0.06rem);
}

body.dark .page-content .form-floating.is-focused > .form-control,
body.dark .page-content .form-floating.has-value > .form-control,
body.dark .page-content .form-floating.is-focused > textarea.form-control,
body.dark .page-content .form-floating.has-value > textarea.form-control,
body.admin-body.dark .page-content .form-floating.is-focused > .form-control,
body.admin-body.dark .page-content .form-floating.has-value > .form-control,
body.admin-body.dark .page-content .form-floating.is-focused > textarea.form-control,
body.admin-body.dark .page-content .form-floating.has-value > textarea.form-control {
  padding-top: 1.34rem;
  padding-bottom: 0.32rem;
}

body.dark .page-content .form-check-input,
body.admin-body.dark .page-content .form-check-input {
  accent-color: #d87f20;
}

body.dark .page-content .form-check-input:checked,
body.admin-body.dark .page-content .form-check-input:checked {
  background-color: #d87f20 !important;
  border-color: #d87f20 !important;
}

body.dark .page-content .form-check-input[type="checkbox"]:checked,
body.admin-body.dark .page-content .form-check-input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.4' d='m4.8 10.2 3.2 3.3 7.2-7.4'/%3e%3c/svg%3e") !important;
}

body.dark .page-content .form-check-input[type="radio"]:checked,
body.admin-body.dark .page-content .form-check-input[type="radio"]:checked {
  background-image: radial-gradient(circle, #ffffff 0 33%, transparent 34%) !important;
}

body.dark .form-check-input:checked,
body.admin-body.dark .form-check-input:checked,
html.theme-preload-dark .form-check-input:checked {
  background-color: #d87f20 !important;
  border-color: #d87f20 !important;
}

body.dark .form-check-input[type="checkbox"]:checked,
body.admin-body.dark .form-check-input[type="checkbox"]:checked,
html.theme-preload-dark .form-check-input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.4' d='m4.8 10.2 3.2 3.3 7.2-7.4'/%3e%3c/svg%3e") !important;
}

body.dark .form-check-input[type="radio"]:checked,
body.admin-body.dark .form-check-input[type="radio"]:checked,
html.theme-preload-dark .form-check-input[type="radio"]:checked {
  background-image: radial-gradient(circle, #ffffff 0 33%, transparent 34%) !important;
}

body.dark .page-content .badge:not(.user-badge):not(.member-role-badge):not(.account-dropdown-user-badge):not(.x0-resource-badge) {
  background: transparent !important;
  color: #efefef !important;
  border-color: #ffdd93;
  border-width: 2px;
  border-radius: 6px;
  font-size: 0.86rem;
  padding: 0.32rem 0.54rem;
}

body.dark .page-content .badge.bg-success:not(.user-badge):not(.member-role-badge):not(.account-dropdown-user-badge),
body.dark .page-content .badge.text-bg-success:not(.user-badge):not(.member-role-badge):not(.account-dropdown-user-badge) { border-color: #6f9361 !important; color: #b7d3a2 !important; }
body.dark .page-content .badge.bg-warning:not(.user-badge):not(.member-role-badge):not(.account-dropdown-user-badge),
body.dark .page-content .badge.text-bg-warning:not(.user-badge):not(.member-role-badge):not(.account-dropdown-user-badge) { border-color: #b38c45 !important; color: #f3cf82 !important; }
body.dark .page-content .badge.bg-danger:not(.user-badge):not(.member-role-badge):not(.account-dropdown-user-badge),
body.dark .page-content .badge.text-bg-danger:not(.user-badge):not(.member-role-badge):not(.account-dropdown-user-badge) { border-color: #a95e56 !important; color: #e7a19a !important; }
body.dark .page-content .badge.bg-info:not(.user-badge):not(.member-role-badge):not(.account-dropdown-user-badge),
body.dark .page-content .badge.text-bg-info:not(.user-badge):not(.member-role-badge):not(.account-dropdown-user-badge) { border-color: #689a9e !important; color: #a7d2d4 !important; }
body.dark .page-content .badge.bg-primary:not(.user-badge):not(.member-role-badge):not(.account-dropdown-user-badge),
body.dark .page-content .badge.text-bg-primary:not(.user-badge):not(.member-role-badge):not(.account-dropdown-user-badge) { border-color: #c89a5a !important; color: #ffdd93 !important; }
body.dark .page-content .badge.bg-secondary:not(.user-badge):not(.member-role-badge):not(.account-dropdown-user-badge),
body.dark .page-content .badge.text-bg-secondary:not(.user-badge):not(.member-role-badge):not(.account-dropdown-user-badge) { border-color: #777067 !important; color: #d6d0c7 !important; }

body.dark .page-content .mention-link,
body.admin-body.dark .page-content .mention-link {
  color: #ffb663;
  border-bottom: 1px dotted rgba(255, 182, 99, 0.8);
  text-decoration: none;
}

body.dark .page-content .mention-link:hover,
body.dark .page-content .mention-link:focus,
body.admin-body.dark .page-content .mention-link:hover,
body.admin-body.dark .page-content .mention-link:focus {
  color: #ffd39a;
  border-bottom-color: #ffd39a;
}

body.dark .alert,
body.admin-body .alert {
  background: #2a2a2a !important;
  color: #e5e5e5 !important;
  border-color: #454545 !important;
}

body.dark .alert-success,
body.admin-body .alert-success { border-color: #75b798 !important; color: #cde9db !important; }
body.dark .alert-danger,
body.admin-body .alert-danger { border-color: #ea868f !important; color: #f7d1d6 !important; }
body.dark .alert-warning,
body.admin-body .alert-warning { border-color: #ffda6a !important; color: #ffe8ab !important; }
body.dark .alert-info,
body.admin-body .alert-info { border-color: #6edff6 !important; color: #c9f4ff !important; }
body.dark .alert-primary,
body.admin-body .alert-primary { border-color: #6ea8fe !important; color: #cedfff !important; }
body.dark .theme-lightbox-dialog,
body.admin-body.dark .theme-lightbox-dialog {
  background: #151515;
  border-color: #ffdd93;
}

body.dark .theme-lightbox-close,
body.admin-body.dark .theme-lightbox-close {
  background: #202020;
  border-color: #ffdd93;
  color: #f2f2f2;
}

body.dark .x0-gallery-item figcaption,
body.admin-body.dark .x0-gallery-item figcaption {
  color: #b9b4aa;
}

body.dark .x0-gallery-inline-control,
body.admin-body.dark .x0-gallery-inline-control {
  border-color: #ffdd93;
  background: rgba(32, 32, 32, .92);
  color: #f2f2f2;
}

body.dark .page-content .progress {
  background: #303030;
  border-color: #5f5547;
}

body.dark .page-content .progress-bar {
  background: linear-gradient(90deg, #b48955 0%, #c6965f 48%, #d4a66f 100%);
  color: #1f160a;
}

body.dark .page-content .form-range::-webkit-slider-runnable-track {
  background: #4b4b4b;
}

body.dark .page-content .form-range::-moz-range-track {
  background: #4b4b4b;
}

body.dark .page-content .form-range::-webkit-slider-thumb {
  background: #bd9868;
  border: 1px solid #93714a;
}

body.dark .page-content .form-range::-moz-range-thumb {
  background: #bd9868;
  border: 1px solid #93714a;
}

body.dark .updates-version-track {
  border-color: #5f5547;
  background: #303030;
}

body.dark .updates-version-fill {
  background: linear-gradient(90deg, #ba9160 0%, #cfa371 48%, #deb889 100%);
}

body.dark .updates-static-icon {
  filter: grayscale(1) saturate(0) brightness(1.1) contrast(0.92);
}

body.dark .updates-fade-divider {
  background: linear-gradient(90deg, rgba(90, 90, 90, 0), rgba(132, 132, 132, 0.9), rgba(90, 90, 90, 0));
}

body.dark .landing-social-divider,
body.admin-body.dark .landing-social-divider {
  background: linear-gradient(90deg, rgba(90, 90, 90, 0), rgba(132, 132, 132, 0.9), rgba(90, 90, 90, 0));
}

body.admin-body .alert {
  background: #2a2a2a;
  border-color: #4b4b4b;
  color: #ebebeb;
}

body.admin-body .alert-danger {
  background: #3a2525;
  border-color: #7d3f3f;
  color: #ffd6d6;
}

body.admin-body .alert-warning {
  background: #3a3323;
  border-color: #7d6b3f;
  color: #ffe9be;
}

body.admin-body .x0-editor {
  background: #232323;
  border-color: #454545;
}

body.admin-body .x0-editor-toolbar {
  background: #2a2a2a;
  border-bottom-color: #454545;
}

body.admin-body .x0-editor-btn,
body.admin-body .x0-editor-select {
  background: #2d2d2d;
  color: #e7e7e7;
  border-color: #4b4b4b;
}

body.admin-body .x0-editor-btn:hover,
body.admin-body .x0-editor-select:hover,
body.admin-body .x0-editor-select:focus {
  background: #333333;
  border-color: #ffdd93;
  color: #ffffff;
}

body.admin-body .x0-editor-btn.is-active {
  background: #333333;
  border-color: #ffdd93;
  color: #ffffff;
}

body.admin-body .x0-editor-surface {
  color: #ebebeb;
}

body.admin-body .x0-editor-surface:focus {
  box-shadow: inset 0 0 0 1px #ffdd93;
}

body.admin-body .x0-editor-source {
  background: #262626;
  color: #ededed;
  border-top-color: #454545;
}

body.admin-body .x0-editor-mode-nav {
  background: #2f2f2f;
  border-color: #4b4b4b;
}

.sidebar-site-title-line {
  background: linear-gradient(90deg, rgba(90, 90, 90, 0), rgba(132, 132, 132, 0.9), rgba(90, 90, 90, 0));
}

.page-content .cms-image-grid figure {
  background: #262626;
  border-color: #444444;
}

body.dark .page-content .theme-image-frame {
  background: #262626;
  border-color: #444444;
}

body.dark .page-content .theme-image-frame:hover {
  background: #2f2f2f;
  border-color: #ffdd93;
}

body.dark .theme-top-btn {
  background: #2a2a2a;
  border-color: #4b4b4b;
  color: #e7e7e7;
}

body.dark .theme-top-btn:hover {
  background: #333333;
  border-color: #ffdd93;
  color: #ffffff;
}

.sidebar-logo-fallback {
  color: #dddddd;
}

.sidebar-copy a {
  color: inherit;
}

body.dark .sidebar-box-title,
body.admin-body.dark .sidebar-box-title,
html.theme-preload-dark .sidebar-box-title {
  color: #dddddd;
  opacity: 0.7;
}

body.dark .sidebar-box-title::before,
body.dark .sidebar-box-title::after,
body.admin-body.dark .sidebar-box-title::before,
body.admin-body.dark .sidebar-box-title::after,
html.theme-preload-dark .sidebar-box-title::before,
html.theme-preload-dark .sidebar-box-title::after {
  background: linear-gradient(90deg, rgba(90, 90, 90, 0), rgba(150, 150, 150, 0.55), rgba(90, 90, 90, 0));
}

.mobile-header-logo {
  color: #efefef;
  background: #2d2d2d;
  box-shadow: 0 0 0 1px #8d7a52, 0 0 0 2px #565656;
}

body.dark .mobile-header-logo:hover,
body.admin-body.dark .mobile-header-logo:hover {
  background: #353535;
  box-shadow: 0 0 0 1px #9d8758, 0 0 0 2px #666666;
}

body.dark .header-nav:hover,
body.dark .footer-nav:hover,
body.admin-body.dark .header-nav:hover,
body.admin-body.dark .footer-nav:hover,
body.dark .floating-box:hover,
body.dark .sidebar-logo-wrap:hover,
body.admin-body.dark .floating-box:hover,
body.admin-body.dark .sidebar-logo-wrap:hover {
  border-color: #ffdd93;
}

body.admin-body .admin-left-sidebar .floating-box:hover,
body.admin-body .admin-left-sidebar .sidebar-logo-wrap:hover {
  border-color: #ffdd93;
}

body.dark .page-content .updates-static-card,
body.admin-body.dark .page-content .updates-static-card {
  background: #232323 !important;
  border-color: #454545 !important;
}

body.dark .page-content .updates-static-card:hover,
body.admin-body.dark .page-content .updates-static-card:hover,
body.dark .updates-static-card:hover,
body.admin-body.dark .updates-static-card:hover {
  border-color: #ffdd93;
  background: #2a2a2a !important;
}

body.dark .page-lock-box,
body.admin-body.dark .page-lock-box {
  background: #232323;
  border-color: #454545;
  color: #e3e3e3;
}

body.dark .page-lock-box:hover,
body.admin-body.dark .page-lock-box:hover {
  border-color: #ffdd93;
  background: #2a2a2a;
}

body.dark .offline-illustration,
body.admin-body.dark .offline-illustration {
  filter: grayscale(1) invert(1) brightness(0.86) contrast(0.94);
  border-color: #454545;
  background: #1f1f1f;
}

body.dark .offline-state,
body.admin-body.dark .offline-state {
  background: transparent;
}

.mobile-menu-toggle,
.mobile-drawer-close {
  background: #2a2a2a;
  color: #e7e7e7;
  border-color: #4b4b4b;
}

.mobile-menu-toggle:hover,
.mobile-drawer-close:hover {
  background: #333333;
  border-color: #ffdd93;
  color: #ffffff;
}

.mobile-drawer {
  background: #232323;
  border-left-color: #454545;
  border-right-color: #454545;
}

.mobile-drawer-head {
  border-bottom-color: #454545;
  color: #dddddd;
}

.mobile-drawer-overlay {
  background: rgba(0, 0, 0, 0.5);
}

body.dark .login-modal-backdrop,
body.admin-body.dark .login-modal-backdrop {
  background: rgba(0, 0, 0, 0.62);
}

body.dark .login-modal-card,
body.admin-body.dark .login-modal-card {
  background: #232323;
  border-color: #454545;
}

body.dark .login-modal-titlebar,
body.admin-body.dark .login-modal-titlebar {
  color: #e7e7e7;
}

body.dark .login-modal-close,
body.admin-body.dark .login-modal-close {
  background: #2a2a2a;
  border-color: #4b4b4b;
  color: #e7e7e7;
}

body.dark .login-modal-close:hover,
body.admin-body.dark .login-modal-close:hover {
  background: #333333;
  border-color: #ffdd93;
  color: #ffffff;
}

body.dark .login-modal-form .form-control,
body.admin-body.dark .login-modal-form .form-control {
  background: #2a2a2a;
  color: #efefef;
  border-color: #4b4b4b;
}

body.dark .login-modal-form .form-control:focus,
body.admin-body.dark .login-modal-form .form-control:focus {
  background: #313131;
  color: #ffffff;
  border-color: #ffdd93;
}

body.dark .login-modal-form .form-label,
body.admin-body.dark .login-modal-form .form-label {
  color: #d4d4d4;
}

body.dark .login-modal-error,
body.admin-body.dark .login-modal-error {
  color: #ff9c9c;
}

body.admin-body .tooltip .tooltip-inner {
  background: #2a2a2a;
  color: #ececec;
  border: 1px solid #4b4b4b;
}

body.admin-body .tooltip .tooltip-arrow::before {
  border-top-color: #2a2a2a;
}

.main-container:hover .page-content {
  border-left-color: #ffdd93;
  border-right-color: #ffdd93;
  border-bottom-color: #ffdd93;
  border-top-color: #454545;
}

body.dark .footer-theme-switcher,
body.admin-body.dark .footer-theme-switcher {
  background: #2a2a2a;
  color: #ececec;
  border-color: #4b4b4b;
}

body.dark .footer-theme-switcher:hover,
body.dark .footer-theme-switcher:focus,
body.admin-body.dark .footer-theme-switcher:hover,
body.admin-body.dark .footer-theme-switcher:focus {
  border-color: #ffdd93;
  background: #313131;
}

html.theme-preload-dark .updates-static-card,
body.dark .updates-static-card,
body.admin-body.dark .updates-static-card {
  background: #232323 !important;
  border-color: #454545 !important;
  color: #e3e3e3 !important;
}

html.theme-preload-dark .updates-static-card h1,
html.theme-preload-dark .updates-static-card h2,
html.theme-preload-dark .updates-static-card h3,
html.theme-preload-dark .updates-static-card h4,
html.theme-preload-dark .updates-static-card p,
html.theme-preload-dark .updates-static-card li,
body.dark .updates-static-card h1,
body.dark .updates-static-card h2,
body.dark .updates-static-card h3,
body.dark .updates-static-card h4,
body.dark .updates-static-card p,
body.dark .updates-static-card li,
body.admin-body.dark .updates-static-card h1,
body.admin-body.dark .updates-static-card h2,
body.admin-body.dark .updates-static-card h3,
body.admin-body.dark .updates-static-card h4,
body.admin-body.dark .updates-static-card p,
body.admin-body.dark .updates-static-card li {
  color: #e3e3e3 !important;
}

html.theme-preload-dark .updates-static-card:hover,
html.theme-preload-dark .updates-static-card:focus-within,
body.dark .updates-static-card:hover,
body.dark .updates-static-card:focus-within,
body.admin-body.dark .updates-static-card:hover,
body.admin-body.dark .updates-static-card:focus-within {
  background: #2a2a2a !important;
  border-color: #ffdd93 !important;
}

html.theme-preload-dark .members-group-card,
body.dark .members-group-card,
body.admin-body.dark .members-group-card {
  background: #232323 !important;
  border-color: #454545 !important;
}

html.theme-preload-dark .members-group-card:hover,
html.theme-preload-dark .members-group-card:focus-within,
body.dark .members-group-card:hover,
body.dark .members-group-card:focus-within,
body.admin-body.dark .members-group-card:hover,
body.admin-body.dark .members-group-card:focus-within {
  background: #2a2a2a !important;
  border-color: #ffdd93 !important;
}

html.theme-preload-dark .admin-card:hover,
html.theme-preload-dark .admin-card:focus-within,
body.dark .admin-card:hover,
body.dark .admin-card:focus-within,
body.admin-body.dark .admin-card:hover,
body.admin-body.dark .admin-card:focus-within {
  background: #2a2a2a !important;
  border-color: #ffdd93 !important;
}

html.theme-preload-dark .page-content .btn,
html.theme-preload-dark .settings-panel .btn,
html.theme-preload-dark .admin-card .btn,
body.dark .page-content .btn,
body.dark .settings-panel .btn,
body.dark .admin-card .btn,
body.admin-body.dark .page-content .btn,
body.admin-body.dark .settings-panel .btn,
body.admin-body.dark .admin-card .btn {
  --x0-btn-tone: #ececec;
  background: #2b2b2b !important;
  color: var(--x0-btn-tone) !important;
  border-color: var(--x0-btn-tone) !important;
  border-width: 1px !important;
  box-shadow: none !important;
}

html.theme-preload-dark .page-content .btn.btn-primary,
html.theme-preload-dark .settings-panel .btn.btn-primary,
html.theme-preload-dark .admin-card .btn.btn-primary,
body.dark .page-content .btn.btn-primary,
body.dark .settings-panel .btn.btn-primary,
body.dark .admin-card .btn.btn-primary,
body.admin-body.dark .page-content .btn.btn-primary,
body.admin-body.dark .settings-panel .btn.btn-primary,
body.admin-body.dark .admin-card .btn.btn-primary { --x0-btn-tone: #6ea8fe; }

html.theme-preload-dark .page-content .btn.btn-secondary,
html.theme-preload-dark .settings-panel .btn.btn-secondary,
html.theme-preload-dark .admin-card .btn.btn-secondary,
body.dark .page-content .btn.btn-secondary,
body.dark .settings-panel .btn.btn-secondary,
body.dark .admin-card .btn.btn-secondary,
body.admin-body.dark .page-content .btn.btn-secondary,
body.admin-body.dark .settings-panel .btn.btn-secondary,
body.admin-body.dark .admin-card .btn.btn-secondary { --x0-btn-tone: #adb5bd; }

html.theme-preload-dark .page-content .btn.btn-success,
html.theme-preload-dark .settings-panel .btn.btn-success,
html.theme-preload-dark .admin-card .btn.btn-success,
body.dark .page-content .btn.btn-success,
body.dark .settings-panel .btn.btn-success,
body.dark .admin-card .btn.btn-success,
body.admin-body.dark .page-content .btn.btn-success,
body.admin-body.dark .settings-panel .btn.btn-success,
body.admin-body.dark .admin-card .btn.btn-success { --x0-btn-tone: #75b798; }

html.theme-preload-dark .page-content .btn.btn-warning,
html.theme-preload-dark .settings-panel .btn.btn-warning,
html.theme-preload-dark .admin-card .btn.btn-warning,
body.dark .page-content .btn.btn-warning,
body.dark .settings-panel .btn.btn-warning,
body.dark .admin-card .btn.btn-warning,
body.admin-body.dark .page-content .btn.btn-warning,
body.admin-body.dark .settings-panel .btn.btn-warning,
body.admin-body.dark .admin-card .btn.btn-warning { --x0-btn-tone: #ffda6a; }

html.theme-preload-dark .page-content .btn.btn-danger,
html.theme-preload-dark .settings-panel .btn.btn-danger,
html.theme-preload-dark .admin-card .btn.btn-danger,
body.dark .page-content .btn.btn-danger,
body.dark .settings-panel .btn.btn-danger,
body.dark .admin-card .btn.btn-danger,
body.admin-body.dark .page-content .btn.btn-danger,
body.admin-body.dark .settings-panel .btn.btn-danger,
body.admin-body.dark .admin-card .btn.btn-danger { --x0-btn-tone: #ea868f; }

html.theme-preload-dark .page-content .btn.btn-info,
html.theme-preload-dark .settings-panel .btn.btn-info,
html.theme-preload-dark .admin-card .btn.btn-info,
body.dark .page-content .btn.btn-info,
body.dark .settings-panel .btn.btn-info,
body.dark .admin-card .btn.btn-info,
body.admin-body.dark .page-content .btn.btn-info,
body.admin-body.dark .settings-panel .btn.btn-info,
body.admin-body.dark .admin-card .btn.btn-info { --x0-btn-tone: #6edff6; }

html.theme-preload-dark .page-content .btn.btn-dark,
html.theme-preload-dark .settings-panel .btn.btn-dark,
html.theme-preload-dark .admin-card .btn.btn-dark,
body.dark .page-content .btn.btn-dark,
body.dark .settings-panel .btn.btn-dark,
body.dark .admin-card .btn.btn-dark,
body.admin-body.dark .page-content .btn.btn-dark,
body.admin-body.dark .settings-panel .btn.btn-dark,
body.admin-body.dark .admin-card .btn.btn-dark { --x0-btn-tone: #dee2e6; }

html.theme-preload-dark .page-content .btn:hover,
html.theme-preload-dark .page-content .btn:focus,
html.theme-preload-dark .settings-panel .btn:hover,
html.theme-preload-dark .settings-panel .btn:focus,
html.theme-preload-dark .admin-card .btn:hover,
html.theme-preload-dark .admin-card .btn:focus,
body.dark .page-content .btn:hover,
body.dark .page-content .btn:focus,
body.dark .settings-panel .btn:hover,
body.dark .settings-panel .btn:focus,
body.dark .admin-card .btn:hover,
body.dark .admin-card .btn:focus,
body.admin-body.dark .page-content .btn:hover,
body.admin-body.dark .page-content .btn:focus,
body.admin-body.dark .settings-panel .btn:hover,
body.admin-body.dark .settings-panel .btn:focus,
body.admin-body.dark .admin-card .btn:hover,
body.admin-body.dark .admin-card .btn:focus {
  background: #333231 !important;
  border-color: #ffdd93 !important;
  color: var(--x0-btn-tone) !important;
}

html.theme-preload-dark .page-content .alert,
html.theme-preload-dark .settings-panel .alert,
html.theme-preload-dark .admin-card .alert,
body.dark .page-content .alert,
body.dark .settings-panel .alert,
body.dark .admin-card .alert,
body.admin-body.dark .page-content .alert,
body.admin-body.dark .settings-panel .alert,
body.admin-body.dark .admin-card .alert {
  background: #2a2a2a !important;
  color: #e7e7e7 !important;
  border-color: #4b4b4b !important;
}

html.theme-preload-dark .alert.alert-primary,
body.dark .alert.alert-primary,
body.admin-body.dark .alert.alert-primary { border-color: #6ea8fe !important; color: #cfe1ff !important; }

html.theme-preload-dark .alert.alert-secondary,
body.dark .alert.alert-secondary,
body.admin-body.dark .alert.alert-secondary { border-color: #adb5bd !important; color: #e4e7ea !important; }

html.theme-preload-dark .alert.alert-success,
body.dark .alert.alert-success,
body.admin-body.dark .alert.alert-success { border-color: #75b798 !important; color: #cde9db !important; }

html.theme-preload-dark .alert.alert-warning,
body.dark .alert.alert-warning,
body.admin-body.dark .alert.alert-warning { border-color: #ffda6a !important; color: #ffe8ab !important; }

html.theme-preload-dark .alert.alert-danger,
body.dark .alert.alert-danger,
body.admin-body.dark .alert.alert-danger { border-color: #ea868f !important; color: #f7d1d6 !important; }

html.theme-preload-dark .alert.alert-info,
body.dark .alert.alert-info,
body.admin-body.dark .alert.alert-info { border-color: #6edff6 !important; color: #c9f4ff !important; }

html.theme-preload-dark .page-content .nav-tabs,
html.theme-preload-dark .page-content .nav-pills,
html.theme-preload-dark .settings-panel .nav-tabs,
html.theme-preload-dark .settings-panel .nav-pills,
html.theme-preload-dark .admin-card .nav-tabs,
html.theme-preload-dark .admin-card .nav-pills,
body.dark .page-content .nav-tabs,
body.dark .page-content .nav-pills,
body.dark .settings-panel .nav-tabs,
body.dark .settings-panel .nav-pills,
body.dark .admin-card .nav-tabs,
body.dark .admin-card .nav-pills,
body.admin-body.dark .page-content .nav-tabs,
body.admin-body.dark .page-content .nav-pills,
body.admin-body.dark .settings-panel .nav-tabs,
body.admin-body.dark .settings-panel .nav-pills,
body.admin-body.dark .admin-card .nav-tabs,
body.admin-body.dark .admin-card .nav-pills {
  background: #252525 !important;
  border-color: #4b4b4b !important;
}

html.theme-preload-dark .page-content .nav-tabs .nav-link,
html.theme-preload-dark .page-content .nav-pills .nav-link,
html.theme-preload-dark .settings-panel .nav-tabs .nav-link,
html.theme-preload-dark .settings-panel .nav-pills .nav-link,
html.theme-preload-dark .admin-card .nav-tabs .nav-link,
html.theme-preload-dark .admin-card .nav-pills .nav-link,
body.dark .page-content .nav-tabs .nav-link,
body.dark .page-content .nav-pills .nav-link,
body.dark .settings-panel .nav-tabs .nav-link,
body.dark .settings-panel .nav-pills .nav-link,
body.dark .admin-card .nav-tabs .nav-link,
body.dark .admin-card .nav-pills .nav-link,
body.admin-body.dark .page-content .nav-tabs .nav-link,
body.admin-body.dark .page-content .nav-pills .nav-link,
body.admin-body.dark .settings-panel .nav-tabs .nav-link,
body.admin-body.dark .settings-panel .nav-pills .nav-link,
body.admin-body.dark .admin-card .nav-tabs .nav-link,
body.admin-body.dark .admin-card .nav-pills .nav-link {
  background: transparent !important;
  color: #e5e5e5 !important;
  border-color: transparent !important;
}

html.theme-preload-dark .page-content .nav-tabs .nav-link:hover,
html.theme-preload-dark .page-content .nav-pills .nav-link:hover,
html.theme-preload-dark .page-content .nav-tabs .nav-link.active,
html.theme-preload-dark .page-content .nav-pills .nav-link.active,
html.theme-preload-dark .settings-panel .nav-tabs .nav-link:hover,
html.theme-preload-dark .settings-panel .nav-pills .nav-link:hover,
html.theme-preload-dark .settings-panel .nav-tabs .nav-link.active,
html.theme-preload-dark .settings-panel .nav-pills .nav-link.active,
html.theme-preload-dark .admin-card .nav-tabs .nav-link:hover,
html.theme-preload-dark .admin-card .nav-pills .nav-link:hover,
html.theme-preload-dark .admin-card .nav-tabs .nav-link.active,
html.theme-preload-dark .admin-card .nav-pills .nav-link.active,
body.dark .page-content .nav-tabs .nav-link:hover,
body.dark .page-content .nav-pills .nav-link:hover,
body.dark .page-content .nav-tabs .nav-link.active,
body.dark .page-content .nav-pills .nav-link.active,
body.dark .settings-panel .nav-tabs .nav-link:hover,
body.dark .settings-panel .nav-pills .nav-link:hover,
body.dark .settings-panel .nav-tabs .nav-link.active,
body.dark .settings-panel .nav-pills .nav-link.active,
body.dark .admin-card .nav-tabs .nav-link:hover,
body.dark .admin-card .nav-pills .nav-link:hover,
body.dark .admin-card .nav-tabs .nav-link.active,
body.dark .admin-card .nav-pills .nav-link.active,
body.admin-body.dark .page-content .nav-tabs .nav-link:hover,
body.admin-body.dark .page-content .nav-pills .nav-link:hover,
body.admin-body.dark .page-content .nav-tabs .nav-link.active,
body.admin-body.dark .page-content .nav-pills .nav-link.active,
body.admin-body.dark .settings-panel .nav-tabs .nav-link:hover,
body.admin-body.dark .settings-panel .nav-pills .nav-link:hover,
body.admin-body.dark .settings-panel .nav-tabs .nav-link.active,
body.admin-body.dark .settings-panel .nav-pills .nav-link.active,
body.admin-body.dark .admin-card .nav-tabs .nav-link:hover,
body.admin-body.dark .admin-card .nav-pills .nav-link:hover,
body.admin-body.dark .admin-card .nav-tabs .nav-link.active,
body.admin-body.dark .admin-card .nav-pills .nav-link.active {
  background: #333333 !important;
  color: #ffffff !important;
  border-color: #ffdd93 !important;
}

.account-dropdown-trigger {
  border-color: #575757;
  background: #1f1f1f;
}
.account-dropdown-trigger:hover {
  background: #262626;
}
.account-dropdown-menu.is-open .account-dropdown-trigger {
  border-color: #ffdd93;
  box-shadow: 0 0 0 1px rgba(255, 221, 147, .32);
  background: #2b2b2b;
}
.account-dropdown-panel {
  background: #232323;
  border-color: #454545;
  color: #e7e7e7;
}
.account-dropdown-link,
.account-dropdown-title {
  color: #e5e5e5;
}
.account-dropdown-link:hover,
.account-dropdown-link:focus,
.account-dropdown-title:hover,
.account-dropdown-title:focus {
  background: #2e2e2e;
  color: #f0f0f0;
  border-color: #ffdd93;
}
.account-dropdown-divider {
  background: linear-gradient(to right, rgba(90,90,90,0), rgba(90,90,90,.9), rgba(90,90,90,0));
}
.account-dropdown-form .form-control,
.account-dropdown-form .form-select {
  background: #2a2a2a;
  color: #e3e3e3;
  border-color: #656565;
}
.account-dropdown-remember-input {
  background: #2a2a2a;
  border-color: #656565;
}
.account-dropdown-remember-input:checked {
  background: #d87f20;
  border-color: #d87f20;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.4' d='m4.8 10.2 3.2 3.3 7.2-7.4'/%3e%3c/svg%3e");
}
.account-dropdown-remember-label {
  color: #d9d9d9;
}
.account-dropdown-form .form-control:focus,
.account-dropdown-form .form-select:focus {
  border-color: #ffdd93;
  box-shadow: 0 0 0 1px rgba(255, 221, 147,.35);
  background: #343434;
  color: #f0f0f0;
}
.account-dropdown-link-inline {
  color: #d6d6d6;
}
.account-dropdown-actions .btn,
.account-dropdown-btn {
  background: #2a2a2a;
  color: #e3e3e3;
  border-color: #656565;
}
.account-dropdown-actions .btn:hover,
.account-dropdown-btn:hover,
.account-dropdown-actions .btn:focus,
.account-dropdown-btn:focus {
  border-color: #ffdd93;
  color: #ffdd93;
  background: #323232;
}
.account-switch-list {
  background: #252525;
  border-color: #454545;
}

.account-dropdown-username {
  color: var(--account-name-color, #f0f0f0);
}

.account-dropdown-username:hover,
.account-dropdown-username:focus {
  background: #2e2e2e;
  border-color: #ffdd93;
  color: var(--account-name-color, #f0f0f0);
}

.header-search-trigger,
.header-calendar-trigger {
  background: #1f1f1f;
  border-color: #575757;
  color: #e3e3e3;
}

html.theme-preload-dark .header-search-trigger,
html.theme-preload-dark .header-calendar-trigger {
  background: #1f1f1f;
  border-color: #575757;
  color: #e3e3e3;
}

.header-search-trigger:hover,
.header-search-trigger:focus,
.header-calendar-trigger:hover,
.header-calendar-trigger:focus {
  background: #272727;
  border-color: #ffdd93;
  color: #f0f0f0;
}

html.theme-preload-dark .header-search-trigger:hover,
html.theme-preload-dark .header-search-trigger:focus,
html.theme-preload-dark .header-calendar-trigger:hover,
html.theme-preload-dark .header-calendar-trigger:focus {
  background: #272727;
  border-color: #ffdd93;
  color: #f0f0f0;
}

body.dark .cms-popover,
body.admin-body.dark .cms-popover,
html.theme-preload-dark .cms-popover {
  border-color: #4b4b4b;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.45);
}

body.dark .cms-popover .popover-header,
body.admin-body.dark .cms-popover .popover-header,
html.theme-preload-dark .cms-popover .popover-header {
  background: #2c2c2c;
  border-bottom-color: #4b4b4b;
  color: #f0f0f0;
}

body.dark .cms-popover .popover-body,
body.admin-body.dark .cms-popover .popover-body,
html.theme-preload-dark .cms-popover .popover-body {
  background: #252525;
  color: #e6e6e6;
}

body.dark .wio-popover-divider,
body.admin-body.dark .wio-popover-divider,
html.theme-preload-dark .wio-popover-divider {
  background: linear-gradient(90deg, rgba(90, 90, 90, 0), rgba(140, 140, 140, 0.9), rgba(90, 90, 90, 0));
}

body.dark .wio-popover-user-link,
body.admin-body.dark .wio-popover-user-link,
html.theme-preload-dark .wio-popover-user-link,
body.dark .wio-popover-title-link,
body.admin-body.dark .wio-popover-title-link,
html.theme-preload-dark .wio-popover-title-link {
  color: #ffdd93;
}

body.dark .wio-popover-user-link:hover,
body.dark .wio-popover-user-link:focus,
body.admin-body.dark .wio-popover-user-link:hover,
body.admin-body.dark .wio-popover-user-link:focus,
html.theme-preload-dark .wio-popover-user-link:hover,
html.theme-preload-dark .wio-popover-user-link:focus,
body.dark .wio-popover-title-link:hover,
body.dark .wio-popover-title-link:focus,
body.admin-body.dark .wio-popover-title-link:hover,
body.admin-body.dark .wio-popover-title-link:focus,
html.theme-preload-dark .wio-popover-title-link:hover,
html.theme-preload-dark .wio-popover-title-link:focus {
  color: #ffffff;
}

.search-overlay-dialog {
  background: #232323;
  border-color: #454545;
  color: #e5e5e5;
}

.search-overlay-close {
  background: #2a2a2a;
  border-color: #656565;
  color: #e5e5e5;
}

.search-overlay-close:hover,
.search-overlay-close:focus {
  background: #323232;
  border-color: #ffdd93;
}

.search-overlay-results {
  background: #252525;
  border-color: #454545;
}

.search-overlay-item {
  color: #e5e5e5;
  border-bottom-color: #3d3d3d;
}

.search-overlay-item:hover,
.search-overlay-item:focus {
  background: #2d2d2d;
  border-color: #ffdd93;
  color: #ffffff;
}
/* Motion + GM switcher dark adjustments */
body.dark .titlebar-name-text,
body.admin-body.dark .titlebar-name-text,
html.theme-preload-dark .titlebar-name-text {
  color: rgba(232, 232, 232, 0.92);
}

body.dark .account-switcher,
body.admin-body.dark .account-switcher,
html.theme-preload-dark .account-switcher {
  background: #232323;
  border-color: #454545;
}

body.dark .account-switch-summary,
body.admin-body.dark .account-switch-summary,
body.dark .account-switch-link,
body.admin-body.dark .account-switch-link,
html.theme-preload-dark .account-switch-summary,
html.theme-preload-dark .account-switch-link {
  background: #2a2a2a;
  border-color: #656565;
  color: #e3e3e3;
}

body.dark .account-switch-summary:hover,
body.admin-body.dark .account-switch-summary:hover,
body.dark .account-switch-link:hover,
body.admin-body.dark .account-switch-link:hover,
html.theme-preload-dark .account-switch-summary:hover,
html.theme-preload-dark .account-switch-link:hover {
  border-color: #ffdd93;
  color: #ffdd93;
  background: #323232;
}

body.dark .account-badge-switcher-inline,
body.admin-body.dark .account-badge-switcher-inline,
html.theme-preload-dark .account-badge-switcher-inline,
body.dark .account-badge-switch-summary,
body.admin-body.dark .account-badge-switch-summary,
html.theme-preload-dark .account-badge-switch-summary {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.dark .account-badge-switcher-inline .account-switch-list,
body.admin-body.dark .account-badge-switcher-inline .account-switch-list,
html.theme-preload-dark .account-badge-switcher-inline .account-switch-list,
body.dark .account-badge-switcher-inline .account-switch-link,
body.admin-body.dark .account-badge-switcher-inline .account-switch-link,
html.theme-preload-dark .account-badge-switcher-inline .account-switch-link {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.dark .members-alpha-link,
body.admin-body.dark .members-alpha-link,
html.theme-preload-dark .members-alpha-link {
  color: #e5e5e5;
  background: #242424;
  border-color: transparent;
}

body.dark .members-alpha-link:hover,
body.admin-body.dark .members-alpha-link:hover,
html.theme-preload-dark .members-alpha-link:hover,
body.dark .members-alpha-link.is-active,
body.admin-body.dark .members-alpha-link.is-active,
html.theme-preload-dark .members-alpha-link.is-active {
  color: #ffffff;
  border-color: #ffdd93;
  background: #34302a;
}

body.dark .profile-social-connection.is-friend,
body.admin-body.dark .profile-social-connection.is-friend,
html.theme-preload-dark .profile-social-connection.is-friend {
  border-color: #76c8ff !important;
}

body.dark .auth-captcha-image,
body.admin-body.dark .auth-captcha-image,
html.theme-preload-dark .auth-captcha-image {
  border-color: #4b4b4b;
  background: #2a2a2a;
}

body.dark .book-live-preview,
body.admin-body.dark .book-live-preview,
html.theme-preload-dark .book-live-preview {
  border-color: #454545;
  background: #252525;
  color: #e5e5e5;
}

body.dark .book-reader-content,
body.admin-body.dark .book-reader-content,
html.theme-preload-dark .book-reader-content {
  border-color: #454545;
  background: #252525;
  color: #e7e7e7;
}

body.dark .modern-member-table thead th,
body.admin-body.dark .modern-member-table thead th,
html.theme-preload-dark .modern-member-table thead th {
  background: #2a2a29;
  color: #ececec;
  border-bottom-color: #5a5751;
}

body.dark .modern-member-table tbody tr:hover > *,
body.admin-body.dark .modern-member-table tbody tr:hover > *,
html.theme-preload-dark .modern-member-table tbody tr:hover > * {
  background: #2f2d29 !important;
  color: #f0f0f0;
}

body.dark .member-list-avatar,
body.admin-body.dark .member-list-avatar,
html.theme-preload-dark .member-list-avatar {
  border-color: #575757;
  background: #2a2a2a;
}

body.dark .members-group-card,
body.admin-body.dark .members-group-card,
html.theme-preload-dark .members-group-card {
  border-color: #454545;
  background: linear-gradient(180deg, #262626 0%, #222222 100%);
}

body.dark .members-group-card:hover,
body.admin-body.dark .members-group-card:hover,
html.theme-preload-dark .members-group-card:hover {
  border-color: #ffdd93;
  background: linear-gradient(180deg, #2d2b27 0%, #282828 100%);
}

body.dark .members-alpha-strip,
body.admin-body.dark .members-alpha-strip,
html.theme-preload-dark .members-alpha-strip {
  border-color: #424242;
  background: #222222;
}

body.dark .page-content input[type="file"].form-control::file-selector-button,
body.admin-body.dark .page-content input[type="file"].form-control::file-selector-button,
html.theme-preload-dark .page-content input[type="file"].form-control::file-selector-button {
  border-color: #4b4b4b;
  background: #242424;
  color: #eeeeee;
}

body.dark .page-content input[type="file"].form-control:hover::file-selector-button,
body.admin-body.dark .page-content input[type="file"].form-control:hover::file-selector-button,
html.theme-preload-dark .page-content input[type="file"].form-control:hover::file-selector-button {
  border-color: #ffdd93;
  background: #34302a;
}

body.dark .calendar-grid-wrap,
body.admin-body.dark .calendar-grid-wrap,
html.theme-preload-dark .calendar-grid-wrap { border-color: #3a3a3a; background: #1f1f1f; }
body.dark .calendar-grid-head,
body.admin-body.dark .calendar-grid-head,
html.theme-preload-dark .calendar-grid-head { background: #262626; border-bottom-color: #3a3a3a; }
body.dark .calendar-cell,
body.admin-body.dark .calendar-cell,
html.theme-preload-dark .calendar-cell { background: #222; border-right-color: #353535; border-bottom-color: #353535; }
body.dark .calendar-cell.is-empty,
body.admin-body.dark .calendar-cell.is-empty,
html.theme-preload-dark .calendar-cell.is-empty { background: #1b1b1b; border-right-color: #353535; border-bottom-color: #353535; }
body.dark .calendar-quicknav-link,
body.admin-body.dark .calendar-quicknav-link,
html.theme-preload-dark .calendar-quicknav-link { border-color: #404040; background: #202020; color: #f2f2f2; }
body.dark .calendar-quicknav,
body.admin-body.dark .calendar-quicknav,
html.theme-preload-dark .calendar-quicknav { border-top-color: #403a32; }

body.dark .calendar-divider,
body.admin-body.dark .calendar-divider,
html.theme-preload-dark .calendar-divider { background: #403a32; }

body.dark .calendar-active-button,
body.admin-body.dark .calendar-active-button,
html.theme-preload-dark .calendar-active-button,
body.dark .calendar-create-form,
body.admin-body.dark .calendar-create-form,
html.theme-preload-dark .calendar-create-form,
body.dark .calendar-day-panel,
body.admin-body.dark .calendar-day-panel,
html.theme-preload-dark .calendar-day-panel {
  border-color: #454545;
  border-left-color: #ffdd93;
  border-right-color: #ffdd93;
  background: #232323;
  color: #f2f2f2;
}

body.dark .calendar-active-button:hover,
body.dark .calendar-active-button:focus,
body.admin-body.dark .calendar-active-button:hover,
body.admin-body.dark .calendar-active-button:focus,
html.theme-preload-dark .calendar-active-button:hover,
html.theme-preload-dark .calendar-active-button:focus {
  background: #303030;
  color: #fff;
}

body.dark .calendar-switcher-link,
body.admin-body.dark .calendar-switcher-link,
html.theme-preload-dark .calendar-switcher-link {
  border-color: #404040;
  background: #202020;
  color: #f2f2f2;
}

body.dark .calendar-switcher-link:hover,
body.dark .calendar-switcher-link:focus,
body.admin-body.dark .calendar-switcher-link:hover,
body.admin-body.dark .calendar-switcher-link:focus,
html.theme-preload-dark .calendar-switcher-link:hover,
html.theme-preload-dark .calendar-switcher-link:focus {
  background: #333333;
  border-color: #555;
  color: #fff;
}

body.dark .calendar-switcher-link.is-active,
body.admin-body.dark .calendar-switcher-link.is-active,
html.theme-preload-dark .calendar-switcher-link.is-active {
  border-color: #ffdd93;
  background: #302a1f;
  color: #ffdd93;
}

body.dark .calendar-card-title span,
body.admin-body.dark .calendar-card-title span,
html.theme-preload-dark .calendar-card-title span {
  color: #c9c1b8;
}

body.dark .calendar-cell:hover,
body.admin-body.dark .calendar-cell:hover,
html.theme-preload-dark .calendar-cell:hover {
  background: #333333;
}

body.dark .calendar-cell.is-today,
body.admin-body.dark .calendar-cell.is-today,
html.theme-preload-dark .calendar-cell.is-today {
  border-color: #ffdd93;
  box-shadow: inset 0 0 0 1px #ffdd93;
}

body.dark .calendar-cell.is-today:hover,
body.admin-body.dark .calendar-cell.is-today:hover,
html.theme-preload-dark .calendar-cell.is-today:hover {
  background: #383838;
}

body.dark .calendar-badge,
body.admin-body.dark .calendar-badge,
html.theme-preload-dark .calendar-badge {
  border-color: #555;
  background: #2f2f2f;
  color: #eee;
}

body.dark .calendar-cell.has-custom-event,
body.admin-body.dark .calendar-cell.has-custom-event,
html.theme-preload-dark .calendar-cell.has-custom-event {
  box-shadow: inset 0 0 0 2px rgba(255, 221, 147, .68);
}

body.dark .calendar-cell-event-ring,
body.admin-body.dark .calendar-cell-event-ring,
html.theme-preload-dark .calendar-cell-event-ring {
  border-color: #ffdd93;
  border-left-color: transparent;
  border-right-color: transparent;
}

body.dark .calendar-day-list-row,
body.admin-body.dark .calendar-day-list-row,
html.theme-preload-dark .calendar-day-list-row,
body.dark .calendar-notification-link,
body.admin-body.dark .calendar-notification-link,
html.theme-preload-dark .calendar-notification-link {
  border-top-color: #3a3a3a;
}

body.dark .calendar-day-list-row em,
body.admin-body.dark .calendar-day-list-row em,
html.theme-preload-dark .calendar-day-list-row em,
body.dark .calendar-notification-link em,
body.admin-body.dark .calendar-notification-link em,
html.theme-preload-dark .calendar-notification-link em {
  color: #cfc8bd;
}

body.dark .calendar-notification-link:hover,
body.dark .calendar-notification-link:focus,
body.admin-body.dark .calendar-notification-link:hover,
body.admin-body.dark .calendar-notification-link:focus,
html.theme-preload-dark .calendar-notification-link:hover,
html.theme-preload-dark .calendar-notification-link:focus {
  background: #303030;
  color: #f2f2f2;
}

body.dark .calendar-join-bell,
body.admin-body.dark .calendar-join-bell,
html.theme-preload-dark .calendar-join-bell {
  color: #e6ded1;
}
/* Dark legal and cookie module variables. Global controls use the dark component contracts below. */
html[data-theme="dark"],
body.theme-dark {
  --cmsx0-accent: var(--x0-accent, #ffdd93);
  --cmsx0-accent-soft: color-mix(in srgb, var(--x0-accent, #ffdd93) 18%, var(--x0-surface, #20201f));
  --cmsx0-border-soft: var(--x0-border, #34322f);
  --cmsx0-surface: var(--x0-surface-soft, #242423);
  --cmsx0-surface-raised: var(--x0-surface, #20201f);
  --cmsx0-text: var(--x0-text, #f0ece6);
}

html[data-theme="dark"] .cmsx0-cookie-consent-inner,
body.theme-dark .cmsx0-cookie-consent-inner,
html[data-theme="dark"] .cmsx0-legal-document .legal-card,
body.theme-dark .cmsx0-legal-document .legal-card {
  border-color: var(--cmsx0-border-soft) !important;
  background: var(--cmsx0-surface-raised) !important;
  color: var(--cmsx0-text) !important;
}

html[data-theme="dark"] .cmsx0-cookie-consent-inner,
body.theme-dark .cmsx0-cookie-consent-inner {
  border-top-color: var(--cmsx0-accent-line) !important;
  border-bottom-color: var(--cmsx0-accent-line) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .44) !important;
}

html[data-theme="dark"] .cmsx0-cookie-consent-copy p,
body.theme-dark .cmsx0-cookie-consent-copy p {
  color: var(--cmsx0-muted) !important;
}

body.dark .members-alpha-strip-wide,
body.admin-body.dark .members-alpha-strip-wide,
html.theme-preload-dark .members-alpha-strip-wide {
  background: transparent !important;
  border: 0 !important;
}

body.dark .members-alpha-strip-wide .members-alpha-link,
body.admin-body.dark .members-alpha-strip-wide .members-alpha-link,
html.theme-preload-dark .members-alpha-strip-wide .members-alpha-link {
  background: transparent !important;
  border-color: transparent !important;
}

body.dark .members-alpha-strip-wide .members-alpha-link:hover,
body.admin-body.dark .members-alpha-strip-wide .members-alpha-link:hover,
html.theme-preload-dark .members-alpha-strip-wide .members-alpha-link:hover,
body.dark .members-alpha-strip-wide .members-alpha-link.is-active,
body.admin-body.dark .members-alpha-strip-wide .members-alpha-link.is-active,
html.theme-preload-dark .members-alpha-strip-wide .members-alpha-link.is-active {
  background: #2d2d2b !important;
  border-color: #ffdd93 !important;
}

body.dark .cmsx0-soft-rule,
body.admin-body.dark .cmsx0-soft-rule,
html.theme-preload-dark .cmsx0-soft-rule {
  background: linear-gradient(90deg, transparent 0%, #4a4641 14%, #4a4641 86%, transparent 100%);
}

body.dark .member-list-avatar-large,
body.admin-body.dark .member-list-avatar-large,
html.theme-preload-dark .member-list-avatar-large {
  border-color: #4a4641;
  background: #201f1d;
  box-shadow: 0 0 0 1px var(--avatar-ring-color, #ffdd93), 0 0 0 3px #34312d;
}

body.dark .member-list-divider,
body.dark .admin-member-row-divider,
body.admin-body.dark .member-list-divider,
body.admin-body.dark .admin-member-row-divider,
html.theme-preload-dark .member-list-divider,
html.theme-preload-dark .admin-member-row-divider {
  background: #4a4641;
}

body.dark .member-list-row:hover .member-list-divider,
body.dark .admin-member-row:hover .admin-member-row-divider,
body.admin-body.dark .member-list-row:hover .member-list-divider,
body.admin-body.dark .admin-member-row:hover .admin-member-row-divider,
html.theme-preload-dark .member-list-row:hover .member-list-divider,
html.theme-preload-dark .admin-member-row:hover .admin-member-row-divider {
  background: #ffdd93;
}

body.dark .admin-member-counter-box,
body.admin-body.dark .admin-member-counter-box,
html.theme-preload-dark .admin-member-counter-box {
  border-color: #4a4641;
  background: #22211f;
  color: #f0ece6;
}

body.dark .admin-member-action-menu,
body.admin-body.dark .admin-member-action-menu,
html.theme-preload-dark .admin-member-action-menu {
  border-color: #4a4641;
  background: #22211f;
  color: #f0ece6;
}

body.dark .member-list-last-seen strong,
body.admin-body.dark .member-list-last-seen strong,
html.theme-preload-dark .member-list-last-seen strong {
  color: #f0ece6;
}

body.dark .bot-settings-accordion .accordion-item,
body.admin-body.dark .bot-settings-accordion .accordion-item,
html.theme-preload-dark .bot-settings-accordion .accordion-item {
  border-color: #4a4641;
  background: #201f1d;
}

body.dark .bot-settings-accordion .accordion-button,
body.admin-body.dark .bot-settings-accordion .accordion-button,
html.theme-preload-dark .bot-settings-accordion .accordion-button {
  background: #24231f;
  color: #f0ece6;
  box-shadow: none;
}

body.dark .bot-settings-accordion .accordion-button:not(.collapsed),
body.dark .bot-settings-accordion .accordion-button:hover,
body.admin-body.dark .bot-settings-accordion .accordion-button:not(.collapsed),
body.admin-body.dark .bot-settings-accordion .accordion-button:hover,
html.theme-preload-dark .bot-settings-accordion .accordion-button:not(.collapsed),
html.theme-preload-dark .bot-settings-accordion .accordion-button:hover {
  background: #2d2d2b;
  color: #f0ece6;
}

body.dark .bot-settings-accordion .accordion-body,
body.admin-body.dark .bot-settings-accordion .accordion-body,
html.theme-preload-dark .bot-settings-accordion .accordion-body {
  background: #201f1d;
  color: #f0ece6;
}

body.dark .bot-settings-avatar,
body.admin-body.dark .bot-settings-avatar,
html.theme-preload-dark .bot-settings-avatar {
  border-color: #4a4641;
  background: #201f1d;
}

body.dark .admin-sidebar-dropdown-toggle.is-active,
body.dark .frontend-sidebar-category.is-active,
body.dark .admin-sidebar-dropdown-menu .admin-sidebar-subbutton:hover,
body.dark .admin-sidebar-dropdown-menu .admin-sidebar-subbutton:focus,
body.dark .admin-sidebar-dropdown-menu .admin-sidebar-subbutton.is-active,
body.admin-body.dark .admin-sidebar-dropdown-toggle.is-active,
body.admin-body.dark .frontend-sidebar-category.is-active,
body.admin-body.dark .admin-sidebar-dropdown-menu .admin-sidebar-subbutton:hover,
body.admin-body.dark .admin-sidebar-dropdown-menu .admin-sidebar-subbutton:focus,
body.admin-body.dark .admin-sidebar-dropdown-menu .admin-sidebar-subbutton.is-active,
html.theme-preload-dark .admin-sidebar-dropdown-toggle.is-active,
html.theme-preload-dark .frontend-sidebar-category.is-active,
html.theme-preload-dark .admin-sidebar-dropdown-menu .admin-sidebar-subbutton:hover,
html.theme-preload-dark .admin-sidebar-dropdown-menu .admin-sidebar-subbutton:focus,
html.theme-preload-dark .admin-sidebar-dropdown-menu .admin-sidebar-subbutton.is-active {
  background: #242321;
  color: #f0ece6;
  border-color: #ffdd93;
}

/* Keep dark mode on the same compact CMSx0 control scale as light mode. */
body.dark .form-control,
body.dark .form-select,
body.dark textarea.form-control,
body.admin-body.dark .form-control,
body.admin-body.dark .form-select,
body.admin-body.dark textarea.form-control,
html.theme-preload-dark .form-control,
html.theme-preload-dark .form-select,
html.theme-preload-dark textarea.form-control {
  max-width: 640px !important;
  min-height: 34px !important;
  height: auto !important;
  padding: 7px 10px !important;
  border: 1px solid #575757 !important;
  border-radius: 2px !important;
  background-color: #1d1c1a !important;
  color: #f0ede8 !important;
  box-shadow: none !important;
  line-height: 1.35 !important;
}

body.dark textarea.form-control,
body.admin-body.dark textarea.form-control,
html.theme-preload-dark textarea.form-control {
  min-height: 88px !important;
  resize: vertical !important;
}

body.dark .form-control:focus,
body.dark .form-select:focus,
body.admin-body.dark .form-control:focus,
body.admin-body.dark .form-select:focus,
html.theme-preload-dark .form-control:focus,
html.theme-preload-dark .form-select:focus {
  border-color: #ffdd93 !important;
  background-color: #201f1d !important;
  color: #f0ede8 !important;
  box-shadow: none !important;
}

body.dark .form-floating > .form-control,
body.dark .form-floating > .form-select,
body.admin-body.dark .form-floating > .form-control,
body.admin-body.dark .form-floating > .form-select,
html.theme-preload-dark .form-floating > .form-control,
html.theme-preload-dark .form-floating > .form-select {
  min-height: 46px !important;
  height: 46px !important;
  padding: 17px 10px 5px !important;
  border-radius: 2px !important;
}

body.dark .form-floating > textarea.form-control,
body.admin-body.dark .form-floating > textarea.form-control,
html.theme-preload-dark .form-floating > textarea.form-control {
  min-height: 92px !important;
  height: 92px;
  padding-top: 19px !important;
}

body.dark .form-floating > label,
body.admin-body.dark .form-floating > label,
html.theme-preload-dark .form-floating > label {
  top: 0 !important;
  left: 10px !important;
  height: auto !important;
  padding: 0 4px !important;
  background-color: #1d1c1a !important;
  color: #bdb7ad !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
  transform: translateY(6px) !important;
}

body.dark .form-floating > .form-control:focus ~ label,
body.dark .form-floating > .form-control:not(:placeholder-shown) ~ label,
body.dark .form-floating > .form-select ~ label,
body.admin-body.dark .form-floating > .form-control:focus ~ label,
body.admin-body.dark .form-floating > .form-control:not(:placeholder-shown) ~ label,
body.admin-body.dark .form-floating > .form-select ~ label,
html.theme-preload-dark .form-floating > .form-control:focus ~ label,
html.theme-preload-dark .form-floating > .form-control:not(:placeholder-shown) ~ label,
html.theme-preload-dark .form-floating > .form-select ~ label {
  color: #f0ede8 !important;
  transform: translateY(-7px) !important;
}

body.dark .accordion-button,
body.admin-body.dark .accordion-button,
html.theme-preload-dark .accordion-button {
  min-height: 38px !important;
  padding: 9px 12px !important;
  border-radius: 2px !important;
  background-color: #201f1d !important;
  border-color: #575757 !important;
  color: #f0ede8 !important;
}

body.dark .accordion-button:hover,
body.dark .accordion-button:focus,
body.dark .accordion-button:not(.collapsed),
body.admin-body.dark .accordion-button:hover,
body.admin-body.dark .accordion-button:focus,
body.admin-body.dark .accordion-button:not(.collapsed),
html.theme-preload-dark .accordion-button:hover,
html.theme-preload-dark .accordion-button:focus,
html.theme-preload-dark .accordion-button:not(.collapsed) {
  border-color: #ffdd93 !important;
  background-color: #242321 !important;
  color: #f0ede8 !important;
}

body.dark .accordion-body,
body.admin-body.dark .accordion-body,
html.theme-preload-dark .accordion-body {
  padding: 12px !important;
  border-radius: 2px !important;
  background-color: #201f1d !important;
  color: #f0ede8 !important;
}

/* Final dark theme stabilizer matching the light compact scale. */
body.dark .btn,
body.dark button.btn,
body.dark a.btn,
body.admin-body.dark .btn,
body.admin-body.dark button.btn,
body.admin-body.dark a.btn,
html.theme-preload-dark .btn {
  min-height: 30px !important;
  padding: 5px 11px !important;
  border: 1px solid #575757 !important;
  border-radius: 2px !important;
  background: #201f1d !important;
  color: #f0ede8 !important;
  box-shadow: none !important;
  transform: none !important;
}

body.dark .btn:hover,
body.dark .btn:focus,
body.admin-body.dark .btn:hover,
body.admin-body.dark .btn:focus,
html.theme-preload-dark .btn:hover,
html.theme-preload-dark .btn:focus {
  border-color: #ffdd93 !important;
  background: #2a2927 !important;
  color: #f0ede8 !important;
  box-shadow: none !important;
  transform: none !important;
}

body.dark .header-social-links,
body.dark .footer-social-links,
body.admin-body.dark .header-social-links,
body.admin-body.dark .footer-social-links,
html.theme-preload-dark .header-social-links,
html.theme-preload-dark .footer-social-links {
  justify-content: center !important;
}

body.dark .header-social-button,
body.dark .footer-social-button,
body.admin-body.dark .header-social-button,
body.admin-body.dark .footer-social-button,
html.theme-preload-dark .header-social-button,
html.theme-preload-dark .footer-social-button {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  border-color: #575757 !important;
  background: #201f1d !important;
  color: #f0ede8 !important;
  box-shadow: none !important;
  transform: none !important;
}

body.dark .header-social-button:hover,
body.dark .header-social-button:focus-visible,
body.dark .footer-social-button:hover,
body.dark .footer-social-button:focus-visible,
body.admin-body.dark .header-social-button:hover,
body.admin-body.dark .header-social-button:focus-visible,
body.admin-body.dark .footer-social-button:hover,
body.admin-body.dark .footer-social-button:focus-visible,
html.theme-preload-dark .header-social-button:hover,
html.theme-preload-dark .footer-social-button:hover {
  border-color: var(--social-accent, #ffdd93) !important;
  background: #242321 !important;
  color: #f0ede8 !important;
  transform: none !important;
}

body.dark .account-dropdown-trigger,
body.admin-body.dark .account-dropdown-trigger,
html.theme-preload-dark .account-dropdown-trigger {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  overflow: visible !important;
}

body.dark .account-dropdown-avatar,
body.admin-body.dark .account-dropdown-avatar,
html.theme-preload-dark .account-dropdown-avatar {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
}

body.dark .sidebar-menu-button,
body.admin-body.dark .sidebar-menu-button,
html.theme-preload-dark .sidebar-menu-button {
  border: 1px solid #575757 !important;
  background: #201f1d !important;
  color: #f0ede8 !important;
  box-shadow: none !important;
  transform: none !important;
}

body.dark .sidebar-menu-button:hover,
body.dark .sidebar-menu-button:focus,
body.dark .sidebar-menu-button.is-active,
body.dark .admin-sidebar-dropdown-toggle.is-active,
body.dark .frontend-sidebar-category.is-active,
body.dark .admin-sidebar-dropdown-menu .admin-sidebar-subbutton:hover,
body.dark .admin-sidebar-dropdown-menu .admin-sidebar-subbutton:focus,
body.dark .admin-sidebar-dropdown-menu .admin-sidebar-subbutton.is-active,
body.admin-body.dark .sidebar-menu-button:hover,
body.admin-body.dark .sidebar-menu-button:focus,
body.admin-body.dark .sidebar-menu-button.is-active,
body.admin-body.dark .admin-sidebar-dropdown-toggle.is-active,
body.admin-body.dark .frontend-sidebar-category.is-active,
body.admin-body.dark .admin-sidebar-dropdown-menu .admin-sidebar-subbutton:hover,
body.admin-body.dark .admin-sidebar-dropdown-menu .admin-sidebar-subbutton:focus,
body.admin-body.dark .admin-sidebar-dropdown-menu .admin-sidebar-subbutton.is-active,
html.theme-preload-dark .sidebar-menu-button:hover,
html.theme-preload-dark .sidebar-menu-button.is-active,
html.theme-preload-dark .admin-sidebar-dropdown-toggle.is-active,
html.theme-preload-dark .admin-sidebar-dropdown-menu .admin-sidebar-subbutton:hover,
html.theme-preload-dark .admin-sidebar-dropdown-menu .admin-sidebar-subbutton.is-active {
  border-color: #ffdd93 !important;
  background: #242321 !important;
  color: #f0ede8 !important;
}

/* CMSx0 screenshot restore pass: dark surfaces for the final compact controls. */
body.dark,
body.admin-body.dark,
html.theme-preload-dark body {
  background: #181817 !important;
}

body.dark .page-content,
body.dark .content-box,
body.dark .settings-panel,
body.dark .updates-static-card,
body.dark .admin-member-row,
body.dark .member-list-row,
body.admin-body.dark .page-content,
body.admin-body.dark .content-box,
body.admin-body.dark .settings-panel,
body.admin-body.dark .updates-static-card,
body.admin-body.dark .admin-member-row,
body.admin-body.dark .member-list-row,
html.theme-preload-dark .page-content,
html.theme-preload-dark .content-box,
html.theme-preload-dark .settings-panel,
html.theme-preload-dark .updates-static-card,
html.theme-preload-dark .admin-member-row,
html.theme-preload-dark .member-list-row {
  background: #20201f !important;
  border-color: #484848 !important;
  color: #efefec !important;
}

body.dark .form-control,
body.dark .form-select,
body.dark .form-floating > .form-control,
body.dark .form-floating > .form-select,
body.admin-body.dark .form-control,
body.admin-body.dark .form-select,
body.admin-body.dark .form-floating > .form-control,
body.admin-body.dark .form-floating > .form-select,
html.theme-preload-dark .form-control,
html.theme-preload-dark .form-select,
html.theme-preload-dark .form-floating > .form-control,
html.theme-preload-dark .form-floating > .form-select {
  background-color: #232322 !important;
  border-color: #555 !important;
  color: #f0ede8 !important;
  box-shadow: none !important;
}

body.dark .form-control::placeholder,
body.admin-body.dark .form-control::placeholder,
html.theme-preload-dark .form-control::placeholder {
  color: #9a9a94 !important;
}

body.dark .form-control:focus,
body.dark .form-select:focus,
body.dark .form-floating > .form-control:focus,
body.dark .form-floating > .form-select:focus,
body.admin-body.dark .form-control:focus,
body.admin-body.dark .form-select:focus,
body.admin-body.dark .form-floating > .form-control:focus,
body.admin-body.dark .form-floating > .form-select:focus,
html.theme-preload-dark .form-control:focus,
html.theme-preload-dark .form-select:focus,
html.theme-preload-dark .form-floating > .form-control:focus,
html.theme-preload-dark .form-floating > .form-select:focus {
  border-color: #ffdd93 !important;
  color: #fff !important;
}

body.dark .form-floating > label,
body.admin-body.dark .form-floating > label,
html.theme-preload-dark .form-floating > label {
  color: #c9c5bd !important;
  background: linear-gradient(#232322 48%, transparent 48%) !important;
}

body.dark .form-floating > .form-control:focus ~ label,
body.dark .form-floating > .form-control:not(:placeholder-shown) ~ label,
body.dark .form-floating > .form-select ~ label,
body.admin-body.dark .form-floating > .form-control:focus ~ label,
body.admin-body.dark .form-floating > .form-control:not(:placeholder-shown) ~ label,
body.admin-body.dark .form-floating > .form-select ~ label,
html.theme-preload-dark .form-floating > .form-control:focus ~ label,
html.theme-preload-dark .form-floating > .form-control:not(:placeholder-shown) ~ label,
html.theme-preload-dark .form-floating > .form-select ~ label {
  color: #ffdd93 !important;
}

body.dark .member-suk-slug,
body.dark .cmsx0-slug,
body.admin-body.dark .member-suk-slug,
body.admin-body.dark .cmsx0-slug,
html.theme-preload-dark .member-suk-slug,
html.theme-preload-dark .cmsx0-slug {
  color: #ffdd93 !important;
  border-bottom-color: #ffdd93 !important;
}

body.dark .member-suk-slug:hover,
body.dark .member-suk-slug:focus,
body.admin-body.dark .member-suk-slug:hover,
body.admin-body.dark .member-suk-slug:focus,
html.theme-preload-dark .member-suk-slug:hover,
html.theme-preload-dark .member-suk-slug:focus {
  color: #d8d8d5 !important;
  border-bottom-color: #d8d8d5 !important;
}

body.dark .popover,
body.dark .tooltip,
body.dark .cms-popover,
body.dark .wio-popover,
body.admin-body.dark .popover,
body.admin-body.dark .tooltip,
body.admin-body.dark .cms-popover,
body.admin-body.dark .wio-popover,
html.theme-preload-dark .popover,
html.theme-preload-dark .tooltip,
html.theme-preload-dark .cms-popover,
html.theme-preload-dark .wio-popover {
  z-index: 12050 !important;
}

/* CMSx0 Dark Theme Contract: keep Bootx0 in the CMSx0 skin. */
body.dark,
body.admin-body.dark,
html.theme-preload-dark body {
  --x0-bg: #181817;
  --x0-surface: #20201f;
  --x0-surface-soft: #252523;
  --x0-surface-hover: #2d2d2b;
  --x0-surface-active: #373532;
  --x0-border: #484848;
  --x0-border-strong: #5a5a58;
  --x0-text: #f0ede8;
  --x0-muted: #bcb7ad;
  --x0-accent: #ffdd93;
  --x0-accent-text: #ffdd93;
  --x0-danger: #ee908c;
  background: var(--x0-bg) !important;
  color: var(--x0-text) !important;
}

body.dark .main-container:hover .title-bar,
body.admin-body.dark .main-container:hover .title-bar,
html.theme-preload-dark .main-container:hover .title-bar {
  border-top-color: var(--x0-accent) !important;
  border-left-color: var(--x0-accent) !important;
  border-right-color: var(--x0-accent) !important;
}

body.dark .main-container:hover .page-content,
body.dark .page-content:hover,
body.admin-body.dark .main-container:hover .page-content,
body.admin-body.dark .page-content:hover,
html.theme-preload-dark .main-container:hover .page-content,
html.theme-preload-dark .page-content:hover {
  border-left-color: var(--x0-accent) !important;
  border-right-color: var(--x0-accent) !important;
  border-bottom-color: var(--x0-accent) !important;
  border-top-color: var(--x0-border) !important;
}

body.dark .page-content,
body.admin-body.dark .page-content,
html.theme-preload-dark .page-content,
body.dark .content-box,
body.dark .settings-panel,
body.dark .updates-static-card,
body.dark .admin-card,
body.admin-body.dark .content-box,
body.admin-body.dark .settings-panel,
body.admin-body.dark .updates-static-card,
body.admin-body.dark .admin-card,
html.theme-preload-dark .content-box,
html.theme-preload-dark .settings-panel,
html.theme-preload-dark .updates-static-card,
html.theme-preload-dark .admin-card {
  border-color: var(--x0-border) !important;
  background: var(--x0-surface) !important;
  color: var(--x0-text) !important;
  box-shadow: none !important;
}

body.dark .btn,
body.dark button.btn,
body.dark a.btn,
body.admin-body.dark .btn,
body.admin-body.dark button.btn,
body.admin-body.dark a.btn,
html.theme-preload-dark .btn,
body.dark .btn-primary,
body.dark .btn-secondary,
body.dark .btn-success,
body.dark .btn-warning,
body.dark .btn-danger,
body.dark .btn-info,
body.dark .btn-dark,
body.dark .btn-light,
body.dark .btn-outline-primary,
body.dark .btn-outline-secondary,
body.dark .btn-outline-success,
body.dark .btn-outline-warning,
body.dark .btn-outline-danger,
body.dark .btn-outline-info,
body.dark .btn-outline-dark,
body.dark .btn-outline-light {
  --bootx0-btn-bg: var(--x0-surface) !important;
  --bootx0-btn-border-color: var(--x0-border) !important;
  --bootx0-btn-color: var(--x0-text) !important;
  --bootx0-btn-hover-bg: var(--x0-surface-hover) !important;
  --bootx0-btn-hover-border-color: var(--x0-accent) !important;
  --bootx0-btn-hover-color: var(--x0-text) !important;
  background: var(--x0-surface) !important;
  border-color: var(--x0-border) !important;
  color: var(--x0-text) !important;
  box-shadow: none !important;
}

body.dark .btn:hover,
body.dark .btn:focus,
body.dark .btn:active,
body.dark .btn.show,
body.admin-body.dark .btn:hover,
body.admin-body.dark .btn:focus,
body.admin-body.dark .btn:active,
body.admin-body.dark .btn.show,
html.theme-preload-dark .btn:hover,
html.theme-preload-dark .btn:focus,
html.theme-preload-dark .btn:active,
html.theme-preload-dark .btn.show {
  background: var(--x0-surface-hover) !important;
  border-color: var(--x0-accent) !important;
  color: var(--x0-text) !important;
  box-shadow: none !important;
  transform: none !important;
}

body.dark .form-control,
body.dark .form-select,
body.dark .input-group-text,
body.admin-body.dark .form-control,
body.admin-body.dark .form-select,
body.admin-body.dark .input-group-text,
html.theme-preload-dark .form-control,
html.theme-preload-dark .form-select,
html.theme-preload-dark .input-group-text {
  background-color: var(--x0-surface) !important;
  border-color: var(--x0-border-strong) !important;
  color: var(--x0-text) !important;
  box-shadow: none !important;
}

body.dark .form-control:hover,
body.dark .form-select:hover,
body.admin-body.dark .form-control:hover,
body.admin-body.dark .form-select:hover,
html.theme-preload-dark .form-control:hover,
html.theme-preload-dark .form-select:hover,
body.dark .form-control:focus,
body.dark .form-select:focus,
body.admin-body.dark .form-control:focus,
body.admin-body.dark .form-select:focus,
html.theme-preload-dark .form-control:focus,
html.theme-preload-dark .form-select:focus {
  border-color: var(--x0-accent) !important;
  background-color: var(--x0-surface) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

body.dark .form-control::placeholder,
body.admin-body.dark .form-control::placeholder,
html.theme-preload-dark .form-control::placeholder {
  color: #948f86 !important;
  opacity: 1 !important;
}

body.dark .form-floating > .form-control:focus ~ label,
body.dark .form-floating > .form-control:not(:placeholder-shown) ~ label,
body.dark .form-floating > .form-select ~ label,
body.dark .form-floating.is-focused > label,
body.dark .form-floating.has-value > label,
body.admin-body.dark .form-floating > .form-control:focus ~ label,
body.admin-body.dark .form-floating > .form-control:not(:placeholder-shown) ~ label,
body.admin-body.dark .form-floating > .form-select ~ label,
body.admin-body.dark .form-floating.is-focused > label,
body.admin-body.dark .form-floating.has-value > label,
html.theme-preload-dark .form-floating > .form-control:focus ~ label,
html.theme-preload-dark .form-floating > .form-control:not(:placeholder-shown) ~ label,
html.theme-preload-dark .form-floating > .form-select ~ label {
  color: var(--x0-accent) !important;
}

body.dark .form-check-input,
body.admin-body.dark .form-check-input,
html.theme-preload-dark .form-check-input {
  background-color: var(--x0-surface) !important;
  border-color: var(--x0-border-strong) !important;
}

body.dark .form-check-input:checked,
body.admin-body.dark .form-check-input:checked,
html.theme-preload-dark .form-check-input:checked {
  background-color: var(--x0-surface-active) !important;
  border-color: var(--x0-accent) !important;
}

body.dark .form-check-input[type="checkbox"]:checked,
body.admin-body.dark .form-check-input[type="checkbox"]:checked,
html.theme-preload-dark .form-check-input[type="checkbox"]:checked {
  background-image: linear-gradient(45deg, transparent 58%, var(--x0-accent) 58%, var(--x0-accent) 68%, transparent 68%), linear-gradient(-45deg, transparent 44%, var(--x0-accent) 44%, var(--x0-accent) 54%, transparent 54%) !important;
}

body.dark .nav-tabs,
body.dark .nav-pills,
body.admin-body.dark .nav-tabs,
body.admin-body.dark .nav-pills,
html.theme-preload-dark .nav-tabs,
html.theme-preload-dark .nav-pills {
  border-bottom-color: var(--x0-border) !important;
}

body.dark .nav-tabs .nav-link,
body.dark .nav-pills .nav-link,
body.admin-body.dark .nav-tabs .nav-link,
body.admin-body.dark .nav-pills .nav-link,
html.theme-preload-dark .nav-tabs .nav-link,
html.theme-preload-dark .nav-pills .nav-link {
  background: var(--x0-surface) !important;
  border-color: var(--x0-border) !important;
  color: var(--x0-text) !important;
}

body.dark .nav-tabs .nav-link:hover,
body.dark .nav-tabs .nav-link.active,
body.dark .nav-pills .nav-link:hover,
body.dark .nav-pills .nav-link.active,
body.admin-body.dark .nav-tabs .nav-link:hover,
body.admin-body.dark .nav-tabs .nav-link.active,
body.admin-body.dark .nav-pills .nav-link:hover,
body.admin-body.dark .nav-pills .nav-link.active,
html.theme-preload-dark .nav-tabs .nav-link:hover,
html.theme-preload-dark .nav-tabs .nav-link.active,
html.theme-preload-dark .nav-pills .nav-link:hover,
html.theme-preload-dark .nav-pills .nav-link.active {
  background: var(--x0-surface-hover) !important;
  border-color: var(--x0-accent) !important;
  color: var(--x0-text) !important;
}

body.dark .accordion,
body.dark .accordion-item,
body.dark .accordion-button,
body.dark .accordion-body,
body.admin-body.dark .accordion,
body.admin-body.dark .accordion-item,
body.admin-body.dark .accordion-button,
body.admin-body.dark .accordion-body,
html.theme-preload-dark .accordion,
html.theme-preload-dark .accordion-item,
html.theme-preload-dark .accordion-button,
html.theme-preload-dark .accordion-body {
  background: var(--x0-surface) !important;
  border-color: var(--x0-border) !important;
  color: var(--x0-text) !important;
  box-shadow: none !important;
}

body.dark .accordion-button:hover,
body.dark .accordion-button:focus,
body.dark .accordion-button:not(.collapsed),
body.admin-body.dark .accordion-button:hover,
body.admin-body.dark .accordion-button:focus,
body.admin-body.dark .accordion-button:not(.collapsed),
html.theme-preload-dark .accordion-button:hover,
html.theme-preload-dark .accordion-button:focus,
html.theme-preload-dark .accordion-button:not(.collapsed) {
  background: var(--x0-surface-hover) !important;
  border-bottom-color: var(--x0-accent) !important;
  color: var(--x0-text) !important;
}

body.dark .dropdown-menu,
body.dark .modal-content,
body.dark .toast,
body.dark .popover,
body.admin-body.dark .dropdown-menu,
body.admin-body.dark .modal-content,
body.admin-body.dark .toast,
body.admin-body.dark .popover,
html.theme-preload-dark .dropdown-menu,
html.theme-preload-dark .modal-content,
html.theme-preload-dark .toast,
html.theme-preload-dark .popover {
  background: var(--x0-surface) !important;
  border-color: var(--x0-border-strong) !important;
  color: var(--x0-text) !important;
}

body.dark .dropdown-item,
body.admin-body.dark .dropdown-item,
html.theme-preload-dark .dropdown-item {
  color: var(--x0-text) !important;
}

body.dark .dropdown-item:hover,
body.dark .dropdown-item:focus,
body.admin-body.dark .dropdown-item:hover,
body.admin-body.dark .dropdown-item:focus,
html.theme-preload-dark .dropdown-item:hover,
html.theme-preload-dark .dropdown-item:focus {
  background: var(--x0-surface-hover) !important;
  color: var(--x0-text) !important;
}

body.dark .modal-header,
body.dark .modal-footer,
body.dark .toast-header,
body.admin-body.dark .modal-header,
body.admin-body.dark .modal-footer,
body.admin-body.dark .toast-header,
html.theme-preload-dark .modal-header,
html.theme-preload-dark .modal-footer,
html.theme-preload-dark .toast-header {
  border-color: var(--x0-border) !important;
  background: var(--x0-surface-soft) !important;
  color: var(--x0-text) !important;
}

body.dark .progress,
body.admin-body.dark .progress,
html.theme-preload-dark .progress {
  background: var(--x0-surface-soft) !important;
  border-color: var(--x0-border-strong) !important;
}

body.dark .progress-bar,
body.admin-body.dark .progress-bar,
html.theme-preload-dark .progress-bar {
  background-color: var(--x0-accent) !important;
  color: #1b1b1b !important;
}

body.dark .badge:not(.user-badge):not(.member-role-badge):not(.account-dropdown-user-badge):not(.x0-resource-badge),
body.dark .page-content .badge:not(.user-badge):not(.member-role-badge):not(.account-dropdown-user-badge):not(.x0-resource-badge),
body.admin-body.dark .badge:not(.user-badge):not(.member-role-badge):not(.account-dropdown-user-badge):not(.x0-resource-badge),
body.admin-body.dark .page-content .badge:not(.user-badge):not(.member-role-badge):not(.account-dropdown-user-badge):not(.x0-resource-badge),
html.theme-preload-dark .badge:not(.user-badge):not(.member-role-badge):not(.account-dropdown-user-badge):not(.x0-resource-badge) {
  background: var(--x0-surface-soft) !important;
  border-color: var(--x0-border-strong) !important;
  color: var(--x0-text) !important;
}

body.dark .table,
body.dark .page-content .table,
body.admin-body.dark .table,
body.admin-body.dark .page-content .table,
html.theme-preload-dark .table {
  --bootx0-table-bg: var(--x0-surface-soft) !important;
  --bootx0-table-color: var(--x0-text) !important;
  --bootx0-table-border-color: var(--x0-border) !important;
  --bootx0-table-striped-bg: #2a2a28 !important;
  --bootx0-table-hover-bg: var(--x0-surface-hover) !important;
  border-color: var(--x0-border) !important;
}

body.dark .theme-nav-dropdown-menu,
body.admin-body.dark .theme-nav-dropdown-menu,
html.theme-preload-dark .theme-nav-dropdown-menu {
  background: var(--x0-surface) !important;
  border-color: var(--x0-border) !important;
  color: var(--x0-text) !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .42) !important;
}

body.dark .theme-nav-dropdown-item,
body.admin-body.dark .theme-nav-dropdown-item,
html.theme-preload-dark .theme-nav-dropdown-item {
  background: var(--x0-surface) !important;
  border-bottom-color: var(--x0-border) !important;
  color: var(--x0-text) !important;
}

body.dark .theme-nav-dropdown-item:hover,
body.dark .theme-nav-dropdown-item:focus,
body.dark .theme-nav-dropdown-item.is-active,
body.admin-body.dark .theme-nav-dropdown-item:hover,
body.admin-body.dark .theme-nav-dropdown-item:focus,
body.admin-body.dark .theme-nav-dropdown-item.is-active,
html.theme-preload-dark .theme-nav-dropdown-item:hover,
html.theme-preload-dark .theme-nav-dropdown-item:focus,
html.theme-preload-dark .theme-nav-dropdown-item.is-active {
  background: var(--x0-surface-hover) !important;
  border-color: var(--x0-accent) !important;
  color: var(--x0-text) !important;
}

body.dark .theme-nav-dropdown.is-open .theme-nav-dropdown-toggle,
body.dark .theme-nav-dropdown.is-active .theme-nav-category-main,
body.dark .theme-nav-dropdown.is-active .theme-nav-dropdown-toggle,
body.dark .header-nav-btn.is-active,
body.dark .footer-buttons-right.is-active,
body.admin-body.dark .theme-nav-dropdown.is-open .theme-nav-dropdown-toggle,
body.admin-body.dark .theme-nav-dropdown.is-active .theme-nav-category-main,
body.admin-body.dark .theme-nav-dropdown.is-active .theme-nav-dropdown-toggle,
body.admin-body.dark .header-nav-btn.is-active,
body.admin-body.dark .footer-buttons-right.is-active,
html.theme-preload-dark .theme-nav-dropdown.is-open .theme-nav-dropdown-toggle,
html.theme-preload-dark .theme-nav-dropdown.is-active .theme-nav-category-main,
html.theme-preload-dark .theme-nav-dropdown.is-active .theme-nav-dropdown-toggle,
html.theme-preload-dark .header-nav-btn.is-active,
html.theme-preload-dark .footer-buttons-right.is-active {
  background: var(--x0-surface-hover) !important;
  border-color: var(--x0-accent) !important;
  color: var(--x0-text) !important;
}

/* CMSx0 final dark contract: mirror the compact light theme without bright leaks. */
body.dark,
body.admin-body.dark,
html.theme-preload-dark body {
  --x0-bg: #1f1f1e;
  --x0-surface: #272727;
  --x0-surface-soft: #2d2d2c;
  --x0-surface-hover: #343433;
  --x0-surface-active: #3b3935;
  --x0-border: #4a4a47;
  --x0-border-strong: #5a5751;
  --x0-text: #ece7df;
  --x0-muted: #b8b0a6;
  --x0-accent: #ffdd93;
  background: var(--x0-bg) !important;
  color: var(--x0-text) !important;
}

body.dark .header-nav,
body.dark .footer-nav,
body.dark .title-bar,
body.dark .page-content,
body.dark .content-box,
body.dark .account-dropdown-panel,
body.dark .account-dropdown-menu,
body.dark .dropdown-menu,
body.dark .modal-content,
body.dark .toast,
body.dark .accordion,
body.dark .accordion-item,
body.dark .accordion-button,
body.dark .accordion-body,
body.admin-body.dark .header-nav,
body.admin-body.dark .footer-nav,
body.admin-body.dark .title-bar,
body.admin-body.dark .page-content,
body.admin-body.dark .content-box,
body.admin-body.dark .account-dropdown-panel,
body.admin-body.dark .account-dropdown-menu,
body.admin-body.dark .dropdown-menu,
body.admin-body.dark .modal-content,
body.admin-body.dark .toast,
body.admin-body.dark .accordion,
body.admin-body.dark .accordion-item,
body.admin-body.dark .accordion-button,
body.admin-body.dark .accordion-body {
  background: var(--x0-surface) !important;
  color: var(--x0-text) !important;
  border-color: var(--x0-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.dark .header-nav-btn,
body.dark .footer-buttons-right,
body.dark .footer-buttons-left,
body.admin-body.dark .header-nav-btn,
body.admin-body.dark .footer-buttons-right,
body.admin-body.dark .footer-buttons-left {
  background: transparent !important;
  color: var(--x0-text) !important;
  border-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

body.dark .form-control,
body.dark .form-select,
body.dark .input-group-text,
body.dark .form-floating > .form-control,
body.dark .form-floating > .form-select,
body.admin-body.dark .form-control,
body.admin-body.dark .form-select,
body.admin-body.dark .input-group-text,
body.admin-body.dark .form-floating > .form-control,
body.admin-body.dark .form-floating > .form-select {
  background-color: var(--x0-surface) !important;
  color: var(--x0-text) !important;
  border-color: var(--x0-border-strong) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.dark .form-control::placeholder,
body.admin-body.dark .form-control::placeholder {
  color: #9d958b !important;
}

body.dark .form-floating > label,
body.admin-body.dark .form-floating > label,
html.theme-preload-dark .form-floating > label {
  background: var(--x0-surface) !important;
  color: var(--x0-muted) !important;
}

body.dark .form-floating > .form-control:focus ~ label,
body.dark .form-floating > .form-control:not(:placeholder-shown) ~ label,
body.dark .form-floating > .form-select ~ label,
body.admin-body.dark .form-floating > .form-control:focus ~ label,
body.admin-body.dark .form-floating > .form-control:not(:placeholder-shown) ~ label,
body.admin-body.dark .form-floating > .form-select ~ label {
  color: var(--x0-text) !important;
}

body.dark .btn,
body.dark .page-content .btn,
body.admin-body.dark .btn,
body.admin-body.dark .page-content .btn {
  background: var(--x0-surface) !important;
  color: var(--x0-text) !important;
  border-color: var(--x0-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

body.dark .btn:hover,
body.dark .btn:focus,
body.admin-body.dark .btn:hover,
body.admin-body.dark .btn:focus {
  background: var(--x0-surface-hover) !important;
  color: var(--x0-text) !important;
  border-color: var(--x0-accent) !important;
  box-shadow: none !important;
  transform: none !important;
}

/* CMSx0 dark theme repair: mirror the compact light contract with readable controls. */
body.dark,
body.admin-body.dark,
body.dark #sitebody,
body.admin-body.dark #sitebody {
  font-family: var(--theme-font-family, "x0type", sans-serif) !important;
  font-size: var(--theme-font-size, 18px) !important;
  font-weight: var(--theme-font-weight, 400) !important;
}

body.dark .page-content,
body.dark .content-box,
body.dark .admin-content,
body.admin-body.dark .page-content,
body.admin-body.dark .content-box,
body.admin-body.dark .admin-content {
  font-size: var(--theme-font-size-content, var(--theme-font-size, 18px)) !important;
  font-weight: var(--theme-font-weight, 400) !important;
}

body.dark .content-box,
body.dark .page-content,
body.dark .floating-box,
body.dark .admin-card,
body.dark .card,
body.dark .modal-content,
body.dark .dropdown-menu,
body.dark .account-dropdown-panel,
body.admin-body.dark .content-box,
body.admin-body.dark .page-content,
body.admin-body.dark .floating-box,
body.admin-body.dark .admin-card,
body.admin-body.dark .card,
body.admin-body.dark .modal-content,
body.admin-body.dark .dropdown-menu,
body.admin-body.dark .account-dropdown-panel {
  border-radius: 2px !important;
  background-color: #191918 !important;
  border-color: #34322f !important;
  color: #ece8df !important;
}

body.dark .content-box:hover,
body.dark .page-content:hover,
body.admin-body.dark .content-box:hover,
body.admin-body.dark .page-content:hover {
  border-left-color: var(--x0-accent, #ffdd93) !important;
  border-right-color: var(--x0-accent, #ffdd93) !important;
  border-bottom-color: var(--x0-accent, #ffdd93) !important;
}

body.dark .form-control,
body.dark .form-select,
body.admin-body.dark .form-control,
body.admin-body.dark .form-select {
  min-height: 34px !important;
  padding: 6px 10px !important;
  font-size: max(13px, calc(var(--theme-font-size-content, 18px) - 4px)) !important;
  background-color: #111 !important;
  border: 1px solid #3d3933 !important;
  color: #f3f0e8 !important;
  border-radius: 2px !important;
}

body.dark .form-control::placeholder,
body.admin-body.dark .form-control::placeholder {
  color: #8d897f !important;
}

body.dark textarea.form-control,
body.admin-body.dark textarea.form-control {
  min-height: 112px !important;
  resize: vertical !important;
}

body.dark .form-control:focus,
body.dark .form-select:focus,
body.admin-body.dark .form-control:focus,
body.admin-body.dark .form-select:focus {
  background-color: #151514 !important;
  border-color: var(--x0-accent, #ffdd93) !important;
  color: #fff7ea !important;
  box-shadow: none !important;
}

body.dark .sidebar-link.is-active,
body.dark .sidebar-dropdown-toggle.is-active,
body.dark .admin-sidebar-link.is-active,
body.dark .admin-sidebar-dropdown-toggle.is-active,
body.dark .admin-sidebar-dropdown.is-open > .admin-sidebar-dropdown-toggle,
body.admin-body.dark .sidebar-link.is-active,
body.admin-body.dark .sidebar-dropdown-toggle.is-active,
body.admin-body.dark .admin-sidebar-link.is-active,
body.admin-body.dark .admin-sidebar-dropdown-toggle.is-active,
body.admin-body.dark .admin-sidebar-dropdown.is-open > .admin-sidebar-dropdown-toggle {
  background: #24221f !important;
  border-left-color: var(--x0-accent, #ffdd93) !important;
  border-right-color: var(--x0-accent, #ffdd93) !important;
}

body.dark .accordion-button,
body.dark .nav-tabs .nav-link,
body.admin-body.dark .accordion-button,
body.admin-body.dark .nav-tabs .nav-link {
  border-radius: 2px !important;
  background: #171716 !important;
  color: #eee9dd !important;
}

body.dark .accordion-button:not(.collapsed),
body.dark .nav-tabs .nav-link.active,
body.admin-body.dark .accordion-button:not(.collapsed),
body.admin-body.dark .nav-tabs .nav-link.active {
  background: #24221f !important;
  border-color: var(--x0-accent, #ffdd93) !important;
  color: #fff5e4 !important;
}

body.dark .header-nav-btn,
body.dark .footer-buttons-right,
body.dark .footer-buttons-left,
body.dark .titlebar-buttons,
body.admin-body.dark .header-nav-btn,
body.admin-body.dark .footer-buttons-right,
body.admin-body.dark .footer-buttons-left,
body.admin-body.dark .titlebar-buttons {
  background: transparent !important;
  color: #eee9dd !important;
  border: 0 !important;
  text-decoration: underline dotted #9b9588 1px !important;
  text-underline-offset: 4px !important;
  box-shadow: none !important;
  transform: none !important;
}

body.dark .header-nav-btn:hover,
body.dark .header-nav-btn:focus,
body.dark .footer-buttons-right:hover,
body.dark .footer-buttons-right:focus,
body.dark .footer-buttons-left:hover,
body.dark .footer-buttons-left:focus,
body.dark .titlebar-buttons:hover,
body.dark .titlebar-buttons:focus,
body.admin-body.dark .header-nav-btn:hover,
body.admin-body.dark .header-nav-btn:focus,
body.admin-body.dark .footer-buttons-right:hover,
body.admin-body.dark .footer-buttons-right:focus,
body.admin-body.dark .footer-buttons-left:hover,
body.admin-body.dark .footer-buttons-left:focus,
body.admin-body.dark .titlebar-buttons:hover,
body.admin-body.dark .titlebar-buttons:focus {
  background: transparent !important;
  border: 0 !important;
  color: #fff7e8 !important;
  text-decoration-color: var(--x0-accent, #ffdd93) !important;
}

body.dark .header-nav-btn.is-active,
body.dark .footer-buttons-right.is-active,
body.dark .footer-buttons-left.is-active,
body.dark .titlebar-buttons.is-active,
body.dark .theme-nav-dropdown.is-active > .theme-nav-category-main,
body.dark .theme-nav-dropdown-item.is-active,
body.admin-body.dark .header-nav-btn.is-active,
body.admin-body.dark .footer-buttons-right.is-active,
body.admin-body.dark .footer-buttons-left.is-active,
body.admin-body.dark .titlebar-buttons.is-active,
body.admin-body.dark .theme-nav-dropdown.is-active > .theme-nav-category-main,
body.admin-body.dark .theme-nav-dropdown-item.is-active {
  background: transparent !important;
  border-color: transparent !important;
  border-bottom-color: var(--x0-accent, #ffdd93) !important;
  text-decoration: underline solid var(--x0-accent, #ffdd93) 1px !important;
}

body.dark .member-tag-link,
body.dark .member-list-name {
  text-decoration: underline dotted currentColor 1px !important;
}

body.dark .member-tag-link:hover,
body.dark .member-list-name:hover {
  text-decoration-color: var(--x0-accent, #ffdd93) !important;
}

body.dark .x0-content-small-box,
body.dark .x0-content-mid-box,
body.admin-body.dark .x0-content-small-box,
body.admin-body.dark .x0-content-mid-box {
  background: #191918 !important;
  border-color: #34322f !important;
  color: #ece8df !important;
}

body.dark .x0-content-small-box:hover,
body.dark .x0-content-mid-box:hover,
body.admin-body.dark .x0-content-small-box:hover,
body.admin-body.dark .x0-content-mid-box:hover {
  background: #20201e !important;
  border-color: var(--x0-accent, #ffdd93) !important;
}

body.dark .x0-content-wide-box,
body.admin-body.dark .x0-content-wide-box {
  background: #20201e !important;
  border-top-color: #34322f !important;
  border-bottom-color: #34322f !important;
}

body.dark .x0-content-wide-box:hover,
body.admin-body.dark .x0-content-wide-box:hover {
  border-top-color: var(--x0-accent, #ffdd93) !important;
  border-bottom-color: var(--x0-accent, #ffdd93) !important;
}

body.dark .x0-content-inline-box,
body.admin-body.dark .x0-content-inline-box {
  background:
    linear-gradient(90deg, transparent, #34322f 15%, #34322f 85%, transparent) top / 100% 1px no-repeat,
    linear-gradient(90deg, transparent, #34322f 15%, #34322f 85%, transparent) bottom / 100% 1px no-repeat !important;
}

body.dark .x0-content-inline-box:hover,
body.admin-body.dark .x0-content-inline-box:hover {
  background:
    linear-gradient(90deg, transparent, var(--x0-accent, #ffdd93) 15%, var(--x0-accent, #ffdd93) 85%, transparent) top / 100% 1px no-repeat,
    linear-gradient(90deg, transparent, var(--x0-accent, #ffdd93) 15%, var(--x0-accent, #ffdd93) 85%, transparent) bottom / 100% 1px no-repeat !important;
}

body.dark .account-dropdown-avatar,
body.admin-body.dark .account-dropdown-avatar,
html.theme-preload-dark .account-dropdown-avatar {
  border-radius: 50% !important;
  clip-path: none !important;
  overflow: hidden !important;
  object-fit: cover !important;
}

/* Dark counterpart for the compact final control scale. */
body.dark .account-dropdown-panel .account-dropdown-link:hover,
body.dark .account-dropdown-panel .account-dropdown-link:focus,
body.dark .account-dropdown-panel .account-switch-summary:hover,
body.dark .account-dropdown-panel .account-switch-summary:focus,
body.dark .account-dropdown-panel .account-switch-link:hover,
body.dark .account-dropdown-panel .account-switch-link:focus,
body.admin-body.dark .account-dropdown-panel .account-dropdown-link:hover,
body.admin-body.dark .account-dropdown-panel .account-dropdown-link:focus,
body.admin-body.dark .account-dropdown-panel .account-switch-summary:hover,
body.admin-body.dark .account-dropdown-panel .account-switch-summary:focus,
body.admin-body.dark .account-dropdown-panel .account-switch-link:hover,
body.admin-body.dark .account-dropdown-panel .account-switch-link:focus {
  box-shadow: inset 0 0 0 1px var(--x0-accent, #ffdd93) !important;
}

body.dark .account-dropdown-actions .account-dropdown-btn,
body.dark .account-dropdown-actions .btn,
body.admin-body.dark .account-dropdown-actions .account-dropdown-btn,
body.admin-body.dark .account-dropdown-actions .btn {
  min-height: 30px !important;
  height: 30px !important;
  padding: 4px 12px !important;
  border-color: #56524b !important;
  background: #20201e !important;
  color: #f0ede8 !important;
}

body.dark .account-dropdown-actions .account-dropdown-btn:hover,
body.dark .account-dropdown-actions .account-dropdown-btn:focus,
body.dark .account-dropdown-actions .btn:hover,
body.dark .account-dropdown-actions .btn:focus,
body.admin-body.dark .account-dropdown-actions .account-dropdown-btn:hover,
body.admin-body.dark .account-dropdown-actions .account-dropdown-btn:focus,
body.admin-body.dark .account-dropdown-actions .btn:hover,
body.admin-body.dark .account-dropdown-actions .btn:focus {
  border-color: var(--x0-accent, #ffdd93) !important;
  box-shadow: inset 0 0 0 1px var(--x0-accent, #ffdd93) !important;
  background: #25231f !important;
}

body.dark .form-control,
body.dark .form-select,
body.admin-body.dark .form-control,
body.admin-body.dark .form-select,
html.theme-preload-dark .form-control,
html.theme-preload-dark .form-select {
  min-height: 30px !important;
  height: auto !important;
  padding: 4px 8px !important;
  border-width: 1px !important;
  border-radius: 0 !important;
  font-size: max(12px, calc(var(--theme-font-size-content, 18px) - 6px)) !important;
  line-height: 1.25 !important;
  background-color: #1d1c1a !important;
  color: #f0ede8 !important;
}

body.dark textarea.form-control,
body.admin-body.dark textarea.form-control,
html.theme-preload-dark textarea.form-control {
  min-height: 84px !important;
  padding: 6px 8px !important;
  line-height: 1.35 !important;
}

body.dark .form-floating > .form-control,
body.dark .form-floating > .form-select,
body.admin-body.dark .form-floating > .form-control,
body.admin-body.dark .form-floating > .form-select,
html.theme-preload-dark .form-floating > .form-control,
html.theme-preload-dark .form-floating > .form-select {
  min-height: 42px !important;
  height: 42px !important;
  padding: 15px 8px 4px !important;
}

body.dark .form-floating > textarea.form-control,
body.admin-body.dark .form-floating > textarea.form-control,
html.theme-preload-dark .form-floating > textarea.form-control {
  min-height: 84px !important;
  height: 84px;
  padding-top: 17px !important;
}

body.dark .header-nav-btn,
body.admin-body.dark .header-nav-btn,
html.theme-preload-dark .header-nav-btn {
  min-height: 28px !important;
  height: 28px !important;
  padding: 3px 7px !important;
  border-left: 1px solid transparent !important;
  border-right: 1px solid transparent !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

body.dark .header-nav-btn:hover,
body.dark .header-nav-btn:focus,
body.admin-body.dark .header-nav-btn:hover,
body.admin-body.dark .header-nav-btn:focus {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

body.dark .titlebar-buttons,
body.admin-body.dark .titlebar-buttons,
html.theme-preload-dark .titlebar-buttons {
  min-height: 28px !important;
  height: 28px !important;
  padding: 3px 7px !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

body.dark .titlebar-buttons:hover,
body.dark .titlebar-buttons:focus,
body.admin-body.dark .titlebar-buttons:hover,
body.admin-body.dark .titlebar-buttons:focus {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

body.dark .footer-buttons-right,
body.dark .footer-buttons-left,
body.admin-body.dark .footer-buttons-right,
body.admin-body.dark .footer-buttons-left,
html.theme-preload-dark .footer-buttons-right,
html.theme-preload-dark .footer-buttons-left {
  min-height: 28px !important;
  height: 28px !important;
  padding: 3px 7px !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

body.dark .footer-buttons-right:hover,
body.dark .footer-buttons-right:focus,
body.dark .footer-buttons-left:hover,
body.dark .footer-buttons-left:focus,
body.admin-body.dark .footer-buttons-right:hover,
body.admin-body.dark .footer-buttons-right:focus,
body.admin-body.dark .footer-buttons-left:hover,
body.admin-body.dark .footer-buttons-left:focus {
  border-left: 1px solid var(--x0-accent, #ffdd93) !important;
  border-right: 1px solid var(--x0-accent, #ffdd93) !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Final dark form contract, paired with the light form contract in style.css. */
body.dark .form-control,
body.dark .form-select,
body.dark textarea.form-control,
body.dark .page-content .form-control,
body.dark .page-content .form-select,
body.admin-body.dark .form-control,
body.admin-body.dark .form-select,
body.admin-body.dark textarea.form-control,
body.admin-body.dark .page-content .form-control,
body.admin-body.dark .page-content .form-select,
html.theme-preload-dark .form-control,
html.theme-preload-dark .form-select,
html.theme-preload-dark textarea.form-control {
  background-color: var(--x0-surface, #232323) !important;
  border-color: var(--x0-border-strong, #454545) !important;
  color: var(--x0-text, #e3e3e3) !important;
  box-shadow: none !important;
}

body.dark .form-control:hover,
body.dark .form-select:hover,
body.dark .page-content .form-control:hover,
body.dark .page-content .form-select:hover,
body.admin-body.dark .form-control:hover,
body.admin-body.dark .form-select:hover,
html.theme-preload-dark .form-control:hover,
html.theme-preload-dark .form-select:hover,
body.dark .form-control:focus,
body.dark .form-select:focus,
body.dark .page-content .form-control:focus,
body.dark .page-content .form-select:focus,
body.admin-body.dark .form-control:focus,
body.admin-body.dark .form-select:focus,
html.theme-preload-dark .form-control:focus,
html.theme-preload-dark .form-select:focus {
  background-color: var(--x0-surface, #232323) !important;
  border-color: var(--x0-accent, #ffdd93) !important;
  color: var(--x0-text, #e3e3e3) !important;
}

body.dark .form-control::placeholder,
body.dark textarea.form-control::placeholder,
body.admin-body.dark .form-control::placeholder,
body.admin-body.dark textarea.form-control::placeholder,
html.theme-preload-dark .form-control::placeholder,
html.theme-preload-dark textarea.form-control::placeholder {
  color: #9f9b93 !important;
  opacity: 1 !important;
}

body.dark .form-floating > label,
body.dark .page-content .form-floating > label,
body.admin-body.dark .form-floating > label,
body.admin-body.dark .page-content .form-floating > label,
html.theme-preload-dark .form-floating > label {
  background: var(--x0-surface, #232323) !important;
  color: #a7a39a !important;
}

body.dark .form-floating > .form-control:focus ~ label,
body.dark .form-floating > .form-control:not(:placeholder-shown) ~ label,
body.dark .form-floating > .form-select ~ label,
body.dark .form-floating.is-focused > label,
body.dark .form-floating.has-value > label,
body.admin-body.dark .form-floating > .form-control:focus ~ label,
body.admin-body.dark .form-floating > .form-control:not(:placeholder-shown) ~ label,
body.admin-body.dark .form-floating > .form-select ~ label,
html.theme-preload-dark .form-floating > .form-control:focus ~ label,
html.theme-preload-dark .form-floating > .form-control:not(:placeholder-shown) ~ label,
html.theme-preload-dark .form-floating > .form-select ~ label {
  color: var(--x0-accent, #ffdd93) !important;
}

body.dark .form-check-input,
body.admin-body.dark .form-check-input,
html.theme-preload-dark .form-check-input {
  background-color: #232323 !important;
  border-color: #5a5a5a !important;
}

body.dark .form-check-input:checked,
body.admin-body.dark .form-check-input:checked,
html.theme-preload-dark .form-check-input:checked {
  background-color: #2e2e2e !important;
  border-color: var(--x0-accent, #ffdd93) !important;
  --bootx0-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffdd93' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e") !important;
}

body.dark .auth-transition-shell.sitebody,
body.admin-body.dark .auth-transition-shell.sitebody,
html.theme-preload-dark .auth-transition-shell.sitebody {
  background: var(--x0-page-bg, #1d1d1d) !important;
  color: var(--x0-text, #e3e3e3) !important;
}

body.dark .auth-transition-card.page-content,
body.admin-body.dark .auth-transition-card.page-content,
html.theme-preload-dark .auth-transition-card.page-content {
  background: var(--x0-surface, #232323) !important;
  color: var(--x0-text, #e3e3e3) !important;
}

body.dark .auth-transition-card.page-content p,
body.admin-body.dark .auth-transition-card.page-content p,
html.theme-preload-dark .auth-transition-card.page-content p {
  color: var(--x0-muted, #b8b3aa) !important;
}

body.dark .auth-transition-link,
body.admin-body.dark .auth-transition-link,
html.theme-preload-dark .auth-transition-link {
  color: var(--x0-text, #e3e3e3) !important;
}

body.dark .auth-transition-link:hover,
body.dark .auth-transition-link:focus,
body.admin-body.dark .auth-transition-link:hover,
body.admin-body.dark .auth-transition-link:focus,
html.theme-preload-dark .auth-transition-link:hover,
html.theme-preload-dark .auth-transition-link:focus {
  color: var(--x0-text, #e3e3e3) !important;
  text-decoration-color: var(--x0-accent, #ffdd93) !important;
}

body.dark .auth-lock-counter,
body.admin-body.dark .auth-lock-counter,
html.theme-preload-dark .auth-lock-counter {
  background: var(--x0-surface-hover, #2a2a2a) !important;
  border-color: var(--x0-accent, #ffdd93) !important;
  color: var(--x0-text, #e3e3e3) !important;
}

body.dark .auth-2fa-secret,
body.admin-body.dark .auth-2fa-secret,
html.theme-preload-dark .auth-2fa-secret {
  background: var(--x0-surface-hover, #2a2a2a) !important;
  border-color: var(--x0-accent, #ffdd93) !important;
  color: var(--x0-text, #e3e3e3) !important;
}

body.dark .auth-2fa-settings-box,
body.admin-body.dark .auth-2fa-settings-box,
html.theme-preload-dark .auth-2fa-settings-box {
  border-color: var(--x0-border, #454545) !important;
}

body.dark .auth-2fa-settings-box:hover,
body.dark .auth-2fa-settings-box:focus-within,
body.admin-body.dark .auth-2fa-settings-box:hover,
body.admin-body.dark .auth-2fa-settings-box:focus-within,
html.theme-preload-dark .auth-2fa-settings-box:hover,
html.theme-preload-dark .auth-2fa-settings-box:focus-within {
  border-color: var(--x0-accent, #ffdd93) !important;
}

body.dark .security-auto-ban-row > *,
body.admin-body.dark .security-auto-ban-row > *,
html.theme-preload-dark .security-auto-ban-row > * {
  background: rgba(238, 144, 140, 0.14) !important;
}

body.dark .security-auto-ban-row:hover > *,
body.admin-body.dark .security-auto-ban-row:hover > *,
html.theme-preload-dark .security-auto-ban-row:hover > * {
  background: rgba(238, 144, 140, 0.2) !important;
  border-color: var(--x0-accent, #ffdd93) !important;
}

@media (max-width: 900px) {
  body.dark .mobile-drawer,
  body.admin-body.dark .mobile-drawer,
  html.theme-preload-dark .mobile-drawer {
    background: var(--x0-surface, #232323) !important;
    border-color: var(--x0-border-strong, #454545) !important;
    color: var(--x0-text, #e3e3e3) !important;
  }

  body.dark .mobile-drawer-head,
  body.admin-body.dark .mobile-drawer-head,
  html.theme-preload-dark .mobile-drawer-head {
    border-color: var(--x0-border, #454545) !important;
    color: var(--x0-text, #e3e3e3) !important;
  }

  body.dark .mobile-drawer-overlay,
  body.admin-body.dark .mobile-drawer-overlay,
  html.theme-preload-dark .mobile-drawer-overlay {
    background: rgba(0, 0, 0, .5) !important;
  }
}

body.dark .sidebar-menu-box .sidebar-menu-button,
body.dark .sidebar-menu-box .admin-sidebar-dropdown-toggle,
body.dark .sidebar-menu-box .frontend-sidebar-category,
body.dark .admin-module-sidebar-box .sidebar-menu-button,
body.dark .admin-sidebar-dropdown-menu .admin-sidebar-subbutton,
body.admin-body.dark .sidebar-menu-box .sidebar-menu-button,
body.admin-body.dark .sidebar-menu-box .admin-sidebar-dropdown-toggle,
body.admin-body.dark .sidebar-menu-box .frontend-sidebar-category,
body.admin-body.dark .admin-module-sidebar-box .sidebar-menu-button,
body.admin-body.dark .admin-sidebar-dropdown-menu .admin-sidebar-subbutton,
html.theme-preload-dark .sidebar-menu-box .sidebar-menu-button,
html.theme-preload-dark .sidebar-menu-box .admin-sidebar-dropdown-toggle,
html.theme-preload-dark .sidebar-menu-box .frontend-sidebar-category,
html.theme-preload-dark .admin-module-sidebar-box .sidebar-menu-button,
html.theme-preload-dark .admin-sidebar-dropdown-menu .admin-sidebar-subbutton {
  border-top-color: var(--x0-border, #454545) !important;
  border-bottom-color: var(--x0-border, #454545) !important;
  border-left-color: var(--x0-border, #454545) !important;
  border-right-color: var(--x0-border, #454545) !important;
  background: var(--x0-surface, #232323) !important;
  color: var(--x0-text, #e3e3e3) !important;
  box-shadow: none !important;
  transform: none !important;
}

body.dark .sidebar-menu-box .sidebar-menu-button:hover,
body.dark .sidebar-menu-box .sidebar-menu-button:focus,
body.dark .sidebar-menu-box .admin-sidebar-dropdown-toggle:hover,
body.dark .sidebar-menu-box .admin-sidebar-dropdown-toggle:focus,
body.dark .admin-module-sidebar-box .sidebar-menu-button:hover,
body.dark .admin-module-sidebar-box .sidebar-menu-button:focus,
body.dark .admin-sidebar-dropdown-menu .admin-sidebar-subbutton:hover,
body.dark .admin-sidebar-dropdown-menu .admin-sidebar-subbutton:focus,
body.dark .sidebar-menu-box .sidebar-menu-button.is-active,
body.dark .sidebar-menu-box .admin-sidebar-dropdown-toggle.is-active,
body.dark .sidebar-menu-box .admin-sidebar-dropdown.is-open > .admin-sidebar-dropdown-toggle,
body.dark .sidebar-menu-box .frontend-sidebar-category.is-active,
body.dark .admin-module-sidebar-box .sidebar-menu-button.is-active,
body.dark .admin-sidebar-dropdown-menu .admin-sidebar-subbutton.is-active,
body.admin-body.dark .sidebar-menu-box .sidebar-menu-button:hover,
body.admin-body.dark .sidebar-menu-box .sidebar-menu-button:focus,
body.admin-body.dark .sidebar-menu-box .admin-sidebar-dropdown-toggle:hover,
body.admin-body.dark .sidebar-menu-box .admin-sidebar-dropdown-toggle:focus,
body.admin-body.dark .admin-module-sidebar-box .sidebar-menu-button:hover,
body.admin-body.dark .admin-module-sidebar-box .sidebar-menu-button:focus,
body.admin-body.dark .admin-sidebar-dropdown-menu .admin-sidebar-subbutton:hover,
body.admin-body.dark .admin-sidebar-dropdown-menu .admin-sidebar-subbutton:focus,
body.admin-body.dark .sidebar-menu-box .sidebar-menu-button.is-active,
body.admin-body.dark .sidebar-menu-box .admin-sidebar-dropdown-toggle.is-active,
body.admin-body.dark .sidebar-menu-box .admin-sidebar-dropdown.is-open > .admin-sidebar-dropdown-toggle,
body.admin-body.dark .sidebar-menu-box .frontend-sidebar-category.is-active,
body.admin-body.dark .admin-module-sidebar-box .sidebar-menu-button.is-active,
body.admin-body.dark .admin-sidebar-dropdown-menu .admin-sidebar-subbutton.is-active,
html.theme-preload-dark .sidebar-menu-box .sidebar-menu-button:hover,
html.theme-preload-dark .sidebar-menu-box .sidebar-menu-button:focus,
html.theme-preload-dark .sidebar-menu-box .admin-sidebar-dropdown-toggle:hover,
html.theme-preload-dark .sidebar-menu-box .admin-sidebar-dropdown-toggle:focus,
html.theme-preload-dark .admin-module-sidebar-box .sidebar-menu-button:hover,
html.theme-preload-dark .admin-module-sidebar-box .sidebar-menu-button:focus,
html.theme-preload-dark .admin-sidebar-dropdown-menu .admin-sidebar-subbutton:hover,
html.theme-preload-dark .admin-sidebar-dropdown-menu .admin-sidebar-subbutton:focus,
html.theme-preload-dark .sidebar-menu-box .sidebar-menu-button.is-active,
html.theme-preload-dark .sidebar-menu-box .admin-sidebar-dropdown-toggle.is-active,
html.theme-preload-dark .sidebar-menu-box .admin-sidebar-dropdown.is-open > .admin-sidebar-dropdown-toggle,
html.theme-preload-dark .sidebar-menu-box .frontend-sidebar-category.is-active,
html.theme-preload-dark .admin-module-sidebar-box .sidebar-menu-button.is-active,
html.theme-preload-dark .admin-sidebar-dropdown-menu .admin-sidebar-subbutton.is-active {
  border-top-color: var(--x0-border, #454545) !important;
  border-bottom-color: var(--x0-border, #454545) !important;
  border-left-color: var(--x0-accent, #ffdd93) !important;
  border-right-color: var(--x0-accent, #ffdd93) !important;
  background: var(--x0-surface-hover, #2d2d2d) !important;
  color: var(--x0-text, #ffffff) !important;
}

/* Final dark Bootx0 control polish, paired with the light contract. */
body.dark .page-content :where(.form-control, .form-select),
body.dark .content-box :where(.form-control, .form-select),
body.dark .modal :where(.form-control, .form-select),
body.admin-body.dark .admin-content :where(.form-control, .form-select),
body.admin-body.dark .page-content :where(.form-control, .form-select),
html.theme-preload-dark .page-content :where(.form-control, .form-select),
html.theme-preload-dark .content-box :where(.form-control, .form-select),
html.theme-preload-dark .modal :where(.form-control, .form-select) {
  background-color: var(--x0-surface, #232323) !important;
  border-color: var(--x0-border-strong, #454545) !important;
  color: var(--x0-text, #e3e3e3) !important;
}

body.dark .page-content .form-select,
body.dark .content-box .form-select,
body.dark .modal .form-select,
body.admin-body.dark .admin-content .form-select,
html.theme-preload-dark .page-content .form-select,
html.theme-preload-dark .content-box .form-select,
html.theme-preload-dark .modal .form-select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23d6d2ca' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6' d='m4 6 4 4 4-4'/%3e%3c/svg%3e") !important;
}

body.dark .page-content :where(.form-control, .form-select):hover,
body.dark .content-box :where(.form-control, .form-select):hover,
body.dark .modal :where(.form-control, .form-select):hover,
body.dark .page-content :where(.form-control, .form-select):focus,
body.dark .content-box :where(.form-control, .form-select):focus,
body.dark .modal :where(.form-control, .form-select):focus,
body.admin-body.dark .admin-content :where(.form-control, .form-select):hover,
body.admin-body.dark .admin-content :where(.form-control, .form-select):focus,
html.theme-preload-dark .page-content :where(.form-control, .form-select):hover,
html.theme-preload-dark .page-content :where(.form-control, .form-select):focus {
  background-color: var(--x0-surface-hover, #2d2d2d) !important;
  border-color: var(--x0-accent, #ffdd93) !important;
  color: var(--x0-text, #f0f0f0) !important;
}

body.dark .page-content .form-control::placeholder,
body.dark .content-box .form-control::placeholder,
body.dark .modal .form-control::placeholder,
body.admin-body.dark .admin-content .form-control::placeholder,
html.theme-preload-dark .page-content .form-control::placeholder,
html.theme-preload-dark .content-box .form-control::placeholder {
  color: #a7a39a !important;
}

body.dark .page-content .btn,
body.dark .content-box .btn,
body.dark .modal .btn,
body.admin-body.dark .admin-content .btn,
body.admin-body.dark .page-content .btn,
html.theme-preload-dark .page-content .btn,
html.theme-preload-dark .content-box .btn,
html.theme-preload-dark .modal .btn {
  background: var(--x0-surface, #232323) !important;
  border-color: var(--x0-border-strong, #454545) !important;
  color: var(--x0-text, #e3e3e3) !important;
}

body.dark .page-content .btn:hover,
body.dark .page-content .btn:focus,
body.dark .content-box .btn:hover,
body.dark .content-box .btn:focus,
body.dark .modal .btn:hover,
body.dark .modal .btn:focus,
body.admin-body.dark .admin-content .btn:hover,
body.admin-body.dark .admin-content .btn:focus,
html.theme-preload-dark .page-content .btn:hover,
html.theme-preload-dark .page-content .btn:focus {
  background: var(--x0-surface-hover, #2d2d2d) !important;
  border-color: var(--x0-accent, #ffdd93) !important;
  color: var(--x0-text, #f0f0f0) !important;
}

body.dark .page-content .form-floating > label,
body.dark .content-box .form-floating > label,
body.dark .modal .form-floating > label,
body.admin-body.dark .admin-content .form-floating > label,
body.admin-body.dark .page-content .form-floating > label,
html.theme-preload-dark .page-content .form-floating > label,
html.theme-preload-dark .content-box .form-floating > label,
html.theme-preload-dark .modal .form-floating > label {
  background: var(--x0-surface, #232323) !important;
  color: #a7a39a !important;
}

body.dark .page-content .form-floating > .form-control:focus ~ label,
body.dark .page-content .form-floating > .form-control:not(:placeholder-shown) ~ label,
body.dark .page-content .form-floating > .form-select ~ label,
body.dark .content-box .form-floating > .form-control:focus ~ label,
body.dark .content-box .form-floating > .form-control:not(:placeholder-shown) ~ label,
body.dark .content-box .form-floating > .form-select ~ label,
body.admin-body.dark .admin-content .form-floating > .form-control:focus ~ label,
body.admin-body.dark .admin-content .form-floating > .form-control:not(:placeholder-shown) ~ label,
body.admin-body.dark .admin-content .form-floating > .form-select ~ label,
html.theme-preload-dark .page-content .form-floating > .form-control:focus ~ label,
html.theme-preload-dark .page-content .form-floating > .form-control:not(:placeholder-shown) ~ label,
html.theme-preload-dark .page-content .form-floating > .form-select ~ label {
  color: var(--x0-accent, #ffdd93) !important;
}

body.dark .page-content .nav-tabs,
body.dark .content-box .nav-tabs,
body.admin-body.dark .admin-content .nav-tabs,
html.theme-preload-dark .page-content .nav-tabs {
  border-bottom-color: var(--x0-border, #454545) !important;
}

body.dark .page-content .nav-tabs .nav-link,
body.dark .content-box .nav-tabs .nav-link,
body.admin-body.dark .admin-content .nav-tabs .nav-link,
html.theme-preload-dark .page-content .nav-tabs .nav-link {
  background: var(--x0-surface, #232323) !important;
  border-color: var(--x0-border, #454545) !important;
  color: var(--x0-text, #e3e3e3) !important;
}

body.dark .page-content .nav-tabs .nav-link:hover,
body.dark .page-content .nav-tabs .nav-link:focus,
body.dark .page-content .nav-tabs .nav-link.active,
body.dark .content-box .nav-tabs .nav-link:hover,
body.dark .content-box .nav-tabs .nav-link.active,
body.admin-body.dark .admin-content .nav-tabs .nav-link:hover,
body.admin-body.dark .admin-content .nav-tabs .nav-link.active,
html.theme-preload-dark .page-content .nav-tabs .nav-link:hover,
html.theme-preload-dark .page-content .nav-tabs .nav-link.active {
  background: var(--x0-surface-hover, #2d2d2d) !important;
  border-color: var(--x0-accent, #ffdd93) !important;
  color: var(--x0-text, #f0f0f0) !important;
}

body.dark .page-content .accordion,
body.dark .content-box .accordion,
body.admin-body.dark .admin-content .accordion,
html.theme-preload-dark .page-content .accordion {
  border-color: var(--x0-border-strong, #454545) !important;
}

body.dark .page-content .accordion-item,
body.dark .content-box .accordion-item,
body.dark .page-content .accordion-button,
body.dark .content-box .accordion-button,
body.admin-body.dark .admin-content .accordion-item,
body.admin-body.dark .admin-content .accordion-button,
html.theme-preload-dark .page-content .accordion-item,
html.theme-preload-dark .page-content .accordion-button {
  background: var(--x0-surface, #232323) !important;
  border-color: var(--x0-border, #454545) !important;
  color: var(--x0-text, #e3e3e3) !important;
}

body.dark .page-content .accordion-button:hover,
body.dark .page-content .accordion-button:focus,
body.dark .page-content .accordion-button:not(.collapsed),
body.dark .content-box .accordion-button:hover,
body.dark .content-box .accordion-button:not(.collapsed),
body.admin-body.dark .admin-content .accordion-button:hover,
body.admin-body.dark .admin-content .accordion-button:not(.collapsed),
html.theme-preload-dark .page-content .accordion-button:hover,
html.theme-preload-dark .page-content .accordion-button:not(.collapsed) {
  background: var(--x0-surface-hover, #2d2d2d) !important;
  border-bottom-color: var(--x0-accent, #ffdd93) !important;
  color: var(--x0-text, #f0f0f0) !important;
}

body.dark .page-content .progress,
body.dark .content-box .progress,
body.admin-body.dark .admin-content .progress,
html.theme-preload-dark .page-content .progress {
  background: var(--x0-surface, #232323) !important;
  border-color: var(--x0-border-strong, #454545) !important;
}

body.dark .page-content .breadcrumb,
body.dark .content-box .breadcrumb,
body.admin-body.dark .admin-content .breadcrumb,
html.theme-preload-dark .page-content .breadcrumb {
  background: var(--x0-surface, #232323) !important;
  border-color: var(--x0-border, #454545) !important;
  color: var(--x0-text, #e3e3e3) !important;
}

body.dark .page-content .breadcrumb-item,
body.dark .content-box .breadcrumb-item,
body.admin-body.dark .admin-content .breadcrumb-item,
html.theme-preload-dark .page-content .breadcrumb-item {
  color: var(--x0-muted, #bcb7ad) !important;
}

body.dark .page-content .breadcrumb-item + .breadcrumb-item::before,
body.dark .content-box .breadcrumb-item + .breadcrumb-item::before,
body.admin-body.dark .admin-content .breadcrumb-item + .breadcrumb-item::before,
html.theme-preload-dark .page-content .breadcrumb-item + .breadcrumb-item::before {
  color: var(--x0-muted, #bcb7ad) !important;
}

body.dark .page-content .breadcrumb-item a,
body.dark .content-box .breadcrumb-item a,
body.admin-body.dark .admin-content .breadcrumb-item a,
html.theme-preload-dark .page-content .breadcrumb-item a {
  background: var(--x0-surface, #232323) !important;
  border-color: var(--x0-border, #454545) !important;
  color: var(--x0-text, #e3e3e3) !important;
}

body.dark .page-content .breadcrumb-item a:hover,
body.dark .page-content .breadcrumb-item a:focus,
body.dark .content-box .breadcrumb-item a:hover,
body.dark .content-box .breadcrumb-item a:focus,
body.admin-body.dark .admin-content .breadcrumb-item a:hover,
body.admin-body.dark .admin-content .breadcrumb-item a:focus,
html.theme-preload-dark .page-content .breadcrumb-item a:hover,
html.theme-preload-dark .page-content .breadcrumb-item a:focus {
  background: var(--x0-surface-hover, #2d2d2d) !important;
  border-color: var(--x0-accent, #ffdd93) !important;
  color: var(--x0-text, #f0f0f0) !important;
}

body.dark .member-profile-crumb-end,
body.admin-body.dark .member-profile-crumb-end,
html.theme-preload-dark .member-profile-crumb-end {
  color: var(--x0-text, #e3e3e3) !important;
  border-color: var(--x0-border, #454545) !important;
  background: var(--x0-surface, #232323) !important;
}

body.dark .member-profile-crumb-end:hover,
body.admin-body.dark .member-profile-crumb-end:hover,
html.theme-preload-dark .member-profile-crumb-end:hover {
  border-color: var(--x0-accent, #ffdd93) !important;
  background: var(--x0-surface-hover, #2d2d2d) !important;
}

body.dark .page-content .page-link,
body.dark .content-box .page-link,
body.admin-body.dark .admin-content .page-link,
html.theme-preload-dark .page-content .page-link {
  background: var(--x0-surface, #232323) !important;
  border-color: var(--x0-border, #454545) !important;
  color: var(--x0-text, #e3e3e3) !important;
}

body.dark .page-content .page-link:hover,
body.dark .page-content .page-link:focus,
body.dark .page-content .page-item.active .page-link,
body.dark .content-box .page-link:hover,
body.dark .content-box .page-item.active .page-link,
body.admin-body.dark .admin-content .page-link:hover,
body.admin-body.dark .admin-content .page-item.active .page-link,
html.theme-preload-dark .page-content .page-link:hover,
html.theme-preload-dark .page-content .page-item.active .page-link {
  background: var(--x0-surface-hover, #2d2d2d) !important;
  border-color: var(--x0-accent, #ffdd93) !important;
  color: var(--x0-text, #f0f0f0) !important;
}

/* WiO footer counter and popover final dark-mode alignment. */
body.dark .wio-notification-badge,
body.admin-body.dark .wio-notification-badge,
html.theme-preload-dark .wio-notification-badge {
  border-color: var(--x0-accent, #ffdd93) !important;
  background: var(--x0-surface-hover, #303030) !important;
  color: #ffdd93 !important;
}

body.dark .cms-popover.wio-popover,
body.dark .wio-popover,
body.admin-body.dark .cms-popover.wio-popover,
body.admin-body.dark .wio-popover,
html.theme-preload-dark .cms-popover.wio-popover,
html.theme-preload-dark .wio-popover {
  border-color: var(--x0-accent, #ffdd93) !important;
  background: var(--x0-surface, #252525) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.52) !important;
}

body.dark .cms-popover.wio-popover .popover-header,
body.dark .wio-popover .popover-header,
body.admin-body.dark .cms-popover.wio-popover .popover-header,
body.admin-body.dark .wio-popover .popover-header,
html.theme-preload-dark .cms-popover.wio-popover .popover-header,
html.theme-preload-dark .wio-popover .popover-header {
  border-bottom-color: var(--x0-accent, #ffdd93) !important;
  background: var(--x0-surface-hover, #303030) !important;
  color: var(--x0-text, #f3f3f3) !important;
}

body.dark .cms-popover.wio-popover .popover-body,
body.dark .wio-popover .popover-body,
body.admin-body.dark .cms-popover.wio-popover .popover-body,
body.admin-body.dark .wio-popover .popover-body,
html.theme-preload-dark .cms-popover.wio-popover .popover-body,
html.theme-preload-dark .wio-popover .popover-body {
  background: var(--x0-surface, #252525) !important;
  color: var(--x0-text, #e9e9e9) !important;
}

body.dark .wio-popover.x0-popover-top > .popover-arrow::before,
body.admin-body.dark .wio-popover.x0-popover-top > .popover-arrow::before,
html.theme-preload-dark .wio-popover.x0-popover-top > .popover-arrow::before {
  border-top-color: var(--x0-accent, #ffdd93) !important;
}

body.dark .wio-popover.x0-popover-top > .popover-arrow::after,
body.admin-body.dark .wio-popover.x0-popover-top > .popover-arrow::after,
html.theme-preload-dark .wio-popover.x0-popover-top > .popover-arrow::after {
  border-top-color: var(--x0-surface, #252525) !important;
}

body.dark .wio-popover.x0-popover-bottom > .popover-arrow::before,
body.admin-body.dark .wio-popover.x0-popover-bottom > .popover-arrow::before,
html.theme-preload-dark .wio-popover.x0-popover-bottom > .popover-arrow::before {
  border-bottom-color: var(--x0-accent, #ffdd93) !important;
}

body.dark .wio-popover.x0-popover-bottom > .popover-arrow::after,
body.admin-body.dark .wio-popover.x0-popover-bottom > .popover-arrow::after,
html.theme-preload-dark .wio-popover.x0-popover-bottom > .popover-arrow::after {
  border-bottom-color: var(--x0-surface-hover, #303030) !important;
}

body.dark .wio-popover.x0-popover-start > .popover-arrow::before,
body.admin-body.dark .wio-popover.x0-popover-start > .popover-arrow::before,
html.theme-preload-dark .wio-popover.x0-popover-start > .popover-arrow::before {
  border-left-color: var(--x0-accent, #ffdd93) !important;
}

body.dark .wio-popover.x0-popover-start > .popover-arrow::after,
body.admin-body.dark .wio-popover.x0-popover-start > .popover-arrow::after,
html.theme-preload-dark .wio-popover.x0-popover-start > .popover-arrow::after {
  border-left-color: var(--x0-surface, #252525) !important;
}

body.dark .wio-popover.x0-popover-end > .popover-arrow::before,
body.admin-body.dark .wio-popover.x0-popover-end > .popover-arrow::before,
html.theme-preload-dark .wio-popover.x0-popover-end > .popover-arrow::before {
  border-right-color: var(--x0-accent, #ffdd93) !important;
}

body.dark .wio-popover.x0-popover-end > .popover-arrow::after,
body.admin-body.dark .wio-popover.x0-popover-end > .popover-arrow::after,
html.theme-preload-dark .wio-popover.x0-popover-end > .popover-arrow::after {
  border-right-color: var(--x0-surface, #252525) !important;
}

/* Final dark compact forms/dropdowns/badge-hover pass. */
body.dark .account-badge-switcher-inline .account-switch-link,
body.admin-body.dark .account-badge-switcher-inline .account-switch-link,
html.theme-preload-dark .account-badge-switcher-inline .account-switch-link {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

body.dark .account-badge-switcher-inline .account-switch-link:hover,
body.dark .account-badge-switcher-inline .account-switch-link:focus,
body.admin-body.dark .account-badge-switcher-inline .account-switch-link:hover,
body.admin-body.dark .account-badge-switcher-inline .account-switch-link:focus,
html.theme-preload-dark .account-badge-switcher-inline .account-switch-link:hover,
html.theme-preload-dark .account-badge-switcher-inline .account-switch-link:focus {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

body.dark .account-badge-switcher-inline .account-switch-link:hover .user-badge,
body.dark .account-badge-switcher-inline .account-switch-link:focus .user-badge,
body.dark .account-dropdown-panel .account-switch-link:hover .user-badge,
body.dark .account-dropdown-panel .account-switch-link:focus .user-badge,
body.admin-body.dark .account-badge-switcher-inline .account-switch-link:hover .user-badge,
body.admin-body.dark .account-badge-switcher-inline .account-switch-link:focus .user-badge,
body.admin-body.dark .account-dropdown-panel .account-switch-link:hover .user-badge,
body.admin-body.dark .account-dropdown-panel .account-switch-link:focus .user-badge,
html.theme-preload-dark .account-badge-switcher-inline .account-switch-link:hover .user-badge,
html.theme-preload-dark .account-badge-switcher-inline .account-switch-link:focus .user-badge,
html.theme-preload-dark .account-dropdown-panel .account-switch-link:hover .user-badge,
html.theme-preload-dark .account-dropdown-panel .account-switch-link:focus .user-badge {
  border-color: var(--user-badge-color, #ffdd93) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--user-badge-color, #ffdd93) 22%, transparent) !important;
  transform: scale(1.06) !important;
}

body.dark .page-content .dropdown-menu,
body.dark .content-box .dropdown-menu,
body.dark .modal .dropdown-menu,
body.admin-body.dark .admin-content .dropdown-menu,
html.theme-preload-dark .page-content .dropdown-menu {
  padding: 4px !important;
  overflow: hidden !important;
}

body.dark .page-content .dropdown-menu *,
body.dark .content-box .dropdown-menu *,
body.dark .modal .dropdown-menu *,
body.admin-body.dark .admin-content .dropdown-menu *,
html.theme-preload-dark .page-content .dropdown-menu * {
  box-sizing: border-box !important;
  max-width: 100% !important;
}

body.dark .page-content .dropdown-menu > li,
body.dark .content-box .dropdown-menu > li,
body.dark .modal .dropdown-menu > li,
body.admin-body.dark .admin-content .dropdown-menu > li,
html.theme-preload-dark .page-content .dropdown-menu > li {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

body.dark .page-content .dropdown-item,
body.dark .content-box .dropdown-item,
body.dark .modal .dropdown-item,
body.admin-body.dark .admin-content .dropdown-item,
html.theme-preload-dark .page-content .dropdown-item {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  border: 1px solid transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.dark .page-content .dropdown-item:hover,
body.dark .page-content .dropdown-item:focus,
body.dark .content-box .dropdown-item:hover,
body.dark .content-box .dropdown-item:focus,
body.dark .modal .dropdown-item:hover,
body.dark .modal .dropdown-item:focus,
body.admin-body.dark .admin-content .dropdown-item:hover,
body.admin-body.dark .admin-content .dropdown-item:focus,
html.theme-preload-dark .page-content .dropdown-item:hover,
html.theme-preload-dark .page-content .dropdown-item:focus {
  border-color: var(--x0-accent, #ffdd93) !important;
  background: var(--x0-surface-hover, #303030) !important;
  color: var(--x0-text, #f0f0f0) !important;
  outline: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

body.dark .page-content :where(.form-control, .form-select),
body.dark .content-box :where(.form-control, .form-select),
body.dark .modal :where(.form-control, .form-select),
body.admin-body.dark .admin-content :where(.form-control, .form-select),
body.admin-body.dark .page-content :where(.form-control, .form-select),
html.theme-preload-dark .page-content :where(.form-control, .form-select),
html.theme-preload-dark .content-box :where(.form-control, .form-select),
html.theme-preload-dark .modal :where(.form-control, .form-select) {
  width: min(100%, 300px) !important;
  max-width: 300px !important;
  min-height: 32px !important;
  padding: 5px 9px !important;
}

body.dark .page-content .input-group,
body.dark .content-box .input-group,
body.dark .modal .input-group,
body.admin-body.dark .admin-content .input-group,
html.theme-preload-dark .page-content .input-group {
  width: min(100%, 300px) !important;
  max-width: 300px !important;
}

body.dark .page-content textarea.form-control,
body.dark .content-box textarea.form-control,
body.dark .modal textarea.form-control,
body.admin-body.dark .admin-content textarea.form-control,
body.admin-body.dark .page-content textarea.form-control,
html.theme-preload-dark .page-content textarea.form-control,
html.theme-preload-dark .content-box textarea.form-control,
html.theme-preload-dark .modal textarea.form-control {
  width: min(100%, 300px) !important;
  max-width: 300px !important;
  min-height: 86px !important;
  height: 96px;
  max-height: none !important;
  resize: vertical !important;
  overflow: auto !important;
}

body.dark .page-content .form-floating,
body.dark .content-box .form-floating,
body.dark .modal .form-floating,
body.admin-body.dark .admin-content .form-floating,
body.admin-body.dark .page-content .form-floating,
html.theme-preload-dark .page-content .form-floating,
html.theme-preload-dark .content-box .form-floating,
html.theme-preload-dark .modal .form-floating {
  width: min(100%, 300px) !important;
  max-width: 300px !important;
}

body.dark .page-content .form-floating > :where(.form-control, .form-select),
body.dark .content-box .form-floating > :where(.form-control, .form-select),
body.dark .modal .form-floating > :where(.form-control, .form-select),
body.admin-body.dark .admin-content .form-floating > :where(.form-control, .form-select),
html.theme-preload-dark .page-content .form-floating > :where(.form-control, .form-select) {
  width: 100% !important;
  max-width: 100% !important;
}

body.dark .page-content .form-floating > textarea.form-control,
body.dark .content-box .form-floating > textarea.form-control,
body.dark .modal .form-floating > textarea.form-control,
body.admin-body.dark .admin-content .form-floating > textarea.form-control,
html.theme-preload-dark .page-content .form-floating > textarea.form-control {
  min-height: 92px !important;
  height: 104px;
  max-height: none !important;
  resize: vertical !important;
  overflow: auto !important;
}

/* Final dark radius and hover refinements. */
body.dark .account-dropdown-panel .account-dropdown-link:hover,
body.dark .account-dropdown-panel .account-dropdown-link:focus,
body.dark .account-dropdown-panel .account-switch-summary:hover,
body.dark .account-dropdown-panel .account-switch-summary:focus,
body.dark .account-dropdown-panel .account-switch-link:hover,
body.dark .account-dropdown-panel .account-switch-link:focus,
body.dark .account-dropdown-actions .account-dropdown-btn:hover,
body.dark .account-dropdown-actions .account-dropdown-btn:focus,
body.dark .account-dropdown-actions .btn:hover,
body.dark .account-dropdown-actions .btn:focus,
body.admin-body.dark .account-dropdown-panel .account-dropdown-link:hover,
body.admin-body.dark .account-dropdown-panel .account-dropdown-link:focus,
body.admin-body.dark .account-dropdown-panel .account-switch-summary:hover,
body.admin-body.dark .account-dropdown-panel .account-switch-summary:focus,
body.admin-body.dark .account-dropdown-panel .account-switch-link:hover,
body.admin-body.dark .account-dropdown-panel .account-switch-link:focus,
body.admin-body.dark .account-dropdown-actions .account-dropdown-btn:hover,
body.admin-body.dark .account-dropdown-actions .account-dropdown-btn:focus,
body.admin-body.dark .account-dropdown-actions .btn:hover,
body.admin-body.dark .account-dropdown-actions .btn:focus,
html.theme-preload-dark .account-dropdown-panel .account-dropdown-link:hover,
html.theme-preload-dark .account-dropdown-panel .account-dropdown-link:focus,
html.theme-preload-dark .account-dropdown-panel .account-switch-summary:hover,
html.theme-preload-dark .account-dropdown-panel .account-switch-summary:focus,
html.theme-preload-dark .account-dropdown-panel .account-switch-link:hover,
html.theme-preload-dark .account-dropdown-panel .account-switch-link:focus,
html.theme-preload-dark .account-dropdown-actions .account-dropdown-btn:hover,
html.theme-preload-dark .account-dropdown-actions .account-dropdown-btn:focus,
html.theme-preload-dark .account-dropdown-actions .btn:hover,
html.theme-preload-dark .account-dropdown-actions .btn:focus {
  border-width: 1px !important;
  box-shadow: none !important;
}

body.dark .page-content .nav-tabs,
body.dark .content-box .nav-tabs,
body.dark .modal .nav-tabs,
body.admin-body.dark .admin-content .nav-tabs,
html.theme-preload-dark .page-content .nav-tabs,
html.theme-preload-dark .content-box .nav-tabs,
html.theme-preload-dark .modal .nav-tabs {
  border: 1px solid var(--x0-border, #454545) !important;
  border-radius: 6px !important;
  padding: 4px !important;
}

body.dark .page-content .nav-tabs .nav-link,
body.dark .content-box .nav-tabs .nav-link,
body.dark .modal .nav-tabs .nav-link,
body.admin-body.dark .admin-content .nav-tabs .nav-link,
html.theme-preload-dark .page-content .nav-tabs .nav-link,
html.theme-preload-dark .content-box .nav-tabs .nav-link,
html.theme-preload-dark .modal .nav-tabs .nav-link {
  border: 1px solid transparent !important;
  border-radius: 6px !important;
}

body.dark .page-content .nav-tabs .nav-link:hover,
body.dark .page-content .nav-tabs .nav-link:focus,
body.dark .page-content .nav-tabs .nav-link.active,
body.dark .content-box .nav-tabs .nav-link:hover,
body.dark .content-box .nav-tabs .nav-link:focus,
body.dark .content-box .nav-tabs .nav-link.active,
body.dark .modal .nav-tabs .nav-link:hover,
body.dark .modal .nav-tabs .nav-link:focus,
body.dark .modal .nav-tabs .nav-link.active,
body.admin-body.dark .admin-content .nav-tabs .nav-link:hover,
body.admin-body.dark .admin-content .nav-tabs .nav-link:focus,
body.admin-body.dark .admin-content .nav-tabs .nav-link.active,
html.theme-preload-dark .page-content .nav-tabs .nav-link:hover,
html.theme-preload-dark .page-content .nav-tabs .nav-link:focus,
html.theme-preload-dark .page-content .nav-tabs .nav-link.active,
html.theme-preload-dark .content-box .nav-tabs .nav-link:hover,
html.theme-preload-dark .content-box .nav-tabs .nav-link:focus,
html.theme-preload-dark .content-box .nav-tabs .nav-link.active,
html.theme-preload-dark .modal .nav-tabs .nav-link:hover,
html.theme-preload-dark .modal .nav-tabs .nav-link:focus,
html.theme-preload-dark .modal .nav-tabs .nav-link.active {
  border-color: var(--x0-accent, #ffdd93) !important;
  border-radius: 6px !important;
}

body.dark .alert,
body.dark .page-content .alert,
body.dark .content-box .alert,
body.dark .modal .alert,
body.admin-body.dark .admin-content .alert,
html.theme-preload-dark .alert,
html.theme-preload-dark .page-content .alert,
html.theme-preload-dark .content-box .alert,
html.theme-preload-dark .modal .alert {
  border-radius: 6px !important;
}

body.dark .x0-content-small-box,
body.dark .x0-content-mid-box,
body.dark .x0-content-wide-box,
body.dark .x0-content-inline-box,
body.admin-body.dark .x0-content-small-box,
body.admin-body.dark .x0-content-mid-box,
body.admin-body.dark .x0-content-wide-box,
body.admin-body.dark .x0-content-inline-box,
html.theme-preload-dark .x0-content-small-box,
html.theme-preload-dark .x0-content-mid-box,
html.theme-preload-dark .x0-content-wide-box,
html.theme-preload-dark .x0-content-inline-box {
  border-radius: 3px !important;
}

body.dark .x0-content-small-box h3,
body.dark .x0-content-mid-box h3,
body.dark .x0-content-wide-box h3,
body.admin-body.dark .x0-content-small-box h3,
body.admin-body.dark .x0-content-mid-box h3,
body.admin-body.dark .x0-content-wide-box h3,
html.theme-preload-dark .x0-content-small-box h3,
html.theme-preload-dark .x0-content-mid-box h3,
html.theme-preload-dark .x0-content-wide-box h3 {
  border-top: 0 !important;
  border-bottom-color: #34322f !important;
}

body.dark .x0-content-small-box:hover h3,
body.dark .x0-content-mid-box:hover h3,
body.dark .x0-content-wide-box:hover h3,
body.admin-body.dark .x0-content-small-box:hover h3,
body.admin-body.dark .x0-content-mid-box:hover h3,
body.admin-body.dark .x0-content-wide-box:hover h3 {
  border-bottom-color: var(--x0-accent, #ffdd93) !important;
}

body.dark .x0-boolean-status,
body.dark .x0-inline-field-value,
body.dark .x0-inline-field-btn,
body.admin-body.dark .x0-boolean-status,
body.admin-body.dark .x0-inline-field-value,
body.admin-body.dark .x0-inline-field-btn,
html.theme-preload-dark .x0-boolean-status,
html.theme-preload-dark .x0-inline-field-value,
html.theme-preload-dark .x0-inline-field-btn {
  color: #f3f0e8 !important;
}

body.dark .x0-inline-field-value.is-empty,
body.admin-body.dark .x0-inline-field-value.is-empty,
html.theme-preload-dark .x0-inline-field-value.is-empty {
  color: #a9a39a !important;
}

body.dark .x0-inline-label,
body.dark .x0-boolean-label,
body.dark .x0-upload-label,
body.admin-body.dark .x0-inline-label,
body.admin-body.dark .x0-boolean-label,
body.admin-body.dark .x0-upload-label,
html.theme-preload-dark .x0-inline-label,
html.theme-preload-dark .x0-boolean-label,
html.theme-preload-dark .x0-upload-label {
  border-color: var(--x0-accent, #ffdd93) !important;
  background: #20201e !important;
  color: #b9b2a7 !important;
}

body.dark .upload-input-btn,
body.admin-body.dark .upload-input-btn,
html.theme-preload-dark .upload-input-btn {
  border-color: #34322f !important;
  background: #181817 !important;
  color: #f3f0e8 !important;
}

body.dark .upload-input-btn:hover,
body.dark .upload-input-btn:focus,
body.admin-body.dark .upload-input-btn:hover,
body.admin-body.dark .upload-input-btn:focus,
html.theme-preload-dark .upload-input-btn:hover,
html.theme-preload-dark .upload-input-btn:focus {
  border-color: var(--x0-accent, #ffdd93) !important;
  background: #20201e !important;
  color: #f3f0e8 !important;
}

body.dark .upload-input-meta,
body.admin-body.dark .upload-input-meta,
html.theme-preload-dark .upload-input-meta {
  color: #b9b2a7 !important;
}

body.dark .x0-inline-select-menu,
body.admin-body.dark .x0-inline-select-menu,
html.theme-preload-dark .x0-inline-select-menu {
  border-color: #34322f !important;
  background: #181817 !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .32) !important;
}

body.dark .x0-inline-select-option,
body.admin-body.dark .x0-inline-select-option,
html.theme-preload-dark .x0-inline-select-option {
  color: #f3f0e8 !important;
}

body.dark .x0-inline-select-option:hover,
body.dark .x0-inline-select-option:focus,
body.dark .x0-inline-select-option.is-active,
body.admin-body.dark .x0-inline-select-option:hover,
body.admin-body.dark .x0-inline-select-option:focus,
body.admin-body.dark .x0-inline-select-option.is-active,
html.theme-preload-dark .x0-inline-select-option:hover,
html.theme-preload-dark .x0-inline-select-option:focus,
html.theme-preload-dark .x0-inline-select-option.is-active {
  border-color: var(--x0-accent, #ffdd93) !important;
  background: #20201e !important;
  color: #f3f0e8 !important;
}

body.dark .account-dropdown-remember-label,
body.dark .account-dropdown-link-inline,
body.admin-body.dark .account-dropdown-remember-label,
body.admin-body.dark .account-dropdown-link-inline,
html.theme-preload-dark .account-dropdown-remember-label,
html.theme-preload-dark .account-dropdown-link-inline {
  color: #b9b2a7 !important;
}

body.dark .account-dropdown-link-inline,
body.admin-body.dark .account-dropdown-link-inline,
html.theme-preload-dark .account-dropdown-link-inline {
  border-left-color: #34322f !important;
  background: transparent !important;
}

body.dark .account-dropdown-link-inline:hover,
body.dark .account-dropdown-link-inline:focus,
body.admin-body.dark .account-dropdown-link-inline:hover,
body.admin-body.dark .account-dropdown-link-inline:focus,
html.theme-preload-dark .account-dropdown-link-inline:hover,
html.theme-preload-dark .account-dropdown-link-inline:focus {
  color: #f3f0e8 !important;
  border-left-color: var(--x0-accent, #ffdd93) !important;
  background: transparent !important;
}

body.dark .modal-backdrop.show,
body.dark .offcanvas-backdrop.show,
body.admin-body.dark .modal-backdrop.show,
body.admin-body.dark .offcanvas-backdrop.show,
html.theme-preload-dark .modal-backdrop.show,
html.theme-preload-dark .offcanvas-backdrop.show {
  opacity: .42 !important;
  background: #050505 !important;
}

body.dark .modal-content,
body.dark .page-content .modal-content,
body.dark .theme-bootx0-modal .modal-content,
body.admin-body.dark .modal-content,
html.theme-preload-dark .modal-content {
  border-color: var(--x0-accent, #ffdd93) !important;
  background: #20201f !important;
  color: #f3f0e8 !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .42) !important;
}

body.dark .modal-header,
body.dark .modal-footer,
body.admin-body.dark .modal-header,
body.admin-body.dark .modal-footer,
html.theme-preload-dark .modal-header,
html.theme-preload-dark .modal-footer {
  border-color: #34322f !important;
  background: #242423 !important;
}

body.dark .modal-body,
body.admin-body.dark .modal-body,
html.theme-preload-dark .modal-body {
  background: #20201f !important;
}

body.dark .page-content .tab-content,
body.dark .content-box .tab-content,
body.admin-body.dark .admin-content .tab-content,
html.theme-preload-dark .page-content .tab-content,
html.theme-preload-dark .content-box .tab-content {
  border-color: #34322f !important;
  background: #20201f !important;
  color: #f3f0e8 !important;
}

body.dark .page-content .progress,
body.dark .content-box .progress,
body.admin-body.dark .admin-content .progress,
html.theme-preload-dark .page-content .progress,
html.theme-preload-dark .content-box .progress {
  border-color: #34322f !important;
  background: #181817 !important;
}

body.dark .page-content .progress-bar,
body.dark .content-box .progress-bar,
body.admin-body.dark .admin-content .progress-bar,
html.theme-preload-dark .page-content .progress-bar,
html.theme-preload-dark .content-box .progress-bar {
  color: #171717 !important;
  background-color: color-mix(in srgb, var(--x0-accent, #ffdd93) 72%, #20201f) !important;
}

body.dark .page-content .table,
body.dark .content-box .table,
html.theme-preload-dark .page-content .table,
html.theme-preload-dark .content-box .table {
  border-color: #34322f !important;
  background: #20201f !important;
  color: #f3f0e8 !important;
}

body.dark .page-content .table th,
body.dark .page-content .table td,
body.dark .content-box .table th,
body.dark .content-box .table td,
html.theme-preload-dark .page-content .table th,
html.theme-preload-dark .page-content .table td,
html.theme-preload-dark .content-box .table th,
html.theme-preload-dark .content-box .table td {
  border-color: #34322f !important;
  color: #f3f0e8 !important;
}

body.dark .page-content .table thead th,
body.dark .content-box .table thead th,
html.theme-preload-dark .page-content .table thead th,
html.theme-preload-dark .content-box .table thead th {
  background: #242423 !important;
}

body.dark .page-content .table tbody tr:hover > *,
body.dark .content-box .table tbody tr:hover > *,
html.theme-preload-dark .page-content .table tbody tr:hover > *,
html.theme-preload-dark .content-box .table tbody tr:hover > * {
  background: #2a2a28 !important;
  border-top-color: #34322f !important;
  border-bottom-color: #34322f !important;
  box-shadow: none !important;
}

body.dark .btn.x0-save-button,
body.dark .x0-save-button,
body.admin-body.dark .btn.x0-save-button,
body.admin-body.dark .x0-save-button,
html.theme-preload-dark .btn.x0-save-button,
html.theme-preload-dark .x0-save-button {
  border-color: var(--x0-accent, #ffdd93) !important;
  background: var(--x0-accent, #ffdd93) !important;
  color: #171717 !important;
}

body.dark .btn.x0-save-button:hover,
body.dark .btn.x0-save-button:focus,
body.dark .x0-save-button:hover,
body.dark .x0-save-button:focus,
body.admin-body.dark .btn.x0-save-button:hover,
body.admin-body.dark .btn.x0-save-button:focus,
body.admin-body.dark .x0-save-button:hover,
body.admin-body.dark .x0-save-button:focus,
html.theme-preload-dark .btn.x0-save-button:hover,
html.theme-preload-dark .btn.x0-save-button:focus,
html.theme-preload-dark .x0-save-button:hover,
html.theme-preload-dark .x0-save-button:focus {
  background: #2a2a28 !important;
  border-color: #77736d !important;
  color: #f3f0e8 !important;
}

body.dark .x0-showcase-carousel,
body.admin-body.dark .x0-showcase-carousel,
html.theme-preload-dark .x0-showcase-carousel {
  border-color: #34322f !important;
  background: #20201f !important;
}

body.dark .x0-showcase-carousel .carousel-indicators [data-x0-slide-to],
body.admin-body.dark .x0-showcase-carousel .carousel-indicators [data-x0-slide-to],
html.theme-preload-dark .x0-showcase-carousel .carousel-indicators [data-x0-slide-to] {
  border-color: #34322f !important;
  background: #2a2a28 !important;
}

body.dark .x0-showcase-carousel .carousel-indicators .active,
body.admin-body.dark .x0-showcase-carousel .carousel-indicators .active,
html.theme-preload-dark .x0-showcase-carousel .carousel-indicators .active {
  border-color: var(--x0-accent, #ffdd93) !important;
  background: var(--x0-accent, #ffdd93) !important;
}

body.dark .popover,
body.dark .tooltip,
body.admin-body.dark .popover,
body.admin-body.dark .tooltip,
html.theme-preload-dark .popover,
html.theme-preload-dark .tooltip,
body.dark .offcanvas,
body.admin-body.dark .offcanvas,
html.theme-preload-dark .offcanvas,
body.dark .cmsx0-cookie-consent-inner,
body.admin-body.dark .cmsx0-cookie-consent-inner,
html.theme-preload-dark .cmsx0-cookie-consent-inner {
  border-color: var(--x0-accent, #ffdd93) !important;
  background: #20201f !important;
  color: #f3f0e8 !important;
}

body.dark .popover .popover-header,
body.admin-body.dark .popover .popover-header,
html.theme-preload-dark .popover .popover-header,
body.dark .offcanvas-header,
body.admin-body.dark .offcanvas-header,
html.theme-preload-dark .offcanvas-header {
  border-color: #34322f !important;
  background: #242423 !important;
  color: #f3f0e8 !important;
}

body.dark .user-badge,
body.dark .member-role-badge,
body.dark .account-dropdown-user-badge,
body.dark .page-content .user-badge,
body.dark .page-content .member-role-badge,
body.admin-body.dark .user-badge,
body.admin-body.dark .member-role-badge,
body.admin-body.dark .account-dropdown-user-badge,
html.theme-preload-dark .user-badge,
html.theme-preload-dark .member-role-badge,
html.theme-preload-dark .account-dropdown-user-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  min-width: 96px !important;
  max-width: 100% !important;
  min-height: 24px !important;
  height: 24px !important;
  padding: 3px 9px !important;
  border-width: 1px !important;
  border-radius: 6px !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: var(--user-badge-readable-color, var(--user-badge-color, #ffdd93)) !important;
  background: var(--user-badge-readable-bg, color-mix(in srgb, var(--user-badge-color, #ffdd93) 18%, #232323)) !important;
  border-color: var(--user-badge-color, #ffdd93) !important;
  box-shadow: inset 0 0 0 1px var(--user-badge-readable-shadow, color-mix(in srgb, var(--user-badge-color, #ffdd93) 32%, transparent)) !important;
  transform: none !important;
}

body.dark .user-badge .nav-link-icon,
body.dark .user-badge .theme-icon,
body.dark .user-badge .theme-x0-icon,
body.dark .member-role-badge .nav-link-icon,
body.dark .member-role-badge .theme-icon,
body.dark .member-role-badge .theme-x0-icon,
body.dark .member-role-badge-icon,
body.admin-body.dark .user-badge .nav-link-icon,
body.admin-body.dark .member-role-badge .nav-link-icon,
html.theme-preload-dark .user-badge .nav-link-icon,
html.theme-preload-dark .member-role-badge .nav-link-icon {
  width: 12px !important;
  height: 12px !important;
  min-width: 12px !important;
  flex: 0 0 12px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  color: currentColor !important;
}

body.dark .member-role-badge-label,
body.dark .account-dropdown-user-badge-label,
body.dark .user-badge-label,
body.admin-body.dark .member-role-badge-label,
body.admin-body.dark .account-dropdown-user-badge-label,
body.admin-body.dark .user-badge-label,
html.theme-preload-dark .member-role-badge-label,
html.theme-preload-dark .account-dropdown-user-badge-label,
html.theme-preload-dark .user-badge-label {
  display: inline-block !important;
  min-width: 0 !important;
  max-width: 96px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
}

body.admin-body.dark .dashboard-bar-track,
html.theme-preload-dark body.admin-body .dashboard-bar-track {
  background: #20201f !important;
  border-color: #34322f !important;
}

body.admin-body.dark .dashboard-bar-track > span,
html.theme-preload-dark body.admin-body .dashboard-bar-track > span {
  background: linear-gradient(90deg, color-mix(in srgb, var(--x0-accent, #ffdd93) 72%, #20201f), var(--x0-accent, #ffdd93)) !important;
}

body.admin-body.dark .dashboard-section-title,
body.admin-body.dark .dashboard-meter-row,
body.admin-body.dark .dashboard-top-paths h3,
body.admin-body.dark .dashboard-small-box h3,
body.admin-body.dark .dashboard-bar-row > span:first-child,
html.theme-preload-dark body.admin-body .dashboard-section-title,
html.theme-preload-dark body.admin-body .dashboard-meter-row,
html.theme-preload-dark body.admin-body .dashboard-top-paths h3,
html.theme-preload-dark body.admin-body .dashboard-small-box h3,
html.theme-preload-dark body.admin-body .dashboard-bar-row > span:first-child {
  color: #f3f0e8 !important;
}

body.admin-body.dark .dashboard-count-badge,
body.admin-body.dark .dashboard-mini-badge,
html.theme-preload-dark body.admin-body .dashboard-count-badge,
html.theme-preload-dark body.admin-body .dashboard-mini-badge {
  background: #2a2a28 !important;
  border-color: var(--x0-accent, #ffdd93) !important;
  color: #f3f0e8 !important;
}

body.admin-body.dark .dashboard-log-viewer,
body.admin-body.dark .admin-crawler-table .crawler-tag,
html.theme-preload-dark body.admin-body .dashboard-log-viewer,
html.theme-preload-dark body.admin-body .admin-crawler-table .crawler-tag {
  border-color: #34322f !important;
  background: #20201f !important;
  color: #f3f0e8 !important;
}

body.admin-body.dark .dashboard-log-row,
html.theme-preload-dark body.admin-body .dashboard-log-row {
  border-color: #34322f !important;
}

body.admin-body.dark .admin-crawler-table .crawler-tag:hover,
body.admin-body.dark .admin-crawler-table .crawler-tag:focus,
html.theme-preload-dark body.admin-body .admin-crawler-table .crawler-tag:hover,
html.theme-preload-dark body.admin-body .admin-crawler-table .crawler-tag:focus {
  background: #2a2a28 !important;
  border-left-color: var(--x0-accent, #ffdd93) !important;
  border-right-color: var(--x0-accent, #ffdd93) !important;
}

/* Final dark navigation alignment: generated dropdown categories mirror normal header/footer buttons. */
body.dark .header-nav .theme-nav-dropdown .theme-nav-category-main,
body.dark .footer-nav .theme-nav-dropdown .theme-nav-category-main,
body.admin-body.dark .header-nav .theme-nav-dropdown .theme-nav-category-main,
body.admin-body.dark .footer-nav .theme-nav-dropdown .theme-nav-category-main,
html.theme-preload-dark .header-nav .theme-nav-dropdown .theme-nav-category-main,
html.theme-preload-dark .footer-nav .theme-nav-dropdown .theme-nav-category-main {
  border: 0 !important;
  background: transparent !important;
  color: #eee9dd !important;
  box-shadow: none !important;
  transform: none !important;
}

body.dark .header-nav .theme-nav-dropdown .theme-nav-category-main:hover,
body.dark .header-nav .theme-nav-dropdown .theme-nav-category-main:focus,
body.dark .header-nav .theme-nav-dropdown.is-open .theme-nav-category-main,
body.dark .footer-nav .theme-nav-dropdown .theme-nav-category-main:hover,
body.dark .footer-nav .theme-nav-dropdown .theme-nav-category-main:focus,
body.dark .footer-nav .theme-nav-dropdown.is-open .theme-nav-category-main,
body.admin-body.dark .header-nav .theme-nav-dropdown .theme-nav-category-main:hover,
body.admin-body.dark .header-nav .theme-nav-dropdown.is-open .theme-nav-category-main,
body.admin-body.dark .footer-nav .theme-nav-dropdown .theme-nav-category-main:hover,
body.admin-body.dark .footer-nav .theme-nav-dropdown.is-open .theme-nav-category-main,
html.theme-preload-dark .header-nav .theme-nav-dropdown .theme-nav-category-main:hover,
html.theme-preload-dark .header-nav .theme-nav-dropdown.is-open .theme-nav-category-main,
html.theme-preload-dark .footer-nav .theme-nav-dropdown .theme-nav-category-main:hover,
html.theme-preload-dark .footer-nav .theme-nav-dropdown.is-open .theme-nav-category-main {
  border: 0 !important;
  background: transparent !important;
  color: #fff7e8 !important;
}

body.dark .header-nav .theme-nav-dropdown.is-active > .theme-nav-category-main,
body.dark .footer-nav .theme-nav-dropdown.is-active > .theme-nav-category-main,
body.admin-body.dark .header-nav .theme-nav-dropdown.is-active > .theme-nav-category-main,
body.admin-body.dark .footer-nav .theme-nav-dropdown.is-active > .theme-nav-category-main,
html.theme-preload-dark .header-nav .theme-nav-dropdown.is-active > .theme-nav-category-main,
html.theme-preload-dark .footer-nav .theme-nav-dropdown.is-active > .theme-nav-category-main {
  border: 0 !important;
  background: transparent !important;
}

body.dark .header-nav .theme-nav-dropdown .theme-nav-category-main .nav-link-label,
body.dark .footer-nav .theme-nav-dropdown .theme-nav-category-main .nav-link-label,
body.admin-body.dark .header-nav .theme-nav-dropdown .theme-nav-category-main .nav-link-label,
body.admin-body.dark .footer-nav .theme-nav-dropdown .theme-nav-category-main .nav-link-label,
html.theme-preload-dark .header-nav .theme-nav-dropdown .theme-nav-category-main .nav-link-label,
html.theme-preload-dark .footer-nav .theme-nav-dropdown .theme-nav-category-main .nav-link-label {
  text-decoration: underline dotted currentColor 1px !important;
  text-underline-offset: 4px !important;
}

body.dark .header-nav .theme-nav-dropdown .theme-nav-category-main:hover .nav-link-label,
body.dark .header-nav .theme-nav-dropdown.is-active .theme-nav-category-main .nav-link-label,
body.dark .footer-nav .theme-nav-dropdown .theme-nav-category-main:hover .nav-link-label,
body.dark .footer-nav .theme-nav-dropdown.is-active .theme-nav-category-main .nav-link-label,
body.admin-body.dark .header-nav .theme-nav-dropdown .theme-nav-category-main:hover .nav-link-label,
body.admin-body.dark .header-nav .theme-nav-dropdown.is-active .theme-nav-category-main .nav-link-label,
body.admin-body.dark .footer-nav .theme-nav-dropdown .theme-nav-category-main:hover .nav-link-label,
body.admin-body.dark .footer-nav .theme-nav-dropdown.is-active .theme-nav-category-main .nav-link-label,
html.theme-preload-dark .header-nav .theme-nav-dropdown .theme-nav-category-main:hover .nav-link-label,
html.theme-preload-dark .header-nav .theme-nav-dropdown.is-active .theme-nav-category-main .nav-link-label,
html.theme-preload-dark .footer-nav .theme-nav-dropdown .theme-nav-category-main:hover .nav-link-label,
html.theme-preload-dark .footer-nav .theme-nav-dropdown.is-active .theme-nav-category-main .nav-link-label {
  text-decoration-color: var(--x0-accent, #ffdd93) !important;
}

body.dark .footer-buttons-right:hover,
body.dark .footer-buttons-right:focus,
body.dark .footer-buttons-left:hover,
body.dark .footer-buttons-left:focus,
body.admin-body.dark .footer-buttons-right:hover,
body.admin-body.dark .footer-buttons-right:focus,
body.admin-body.dark .footer-buttons-left:hover,
body.admin-body.dark .footer-buttons-left:focus,
html.theme-preload-dark .footer-buttons-right:hover,
html.theme-preload-dark .footer-buttons-left:hover {
  border: 0 !important;
  background: transparent !important;
  color: #fff7e8 !important;
}

body.dark .member-suk-slug,
body.dark .cmsx0-slug,
body.dark .module-source-slug,
body.dark .admin-small code,
body.dark code[id*="slug"],
body.dark .slug,
body.admin-body.dark .member-suk-slug,
body.admin-body.dark .cmsx0-slug,
body.admin-body.dark .module-source-slug,
body.admin-body.dark .admin-small code,
body.admin-body.dark code[id*="slug"],
body.admin-body.dark .slug,
html.theme-preload-dark .member-suk-slug,
html.theme-preload-dark .cmsx0-slug,
html.theme-preload-dark .module-source-slug,
html.theme-preload-dark .admin-small code,
html.theme-preload-dark code[id*="slug"],
html.theme-preload-dark .slug {
  color: var(--x0-accent, #ffdd93) !important;
  text-decoration-color: var(--x0-accent, #ffdd93) !important;
}

body.dark .dropdown-menu .dropdown-item:hover,
body.dark .dropdown-menu .dropdown-item:focus,
body.dark .theme-nav-dropdown-menu a:hover,
body.dark .theme-nav-dropdown-menu a:focus,
body.dark .theme-nav-dropdown-menu button:hover,
body.dark .theme-nav-dropdown-menu button:focus,
body.dark .lang-dropdown a:hover,
body.dark .lang-dropdown a:focus,
body.dark .lang-dropdown button:hover,
body.dark .lang-dropdown button:focus,
body.dark .lang-dropdown-menu a:hover,
body.dark .lang-dropdown-menu a:focus,
body.dark .lang-dropdown-menu button:hover,
body.dark .lang-dropdown-menu button:focus,
body.dark .x0-inline-select-option:hover,
body.dark .x0-inline-select-option:focus,
body.dark .x0-inline-select-option.is-active,
body.admin-body.dark .dropdown-menu .dropdown-item:hover,
body.admin-body.dark .dropdown-menu .dropdown-item:focus,
body.admin-body.dark .x0-inline-select-option:hover,
body.admin-body.dark .x0-inline-select-option:focus,
body.admin-body.dark .x0-inline-select-option.is-active,
html.theme-preload-dark .dropdown-menu .dropdown-item:hover,
html.theme-preload-dark .dropdown-menu .dropdown-item:focus,
html.theme-preload-dark .x0-inline-select-option:hover,
html.theme-preload-dark .x0-inline-select-option:focus,
html.theme-preload-dark .x0-inline-select-option.is-active {
  background: #2a2a28 !important;
  border-left-color: var(--x0-accent, #ffdd93) !important;
  border-right-color: var(--x0-accent, #ffdd93) !important;
}

body.dark .btn-outline,
body.dark .btn-outline-primary,
body.dark .btn-outline-secondary,
body.admin-body.dark .btn-outline,
body.admin-body.dark .btn-outline-primary,
body.admin-body.dark .btn-outline-secondary,
html.theme-preload-dark .btn-outline,
html.theme-preload-dark .btn-outline-primary,
html.theme-preload-dark .btn-outline-secondary {
  border-color: #55504a !important;
  background: color-mix(in srgb, var(--x0-accent, #ffdd93) 18%, #242321) !important;
  color: #f3f0e8 !important;
}

body.dark .btn-outline:hover,
body.dark .btn-outline:focus,
body.dark .btn-outline-primary:hover,
body.dark .btn-outline-primary:focus,
body.dark .btn-outline-secondary:hover,
body.dark .btn-outline-secondary:focus,
body.admin-body.dark .btn-outline:hover,
body.admin-body.dark .btn-outline:focus,
body.admin-body.dark .btn-outline-primary:hover,
body.admin-body.dark .btn-outline-primary:focus,
body.admin-body.dark .btn-outline-secondary:hover,
body.admin-body.dark .btn-outline-secondary:focus,
html.theme-preload-dark .btn-outline:hover,
html.theme-preload-dark .btn-outline:focus,
html.theme-preload-dark .btn-outline-primary:hover,
html.theme-preload-dark .btn-outline-primary:focus,
html.theme-preload-dark .btn-outline-secondary:hover,
html.theme-preload-dark .btn-outline-secondary:focus {
  border-color: var(--x0-accent, #ffdd93) !important;
  background: #2a2a28 !important;
}

body.dark .btn-primary,
body.admin-body.dark .btn-primary,
html.theme-preload-dark .btn-primary {
  border-color: #77736d !important;
  background: #2a2a28 !important;
  color: #f3f0e8 !important;
}

body.dark .btn-primary:hover,
body.dark .btn-primary:focus,
body.admin-body.dark .btn-primary:hover,
body.admin-body.dark .btn-primary:focus,
html.theme-preload-dark .btn-primary:hover,
html.theme-preload-dark .btn-primary:focus {
  border-color: var(--x0-accent, #ffdd93) !important;
  background: #242423 !important;
}

body.dark .x0-save-button,
body.dark .btn-save,
body.dark .btn-save-changes,
body.dark button[name*="save"].btn,
body.dark input[name*="save"].btn[type="submit"],
body.admin-body.dark .x0-save-button,
body.admin-body.dark .btn-save,
body.admin-body.dark .btn-save-changes,
body.admin-body.dark button[name*="save"].btn,
body.admin-body.dark input[name*="save"].btn[type="submit"],
html.theme-preload-dark .x0-save-button,
html.theme-preload-dark .btn-save,
html.theme-preload-dark .btn-save-changes,
html.theme-preload-dark button[name*="save"].btn,
html.theme-preload-dark input[name*="save"].btn[type="submit"] {
  border-color: var(--x0-accent, #ffdd93) !important;
  background: var(--x0-accent, #ffdd93) !important;
  color: #171717 !important;
}

body.dark .x0-save-button:hover,
body.dark .x0-save-button:focus,
body.dark .btn-save:hover,
body.dark .btn-save:focus,
body.dark .btn-save-changes:hover,
body.dark .btn-save-changes:focus,
body.dark button[name*="save"].btn:hover,
body.dark button[name*="save"].btn:focus,
body.dark input[name*="save"].btn[type="submit"]:hover,
body.dark input[name*="save"].btn[type="submit"]:focus,
body.admin-body.dark .x0-save-button:hover,
body.admin-body.dark .x0-save-button:focus,
body.admin-body.dark .btn-save:hover,
body.admin-body.dark .btn-save:focus,
body.admin-body.dark .btn-save-changes:hover,
body.admin-body.dark .btn-save-changes:focus,
body.admin-body.dark button[name*="save"].btn:hover,
body.admin-body.dark button[name*="save"].btn:focus,
body.admin-body.dark input[name*="save"].btn[type="submit"]:hover,
body.admin-body.dark input[name*="save"].btn[type="submit"]:focus,
html.theme-preload-dark .x0-save-button:hover,
html.theme-preload-dark .x0-save-button:focus,
html.theme-preload-dark .btn-save:hover,
html.theme-preload-dark .btn-save:focus,
html.theme-preload-dark .btn-save-changes:hover,
html.theme-preload-dark .btn-save-changes:focus,
html.theme-preload-dark button[name*="save"].btn:hover,
html.theme-preload-dark button[name*="save"].btn:focus,
html.theme-preload-dark input[name*="save"].btn[type="submit"]:hover,
html.theme-preload-dark input[name*="save"].btn[type="submit"]:focus {
  border-color: #77736d !important;
  background: #2a2a28 !important;
  color: #f3f0e8 !important;
}
body.dark .forum-manager-category-row > td,
body.admin-body.dark .forum-manager-category-row > td,
html.theme-preload-dark .forum-manager-category-row > td {
  background: var(--x0-surface-hover, #292929);
  border-top-color: var(--x0-border-strong, #64615c) !important;
  border-bottom-color: var(--x0-border, #484848) !important;
}

body.dark .forum-manager-forum-row > td,
body.admin-body.dark .forum-manager-forum-row > td,
html.theme-preload-dark .forum-manager-forum-row > td {
  background: var(--x0-surface, #202020);
}

body.dark .forum-manager-forum-row.is-subforum > td,
body.admin-body.dark .forum-manager-forum-row.is-subforum > td,
html.theme-preload-dark .forum-manager-forum-row.is-subforum > td {
  background: #252524;
}

body.dark .forum-manager-category-row:hover > td,
body.dark .forum-manager-forum-row:hover > td,
body.admin-body.dark .forum-manager-category-row:hover > td,
body.admin-body.dark .forum-manager-forum-row:hover > td,
html.theme-preload-dark .forum-manager-category-row:hover > td,
html.theme-preload-dark .forum-manager-forum-row:hover > td {
  background: var(--x0-surface-hover, #292929);
}




body.dark .x0-skeleton-layer,
body.admin-body.dark .x0-skeleton-layer,
html.theme-preload-dark .x0-skeleton-layer {
  background: var(--x0-surface, #202020);
}

body.dark .x0-skeleton-line,
body.dark .x0-skeleton-avatar,
body.dark .x0-skeleton-card-lines i,
body.dark .x0-skeleton-card,
body.admin-body.dark .x0-skeleton-line,
body.admin-body.dark .x0-skeleton-avatar,
body.admin-body.dark .x0-skeleton-card-lines i,
body.admin-body.dark .x0-skeleton-card,
html.theme-preload-dark .x0-skeleton-line,
html.theme-preload-dark .x0-skeleton-avatar,
html.theme-preload-dark .x0-skeleton-card-lines i,
html.theme-preload-dark .x0-skeleton-card {
  border-color: var(--x0-border, #484848);
  background: var(--x0-surface-hover, #292929);
}

body.dark .x0-skeleton-divider,
body.admin-body.dark .x0-skeleton-divider,
html.theme-preload-dark .x0-skeleton-divider {
  background: linear-gradient(90deg, transparent, var(--x0-border, #484848) 12%, var(--x0-border, #484848) 88%, transparent);
}

/* Keep active navigation and breadcrumb endpoints identical in both theme modes. */
body.dark :where(.header-nav-btn, .titlebar-buttons, .footer-buttons-right, .footer-buttons-left, .theme-nav-dropdown-item).is-active,
body.admin-body.dark :where(.header-nav-btn, .titlebar-buttons, .footer-buttons-right, .footer-buttons-left, .theme-nav-dropdown-item).is-active,
html.theme-preload-dark :where(.header-nav-btn, .titlebar-buttons, .footer-buttons-right, .footer-buttons-left, .theme-nav-dropdown-item).is-active,
body.dark .theme-nav-dropdown.is-active > :where(.theme-nav-dropdown-toggle, .theme-nav-category-main),
body.admin-body.dark .theme-nav-dropdown.is-active > :where(.theme-nav-dropdown-toggle, .theme-nav-category-main),
html.theme-preload-dark .theme-nav-dropdown.is-active > :where(.theme-nav-dropdown-toggle, .theme-nav-category-main),
body.dark :is(.x0-vertical-navigation, .x0-vertical-menu) :where(a:not(.dropdown-item), button, .nav-link).active,
body.dark :is(.x0-vertical-navigation, .x0-vertical-menu) :where(a:not(.dropdown-item), button, .nav-link).is-active,
body.admin-body.dark :is(.x0-vertical-navigation, .x0-vertical-menu) :where(a:not(.dropdown-item), button, .nav-link).active,
body.admin-body.dark :is(.x0-vertical-navigation, .x0-vertical-menu) :where(a:not(.dropdown-item), button, .nav-link).is-active {
  background: transparent !important;
}

body.dark :where(.header-nav-btn, .titlebar-buttons, .footer-buttons-right, .footer-buttons-left, .theme-nav-dropdown-item).is-active span,
body.admin-body.dark :where(.header-nav-btn, .titlebar-buttons, .footer-buttons-right, .footer-buttons-left, .theme-nav-dropdown-item).is-active span,
html.theme-preload-dark :where(.header-nav-btn, .titlebar-buttons, .footer-buttons-right, .footer-buttons-left, .theme-nav-dropdown-item).is-active span,
body.dark .theme-nav-dropdown.is-active > :where(.theme-nav-dropdown-toggle, .theme-nav-category-main) .nav-link-label,
body.admin-body.dark .theme-nav-dropdown.is-active > :where(.theme-nav-dropdown-toggle, .theme-nav-category-main) .nav-link-label,
html.theme-preload-dark .theme-nav-dropdown.is-active > :where(.theme-nav-dropdown-toggle, .theme-nav-category-main) .nav-link-label {
  text-decoration-line: underline !important;
  text-decoration-style: dotted !important;
  text-decoration-color: var(--x0-accent, #ffdd93) !important;
}

body.dark .member-profile-crumb-end,
body.admin-body.dark .member-profile-crumb-end,
html.theme-preload-dark .member-profile-crumb-end {
  border: 0 !important;
  border-bottom: 1px dotted var(--x0-accent, #ffdd93) !important;
  background: transparent !important;
}

/* Dark mode changes only component color, never geometry. */
/* Final dark tab palette; Strapx0 remains the sole geometry owner. */
body.dark :where(.nav-tabs, .cmsx0-tabs),
body.admin-body.dark :where(.nav-tabs, .cmsx0-tabs),
html.theme-preload-dark :where(.nav-tabs, .cmsx0-tabs),
body.dark .tab-content,
body.admin-body.dark .tab-content,
html.theme-preload-dark .tab-content {
  border-color: var(--x0-border, #454545) !important;
  background: var(--x0-surface, #232323) !important;
  color: var(--x0-text, #f0ece6) !important;
}

body.dark .tab-content::before,
body.admin-body.dark .tab-content::before,
html.theme-preload-dark .tab-content::before {
  background: var(--x0-border, #454545) !important;
}

body.dark :where(.nav-tabs, .cmsx0-tabs) :where(.nav-link, .btn),
body.admin-body.dark :where(.nav-tabs, .cmsx0-tabs) :where(.nav-link, .btn),
html.theme-preload-dark :where(.nav-tabs, .cmsx0-tabs) :where(.nav-link, .btn) {
  border: 0 !important;
  background: transparent !important;
  color: var(--x0-text, #f0ece6) !important;
}

body.dark :where(.nav-tabs, .cmsx0-tabs) :where(.nav-link, .btn):is(:hover, :focus-visible, .active, .is-active),
body.admin-body.dark :where(.nav-tabs, .cmsx0-tabs) :where(.nav-link, .btn):is(:hover, :focus-visible, .active, .is-active),
html.theme-preload-dark :where(.nav-tabs, .cmsx0-tabs) :where(.nav-link, .btn):is(:hover, :focus-visible, .active, .is-active) {
  border: 0 !important;
  background: transparent !important;
  color: var(--x0-text, #f0ece6) !important;
  text-decoration-line: underline !important;
  text-decoration-style: dotted !important;
  text-decoration-color: var(--x0-accent, #ffdd93) !important;
  text-underline-offset: 4px !important;
}

body.dark :where(.page-content, .content-box, .admin-content, .modal-body),
body.admin-body.dark :where(.page-content, .content-box, .admin-content, .modal-body),
html.theme-preload-dark :where(.page-content, .content-box, .admin-content, .modal-body) {
  font-size: var(--x0-module-content-font-size, var(--theme-font-size-content, 18px)) !important;
  line-height: 1.5 !important;
}

body.dark .x0-page-link,
body.dark .x0-entity-link,
body.admin-body.dark .x0-page-link,
body.admin-body.dark .x0-entity-link,
html.theme-preload-dark .x0-page-link,
html.theme-preload-dark .x0-entity-link {
  text-decoration-color: var(--x0-accent, #ffdd93) !important;
}

body.dark .x0-entity-link,
body.admin-body.dark .x0-entity-link,
html.theme-preload-dark .x0-entity-link {
  color: var(--x0-text, #f0ece6) !important;
}

/* Menu Manager category buttons keep the ordinary navigation surface in dark mode. */
body.dark .theme-nav-dropdown > .theme-nav-category-main,
body.admin-body.dark .theme-nav-dropdown > .theme-nav-category-main,
html.theme-preload-dark .theme-nav-dropdown > .theme-nav-category-main,
body.dark .theme-nav-dropdown.is-open > .theme-nav-category-main,
body.admin-body.dark .theme-nav-dropdown.is-open > .theme-nav-category-main,
html.theme-preload-dark .theme-nav-dropdown.is-open > .theme-nav-category-main,
body.dark .x0-vertical-navigation > a.nav-link:is(:hover, :focus-visible, .active, .is-active),
body.dark .x0-vertical-navigation > .x0-nav-dropdown > button.nav-link:is(:hover, :focus-visible, .active, .is-active),
body.admin-body.dark .x0-vertical-navigation > a.nav-link:is(:hover, :focus-visible, .active, .is-active),
body.admin-body.dark .x0-vertical-navigation > .x0-nav-dropdown > button.nav-link:is(:hover, :focus-visible, .active, .is-active),
html.theme-preload-dark .x0-vertical-navigation > a.nav-link:is(:hover, :focus-visible, .active, .is-active),
html.theme-preload-dark .x0-vertical-navigation > .x0-nav-dropdown > button.nav-link:is(:hover, :focus-visible, .active, .is-active) {
  background: transparent !important;
  box-shadow: none !important;
}

body.dark :is(.header-nav, .footer-nav, .titlebar-links, .titlebar-buttons-right) .theme-nav-dropdown > .theme-nav-category-main .nav-link-label,
body.admin-body.dark :is(.header-nav, .footer-nav, .titlebar-links, .titlebar-buttons-right) .theme-nav-dropdown > .theme-nav-category-main .nav-link-label,
html.theme-preload-dark :is(.header-nav, .footer-nav, .titlebar-links, .titlebar-buttons-right) .theme-nav-dropdown > .theme-nav-category-main .nav-link-label {
  border-bottom: 1px dotted currentColor !important;
  text-decoration: underline dotted currentColor 1px !important;
  text-underline-offset: 4px !important;
}

body.dark :is(.header-nav, .footer-nav, .titlebar-links, .titlebar-buttons-right) .theme-nav-dropdown > .theme-nav-category-main,
body.admin-body.dark :is(.header-nav, .footer-nav, .titlebar-links, .titlebar-buttons-right) .theme-nav-dropdown > .theme-nav-category-main,
html.theme-preload-dark :is(.header-nav, .footer-nav, .titlebar-links, .titlebar-buttons-right) .theme-nav-dropdown > .theme-nav-category-main {
  color: #dddddd !important;
}

body.dark :is(.header-nav, .footer-nav, .titlebar-links, .titlebar-buttons-right) .theme-nav-dropdown > .theme-nav-category-main:is(:hover, :focus-visible) .nav-link-label,
body.dark :is(.header-nav, .footer-nav, .titlebar-links, .titlebar-buttons-right) .theme-nav-dropdown.is-open > .theme-nav-category-main .nav-link-label,
body.dark :is(.header-nav, .footer-nav, .titlebar-links, .titlebar-buttons-right) .theme-nav-dropdown.is-active > .theme-nav-category-main .nav-link-label,
body.admin-body.dark :is(.header-nav, .footer-nav, .titlebar-links, .titlebar-buttons-right) .theme-nav-dropdown > .theme-nav-category-main:is(:hover, :focus-visible) .nav-link-label,
body.admin-body.dark :is(.header-nav, .footer-nav, .titlebar-links, .titlebar-buttons-right) .theme-nav-dropdown.is-open > .theme-nav-category-main .nav-link-label,
body.admin-body.dark :is(.header-nav, .footer-nav, .titlebar-links, .titlebar-buttons-right) .theme-nav-dropdown.is-active > .theme-nav-category-main .nav-link-label,
html.theme-preload-dark :is(.header-nav, .footer-nav, .titlebar-links, .titlebar-buttons-right) .theme-nav-dropdown > .theme-nav-category-main:is(:hover, :focus-visible) .nav-link-label,
html.theme-preload-dark :is(.header-nav, .footer-nav, .titlebar-links, .titlebar-buttons-right) .theme-nav-dropdown.is-open > .theme-nav-category-main .nav-link-label,
html.theme-preload-dark :is(.header-nav, .footer-nav, .titlebar-links, .titlebar-buttons-right) .theme-nav-dropdown.is-active > .theme-nav-category-main .nav-link-label {
  border-bottom-color: var(--x0-accent, #ffdd93) !important;
}

body.dark .x0-page-link:is(:hover, :focus-visible),
body.dark .x0-entity-link:is(:hover, :focus-visible),
body.admin-body.dark .x0-page-link:is(:hover, :focus-visible),
body.admin-body.dark .x0-entity-link:is(:hover, :focus-visible),
html.theme-preload-dark .x0-page-link:is(:hover, :focus-visible),
html.theme-preload-dark .x0-entity-link:is(:hover, :focus-visible),
body.dark .x0-external-link-icon,
body.admin-body.dark .x0-external-link-icon,
html.theme-preload-dark .x0-external-link-icon {
  color: #d99635 !important;
}

body.dark :where(.btn, button.btn, a.btn, input.btn[type="button"], input.btn[type="submit"], .x0-save-button, .btn-save, .btn-save-changes, .btn-sm, .btn-lg),
body.admin-body.dark :where(.btn, button.btn, a.btn, input.btn[type="button"], input.btn[type="submit"], .x0-save-button, .btn-save, .btn-save-changes, .btn-sm, .btn-lg),
html.theme-preload-dark :where(.btn, button.btn, a.btn, input.btn[type="button"], input.btn[type="submit"], .x0-save-button, .btn-save, .btn-save-changes, .btn-sm, .btn-lg) {
  box-sizing: border-box !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  padding: 2px 10px !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 2px !important;
  font-size: var(--theme-font-size-buttons, 14px) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body.dark :where(.btn, .btn-primary, .btn-secondary, .btn-success, .btn-info, .btn-light, .btn-dark),
body.admin-body.dark :where(.btn, .btn-primary, .btn-secondary, .btn-success, .btn-info, .btn-light, .btn-dark),
html.theme-preload-dark :where(.btn, .btn-primary, .btn-secondary, .btn-success, .btn-info, .btn-light, .btn-dark) {
  border-color: var(--x0-border, #4a4a47) !important;
  background: var(--x0-surface, #272727) !important;
  color: var(--x0-text, #f0ece6) !important;
}

body.dark :where(.btn-outline, .btn-outline-primary, .btn-outline-secondary, .btn-outline-success, .btn-outline-info, .btn-outline-warning, .btn[type="submit"]:not(.x0-save-button):not(.btn-save):not(.btn-save-changes):not(.btn-danger):not(.btn-disabled-danger)),
body.admin-body.dark :where(.btn-outline, .btn-outline-primary, .btn-outline-secondary, .btn-outline-success, .btn-outline-info, .btn-outline-warning, .btn[type="submit"]:not(.x0-save-button):not(.btn-save):not(.btn-save-changes):not(.btn-danger):not(.btn-disabled-danger)),
html.theme-preload-dark :where(.btn-outline, .btn-outline-primary, .btn-outline-secondary, .btn-outline-success, .btn-outline-info, .btn-outline-warning, .btn[type="submit"]:not(.x0-save-button):not(.btn-save):not(.btn-save-changes):not(.btn-danger):not(.btn-disabled-danger)) {
  border-color: var(--x0-accent, #ffdd93) !important;
  background: transparent !important;
  color: var(--x0-text, #f0ece6) !important;
}

body.dark :where(.x0-save-button, .btn-save, .btn-save-changes),
body.admin-body.dark :where(.x0-save-button, .btn-save, .btn-save-changes),
html.theme-preload-dark :where(.x0-save-button, .btn-save, .btn-save-changes) {
  border-color: var(--x0-border-strong, #676159) !important;
  background: color-mix(in srgb, var(--x0-accent, #ffdd93) 18%, var(--x0-surface, #272727)) !important;
  color: var(--x0-text, #f0ece6) !important;
}

body.dark :where(.page-content, .content-box, .modal) .nav-tabs,
body.admin-body.dark :where(.page-content, .admin-content, .content-box, .modal) .nav-tabs,
html.theme-preload-dark :where(.page-content, .admin-content, .content-box, .modal) .nav-tabs {
  gap: 0 !important;
  padding: 3px !important;
  border: 1px solid var(--x0-border, #454545) !important;
  background: var(--x0-surface, #232323) !important;
}

body.dark :where(.page-content, .content-box, .modal) .nav-tabs .nav-link,
body.admin-body.dark :where(.page-content, .admin-content, .content-box, .modal) .nav-tabs .nav-link,
html.theme-preload-dark :where(.page-content, .admin-content, .content-box, .modal) .nav-tabs .nav-link {
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  padding: 2px 10px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--x0-text, #f0ece6) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

body.dark :where(.page-content, .content-box, .modal) .nav-tabs .nav-link:is(:hover, :focus-visible, .active, .is-active),
body.admin-body.dark :where(.page-content, .admin-content, .content-box, .modal) .nav-tabs .nav-link:is(:hover, :focus-visible, .active, .is-active),
html.theme-preload-dark :where(.page-content, .admin-content, .content-box, .modal) .nav-tabs .nav-link:is(:hover, :focus-visible, .active, .is-active) {
  border: 0 !important;
  background: transparent !important;
  color: var(--x0-text, #f0ece6) !important;
  text-decoration-line: underline !important;
  text-decoration-style: dotted !important;
  text-decoration-color: var(--x0-accent, #ffdd93) !important;
  text-underline-offset: 4px !important;
}

body.dark :where(.page-content, .content-box, .modal) .tab-content,
body.admin-body.dark :where(.page-content, .admin-content, .content-box, .modal) .tab-content,
html.theme-preload-dark :where(.page-content, .admin-content, .content-box, .modal) .tab-content,
body.dark .tab-content.border,
body.admin-body.dark .tab-content.border,
html.theme-preload-dark .tab-content.border {
  margin-top: -1px !important;
  padding: 12px !important;
  border: 1px solid var(--x0-border, #454545) !important;
  border-top-color: transparent !important;
  background: var(--x0-surface, #232323) !important;
}

/* Final form geometry contract: switching color mode must not move fields. */
body.dark .page-content :where(input.form-control:not([type="color"]), .form-select),
body.dark .content-box :where(input.form-control:not([type="color"]), .form-select),
body.dark .modal :where(input.form-control:not([type="color"]), .form-select),
body.admin-body.dark .admin-content :where(input.form-control:not([type="color"]), .form-select),
body.admin-body.dark .page-content :where(input.form-control:not([type="color"]), .form-select),
html.theme-preload-dark .page-content :where(input.form-control:not([type="color"]), .form-select),
html.theme-preload-dark .content-box :where(input.form-control:not([type="color"]), .form-select),
html.theme-preload-dark .modal :where(input.form-control:not([type="color"]), .form-select) {
  min-height: 30px !important;
  padding: 4px 8px !important;
}

/* Qualified final rules match the legacy selector weight while keeping the
   same Strapx0 dimensions. */
body.dark .page-content,
body.dark .content-box,
body.dark .admin-content,
body.dark .modal-body,
body.admin-body.dark .page-content,
body.admin-body.dark .content-box,
body.admin-body.dark .admin-content,
body.admin-body.dark .modal-body,
html.theme-preload-dark .page-content,
html.theme-preload-dark .content-box,
html.theme-preload-dark .admin-content,
html.theme-preload-dark .modal-body {
  font-size: var(--x0-module-content-font-size, var(--theme-font-size-content, 18px)) !important;
  line-height: 1.5 !important;
}

body.dark .btn,
body.dark button.btn,
body.dark a.btn,
body.dark .page-content .btn,
body.dark .content-box .btn,
body.dark .modal .btn,
body.admin-body.dark .btn,
body.admin-body.dark button.btn,
body.admin-body.dark a.btn,
body.admin-body.dark .page-content .btn,
body.admin-body.dark .admin-content .btn,
body.admin-body.dark .content-box .btn,
body.admin-body.dark .modal .btn,
html.theme-preload-dark .btn,
html.theme-preload-dark .page-content .btn,
html.theme-preload-dark .admin-content .btn,
html.theme-preload-dark .content-box .btn,
html.theme-preload-dark .modal .btn {
  box-sizing: border-box !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  padding: 2px 10px !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 2px !important;
  font-size: var(--theme-font-size-buttons, 14px) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body.dark .page-content .nav-tabs,
body.dark .content-box .nav-tabs,
body.dark .modal .nav-tabs,
body.admin-body.dark .page-content .nav-tabs,
body.admin-body.dark .admin-content .nav-tabs,
body.admin-body.dark .content-box .nav-tabs,
body.admin-body.dark .modal .nav-tabs,
html.theme-preload-dark .page-content .nav-tabs,
html.theme-preload-dark .admin-content .nav-tabs,
html.theme-preload-dark .content-box .nav-tabs,
html.theme-preload-dark .modal .nav-tabs {
  gap: 0 !important;
  padding: 3px !important;
  border: 1px solid var(--x0-border, #454545) !important;
  background: var(--x0-surface, #232323) !important;
}

body.dark .page-content .nav-tabs .nav-link,
body.dark .content-box .nav-tabs .nav-link,
body.dark .modal .nav-tabs .nav-link,
body.admin-body.dark .page-content .nav-tabs .nav-link,
body.admin-body.dark .admin-content .nav-tabs .nav-link,
body.admin-body.dark .content-box .nav-tabs .nav-link,
body.admin-body.dark .modal .nav-tabs .nav-link,
html.theme-preload-dark .page-content .nav-tabs .nav-link,
html.theme-preload-dark .admin-content .nav-tabs .nav-link,
html.theme-preload-dark .content-box .nav-tabs .nav-link,
html.theme-preload-dark .modal .nav-tabs .nav-link {
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  padding: 2px 10px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--x0-text, #f0ece6) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

body.dark .page-content .nav-tabs .nav-link:is(:hover, :focus-visible, .active, .is-active),
body.dark .content-box .nav-tabs .nav-link:is(:hover, :focus-visible, .active, .is-active),
body.dark .modal .nav-tabs .nav-link:is(:hover, :focus-visible, .active, .is-active),
body.admin-body.dark .page-content .nav-tabs .nav-link:is(:hover, :focus-visible, .active, .is-active),
body.admin-body.dark .admin-content .nav-tabs .nav-link:is(:hover, :focus-visible, .active, .is-active),
body.admin-body.dark .content-box .nav-tabs .nav-link:is(:hover, :focus-visible, .active, .is-active),
body.admin-body.dark .modal .nav-tabs .nav-link:is(:hover, :focus-visible, .active, .is-active),
html.theme-preload-dark .page-content .nav-tabs .nav-link:is(:hover, :focus-visible, .active, .is-active),
html.theme-preload-dark .admin-content .nav-tabs .nav-link:is(:hover, :focus-visible, .active, .is-active),
html.theme-preload-dark .content-box .nav-tabs .nav-link:is(:hover, :focus-visible, .active, .is-active),
html.theme-preload-dark .modal .nav-tabs .nav-link:is(:hover, :focus-visible, .active, .is-active) {
  border: 0 !important;
  background: transparent !important;
  color: var(--x0-text, #f0ece6) !important;
  text-decoration-line: underline !important;
  text-decoration-style: dotted !important;
  text-decoration-color: var(--x0-accent, #ffdd93) !important;
  text-underline-offset: 4px !important;
}

body.dark .page-content .tab-content,
body.dark .content-box .tab-content,
body.dark .modal .tab-content,
body.admin-body.dark .page-content .tab-content,
body.admin-body.dark .admin-content .tab-content,
body.admin-body.dark .content-box .tab-content,
body.admin-body.dark .modal .tab-content,
html.theme-preload-dark .page-content .tab-content,
html.theme-preload-dark .admin-content .tab-content,
html.theme-preload-dark .content-box .tab-content,
html.theme-preload-dark .modal .tab-content,
body.dark .tab-content.border,
body.admin-body.dark .tab-content.border,
html.theme-preload-dark .tab-content.border {
  margin-top: -1px !important;
  padding: 12px !important;
  border: 1px solid var(--x0-border, #454545) !important;
  border-top-color: transparent !important;
  background: var(--x0-surface, #232323) !important;
}

/* Dark component overrides intentionally remain the final declarations. */
body.dark :where(.nav-tabs, .cmsx0-tabs),
body.admin-body.dark :where(.nav-tabs, .cmsx0-tabs),
html.theme-preload-dark :where(.nav-tabs, .cmsx0-tabs),
body.dark .tab-content,
body.admin-body.dark .tab-content,
html.theme-preload-dark .tab-content { border-color: #4a4a47 !important; }
body.dark .tab-content,
body.admin-body.dark .tab-content,
html.theme-preload-dark .tab-content { border-top-color: transparent !important; }
body.dark .tab-content::before,
body.admin-body.dark .tab-content::before,
html.theme-preload-dark .tab-content::before,
body.dark :where(.nav-tabs, .cmsx0-tabs) > :is(.nav-item, .nav-link, .btn)::before,
body.admin-body.dark :where(.nav-tabs, .cmsx0-tabs) > :is(.nav-item, .nav-link, .btn)::before,
html.theme-preload-dark :where(.nav-tabs, .cmsx0-tabs) > :is(.nav-item, .nav-link, .btn)::before { background: #4a4a47 !important; }
body.dark .x0-vertical-navigation > :where(.nav-item, .x0-nav-dropdown),
body.admin-body.dark .x0-vertical-navigation > :where(.nav-item, .x0-nav-dropdown),
html.theme-preload-dark .x0-vertical-navigation > :where(.nav-item, .x0-nav-dropdown),
body.dark :is(.x0-vertical-navigation, .x0-vertical-menu) :where(a:not(.dropdown-item), button, .nav-link),
body.admin-body.dark :is(.x0-vertical-navigation, .x0-vertical-menu) :where(a:not(.dropdown-item), button, .nav-link),
html.theme-preload-dark :is(.x0-vertical-navigation, .x0-vertical-menu) :where(a:not(.dropdown-item), button, .nav-link) {
  border-inline-start-color: #4a4a47 !important;
  border-inline-end-color: transparent !important;
}
body.dark .x0-vertical-navigation > :where(.nav-item, .x0-nav-dropdown):first-child,
body.admin-body.dark .x0-vertical-navigation > :where(.nav-item, .x0-nav-dropdown):first-child,
html.theme-preload-dark .x0-vertical-navigation > :where(.nav-item, .x0-nav-dropdown):first-child,
body.dark :is(.x0-vertical-navigation, .x0-vertical-menu) :where(a:not(.dropdown-item), button, .nav-link):first-child,
body.admin-body.dark :is(.x0-vertical-navigation, .x0-vertical-menu) :where(a:not(.dropdown-item), button, .nav-link):first-child,
html.theme-preload-dark :is(.x0-vertical-navigation, .x0-vertical-menu) :where(a:not(.dropdown-item), button, .nav-link):first-child { border-inline-start-color: transparent !important; }
body.dark :where(.page-content, .admin-content, .content-box, .modal) .x0-vertical-navigation > a.nav-link,
body.admin-body.dark :where(.page-content, .admin-content, .content-box, .modal) .x0-vertical-navigation > a.nav-link,
html.theme-preload-dark :where(.page-content, .admin-content, .content-box, .modal) .x0-vertical-navigation > a.nav-link {
  border-color: transparent !important;
  border-inline-start-color: #4a4a47 !important;
}
body.dark :where(.page-content, .admin-content, .content-box, .modal) .x0-vertical-navigation > a.nav-link:first-child,
body.admin-body.dark :where(.page-content, .admin-content, .content-box, .modal) .x0-vertical-navigation > a.nav-link:first-child,
html.theme-preload-dark :where(.page-content, .admin-content, .content-box, .modal) .x0-vertical-navigation > a.nav-link:first-child,
body.dark :where(.page-content, .admin-content, .content-box, .modal) .x0-vertical-navigation > .x0-nav-dropdown > button.nav-link,
body.admin-body.dark :where(.page-content, .admin-content, .content-box, .modal) .x0-vertical-navigation > .x0-nav-dropdown > button.nav-link,
html.theme-preload-dark :where(.page-content, .admin-content, .content-box, .modal) .x0-vertical-navigation > .x0-nav-dropdown > button.nav-link {
  border-color: transparent !important;
}
body.dark .sidebar-logo-wrap,
body.admin-body.dark .sidebar-logo-wrap,
html.theme-preload-dark .sidebar-logo-wrap,
body.dark .theme-bootx0-modal :where(.modal-content, .modal-body),
body.admin-body.dark .theme-bootx0-modal :where(.modal-content, .modal-body),
html.theme-preload-dark .theme-bootx0-modal :where(.modal-content, .modal-body) {
  background: var(--x0-surface, #232323) !important;
  border-color: #4a4a47 !important;
  color: var(--x0-text, #f0ece6) !important;
}
body.dark .theme-bootx0-modal :where(.modal-header, .modal-footer),
body.admin-body.dark .theme-bootx0-modal :where(.modal-header, .modal-footer),
html.theme-preload-dark .theme-bootx0-modal :where(.modal-header, .modal-footer) {
  background: var(--x0-surface-soft, #20201f) !important;
  border-color: #4a4a47 !important;
}