/* AxiSaaS 7.1.0. Last common layer, Bootstrap 5 classes and native HTML.
   No grid/column replacement, no new login layout, no icon background tiles. */
:root {
  --ax-radius-control: var(--theme-button-radius, 12px);
  --ax-radius-surface: var(--theme-card-radius, 16px);
  --bs-primary: var(--theme-primary);
  --bs-secondary: var(--theme-secondary);
  --bs-success: var(--theme-success);
  --bs-danger: var(--theme-danger);
  --bs-warning: var(--theme-warning);
  --bs-info: var(--theme-info);
  --bs-body-bg: var(--theme-body-bg);
  --bs-body-color: var(--theme-text-body);
  --bs-secondary-color: var(--theme-content-muted);
  --bs-tertiary-color: var(--theme-content-muted);
  --bs-secondary-bg: var(--theme-surface-hover-bg);
  --bs-tertiary-bg: var(--theme-surface-bg);
  --bs-emphasis-color: var(--theme-text-heading);
  --bs-link-color: var(--theme-link-color);
  --bs-link-hover-color: var(--theme-link-hover-color);
  --bs-border-color: var(--theme-line-color);
  --bs-border-radius: var(--ax-radius-control);
  --bs-border-radius-lg: var(--ax-radius-surface);
  --bs-body-font-family: var(--theme-font-family-base);
}
html { scroll-padding-top: calc(var(--theme-topbar-height, 72px) + 1rem); scroll-padding-bottom: calc(var(--theme-footer-height,50px) + 1rem); }
html body { color: var(--theme-text-body); background: var(--theme-body-bg); }
body .main-panel, body .content-area, body .theme-panels { min-width: 0; }
html body .content-area { color: var(--theme-content-text); }
html body .content-area p, html body .content-area .form-text, html body .content-area .help {
  color: var(--theme-content-muted); opacity: 1;
}
html body .content-area .card p { color: var(--theme-card-muted); }
html body .content-area :is(h1,h2,h3,h4,h5,h6) { color: var(--theme-text-heading); }
html body .content-area .card :is(h1,h2,h3,h4,h5,h6) { color: var(--theme-card-text); }
html body .content-area :is(.card,.panel,.widget,.dashboard-widget,.section,.check-card,.theme-color-row,.theme-style-row,.theme-guide-card,.theme-json-health,.theme-completeness) {
  color: var(--theme-card-text); background-color: var(--theme-card-bg) !important; border-color: var(--theme-card-border) !important;
}
html body .content-area :is(.section,.page-intro) { background-image: linear-gradient(120deg,var(--theme-section-bg),var(--theme-section-gradient-end)) !important; }
html body .content-area .page-intro p { color: var(--theme-section-subtitle); }
html body .content-area :is(.card-header,.card-footer) { color: var(--theme-panel-text); background: var(--theme-panel-header-bg) !important; }
/* Don't clip Bootstrap dropdowns, focus outlines or tooltips within cards. */
html body .content-area .card:has(> .card-body) { overflow: visible; }
html body .content-area .card-body { background: var(--theme-card-bg) !important; color: var(--theme-card-text) !important; border-radius: inherit; }

/* Whole menu rows are rounded; individual glyphs stay transparent. */
html body .sidebar { background: var(--theme-sidebar-bg) !important; color: var(--theme-sidebar-text) !important; border-color: var(--theme-sidebar-border) !important; }
html body .sidebar .nav-section { color: var(--theme-sidebar-section-title) !important; }
html body .nav-menu :is(.nav-item,.nav-parent-toggle) {
  transition-property: box-shadow,border-color,transform !important;
  background: linear-gradient(115deg,var(--theme-menu-item-bg),var(--theme-menu-item-gradient-end)) !important;
  color: var(--theme-menu-text) !important;
  border: 1px solid var(--theme-menu-border-color) !important;
  border-inline-start: var(--theme-menu-indicator-width,5px) solid var(--theme-menu-border-left) !important;
  border-radius: var(--theme-menu-radius,12px) !important;
  min-height: var(--theme-control-min-height,44px); height: auto !important;
}
html body .nav-menu :is(.nav-item,.nav-parent-toggle):hover {
  background: linear-gradient(115deg,var(--theme-menu-hover-bg),var(--theme-menu-hover-gradient-end)) !important;
  color: var(--theme-menu-text-hover) !important; border-inline-start-color: var(--theme-menu-border-left-hover) !important;
}
html body .nav-menu :is(.nav-item.active,.nav-parent-toggle.active),
html body .nav-menu .nav-group.open > .nav-parent-toggle {
  background: linear-gradient(115deg,var(--theme-menu-active-bg),var(--theme-menu-active-gradient-end)) !important;
  color: var(--theme-menu-text-active) !important; border-inline-start-color: var(--theme-menu-active-border) !important;
}
html body .nav-menu :is(.nav-item,.nav-parent-toggle,.nav-child) :is(i,svg,.menu-icon) {
  background: transparent !important; background-image: none !important; border: 0 !important;
  border-radius: 0 !important; box-shadow: none !important; padding: 0 !important;
  opacity: 1 !important; color: var(--theme-menu-icon-color) !important;
}
html body .nav-menu :is(.nav-item,.nav-parent-toggle):hover :is(i,svg,.menu-icon) { color: var(--theme-menu-icon-color-hover) !important; }
html body .nav-menu :is(.nav-item.active,.nav-parent-toggle.active) :is(i,svg,.menu-icon),
html body .nav-menu .nav-group.open > .nav-parent-toggle :is(i,svg,.menu-icon) { color: var(--theme-menu-icon-color-active) !important; }
html body .nav-menu .nav-child {
  background: linear-gradient(115deg,var(--theme-submenu-bg),var(--theme-submenu-gradient-end)) !important;
  color: var(--theme-submenu-text) !important; border-color: var(--theme-menu-border-color) !important;
  border-radius: var(--theme-menu-radius,12px) !important; min-height: 44px;
}
html body .nav-menu .nav-child:hover { background: linear-gradient(115deg,var(--theme-submenu-hover-bg),var(--theme-submenu-hover-gradient-end)) !important; color: var(--theme-submenu-hover-text) !important; }
html body .nav-menu .nav-child.active { background: linear-gradient(115deg,var(--theme-submenu-active-bg),var(--theme-submenu-active-gradient-end)) !important; color: var(--theme-submenu-active-text) !important; }
html body .nav-menu .nav-child :is(i,svg,.menu-icon),html body .nav-menu .nav-child.active :is(i,svg,.menu-icon) { color: inherit !important; }
html body .nav-menu :is(.nav-item,.nav-parent-toggle,.nav-child) :is(b,span) { color: inherit !important; }
html body .support-card { background: var(--theme-sidebar-support-bg) !important; border-color: var(--theme-sidebar-support-border) !important; }
html body .support-card span { color: var(--theme-sidebar-support-muted) !important; }
html body .support-card a { color: var(--theme-sidebar-support-link) !important; }
html body .brand-logo, html body .login-logo img { background: var(--ax-logo-background,transparent) !important; }
html body .logo-preview-box { background: transparent !important; }
html body .theme-preset-logo { background: var(--axi-preset-preview-bg,transparent) !important; }
html body .brand-meta :is(span,strong) { color: var(--theme-logo-text-color) !important; opacity: 1 !important; }

html body .topbar { background: var(--theme-topbar-bg) !important; color: var(--theme-topbar-text) !important; border-color: var(--theme-topbar-border) !important; }
html body :is(.circle-action,.notif-btn,.mobile-account-trigger) { background: var(--theme-header-icon-bg) !important; color: var(--theme-header-icon-text) !important; border-color: var(--theme-header-icon-border) !important; }
html body :is(.circle-action,.notif-btn,.mobile-account-trigger) i { color: inherit !important; }
html body :is(.circle-action,.notif-btn,.mobile-account-trigger):hover { background: var(--theme-header-icon-hover-bg) !important; color: var(--theme-header-icon-hover-text) !important; }
html body .home-link { background: var(--theme-home-button-bg) !important; color: var(--theme-home-button-text) !important; border-color: var(--theme-home-button-border) !important; }
html body .home-link:hover { background: var(--theme-home-button-hover-bg) !important; color: var(--theme-home-button-hover-text) !important; }
html body .account-trigger { background: var(--theme-account-button-bg) !important; color: var(--theme-account-button-text) !important; border-color: var(--theme-account-button-border) !important; }
html body #accountName, html body #accountRole { color: inherit !important; opacity: 1 !important; }
html body .account-drawer { background: var(--theme-account-drawer-bg) !important; color: var(--theme-account-drawer-text) !important; border-color: var(--theme-account-drawer-border) !important; }
html body .account-drawer[aria-hidden="true"] { visibility: hidden; }
html body .account-drawer[aria-hidden="false"] { visibility: visible; }
html body .drawer-links :is(a,button) { background: var(--theme-account-drawer-link-bg) !important; color: var(--theme-account-drawer-link-text) !important; border-color: var(--theme-account-drawer-border) !important; }
html body .drawer-links :is(a,button):hover { background: var(--theme-account-drawer-link-hover-bg) !important; color: var(--theme-account-drawer-link-hover-text) !important; }
html body .app-footer { background: var(--theme-footer-bg) !important; color: var(--theme-footer-text) !important; border-color: var(--theme-footer-border) !important; }
html body .app-footer .footer-links a { color: var(--theme-footer-link) !important; }

/* Native Bootstrap semantic buttons, including all states. */
html body .content-area .btn:not([class*="btn-"]):not(.light):not(.danger) {
  color: var(--theme-button-primary-text) !important;
  background: linear-gradient(115deg,var(--theme-button-primary-bg),var(--theme-button-primary-gradient-end)) !important;
  border: 1px solid var(--theme-button-primary-border) !important;
}
html body .content-area .btn:not([class*="btn-"]):not(.light):not(.danger):hover { color: var(--theme-button-primary-hover-text) !important; background: linear-gradient(115deg,var(--theme-button-primary-hover-bg),var(--theme-button-primary-hover-gradient-end)) !important; }
html body .content-area .btn.light { color: var(--theme-button-secondary-text) !important; background: var(--theme-button-secondary-bg) !important; border: 1px solid var(--theme-button-secondary-border) !important; }
html body .content-area .btn.light:hover { color: var(--theme-button-secondary-hover-text) !important; background: var(--theme-button-secondary-hover-bg) !important; border-color: var(--theme-button-secondary-hover-border) !important; }
html body .content-area .btn.danger { color: var(--theme-button-danger-text) !important; background: var(--theme-button-danger-bg) !important; border-color: var(--theme-button-danger-border) !important; }
html body .btn i, html body .btn svg { color: inherit !important; }
html body .content-area .btn,html body .content-area .page-link,html body .content-area .nav-link { min-height: var(--theme-control-min-height,44px); white-space: normal; overflow-wrap: anywhere; }
html body .btn { transition-property: box-shadow,border-color !important; }
html body .btn:hover { filter: none; }
html body .content-area a, html body .login-links a { transition-property: text-decoration-color,box-shadow !important; }
html body .content-area .btn.btn-primary,html body .modal-content .btn.btn-primary { --bs-btn-color:var(--theme-button-primary-text); --bs-btn-bg:var(--theme-button-primary-bg); --bs-btn-border-color:var(--theme-button-primary-border); color:var(--theme-button-primary-text) !important; background:linear-gradient(115deg,var(--theme-button-primary-bg),var(--theme-button-primary-gradient-end)) !important; border:1px solid var(--theme-button-primary-border) !important; }
html body .content-area .btn.btn-primary:hover:not(:disabled):not(.disabled),html body .modal-content .btn.btn-primary:hover:not(:disabled):not(.disabled) { color:var(--theme-button-primary-hover-text) !important; background:linear-gradient(115deg,var(--theme-button-primary-hover-bg),var(--theme-button-primary-hover-gradient-end)) !important; border-color:var(--theme-button-primary-hover-border) !important; opacity:1; }
html body .content-area .btn.btn-primary:is(:active,.active),html body .modal-content .btn.btn-primary:is(:active,.active) { color:var(--theme-button-primary-active-text) !important; background:var(--theme-button-primary-active-bg) !important; border-color:var(--theme-button-primary-active-border) !important; opacity:1; }
html body .content-area .btn.btn-primary:is(:disabled,.disabled),html body .modal-content .btn.btn-primary:is(:disabled,.disabled) { color:var(--theme-button-primary-disabled-text) !important; background:var(--theme-button-primary-disabled-bg) !important; border-color:var(--theme-button-primary-disabled-border) !important; opacity:1; }
html body .content-area .btn.btn-outline-primary { background:var(--theme-card-bg) !important; color:var(--theme-primary-on-card,var(--theme-card-link-text)) !important; border:1px solid var(--theme-primary-on-card,var(--theme-card-link-text)) !important; }
html body .content-area .btn.btn-outline-primary:is(:hover,:focus-visible,:active,.active) { color:var(--theme-button-primary-hover-text) !important; background:var(--theme-button-primary-hover-bg) !important; border-color:var(--theme-button-primary-hover-border) !important; }
html body .content-area .btn.btn-secondary,html body .modal-content .btn.btn-secondary { --bs-btn-color:var(--theme-button-secondary-text); --bs-btn-bg:var(--theme-button-secondary-bg); --bs-btn-border-color:var(--theme-button-secondary-border); color:var(--theme-button-secondary-text) !important; background:var(--theme-button-secondary-bg) !important; border:1px solid var(--theme-button-secondary-border) !important; }
html body .content-area .btn.btn-secondary:hover:not(:disabled):not(.disabled),html body .modal-content .btn.btn-secondary:hover:not(:disabled):not(.disabled) { color:var(--theme-button-secondary-hover-text) !important; background:var(--theme-button-secondary-hover-bg) !important; border-color:var(--theme-button-secondary-hover-border) !important; opacity:1; }
html body .content-area .btn.btn-secondary:is(:active,.active),html body .modal-content .btn.btn-secondary:is(:active,.active) { color:var(--theme-button-secondary-active-text) !important; background:var(--theme-button-secondary-active-bg) !important; border-color:var(--theme-button-secondary-active-border) !important; opacity:1; }
html body .content-area .btn.btn-secondary:is(:disabled,.disabled),html body .modal-content .btn.btn-secondary:is(:disabled,.disabled) { color:var(--theme-button-secondary-disabled-text) !important; background:var(--theme-button-secondary-disabled-bg) !important; border-color:var(--theme-button-secondary-disabled-border) !important; opacity:1; }
html body .content-area .btn.btn-outline-secondary { background:var(--theme-card-bg) !important; color:var(--theme-secondary-on-card,var(--theme-card-link-text)) !important; border:1px solid var(--theme-secondary-on-card,var(--theme-card-link-text)) !important; }
html body .content-area .btn.btn-outline-secondary:is(:hover,:focus-visible,:active,.active) { color:var(--theme-button-secondary-hover-text) !important; background:var(--theme-button-secondary-hover-bg) !important; border-color:var(--theme-button-secondary-hover-border) !important; }
html body .content-area .btn.btn-accent,html body .modal-content .btn.btn-accent { --bs-btn-color:var(--theme-button-accent-text); --bs-btn-bg:var(--theme-button-accent-bg); --bs-btn-border-color:var(--theme-button-accent-border); color:var(--theme-button-accent-text) !important; background:var(--theme-button-accent-bg) !important; border:1px solid var(--theme-button-accent-border) !important; }
html body .content-area .btn.btn-accent:hover:not(:disabled):not(.disabled),html body .modal-content .btn.btn-accent:hover:not(:disabled):not(.disabled) { color:var(--theme-button-accent-hover-text) !important; background:var(--theme-button-accent-hover-bg) !important; border-color:var(--theme-button-accent-hover-border) !important; opacity:1; }
html body .content-area .btn.btn-accent:is(:active,.active),html body .modal-content .btn.btn-accent:is(:active,.active) { color:var(--theme-button-accent-active-text) !important; background:var(--theme-button-accent-active-bg) !important; border-color:var(--theme-button-accent-active-border) !important; opacity:1; }
html body .content-area .btn.btn-accent:is(:disabled,.disabled),html body .modal-content .btn.btn-accent:is(:disabled,.disabled) { color:var(--theme-button-accent-disabled-text) !important; background:var(--theme-button-accent-disabled-bg) !important; border-color:var(--theme-button-accent-disabled-border) !important; opacity:1; }
html body .content-area .btn.btn-outline-accent { background:var(--theme-card-bg) !important; color:var(--theme-accent-on-card,var(--theme-card-link-text)) !important; border:1px solid var(--theme-accent-on-card,var(--theme-card-link-text)) !important; }
html body .content-area .btn.btn-outline-accent:is(:hover,:focus-visible,:active,.active) { color:var(--theme-button-accent-hover-text) !important; background:var(--theme-button-accent-hover-bg) !important; border-color:var(--theme-button-accent-hover-border) !important; }
html body .content-area .btn.btn-success,html body .modal-content .btn.btn-success { --bs-btn-color:var(--theme-button-success-text); --bs-btn-bg:var(--theme-button-success-bg); --bs-btn-border-color:var(--theme-button-success-border); color:var(--theme-button-success-text) !important; background:var(--theme-button-success-bg) !important; border:1px solid var(--theme-button-success-border) !important; }
html body .content-area .btn.btn-success:hover:not(:disabled):not(.disabled),html body .modal-content .btn.btn-success:hover:not(:disabled):not(.disabled) { color:var(--theme-button-success-hover-text) !important; background:var(--theme-button-success-hover-bg) !important; border-color:var(--theme-button-success-hover-border) !important; opacity:1; }
html body .content-area .btn.btn-success:is(:active,.active),html body .modal-content .btn.btn-success:is(:active,.active) { color:var(--theme-button-success-active-text) !important; background:var(--theme-button-success-active-bg) !important; border-color:var(--theme-button-success-active-border) !important; opacity:1; }
html body .content-area .btn.btn-success:is(:disabled,.disabled),html body .modal-content .btn.btn-success:is(:disabled,.disabled) { color:var(--theme-button-success-disabled-text) !important; background:var(--theme-button-success-disabled-bg) !important; border-color:var(--theme-button-success-disabled-border) !important; opacity:1; }
html body .content-area .btn.btn-outline-success { background:var(--theme-card-bg) !important; color:var(--theme-success-on-card,var(--theme-card-link-text)) !important; border:1px solid var(--theme-success-on-card,var(--theme-card-link-text)) !important; }
html body .content-area .btn.btn-outline-success:is(:hover,:focus-visible,:active,.active) { color:var(--theme-button-success-hover-text) !important; background:var(--theme-button-success-hover-bg) !important; border-color:var(--theme-button-success-hover-border) !important; }
html body .content-area .btn.btn-warning,html body .modal-content .btn.btn-warning { --bs-btn-color:var(--theme-button-warning-text); --bs-btn-bg:var(--theme-button-warning-bg); --bs-btn-border-color:var(--theme-button-warning-border); color:var(--theme-button-warning-text) !important; background:var(--theme-button-warning-bg) !important; border:1px solid var(--theme-button-warning-border) !important; }
html body .content-area .btn.btn-warning:hover:not(:disabled):not(.disabled),html body .modal-content .btn.btn-warning:hover:not(:disabled):not(.disabled) { color:var(--theme-button-warning-hover-text) !important; background:var(--theme-button-warning-hover-bg) !important; border-color:var(--theme-button-warning-hover-border) !important; opacity:1; }
html body .content-area .btn.btn-warning:is(:active,.active),html body .modal-content .btn.btn-warning:is(:active,.active) { color:var(--theme-button-warning-active-text) !important; background:var(--theme-button-warning-active-bg) !important; border-color:var(--theme-button-warning-active-border) !important; opacity:1; }
html body .content-area .btn.btn-warning:is(:disabled,.disabled),html body .modal-content .btn.btn-warning:is(:disabled,.disabled) { color:var(--theme-button-warning-disabled-text) !important; background:var(--theme-button-warning-disabled-bg) !important; border-color:var(--theme-button-warning-disabled-border) !important; opacity:1; }
html body .content-area .btn.btn-outline-warning { background:var(--theme-card-bg) !important; color:var(--theme-warning-on-card,var(--theme-card-link-text)) !important; border:1px solid var(--theme-warning-on-card,var(--theme-card-link-text)) !important; }
html body .content-area .btn.btn-outline-warning:is(:hover,:focus-visible,:active,.active) { color:var(--theme-button-warning-hover-text) !important; background:var(--theme-button-warning-hover-bg) !important; border-color:var(--theme-button-warning-hover-border) !important; }
html body .content-area .btn.btn-danger,html body .modal-content .btn.btn-danger { --bs-btn-color:var(--theme-button-danger-text); --bs-btn-bg:var(--theme-button-danger-bg); --bs-btn-border-color:var(--theme-button-danger-border); color:var(--theme-button-danger-text) !important; background:var(--theme-button-danger-bg) !important; border:1px solid var(--theme-button-danger-border) !important; }
html body .content-area .btn.btn-danger:hover:not(:disabled):not(.disabled),html body .modal-content .btn.btn-danger:hover:not(:disabled):not(.disabled) { color:var(--theme-button-danger-hover-text) !important; background:var(--theme-button-danger-hover-bg) !important; border-color:var(--theme-button-danger-hover-border) !important; opacity:1; }
html body .content-area .btn.btn-danger:is(:active,.active),html body .modal-content .btn.btn-danger:is(:active,.active) { color:var(--theme-button-danger-active-text) !important; background:var(--theme-button-danger-active-bg) !important; border-color:var(--theme-button-danger-active-border) !important; opacity:1; }
html body .content-area .btn.btn-danger:is(:disabled,.disabled),html body .modal-content .btn.btn-danger:is(:disabled,.disabled) { color:var(--theme-button-danger-disabled-text) !important; background:var(--theme-button-danger-disabled-bg) !important; border-color:var(--theme-button-danger-disabled-border) !important; opacity:1; }
html body .content-area .btn.btn-outline-danger { background:var(--theme-card-bg) !important; color:var(--theme-danger-on-card,var(--theme-card-link-text)) !important; border:1px solid var(--theme-danger-on-card,var(--theme-card-link-text)) !important; }
html body .content-area .btn.btn-outline-danger:is(:hover,:focus-visible,:active,.active) { color:var(--theme-button-danger-hover-text) !important; background:var(--theme-button-danger-hover-bg) !important; border-color:var(--theme-button-danger-hover-border) !important; }
html body .content-area .btn.btn-info,html body .modal-content .btn.btn-info { --bs-btn-color:var(--theme-button-info-text); --bs-btn-bg:var(--theme-button-info-bg); --bs-btn-border-color:var(--theme-button-info-border); color:var(--theme-button-info-text) !important; background:var(--theme-button-info-bg) !important; border:1px solid var(--theme-button-info-border) !important; }
html body .content-area .btn.btn-info:hover:not(:disabled):not(.disabled),html body .modal-content .btn.btn-info:hover:not(:disabled):not(.disabled) { color:var(--theme-button-info-hover-text) !important; background:var(--theme-button-info-hover-bg) !important; border-color:var(--theme-button-info-hover-border) !important; opacity:1; }
html body .content-area .btn.btn-info:is(:active,.active),html body .modal-content .btn.btn-info:is(:active,.active) { color:var(--theme-button-info-active-text) !important; background:var(--theme-button-info-active-bg) !important; border-color:var(--theme-button-info-active-border) !important; opacity:1; }
html body .content-area .btn.btn-info:is(:disabled,.disabled),html body .modal-content .btn.btn-info:is(:disabled,.disabled) { color:var(--theme-button-info-disabled-text) !important; background:var(--theme-button-info-disabled-bg) !important; border-color:var(--theme-button-info-disabled-border) !important; opacity:1; }
html body .content-area .btn.btn-outline-info { background:var(--theme-card-bg) !important; color:var(--theme-info-on-card,var(--theme-card-link-text)) !important; border:1px solid var(--theme-info-on-card,var(--theme-card-link-text)) !important; }
html body .content-area .btn.btn-outline-info:is(:hover,:focus-visible,:active,.active) { color:var(--theme-button-info-hover-text) !important; background:var(--theme-button-info-hover-bg) !important; border-color:var(--theme-button-info-hover-border) !important; }

/* Bootstrap's component variables plus explicit 5.1-compatible declarations. */
html body .content-area .table {
  --bs-table-color: var(--theme-table-text); --bs-table-bg: var(--theme-table-bg);
  --bs-table-striped-color: var(--theme-table-text); --bs-table-striped-bg: var(--theme-table-row-alt-bg);
  --bs-table-hover-color: var(--theme-table-text); --bs-table-hover-bg: var(--theme-table-row-hover-bg);
  --bs-table-active-color: var(--theme-table-row-selected-text); --bs-table-active-bg: var(--theme-table-row-selected-bg);
  color: var(--theme-table-text) !important; background: var(--theme-table-bg) !important;
}
html body .content-area .table > :not(caption) > * > * { color: inherit; background-color: var(--theme-table-row-bg); border-color: var(--theme-table-border) !important; }
html body .content-area .table thead :is(th,td) { color: var(--theme-table-header-text) !important; background: var(--theme-table-header-bg) !important; }
html body .content-area .table-striped > tbody > tr:nth-of-type(odd) > *,html body .content-area .table tbody tr:nth-child(even) > * { color: var(--theme-table-text); background-color: var(--theme-table-row-alt-bg) !important; }
html body .content-area .table-hover > tbody > tr:hover > *,html body .content-area .table tbody tr:hover > * { color: var(--theme-table-text); background-color: var(--theme-table-row-hover-bg) !important; }
html body .content-area .table .table-active > *,html body .content-area .table tr[aria-selected="true"] > * { color: var(--theme-table-row-selected-text) !important; background-color: var(--theme-table-row-selected-bg) !important; }
html body .content-area .table-responsive { max-width: 100%; overflow-x: auto; }
html body .content-area .table caption { color: var(--theme-card-muted) !important; }
html body .content-area :is(.form-control,.form-select,.input,select,textarea,.input-group-text) {
  color: var(--theme-input-text) !important; background-color: var(--theme-input-bg) !important;
  border-color: var(--theme-input-border) !important; min-height: var(--theme-control-min-height,44px);
  border-radius: var(--theme-input-radius,12px) !important;
}
html body .content-area :is(.form-control,.input,textarea)::placeholder { color: var(--theme-input-placeholder) !important; opacity: 1 !important; }
html body .content-area :is(.form-control,.form-select,.input,select,textarea):focus { border-color: var(--theme-input-focus-border) !important; }
html body .content-area :is(.form-control,.form-select,.input):disabled { color: var(--theme-input-disabled-text) !important; background: var(--theme-input-disabled-bg) !important; opacity: 1; }
html body .content-area :is(.form-control,.input)[readonly] { background: var(--theme-input-readonly-bg) !important; }
html body .content-area :is(.form-label,.label,.col-form-label) { color: var(--theme-label-text) !important; }
html body .content-area .input-group > :not(:first-child) { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
html body .content-area .input-group > :not(:last-child) { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
html body .content-area :is(.form-control,.form-select,.input).is-invalid { border-color: var(--theme-input-error-border) !important; }
html body .content-area :is(.form-control,.form-select,.input).is-valid { border-color: var(--theme-input-success-border) !important; }
html body .content-area .invalid-feedback { color: var(--theme-danger-on-card) !important; }
html body .content-area .valid-feedback { color: var(--theme-success-on-card) !important; }
html body .content-area .form-check-input { width: 1.25rem; height: 1.25rem; min-height: 0; background-color: var(--theme-checkbox-bg) !important; border-color: var(--theme-checkbox-border) !important; }
html body .content-area .form-check-input { appearance: none !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; }
html body .content-area .form-check-input[type="checkbox"] { border-radius: .25em !important; }
html body .content-area .form-check-input[type="radio"] { border-radius: 50% !important; }
html body .content-area .form-check-input:checked { background-color: var(--theme-checkbox-checked-bg) !important; border-color: var(--theme-checkbox-checked-border) !important; }
html body .content-area .form-check-input[type="checkbox"]:checked { background-image: var(--ax-checkbox-image) !important; }
html body .content-area .form-check-input[type="radio"]:checked { background-image: var(--ax-radio-image) !important; }
html body .content-area .form-check-label { display: inline-flex; min-width: 0; overflow-wrap: anywhere; min-height: 44px; align-items: center; padding-inline: .35rem; cursor: pointer; }
html body .content-area .form-check { display: flex; align-items: center; gap: .5rem; padding-left: 0; }
html body .content-area .form-check-input { margin-left: 0; flex-shrink: 0; }
html body .content-area .form-switch .form-check-input { width: 2.5em; border-radius: 2em !important; background-color: var(--theme-switch-bg) !important; background-image: var(--ax-switch-image) !important; background-position: left center !important; background-size: 50% 100% !important; }
html body .content-area .form-switch .form-check-input:checked { background-color: var(--theme-switch-active-bg) !important; background-image: var(--ax-switch-image) !important; background-position: right center !important; }
html body .content-area .form-select { background-image: var(--ax-select-image) !important; background-repeat: no-repeat !important; background-position: right .75rem center !important; background-size: 16px 12px !important; padding-right: 2.5rem; }

html body :is(.modal-content,.offcanvas,.dropdown-menu,.accordion-item,.list-group-item) { color: var(--theme-modal-text) !important; background: var(--theme-modal-bg) !important; border-color: var(--theme-modal-border) !important; }
html body :is(.modal-header,.modal-footer) { color: var(--theme-modal-text) !important; background: var(--theme-modal-header-bg) !important; border-color: var(--theme-modal-border) !important; }
html body .dropdown-menu { background: var(--theme-dropdown-bg) !important; color: var(--theme-dropdown-text) !important; }
html body .dropdown-item { color: var(--theme-dropdown-text) !important; min-height: 44px; white-space: normal; }
html body .dropdown-item:is(:hover,:focus,.active) { color: var(--theme-dropdown-hover-text) !important; background: var(--theme-dropdown-hover-bg) !important; }
html body .accordion-button { color: var(--theme-accordion-text) !important; background: var(--theme-accordion-header-bg) !important; min-height: 44px; }
html body .accordion-button:not(.collapsed) { background: var(--theme-accordion-active-bg) !important; }
html body .accordion-button::after { background-image: var(--ax-accordion-image) !important; }
html body .content-area .nav-link { color: var(--theme-tab-btn-text) !important; background: var(--theme-tab-btn-bg) !important; }
html body .content-area .nav-link:is(.active,[aria-selected="true"]) { color: var(--theme-tab-btn-active-text) !important; background: var(--theme-tab-btn-active-bg) !important; border-color: var(--theme-tab-btn-active-border) !important; }
html body .content-area .page-link { color: var(--theme-pagination-text) !important; background: var(--theme-pagination-bg) !important; border-color: var(--theme-pagination-border) !important; }
html body .content-area .page-item.active .page-link { color: var(--theme-pagination-active-text) !important; background: var(--theme-pagination-active-bg) !important; }
html body .tooltip-inner { color: var(--theme-tooltip-text) !important; background: var(--theme-tooltip-bg) !important; }
html body .btn-close { filter: var(--ax-close-filter,none); min-width: 44px; min-height: 44px; }
html body .content-area .text-muted { color: var(--theme-content-muted) !important; }
html body .content-area .card .text-muted { color: var(--theme-card-muted) !important; }
html body .content-area .bg-light { color: var(--theme-surface-text) !important; background: var(--theme-surface-bg) !important; }
html body .content-area .bg-white { background-color: var(--theme-card-bg) !important; }
html body .content-area .text-dark,html body .content-area .text-body { color: var(--theme-text-body) !important; }
html body .content-area .text-white { color: var(--theme-text-inverse) !important; }
html body .content-area .border { border-color: var(--theme-line-color) !important; }
html body .content-area .btn-link { background: transparent !important; color: var(--theme-link-color) !important; text-decoration:none; }

/* Login: colors only. Keep the existing left image, grid, dimensions,
   translations, logo position and native authentication form unchanged. */
html body .login-visual { background-color: var(--theme-login-bg-left) !important; }
html body :is(.login-panel,.login-card) { background-color: var(--theme-login-panel-bg) !important; color: var(--theme-login-panel-text) !important; }
html body .login-card > p { color: var(--theme-login-subtitle-color) !important; }
html body .login-card { --ax-focus-color: var(--theme-login-input-focus-border); --ax-focus-inner: var(--theme-login-panel-bg); }
html body .login-card .label,html body .login-card .check-card { color: var(--theme-login-panel-text) !important; background-color: var(--theme-login-panel-bg) !important; }
html body .login-card .input { color: var(--theme-login-input-text) !important; background-color: var(--theme-login-input-bg) !important; border-color: var(--theme-login-input-border) !important; }
html body .login-card .input:focus { border-color: var(--theme-login-input-focus-border) !important; }
html body .login-card button.btn[type="submit"],html body .login-card button.btn[type="submit"] i { color: var(--theme-login-button-text) !important; background: var(--theme-login-button-bg) !important; border-color: var(--theme-login-button-bg) !important; }
html body .login-card button.btn[type="submit"]:hover { background: var(--theme-login-button-hover-bg) !important; }
html body .login-card button.btn[type="submit"]:hover { color: var(--theme-login-button-hover-text) !important; }
html body .login-card button.btn[type="submit"] i { color: var(--theme-login-button-icon-color) !important; background: transparent !important; }
html body .login-card button.btn[type="submit"]:hover i { color: var(--theme-login-button-hover-text) !important; }
html body .login-links a { color: var(--theme-login-link) !important; }
html body .login-links a:hover { color: var(--theme-login-link-hover) !important; }
html body .login-card .alert.bad { color: var(--theme-login-error-text) !important; background: var(--theme-login-error-bg) !important; }

/* Theme management: avoid the two sticky bars obscuring focused controls. */
html body .theme-apply-box,html body .theme-variable-filter { position: static !important; background: var(--theme-card-bg) !important; color: var(--theme-card-text) !important; }
html body .theme-tabs { max-height: calc(100vh - var(--theme-topbar-height,72px) - 2rem); overflow-y: auto; }
html body .theme-color-inputs { grid-template-columns: 4rem minmax(0,1fr); }
html body .theme-color-row { grid-template-columns: 3.5rem minmax(0,1fr); }
html body .theme-color-body { min-width: 0; }
html body .theme-color-body code { overflow-wrap: anywhere; }
html body .theme-color-inputs input[type="color"] { max-width: 100%; min-height: 44px; }
html body .theme-variable-filter input { max-width: 100%; }
.axi-login-background-sample { position: sticky; top: 1rem; background: var(--theme-login-bg-left); border: 1px solid var(--theme-input-border); color: var(--theme-login-left-title-color); }
.axi-login-background-sample img { width: 100%; object-fit: contain; }
.axi-login-background-sample figcaption { margin-bottom: .75rem; font-weight: 600; }
.axi-theme-preview-frame { display: block; width: 100%; min-height: 720px; border: 1px solid var(--theme-card-border); border-radius: var(--theme-card-radius); background: var(--theme-card-bg); }
.theme-preset-choice { min-width: 0; }
.theme-preset-choice .theme-preset-btn { width: 100%; }
.theme-preset-choice > a { display: inline-flex; align-items: center; min-height: 44px; margin-top: .35rem; }
html body .theme-preset-logo { border: 0 !important; }
html body .theme-completeness .badge { white-space: normal; max-width: 100%; overflow-wrap: anywhere; }
html body .content-area .theme-color-row.is-filtered { display: none !important; }
@media (max-width: 991.98px) {
  html body .theme-editor { grid-template-columns: minmax(0,1fr); }
  html body .theme-tabs { position: static; max-height: none; }
  html body .theme-apply-box { flex-wrap: wrap; }
}
@media (max-width: 575.98px) {
  /* Constrain existing columns to their viewport; the login structure is unchanged. */
  html body .login-page { grid-template-columns: minmax(0,1fr) !important; }
  html body .login-panel,html body .login-card,html body .login-logo { min-width: 0; max-width: 100%; }
  html body .login-logo img { max-width: min(340px,100%) !important; }
  html body .login-card .check-card span { min-width: 0; overflow-wrap: anywhere; }
  html body .theme-color-row { grid-template-columns: minmax(0,1fr); }
  html body .theme-color-preview { display: none; }
  html body .theme-apply-box .actions { width: 100%; }
  html body .theme-apply-box .btn { flex: 1 1 10rem; }
  html body .content-area .input-group { flex-wrap: wrap; }
}
@media (forced-colors: active) {
  :focus-visible { outline: 3px solid Highlight !important; }
  html body .nav-menu :is(.nav-item,.nav-parent-toggle,.nav-child) { border: 1px solid ButtonText !important; }
  html body .nav-menu :is(.active,[aria-current="page"]) { border-inline-start: 5px solid Highlight !important; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* Additional standard Bootstrap variants; the grid and plugin behavior stay native. */
html body .content-area .alert.alert-primary { color:var(--theme-alert-primary-text) !important; background:var(--theme-alert-primary-bg) !important; border-color:var(--theme-alert-primary-border) !important; }
html body .content-area .bg-primary:not(.badge):not(.btn),html body .content-area .text-bg-primary:not(.badge) { background-color:var(--theme-primary) !important; color:var(--ax-primary-contrast) !important; }
html body .content-area .badge.bg-primary,html body .content-area .badge.text-bg-primary { background:var(--theme-badge-primary-bg) !important; color:var(--theme-badge-primary-text) !important; }
html body .content-area .table-primary { --bs-table-bg:var(--theme-alert-primary-bg); --bs-table-color:var(--theme-alert-primary-text); --bs-table-striped-bg:var(--theme-alert-primary-bg); --bs-table-striped-color:var(--theme-alert-primary-text); --bs-table-hover-bg:var(--theme-alert-primary-bg); --bs-table-hover-color:var(--theme-alert-primary-text); --ax-table-header-bg:var(--theme-alert-primary-bg); --ax-table-header-text:var(--theme-alert-primary-text); }
html body .content-area .table .table-primary { --bs-table-bg:var(--theme-alert-primary-bg); --bs-table-color:var(--theme-alert-primary-text); --bs-table-striped-bg:var(--theme-alert-primary-bg); --bs-table-striped-color:var(--theme-alert-primary-text); --bs-table-hover-bg:var(--theme-alert-primary-bg); --bs-table-hover-color:var(--theme-alert-primary-text); --ax-table-header-bg:var(--theme-alert-primary-bg); --ax-table-header-text:var(--theme-alert-primary-text); }
html body .content-area .alert.alert-secondary { color:var(--theme-alert-secondary-text) !important; background:var(--theme-alert-secondary-bg) !important; border-color:var(--theme-alert-secondary-border) !important; }
html body .content-area .bg-secondary:not(.badge):not(.btn),html body .content-area .text-bg-secondary:not(.badge) { background-color:var(--theme-secondary) !important; color:var(--ax-secondary-contrast) !important; }
html body .content-area .badge.bg-secondary,html body .content-area .badge.text-bg-secondary { background:var(--theme-badge-default-bg) !important; color:var(--theme-badge-default-text) !important; }
html body .content-area .table-secondary { --bs-table-bg:var(--theme-alert-secondary-bg); --bs-table-color:var(--theme-alert-secondary-text); --bs-table-striped-bg:var(--theme-alert-secondary-bg); --bs-table-striped-color:var(--theme-alert-secondary-text); --bs-table-hover-bg:var(--theme-alert-secondary-bg); --bs-table-hover-color:var(--theme-alert-secondary-text); --ax-table-header-bg:var(--theme-alert-secondary-bg); --ax-table-header-text:var(--theme-alert-secondary-text); }
html body .content-area .table .table-secondary { --bs-table-bg:var(--theme-alert-secondary-bg); --bs-table-color:var(--theme-alert-secondary-text); --bs-table-striped-bg:var(--theme-alert-secondary-bg); --bs-table-striped-color:var(--theme-alert-secondary-text); --bs-table-hover-bg:var(--theme-alert-secondary-bg); --bs-table-hover-color:var(--theme-alert-secondary-text); --ax-table-header-bg:var(--theme-alert-secondary-bg); --ax-table-header-text:var(--theme-alert-secondary-text); }
html body .content-area .alert.alert-success { color:var(--theme-alert-success-text) !important; background:var(--theme-alert-success-bg) !important; border-color:var(--theme-alert-success-border) !important; }
html body .content-area .bg-success:not(.badge):not(.btn),html body .content-area .text-bg-success:not(.badge) { background-color:var(--theme-success) !important; color:var(--ax-success-contrast) !important; }
html body .content-area .badge.bg-success,html body .content-area .badge.text-bg-success { background:var(--theme-badge-success-bg) !important; color:var(--theme-badge-success-text) !important; }
html body .content-area .table-success { --bs-table-bg:var(--theme-alert-success-bg); --bs-table-color:var(--theme-alert-success-text); --bs-table-striped-bg:var(--theme-alert-success-bg); --bs-table-striped-color:var(--theme-alert-success-text); --bs-table-hover-bg:var(--theme-alert-success-bg); --bs-table-hover-color:var(--theme-alert-success-text); --ax-table-header-bg:var(--theme-alert-success-bg); --ax-table-header-text:var(--theme-alert-success-text); }
html body .content-area .table .table-success { --bs-table-bg:var(--theme-alert-success-bg); --bs-table-color:var(--theme-alert-success-text); --bs-table-striped-bg:var(--theme-alert-success-bg); --bs-table-striped-color:var(--theme-alert-success-text); --bs-table-hover-bg:var(--theme-alert-success-bg); --bs-table-hover-color:var(--theme-alert-success-text); --ax-table-header-bg:var(--theme-alert-success-bg); --ax-table-header-text:var(--theme-alert-success-text); }
html body .content-area .alert.alert-warning { color:var(--theme-alert-warning-text) !important; background:var(--theme-alert-warning-bg) !important; border-color:var(--theme-alert-warning-border) !important; }
html body .content-area .bg-warning:not(.badge):not(.btn),html body .content-area .text-bg-warning:not(.badge) { background-color:var(--theme-warning) !important; color:var(--ax-warning-contrast) !important; }
html body .content-area .badge.bg-warning,html body .content-area .badge.text-bg-warning { background:var(--theme-badge-warning-bg) !important; color:var(--theme-badge-warning-text) !important; }
html body .content-area .table-warning { --bs-table-bg:var(--theme-alert-warning-bg); --bs-table-color:var(--theme-alert-warning-text); --bs-table-striped-bg:var(--theme-alert-warning-bg); --bs-table-striped-color:var(--theme-alert-warning-text); --bs-table-hover-bg:var(--theme-alert-warning-bg); --bs-table-hover-color:var(--theme-alert-warning-text); --ax-table-header-bg:var(--theme-alert-warning-bg); --ax-table-header-text:var(--theme-alert-warning-text); }
html body .content-area .table .table-warning { --bs-table-bg:var(--theme-alert-warning-bg); --bs-table-color:var(--theme-alert-warning-text); --bs-table-striped-bg:var(--theme-alert-warning-bg); --bs-table-striped-color:var(--theme-alert-warning-text); --bs-table-hover-bg:var(--theme-alert-warning-bg); --bs-table-hover-color:var(--theme-alert-warning-text); --ax-table-header-bg:var(--theme-alert-warning-bg); --ax-table-header-text:var(--theme-alert-warning-text); }
html body .content-area .alert.alert-danger { color:var(--theme-alert-danger-text) !important; background:var(--theme-alert-danger-bg) !important; border-color:var(--theme-alert-danger-border) !important; }
html body .content-area .bg-danger:not(.badge):not(.btn),html body .content-area .text-bg-danger:not(.badge) { background-color:var(--theme-danger) !important; color:var(--ax-danger-contrast) !important; }
html body .content-area .badge.bg-danger,html body .content-area .badge.text-bg-danger { background:var(--theme-badge-danger-bg) !important; color:var(--theme-badge-danger-text) !important; }
html body .content-area .table-danger { --bs-table-bg:var(--theme-alert-danger-bg); --bs-table-color:var(--theme-alert-danger-text); --bs-table-striped-bg:var(--theme-alert-danger-bg); --bs-table-striped-color:var(--theme-alert-danger-text); --bs-table-hover-bg:var(--theme-alert-danger-bg); --bs-table-hover-color:var(--theme-alert-danger-text); --ax-table-header-bg:var(--theme-alert-danger-bg); --ax-table-header-text:var(--theme-alert-danger-text); }
html body .content-area .table .table-danger { --bs-table-bg:var(--theme-alert-danger-bg); --bs-table-color:var(--theme-alert-danger-text); --bs-table-striped-bg:var(--theme-alert-danger-bg); --bs-table-striped-color:var(--theme-alert-danger-text); --bs-table-hover-bg:var(--theme-alert-danger-bg); --bs-table-hover-color:var(--theme-alert-danger-text); --ax-table-header-bg:var(--theme-alert-danger-bg); --ax-table-header-text:var(--theme-alert-danger-text); }
html body .content-area .alert.alert-info { color:var(--theme-alert-info-text) !important; background:var(--theme-alert-info-bg) !important; border-color:var(--theme-alert-info-border) !important; }
html body .content-area .bg-info:not(.badge):not(.btn),html body .content-area .text-bg-info:not(.badge) { background-color:var(--theme-info) !important; color:var(--ax-info-contrast) !important; }
html body .content-area .badge.bg-info,html body .content-area .badge.text-bg-info { background:var(--theme-badge-info-bg) !important; color:var(--theme-badge-info-text) !important; }
html body .content-area .table-info { --bs-table-bg:var(--theme-alert-info-bg); --bs-table-color:var(--theme-alert-info-text); --bs-table-striped-bg:var(--theme-alert-info-bg); --bs-table-striped-color:var(--theme-alert-info-text); --bs-table-hover-bg:var(--theme-alert-info-bg); --bs-table-hover-color:var(--theme-alert-info-text); --ax-table-header-bg:var(--theme-alert-info-bg); --ax-table-header-text:var(--theme-alert-info-text); }
html body .content-area .table .table-info { --bs-table-bg:var(--theme-alert-info-bg); --bs-table-color:var(--theme-alert-info-text); --bs-table-striped-bg:var(--theme-alert-info-bg); --bs-table-striped-color:var(--theme-alert-info-text); --bs-table-hover-bg:var(--theme-alert-info-bg); --bs-table-hover-color:var(--theme-alert-info-text); --ax-table-header-bg:var(--theme-alert-info-bg); --ax-table-header-text:var(--theme-alert-info-text); }
html body .content-area .alert.alert-light { color:var(--theme-alert-light-text) !important; background:var(--theme-alert-light-bg) !important; border-color:var(--theme-alert-light-border) !important; }
html body .content-area .bg-light:not(.badge):not(.btn),html body .content-area .text-bg-light:not(.badge) { background-color:var(--theme-bootstrap-light-bg) !important; color:var(--theme-bootstrap-light-text) !important; }
html body .content-area .badge.bg-light,html body .content-area .badge.text-bg-light { background:var(--theme-badge-default-bg) !important; color:var(--theme-badge-default-text) !important; }
html body .content-area .table-light { --bs-table-bg:var(--theme-alert-light-bg); --bs-table-color:var(--theme-alert-light-text); --bs-table-striped-bg:var(--theme-alert-light-bg); --bs-table-striped-color:var(--theme-alert-light-text); --bs-table-hover-bg:var(--theme-alert-light-bg); --bs-table-hover-color:var(--theme-alert-light-text); --ax-table-header-bg:var(--theme-alert-light-bg); --ax-table-header-text:var(--theme-alert-light-text); }
html body .content-area .table .table-light { --bs-table-bg:var(--theme-alert-light-bg); --bs-table-color:var(--theme-alert-light-text); --bs-table-striped-bg:var(--theme-alert-light-bg); --bs-table-striped-color:var(--theme-alert-light-text); --bs-table-hover-bg:var(--theme-alert-light-bg); --bs-table-hover-color:var(--theme-alert-light-text); --ax-table-header-bg:var(--theme-alert-light-bg); --ax-table-header-text:var(--theme-alert-light-text); }
html body .content-area .alert.alert-dark { color:var(--theme-alert-dark-text) !important; background:var(--theme-alert-dark-bg) !important; border-color:var(--theme-alert-dark-border) !important; }
html body .content-area .bg-dark:not(.badge):not(.btn),html body .content-area .text-bg-dark:not(.badge) { background-color:var(--theme-bootstrap-dark-bg) !important; color:var(--theme-bootstrap-dark-text) !important; }
html body .content-area .badge.bg-dark,html body .content-area .badge.text-bg-dark { background:var(--theme-bootstrap-dark-bg) !important; color:var(--theme-bootstrap-dark-text) !important; }
html body .content-area .table-dark { --bs-table-bg:var(--theme-alert-dark-bg); --bs-table-color:var(--theme-alert-dark-text); --bs-table-striped-bg:var(--theme-alert-dark-bg); --bs-table-striped-color:var(--theme-alert-dark-text); --bs-table-hover-bg:var(--theme-alert-dark-bg); --bs-table-hover-color:var(--theme-alert-dark-text); --ax-table-header-bg:var(--theme-alert-dark-bg); --ax-table-header-text:var(--theme-alert-dark-text); }
html body .content-area .table .table-dark { --bs-table-bg:var(--theme-alert-dark-bg); --bs-table-color:var(--theme-alert-dark-text); --bs-table-striped-bg:var(--theme-alert-dark-bg); --bs-table-striped-color:var(--theme-alert-dark-text); --bs-table-hover-bg:var(--theme-alert-dark-bg); --bs-table-hover-color:var(--theme-alert-dark-text); --ax-table-header-bg:var(--theme-alert-dark-bg); --ax-table-header-text:var(--theme-alert-dark-text); }
html body .content-area .btn.btn-light,html body .modal-content .btn.btn-light { color:var(--theme-bootstrap-light-text) !important; background:var(--theme-bootstrap-light-bg) !important; border:1px solid var(--theme-input-border) !important; }
html body .content-area .btn.btn-outline-light,html body .modal-content .btn.btn-outline-light { color:var(--theme-bootstrap-light-text) !important; background:var(--theme-bootstrap-light-bg) !important; border:1px solid var(--theme-input-border) !important; }
html body .content-area .btn.btn-dark,html body .modal-content .btn.btn-dark { color:var(--theme-bootstrap-dark-text) !important; background:var(--theme-bootstrap-dark-bg) !important; border:1px solid var(--theme-input-border) !important; }
html body .content-area .btn.btn-outline-dark,html body .modal-content .btn.btn-outline-dark { color:var(--theme-bootstrap-dark-text) !important; background:var(--theme-bootstrap-dark-bg) !important; border:1px solid var(--theme-input-border) !important; }
html body .content-area .table > :not(caption) > * > * { color:var(--bs-table-color) !important; background-color:var(--bs-table-bg) !important; }
html body .content-area .table thead :is(th,td) { color:var(--ax-table-header-text,var(--theme-table-header-text)) !important; background-color:var(--ax-table-header-bg,var(--theme-table-header-bg)) !important; }
html body .content-area .table-striped > tbody > tr:nth-of-type(odd) > *,html body .content-area .table tbody tr:nth-child(even) > * { color:var(--bs-table-striped-color) !important; background-color:var(--bs-table-striped-bg) !important; }
html body .content-area .table-hover > tbody > tr:hover > * { color:var(--bs-table-hover-color) !important; background-color:var(--bs-table-hover-bg) !important; }
html body .content-area .alert .alert-link { color:inherit !important; }
html body .content-area .list-group-item.active { color:var(--theme-menu-text-active) !important; background:var(--theme-menu-active-bg) !important; border-color:var(--theme-menu-active-border) !important; }
html body .content-area .page-item.disabled .page-link { color:var(--theme-input-disabled-text) !important; background:var(--theme-input-disabled-bg) !important; }
html body .content-area .progress { background:var(--theme-progress-track-bg) !important; }
html body .content-area .progress-bar { background-color:var(--theme-progress-value-bg); color:var(--theme-progress-text); }
html body .toast,html body .toast-body { background-color:var(--theme-card-bg) !important; color:var(--theme-card-text) !important; }
html body .toast-header { background:var(--theme-panel-header-bg) !important; color:var(--theme-card-text) !important; border-color:var(--theme-card-border) !important; }
html body .popover { --bs-popover-bg:var(--theme-modal-bg); --bs-popover-header-bg:var(--theme-modal-header-bg); --bs-popover-body-color:var(--theme-modal-text); background:var(--theme-modal-bg) !important; border-color:var(--theme-modal-border) !important; }
html body .popover-body,html body .popover-header { color:var(--theme-modal-text) !important; background:var(--theme-modal-bg) !important; }
html body .content-area .breadcrumb-item.active { color:var(--theme-breadcrumb-active) !important; }
html body .content-area .breadcrumb-item::before { color:var(--theme-breadcrumb-separator); }
html body .content-area .form-range::-webkit-slider-thumb { background:var(--theme-input-focus-border); }
html body .content-area .form-range::-moz-range-thumb { background:var(--theme-input-focus-border); }