html[data-bs-theme="dark"] {
  color-scheme: dark;
  --ats-bg: #282833;
  --ats-bg-alt: #202124;
  --ats-bg-raised: #444450;
  --ats-accent: #003381;
  --ats-highlight: #003381;
  --ats-text: #dddddd;
  --ats-text-soft: #999999;
  --ats-text-heading: #dddddd;
  --ats-text-on-accent: #ffffff;
  --ats-border: #555560;
  --ats-border-input: #444450;
  --ats-border-table: #555560;
  --ats-nav-bg: #202124;
  --ats-nav-text: #dddddd;
  --ats-nav-hover-bg: var(--ats-accent);
  --ats-nav-hover-text: var(--ats-text-on-accent);
  --ats-panel-bg: #003381;
  --ats-panel-text: #ffffff;
  --ats-modal-header-bg: #202124;
  --ats-modal-header-text: #dddddd;
  --ats-input-bg: #282833;
  --ats-input-text: #dddddd;
  --ats-input-disabled-bg: #444450;
  --ats-row-hover-bg: #003381;
  --ats-row-hover-text: #ffffff;
  --ats-dd-bg: #202124;
  --ats-dd-hover-bg: #444450;
  --ats-token-bg: #282833;
  --ats-token-text: #dddddd;
  --ats-dirty: #dddddd;
  --ats-inactive-bg: #999999;
  --ats-inactive-text: #202124;
}
html {
  color-scheme: light;
}
:root {
  --ats-font-sm: 1rem;
  --ats-font-base: 1rem;
  --ats-font-md: 1.2308rem;
  --ats-font-lg: 1.3846rem;
  --ats-font-xl: 1.8462rem;
  --ats-btn-bg: var(--ats-bg-raised);
  --ats-btn-text: var(--ats-text);
  --ats-btn-border: var(--ats-border);
  --ats-btn-hover-bg: var(--ats-row-hover-bg);
  --ats-btn-hover-text: var(--ats-row-hover-text);
  --ats-btn-hover-border: var(--ats-row-hover-bg);
  --ats-ok: #16a34a;
  --ats-warn: #d97706;
  --ats-error: #dc2626;
  --ats-grayed: #6c757d;
  --ats-text-on-status: #ffffff;
  --ats-bg-success: color-mix(in srgb, var(--ats-ok) 25%, transparent);
  --ats-bg-warning: color-mix(in srgb, var(--ats-warn) 25%, transparent);
  --ats-bg-danger: color-mix(in srgb, var(--ats-error) 30%, transparent);
  --ats-scale-1: var(--ats-ok);
  --ats-scale-2: #65a30d;
  --ats-scale-3: #eab308;
  --ats-scale-4: #ea580c;
  --ats-scale-5: var(--ats-error);
  --ats-radius: 10px;
  --ats-radius-pill: 999px;
  --bs-border-radius: var(--ats-radius);
  --bs-border-radius-sm: var(--ats-radius);
  --bs-border-radius-lg: var(--ats-radius);
  --bs-border-radius-xl: var(--ats-radius);
  --bs-border-radius-xxl: var(--ats-radius);
  --bs-border-radius-2xl: var(--ats-radius);
  --bs-border-radius-pill: var(--ats-radius-pill);
  --ats-shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.08);
  --ats-shadow-md: 0 6px 18px rgba(0, 0, 0, 0.12);
  --ats-shadow-lg: 0 14px 32px rgba(0, 0, 0, 0.18);
  --ats-shadow-top: 0 -4px 12px rgba(0, 0, 0, 0.08);
  --ats-canvas-bg: #252a31;
  --ats-canvas-light: #636870;
  --ats-canvas-dark: #252830;
  --group-color: #2a2d35;
  --function-color: #b01d42;
}
html[data-bs-theme="dark"] {
  --ats-shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.22);
  --ats-shadow-md: 0 6px 18px rgba(0, 0, 0, 0.32);
  --ats-shadow-lg: 0 14px 32px rgba(0, 0, 0, 0.45);
  --ats-shadow-top: 0 -4px 12px rgba(0, 0, 0, 0.22);
  --ats-canvas-light: #4a4d52;
  --ats-canvas-dark: #1a1d22;
}
/*
  ADVISORY DESK - Client: Demo
  Accessibility audit + dark mode
  Fixes:
  - soft text #7e7e7e (4.06:1) ' #696969 (5.49:1 AA)
  - panel/modal #808080 (borderline 3.95:1) ' #0078BF (4.73:1 AA, brand blue)
  - dark block added
  Layout: menu=sidebar, sidebarDefault=open (web.config)
  */
:root {
  --ats-bg: #ffffff;
  --ats-bg-alt: #f0f0f0;
  --ats-bg-raised: #f0f0f0;
  --ats-accent: #0078BF;
  --ats-highlight: #0078BF;
  --ats-text: #000000;
  --ats-text-soft: #696969;
  --ats-text-heading: #004F7C;
  --ats-text-on-accent: #ffffff;
  --ats-border: #7e7e7e;
  --ats-border-input: #dddddd;
  --ats-border-table: #dee2e6;
  --ats-nav-bg: #ffffff;
  --ats-nav-text: #004F7C;
  --ats-nav-hover-bg: var(--ats-accent);
  --ats-nav-hover-text: var(--ats-text-on-accent);
  --ats-panel-bg: #0078BF;
  --ats-panel-text: #ffffff;
  --ats-modal-header-bg: #0078BF;
  --ats-modal-header-text: #ffffff;
  --ats-input-bg: #ffffff;
  --ats-input-text: #333333;
  --ats-input-disabled-bg: #f0f0f0;
  --ats-row-hover-bg: #0078BF;
  --ats-row-hover-text: #ffffff;
  --ats-dd-bg: #ffffff;
  --ats-dd-hover-bg: #dcdcdc;
  --ats-token-bg: #0078BF;
  --ats-token-text: #ffffff;
  --ats-dirty: #ECFFBF;
  --ats-inactive-bg: #6c757d;
  --ats-inactive-text: #fafafa;
}
html[data-bs-theme="dark"] {
  color-scheme: dark;
  --ats-bg: #282833;
  --ats-bg-alt: #202124;
  --ats-bg-raised: #444450;
  --ats-accent: #0078BF;
  --ats-highlight: #0078BF;
  --ats-text: #dddddd;
  --ats-text-soft: #999999;
  --ats-text-heading: #dddddd;
  --ats-text-on-accent: #ffffff;
  --ats-border: #757575;
  --ats-border-input: #555560;
  --ats-border-table: #555560;
  --ats-nav-bg: #202124;
  --ats-nav-text: #dddddd;
  --ats-nav-hover-bg: var(--ats-accent);
  --ats-nav-hover-text: var(--ats-text-on-accent);
  --ats-panel-bg: #0078BF;
  --ats-panel-text: #ffffff;
  --ats-modal-header-bg: #0078BF;
  --ats-modal-header-text: #ffffff;
  --ats-input-bg: #282833;
  --ats-input-text: #dddddd;
  --ats-input-disabled-bg: #444450;
  --ats-row-hover-bg: #0078BF;
  --ats-row-hover-text: #ffffff;
  --ats-dd-bg: #202124;
  --ats-dd-hover-bg: #444450;
  --ats-token-bg: #0078BF;
  --ats-token-text: #ffffff;
  --ats-dirty: #444450;
  --ats-inactive-bg: #6c757d;
  --ats-inactive-text: #202124;
}
/*#region Module identity surfaces*/
body {
  --ats-row-hover-bg: color-mix(in srgb, var(--module-color, var(--ats-accent)) 12%, var(--ats-bg-raised));
  --ats-row-hover-text: var(--ats-text);
  --ats-dd-hover-bg: color-mix(in srgb, var(--module-color, var(--ats-accent)) 12%, var(--ats-bg-raised));
  --ats-panel-bg: var(--module-color, var(--ats-accent));
  --ats-panel-text: var(--module-header-text, var(--ats-text-on-accent));
  --ats-modal-header-bg: var(--module-color, var(--ats-accent));
  --ats-modal-header-text: var(--module-header-text, var(--ats-text-on-accent));
  --ats-btn-accent: var(--module-color, var(--ats-accent));
  --ats-btn-accent-text: var(--module-header-text, var(--ats-text-on-accent));
}
html[data-bs-theme="dark"] body {
  --ats-row-hover-bg: color-mix(in srgb, var(--module-color, var(--ats-accent)) 18%, var(--ats-bg-raised));
  --ats-dd-hover-bg: color-mix(in srgb, var(--module-color, var(--ats-accent)) 18%, var(--ats-bg-raised));
}
@media only screen and (min-width: 1024px) {
  .login.daylight-dusk,
  .login.daylight-night {
    --ats-panel-text: #fff;
  }
}
/*#endregion*/
/*#region Base*/
html {
  position: relative;
  font-family: 'Segoe UI', 'Helvetica Neue', 'Droid Sans', Arial, Tahoma, Geneva, sans-serif;
  font-size: 81.25%;
}
@media only screen and (min-width: 2560px) {
  html {
    font-size: 87.5%;
  }
}
@media only screen and (min-width: 3840px) {
  html {
    font-size: 100%;
  }
}
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}
body {
  background-color: var(--ats-bg);
  overflow: auto;
  color: var(--ats-text);
}
body > .vh-100,
body > .min-vh-100 {
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}
.body-content {
  padding: 20px 30px 0;
  background-color: var(--ats-bg);
  min-height: 100%;
  min-width: 95%;
  flex: 1 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 1023.98px) {
  .body-content {
    padding: 15px 30px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .body-content {
    padding: 10px 20px 0;
  }
}
@media only screen and (max-width: 575.98px) {
  .body-content {
    padding: 0 20px;
  }
}
footer {
  height: 30px;
  line-height: 30px;
}
footer .container {
  color: var(--ats-text-heading);
  background-color: var(--ats-bg);
  min-width: 95%;
}
footer .container::after {
  display: block;
  clear: both;
  content: "";
}
/*#endregion*/
/*#region Headings*/
h1,
h2,
h3,
h4,
h5 {
  font-family: 'Segoe UI Light', 'Helvetica Neue', 'Droid Sans', Arial, Tahoma, Geneva, sans-serif;
  color: var(--ats-text-heading);
  font-weight: normal;
}
h2 {
  font-size: var(--ats-font-xl);
  height: 35px;
}
@media only screen and (max-width: 1439.98px) {
  h2 {
    height: 28px;
  }
}
h3,
h4 {
  font-size: var(--ats-font-lg);
  padding-bottom: 10px;
  border-bottom: 1px solid var(--ats-border);
}
h3.modal-title,
h4.modal-title {
  border-bottom: none;
  padding-bottom: 0;
  margin-top: 0;
}
h3 {
  margin-top: 0;
}
h3.card-title {
  padding-left: 15px;
  border-bottom: none;
  padding-bottom: 0;
}
h4 {
  margin-top: 20px;
}
h4.card-title {
  padding: 0;
  margin: 0;
  border-bottom: none;
}
.ats-fact-table td:nth-child(odd) {
  width: 20%;
}
.ats-fact-table td:nth-child(even) {
  width: 30%;
}
@media only screen and (max-width: 767.98px) {
  .ats-fact-table tr {
    display: flex;
    flex-wrap: wrap;
  }
  .ats-fact-table td:nth-child(odd) {
    width: 40%;
  }
  .ats-fact-table td:nth-child(even) {
    width: 60%;
  }
}
/*#endregion*/
/*#region Links*/
a:not(i) {
  color: var(--ats-text-heading);
}
a:has(i) {
  color: var(--ats-text-soft);
}
a:has(i):hover {
  color: var(--ats-accent);
  text-decoration: none;
}
a:not(:has(i)):hover {
  color: var(--ats-accent);
  text-decoration: none;
}
a.btn-primary:focus:not(:hover) {
  color: var(--ats-text-on-accent);
  background-color: var(--ats-accent);
}
/*#endregion*/
/*#region Navbar and main menu*/
.navbar {
  background-color: var(--ats-nav-bg);
  border-radius: 0;
  margin: 20px 0;
  padding-top: 0;
  padding-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1023.98px) {
  .navbar {
    margin: 15px 0 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .navbar {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 575.98px) {
  .navbar {
    margin-top: 0;
  }
}
nav.main-navbar {
  z-index: 1030;
}
.app-logo {
  padding-bottom: 10px;
}
.app-logo img {
  height: 50px;
}
@media only screen and (max-width: 767.98px) {
  .app-logo {
    min-width: 0;
  }
  .app-logo img {
    max-width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: left center;
       object-position: left center;
  }
}
.mainmenu {
  min-height: 35px;
}
.mainmenu .nav,
.mainmenu .collapse,
.mainmenu .dropdown {
  position: static;
}
.mainmenu .dropdown-toggle::after {
  content: none;
}
.mainmenu .area {
  font-family: 'Segoe UI', 'Helvetica Neue', 'Droid Sans', Arial, Tahoma, Geneva, sans-serif;
  font-size: var(--ats-font-xl);
  border-right: 1px solid var(--ats-border);
}
.mainmenu .area .dropdown-menu {
  left: 0;
  width: 100%;
  margin: 0;
  padding-left: 10px;
  padding-right: 10px;
  border: none;
  border-bottom: 1px solid var(--ats-border);
  border-radius: 0;
  background-color: var(--ats-nav-bg);
}
.mainmenu .area > .dropdown-toggle {
  display: inline-block;
  line-height: 35px;
  background-color: transparent;
}
.mainmenu .area.open a.dropdown-toggle {
  color: var(--ats-text-on-accent);
  background-color: var(--ats-accent);
}
.mainmenu .area a {
  background-color: var(--ats-bg);
  color: var(--ats-nav-text);
  padding-left: 1rem;
  padding-right: 1rem;
}
.mainmenu .area a.tile {
  color: var(--ats-text-heading);
  background-color: var(--ats-bg);
}
.mainmenu .area a.tile:hover {
  border-color: var(--ats-text-on-accent);
}
.mainmenu .area > a:hover,
.mainmenu .area > a:active,
.mainmenu .area > a:focus,
.mainmenu .area > a:visited:not([href="#"]) {
  text-decoration: none !important;
  background-color: var(--ats-nav-hover-bg) !important;
  color: var(--ats-nav-hover-text) !important;
}
.mainmenu .dropdown.area > .dropdown-menu > .dropdown {
  position: relative;
}
.mainmenu .dropdown.area > .dropdown-menu > .dropdown > .dropdown-menu {
  top: 2.2em;
  border-radius: 0 var(--ats-radius) var(--ats-radius) var(--ats-radius);
}
.mainmenu .section {
  margin-top: 15px;
}
.mainmenu .section-title {
  border-bottom: none;
}
.mainmenu .section-label {
  color: var(--ats-nav-text);
}
.mainmenu .section-rule {
  border-color: color-mix(in srgb, var(--ats-nav-text) 40%, transparent);
  margin: 6.5px 0;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .mainmenu {
    margin-left: -20px;
    margin-right: -20px;
  }
  .mainmenu .navbar-collapse {
    padding-left: 10px;
    padding-right: 10px;
  }
  .mainmenu .area {
    font-size: var(--ats-font-lg);
  }
  .mainmenu .area:last-child {
    border-right: none;
  }
  .mainmenu .area > .dropdown-toggle {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    min-height: 32px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 575.98px) {
  .mainmenu {
    margin-bottom: 6px;
  }
  .mainmenu .area {
    width: 100%;
    border-right: none;
    font-size: var(--ats-font-lg);
    min-height: 30px;
  }
  .mainmenu .area .dropdown-toggle {
    display: block;
    width: 100%;
  }
  .mainmenu .area .dropdown-menu {
    margin: 0;
  }
  .mainmenu .area.nav-item.open .dropdown-menu {
    position: relative;
    width: 100%;
  }
  .mainmenu .area a.tile {
    border: none;
    display: block;
    float: none;
    width: 100%;
    height: 20px;
    margin: 0;
    padding: 0;
  }
  .mainmenu .area a.tile span {
    display: inline;
    font-size: var(--ats-font-lg);
  }
  .mainmenu .area a.tile i {
    display: none;
  }
  .mainmenu hr {
    margin: 10px 15px;
  }
}
/*#endregion*/
.ats-help-button {
  font-size: var(--ats-font-lg);
}
/*#region Sysmenu (globals in the navbar)*/
.sysmenu {
  padding: 0;
  margin-top: 20px;
}
@media only screen and (max-width: 1023.98px) {
  .sysmenu {
    margin-top: 0;
    padding-right: 5px;
  }
}
.sysmenu .sysmenu-buttons {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 20px;
}
@media only screen and (max-width: 767.98px) {
  .sysmenu .sysmenu-buttons {
    gap: 10px;
  }
}
.sysmenu .sysmenu-buttons > a,
.sysmenu .sysmenu-buttons > div {
  display: flex;
  align-items: center;
  padding: 0;
  border: none;
}
.sysmenu .sysmenu-buttons a:not(.dropdown-item) {
  color: var(--ats-nav-text);
}
.sysmenu .sysmenu-buttons a:not(.dropdown-item):hover {
  color: var(--ats-text-soft);
}
.sysmenu .status-display {
  float: right;
  margin-right: 20px;
  padding: 0;
  border: none;
}
.sysmenu .sysmenu-divider {
  height: 20px;
  width: 1px;
  background: var(--ats-border);
}
.sysmenu .assistant-button {
  font-size: var(--ats-font-lg);
}
.sysmenu .assistant-button .aiassistant-mark {
  width: 1.9em;
  height: 1.9em;
  margin: -0.325em 0;
}
.sysmenu .utility-dropdown {
  font-size: var(--ats-font-lg);
}
.sysmenu .utility-dropdown .page-hint {
  font-size: var(--ats-font-base) !important;
  font-weight: 500;
  max-width: 7.5rem;
}
.sysmenu .full-text-search-button,
.sysmenu .help-text-search-button,
.sysmenu .time-registration-button,
.sysmenu .history-button,
.sysmenu .report-and-mailmerge-template-button,
.sysmenu .notification-bell {
  font-size: var(--ats-font-lg);
}
.sysmenu .time-registration-button .display {
  padding-right: 10px;
}
.sysmenu .time-registration-button .stop {
  right: 0;
}
.sysmenu .notification-bell .dropdown-menu {
  width: 520px;
  max-width: 96vw;
  max-height: calc(100dvh -  4 * 20px);
  overflow-y: auto;
}
.sysmenu .notification-bell .icon-container,
.sidebar.globals .icon-container {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  line-height: 1;
}
.sysmenu .notification-bell .icon-container i,
.sidebar.globals .icon-container i {
  line-height: 1;
}
.sysmenu .notification-bell .icon-container .badge,
.sidebar.globals .icon-container .badge {
  position: absolute;
  top: -6px;
  left: calc(100% - 8px);
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  line-height: 16px;
  transform: none;
  font-size: var(--ats-font-base);
  white-space: nowrap;
  color: var(--ats-text-on-status);
  background-color: var(--ats-error);
  box-shadow: 0 0 0 2px var(--ats-nav-bg);
}
html[data-sidebar-globals="icon-only"] .sidebar.globals .icon-container .badge {
  top: -2px;
  left: calc(100% - 6px);
  min-width: 8px;
  width: 8px;
  height: 8px;
  padding: 0;
  font-size: 0;
  line-height: 0;
}
html[data-sidebar-globals="expanded"] .sidebar.globals .notification-bell .icon-container {
  position: static;
}
html[data-sidebar-globals="expanded"] .sidebar.globals .notification-bell .badge {
  top: 50%;
  left: auto;
  right: 8px;
  transform: translateY(-50%);
}
html[data-navbar="threed"] .main-navbar {
  box-shadow: var(--ats-shadow-sm);
}
html[data-navbar="threed"] .sysmenu-buttons > a,
html[data-navbar="threed"] .sysmenu-buttons > div:not(.sysmenu-divider) {
  transition: transform 0.1s;
}
html[data-navbar="threed"] .sysmenu-buttons > a:hover,
html[data-navbar="threed"] .sysmenu-buttons > div:not(.sysmenu-divider):hover {
  transform: translateY(-1px);
}
html[data-navbar="threed"] .sysmenu-buttons > a:active,
html[data-navbar="threed"] .sysmenu-buttons > div:not(.sysmenu-divider):active {
  transform: translateY(0);
}
html[data-navbar="threed"] .sysmenu-buttons a:not(.dropdown-item) {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  height: auto;
}
/*#endregion*/
/*#region Menu tiles*/
a.tile {
  display: block;
  float: left;
  width: 240px;
  height: 80px;
  margin: 8px;
  padding: 10px;
  border: 1px solid var(--ats-border);
  background-color: var(--ats-bg);
  color: var(--ats-text-heading);
}
a.tile:hover,
a.tile:active,
a.tile:focus,
.mainmenu .area a.tile:hover {
  text-decoration: none;
  background-color: var(--ats-accent);
  color: var(--ats-text-on-accent);
}
a.tile i {
  width: 40px;
  text-align: center;
  margin: 11px;
}
a.tile .text {
  width: 140px;
}
.badge {
  font-size: var(--ats-font-base);
}
.tile .badge {
  margin: -10px -10px 0 0;
  padding: 9px 12px;
  white-space: nowrap;
  color: var(--ats-text-on-status);
  float: right;
  background-color: var(--ats-error);
  border-radius: var(--ats-radius-pill);
}
/*#endregion*/
/*#region Command buttons*/
.grid-command-buttons > a,
.grid-command-buttons > .btn-group > a,
.grid-command-buttons .grid-command-dropdown > a,
.grid-command-buttons .grid-command-dropdown-layout > a,
.grid-command-buttons .grid-command-filter-menu > a,
.detailpage .ats-page-header .actions > a,
.ats-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  min-width: 30px;
  padding: 0 9px;
  line-height: 1;
}
.grid-command-buttons > a i,
.grid-command-buttons > .btn-group > a i,
.grid-command-buttons .grid-command-dropdown > a i,
.grid-command-buttons .grid-command-dropdown-layout > a i,
.grid-command-buttons .grid-command-filter-menu > a i,
.detailpage .ats-page-header .actions > a i,
.ats-icon-btn i,
.grid-command-buttons > a .fa-2x,
.grid-command-buttons > .btn-group > a .fa-2x,
.grid-command-buttons .grid-command-dropdown > a .fa-2x,
.grid-command-buttons .grid-command-dropdown-layout > a .fa-2x,
.grid-command-buttons .grid-command-filter-menu > a .fa-2x,
.detailpage .ats-page-header .actions > a .fa-2x,
.ats-icon-btn .fa-2x {
  font-size: var(--ats-font-lg);
}
.grid-command-buttons > a .aiassistant-mark:not(.is-inline),
.grid-command-buttons > .btn-group > a .aiassistant-mark:not(.is-inline),
.grid-command-buttons .grid-command-dropdown > a .aiassistant-mark:not(.is-inline),
.grid-command-buttons .grid-command-dropdown-layout > a .aiassistant-mark:not(.is-inline),
.grid-command-buttons .grid-command-filter-menu > a .aiassistant-mark:not(.is-inline),
.detailpage .ats-page-header .actions > a .aiassistant-mark:not(.is-inline),
.ats-icon-btn .aiassistant-mark:not(.is-inline) {
  width: 30px;
  height: 30px;
}
.ats-page-header .actions .grid-command-buttons > a,
.ats-page-header .actions .grid-command-buttons > .btn-group > a,
.ats-page-header .actions .grid-command-buttons .grid-command-dropdown > a,
.ats-page-header .actions .grid-command-buttons .grid-command-dropdown-layout > a,
.ats-page-header .actions .grid-command-buttons .grid-command-filter-menu > a,
.detailpage .ats-page-header .actions > a,
.ats-icon-btn {
  background: transparent;
  border: none;
  border-radius: var(--ats-radius);
  color: var(--ats-text-soft);
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.12s ease, color 0.12s ease;
}
.ats-page-header .actions .grid-command-buttons > a:hover,
.ats-page-header .actions .grid-command-buttons > .btn-group > a:hover,
.ats-page-header .actions .grid-command-buttons .grid-command-dropdown > a:hover,
.ats-page-header .actions .grid-command-buttons .grid-command-dropdown-layout > a:hover,
.ats-page-header .actions .grid-command-buttons .grid-command-filter-menu > a:hover,
.detailpage .ats-page-header .actions > a:hover,
.ats-icon-btn:hover,
.ats-page-header .actions .grid-command-buttons > a:active,
.ats-page-header .actions .grid-command-buttons > .btn-group > a:active,
.ats-page-header .actions .grid-command-buttons .grid-command-dropdown > a:active,
.ats-page-header .actions .grid-command-buttons .grid-command-dropdown-layout > a:active,
.ats-page-header .actions .grid-command-buttons .grid-command-filter-menu > a:active,
.detailpage .ats-page-header .actions > a:active,
.ats-icon-btn:active,
.ats-page-header .actions .grid-command-buttons > a:focus-visible,
.ats-page-header .actions .grid-command-buttons > .btn-group > a:focus-visible,
.ats-page-header .actions .grid-command-buttons .grid-command-dropdown > a:focus-visible,
.ats-page-header .actions .grid-command-buttons .grid-command-dropdown-layout > a:focus-visible,
.ats-page-header .actions .grid-command-buttons .grid-command-filter-menu > a:focus-visible,
.detailpage .ats-page-header .actions > a:focus-visible,
.ats-icon-btn:focus-visible {
  background-color: var(--ats-bg-raised);
  color: var(--ats-text);
  outline: none;
}
.ats-page-header .actions .grid-command-buttons > a.dropdown-toggle::after,
.ats-page-header .actions .grid-command-buttons > .btn-group > a.dropdown-toggle::after,
.ats-page-header .actions .grid-command-buttons .grid-command-dropdown > a.dropdown-toggle::after,
.ats-page-header .actions .grid-command-buttons .grid-command-dropdown-layout > a.dropdown-toggle::after,
.ats-page-header .actions .grid-command-buttons .grid-command-filter-menu > a.dropdown-toggle::after,
.detailpage .ats-page-header .actions > a.dropdown-toggle::after,
.ats-icon-btn.dropdown-toggle::after {
  display: none;
}
.ats-page-header .actions .grid-command-buttons > a.active,
.ats-page-header .actions .grid-command-buttons > .btn-group > a.active,
.ats-page-header .actions .grid-command-buttons .grid-command-dropdown > a.active,
.ats-page-header .actions .grid-command-buttons .grid-command-dropdown-layout > a.active,
.ats-page-header .actions .grid-command-buttons .grid-command-filter-menu > a.active,
.detailpage .ats-page-header .actions > a.active,
.ats-icon-btn.active {
  background-color: var(--module-color, var(--ats-accent));
  color: var(--module-header-text, var(--ats-text-on-accent));
}
.grid-command-buttons {
  float: right;
  width: auto;
  min-width: 240px;
}
.grid-command-buttons > .btn-group {
  float: right;
}
.grid-command-buttons > a,
.grid-command-buttons > .btn-group > a {
  float: right;
  border-radius: var(--ats-radius);
  margin-right: 2px;
  background-color: var(--ats-bg);
  border: 1px solid color-mix(in srgb, var(--ats-border) 45%, transparent);
  color: var(--ats-text-soft);
}
.grid-command-buttons > a:hover,
.grid-command-buttons > .btn-group > a:hover,
.grid-command-buttons > a:active,
.grid-command-buttons > .btn-group > a:active,
.grid-command-buttons > a:focus,
.grid-command-buttons > .btn-group > a:focus {
  background-color: color-mix(in srgb, var(--ats-accent) 10%, transparent);
  border-color: color-mix(in srgb, var(--ats-accent) 35%, transparent);
  color: var(--ats-accent);
  text-decoration: none;
}
.grid-command-buttons.shift-down {
  position: relative;
  top: 70px;
  margin-bottom: 7px;
}
.grid-command-buttons .enabled {
  color: var(--ats-highlight);
}
.grid-command-buttons-top-row {
  padding-top: 3px;
}
@media only screen and (max-width: 1439.98px) {
  .detail-tabs .detail-page-command-button a,
  .detail-tabs .detail-grid-command-dropdown a,
  .detail-tabs .command-button a,
  .grid-command-buttons a {
    padding-bottom: 2px;
  }
  .nav-tabs > li > a {
    padding: 6px 10px;
  }
}
.search-group {
  margin-bottom: 10px;
}
/*#endregion*/
/*#region Module identity header*/
.ats-module-header .icon,
.ats-module-card-header .icon {
  color: var(--module-color, var(--ats-accent));
}
.ats-module-header .title,
.ats-module-card-header .title {
  color: var(--ats-text);
}
.ats-module-card-header {
  border-left: 3px solid var(--module-color, var(--ats-accent));
}
.cockpit .rail-card .ats-module-card-header {
  border-left: none;
}
/*#endregion*/
/*#region Forms*/
.form-group {
  font-family: 'Segoe UI', 'Helvetica Neue', 'Droid Sans', Arial, Tahoma, Geneva, sans-serif;
  margin-bottom: 5px;
}
.form-group::after {
  display: block;
  clear: both;
  content: "";
}
.form-control-label {
  margin-top: 4px;
}
.validation-summary-errors {
  font-family: 'Segoe UI', 'Helvetica Neue', 'Droid Sans', Arial, Tahoma, Geneva, sans-serif;
  color: var(--ats-error);
}
.validation-summary-errors ul {
  padding-left: 0;
}
.validation-summary-errors ul li {
  list-style: none;
}
label,
.col-form-label,
.form-control-label {
  color: color-mix(in srgb, var(--ats-accent) 15%, var(--ats-text));
}
/*#endregion*/
/*#region Accordion*/
.ats-accordion {
  border-bottom: 1px solid var(--ats-border);
}
.ats-accordion > .head {
  padding: 8px 14px;
  cursor: pointer;
  gap: 8px;
  letter-spacing: 0.04em;
  color: var(--ats-text-soft);
}
.ats-accordion > .head:hover {
  background: color-mix(in srgb, var(--ats-accent) 8%, transparent);
}
.ats-accordion > .head i.fa-fw:not(.ats-action-bar-group i) {
  flex-shrink: 0;
  color: var(--module-color, var(--ats-accent));
}
.ats-accordion > .head .chevron {
  color: var(--ats-text-soft);
  transition: transform 0.2s;
}
.ats-accordion > .head.open .chevron {
  transform: rotate(90deg);
}
.ats-accordion > .body {
  display: none;
  padding: 2px 0;
}
.ats-accordion > .body.open {
  display: block;
}
.ats-accordion--framed {
  margin-bottom: 10px;
}
.ats-accordion--framed > .head {
  padding: 10px 12px;
  letter-spacing: 0;
  color: var(--ats-text-heading);
}
.ats-accordion--framed > .body {
  padding: 12px;
  border-top: 1px solid var(--ats-border);
}
.details-partial-view .ats-accordion {
  background-color: var(--ats-bg);
  box-shadow: none;
}
.details-partial-view .ats-accordion > .head {
  min-height: 44px;
}
.details-partial-view .ats-accordion > .head h5 {
  font-size: var(--ats-font-md);
  font-weight: 600;
  color: var(--ats-text-heading);
}
/*#endregion*/
/*#region Mail merge check*/
.mailmerge-check table.fieldresult {
  width: 100%;
  margin-top: 4em;
}
.mailmerge-check th.lang-iso {
  height: 100px;
  white-space: nowrap;
}
.mailmerge-check th.lang-iso > div {
  transform: translate(1px, 20px) rotate(270deg);
  width: 4em;
}
.mailmerge-check td.halfborder {
  border-bottom: 1px solid var(--ats-border-table);
  border-right: 1px solid var(--ats-border-table);
  padding: 10px 0;
  height: 45px;
}
.mailmerge-check td.colored {
  width: 4em;
}
.mailmerge-check td.green {
  background-color: var(--ats-ok);
}
.mailmerge-check td.yellow {
  background-color: var(--ats-warn);
}
.mailmerge-check td.red {
  background-color: var(--ats-error);
}
/*#endregion*/
/*#region Overlay spinner*/
.overlay-spinner {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 2001;
}
.overlay-spinner .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px;
  border-radius: var(--ats-radius);
  background-color: var(--ats-bg-alt);
  color: var(--ats-text);
}
.overlay-spinner .message {
  margin-top: 10px;
}
/*#endregion*/
/*#region Utilities*/
.section-spacing {
  margin-bottom: 30px;
}
.section-padding {
  padding-bottom: 30px;
}
.clear {
  clear: both;
}
/*#endregion*/
/*#region Toast*/
.toast-body:has(.notification-popup-meta) {
  min-height: 150px;
}
/*#endregion*/
/*#region Folded grid toolbar*/
[data-main-bar] .atx-grid-search {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
/*#endregion*/
/*#region Dark mode*/
html[data-bs-theme="dark"] .modal .modal-content {
  border-color: var(--ats-border-input);
}
/*#endregion*/
/*#region Profile badge*/
.profile-badge {
  width: 26px;
  height: 26px;
  border-radius: var(--ats-radius-pill);
  background: transparent;
  color: var(--ats-nav-text);
  border: 1.5px solid var(--ats-nav-text);
  opacity: 0.75;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ats-font-base);
  font-weight: 700;
  flex-shrink: 0;
  line-height: 1;
  transition: opacity 0.15s;
}
.profile-badge:hover {
  opacity: 1;
}
/*#endregion*/
/*#region Base components*/
.ats-table--keyvalue td:first-child {
  width: 40%;
}
.report-export-list {
  max-height: 55vh;
}
.ats-card {
  background: var(--ats-bg-raised);
  border: 1px solid var(--ats-border);
  border-radius: var(--ats-radius);
  padding: 0.615rem 0.692rem;
}
.ats-card--alt {
  background: var(--ats-bg-alt);
}
.ats-card--plain {
  background: var(--ats-bg);
}
.ats-card--compact {
  padding: 0.308rem 0.462rem;
}
.ats-card--roomy {
  padding: 0.923rem 1.077rem;
}
.ats-card--raised {
  box-shadow: var(--ats-shadow-md);
}
.ats-card--accent {
  border-left: 3px solid var(--ats-accent);
}
.new-features .ats-card > h3:first-child {
  margin: 0 -0.692rem 0.75rem;
  padding: 0.75rem 1rem;
  background: var(--ats-panel-bg);
  color: var(--ats-panel-text);
  font-size: var(--ats-font-xl);
  font-weight: 600;
  line-height: 1.3;
}
.specifications .ats-card > h4:first-child {
  margin: 0 -0.692rem 0.75rem;
  padding: 0.6rem 1rem;
  background: var(--ats-panel-bg);
  color: var(--ats-panel-text);
  line-height: 1.3;
}
.ats-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 1.846rem 1.231rem;
  text-align: center;
  color: var(--ats-text-soft);
}
.ats-empty-state i {
  font-size: var(--ats-font-xl);
}
.ats-empty-state h4 {
  margin: 0;
  font-size: var(--ats-font-lg);
  font-weight: 600;
  color: var(--ats-text-heading);
  line-height: 1.3;
}
.ats-empty-state p {
  margin: 0;
  max-width: 29.2308rem;
  line-height: 1.55;
}
.ats-empty-state--compact {
  padding: 0.462rem 0.769rem;
}
.ats-empty-state--tall {
  padding: 3.692rem 1.846rem;
}
.ats-empty-state--error > i {
  color: var(--ats-error);
}
.ats-empty-state--error .btn i {
  font-size: inherit;
}
.ats-dash-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  margin-bottom: 10px;
  background-color: var(--ats-bg-raised);
  border: 1px solid var(--ats-border);
  border-radius: var(--ats-radius);
}
.ats-dash-filters > .label {
  font-weight: 600;
  color: var(--ats-text-soft);
  white-space: nowrap;
}
.ats-section-header {
  display: flex;
  align-items: center;
  gap: 0.615rem;
  padding: 0.615rem 1.077rem;
  font-weight: 600;
  color: var(--ats-text-soft);
  border-bottom: 1px solid var(--ats-border);
}
.ats-section-header--compact {
  padding: 0.308rem 0.615rem;
}
.ats-section-header--plain {
  border-bottom: none;
}
.ats-section-header--between {
  justify-content: space-between;
}
.ats-color-swatch {
  display: inline-block;
  flex: 0 0 auto;
  width: 0.923rem;
  height: 0.923rem;
  border-radius: 50%;
  border: 1px solid var(--ats-border);
  background: var(--ats-swatch-color, repeating-linear-gradient(45deg, var(--ats-bg) 0 2px, var(--ats-border) 2px 4px));
}
.ats-kpi-chart {
  margin-top: 0.231rem;
}
.ats-kpi-chart .track {
  position: relative;
  padding: 3px 0;
}
.ats-kpi-chart .bar {
  display: flex;
  gap: 2px;
  height: 8px;
  overflow: hidden;
  border-radius: var(--ats-radius-pill);
  background: var(--ats-bg-raised);
  box-shadow: inset 0 0 0 1px var(--ats-border);
}
.ats-kpi-chart .fill {
  background: var(--module-color, var(--ats-accent));
}
.ats-kpi-chart .over {
  background: repeating-linear-gradient(45deg, var(--ats-error) 0 3px, color-mix(in srgb, var(--ats-error) 40%, transparent) 3px 6px);
}
.ats-kpi-chart .target {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  margin-left: -1px;
  background: var(--ats-text);
}
.ats-kpi-chart .note {
  color: var(--ats-text-soft);
}
/*#endregion*/
/*#region Theme toggle*/
.ats-theme-toggle {
  --ats-toggle-w: 44px;
  --ats-toggle-h: 24px;
  --ats-toggle-pad: 3px;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}
.ats-theme-toggle .switch {
  position: relative;
  display: inline-block;
  width: var(--ats-toggle-w);
  height: var(--ats-toggle-h);
  cursor: pointer;
  flex-shrink: 0;
}
.ats-theme-toggle input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}
.ats-theme-toggle .track {
  position: absolute;
  inset: 0;
  border-radius: var(--ats-radius);
  background: var(--ats-glass-tint);
  border: 1px solid var(--ats-glass-border);
  box-shadow: inset 0 1px 0 var(--ats-glass-highlight), inset 0 -1px 2px var(--ats-glass-shadow-sm);
  transition: background 0.25s ease, border-color 0.25s ease;
}
.ats-theme-toggle .knob {
  position: absolute;
  top: var(--ats-toggle-pad);
  left: var(--ats-toggle-pad);
  width: calc(var(--ats-toggle-h) - 2 * var(--ats-toggle-pad));
  height: calc(var(--ats-toggle-h) - 2 * var(--ats-toggle-pad));
  border-radius: 50%;
  background: var(--ats-bg);
  box-shadow: 0 1px 3px var(--ats-glass-shadow-md);
  transition: transform 0.25s ease, background 0.25s ease;
}
.ats-theme-toggle .knob i {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(var(--ats-toggle-h) * 0.42);
  line-height: 1;
  color: var(--ats-text-soft);
  transition: opacity 0.2s ease;
}
.ats-theme-toggle .knob .fa-moon {
  opacity: 0;
}
.ats-theme-toggle input:checked ~ .track {
  background: color-mix(in srgb, var(--ats-accent) 45%, var(--ats-glass-tint));
  border-color: color-mix(in srgb, var(--ats-accent) 55%, var(--ats-glass-border));
}
.ats-theme-toggle input:checked ~ .knob {
  transform: translateX(calc(var(--ats-toggle-w) - var(--ats-toggle-h)));
}
.ats-theme-toggle input:checked ~ .knob .fa-sun {
  opacity: 0;
}
.ats-theme-toggle input:checked ~ .knob .fa-moon {
  opacity: 1;
}
.ats-theme-toggle input:focus-visible ~ .track {
  box-shadow: inset 0 1px 0 var(--ats-glass-highlight), 0 0 0 2px var(--ats-accent);
}
@media (prefers-reduced-motion: reduce) {
  .ats-theme-toggle .track,
  .ats-theme-toggle .knob,
  .ats-theme-toggle .knob i {
    transition: none;
  }
}
.sidebar.globals.collapsed .ats-theme-toggle {
  --ats-toggle-w: 40px;
  --ats-toggle-h: 22px;
}
/*#endregion*/
/*#region Sidebar*/
.sidebar {
  width: var(--ats-sidebar-nav-w, 20rem);
  min-width: var(--ats-sidebar-nav-w, 20rem);
  transition: width 0.25s ease, min-width 0.25s ease;
  position: relative;
  color: var(--ats-nav-text);
}
.sidebar a:not(.dropdown-item),
.sidebar button:not(.dropdown-item) {
  color: var(--ats-nav-text);
}
.sidebar .ats-accordion {
  border-bottom: none;
}
.sidebar .ats-accordion > .head {
  min-height: 40px;
  padding: 0 10px;
  letter-spacing: 0;
  color: var(--ats-nav-text);
}
.sidebar .ats-accordion > .head i.fa-fw {
  color: inherit;
}
.sidebar .ats-accordion > .head .chevron {
  width: 9px;
  opacity: 0.55;
  transition: transform 0.18s ease, opacity 0.12s ease;
}
.sidebar .ats-accordion > .head:hover .chevron {
  opacity: 0.9;
}
.sidebar .ats-accordion > .head.open {
  color: var(--ats-accent);
  box-shadow: inset 3px 0 0 var(--ats-accent);
}
.sidebar .ats-accordion > .head.open .chevron {
  color: var(--ats-accent);
}
.sidebar .ats-accordion > .body {
  padding: 2px 0 5px;
}
.sidebar .ats-accordion > .body .dropdown-header {
  display: none;
}
.sidebar .entry {
  gap: 10px;
  padding: 5px 10px 5px 42px;
  position: relative;
}
.sidebar .entry i {
  opacity: 0.8;
}
.sidebar .entry:hover i,
.sidebar .entry.active i {
  opacity: 1;
}
.sidebar .entry::before {
  content: "";
  position: absolute;
  left: 19px;
  top: 0;
  bottom: 0;
  width: 1px;
  background: var(--ats-glass-border);
}
.sidebar .entry.active {
  color: var(--ats-accent);
}
.sidebar .entry.active::after {
  content: "";
  position: absolute;
  left: 17px;
  top: 50%;
  width: 5px;
  height: 5px;
  margin-top: -2px;
  border-radius: 50%;
  background: var(--ats-accent);
}
.sidebar .ats-accordion > .head,
.sidebar .entry,
.sidebar .group a:not(.dropdown-item),
.sidebar .group button:not(.dropdown-item),
.sidebar .footer > a,
.sidebar .footer > button,
.sidebar .footer > .dropdown > a,
.sidebar .toolbar .btn {
  border-radius: var(--ats-radius);
  transition: background-color 0.12s ease, color 0.12s ease;
}
.sidebar .ats-accordion > .head:hover,
.sidebar .entry:hover,
.sidebar .group a:not(.dropdown-item):hover,
.sidebar .group button:not(.dropdown-item):hover,
.sidebar .footer > a:hover,
.sidebar .footer > button:hover,
.sidebar .footer > .dropdown > a:hover,
.sidebar .toolbar .btn:hover {
  background-color: var(--ats-row-hover-bg);
  color: var(--ats-row-hover-text);
}
.sidebar .footer {
  padding: 5px;
  border-top: 1px solid var(--ats-glass-border);
}
.sidebar .footer .logout,
.sidebar .footer .logout:hover {
  color: var(--ats-error);
}
.sidebar.collapsed {
  width: var(--ats-sidebar-nav-icon-w, 4rem);
  min-width: var(--ats-sidebar-nav-icon-w, 4rem);
}
.sidebar.collapsed .ats-accordion > .head {
  justify-content: center;
  width: 40px;
  margin: 0 auto;
  padding: 0;
}
.sidebar.collapsed .ats-accordion > .head span,
.sidebar.collapsed .ats-accordion > .head .chevron {
  display: none;
}
.sidebar.collapsed .text-truncate {
  display: none;
}
.sidebar:not(.globals).collapsed .ats-accordion > .body {
  display: none;
}
.sidebar:not(.globals).collapsed .entry {
  justify-content: center;
  padding: 5px 8px;
}
.sidebar:not(.globals).collapsed .entry::before,
.sidebar:not(.globals).collapsed .entry::after,
.sidebar:not(.globals).collapsed .entry span {
  display: none;
}
.sidebar.globals {
  width: var(--ats-globals-sidebar-w, 16.9231rem);
  min-width: var(--ats-globals-sidebar-w, 16.9231rem);
  overflow: clip;
}
.sidebar.globals .toolbar {
  height: 60px;
  padding: 0 5px;
}
.sidebar.globals .toolbar .btn {
  width: 40px;
  height: 40px;
}
.sidebar.globals .filter {
  display: flex;
  padding: 5px 5px 0;
}
.sidebar.globals .resize {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 6px;
  cursor: col-resize;
  touch-action: none;
  z-index: 2;
}
.sidebar.globals .resize::after {
  content: "";
  position: absolute;
  left: 2px;
  top: 50%;
  width: 2px;
  height: 28px;
  margin-top: -14px;
  border-radius: var(--ats-radius);
  background: var(--ats-glass-border);
  opacity: 0;
  transition: opacity 0.12s ease;
}
.sidebar.globals .resize:hover::after {
  opacity: 1;
  background: var(--ats-accent);
}
@media (pointer: coarse) {
  .sidebar.globals .resize {
    width: 16px;
  }
  .sidebar.globals .resize::after {
    left: auto;
    right: 2px;
    opacity: 1;
  }
}
.sidebar.globals .scroll {
  padding: 5px;
  gap: 10px;
}
.sidebar.globals .status-display {
  position: fixed;
  left: calc(var(--ats-globals-sidebar-w, 16.9231rem) +  20px / 2);
  bottom: 10px;
  max-width: 30rem;
  z-index: 1045;
}
.sidebar.globals .group {
  padding: 2px 0;
  gap: 2px;
}
.sidebar.globals .group > * {
  padding: 4px 5px;
  min-height: 34px;
}
.sidebar.globals .group a:not(.dropdown-item),
.sidebar.globals .group button:not(.dropdown-item) {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 0 10px;
  text-decoration: none;
}
.sidebar.globals .group a:not(.dropdown-item):focus-visible,
.sidebar.globals .group button:not(.dropdown-item):focus-visible {
  outline: 2px solid var(--ats-accent);
  outline-offset: -2px;
}
.sidebar.globals .group .active > a,
.sidebar.globals .group a.active,
.sidebar.globals .group .dropdown.show > a {
  background-color: var(--ats-row-hover-bg);
  color: var(--ats-accent);
  box-shadow: inset 3px 0 0 var(--ats-accent);
}
.sidebar.globals .divider {
  height: 1px;
  margin: 5px 10px;
  background: var(--ats-border);
  opacity: 0.6;
}
.sidebar.globals:not(.collapsed) .ats-accordion > .body.dropdown-menu {
  position: static;
  float: none;
  min-width: 0;
  margin: 0;
  padding: 2px 0 5px;
  border: none;
  box-shadow: none;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  display: none;
}
.sidebar.globals:not(.collapsed) .ats-accordion > .body.dropdown-menu.open {
  display: block;
}
.sidebar.globals .star {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: absolute;
  right: 6px;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  border-radius: var(--ats-radius);
  color: var(--ats-text-soft);
  opacity: 0;
  cursor: pointer;
  transition: opacity 0.12s ease;
}
.sidebar.globals .star:hover {
  background-color: color-mix(in srgb, var(--ats-accent) 10%, transparent);
}
@media (hover: none) {
  .sidebar.globals .star {
    opacity: 1;
  }
}
.sidebar.globals .entry:hover .star,
.sidebar.globals .entry:focus-within .star {
  opacity: 1;
}
.sidebar.globals .entry .text-truncate {
  padding-right: 26px;
}
.sidebar.globals .footer {
  gap: 2px;
}
.sidebar.globals .footer > a,
.sidebar.globals .footer > .dropdown > a,
.sidebar.globals .footer > .ats-theme-toggle {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 0 10px;
}
.sidebar.globals .footer .utility-dropdown {
  margin-top: 2px;
  padding-top: 4px;
  border-top: 1px solid var(--ats-glass-border);
}
.sidebar.globals .footer .utility-dropdown > a {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.sidebar.globals.collapsed {
  width: var(--ats-globals-sidebar-icon-w, 4rem);
  min-width: var(--ats-globals-sidebar-icon-w, 4rem);
}
.sidebar.globals.collapsed .toolbar {
  flex-direction: column;
  justify-content: center;
  height: auto;
  padding: 5px 0;
}
.sidebar.globals.collapsed .filter,
.sidebar.globals.collapsed .resize,
.sidebar.globals.collapsed .ats-section-header,
.sidebar.globals.collapsed .star {
  display: none;
}
.sidebar.globals.collapsed .scroll {
  padding: 10px 5px;
}
.sidebar.globals.collapsed .status-display {
  left: calc(var(--ats-globals-sidebar-icon-w, 4rem) +  20px / 2);
}
.sidebar.globals.collapsed .group {
  align-items: center;
}
.sidebar.globals.collapsed .group > * {
  padding-left: 0;
  padding-right: 0;
}
.sidebar.globals.collapsed .group a:not(.dropdown-item),
.sidebar.globals.collapsed .group button:not(.dropdown-item) {
  justify-content: center;
  width: 40px;
  margin: 0 auto;
  padding: 0;
}
.sidebar.globals.collapsed .ats-accordion > .body.dropdown-menu {
  position: absolute;
  max-height: calc(100dvh -  2 * 20px);
  overflow-y: auto;
  display: none;
}
.sidebar.globals.collapsed .ats-accordion > .body.dropdown-menu.show {
  display: block;
}
.sidebar.globals.collapsed .ats-accordion > .body.dropdown-menu .dropdown-header {
  display: block;
}
.sidebar.globals.collapsed .ats-accordion > .body.dropdown-menu .entry {
  width: auto;
  justify-content: flex-start;
  padding: 5px 10px;
  color: var(--ats-text);
}
.sidebar.globals.collapsed .ats-accordion > .body.dropdown-menu .entry::before,
.sidebar.globals.collapsed .ats-accordion > .body.dropdown-menu .entry::after {
  display: none;
}
.sidebar.globals.collapsed .ats-accordion > .body.dropdown-menu .entry .text-truncate {
  display: inline;
}
.sidebar.globals.collapsed .ats-accordion > .body.dropdown-menu .entry:hover .star {
  display: inline-flex;
}
.sidebar.globals.collapsed .footer > a,
.sidebar.globals.collapsed .footer > .dropdown > a,
.sidebar.globals.collapsed .footer > .ats-theme-toggle {
  justify-content: center;
  padding: 0;
}
html[data-bs-theme="dark"] .sidebar.globals .group i {
  color: inherit;
}
@media only screen and (min-width: 1024px) {
  html[data-sidebar-nav="icon-only"] .sidebar:not(.globals) {
    width: var(--ats-sidebar-nav-icon-w, 4rem);
    min-width: var(--ats-sidebar-nav-icon-w, 4rem);
  }
}
html[data-sidebar-globals="hidden"] .sidebar.globals {
  width: 0;
  min-width: 0;
  border-right-width: 0;
  overflow: hidden;
  visibility: hidden;
}
@media only screen and (max-width: 1023.98px) {
  .ats-layout-body:has(> .sidebar) {
    position: relative;
  }
  .sidebar {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1045;
    max-width: 100%;
    transform: translateX(0);
    transition: transform 0.25s ease;
  }
  html[data-sidebar-globals="icon-only"] .main-navbar .sidebar-toggle.restore {
    display: inline-flex;
  }
  .sidebar.collapsed {
    width: var(--ats-sidebar-nav-w, 20rem);
    min-width: var(--ats-sidebar-nav-w, 20rem);
    transform: translateX(-100%);
  }
  .sidebar.globals.collapsed {
    width: var(--ats-globals-sidebar-w, 16.9231rem);
    min-width: var(--ats-globals-sidebar-w, 16.9231rem);
  }
}
/*#endregion*/
/*#region Layout around the sidebar*/
body.resizing {
  cursor: col-resize;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
body.resizing .sidebar {
  transition: none;
}
.main-navbar .sidebar-toggle {
  color: var(--ats-nav-text);
}
.main-navbar .sidebar-toggle:hover {
  color: var(--ats-nav-hover-text);
}
.main-navbar .sidebar-toggle.restore {
  display: none;
}
html[data-sidebar-globals="hidden"] .main-navbar .sidebar-toggle.restore {
  display: inline-flex;
}
.ats-layout-body {
  min-height: 0;
}
.content.d-flex .flex-grow-1 {
  min-height: 0;
}
/*#endregion*/
/*#region AI assistant mark*/
.aiassistant-mark {
  width: 34px;
  height: 34px;
}
.aiassistant-mark.is-inline {
  width: 1.6em;
  height: 1.6em;
  margin: -0.3em 0;
}
/*#endregion*/
/*#region Page header*/
.ats-page-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.ats-page-header::before,
.ats-page-header::after {
  display: none;
}
.ats-page-header .title {
  flex: 1;
  min-width: 0;
}
@media only screen and (max-width: 767.98px) {
  .ats-page-header .title {
    min-width: min(100%, 16rem);
  }
  .ats-page-header .title h2 {
    height: auto;
  }
}
.ats-page-header .title h2 {
  margin: 0;
  font-size: var(--ats-font-xl);
  font-weight: 600;
  line-height: 1.15;
  color: var(--ats-text-heading);
  letter-spacing: -0.01em;
}
.ats-page-header .title h2 > i {
  color: var(--module-color, var(--ats-accent));
  margin-right: 10px;
  position: relative;
  top: -1px;
}
.ats-page-header .trail {
  color: var(--ats-text-soft);
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.ats-page-header .trail a {
  color: var(--ats-text-soft);
  text-decoration: none;
}
.ats-page-header .trail a:hover {
  color: var(--ats-text);
  text-decoration: underline;
}
.ats-page-header .trail > i {
  opacity: 0.6;
}
@media only screen and (max-width: 767.98px) {
  .ats-page-header .trail {
    display: none;
  }
}
.ats-page-header .actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  max-width: 100%;
  margin-left: auto;
}
.ats-page-header .actions .atx-grid-search,
.ats-page-header .actions .atx-grid-bar-search {
  max-width: 100%;
}
.ats-page-header .actions .dx-texteditor {
  background-color: transparent;
  border-color: transparent;
}
.ats-page-header .actions .dx-texteditor.dx-state-hover,
.ats-page-header .actions .dx-texteditor.dx-state-focused {
  background-color: var(--ats-input-bg);
  border-color: var(--ats-accent);
}
.ats-page-header .actions .dx-texteditor-input {
  background-color: transparent;
}
.ats-page-header .actions .grid-command-buttons {
  float: none;
  width: auto;
  min-width: 0;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}
.ats-page-header .actions .grid-command-buttons > .grid-command-buttons {
  justify-content: flex-end;
}
.ats-page-header .actions .grid-command-buttons > a,
.ats-page-header .actions .grid-command-buttons > .btn-group > a {
  float: none;
  margin: 0;
}
.ats-page-header .actions .grid-command-buttons.shift-down {
  top: 0;
}
.fieldEntry.filter-group {
  border-left: 2px solid color-mix(in srgb, var(--ats-accent) 35%, transparent);
}
.fieldEntry .filter-slots .slot {
  width: 1.5385rem;
}
.fieldEntry .filter-grip {
  cursor: grab;
  touch-action: none;
}
.ats-action-bar > .more {
  display: none;
}
@media only screen and (max-width: 1439.98px) {
  .ats-action-bar-group.main > .ats-action-bar:has(> [data-fold="xl"]) > .more {
    display: inline-flex;
  }
  .ats-action-bar-group.main > .ats-action-bar:not(.open) > [data-fold="xl"] {
    display: none !important;
  }
}
@media only screen and (max-width: 1023.98px) {
  .ats-action-bar-group.main > .ats-action-bar:has(> [data-fold="lg"]) > .more {
    display: inline-flex;
  }
  .ats-action-bar-group.main > .ats-action-bar:not(.open) > [data-fold="lg"] {
    display: none !important;
  }
}
@media only screen and (max-width: 767.98px) {
  .ats-action-bar-group.main > .ats-action-bar:has(> [data-fold]) > .more {
    display: inline-flex;
  }
  .ats-action-bar-group.main > .ats-action-bar:not(.open) > [data-fold] {
    display: none !important;
  }
}
.ats-action-bar-group.section {
  container-type: inline-size;
}
@container (max-width: 719.98px) {
  .ats-action-bar-group:is(.section, .compact) > .ats-action-bar:has(> [data-fold]) > .more {
    display: inline-flex;
  }
  .ats-action-bar-group:is(.section, .compact) > .ats-action-bar:not(.open) > [data-fold] {
    display: none !important;
  }
}
.grid-command-buttons .current-filter-name:empty::after {
  content: "-";
}
.grid-command-buttons .selected-row-count-display .badge {
  position: absolute;
  top: -4px;
  right: -6px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  line-height: 16px;
  color: var(--module-header-text, var(--ats-text-on-accent));
  background-color: var(--module-color, var(--ats-accent));
}
/*#endregion*/
/*#region Notification bell*/
.notification-bell .dropdown-menu li > div.row {
  margin: 0;
}
.notification-bell .dropdown-menu .disabled {
  pointer-events: none;
  cursor: default;
}
.notification-bell .new-message {
  background-color: color-mix(in srgb, var(--ats-accent) 5%, transparent);
  border-left: 3px solid var(--ats-accent);
}
.notification-bell .group-header,
.notification-bell .meta,
.notification-bell .text {
  color: var(--ats-text-soft);
}
.notification-bell .group-name,
.notification-bell .subject {
  color: var(--ats-text);
}
.notification-bell .subscribed {
  width: 7rem;
  text-align: center;
}
.notification-bell .meta {
  gap: 8px;
}
.notification-bell .subject-line {
  gap: 4px;
  min-width: 0;
}
.notification-bell .text {
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/*#endregion*/
/*#region Splitter*/
.ats-splitter {
  flex: 0 0 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 10;
  position: relative;
  background: transparent;
  cursor: col-resize;
  touch-action: none;
}
@media only screen and (max-width: 1439.98px) {
  .ats-splitter {
    display: none;
  }
}
.ats-splitter .pill {
  width: 14px;
  height: 64px;
  border-radius: var(--ats-radius);
  background: var(--ats-bg);
  border: 1px solid var(--ats-border);
  box-shadow: var(--ats-shadow-sm);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  pointer-events: none;
  transition: width 0.15s, height 0.15s, background 0.15s, border-color 0.15s, box-shadow 0.15s;
}
.ats-splitter .dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--ats-text-soft);
  transition: background 0.15s, width 0.15s, height 0.15s;
}
.ats-splitter .percent {
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 500;
  color: var(--ats-text-soft);
  background: var(--ats-bg);
  padding: 2px 8px;
  border-radius: var(--ats-radius-pill);
  border: 0.5px solid var(--ats-border-table);
  opacity: 0;
  transition: opacity 0.15s, color 0.15s, border-color 0.15s;
  white-space: nowrap;
  pointer-events: none;
}
.ats-splitter .toggle,
.ats-splitter .restore {
  width: 22px;
  height: 22px;
  border-radius: var(--ats-radius);
  background: var(--ats-bg);
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 3;
  box-shadow: var(--ats-shadow-sm);
  padding: 0;
}
.ats-splitter .toggle:hover,
.ats-splitter .restore:hover {
  background: var(--ats-accent);
  border-color: var(--ats-accent);
  color: var(--ats-text-on-accent);
}
.ats-splitter .toggle {
  position: absolute;
  display: flex;
  border: 1px solid var(--ats-border);
  opacity: 0;
  transform: scale(0.6);
  transition: opacity 0.2s, transform 0.2s, background 0.15s, border-color 0.15s;
  color: var(--ats-text-soft);
}
.ats-splitter .toggle.left {
  top: calc(50% - 42px);
}
.ats-splitter .toggle.right {
  top: calc(50% + 20px);
}
.ats-splitter .restore {
  display: none;
  border: 1px solid color-mix(in srgb, var(--ats-accent) 30%, var(--ats-border) 70%);
  color: var(--ats-accent);
  transition: background 0.15s, border-color 0.15s, color 0.15s;
}
.ats-splitter:hover .pill {
  width: 16px;
  height: 72px;
  border-color: color-mix(in srgb, var(--ats-accent) 40%, var(--ats-border) 60%);
  box-shadow: var(--ats-shadow-md);
}
.ats-splitter:hover .dot {
  background: var(--ats-text);
  width: 4.5px;
  height: 4.5px;
}
.ats-splitter:hover .percent {
  opacity: 1;
}
.ats-splitter:hover .toggle {
  opacity: 1;
  transform: scale(1);
}
.ats-splitter.dragging .pill {
  width: 16px;
  height: 80px;
  background: var(--ats-accent);
  border-color: var(--ats-accent);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--ats-accent) 15%, transparent), 0 4px 12px color-mix(in srgb, var(--ats-accent) 25%, transparent);
}
.ats-splitter.dragging .dot {
  background: color-mix(in srgb, var(--ats-text-on-accent) 80%, transparent);
  width: 5px;
  height: 5px;
}
.ats-splitter.dragging .percent {
  opacity: 1;
  color: var(--ats-accent);
  border-color: var(--ats-accent);
}
.ats-splitter.snap .pill {
  box-shadow: 0 0 0 6px color-mix(in srgb, var(--ats-accent) 20%, transparent), 0 4px 16px color-mix(in srgb, var(--ats-accent) 30%, transparent);
}
.ats-splitter.collapsed {
  cursor: pointer;
}
.ats-splitter.collapsed .pill,
.ats-splitter.collapsed .toggle {
  display: none;
}
.ats-splitter.collapsed .restore {
  display: flex;
}
/*#endregion*/
.atx-detail-view {
  position: relative;
}
.atx-detail-view.atx-detail-view-reloading > * {
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
.atx-detail-view.atx-detail-view-reloading::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 40%;
  height: 2px;
  background: var(--module-color, var(--ats-accent));
  animation: atx-detail-view-bar 1.2s ease-in-out infinite;
}
.atx-detail-view .atx-detail-view-skeleton {
  padding: 0.75rem 0;
}
.atx-detail-view .atx-detail-view-skeleton > span {
  display: block;
  height: 0.75rem;
  margin-bottom: 0.6rem;
  border-radius: var(--ats-radius);
  background: linear-gradient(90deg, var(--ats-border) 25%, var(--ats-bg-raised) 50%, var(--ats-border) 75%);
  background-size: 200% 100%;
  animation: atx-detail-view-shimmer 1.4s linear infinite;
}
.atx-detail-view .atx-detail-view-skeleton > span:nth-child(1) {
  width: 70%;
}
.atx-detail-view .atx-detail-view-skeleton > span:nth-child(2) {
  width: 90%;
}
.atx-detail-view .atx-detail-view-skeleton > span:nth-child(3) {
  width: 55%;
}
.atx-detail-view .atx-detail-view-skeleton > span:nth-child(4) {
  width: 80%;
}
@media (prefers-reduced-motion: reduce) {
  .atx-detail-view .atx-detail-view-skeleton > span,
  .atx-detail-view.atx-detail-view-reloading::before {
    animation: none;
  }
}
.atx-status .atx-status-line {
  gap: 0.6rem;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--ats-border);
  border-left: 4px solid var(--ats-accent);
  border-radius: var(--ats-radius);
  background: var(--ats-bg-raised);
  color: var(--ats-text);
  pointer-events: auto;
}
.atx-status .atx-status-line > i {
  color: var(--ats-accent);
}
.atx-status .atx-status-line .btn-close {
  font-size: 0.6rem;
}
.atx-status .atx-status-line.atx-status-success {
  border-left-color: var(--ats-ok);
}
.atx-status .atx-status-line.atx-status-success > i {
  color: var(--ats-ok);
}
.atx-status .atx-status-line.atx-status-success .atx-status-timer {
  background: var(--ats-ok);
}
.atx-status .atx-status-line.atx-status-loading {
  border-left-color: var(--module-color, var(--ats-accent));
}
.atx-status .atx-status-line.atx-status-loading > i {
  color: var(--module-color, var(--ats-accent));
}
.atx-status .atx-status-line.atx-status-loading .atx-status-timer {
  background: var(--module-color, var(--ats-accent));
}
.atx-status .atx-status-line.atx-status-warn {
  border-left-color: var(--ats-warn);
}
.atx-status .atx-status-line.atx-status-warn > i {
  color: var(--ats-warn);
}
.atx-status .atx-status-line.atx-status-warn .atx-status-timer {
  background: var(--ats-warn);
}
.atx-status .atx-status-line.atx-status-error {
  border-left-color: var(--ats-error);
}
.atx-status .atx-status-line.atx-status-error > i {
  color: var(--ats-error);
}
.atx-status .atx-status-line.atx-status-error .atx-status-timer {
  background: var(--ats-error);
}
.atx-status .atx-status-timer {
  left: 0;
  bottom: 0;
  height: 2px;
  background: var(--ats-accent);
  opacity: 0.35;
  transform-origin: left;
  animation: atx-status-timer 5s linear forwards;
}
.atx-status.atx-status-paused .atx-status-timer {
  animation-play-state: paused;
}
@media (prefers-reduced-motion: reduce) {
  .atx-status .atx-status-timer {
    animation: none;
  }
}
@keyframes atx-detail-view-bar {
  0% {
    left: -40%;
  }
  100% {
    left: 100%;
  }
}
@keyframes atx-detail-view-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes atx-status-timer {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}

.highcharts-background {
  fill: var(--ats-bg);
}

.row {
  margin-left: unset;
  margin-right: unset;
}
.form-control {
  border-radius: var(--ats-radius);
  height: 1.9231rem;
  padding: 2px 3px;
  background-color: var(--ats-bg-alt);
}
input.form-control {
  background-color: var(--ats-input-bg) !important;
  border-color: var(--ats-border-input);
  color: var(--ats-input-text);
}
input.form-control ::-moz-placeholder {
  opacity: 0.7;
}
input.form-control ::placeholder {
  opacity: 0.7;
}
input.form-control:focus {
  color: var(--ats-input-text);
}
.btn-sm,
.btn-group-sm > .btn {
  --bs-btn-font-size: var(--ats-font-base);
}
.btn-sm {
  padding: 1px 5px;
  line-height: 1.5;
  border-radius: var(--ats-radius);
}
a {
  text-decoration: none;
}
a:hover,
a:active,
a:visited,
a:focus,
a:link {
  text-decoration: none;
}
.table-hover > tbody > tr:hover > * {
  color: var(--ats-row-hover-text);
  background-color: var(--ats-row-hover-bg);
}
.table-hover > tbody > tr:hover > * .form-control-label {
  color: var(--ats-row-hover-text);
}
.table-hover > tbody > tr:hover > * a {
  color: var(--ats-row-hover-text);
}
.table-hover > tbody > tr:hover > * a:hover {
  color: var(--ats-accent);
}
.modal {
  --bs-modal-header-padding-y: 0.4rem;
  --bs-modal-header-padding: 0.4rem 1rem;
  --bs-modal-border-radius: var(--ats-radius);
  --bs-modal-inner-border-radius: calc(var(--ats-radius) - 1px);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.modal-header {
  color: var(--module-header-text, var(--ats-panel-text));
  background-color: var(--module-color, var(--ats-modal-header-bg));
}
.modal-header .btn-close {
  color: inherit;
  filter: none;
  opacity: 0.75;
  background-image: none;
  background-color: currentColor;
  -webkit-mask: var(--bs-btn-close-bg) center / 1em auto no-repeat;
  mask: var(--bs-btn-close-bg) center / 1em auto no-repeat;
}
.modal-header .btn-close:hover {
  opacity: 1;
}
.modal-header a {
  color: var(--ats-panel-text);
}
.modal-header a:hover {
  color: var(--ats-accent);
  text-decoration: none;
}
.modal-title {
  color: var(--module-header-text, var(--ats-panel-text));
  font-size: var(--ats-font-md);
  font-weight: bold;
}
.close {
  color: var(--module-header-text, var(--ats-panel-text));
}
/*#region Tables*/
.table > :not(caption) > * > * {
  background-color: transparent;
}
table,
.table {
  font: 'Segoe UI', 'Helvetica Neue', 'Droid Sans', Arial, Tahoma, Geneva, sans-serif;
  font-size: var(--ats-font-base);
  border-color: var(--ats-border-table);
  color: var(--ats-text);
}
table th,
.table th {
  color: var(--ats-text);
}
table .table-striped > tbody > tr:nth-of-type(odd) > *,
.table .table-striped > tbody > tr:nth-of-type(odd) > *,
table > :not(caption) > * > *,
.table > :not(caption) > * > * {
  color: var(--ats-text);
}
.table a {
  color: var(--ats-text);
}
/*#endregion*/
/*#region Dropdowns*/
[data-bs-toggle="dropdown"]::after {
  content: none !important;
  display: none !important;
}
.dropdown-menu {
  background-color: var(--ats-dd-bg);
}
.dropdown-menu .dropdown-item {
  color: var(--ats-text);
}
.dropdown-menu .dropdown-item:active,
.dropdown-menu .dropdown-item:hover {
  background-color: var(--ats-dd-hover-bg);
  color: var(--ats-row-hover-text);
}
.dropdown-menu .dropdown-header {
  color: var(--ats-text-soft);
}
.dropdown-menu .dropdown-divider {
  background-color: var(--ats-text);
}
/*#endregion*/
/*#region Cards and accordions*/
.card {
  border: none;
  border-radius: var(--ats-radius);
  background-color: var(--ats-bg);
  color: var(--ats-text);
}
.card > * {
  padding-top: 0;
  padding-bottom: 0;
  border: none;
  background-color: transparent;
}
.card > * .card-title {
  display: flex;
  background-color: var(--module-color, var(--ats-accent));
  border: 1px solid transparent;
  padding-bottom: 3px;
}
.card > * .card-title:hover {
  background-color: var(--module-header-text, var(--ats-text-on-accent));
  border-color: var(--module-color, var(--ats-accent));
}
.card > * .card-title a {
  text-decoration: none;
  color: var(--module-header-text, var(--ats-text-on-accent));
  background-color: transparent;
  line-height: 1.7rem;
}
.card > * .card-title a[data-bs-toggle=collapse] {
  flex: auto;
}
.card > * .card-title:hover a {
  color: var(--module-color, var(--ats-accent));
}
.card.clearfix > .card-header,
.card.clearfix > .row > div > .card-header {
  padding: 0 0 15px;
  color: var(--ats-text-heading);
  font-weight: normal;
  font-size: var(--ats-font-lg);
  background: none;
  border: none;
}
.accordion .accordion-item {
  background-color: var(--ats-bg);
  border-color: var(--ats-border);
  padding-bottom: 10px;
}
.accordion .accordion-item h3.accordion-header {
  min-height: 30px;
  border-bottom: none;
}
.accordion .accordion-item .accordion-header {
  display: flex;
  background-color: var(--module-color, var(--ats-accent));
  border: 1px solid transparent;
  align-items: center;
}
.accordion .accordion-item .accordion-header:hover {
  background-color: var(--module-header-text, var(--ats-text-on-accent));
  border-color: var(--module-color, var(--ats-accent));
}
.accordion .accordion-item .accordion-header.card-header {
  padding: 0;
}
.accordion .accordion-item .accordion-header button.accordion-button {
  background-color: var(--module-color, var(--ats-accent));
  color: var(--module-header-text, var(--ats-text-on-accent));
  font-size: var(--ats-font-lg);
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
.accordion .accordion-item .accordion-header button.accordion-button:focus,
.accordion .accordion-item .accordion-header button.accordion-button:not(.collapsed) {
  box-shadow: none;
}
.accordion .accordion-item .accordion-header button.accordion-button::after {
  display: none;
}
.accordion .accordion-item .accordion-header button.accordion-button[data-bs-toggle=collapse] {
  flex: auto;
}
.accordion .accordion-item .accordion-header:hover button.accordion-button {
  background-color: var(--module-header-text, var(--ats-text-on-accent));
  color: var(--module-color, var(--ats-accent));
  text-decoration: none;
}
.accordion .accordion-item .accordion-header:hover .action-link-icon {
  color: var(--module-color, var(--ats-accent));
}
.accordion .accordion-item .accordion-header .action-link-icon {
  font-size: var(--ats-font-lg);
  cursor: pointer;
  padding: 0 5px 0 2px;
  margin-top: -4px;
  color: var(--module-header-text, var(--ats-text-on-accent));
  background-color: transparent;
}
.accordion .accordion-item .accordion-body {
  color: var(--ats-text);
}
.accordion .accordion-body table:not([class*="dxe"]) > thead > tr > th,
.accordion .accordion-body table:not([class*="dxe"]) > tbody > tr > td {
  padding-left: 14px !important;
}
.accordion .accordion-body span {
  padding-top: 10px;
  padding-left: 16px;
}
.accordion-body {
  padding: 0.2rem 1.25rem;
}
.accordion .accordion-header {
  padding-bottom: 0;
  border-bottom: 0;
}
.detail-view > .card {
  border: none;
}
/*#endregion*/
/*#region Tabs, list groups, toasts*/
.nav-link {
  color: var(--ats-nav-text);
}
.nav-tabs .nav-item a.nav-link {
  color: var(--ats-nav-text);
}
.nav-tabs .nav-item a.nav-link:hover,
.nav-tabs .nav-item a.nav-link.active {
  color: var(--ats-nav-hover-text);
  background-color: var(--ats-nav-hover-bg);
  border-color: var(--ats-nav-hover-bg);
}
.nav-tabs .nav-item a.nav-link:focus {
  color: var(--ats-text-on-accent);
  background-color: var(--ats-accent);
  border-color: var(--ats-text-on-accent);
}
.modal .modal-header {
  border-bottom-color: var(--ats-border);
}
.modal .modal-footer {
  border-top-color: var(--ats-border);
}
.list-group a.list-group-item {
  background-color: var(--ats-bg-raised);
  color: var(--ats-text);
}
.list-group a.list-group-item:hover {
  color: var(--ats-row-hover-text);
  background-color: var(--ats-row-hover-bg);
}
.list-group a.list-group-item:hover h5 {
  color: var(--ats-row-hover-text);
}
.list-group a.list-group-item.active {
  color: var(--ats-row-hover-text);
  background-color: var(--ats-row-hover-bg);
}
.toast-container .toast {
  background-color: var(--ats-bg-alt);
  color: var(--ats-text);
}
.toast-container .toast .toast-header {
  background-color: var(--ats-panel-bg);
  color: var(--ats-panel-text) !important;
}
.small {
  font-size: var(--ats-font-base);
  opacity: 0.8;
  padding-top: 0.2em;
}
/*#endregion*/
/*#region Buttons*/
.btn-primary {
  --atx-btn-fill: var(--module-color, var(--ats-btn-accent));
  --atx-btn-fill-dark: color-mix(in srgb, var(--atx-btn-fill) 82%, #000 18%);
  --bs-btn-bg: var(--atx-btn-fill);
  --bs-btn-border-color: var(--atx-btn-fill);
  --bs-btn-color: var(--module-header-text, var(--ats-btn-accent-text));
  --bs-btn-hover-bg: var(--atx-btn-fill-dark);
  --bs-btn-hover-border-color: var(--atx-btn-fill-dark);
  --bs-btn-hover-color: var(--bs-btn-color);
  --bs-btn-active-bg: var(--atx-btn-fill-dark);
  --bs-btn-active-border-color: var(--atx-btn-fill-dark);
  --bs-btn-active-color: var(--bs-btn-color);
  --bs-btn-disabled-bg: var(--atx-btn-fill);
  --bs-btn-disabled-border-color: var(--atx-btn-fill);
  --bs-btn-disabled-color: var(--bs-btn-color);
  --bs-btn-focus-box-shadow: none;
}
.btn-outline-primary {
  border-color: var(--ats-btn-accent);
  color: var(--ats-btn-accent);
  background-color: transparent;
}
.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary:focus,
.btn-outline-primary.active {
  background-color: var(--ats-btn-accent);
  border-color: var(--ats-btn-accent);
  color: var(--ats-btn-accent-text);
}
.btn-secondary {
  --bs-btn-bg: var(--ats-btn-bg);
  --bs-btn-border-color: var(--ats-btn-border);
  --bs-btn-color: var(--ats-btn-text);
  --bs-btn-hover-bg: var(--ats-btn-hover-bg);
  --bs-btn-hover-border-color: var(--ats-btn-hover-border);
  --bs-btn-hover-color: var(--ats-btn-hover-text);
  --bs-btn-active-bg: var(--ats-btn-hover-bg);
  --bs-btn-active-border-color: var(--ats-btn-hover-border);
  --bs-btn-active-color: var(--ats-btn-hover-text);
}
.btn-outline-secondary {
  --bs-btn-color: var(--ats-btn-text);
  --bs-btn-border-color: var(--ats-btn-border);
  --bs-btn-hover-bg: var(--ats-btn-hover-bg);
  --bs-btn-hover-border-color: var(--ats-btn-hover-border);
  --bs-btn-hover-color: var(--ats-btn-hover-text);
  --bs-btn-active-bg: var(--ats-btn-hover-bg);
  --bs-btn-active-border-color: var(--ats-btn-hover-border);
  --bs-btn-active-color: var(--ats-btn-hover-text);
}
.btn-outline-danger {
  --bs-btn-color: var(--ats-error);
  --bs-btn-border-color: var(--ats-error);
  --bs-btn-hover-bg: var(--ats-error);
  --bs-btn-hover-border-color: var(--ats-error);
  --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: var(--ats-error);
  --bs-btn-active-border-color: var(--ats-error);
  --bs-btn-active-color: #fff;
}
.btn-danger {
  --bs-btn-bg: var(--ats-error);
  --bs-btn-border-color: var(--ats-error);
  --bs-btn-hover-bg: color-mix(in srgb, var(--ats-error) 82%, #000 18%);
  --bs-btn-hover-border-color: color-mix(in srgb, var(--ats-error) 82%, #000 18%);
  --bs-btn-active-bg: color-mix(in srgb, var(--ats-error) 82%, #000 18%);
  --bs-btn-active-border-color: color-mix(in srgb, var(--ats-error) 82%, #000 18%);
}
/*#endregion*/
.bootstrap-table {
  margin-top: 10px;
  margin-bottom: 10px;
}
.bootstrap-table .fixed-table-toolbar {
  margin-top: -15px;
}
.bootstrap-table .fixed-columns {
  background-color: var(--ats-bg);
}
/*#region Bootstrap 5 fixes*/
.row > span:not([class]),
.row > span[class=""] {
  width: auto;
}
.table > :not(:first-child) {
  border-top: none;
}
.table > :not(:last-child) > :last-child > * {
  border-bottom-color: currentColor;
}
.table-striped > tbody > tr:nth-of-type(odd) > td,
.table-striped > tbody > tr:nth-of-type(odd) > th {
  background-color: var(--ats-bg-alt);
}
/*#endregion*/
/*#region Dark mode*/
html[data-bs-theme="dark"] .btn-close {
  filter: invert(1);
}
html[data-bs-theme="dark"] .modal-header .btn-close {
  filter: none;
}
html[data-bs-theme="dark"] .table-bordered > :not(caption) > * > * {
  border-color: var(--ats-border) !important;
}
html[data-bs-theme="dark"] th[style*="position: sticky"],
html[data-bs-theme="dark"] td[style*="position: sticky"] {
  background-color: var(--ats-bg) !important;
}
/*#endregion*/
@media only screen and (max-width: 575.98px) {
  .form-control {
    height: 44px;
    padding: 6px 10px;
  }
  .btn-sm {
    padding: 10px 14px;
  }
  .accordion-body {
    padding: 0.6rem 1rem;
  }
  .modal {
    left: 0;
    top: 0;
    transform: none;
  }
}
/*#region Radius*/
kbd,
.form-check-input[type=checkbox],
.form-switch .form-check-input,
.form-range::-webkit-slider-runnable-track,
.form-range::-moz-range-track,
.btn-close {
  border-radius: var(--ats-radius);
}
/*#endregion*/

/*#region Base*/
.dx-widget {
  font-family: 'Segoe UI', 'Helvetica Neue', 'Droid Sans', Arial, Tahoma, Geneva, sans-serif;
  font-size: var(--ats-font-base);
  font-weight: normal;
  line-height: 1.35715;
}
.dx-datagrid .dx-row > td,
.dx-datagrid-headers .dx-datagrid-table .dx-row > td,
.dx-datagrid .dx-datagrid-summary-item,
.dx-datagrid .dx-row.dx-group-row,
.dx-datagrid .dx-row.dx-group-row > td,
.dx-pager .dx-page,
.dx-pager .dx-page-size,
.dx-pager .dx-info {
  font-size: var(--ats-font-base);
}
/*#endregion*/
/*#region Atx editor wrapper*/
button.devExtremeControl:focus {
  border: 1px solid var(--ats-text);
}
.devExtremeControl:where(:has( > .dx-texteditor:not(.dx-tagbox):not(.dx-textarea):not(.dx-searchbox))) {
  height: 2rem;
}
.devExtremeControl input,
.devExtremeControl textarea {
  font-family: 'Segoe UI', 'Helvetica Neue', 'Droid Sans', Arial, Tahoma, Geneva, sans-serif;
  font-size: var(--ats-font-base);
  line-height: normal;
  border-radius: 0;
}
.devExtremeControl:not(button) {
  font-family: 'Segoe UI', 'Helvetica Neue', 'Droid Sans', Arial, Tahoma, Geneva, sans-serif;
  font-size: var(--ats-font-base);
  line-height: normal;
  padding: 0;
}
.devExtremeControl.col-1 {
  max-width: calc(8.33333333% -  30px);
}
.devExtremeControl.col-2 {
  max-width: calc(16.66666667% -  30px);
}
.devExtremeControl.col-3 {
  max-width: calc(25% -  30px);
}
.devExtremeControl.col-4 {
  max-width: calc(33.33333333% -  30px);
}
.devExtremeControl.col-5 {
  max-width: calc(41.66666667% -  30px);
}
.devExtremeControl.col-6 {
  max-width: calc(50% -  30px);
}
.devExtremeControl.col-7 {
  max-width: calc(58.33333333% -  30px);
}
.devExtremeControl.col-8 {
  max-width: calc(66.66666667% -  30px);
}
.devExtremeControl.col-9 {
  max-width: calc(75% -  30px);
}
.devExtremeControl.col-10 {
  max-width: calc(83.33333333% -  30px);
}
.devExtremeControl.col-11 {
  max-width: calc(91.66666667% -  30px);
}
.devExtremeControl.col-12 {
  max-width: calc(100% -  30px);
}
.devExtremeControl .dx-lookup-field,
.devExtremeControl .dx-texteditor-input,
.devExtremeControl .dx-placeholder:before {
  padding: 1px;
  min-height: unset;
}
.devExtremeControl .dx-texteditor:not(.dx-tagbox):not(.dx-textarea):not(.dx-searchbox),
.devExtremeControl .dx-texteditor:not(.dx-tagbox):not(.dx-textarea):not(.dx-searchbox) .dx-texteditor-container {
  height: 100%;
}
.devExtremeControl .dx-lookup-field,
.devExtremeControl.dx-dropdowneditor .dx-texteditor-input,
.devExtremeControl .dx-placeholder:before {
  padding-right: 25px !important;
  height: 1.9231rem;
}
.devExtremeControl.dx-searchbox .dx-texteditor-input,
.devExtremeControl.dx-searchbox .dx-placeholder:before,
.devExtremeControl .dx-searchbox .dx-texteditor-input,
.devExtremeControl .dx-searchbox .dx-placeholder:before {
  padding-left: 1.9231rem;
}
.devExtremeControl .dx-icon-search,
.devExtremeControl .dx-icon-clear {
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  bottom: 0;
  height: auto;
  margin-top: 0;
  padding: 0;
  font-size: var(--ats-font-lg);
  line-height: 1;
}
.devExtremeControl.dx-searchbox .dx-icon-search,
.devExtremeControl .dx-searchbox .dx-icon-search {
  width: 1.9231rem;
}
.devExtremeControl .dx-placeholder {
  padding-top: 0;
}
.devExtremeControl .dx-placeholder:before {
  vertical-align: inherit;
}
.devExtremeControl.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon,
.devExtremeControl.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon,
.devExtremeControl.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon,
.devExtremeControl.dx-dropdowneditor-button.dx-state-hover .dx-dropdowneditor-icon {
  background-color: transparent;
}
.devExtremeControl.dx-dropdowneditor:not(.dx-state-hover) .dx-dropdowneditor-icon {
  color: var(--ats-text);
}
.devExtremeControl.dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon {
  background-color: var(--ats-row-hover-bg);
  border-color: var(--ats-dd-hover-bg);
  color: var(--ats-text-on-accent);
}
.devExtremeControl .dx-lookup-arrow:before,
.devExtremeControl .dx-dropdowneditor-icon:before {
  content: '\f001';
  font-size: var(--ats-font-xl);
}
.devExtremeControl .dx-dropdowneditor-icon:before {
  margin-left: -12px;
}
/*#endregion*/
/*#region Editors*/
.dx-texteditor {
  background-color: var(--ats-input-bg);
  border-color: var(--ats-border-input);
  color: var(--ats-input-text);
}
.dx-texteditor.dx-editor-outlined {
  background-color: var(--ats-input-bg);
  border-color: var(--ats-border-input);
  border-radius: var(--ats-radius) !important;
}
.dx-texteditor.dx-state-hover,
.dx-texteditor.dx-state-focused {
  border-color: var(--ats-accent);
}
.dx-texteditor .dx-placeholder::before {
  color: var(--ats-text-soft);
}
.dx-texteditor-input {
  background-color: var(--ats-input-bg);
  color: var(--ats-input-text);
}
.dx-numberbox .dx-texteditor-input,
.dx-datebox .dx-texteditor-input {
  text-align: left;
}
.dx-dropdowneditor-icon {
  color: var(--ats-input-text);
}
.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon,
.dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon,
.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon,
.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon {
  background-color: var(--ats-row-hover-bg);
  color: var(--ats-row-hover-text);
}
.dx-placeholder {
  padding-left: 3px;
  padding-top: 3px;
}
.dx-texteditor.dx-state-focused .dx-placeholder,
.dx-texteditor:not(.dx-texteditor-empty) .dx-placeholder {
  display: none !important;
}
.dx-state-disabled .dx-texteditor,
.dx-texteditor.dx-state-disabled {
  background-color: var(--ats-input-disabled-bg);
  opacity: 1;
}
.dx-state-disabled .dx-texteditor .dx-texteditor-input,
.dx-texteditor.dx-state-disabled .dx-texteditor-input {
  background-color: var(--ats-input-disabled-bg);
  color: var(--ats-text-soft);
}
.dx-tagbox {
  height: auto;
  min-height: 2rem;
  max-height: 70px;
  overflow-y: auto;
  background-color: var(--ats-input-bg);
}
.dx-tagbox .dx-tag-content {
  background-color: var(--ats-token-bg);
  color: var(--ats-token-text);
}
.dx-tagbox .dx-tag-remove-button::before,
.dx-tagbox .dx-tag-remove-button::after {
  background-color: var(--ats-token-text);
}
.dx-radiogroup .dx-item-content {
  color: var(--ats-text);
}
.dx-textarea,
.dx-textarea .dx-texteditor-container {
  overflow: visible;
}
.dx-textarea .dx-texteditor-input {
  resize: vertical;
  overflow-y: auto;
}
.dx-checkbox-icon {
  background-color: var(--ats-input-bg);
  border-color: var(--ats-border-input);
}
.dx-checkbox.dx-checkbox-checked .dx-checkbox-icon {
  background-color: var(--ats-accent);
  border-color: var(--ats-accent);
  color: var(--ats-text-on-accent);
}
.dx-checkbox.dx-checkbox-indeterminate .dx-checkbox-icon {
  background-color: var(--ats-input-disabled-bg);
  border-color: var(--ats-border-input);
}
.dx-checkbox.dx-checkbox-indeterminate .dx-checkbox-icon::before {
  background-color: var(--ats-accent);
}
.dx-checkbox.dx-state-hover .dx-checkbox-icon {
  border-color: var(--ats-accent);
}
.dx-checkbox .dx-checkbox-text {
  color: var(--ats-text);
}
/*#endregion*/
/*#region Dropdown overlays and lists*/
.dx-overlay-content.dx-popup-normal,
.dx-selectbox-popup-wrapper .dx-overlay-content,
.dx-lookup-popup-search.dx-popup-wrapper .dx-overlay-content {
  background-color: var(--ats-dd-bg);
  border-color: var(--ats-border);
  color: var(--ats-text);
}
.dx-overlay-content .dx-scrollable-content {
  background-color: var(--ats-dd-bg);
}
.dx-list-item {
  color: var(--ats-text);
  border-color: var(--ats-border);
}
.dx-list-item.dx-state-hover,
.dx-list-item.dx-state-active {
  background-color: var(--ats-dd-hover-bg);
  color: var(--ats-text);
}
.dx-list-item.dx-list-item-selected {
  background-color: var(--ats-accent);
  color: var(--ats-text-on-accent);
}
.dx-list-group-header {
  background-color: var(--ats-bg-raised);
  color: var(--ats-text-soft);
  border-color: var(--ats-border);
}
.dx-lookup-popup-search {
  font-family: 'Segoe UI', 'Helvetica Neue', 'Droid Sans', Arial, Tahoma, Geneva, sans-serif;
  font-size: var(--ats-font-base);
  line-height: normal;
}
.dx-lookup-popup-search .dx-lookup-search-wrapper {
  padding: 10px;
  background-color: var(--ats-dd-bg);
}
.dx-lookup-popup-search .dx-lookup-search-wrapper .dx-lookup-search .dx-icon-search,
.dx-lookup-popup-search .dx-lookup-search-wrapper .dx-lookup-search .dx-texteditor-buttons-container {
  display: none;
}
.dx-lookup-popup-search .dx-lookup-search-wrapper .dx-lookup-search .dx-texteditor-container {
  padding: 2px 2px 2px 4px;
}
.dx-lookup-popup-search .dx-lookup-search-wrapper .dx-lookup-search .dx-texteditor-container .dx-texteditor-input {
  padding: 1px;
  min-height: unset;
}
.dx-lookup-popup-search .dx-list {
  height: 100%;
}
.dx-lookup-popup-search .dx-list .dx-list-group-header {
  word-break: break-word;
}
.dx-lookup-popup-search .dx-list .dx-list-item-content {
  padding-left: 10px;
  padding-right: 10px;
  word-break: break-word;
  white-space: initial;
}
.dx-lookup-popup-search .dx-popup-bottom.dx-toolbar {
  padding: 10px;
}
/*#endregion*/
/*#region Calendar*/
.dx-calendar {
  background-color: var(--ats-bg);
  color: var(--ats-text);
}
.dx-calendar .dx-calendar-navigator .dx-button-content,
.dx-calendar .dx-calendar-caption-button .dx-button-content,
.dx-calendar .dx-calendar-cell {
  color: var(--ats-text);
}
.dx-calendar .dx-calendar-cell.dx-calendar-today .dx-calendar-cell-content {
  border-color: var(--ats-accent);
  color: var(--ats-accent);
}
.dx-calendar .dx-calendar-cell.dx-calendar-selected-date .dx-calendar-cell-content {
  background-color: var(--ats-accent);
  color: var(--ats-text-on-accent);
}
.dx-calendar .dx-calendar-cell.dx-state-hover .dx-calendar-cell-content {
  background-color: var(--ats-dd-hover-bg);
  color: var(--ats-text);
}
.dx-calendar .dx-calendar-other-month .dx-calendar-cell-content,
.dx-calendar .dx-calendar-week-number-cell {
  color: var(--ats-text-soft);
}
/*#endregion*/
/*#region Radius*/
.dx-card,
.dx-chat,
.dx-chat-file,
.dx-chat-textarea.dx-textarea.dx-texteditor,
.dx-chat-messagebubble,
.dx-chat-typingindicator-bubble,
.dx-chat-confirmation-popup-wrapper,
.dx-chat-suggestions .dx-buttongroup-item.dx-button-mode-contained.dx-button,
.dx-chat-suggestions .dx-buttongroup-item.dx-button-mode-outlined.dx-button,
.dx-chat-textarea.dx-textarea .dx-fileuploader-file-container,
.dx-button,
.dx-invalid-message > .dx-overlay-content,
.dx-texteditor.dx-editor-outlined,
.dx-texteditor.dx-editor-filled,
.dx-texteditor-input,
.dx-dropdowneditor-button,
.dx-informer-bg,
.dx-numberbox-spin-container,
.dx-calendar-cell span,
.dx-calendar-view-century .dx-calendar-cell span,
.dx-calendar-view-decade .dx-calendar-cell span,
.dx-calendar-view-year .dx-calendar-cell span,
.dx-menu-adaptive-mode .dx-treeview,
.dx-toolbar-button .dx-menu .dx-menu-item,
.dx-tooltip-wrapper .dx-overlay-content,
.dx-ai-chat__message-regenerate-button:hover::before,
.dx-datagrid-rowsview .dx-item-modified,
.dx-treelist-rowsview .dx-item-modified,
.dx-htmleditor.dx-htmleditor-outlined,
.dx-htmleditor.dx-htmleditor-filled,
.dx-fa-button .dx-overlay-content .dx-fa-button-label-wrapper .dx-fa-button-label,
.dx-gantt .dx-gantt-taskWrapper .dx-gantt-task,
.dx-gantt .dx-gantt-taskWrapper .dx-gantt-task .dx-gantt-tPrg,
.dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-smallTask,
.dx-gantt .dx-gantt-taskRes,
.dx-gantt .dx-gantt-task-edit-wrapper .dx-gantt-task-edit-frame,
.dx-gantt .dx-gantt-task-edit-wrapper .dx-gantt-task-edit-frame .dx-gantt-task-edit-progress-status,
.dx-cardview-header-item,
.dx-chat-messagebubble-image,
.dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list,
.dx-htmleditor-content .dx-variable > span,
.dx-cardview-card,
.dx-cardview-sortable .dx-cardview-dropzone,
.dx-cardview-header-item-sort-indicator,
.dx-switch-container,
.dx-switch-handle::before,
.dx-progressbar-container,
.dx-progressbar-animating-container,
.dx-slider-bar,
.dx-slider-range.dx-slider-range-visible,
.dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-progress-panel-details > .dx-filemanager-progress-box,
.dx-filemanager .dx-filemanager-progress-box-error,
.dx-editor-outlined .dx-label,
.dx-dropdowneditor-icon,
.dx-datebox-time .dx-dropdowneditor-icon,
.dx-datebox-date .dx-dropdowneditor-icon,
.dx-datebox-datetime .dx-dropdowneditor-icon,
.dx-daterangebox .dx-dropdowneditor-icon,
.dx-slider-handle,
.dx-pager .dx-page,
.dx-pager .dx-page-size,
.dx-pagination .dx-page,
.dx-pagination .dx-page-size,
.dx-datagrid-group-panel .dx-block-separator,
.dx-popup-wrapper > .dx-overlay-content,
.dx-toast-content,
.dx-loadpanel-content,
.dx-diagram-floating-toolbar-container,
.dx-scheduler-agenda .dx-scheduler-appointment,
.dx-filterbuilder .dx-filterbuilder-item-value-text,
.dx-filterbuilder .dx-filterbuilder-text,
.dx-cardview-field-value__text-part--highlighted,
.dx-cardview,
.dx-overlay-wrapper .dx-overlay-content,
.dx-buttongroup {
  border-radius: var(--ats-radius);
}
.dx-chat-textarea.dx-textarea.dx-texteditor.dx-editor-outlined::before,
.dx-progressbar-range {
  border-bottom-left-radius: var(--ats-radius);
}
.dx-chat-textarea.dx-textarea.dx-texteditor.dx-editor-outlined::before {
  border-bottom-right-radius: var(--ats-radius);
}
.dx-progressbar-range,
.dx-popover-wrapper .dx-popup-title {
  border-top-left-radius: var(--ats-radius);
}
.dx-popover-wrapper .dx-popup-title {
  border-top-right-radius: var(--ats-radius);
}
.dx-cardview-card-header .dx-toolbar {
  border-radius: var(--ats-radius) var(--ats-radius) 0 0;
}
.dx-buttongroup-item.dx-button {
  border-radius: 0;
}
.dx-buttongroup-item.dx-button.dx-buttongroup-first-item {
  border-top-left-radius: var(--ats-radius);
  border-bottom-left-radius: var(--ats-radius);
}
.dx-buttongroup-item.dx-button.dx-buttongroup-last-item {
  border-top-right-radius: var(--ats-radius);
  border-bottom-right-radius: var(--ats-radius);
}
.dx-tag-content,
.dx-mention,
.dx-badge,
.dx-scheduler-appointment-collector.dx-button.dx-button-default,
.dx-scheduler-appointment-collector.dx-state-hover::before {
  border-radius: var(--ats-radius-pill);
}
/*#endregion*/
/*#region Buttons and toolbar*/
.dx-button.dx-button-normal:not(.dx-button-mode-text),
.dx-button.dx-button-default:not(.dx-button-mode-text) {
  background-color: var(--ats-btn-bg);
  border-color: var(--ats-btn-border);
  color: var(--ats-btn-text);
}
.dx-button.dx-button-normal:not(.dx-button-mode-text) .dx-button-content,
.dx-button.dx-button-default:not(.dx-button-mode-text) .dx-button-content,
.dx-button.dx-button-normal:not(.dx-button-mode-text) .dx-icon,
.dx-button.dx-button-default:not(.dx-button-mode-text) .dx-icon {
  color: var(--ats-btn-text);
}
.dx-button.dx-button-normal:not(.dx-button-mode-text).dx-state-hover,
.dx-button.dx-button-default:not(.dx-button-mode-text).dx-state-hover {
  background-color: var(--ats-btn-hover-bg);
  border-color: var(--ats-btn-hover-border);
  color: var(--ats-btn-hover-text);
}
.dx-button.dx-button-normal:not(.dx-button-mode-text).dx-state-hover .dx-button-content,
.dx-button.dx-button-default:not(.dx-button-mode-text).dx-state-hover .dx-button-content,
.dx-button.dx-button-normal:not(.dx-button-mode-text).dx-state-hover .dx-icon,
.dx-button.dx-button-default:not(.dx-button-mode-text).dx-state-hover .dx-icon {
  color: var(--ats-btn-hover-text);
}
.dx-button.dx-button-success {
  background-color: var(--ats-accent);
  border-color: var(--ats-accent);
  color: var(--ats-text-on-accent);
}
.dx-toolbar {
  background-color: var(--ats-bg);
  color: var(--ats-text);
}
/*#endregion*/
/*#region Data grid*/
.dx-datagrid,
.dx-datagrid > .dx-datagrid-headers,
.dx-datagrid > .dx-datagrid-rowsview,
.dx-datagrid > .dx-datagrid-total-footer {
  background-color: var(--ats-bg);
  color: var(--ats-text);
}
.dx-datagrid {
  max-width: 100%;
}
.dx-datagrid .dx-datagrid-sticky-column,
.dx-datagrid .dx-datagrid-sticky-column-left,
.dx-datagrid .dx-datagrid-sticky-column-right,
.dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-col-fixed {
  background-color: var(--ats-bg);
}
.dx-datagrid a {
  color: var(--ats-text-heading);
}
.dx-datagrid .dx-command-edit .dx-link {
  color: var(--module-color, var(--ats-accent));
}
.dx-datagrid .dx-toolbar {
  background-color: transparent;
}
.dx-datagrid .dx-datagrid-rowsview {
  max-width: 100%;
}
.dx-datagrid .dx-datagrid-rowsview tr.dx-row {
  border-top-width: 0;
  border-bottom-width: 0;
}
.dx-datagrid .dx-datagrid-rowsview .dx-row > td {
  border-color: var(--ats-border-table);
  color: var(--ats-text);
}
.dx-datagrid .dx-datagrid-rowsview .dx-row.dx-edit-row td {
  background-color: var(--ats-input-bg);
}
.dx-datagrid .dx-datagrid-rowsview .dx-data-row.inactive > td {
  background-color: var(--ats-inactive-bg);
  color: var(--ats-inactive-text);
}
.dx-datagrid .dx-datagrid-rowsview .dx-data-row > .highlight {
  background-color: var(--ats-bg-success);
}
.dx-datagrid .dx-datagrid-rowsview .dx-data-row > .highlight-warn {
  background-color: var(--ats-bg-warning);
}
.dx-datagrid .dx-datagrid-rowsview .dx-data-row > .highlight-error {
  background-color: var(--ats-bg-danger);
  color: var(--ats-text-on-accent);
}
.dx-datagrid .dx-datagrid-rowsview .dx-data-row > .cell-color-tint {
  background-color: color-mix(in srgb, var(--ats-cell-color) 18%, transparent);
  border-left: 3px solid var(--ats-cell-color);
  font-weight: 600;
}
.dx-datagrid .dx-datagrid-rowsview .dx-data-row > .cell-color-solid {
  background-color: var(--ats-cell-color);
}
.dx-datagrid .dx-datagrid-rowsview .dx-data-row > .scale-1 {
  background-color: color-mix(in srgb, var(--ats-scale-1) 30%, transparent);
}
.dx-datagrid .dx-datagrid-rowsview .dx-data-row > .scale-text-1 {
  color: var(--ats-scale-1);
  font-weight: 600;
}
.dx-datagrid .dx-datagrid-rowsview .dx-data-row > .scale-2 {
  background-color: color-mix(in srgb, var(--ats-scale-2) 30%, transparent);
}
.dx-datagrid .dx-datagrid-rowsview .dx-data-row > .scale-text-2 {
  color: var(--ats-scale-2);
  font-weight: 600;
}
.dx-datagrid .dx-datagrid-rowsview .dx-data-row > .scale-3 {
  background-color: color-mix(in srgb, var(--ats-scale-3) 30%, transparent);
}
.dx-datagrid .dx-datagrid-rowsview .dx-data-row > .scale-text-3 {
  color: var(--ats-scale-3);
  font-weight: 600;
}
.dx-datagrid .dx-datagrid-rowsview .dx-data-row > .scale-4 {
  background-color: color-mix(in srgb, var(--ats-scale-4) 30%, transparent);
}
.dx-datagrid .dx-datagrid-rowsview .dx-data-row > .scale-text-4 {
  color: var(--ats-scale-4);
  font-weight: 600;
}
.dx-datagrid .dx-datagrid-rowsview .dx-data-row > .scale-5 {
  background-color: color-mix(in srgb, var(--ats-scale-5) 30%, transparent);
}
.dx-datagrid .dx-datagrid-rowsview .dx-data-row > .scale-text-5 {
  color: var(--ats-scale-5);
  font-weight: 600;
}
.dx-datagrid .dx-datagrid-rowsview .dx-datagrid-nodata {
  color: var(--ats-text);
}
.dx-datagrid .dx-row > td {
  padding: 3px 2px 3px 4px;
}
.dx-datagrid .dx-column-lines > td {
  border-color: var(--ats-border-table);
}
.dx-datagrid .dx-data-row.dx-state-hover > td {
  background-color: var(--ats-row-hover-bg) !important;
  color: var(--ats-row-hover-text) !important;
}
.dx-datagrid .dx-data-row.dx-selection.dx-row:not(.dx-row-focused) > td,
.dx-datagrid .dx-data-row.dx-selection.dx-row:not(.dx-row-focused) > tr > td,
.dx-datagrid .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused),
.dx-datagrid .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) {
  background-color: var(--ats-row-hover-bg);
  color: var(--ats-row-hover-text);
}
.dx-datagrid .dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused),
.dx-datagrid .dx-row.dx-group-row,
.dx-datagrid .dx-row.dx-group-row > td {
  background-color: var(--module-color, var(--ats-panel-bg));
  color: var(--module-header-text, var(--ats-panel-text));
}
.dx-datagrid .dx-datagrid-filter-row {
  background-color: var(--ats-input-bg);
}
.dx-datagrid .dx-datagrid-filter-row .dx-editor-cell .dx-texteditor,
.dx-datagrid .dx-datagrid-filter-row .dx-editor-cell .dx-texteditor .dx-texteditor-input {
  background-color: var(--ats-input-bg);
  color: var(--ats-input-text);
}
.dx-datagrid .dx-datagrid-summary-item,
.dx-datagrid .dx-datagrid-group-panel .dx-group-panel-message {
  color: var(--ats-text-soft);
}
.dx-datagrid .dx-pager .dx-page-sizes .dx-page-size:not(.dx-selection),
.dx-datagrid .dx-pager .dx-pages .dx-page:not(.dx-selection),
.dx-datagrid .dx-pager .dx-pages .dx-separator,
.dx-datagrid .dx-pager .dx-pages .dx-info {
  color: var(--ats-input-text);
}
.dx-datagrid .dx-pager .dx-page-sizes .dx-page-size.dx-selection,
.dx-datagrid .dx-pager .dx-pages .dx-page.dx-selection {
  background-color: var(--module-color, var(--ats-accent));
  color: var(--module-header-text, var(--ats-text-on-accent));
}
.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
  background-color: var(--ats-bg-raised);
  color: var(--ats-text-heading);
  border-color: var(--ats-border-table);
}
.dx-datagrid-search-panel,
.atx-grid-search.dx-texteditor,
.atx-grid-bar-search.dx-texteditor {
  height: 2rem;
}
.dx-datagrid-search-panel .dx-texteditor-input,
.atx-grid-search.dx-texteditor .dx-texteditor-input,
.atx-grid-bar-search.dx-texteditor .dx-texteditor-input,
.dx-datagrid-search-panel .dx-placeholder::before,
.atx-grid-search.dx-texteditor .dx-placeholder::before,
.atx-grid-bar-search.dx-texteditor .dx-placeholder::before {
  min-height: unset;
  padding-top: 1px;
  padding-bottom: 1px;
}
.dx-datagrid-nodata:has(.ats-empty-state) {
  position: static;
  transform: none;
  white-space: normal;
}
.dx-datagrid-rowsview.dx-empty:has(.ats-empty-state) {
  height: auto;
}
/*#endregion*/
/*#region Popup*/
.dx-popup-wrapper > .dx-overlay-content {
  border-radius: var(--ats-radius);
  background-color: var(--ats-bg);
  border-color: var(--ats-border);
  color: var(--ats-text);
}
.dx-popup-content {
  padding: 0;
  background-color: var(--ats-bg);
  color: var(--ats-text);
}
.dx-popup-content .dx-datagrid-rowsview {
  padding-top: 4px;
  padding-bottom: 4px;
}
.dx-popup-title {
  background-color: var(--ats-panel-bg);
  color: var(--ats-panel-text);
  border-color: var(--ats-border);
}
.dx-popup-title .dx-closebutton .dx-icon {
  color: var(--ats-panel-text);
}
.dx-popup-bottom.dx-toolbar {
  background-color: var(--ats-bg-raised);
  border-color: var(--ats-border);
}
/*#endregion*/
/*#region Scheduler*/
.dx-scheduler-container,
.dx-scheduler-header,
.dx-scheduler-work-space,
.dx-scheduler-work-space-both-scrollbar,
.dx-scheduler-all-day-panel,
.dx-scheduler-all-day-table-cell {
  background-color: var(--ats-bg) !important;
}
.dx-scheduler-header-panel-cell,
.dx-scheduler-group-header,
.dx-scheduler-group-header-content,
.dx-scheduler-navigator .dx-button-text,
.dx-scheduler-header .dx-tab-text {
  color: var(--ats-text-heading) !important;
}
.dx-scheduler-date-table-cell-text,
.dx-scheduler-time-panel-cell,
.dx-scheduler-time-panel-cell div,
.dx-scheduler-all-day-title,
.dx-scheduler-agenda-date {
  color: var(--ats-text) !important;
}
.dx-scheduler-date-table-other-month,
.dx-scheduler-date-table-other-month .dx-scheduler-date-table-cell-text {
  color: var(--ats-text-soft) !important;
}
.dx-scheduler-date-table-cell,
.dx-scheduler-time-panel-cell,
.dx-scheduler-header-panel-cell,
.dx-scheduler-all-day-table-cell {
  border-color: var(--ats-border) !important;
}
.dx-scheduler-appointment .dx-scheduler-appointment-content,
.dx-scheduler-appointment .dx-scheduler-appointment-title,
.dx-scheduler-appointment .dx-scheduler-appointment-content-date {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.dx-scheduler-agenda .dx-scheduler-appointment,
.dx-scheduler-agenda .dx-scheduler-appointment * {
  color: var(--ats-text) !important;
  text-shadow: none !important;
}
/*#endregion*/
/*#region Tree view*/
.dx-treeview .dx-treeview-node {
  background-color: transparent !important;
}
.dx-treeview .dx-treeview-node .dx-treeview-item {
  background-color: transparent !important;
  color: var(--ats-text) !important;
}
.dx-treeview .dx-treeview-node .dx-treeview-item.dx-state-hover,
.dx-treeview .dx-treeview-node .dx-treeview-item.dx-state-focused {
  background-color: var(--ats-row-hover-bg) !important;
  color: var(--ats-row-hover-text) !important;
}
.dx-treeview .dx-treeview-node.dx-state-selected > .dx-treeview-item,
.dx-treeview .dx-treeview-node .dx-treeview-item.dx-state-selected {
  background-color: var(--ats-accent) !important;
  color: var(--ats-text-on-accent) !important;
}
/*#endregion*/
/*#region File manager*/
.dx-filemanager {
  background-color: var(--ats-bg);
  color: var(--ats-text);
}
.dx-filemanager .dx-filemanager-dirs-panel,
.dx-filemanager .dx-filemanager-dirs-tree {
  background-color: var(--ats-bg);
  color: var(--ats-text);
}
.dx-filemanager .dx-treeview-item {
  color: var(--ats-text);
}
.dx-filemanager .dx-treeview-node .dx-treeview-item.dx-state-hover,
.dx-filemanager .dx-treeview-node .dx-treeview-item.dx-state-focused {
  background-color: var(--ats-bg-raised);
  color: var(--ats-text);
}
.dx-filemanager .dx-treeview-node.dx-state-selected > .dx-treeview-item,
.dx-filemanager .dx-treeview-item.dx-state-selected {
  background-color: var(--ats-accent);
  color: var(--ats-text-on-accent);
}
/*#endregion*/
/*#region Slider*/
.dx-slider-handle {
  width: 20px;
  height: 20px;
  margin-top: -8px;
  margin-inline-end: -10px;
  border-radius: 50%;
  border: 1px solid var(--ats-border);
  background-color: var(--ats-bg);
}
.dx-slider-handle::after {
  content: "";
  position: absolute;
  display: block;
  inset: 0;
  border-radius: 50%;
  border: 3px solid var(--ats-bg);
  background-color: var(--module-color, var(--ats-accent));
}
.dx-slider-handle.dx-state-active,
.dx-slider-handle.dx-state-focused {
  border-color: var(--module-color, var(--ats-accent));
}
.dx-slider-range.dx-slider-range-visible {
  background-color: var(--module-color, var(--ats-accent));
  border-color: var(--module-color, var(--ats-accent));
}
/*#endregion*/
/*#region Switch*/
.dx-switch {
  width: 34px;
  height: 20px;
}
.dx-switch .dx-switch-container {
  height: 20px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: var(--ats-radius);
  background-color: var(--ats-border);
  transition: background-color 0.2s;
}
.dx-switch .dx-switch-on,
.dx-switch .dx-switch-off {
  padding: 0 20px 0 0;
  line-height: 20px;
  font-size: 0;
  color: transparent;
}
.dx-switch .dx-switch-handle {
  flex-basis: 20px;
  width: 20px;
  height: 16px;
  margin-top: 2px;
  transition: transform 0.2s;
}
.dx-switch .dx-switch-handle::before {
  width: 16px;
  height: 16px;
  margin: 0 2px;
  border-radius: 50%;
  background-color: var(--ats-bg);
  box-shadow: var(--ats-shadow-sm);
}
.dx-switch.dx-switch-on-value .dx-switch-container,
.dx-switch.dx-state-active.dx-switch-on-value .dx-switch-container {
  background-color: var(--module-color, var(--ats-accent));
}
.dx-switch.dx-state-active .dx-switch-container,
.dx-switch.dx-state-focused .dx-switch-container {
  border: none;
  box-shadow: 0 0 0 2px var(--ats-bg), 0 0 0 4px var(--module-color, var(--ats-accent));
}
.dx-switch.dx-state-active:not(.dx-switch-on-value) .dx-switch-container {
  background-color: var(--ats-border);
}
.dx-switch.dx-state-active .dx-switch-handle::before,
.dx-switch.dx-state-focused .dx-switch-handle::before,
.dx-switch.dx-switch-on-value .dx-switch-handle::before {
  background-color: var(--ats-bg);
}
/*#endregion*/
/*#region HtmlEditor*/
.dx-htmleditor {
  background-color: var(--ats-bg);
  border-color: var(--ats-border);
}
.dx-htmleditor .dx-htmleditor-toolbar-wrapper {
  background-color: var(--ats-bg-raised);
  border-bottom: 1px solid var(--ats-border);
}
.dx-htmleditor .dx-htmleditor-toolbar-wrapper .dx-toolbar {
  background-color: transparent;
}
.dx-htmleditor .dx-htmleditor-toolbar-wrapper .dx-button.dx-button-mode-text.dx-state-hover {
  background-color: var(--ats-row-hover-bg);
}
.dx-htmleditor .dx-htmleditor-toolbar-wrapper .dx-button.dx-button-mode-text.dx-state-hover .dx-icon {
  color: var(--ats-row-hover-text);
}
.dx-htmleditor .dx-htmleditor-toolbar-wrapper .dx-button.dx-button-mode-text.dx-format-active {
  background-color: var(--ats-accent);
}
.dx-htmleditor .dx-htmleditor-toolbar-wrapper .dx-button.dx-button-mode-text.dx-format-active .dx-icon {
  color: var(--ats-text-on-accent);
}
.dx-htmleditor .dx-htmleditor-content {
  background-color: var(--ats-bg);
  color: var(--ats-text);
}
/*#endregion*/
/*#region Touch targets*/
@media only screen and (max-width: 575.98px) {
  .devExtremeControl:has( > .dx-texteditor:not(.dx-tagbox):not(.dx-textarea):not(.dx-searchbox)) {
    height: 44px;
  }
  .dx-texteditor,
  .dx-selectbox,
  .dx-datebox,
  .dx-lookup-field {
    min-height: 44px;
  }
  .dx-texteditor-input {
    min-height: 42px;
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .dx-placeholder {
    display: flex;
    align-items: center;
  }
  .dx-dropdowneditor-icon {
    min-width: 40px;
  }
  .dx-button {
    min-height: 44px;
  }
  .dx-button-content {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
/*#endregion*/
/*#region File uploader*/
.atx-fileuploader.active {
  outline: 2px dashed var(--module-color, var(--ats-accent));
  outline-offset: -2px;
  background-color: color-mix(in srgb, var(--module-color, var(--ats-accent)) 10%, transparent);
}
/*#endregion*/

:root {
  --ats-glass-blur-multiplier: 1;
  --ats-glass-tint-multiplier: 1;
  --ats-glass-tint: rgba(245, 249, 255, 0.62);
  --ats-glass-tint-deep: rgba(252, 254, 255, 0.8);
  --ats-glass-border: rgba(160, 175, 200, 0.45);
  --ats-glass-highlight: rgba(255, 255, 255, 0.95);
  --ats-glass-shadow-sm: rgba(15, 30, 60, 0.12);
  --ats-glass-shadow-md: rgba(15, 30, 60, 0.24);
}
html[data-bs-theme="dark"] {
  --ats-glass-tint: rgba(58, 65, 85, 0.6);
  --ats-glass-tint-deep: rgba(68, 75, 95, 0.8);
  --ats-glass-border: rgba(180, 200, 230, 0.28);
  --ats-glass-highlight: rgba(255, 255, 255, 0.28);
  --ats-glass-shadow-sm: rgba(0, 0, 0, 0.45);
  --ats-glass-shadow-md: rgba(0, 0, 0, 0.7);
}
@media (prefers-contrast: more) {
  :root,
  html[data-bs-theme="dark"] {
    --ats-glass-tint: var(--ats-bg);
    --ats-glass-tint-deep: var(--ats-bg);
    --ats-glass-border: var(--ats-text-soft);
  }
}
@media (prefers-reduced-transparency: reduce) {
  .navbar.main-navbar,
  .modal .modal-content,
  .modal .modal-content::before,
  .tooltip-inner,
  .popover,
  .dashboardFilterStrip:not(:empty),
  .home .entries,
  .ats-action-bar,
  .main-navbar .dropdown-menu,
  .sidebar .dropend .dropdown-menu,
  .sidebar,
  .sidebar::before,
  .ats-glass-command-palette,
  .spotlight .picker,
  .threelab .three-canvas .controls,
  .threelab .identity,
  .threelab .console {
    background-color: var(--ats-bg) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}
.navbar.main-navbar {
  background-color: var(--ats-glass-tint);
  border: 1px solid var(--ats-glass-border);
  box-shadow: inset 0 1px 0 var(--ats-glass-highlight), inset 0 -1px 0 var(--ats-glass-shadow-sm), 0 6px 18px var(--ats-glass-shadow-sm), 0 2px 5px var(--ats-glass-shadow-md);
  position: sticky;
  top: 0;
  z-index: 1020;
}
@supports (backdrop-filter: blur(40px)) or (-webkit-backdrop-filter: blur(40px)) {
  .navbar.main-navbar {
    backdrop-filter: blur(calc(40px * var(--ats-glass-blur-multiplier, 1))) saturate(200%);
    -webkit-backdrop-filter: blur(calc(40px * var(--ats-glass-blur-multiplier, 1))) saturate(200%);
  }
}
html[data-navbar="flat"] .navbar.main-navbar {
  box-shadow: none;
}
.modal .modal-content {
  background-color: var(--ats-glass-tint);
  border: 1px solid var(--ats-glass-border);
  box-shadow: inset 0 1px 0 var(--ats-glass-highlight), inset 0 -1px 0 var(--ats-glass-shadow-sm), 0 6px 18px var(--ats-glass-shadow-sm), 0 2px 5px var(--ats-glass-shadow-md);
  border-radius: var(--ats-radius);
  position: relative;
}
.modal .modal-content::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
}
@supports (backdrop-filter: blur(40px)) or (-webkit-backdrop-filter: blur(40px)) {
  .modal .modal-content::before {
    backdrop-filter: blur(calc(40px * var(--ats-glass-blur-multiplier, 1))) saturate(200%);
    -webkit-backdrop-filter: blur(calc(40px * var(--ats-glass-blur-multiplier, 1))) saturate(200%);
  }
}
.modal .modal-content > .modal-header {
  position: relative;
  z-index: 3;
}
.modal .modal-content > .modal-body {
  position: relative;
  z-index: 2;
}
.modal .modal-content > .modal-footer {
  position: relative;
  z-index: 1;
}
.tooltip-inner {
  background-color: var(--ats-glass-tint-deep);
  border: 1px solid var(--ats-glass-border);
  box-shadow: inset 0 1px 0 var(--ats-glass-highlight), inset 0 -1px 0 var(--ats-glass-shadow-sm), 0 6px 18px var(--ats-glass-shadow-sm), 0 2px 5px var(--ats-glass-shadow-md);
  border-radius: var(--ats-radius);
  color: var(--ats-text);
}
@supports (backdrop-filter: blur(40px)) or (-webkit-backdrop-filter: blur(40px)) {
  .tooltip-inner {
    backdrop-filter: blur(calc(40px * var(--ats-glass-blur-multiplier, 1))) saturate(200%);
    -webkit-backdrop-filter: blur(calc(40px * var(--ats-glass-blur-multiplier, 1))) saturate(200%);
  }
}
.popover {
  background-color: var(--ats-glass-tint-deep);
  border: 1px solid var(--ats-glass-border);
  box-shadow: inset 0 1px 0 var(--ats-glass-highlight), inset 0 -1px 0 var(--ats-glass-shadow-sm), 0 6px 18px var(--ats-glass-shadow-sm), 0 2px 5px var(--ats-glass-shadow-md);
  border-radius: var(--ats-radius);
}
@supports (backdrop-filter: blur(40px)) or (-webkit-backdrop-filter: blur(40px)) {
  .popover {
    backdrop-filter: blur(calc(40px * var(--ats-glass-blur-multiplier, 1))) saturate(200%);
    -webkit-backdrop-filter: blur(calc(40px * var(--ats-glass-blur-multiplier, 1))) saturate(200%);
  }
}
.popover .popover-header,
.popover .popover-body {
  background-color: transparent;
  border-bottom-color: var(--ats-glass-border);
}
.dashboardFilterStrip:not(:empty) {
  background-color: var(--ats-glass-tint);
  border: 1px solid var(--ats-glass-border);
  box-shadow: inset 0 1px 0 var(--ats-glass-highlight), inset 0 -1px 0 var(--ats-glass-shadow-sm), 0 6px 18px var(--ats-glass-shadow-sm), 0 2px 5px var(--ats-glass-shadow-md);
  border-radius: var(--ats-radius);
}
@supports (backdrop-filter: blur(40px)) or (-webkit-backdrop-filter: blur(40px)) {
  .dashboardFilterStrip:not(:empty) {
    backdrop-filter: blur(calc(40px * var(--ats-glass-blur-multiplier, 1))) saturate(200%);
    -webkit-backdrop-filter: blur(calc(40px * var(--ats-glass-blur-multiplier, 1))) saturate(200%);
  }
}
.ats-action-bar {
  position: relative;
  z-index: 1000;
  background-color: var(--ats-glass-tint);
  border: 1px solid var(--ats-glass-border);
  box-shadow: inset 0 1px 0 var(--ats-glass-highlight), inset 0 -1px 0 var(--ats-glass-shadow-sm), 0 2px 6px var(--ats-glass-shadow-sm);
  border-radius: var(--ats-radius);
  padding: 3px 4px;
  gap: 2px;
}
@supports (backdrop-filter: blur(40px)) or (-webkit-backdrop-filter: blur(40px)) {
  .ats-action-bar {
    backdrop-filter: blur(calc(40px * var(--ats-glass-blur-multiplier, 1))) saturate(200%);
    -webkit-backdrop-filter: blur(calc(40px * var(--ats-glass-blur-multiplier, 1))) saturate(200%);
  }
}
.ats-action-bar .ats-icon-btn {
  transition: transform 0.12s ease, background-color 0.12s ease, color 0.12s ease;
}
.ats-action-bar .ats-icon-btn:active {
  transform: scale(0.94);
}
.ats-main-action {
  height: 30px;
  min-width: 30px;
  padding: 0 0.75rem;
  border: 1px solid color-mix(in srgb, var(--module-color, var(--ats-accent)) 70%, var(--ats-glass-border));
  border-radius: var(--ats-radius);
  background-color: var(--module-color, var(--ats-accent));
  color: var(--module-header-text, var(--ats-text-on-accent));
  transition: transform 0.12s ease, background-color 0.12s ease;
}
.ats-main-action:hover,
.ats-main-action:focus-visible {
  background-color: color-mix(in srgb, var(--module-color, var(--ats-accent)) 85%, var(--ats-text));
  outline: none;
}
.ats-main-action:active {
  transform: scale(0.94);
}
.ats-main-action:disabled {
  opacity: 0.65;
  pointer-events: none;
}
@media only screen and (max-width: 575.98px) {
  .ats-main-action {
    min-width: 44px;
    height: 44px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ats-action-bar .ats-icon-btn:active,
  .ats-main-action:active {
    transform: none;
  }
}
html[data-actionbar="flat"] .ats-action-bar,
.modal .ats-action-bar {
  background-color: var(--ats-bg);
  border-color: var(--ats-border);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.sidebar {
  background-color: var(--ats-glass-tint);
  border: 0 solid var(--ats-glass-border);
  border-right-width: 1px;
  box-shadow: inset 0 1px 0 var(--ats-glass-highlight), 0 6px 18px var(--ats-glass-shadow-sm);
}
.sidebar::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
@supports (backdrop-filter: blur(40px)) or (-webkit-backdrop-filter: blur(40px)) {
  .sidebar::before {
    backdrop-filter: blur(calc(40px * var(--ats-glass-blur-multiplier, 1))) saturate(200%);
    -webkit-backdrop-filter: blur(calc(40px * var(--ats-glass-blur-multiplier, 1))) saturate(200%);
  }
}
.sidebar > * {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1023.98px) {
  .sidebar {
    box-shadow: 2px 0 16px var(--ats-glass-shadow-md);
  }
  .sidebar.collapsed {
    box-shadow: none;
  }
}
.main-navbar .dropdown-menu,
.sidebar .dropend .dropdown-menu {
  background-color: var(--ats-glass-tint);
  border: 1px solid var(--ats-glass-border);
  box-shadow: inset 0 1px 0 var(--ats-glass-highlight), inset 0 -1px 0 var(--ats-glass-shadow-sm), 0 1px 2px var(--ats-glass-shadow-sm), 0 8px 24px var(--ats-glass-shadow-md), 0 16px 48px var(--ats-glass-shadow-md);
  border-radius: var(--ats-radius);
  padding: 5px;
  min-width: 240px;
}
@supports (backdrop-filter: blur(40px)) or (-webkit-backdrop-filter: blur(40px)) {
  .main-navbar .dropdown-menu,
  .sidebar .dropend .dropdown-menu {
    backdrop-filter: blur(calc(40px * var(--ats-glass-blur-multiplier, 1))) saturate(200%);
    -webkit-backdrop-filter: blur(calc(40px * var(--ats-glass-blur-multiplier, 1))) saturate(200%);
  }
}
.main-navbar .dropdown-menu .dropdown-item,
.sidebar .dropend .dropdown-menu .dropdown-item {
  border-radius: var(--ats-radius);
  padding: 5px 8px;
  margin: 1px 0;
  color: var(--ats-text);
  font-weight: 400;
  background-color: transparent;
  transition: background-color 0.12s ease, color 0.12s ease;
  display: flex;
  align-items: center;
  gap: 8px;
}
.main-navbar .dropdown-menu .dropdown-item > strong,
.sidebar .dropend .dropdown-menu .dropdown-item > strong,
.main-navbar .dropdown-menu .dropdown-item strong,
.sidebar .dropend .dropdown-menu .dropdown-item strong {
  font-weight: 400;
}
.main-navbar .dropdown-menu .dropdown-item:hover,
.sidebar .dropend .dropdown-menu .dropdown-item:hover,
.main-navbar .dropdown-menu .dropdown-item:focus,
.sidebar .dropend .dropdown-menu .dropdown-item:focus {
  background-color: color-mix(in srgb, var(--ats-accent) 14%, transparent);
  color: var(--ats-text);
}
.main-navbar .dropdown-menu .dropdown-item:active,
.sidebar .dropend .dropdown-menu .dropdown-item:active,
.main-navbar .dropdown-menu .dropdown-item.active,
.sidebar .dropend .dropdown-menu .dropdown-item.active {
  background-color: color-mix(in srgb, var(--ats-text) 12%, transparent);
  color: var(--ats-text);
}
.main-navbar .dropdown-menu .dropdown-item.disabled,
.sidebar .dropend .dropdown-menu .dropdown-item.disabled,
.main-navbar .dropdown-menu .dropdown-item:disabled,
.sidebar .dropend .dropdown-menu .dropdown-item:disabled {
  color: var(--ats-text-soft);
  opacity: 0.65;
}
.main-navbar .dropdown-menu .dropdown-item > i,
.sidebar .dropend .dropdown-menu .dropdown-item > i,
.main-navbar .dropdown-menu .dropdown-item .icon-container > i,
.sidebar .dropend .dropdown-menu .dropdown-item .icon-container > i {
  color: var(--ats-text-soft);
  flex-shrink: 0;
}
.main-navbar .dropdown-menu .dropdown-item .icon-container,
.sidebar .dropend .dropdown-menu .dropdown-item .icon-container {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
}
.main-navbar .dropdown-menu .dropdown-item:hover > i,
.sidebar .dropend .dropdown-menu .dropdown-item:hover > i,
.main-navbar .dropdown-menu .dropdown-item:hover .icon-container > i,
.sidebar .dropend .dropdown-menu .dropdown-item:hover .icon-container > i,
.main-navbar .dropdown-menu .dropdown-item:focus > i,
.sidebar .dropend .dropdown-menu .dropdown-item:focus > i,
.main-navbar .dropdown-menu .dropdown-item:focus .icon-container > i,
.sidebar .dropend .dropdown-menu .dropdown-item:focus .icon-container > i {
  color: var(--ats-text);
}
.main-navbar .dropdown-menu .dropdown-item.active > i,
.sidebar .dropend .dropdown-menu .dropdown-item.active > i,
.main-navbar .dropdown-menu .dropdown-item.active .icon-container > i,
.sidebar .dropend .dropdown-menu .dropdown-item.active .icon-container > i,
.main-navbar .dropdown-menu .dropdown-item:active > i,
.sidebar .dropend .dropdown-menu .dropdown-item:active > i,
.main-navbar .dropdown-menu .dropdown-item:active .icon-container > i,
.sidebar .dropend .dropdown-menu .dropdown-item:active .icon-container > i {
  color: var(--ats-text);
}
.main-navbar .dropdown-menu .dropdown-divider,
.sidebar .dropend .dropdown-menu .dropdown-divider {
  border-top: 1px solid var(--ats-glass-border);
  margin: 5px 8px;
  opacity: 0.8;
}
.main-navbar .dropdown-menu .dropdown-header,
.sidebar .dropend .dropdown-menu .dropdown-header {
  color: var(--ats-text-soft);
  font-weight: 600;
  letter-spacing: 0.06em;
  padding: 6px 10px 4px;
  background-color: transparent;
}
.main-navbar .dropdown-menu {
  margin-top: 8px !important;
}
.sidebar .dropend .dropdown-menu {
  margin-left: 5px;
}
.home .entries {
  background-color: var(--ats-glass-tint);
  border: 1px solid var(--ats-glass-border);
  box-shadow: inset 0 1px 0 var(--ats-glass-highlight), inset 0 -1px 0 var(--ats-glass-shadow-sm), 0 6px 18px var(--ats-glass-shadow-sm), 0 2px 5px var(--ats-glass-shadow-md);
  border-radius: var(--ats-radius);
}
@supports (backdrop-filter: blur(40px)) or (-webkit-backdrop-filter: blur(40px)) {
  .home .entries {
    backdrop-filter: blur(calc(40px * var(--ats-glass-blur-multiplier, 1))) saturate(200%);
    -webkit-backdrop-filter: blur(calc(40px * var(--ats-glass-blur-multiplier, 1))) saturate(200%);
  }
}
.ats-glass-command-palette {
  background-color: var(--ats-glass-tint-deep);
  border: 1px solid var(--ats-glass-border);
  box-shadow: inset 0 1px 0 var(--ats-glass-highlight), 0 24px 48px var(--ats-glass-shadow-md);
  border-radius: var(--ats-radius);
}
@supports (backdrop-filter: blur(40px)) or (-webkit-backdrop-filter: blur(40px)) {
  .ats-glass-command-palette {
    backdrop-filter: blur(calc(40px * var(--ats-glass-blur-multiplier, 1))) saturate(200%);
    -webkit-backdrop-filter: blur(calc(40px * var(--ats-glass-blur-multiplier, 1))) saturate(200%);
  }
}

.spotlight {
  z-index: 1080;
  display: none;
  background-color: color-mix(in srgb, var(--ats-text) 28%, transparent);
}
.spotlight.is-open {
  display: block;
  animation: spotlight-overlay-in 0.12s ease-out;
}
.spotlight .panel {
  top: 12vh;
  transform: translateX(-50%);
  width: 107.6923rem;
  max-width: 92vw;
  border-radius: var(--ats-radius);
}
.spotlight.is-open .panel {
  animation: spotlight-panel-in 0.16s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .spotlight.is-open,
  .spotlight.is-open .panel {
    animation: none;
  }
}
.spotlight .input-row {
  gap: 14px;
  padding: 12px 22px;
  border-bottom: 1px solid var(--ats-glass-border);
  border-top-left-radius: var(--ats-radius);
  border-top-right-radius: var(--ats-radius);
}
.spotlight .input-row .dx-texteditor.dx-editor-outlined {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.spotlight .input-row .dx-texteditor-input {
  padding: 3px 0;
  line-height: 1.6;
  font-size: var(--ats-font-base);
  letter-spacing: 0;
  color: var(--ats-text);
  background: transparent;
}
.spotlight .input-row .dx-placeholder::before {
  padding: 0;
  color: var(--ats-text-soft);
}
.spotlight .input-row .dx-icon-clear {
  color: var(--ats-text-soft);
}
.spotlight .glyph {
  color: var(--ats-text-soft);
}
.spotlight .spinner {
  color: var(--ats-text-soft);
  visibility: hidden;
}
.spotlight .panel.is-loading .spinner {
  visibility: visible;
  animation: spotlight-spin 0.9s linear infinite;
}
.spotlight .scopes {
  padding: 7px 22px;
  border-bottom: 1px solid var(--ats-glass-border);
}
.spotlight .scopes .toggle {
  gap: 7px;
  padding: 3px 12px;
  border: 1px solid var(--ats-glass-border);
  border-radius: var(--ats-radius);
  background: var(--ats-bg);
  color: var(--ats-text-soft);
  line-height: 1.4;
  cursor: pointer;
}
.spotlight .scopes .toggle:hover {
  border-color: var(--ats-accent);
  color: var(--ats-accent);
}
.spotlight .picker {
  left: 22px;
  z-index: 5;
  display: none;
  width: 27.6923rem;
  max-width: calc(100% -  2.2 * 20px);
  padding: 10px 0 6px;
  border-radius: var(--ats-radius);
  background-color: var(--ats-glass-tint-deep);
  border: 1px solid var(--ats-glass-border);
  box-shadow: inset 0 1px 0 var(--ats-glass-highlight), inset 0 -1px 0 var(--ats-glass-shadow-sm), 0 6px 18px var(--ats-glass-shadow-sm), 0 2px 5px var(--ats-glass-shadow-md);
}
@supports (backdrop-filter: blur(40px)) or (-webkit-backdrop-filter: blur(40px)) {
  .spotlight .picker {
    backdrop-filter: blur(calc(40px * var(--ats-glass-blur-multiplier, 1))) saturate(200%);
    -webkit-backdrop-filter: blur(calc(40px * var(--ats-glass-blur-multiplier, 1))) saturate(200%);
  }
}
.spotlight .picker::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: var(--ats-bg-raised);
}
.spotlight .picker.is-open {
  display: block;
}
.spotlight .picker .filter {
  padding: 0 12px 8px;
}
.spotlight .picker .filter .dx-texteditor-input {
  min-height: 0;
  padding: 4px 8px;
  font-size: var(--ats-font-base);
}
.spotlight .picker .list {
  max-height: 230px;
}
.spotlight .picker .area {
  gap: 9px;
  padding: 9px 12px 3px;
  font-size: var(--ats-font-lg);
  color: var(--ats-text);
  cursor: pointer;
}
.spotlight .picker .area:hover,
.spotlight .picker .area.active {
  color: var(--ats-accent);
}
.spotlight .picker .area .all {
  opacity: 0;
}
.spotlight .picker .area:hover .all {
  opacity: 1;
}
.spotlight .picker .item {
  gap: 9px;
  padding: 5px 12px;
  color: var(--ats-text);
}
.spotlight .picker .item:hover {
  background: color-mix(in srgb, var(--ats-accent) 8%, transparent);
  color: var(--ats-text);
}
.spotlight .picker .item i {
  color: var(--ats-text-soft);
}
.spotlight .picker .item.active .box {
  background: var(--ats-accent);
  border-color: var(--ats-accent);
}
.spotlight .picker .box {
  width: 13px;
  height: 13px;
  border: 1px solid var(--ats-glass-border);
  border-radius: var(--ats-radius);
}
.spotlight .picker .foot {
  margin-top: 6px;
  padding: 8px 12px 2px;
  border-top: 1px solid var(--ats-glass-border);
}
.spotlight .picker .foot a {
  color: var(--ats-accent);
}
.spotlight .body {
  max-height: 62vh;
}
.spotlight .results-pane {
  flex: 0 0 36.9231rem;
  min-width: 0;
  border-right: 1px solid var(--ats-glass-border);
  background: var(--ats-bg-alt);
}
.spotlight .tophit {
  display: none;
  padding: 10px 10px 8px;
  border-bottom: 1px solid var(--ats-border-table);
}
.spotlight .tophit.is-filled {
  display: block;
}
.spotlight .tophit .caption {
  padding: 0 2px 4px;
  color: var(--ats-accent);
}
.spotlight .tophit .hit {
  margin: 0;
}
.spotlight .results {
  min-width: 0;
  padding: 6px 0 8px;
  scrollbar-width: thin;
  scrollbar-color: var(--ats-border) transparent;
}
.spotlight .results .group-header {
  gap: 10px;
  padding: 12px 12px 4px;
  color: var(--ats-text);
}
.spotlight .results .group-header .count {
  color: var(--ats-text-soft);
}
.spotlight .results .group-header .show-all {
  margin-left: 10px;
  color: var(--ats-accent);
}
.spotlight .results .group-header .show-all:hover {
  text-decoration: underline;
}
.spotlight .hit {
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin: 0 10px 4px;
  padding: 7px 10px 7px 8px;
  border: 1px solid var(--ats-border-table);
  border-left: 3px solid var(--hit-color, var(--ats-accent));
  border-radius: var(--ats-radius);
  background: var(--ats-bg);
  color: var(--ats-text);
  cursor: pointer;
}
.spotlight .hit .icon {
  width: 28px;
  height: 28px;
  border-radius: var(--ats-radius);
  background: color-mix(in srgb, var(--hit-color, var(--ats-accent)) 22%, transparent);
}
.spotlight .hit .context,
.spotlight .hit .meta,
.spotlight .hit .detail,
.spotlight .hit .match {
  color: var(--ats-text-soft);
}
.spotlight .hit .lines {
  row-gap: 1px;
  min-height: calc(4.5em + 2px);
}
.spotlight .hit .line {
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.spotlight .hit .line,
.spotlight .hit .match {
  line-height: 1.5em;
}
.spotlight .hit .meta,
.spotlight .hit .detail {
  max-width: 40%;
  font-variant-numeric: tabular-nums;
}
.spotlight .hit .state {
  padding: 0 8px;
  border-radius: var(--ats-radius-pill);
  background: color-mix(in srgb, var(--ats-grayed) 30%, transparent);
  color: var(--ats-text);
}
.spotlight .hit .state.ok {
  background: color-mix(in srgb, var(--ats-ok) 22%, transparent);
}
.spotlight .hit .state.warn {
  background: color-mix(in srgb, var(--ats-warn) 25%, transparent);
}
.spotlight .hit .state.info {
  background: color-mix(in srgb, var(--ats-accent) 25%, transparent);
}
.spotlight .hit mark {
  padding: 0 1px;
  border-radius: var(--ats-radius);
  background: color-mix(in srgb, var(--ats-accent) 30%, transparent);
  color: var(--ats-text);
}
.spotlight .hit:hover {
  border-color: var(--ats-accent);
  border-left-color: var(--hit-color, var(--ats-accent));
}
.spotlight .hit.active {
  border-color: var(--ats-accent);
  background: var(--ats-accent);
  color: var(--ats-text-on-accent);
}
.spotlight .hit.active .context,
.spotlight .hit.active .meta,
.spotlight .hit.active .detail,
.spotlight .hit.active .match,
.spotlight .hit.active .state {
  color: var(--ats-text-on-accent);
}
.spotlight .hit.active mark {
  background: transparent;
  color: inherit;
  text-decoration: underline;
}
.spotlight .preview,
.spotlight .picker .list {
  scrollbar-width: none;
}
.spotlight .preview::-webkit-scrollbar,
.spotlight .picker .list::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.spotlight .preview {
  min-width: 0;
  padding: 16px 20px;
}
.spotlight .panel .preview .card,
.spotlight .panel .preview .accordion-item {
  margin: 0 0 14px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.spotlight .panel .preview .card.clearfix > .card-header {
  padding: 0 0 6px;
  border: 0;
  border-bottom: 1px solid var(--ats-border-table);
  background: transparent;
  color: var(--ats-text-heading);
  font-size: var(--ats-font-base);
  font-weight: 700;
}
.spotlight .panel .preview .accordion .accordion-item .accordion-header {
  margin: 0;
  background: transparent;
}
.spotlight .panel .preview .accordion .accordion-item .accordion-header button.accordion-button,
.spotlight .panel .preview .accordion .accordion-item .accordion-header button.accordion-button:not(.collapsed) {
  padding: 7px 0;
  border: 0;
  border-bottom: 1px solid var(--ats-border-table);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--ats-text-soft);
  font-size: var(--ats-font-base);
  font-weight: 700;
}
.spotlight .panel .preview .accordion-body {
  padding: 7px 0 10px;
}
.spotlight .panel .preview .table {
  margin: 0;
}
.spotlight .panel .preview .table > :not(caption) > * > * {
  padding: 4px 6px 4px 0;
  border-color: var(--ats-border-table);
  background: transparent;
  box-shadow: none;
  color: var(--ats-text);
}
.spotlight .panel .preview .table td:nth-child(odd) {
  color: var(--ats-text-soft);
}
.spotlight .panel .preview .move-to-parent,
.spotlight .panel .preview .btn,
.spotlight .panel .preview img {
  display: none;
}
.spotlight .feature {
  display: none;
  gap: 14px;
  padding: 16px;
  border: 1px solid var(--ats-border-table);
  border-radius: var(--ats-radius);
  background: var(--ats-bg);
}
.spotlight .feature .tile {
  width: 40px;
  height: 40px;
  border-radius: var(--ats-radius);
  background: color-mix(in srgb, var(--ats-accent) 12%, transparent);
}
.spotlight .feature .tile i {
  color: var(--ats-accent);
}
.spotlight .feature .text {
  min-width: 0;
}
.spotlight .feature .title {
  color: var(--ats-text-heading);
}
.spotlight .feature .sub {
  color: var(--ats-text-soft);
}
.spotlight .feature .open {
  padding: 4px 14px;
  border: 1px solid var(--ats-accent);
  border-radius: var(--ats-radius);
  background: var(--ats-accent);
  color: var(--ats-text-on-accent);
  cursor: pointer;
}
.spotlight .preview .feature {
  display: flex;
}
.spotlight .footer {
  gap: 10px;
  padding: 8px 22px;
  border-top: 1px solid var(--ats-border);
  border-bottom-left-radius: var(--ats-radius);
  border-bottom-right-radius: var(--ats-radius);
  background: var(--ats-bg-alt);
  color: var(--ats-text-soft);
}
.spotlight .footer .keys {
  gap: 7px 16px;
}
.spotlight .footer kbd {
  margin-right: 2px;
  padding: 0 5px;
  border: 1px solid var(--ats-border);
  border-radius: var(--ats-radius);
  background: var(--ats-bg-raised);
  box-shadow: none;
  color: var(--ats-text);
  font-family: inherit;
  font-size: var(--ats-font-base);
}
.spotlight .footer .stats {
  gap: 10px;
}
.spotlight .footer .searching {
  display: none;
}
.spotlight .panel.is-loading .footer .searching {
  display: inline;
}
@media only screen and (max-width: 767.98px) {
  .spotlight .panel {
    top: 4vh;
  }
  .spotlight .results-pane {
    flex: 1 1 auto;
    border-right: none;
  }
}
@keyframes spotlight-overlay-in {
  from {
    opacity: 0;
  }
}
@keyframes spotlight-panel-in {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(-12px) scale(0.98);
  }
}
@keyframes spotlight-spin {
  to {
    transform: rotate(360deg);
  }
}

.atx-modal .modal-footer {
  --bs-modal-footer-gap: 0.5rem;
}
.atx-modal .modal-footer-leading {
  align-items: center;
}
@media only screen and (min-width: 576px) {
  .atx-modal .atx-modal-medium {
    --bs-modal-width: min(800px, calc(100vw - 2 * var(--bs-modal-margin)));
  }
  .atx-modal .atx-modal-mediumlarge {
    --bs-modal-width: min(1000px, calc(100vw - 2 * var(--bs-modal-margin)));
  }
  .atx-modal .atx-modal-landscape {
    --bs-modal-width: min(1120px, calc(100vw - 2 * var(--bs-modal-margin)));
  }
  .atx-modal .atx-modal-large {
    --bs-modal-width: min(1200px, calc(100vw - 2 * var(--bs-modal-margin)));
  }
  .atx-modal .atx-modal-extralarge {
    --bs-modal-width: min(1400px, calc(100vw - 2 * var(--bs-modal-margin)));
  }
  .atx-modal .atx-modal-ultralarge {
    --bs-modal-width: min(1600px, calc(100vw - 2 * var(--bs-modal-margin)));
  }
  .atx-modal .modal-dialog:has(> .modal-content > .modal-body .details-partial-view) {
    height: calc(100% - var(--bs-modal-margin) * 2);
  }
  .atx-modal .modal-dialog:has(> .modal-content > .modal-body .details-partial-view) .modal-content {
    max-height: 100%;
    overflow: hidden;
  }
  .atx-modal .modal-dialog:has(> .modal-content > .modal-body .details-partial-view) .modal-body {
    overflow-y: auto;
  }
}
@media only screen and (max-width: 575.98px) {
  .atx-modal:not(.atx-modal-delete) .modal-header {
    min-height: 3rem;
    padding-inline: 6.5rem;
    justify-content: center;
  }
  .atx-modal:not(.atx-modal-delete) .modal-title {
    margin: 0;
    text-align: center;
  }
  .atx-modal:not(.atx-modal-delete) .modalHeaderActions {
    position: absolute;
    top: 0;
    right: 0.5rem;
    height: 3rem;
  }
  .atx-modal:not(.atx-modal-delete) .modalHeaderActions .modalHeaderHelp,
  .atx-modal:not(.atx-modal-delete) .modalHeaderActions .btn-close {
    display: none;
  }
  .atx-modal:not(.atx-modal-delete) .modal-footer {
    display: contents;
  }
  .atx-modal:not(.atx-modal-delete) .modal-footer-trailing {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 4;
    height: 3rem;
    padding: 0 0.5rem;
    justify-content: space-between;
    pointer-events: none;
  }
  .atx-modal:not(.atx-modal-delete) .modal-footer-trailing > .btn {
    pointer-events: auto;
    border: none;
    background: transparent;
    color: var(--module-header-text, var(--ats-panel-text));
  }
  .atx-modal:not(.atx-modal-delete) .modal-footer-trailing > .btn > i {
    display: none;
  }
  .atx-modal:not(.atx-modal-delete) .modal-footer-trailing > .btn-primary,
  .atx-modal:not(.atx-modal-delete) .modal-footer-trailing > .btn-danger {
    font-weight: 700;
  }
  .atx-modal:not(.atx-modal-delete) .modal-footer-trailing > .btn:only-child {
    margin-left: auto;
  }
  .atx-modal:not(.atx-modal-delete).atx-modal-detailAndEdit .modal-footer-trailing {
    right: 3rem;
  }
  .atx-modal:not(.atx-modal-delete) .modal-footer-leading {
    order: 3;
    flex-direction: column;
    align-items: stretch;
    padding: 1rem;
  }
  .atx-modal:not(.atx-modal-delete) .modal-footer-leading:empty {
    padding: 0;
  }
  .atx-modal:not(.atx-modal-delete) .modal-footer-leading > .btn {
    width: 100%;
  }
}