:root,
[data-bs-theme="light"] {
  --cq-active-theme: standard_archive;
  --cq-primary: var(--bs-primary);
  --cq-primary-hover: color-mix(in srgb, var(--bs-primary) 82%, #000000);
  --cq-primary-soft: color-mix(in srgb, var(--bs-primary) 12%, #ffffff);
  --cq-primary-border: color-mix(in srgb, var(--bs-primary) 40%, #ffffff);
  --cq-sidebar-bg: var(--cq-archive-dceaea,#dceaea);
  --cq-sidebar-hover: var(--cq-archive-c9dfdf,#c9dfdf);
  --cq-sidebar-active: var(--cq-archive-b5d3d4,#b5d3d4);
  --cq-sidebar-border: var(--cq-archive-bdd2d3,#bdd2d3);
  --cq-sidebar-text: var(--cq-archive-18383a,#18383a);
  --cq-sidebar-text-strong: var(--cq-archive-102e30,#102e30);
  --bs-primary: var(--cq-archive-primary-light, #2f6f73);
  --bs-primary-rgb: var(--cq-archive-primary-light-rgb, 47, 111, 115);
  --bs-primary-contrast: #ffffff;
  --bs-primary-text-emphasis: color-mix(in srgb, var(--bs-primary) 58%, #000000);
  --bs-primary-bg-subtle: var(--cq-primary-soft);
  --bs-primary-border-subtle: var(--cq-primary-border);
  --bs-purple: var(--cq-primary) !important;
  --bs-purple-rgb: var(--bs-primary-rgb) !important;
  --bs-link-color: var(--cq-primary) !important;
  --bs-link-color-rgb: var(--bs-primary-rgb) !important;
  --bs-link-hover-color: var(--cq-primary-hover) !important;
  --bs-link-hover-color-rgb: var(--bs-primary-rgb) !important;
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), .24) !important;
  --bs-form-check-input-checked-bg: var(--cq-primary) !important;
  --bs-form-check-input-checked-border-color: var(--cq-primary) !important;
  --vz-primary: var(--cq-primary);
  --vz-bg-dragndrop-hover: var(--cq-archive-edf5f5,#edf5f5);
}

html,
body {
  overflow-x: hidden;
}

[data-bs-theme="dark"] {
  --bs-primary: var(--cq-archive-primary-dark, #65aeb2);
  --bs-primary-rgb: var(--cq-archive-primary-dark-rgb, 101, 174, 178);
  --cq-primary: var(--bs-primary);
  --cq-primary-hover: color-mix(in srgb, var(--bs-primary) 82%, #ffffff);
  --cq-primary-soft: color-mix(in srgb, var(--bs-primary) 24%, var(--cq-archive-171d20,#171d20));
  --cq-primary-border: color-mix(in srgb, var(--bs-primary) 55%, var(--cq-archive-171d20,#171d20));
  --cq-sidebar-bg: var(--cq-archive-203a3d,#203a3d);
  --cq-sidebar-hover: var(--cq-archive-2b3a3e,#2b3a3e);
  --cq-sidebar-active: var(--cq-archive-477c7f,#477c7f);
  --cq-sidebar-border: var(--cq-archive-303c40,#303c40);
  --cq-sidebar-text: var(--cq-archive-c8d2d2,#c8d2d2);
  --cq-sidebar-text-strong: #ffffff;
  --cq-app-btn-color: var(--cq-archive-e7eded,#e7eded);
  --cq-badge-bg: var(--cq-archive-303a3f,#303a3f);
  --cq-badge-color: var(--cq-archive-c1cbcc,#c1cbcc);
  --cq-list-hover: var(--cq-archive-303d41,#303d41);
  --cq-card-border: var(--cq-archive-405055,#405055);
  --cq-header-bg: var(--cq-archive-263135,#263135);
  --cq-card-shadow: 0 .35rem 1rem rgba(0, 0, 0, .24);
  --cq-card-shadow-hover: 0 .55rem 1.35rem rgba(0, 0, 0, .32);
  --bs-body-bg: var(--cq-archive-171d20,#171d20) !important;
  --bs-body-bg-rgb: 23, 29, 32 !important;
  --bs-body-color: var(--cq-archive-cbd5d5,#cbd5d5) !important;
  --bs-body-color-rgb: 203, 213, 213 !important;
  --bs-heading-color: var(--cq-archive-dfe7e7,#dfe7e7) !important;
  --bs-secondary-color: var(--cq-archive-abb7b8,#abb7b8) !important;
  --bs-secondary-bg: var(--cq-archive-20282c,#20282c) !important;
  --bs-tertiary-bg: var(--cq-archive-2d383c,#2d383c) !important;
  --bs-card-bg: var(--cq-archive-253034,#253034) !important;
  --bs-border-color: var(--cq-archive-405055,#405055) !important;
  --bs-emphasis-color: var(--cq-archive-edf2f2,#edf2f2) !important;
  --bs-border-color-rgb: 64, 80, 85 !important;
  --bs-secondary-bg-rgb: 32, 40, 44 !important;
  --bs-tertiary-bg-rgb: 45, 56, 60 !important;
  --bs-paper-bg: var(--cq-archive-253034,#253034) !important;
  --bs-primary: #65aeb2;
  --bs-primary-rgb: 101, 174, 178;
  --bs-primary-contrast: var(--cq-archive-102426,#102426);
  --bs-primary-text-emphasis: color-mix(in srgb, var(--bs-primary) 58%, #ffffff);
  --bs-primary-bg-subtle: var(--cq-primary-soft);
  --bs-primary-border-subtle: var(--cq-primary-border);
  --bs-purple: var(--cq-primary) !important;
  --bs-purple-rgb: var(--bs-primary-rgb) !important;
  --bs-link-color: var(--cq-primary) !important;
  --bs-link-color-rgb: var(--bs-primary-rgb) !important;
  --bs-link-hover-color: var(--cq-primary-hover) !important;
  --bs-link-hover-color-rgb: var(--bs-primary-rgb) !important;
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), .28) !important;
  --vz-primary: var(--cq-primary);
  --vz-bg-dragndrop-hover: var(--cq-archive-20383a,#20383a);
}

[data-bs-theme="dark"] body,
[data-bs-theme="dark"] .layout-page,
[data-bs-theme="dark"] .content-wrapper,
[data-bs-theme="dark"] .container-xxl,
[data-bs-theme="dark"] #main {
  background-color: var(--bs-body-bg) !important;
}

[data-bs-theme="dark"] #layout-navbar,
[data-bs-theme="dark"] .bg-navbar-theme {
  border: 1px solid #354348 !important;
  background: var(--cq-archive-222b2f,#222b2f) !important;
  box-shadow: 0 .25rem .9rem rgba(0, 0, 0, .24) !important;
}

[data-bs-theme="dark"] #dropzone > .card-header,
[data-bs-theme="dark"] #dropzone > .card-body {
  background: #1b2326 !important;
}

#dropzone > .card-header {
  padding: .6rem .85rem 0 !important;
}

#dropzone > .card-header > .d-flex:first-child {
  min-height: 2.5rem;
  align-items: center;
  margin-bottom: .3rem !important;
}

#dropzone > .card-header h4 {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  min-width: 0;
  margin: 0;
  color: var(--bs-heading-color);
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.25;
}

#dropzone > .card-header h4 > .icon-base {
  flex: 0 0 auto;
  margin: 0;
  color: var(--cq-primary);
  font-size: 1.1rem;
}

#dropzone > .card-header .nav-align-top {
  margin-inline: 0;
}

#dropzone > .card-header .nav-tabs .nav-link {
  min-height: 2.65rem;
  padding: .55rem .75rem;
}

[data-bs-theme="dark"] #dropzone > .card-header .nav-tabs,
[data-bs-theme="dark"] #dropzone > .card-header .nav {
  border-color: var(--cq-card-border) !important;
  background: var(--cq-archive-20292c,#20292c) !important;
}

[data-bs-theme="dark"] #dropzone > .card-body .tab-content,
[data-bs-theme="dark"] #dropzone > .card-body .tab-pane,
[data-bs-theme="dark"] #dropzone .kanban-board,
[data-bs-theme="dark"] #dropzone .kanban-cards {
  background: transparent !important;
}

[data-bs-theme="dark"] #dropzone .card-kanban {
  border-color: var(--cq-card-border) !important;
  background: var(--cq-archive-253034,#253034) !important;
  box-shadow: var(--cq-card-shadow) !important;
}

[data-bs-theme="dark"] #dropzone .card-kanban .card-header {
  border-bottom-color: var(--cq-card-border) !important;
  background: var(--cq-header-bg) !important;
}

[data-bs-theme="dark"] #dropzone .card-kanban > .card-body,
[data-bs-theme="dark"] #dropzone .card-kanban > .collapse.card-body,
[data-bs-theme="dark"] #dropzone .card-kanban .list-group,
[data-bs-theme="dark"] #dropzone .card-kanban .list-group-item {
  background: var(--cq-archive-253034,#253034) !important;
}

[data-bs-theme="dark"] #dropzone .card-kanban:hover,
[data-bs-theme="dark"] #dropzone .card-kanban:focus-within {
  border-color: color-mix(in srgb, var(--cq-primary) 45%, var(--cq-card-border)) !important;
  box-shadow: var(--cq-card-shadow-hover) !important;
}

[data-bs-theme="dark"] #card-apps .app-btn {
  border: 1px solid rgba(255, 255, 255, .055);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
  transition: border-color .16s ease, filter .16s ease, transform .16s ease;
}

[data-bs-theme="dark"] #card-apps .app-btn.bg-label-success {
  background: rgba(55, 185, 96, .20) !important;
}

[data-bs-theme="dark"] #card-apps .app-btn.bg-label-warning {
  background: rgba(255, 159, 67, .20) !important;
}

[data-bs-theme="dark"] #card-apps .app-btn.bg-label-primary,
[data-bs-theme="dark"] #card-apps .app-btn.bg-label-info {
  background: rgba(101, 174, 178, .22) !important;
}

[data-bs-theme="dark"] #card-apps .app-btn.bg-label-secondary {
  background: #343c43 !important;
}

[data-bs-theme="dark"] #card-apps .app-btn:hover,
[data-bs-theme="dark"] #card-apps .app-btn:focus-visible {
  border-color: rgba(255, 255, 255, .14);
  filter: brightness(1.08);
  transform: translateY(-1px);
}

[data-bs-theme="dark"] #dropzone .text-body,
[data-bs-theme="dark"] #dropzone .fav-text,
[data-bs-theme="dark"] #dropzone .cq-new-employee-name {
  color: var(--bs-heading-color) !important;
}

[data-bs-theme="dark"] :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .text-heading, .card-title) {
  color: var(--bs-heading-color) !important;
}

[data-bs-theme="dark"] :is(.btn-label-secondary, .bg-label-secondary) {
  border-color: #465359 !important;
  background-color: var(--cq-archive-303a3f,#303a3f) !important;
  color: #b8c3c4 !important;
}

[data-bs-theme="dark"] .btn-outline-secondary {
  --bs-btn-color: #b8c3c4;
  --bs-btn-border-color: #526066;
  --bs-btn-hover-color: var(--cq-archive-edf2f2,#edf2f2);
  --bs-btn-hover-bg: #344247;
  --bs-btn-hover-border-color: #65757b;
  --bs-btn-active-color: var(--cq-archive-edf2f2,#edf2f2);
  --bs-btn-active-bg: #3a494e;
  --bs-btn-active-border-color: #65757b;
}

[data-bs-theme="dark"] :is(.btn.disabled, .btn:disabled, .page-link.disabled, .page-item.disabled .page-link) {
  border-color: #39464b !important;
  background: #293237 !important;
  color: #8f9c9e !important;
  box-shadow: none !important;
  opacity: .72 !important;
}

[data-bs-theme="dark"] .dropdown-menu {
  --bs-dropdown-bg: var(--cq-archive-253034,#253034);
  --bs-dropdown-border-color: var(--cq-archive-405055,#405055);
  --bs-dropdown-color: var(--cq-archive-cbd5d5,#cbd5d5);
  --bs-dropdown-link-color: var(--cq-archive-cbd5d5,#cbd5d5);
  --bs-dropdown-link-hover-color: var(--cq-archive-edf2f2,#edf2f2);
  --bs-dropdown-link-hover-bg: var(--cq-archive-303d41,#303d41);
  --bs-dropdown-link-active-color: var(--cq-archive-edf2f2,#edf2f2);
  --bs-dropdown-link-active-bg: #294547;
  --bs-dropdown-header-color: #9eacad;
  border-color: var(--cq-archive-405055,#405055) !important;
  background: var(--cq-archive-253034,#253034) !important;
  box-shadow: 0 .65rem 1.75rem rgba(0, 0, 0, .34) !important;
}

[data-bs-theme="dark"] .dropdown-menu :is(.dropdown-item, .dropdown-header) {
  color: var(--bs-dropdown-link-color);
}

[data-bs-theme="dark"] .dropdown-menu .dropdown-item:hover,
[data-bs-theme="dark"] .dropdown-menu .dropdown-item:focus {
  background: var(--bs-dropdown-link-hover-bg) !important;
  color: var(--bs-dropdown-link-hover-color) !important;
}

[data-bs-theme="dark"] .dropdown-menu .dropdown-item.active,
[data-bs-theme="dark"] .dropdown-menu .dropdown-item:active {
  background: var(--bs-dropdown-link-active-bg) !important;
  color: var(--bs-dropdown-link-active-color) !important;
}

[data-bs-theme="dark"] .dropdown-menu .dropdown-divider {
  border-color: var(--cq-archive-405055,#405055) !important;
  opacity: 1;
}

[data-bs-theme="dark"] .dropdown-menu .btn-danger {
  --bs-btn-bg: #c94f54;
  --bs-btn-border-color: #c94f54;
  --bs-btn-hover-bg: #dc5d62;
  --bs-btn-hover-border-color: #dc5d62;
  color: #fff !important;
}

[data-bs-theme="dark"] #dropzone .text-muted,
[data-bs-theme="dark"] #dropzone .text-secondary,
[data-bs-theme="dark"] #dropzone .cq-new-employee-meta,
[data-bs-theme="dark"] #dropzone .cq-new-employee-date {
  color: var(--bs-secondary-color) !important;
}

[data-bs-theme="dark"] footer,
[data-bs-theme="dark"] .footer,
[data-bs-theme="dark"] .content-footer,
[data-bs-theme="dark"] .footer .container-xxl,
[data-bs-theme="dark"] .footer .container-fluid,
[data-bs-theme="dark"] .footer .footer-container {
  border-color: #354348 !important;
  background: var(--cq-archive-20282c,#20282c) !important;
}

/* Detail workspace: neutralize Vuexy's local purple dark surfaces without
   changing the shared detail renderer or other customer themes. */
[data-bs-theme="dark"] .cq-detail-dialog-shell,
[data-bs-theme="dark"] .cq-detail-dialog-shell .cq-detail-panel,
[data-bs-theme="dark"] .cq-detail-dialog-shell .card {
  --bs-card-bg: var(--cq-archive-253034,#253034) !important;
  --bs-paper-bg: var(--cq-archive-253034,#253034) !important;
  border-color: var(--cq-archive-405055,#405055) !important;
  background: var(--cq-archive-253034,#253034) !important;
}

[data-bs-theme="dark"] .cq-detail-dialog-shell .cq-detail-actionbar,
[data-bs-theme="dark"] .cq-detail-dialog-shell .cq-detail-footer,
[data-bs-theme="dark"] .cq-detail-dialog-shell .cq-viewer-header,
[data-bs-theme="dark"] .cq-detail-dialog-shell .nav-tabs-widget,
[data-bs-theme="dark"] .cq-detail-dialog-shell .cq-feed-topbar {
  border-color: var(--cq-archive-405055,#405055) !important;
  background: var(--cq-archive-20292c,#20292c) !important;
  box-shadow: none !important;
}

[data-bs-theme="dark"] .cq-detail-dialog-shell .cq-detail-form-body,
[data-bs-theme="dark"] .cq-detail-dialog-shell .cq-viewer-tab-content,
[data-bs-theme="dark"] .cq-detail-dialog-shell .cq-viewer-body,
[data-bs-theme="dark"] .cq-detail-dialog-shell .cq-folder-viewer-shell,
[data-bs-theme="dark"] .cq-detail-dialog-shell .cq-folder-viewer-shell--dossier,
[data-bs-theme="dark"] .cq-detail-dialog-shell .cq-feed-tab-wrap,
[data-bs-theme="dark"] .cq-detail-dialog-shell .cq-feed-tab-content,
[data-bs-theme="dark"] .cq-detail-dialog-shell .cq-feed-pane {
  background: #1b2326 !important;
}

[data-bs-theme="dark"] .cq-detail-dialog-shell .cq-folder-viewer-surface,
[data-bs-theme="dark"] .cq-detail-dialog-shell .cq-user-profile-shell .nav-align-top.tabs-scroll,
[data-bs-theme="dark"] .cq-detail-dialog-shell .cq-user-profile-shell .cq-tab-intro {
  border-color: var(--cq-archive-405055,#405055) !important;
  background: var(--cq-archive-253034,#253034) !important;
  box-shadow: none !important;
}

[data-bs-theme="dark"] .cq-detail-dialog-shell .cq-compact-folder-row {
  border-color: var(--cq-archive-405055,#405055) !important;
  background: var(--cq-archive-2d383c,#2d383c) !important;
}

[data-bs-theme="dark"] .cq-detail-dialog-shell .cq-compact-folder-row:hover,
[data-bs-theme="dark"] .cq-detail-dialog-shell .cq-compact-folder-row:focus-within {
  border-color: color-mix(in srgb, var(--cq-primary) 45%, var(--cq-archive-405055,#405055)) !important;
  background: #344247 !important;
}

[data-bs-theme="dark"] .cq-detail-dialog-shell :is(.form-control, .form-select, .input-group-text),
[data-bs-theme="dark"] .cq-detail-dialog-shell .select2-container--default .select2-selection {
  border-color: #465258 !important;
  background-color: #293237 !important;
  color: #e3e9e9 !important;
}

[data-bs-theme="dark"] .cq-detail-dialog-shell :is(.form-control, .form-select):focus,
[data-bs-theme="dark"] .cq-detail-dialog-shell .select2-container--open .select2-selection {
  border-color: var(--cq-primary) !important;
  box-shadow: 0 0 0 .15rem rgba(var(--bs-primary-rgb), .18) !important;
}

[data-bs-theme="dark"] .cq-detail-dialog-shell .resizer {
  border-color: #303b40 !important;
  background: #181d21 !important;
}

/* Vuexy primary components */
.btn-primary {
  --bs-btn-bg: var(--cq-primary);
  --bs-btn-border-color: var(--cq-primary);
  --bs-btn-hover-bg: var(--cq-primary-hover);
  --bs-btn-hover-border-color: var(--cq-primary-hover);
  --bs-btn-active-bg: var(--cq-primary-hover);
  --bs-btn-active-border-color: var(--cq-primary-hover);
  --bs-btn-disabled-bg: var(--cq-primary);
  --bs-btn-disabled-border-color: var(--cq-primary);
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}

.btn-outline-primary {
  --bs-btn-color: var(--cq-primary);
  --bs-btn-border-color: var(--cq-primary);
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: var(--cq-primary);
  --bs-btn-hover-border-color: var(--cq-primary);
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: var(--cq-primary-hover);
  --bs-btn-active-border-color: var(--cq-primary-hover);
  --bs-btn-disabled-color: var(--cq-primary);
  --bs-btn-disabled-border-color: var(--cq-primary);
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}

.btn-label-primary,
.bg-label-primary {
  color: var(--cq-primary) !important;
  background-color: var(--cq-primary-soft) !important;
}

.text-primary,
.link-primary {
  color: var(--cq-primary) !important;
}

.bg-primary,
.text-bg-primary {
  background-color: var(--cq-primary) !important;
}

.border-primary {
  border-color: var(--cq-primary) !important;
}

.dropdown-item.active,
.dropdown-item:active,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.page-item.active .page-link {
  color: #ffffff !important;
  background-color: var(--cq-primary) !important;
  border-color: var(--cq-primary) !important;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--cq-primary) !important;
}

.form-check-input:checked,
.form-check-input[type="checkbox"]:indeterminate {
  background-color: var(--cq-primary) !important;
  border-color: var(--cq-primary) !important;
}

.form-control:focus,
.form-select:focus,
.select2-container--default.select2-container--focus .select2-selection,
.select2-container--default.select2-container--open .select2-selection {
  border-color: var(--cq-primary) !important;
  box-shadow: 0 0 0 .2rem rgba(var(--bs-primary-rgb), .14) !important;
}

.progress-bar {
  background-color: var(--cq-primary);
}

.accordion-button:not(.collapsed) {
  color: var(--cq-primary);
  background-color: var(--cq-primary-soft);
}

/* Vertical navigation */
/* Vuexy gives the semidark menu its own dark attribute in an otherwise light
   page. Keep the requested light petrol palette inside that component too. */
[data-bs-theme="light"] #layout-menu {
  --cq-sidebar-bg: var(--cq-archive-dceaea,#dceaea);
  --cq-sidebar-hover: var(--cq-archive-c9dfdf,#c9dfdf);
  --cq-sidebar-active: var(--cq-archive-b5d3d4,#b5d3d4);
  --cq-sidebar-border: var(--cq-archive-bdd2d3,#bdd2d3);
  --cq-sidebar-text: var(--cq-archive-18383a,#18383a);
  --cq-sidebar-text-strong: var(--cq-archive-102e30,#102e30);
}
#layout-menu,
#layout-menu.layout-menu,
#layout-menu.menu-vertical,
#layout-menu .menu-inner,
.layout-menu,
.menu-vertical {
  background: var(--cq-sidebar-bg) !important;
}

#layout-menu,
.layout-menu {
  border-right-color: var(--cq-sidebar-border) !important;
}

#layout-menu .app-brand-logo,
.layout-menu .app-brand-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.75rem;
  flex: 0 0 2.5rem;
}

#layout-menu .app-brand-logo img,
.layout-menu .app-brand-logo img {
  content: url('/webui/static/img/standard-archive-brand-mark.png');
  display: block;
  width: auto !important;
  max-width: 2.35rem !important;
  height: 2.55rem !important;
  margin: 0;
  object-fit: contain;
  filter: none;
  opacity: .96;
}

#layout-menu .app-brand-text,
#layout-menu .menu-link,
#layout-menu .menu-header,
.layout-menu .app-brand-text,
.menu-vertical .menu-link,
.menu-vertical .menu-header {
  color: var(--cq-sidebar-text) !important;
}

#layout-menu .menu-item.open > .menu-link,
#layout-menu .menu-link:hover,
.menu-vertical .menu-item.open > .menu-link,
.menu-vertical .menu-link:hover {
  color: var(--cq-sidebar-text-strong) !important;
  background: var(--cq-sidebar-hover) !important;
}

#layout-menu .menu-item.active > .menu-link,
.menu-vertical .menu-item.active > .menu-link {
  color: var(--cq-sidebar-text-strong) !important;
  background: var(--cq-sidebar-active) !important;
}

#layout-menu .menu-item.active > .menu-link .menu-icon,
.menu-vertical .menu-item.active > .menu-link .menu-icon {
  color: var(--cq-sidebar-text-strong) !important;
}

/* Login */
.cq-auth-page {
  background: var(--cq-archive-edf3f3,#edf3f3);
}

.cq-auth-shell {
  border-color: var(--cq-archive-c7d7d8,#c7d7d8);
  background: var(--cq-archive-fbfdfd,#fbfdfd);
}

.cq-auth-visual {
  border-right-color: var(--cq-archive-bdd2d3,#bdd2d3);
  background: var(--cq-archive-dceaea,#dceaea);
}

.cq-auth-panel {
  background: var(--cq-archive-fbfdfd,#fbfdfd);
}

.cq-auth-brand,
.cq-auth-brand:hover,
.cq-auth-visual-copy h1,
.cq-auth-heading h2,
.cq-auth-panel .form-label {
  color: var(--cq-archive-18383a,#18383a);
}

.cq-auth-product-name,
.cq-auth-visual-copy p,
.cq-auth-heading p {
  color: var(--cq-archive-526f71,#526f71);
}

.cq-auth-panel input.form-control,
.cq-auth-panel input.form-control:focus {
  color: var(--cq-archive-18383a,#18383a) !important;
  caret-color: var(--cq-primary);
  background-color: #ffffff;
  border-color: var(--cq-archive-afc4c5,#afc4c5);
  -webkit-text-fill-color: var(--cq-archive-18383a,#18383a) !important;
}

.cq-auth-panel input.form-control::placeholder {
  color: var(--cq-archive-7f9698,#7f9698) !important;
  -webkit-text-fill-color: var(--cq-archive-7f9698,#7f9698) !important;
}

.cq-auth-panel .input-group-text {
  background-color: var(--cq-archive-f4f8f8,#f4f8f8);
  border-color: var(--cq-archive-afc4c5,#afc4c5);
}

.cq-auth-panel .input-group-text i,
.cq-auth-divider,
.cq-auth-license,
.cq-logout-note {
  color: var(--cq-archive-6c8587,#6c8587);
}

[data-bs-theme="dark"] .cq-auth-page {
  background: var(--cq-archive-102426,#102426);
}

[data-bs-theme="dark"] .cq-auth-shell,
[data-bs-theme="dark"] .cq-auth-panel {
  border-color: var(--cq-archive-315053,#315053);
  background: var(--cq-archive-182d30,#182d30);
}

[data-bs-theme="dark"] .cq-auth-visual {
  border-right-color: var(--cq-archive-315053,#315053);
  background: var(--cq-archive-203a3d,#203a3d);
}

/* WebUI components that still contain the Vuexy purple literal */
#cq-feed-list .timeline-event.cq-feed-card {
  border-left-color: rgba(var(--bs-primary-rgb), .42) !important;
}

.layout-desktop .column-feed .cq-feed-timeline-point-primary,
.layout-desktop .column-feed .cq-feed-timeline-point-info {
  background: var(--cq-primary) !important;
}

#cq-v2-dashboard .cq-v2-tile {
  border: 1px solid color-mix(in srgb, var(--cq-primary) 14%, var(--bs-border-color)) !important;
  background: color-mix(in srgb, var(--cq-primary) 2%, var(--bs-card-bg)) !important;
  box-shadow: none;
}

#cq-v2-dashboard .cq-v2-tile:hover,
#cq-v2-dashboard .cq-v2-tile.is-active {
  border-color: color-mix(in srgb, var(--cq-primary) 42%, var(--bs-border-color)) !important;
  background: color-mix(in srgb, var(--cq-primary) 9%, var(--bs-card-bg)) !important;
  box-shadow: inset .18rem 0 0 var(--cq-primary), 0 .2rem .65rem rgba(37, 88, 91, .08);
}

/* Release polish for operational dashboards. */
#cq-v2-dashboard {
  gap: .75rem;
}

#cq-v2-dashboard .cq-v2-titlebar {
  min-height: 2.85rem;
  padding-inline: .15rem;
}

#cq-v2-dashboard .cq-v2-heading {
  gap: .5rem;
}

#cq-v2-dashboard .cq-v2-heading h2 {
  color: var(--bs-heading-color);
  font-size: 1.35rem;
  font-weight: 600;
  line-height: 1.25;
}

#cq-v2-dashboard .cq-v2-panel {
  overflow: hidden;
  border-radius: .5rem;
}

#cq-v2-dashboard .cq-v2-tabs,
#cq-v2-dashboard .cq-v2-section-header,
#cq-v2-dashboard .cq-v2-table-toolbar,
#cq-v2-dashboard .cq-v2-footer {
  padding-inline: .7rem;
}

#cq-v2-dashboard .cq-v2-tabs,
#cq-v2-dashboard .cq-v2-section-header {
  min-height: 2.7rem;
}

#cq-v2-dashboard .cq-v2-tiles {
  gap: .55rem;
  padding: .65rem;
}

#cq-v2-dashboard .cq-v2-tile {
  min-height: 3.85rem;
  padding: .62rem .72rem;
}

#cq-v2-dashboard .cq-v2-filters {
  padding: .55rem .65rem;
}

#cq-v2-dashboard .cq-v2-table-toolbar {
  min-height: 3rem;
  padding-block: .42rem;
}

#cq-v2-dashboard .cq-v2-table th {
  padding-block: .72rem;
  font-weight: 600;
}

#cq-v2-dashboard .cq-v2-table td {
  padding-block: .72rem;
}

[data-bs-theme="dark"] #cq-v2-dashboard .cq-v2-panel {
  border-color: var(--cq-archive-405055,#405055) !important;
  background: var(--cq-archive-222c30,#222c30) !important;
  box-shadow: 0 .3rem .9rem rgba(0, 0, 0, .18);
}

[data-bs-theme="dark"] #cq-v2-dashboard :is(.cq-v2-tabs, .cq-v2-section-header, .cq-v2-table-toolbar, .cq-v2-footer) {
  border-color: var(--cq-archive-405055,#405055) !important;
  background: var(--cq-archive-263135,#263135) !important;
}

[data-bs-theme="dark"] #cq-v2-dashboard .cq-v2-section-header,
[data-bs-theme="dark"] #cq-v2-dashboard .cq-v2-table th {
  color: var(--cq-archive-d8e1e1,#d8e1e1) !important;
}

[data-bs-theme="dark"] #cq-v2-dashboard .cq-v2-section-body,
[data-bs-theme="dark"] #cq-v2-dashboard .cq-v2-table-wrap {
  background: var(--cq-archive-20292c,#20292c) !important;
}

[data-bs-theme="dark"] #cq-v2-dashboard .cq-v2-tile {
  border-style: solid;
  border-color: var(--cq-archive-405055,#405055) !important;
  background: var(--cq-archive-293438,#293438) !important;
}

[data-bs-theme="dark"] #cq-v2-dashboard .cq-v2-tile:hover,
[data-bs-theme="dark"] #cq-v2-dashboard .cq-v2-tile.is-active {
  border-color: color-mix(in srgb, var(--cq-primary) 56%, var(--cq-archive-405055,#405055)) !important;
  background: var(--cq-archive-304044,#304044) !important;
}

[data-bs-theme="dark"] #cq-v2-dashboard .cq-v2-table th {
  background: var(--cq-archive-263135,#263135) !important;
}

[data-bs-theme="dark"] #cq-v2-dashboard .cq-v2-table tbody tr {
  background: var(--cq-archive-222c30,#222c30);
}

[data-bs-theme="dark"] #cq-v2-dashboard .cq-v2-table tbody tr:hover {
  background: var(--cq-archive-2b383c,#2b383c) !important;
}

[data-bs-theme="dark"] #cq-v2-dashboard .cq-v2-filter-chip {
  border: 1px solid var(--cq-archive-46565b,#46565b);
  background: var(--cq-archive-2d383c,#2d383c) !important;
  color: var(--cq-archive-bcc7c8,#bcc7c8) !important;
}

[data-bs-theme="dark"] #cq-v2-dashboard :is(.form-control, .form-select) {
  border-color: var(--cq-archive-46565b,#46565b);
  background-color: var(--cq-archive-293438,#293438);
  color: var(--cq-archive-d7dfdf,#d7dfdf);
}

[data-bs-theme="dark"] #cq-v2-dashboard .cq-v2-footer .badge {
  border: 1px solid var(--cq-archive-435257,#435257);
  font-weight: 500;
}

.cq-v2-table tbody tr:hover {
  background: rgba(var(--bs-primary-rgb), .04);
}

.cq-v2-loading-box {
  border-color: rgba(var(--bs-primary-rgb), .18);
}

#cq-v2-dashboard .cq-v2-search .btn > .icon-base {
  display: inline-block !important;
  inline-size: 1.25rem !important;
  block-size: 1.25rem !important;
  width: 1.25rem !important;
  height: 1.25rem !important;
  flex: 0 0 1.25rem;
}

/* Keep the news card useful without letting its empty state dominate a
   dashboard column. */
#card-news .card-header {
  min-height: 2.75rem;
  padding: .55rem .75rem;
}

#card-news .card-header > button[data-bs-toggle="collapse"] {
  justify-content: flex-start;
  padding-right: 2.5rem !important;
}

#card-news .card-header > button[data-bs-toggle="collapse"] > div {
  justify-content: flex-start;
}

#card-news .card-header .rotate-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.65rem;
  height: 1.65rem;
  margin-right: .5rem !important;
  border-radius: 50%;
  background: color-mix(in srgb, var(--cq-primary) 9%, transparent);
  font-size: .9rem;
}

#card-news > .card-body {
  padding: 0;
}

#card-news > .card-body > .list-group {
  padding: .25rem .9rem .8rem !important;
}

#card-news {
  overflow: hidden;
}

#card-news > .card-body .cq-news-empty {
  display: grid;
  grid-template-columns: 2.65rem minmax(0, 1fr);
  column-gap: .8rem;
  align-items: center;
  min-height: 4.25rem;
  padding: .65rem .2rem !important;
  border-top: 1px solid color-mix(in srgb, var(--cq-primary) 10%, var(--bs-border-color));
  background: transparent;
  text-align: left !important;
}

#card-news > .card-body .cq-news-empty-icon {
  width: 2.65rem;
  height: 2.65rem;
  margin: 0 !important;
  border: 1px solid color-mix(in srgb, var(--cq-primary) 14%, transparent);
  border-radius: 50%;
  background: color-mix(in srgb, var(--cq-primary) 9%, var(--bs-card-bg)) !important;
  color: var(--cq-primary) !important;
}

#card-news > .card-body .cq-news-empty-title {
  color: var(--bs-heading-color);
  font-size: .9rem;
  line-height: 1.25;
}

#card-news > .card-body .cq-news-empty-hint {
  margin-top: .15rem;
  color: var(--bs-secondary-color);
  font-size: .78rem;
  line-height: 1.3;
}

#card-news .cq-news-intro {
  padding: .25rem 0 .45rem;
}

#card-news .cq-news-item {
  padding: .55rem .25rem;
}

#card-news > .card-body .mt-3.pt-2.border-top {
  position: absolute;
  top: .48rem;
  right: .55rem;
  z-index: 5;
  display: flex;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

#card-news > .card-body .mt-3.pt-2.border-top > .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem !important;
  height: 2rem;
  padding: 0;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  font-size: 0;
}

#card-news > .card-body .mt-3.pt-2.border-top > .btn > i {
  margin: 0 !important;
  font-size: 1rem;
}

#card-news > .card-body .mt-3.pt-2.border-top > .btn:hover,
#card-news > .card-body .mt-3.pt-2.border-top > .btn:focus-visible {
  border-color: color-mix(in srgb, var(--cq-primary) 18%, transparent);
  background: color-mix(in srgb, var(--cq-primary) 7%, transparent);
}

@media (hover: hover) {
  #card-news > .card-body .mt-3.pt-2.border-top {
    visibility: hidden;
    opacity: 0;
    transform: translateY(-.12rem);
    pointer-events: none;
    transition: opacity .16s ease, transform .16s ease, visibility 0s linear .16s;
  }

  #card-news:hover > .card-body .mt-3.pt-2.border-top,
  #card-news:focus-within > .card-body .mt-3.pt-2.border-top {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    transition-delay: 0s;
  }
}

@media (any-hover: hover) and (pointer: fine) {
  #dropzone:not(.cq-dashboard-editing) > .card-header .cq-dashboard-edit-toggle {
    visibility: hidden;
    opacity: 0;
    transform: translateY(-.2rem);
    pointer-events: none;
    transition: opacity .16s ease, transform .16s ease, visibility 0s linear .16s;
  }

  #dropzone:not(.cq-dashboard-editing) > .card-header:hover .cq-dashboard-edit-toggle,
  #dropzone:not(.cq-dashboard-editing) > .card-header:focus-within .cq-dashboard-edit-toggle {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    transition-delay: 0s;
  }

}

#dropzone .card-kanban .cq-card-header-actions {
  visibility: hidden;
  opacity: 0;
  transform: translateY(-.15rem);
  pointer-events: none;
  transition: opacity .16s ease, transform .16s ease, visibility 0s linear .16s;
}

#dropzone .card-kanban:hover .cq-card-header-actions,
#dropzone .card-kanban:focus-within .cq-card-header-actions {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  transition-delay: 0s;
}

@media (hover: none), (pointer: coarse) {
  #dropzone .card-kanban .cq-card-header-actions {
    visibility: visible;
    opacity: 1;
    transform: none;
    pointer-events: auto;
  }
}

#dropzone .kanban-board {
  gap: 1rem;
  padding-top: .75rem;
}

/* Compose the Standard Archive home as applications, quick access and
   information without changing the user's stored dashboard order. */
@media (min-width: 1600px) {
  #dropzone:not(.cq-dashboard-editing) .kanban-board {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  #dropzone:not(.cq-dashboard-editing) .kanban-board:has(> .kanban-cards:not(:has(> .card-kanban))) {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  #dropzone:not(.cq-dashboard-editing) .kanban-board > .kanban-cards:has(> #card-apps) {
    grid-column: span 2;
  }

  #dropzone:not(.cq-dashboard-editing) .kanban-board > .kanban-cards:has(> #card-links) {
    grid-column: span 2;
  }

  #dropzone:not(.cq-dashboard-editing) .kanban-board > .kanban-cards:not(:has(> .card-kanban)) {
    display: none;
  }

  #dropzone:not(.cq-dashboard-editing) #card-apps .cq-apps-grid > .cq-app-tile:not(:has(> .cq-app-tile-wrap-editable)) {
    flex: 0 0 auto;
    width: 33.333333%;
  }
}

#card-favorites .fav-row {
  min-height: 3.25rem;
  padding-block: .35rem !important;
  padding-right: 2.25rem !important;
}

#card-favorites .fav-link {
  gap: .65rem;
}

#card-favorites .cq-favorite-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  flex: 0 0 2rem;
  border-radius: .45rem;
}

#card-favorites .cq-favorite-copy {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  line-height: 1.25;
}

#card-favorites .fav-text {
  display: block;
  color: var(--bs-heading-color);
  font-weight: 600;
}

#card-favorites .cq-favorite-description {
  display: block !important;
  margin-top: .12rem;
  color: var(--bs-secondary-color);
  font-size: .75rem;
}

@media (any-hover: hover) and (pointer: fine) {
  #card-apps .cq-app-group-drag-handle {
    visibility: hidden;
    opacity: 0;
    transition: opacity .16s ease, visibility 0s linear .16s;
  }

  #card-apps .cq-app-group-header:hover .cq-app-group-drag-handle,
  #card-apps .cq-app-group-header:focus-within .cq-app-group-drag-handle {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
  }
}

#dropzone .card-kanban {
  border: 1px solid color-mix(in srgb, var(--bs-border-color) 88%, var(--cq-primary) 12%);
  border-radius: .5rem;
  box-shadow: 0 .2rem .7rem rgba(28, 45, 47, .055);
  transition: border-color .16s ease, box-shadow .16s ease;
}

#dropzone .card-kanban:hover,
#dropzone .card-kanban:focus-within {
  border-color: color-mix(in srgb, var(--bs-border-color) 68%, var(--cq-primary) 32%);
  box-shadow: 0 .35rem 1rem rgba(28, 45, 47, .085);
}

.dragndrop-box:hover,
.dragndrop-box:focus,
.dragndrop-box.dragover {
  box-shadow: 0 0 0 4px rgba(var(--bs-primary-rgb), .08);
}

.cq-compact-folder-row:hover {
  background: rgba(var(--bs-primary-rgb), .06);
  border-color: rgba(var(--bs-primary-rgb), .14);
}

.cq-versions-dropzone::after {
  border-color: var(--cq-primary);
  background: rgba(var(--bs-primary-rgb), .08);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .75), 0 12px 30px rgba(var(--bs-primary-rgb), .22);
}

.cq-versions-drop-hint {
  color: var(--cq-primary);
  border-color: rgba(var(--bs-primary-rgb), .35);
  background: rgba(var(--bs-primary-rgb), .045);
}

.cq-versions-dropzone.drag-over,
#versions.drag-over .cq-versions-dropzone {
  border-color: var(--cq-primary) !important;
  outline-color: rgba(var(--bs-primary-rgb), .28);
  background: rgba(var(--bs-primary-rgb), .12) !important;
  box-shadow: inset 0 0 0 2px rgba(var(--bs-primary-rgb), .38), 0 14px 32px rgba(var(--bs-primary-rgb), .22);
}

.cq-versions-dropzone.drag-over .cq-versions-drop-hint,
#versions.drag-over .cq-versions-drop-hint {
  color: var(--cq-primary-hover);
  border-color: var(--cq-primary) !important;
  background: rgba(var(--bs-primary-rgb), .18) !important;
  box-shadow: inset 0 0 0 1px rgba(var(--bs-primary-rgb), .24);
}

.cq-version-row:hover {
  background: rgba(var(--bs-primary-rgb), .055);
}

.cq-version-row.cq-version-selected {
  border-color: rgba(var(--bs-primary-rgb), .26);
  background: rgba(var(--bs-primary-rgb), .11);
}

.cq-version-marker {
  background: rgba(var(--bs-primary-rgb), .35);
  box-shadow: 0 0 0 4px rgba(var(--bs-primary-rgb), .08);
}

.cq-version-row.cq-version-selected .cq-version-marker {
  background: var(--cq-primary);
}

.cq-version-badge-displayed,
.cq-row-lock-badge {
  color: var(--cq-primary-hover);
  background: rgba(var(--bs-primary-rgb), .16);
}

.cq-checkout-dropzone {
  border-color: rgba(var(--bs-primary-rgb), .38);
  background: rgba(var(--bs-primary-rgb), .045);
}

.cq-checkout-dropzone.drag-over {
  border-color: var(--cq-primary);
  background: rgba(var(--bs-primary-rgb), .12);
  box-shadow: inset 0 0 0 2px rgba(var(--bs-primary-rgb), .24), 0 14px 32px rgba(var(--bs-primary-rgb), .18);
}

.cq-checkout-dropzone-icon {
  color: var(--cq-primary);
  background: rgba(var(--bs-primary-rgb), .12);
}

.cq-row-lock-dot {
  background: var(--cq-primary);
}

.layout-desktop .resizer::before {
  background: rgba(var(--bs-primary-rgb), .55);
}

@media (any-hover: hover) {
  .layout-desktop .resizer:hover {
    background: rgba(var(--bs-primary-rgb), .08);
    box-shadow: 0 0 0 4px rgba(var(--bs-primary-rgb), .06);
  }

  .layout-desktop .resizer:hover::before {
    background: rgba(var(--bs-primary-rgb), .90);
  }
}

.layout-desktop .resizer.active,
.resizing .layout-desktop .resizer.active {
  background: rgba(var(--bs-primary-rgb), .14);
  box-shadow: 0 0 0 2px rgba(var(--bs-primary-rgb), .10);
}

.layout-desktop .resizer.active::before {
  background: rgba(var(--bs-primary-rgb), .98);
}

/* Standard Archive contracts: keep the working columns readable on laptops. */
@media (min-width: 769px) and (max-width: 1599.98px) {
  #cq-v2-dashboard[data-dashboard-id="standard_archive_contracts_dashboard"] .cq-v2-table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed;
  }

  #cq-v2-dashboard[data-dashboard-id="standard_archive_contracts_dashboard"] .cq-v2-table col:nth-child(1) { width: 3rem !important; }
  #cq-v2-dashboard[data-dashboard-id="standard_archive_contracts_dashboard"] .cq-v2-table col:nth-child(2) { width: 4rem !important; }
  #cq-v2-dashboard[data-dashboard-id="standard_archive_contracts_dashboard"] .cq-v2-table col:nth-child(3) { width: auto !important; }
  #cq-v2-dashboard[data-dashboard-id="standard_archive_contracts_dashboard"] .cq-v2-table col:nth-child(4) { width: 10rem !important; }
  #cq-v2-dashboard[data-dashboard-id="standard_archive_contracts_dashboard"] .cq-v2-table col:nth-child(5) {
    width: 0 !important;
    visibility: collapse;
  }
  #cq-v2-dashboard[data-dashboard-id="standard_archive_contracts_dashboard"] .cq-v2-table col:nth-child(6) { width: 6.5rem !important; }
  #cq-v2-dashboard[data-dashboard-id="standard_archive_contracts_dashboard"] .cq-v2-table col:nth-child(7) { width: 11rem !important; }
  #cq-v2-dashboard[data-dashboard-id="standard_archive_contracts_dashboard"] .cq-v2-table col:nth-child(8) { width: 6rem !important; }
  #cq-v2-dashboard[data-dashboard-id="standard_archive_contracts_dashboard"] .cq-v2-table col:nth-child(9) { width: 7rem !important; }
  #cq-v2-dashboard[data-dashboard-id="standard_archive_contracts_dashboard"] .cq-v2-table col:nth-child(10) { width: 10rem !important; }

  #cq-v2-dashboard[data-dashboard-id="standard_archive_contracts_dashboard"] .cq-v2-table th:nth-child(5),
  #cq-v2-dashboard[data-dashboard-id="standard_archive_contracts_dashboard"] .cq-v2-table td:nth-child(5) {
    visibility: collapse;
  }
}

@media (min-width: 1200px) {
  #cq-v2-dashboard[data-dashboard-id="standard_archive_projects_dashboard"] .cq-v2-tiles {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  #cq-v2-dashboard[data-dashboard-id="standard_archive_projects_dashboard"] .cq-v2-table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed;
  }

  #cq-v2-dashboard[data-dashboard-id="standard_archive_projects_dashboard"] .cq-v2-table col:nth-child(1) { width: 3rem !important; }
  #cq-v2-dashboard[data-dashboard-id="standard_archive_projects_dashboard"] .cq-v2-table col:nth-child(2) { width: 4.5rem !important; }
  #cq-v2-dashboard[data-dashboard-id="standard_archive_projects_dashboard"] .cq-v2-table col:nth-child(3) { width: 4rem !important; }
  #cq-v2-dashboard[data-dashboard-id="standard_archive_projects_dashboard"] .cq-v2-table col:nth-child(4) { width: auto !important; }
  #cq-v2-dashboard[data-dashboard-id="standard_archive_projects_dashboard"] .cq-v2-table col:nth-child(5) { width: 8rem !important; }
  #cq-v2-dashboard[data-dashboard-id="standard_archive_projects_dashboard"] .cq-v2-table col:nth-child(6) { width: 9rem !important; }
  #cq-v2-dashboard[data-dashboard-id="standard_archive_projects_dashboard"] .cq-v2-table col:nth-child(7) { width: 11rem !important; }
  #cq-v2-dashboard[data-dashboard-id="standard_archive_projects_dashboard"] .cq-v2-table col:nth-child(8),
  #cq-v2-dashboard[data-dashboard-id="standard_archive_projects_dashboard"] .cq-v2-table col:nth-child(9) { width: 8rem !important; }
  #cq-v2-dashboard[data-dashboard-id="standard_archive_projects_dashboard"] .cq-v2-table col:nth-child(10) { width: 10rem !important; }
}

@media (min-width: 769px) and (max-width: 1199.98px) {
  #cq-v2-dashboard[data-dashboard-id="standard_archive_contracts_dashboard"] .cq-v2-table col:nth-child(4),
  #cq-v2-dashboard[data-dashboard-id="standard_archive_contracts_dashboard"] .cq-v2-table col:nth-child(10),
  #cq-v2-dashboard[data-dashboard-id="standard_archive_contracts_dashboard"] .cq-v2-table th:nth-child(4),
  #cq-v2-dashboard[data-dashboard-id="standard_archive_contracts_dashboard"] .cq-v2-table th:nth-child(10),
  #cq-v2-dashboard[data-dashboard-id="standard_archive_contracts_dashboard"] .cq-v2-table td:nth-child(4),
  #cq-v2-dashboard[data-dashboard-id="standard_archive_contracts_dashboard"] .cq-v2-table td:nth-child(10) {
    width: 0 !important;
    visibility: collapse;
  }
}

/* Search workspace: fixed action widths must not force a page-wide scrollbar. */
#cq-search-page,
#cq-search-page .cq-search-shell,
#cq-search-page .cq-search-form,
#cq-search-page .cq-search-topbar,
#cq-search-page .cq-search-filterbar,
#cq-search-page .cq-search-save-group {
  max-width: 100%;
  min-width: 0;
}

@media (min-width: 992px) and (max-width: 1599.98px) {
  #cq-search-page .cq-search-filterbar {
    grid-template-columns: minmax(12rem, 15.5rem) minmax(0, 1fr);
  }

  #cq-search-page .cq-search-save-group {
    display: grid;
    grid-template-columns: minmax(11rem, 1fr) auto auto;
  }

  #cq-search-page .cq-search-saved-select,
  #cq-search-page .cq-search-save-group #cq-search-save-btn,
  #cq-search-page .cq-search-save-group #cq-search-save-folder-btn {
    width: auto;
    min-width: 0;
    flex-basis: auto;
  }
}

[data-bs-theme="dark"] .resizer:hover,
[data-theme="dark"] .resizer:hover {
  background: rgba(var(--bs-primary-rgb), .12);
  border-color: rgba(var(--bs-primary-rgb), .28);
}

[data-bs-theme="dark"] .resizer.active,
[data-theme="dark"] .resizer.active {
  background: rgba(var(--bs-primary-rgb), .22);
  box-shadow: 0 0 0 2px rgba(var(--bs-primary-rgb), .18);
}

/* Mobile release safeguards.
   The shared detail view still selects its markup from the user agent. Keep a
   usable responsive fallback when a narrow browser is reported as desktop. */
@media (max-width: 799px) {
  html,
  body,
  .layout-wrapper,
  .layout-page,
  .content-wrapper,
  #main {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html,
  body {
    overflow-x: hidden !important;
  }

  #main {
    padding-inline: .75rem !important;
    padding-bottom: 1rem !important;
  }

  #detail_layer.cq-detail-layer {
    left: auto !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
  }

  body:not(.cq-detail-open) #detail_layer.cq-detail-layer:empty {
    display: none !important;
  }

  .layout-desktop {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    gap: .75rem !important;
    overflow: visible !important;
  }

  .layout-desktop > .layout-column,
  .layout-desktop > .column-form,
  .layout-desktop > .column-viewer {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .layout-desktop > .resizer,
  .layout-desktop > .column-feed {
    display: none !important;
  }

  .layout-desktop .column-form .card-body,
  .layout-desktop .column-viewer .card-body {
    max-height: none !important;
    overflow: visible !important;
  }

  .layout-desktop .column-viewer .viewer-wrapper {
    min-height: 0 !important;
    overflow: visible !important;
  }

  .content-footer.footer,
  footer.content-footer {
    position: static !important;
    width: 100% !important;
    margin-top: .75rem !important;
  }
}

@media (max-width: 768px) {
  #cq-v2-dashboard:is(
    [data-dashboard-id="standard_archive_projects_dashboard"],
    [data-dashboard-id="standard_archive_contracts_dashboard"]
  ) .cq-v2-search {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  #cq-v2-dashboard:is(
    [data-dashboard-id="standard_archive_projects_dashboard"],
    [data-dashboard-id="standard_archive_contracts_dashboard"]
  ) .cq-v2-filter-chip {
    grid-column: 1 / -1;
  }

  #cq-v2-dashboard:is(
    [data-dashboard-id="standard_archive_projects_dashboard"],
    [data-dashboard-id="standard_archive_contracts_dashboard"]
  ) .cq-v2-filter-input {
    width: 100%;
    min-width: 0;
    max-width: none;
  }

  #cq-v2-dashboard:is(
    [data-dashboard-id="standard_archive_projects_dashboard"],
    [data-dashboard-id="standard_archive_contracts_dashboard"]
  ) .cq-v2-search > .btn {
    justify-self: end;
  }

  #cq-v2-dashboard[data-dashboard-id="standard_archive_projects_dashboard"] .cq-v2-table tbody {
    gap: .45rem;
    padding: .45rem;
  }

  #cq-v2-dashboard[data-dashboard-id="standard_archive_projects_dashboard"] .cq-v2-table tbody tr {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: .75rem;
    row-gap: 0;
    padding: 2.45rem .7rem .55rem;
  }

  #cq-v2-dashboard[data-dashboard-id="standard_archive_projects_dashboard"] .cq-v2-table td:not(.cq-v2-cell-check):not(.cq-v2-cell-actions) {
    display: block;
    min-width: 0;
    padding: .38rem 0;
  }

  #cq-v2-dashboard[data-dashboard-id="standard_archive_projects_dashboard"] .cq-v2-table td:not(.cq-v2-cell-check):not(.cq-v2-cell-actions)::before {
    display: block;
    margin-bottom: .14rem;
    line-height: 1.15;
  }

  #cq-v2-dashboard[data-dashboard-id="standard_archive_projects_dashboard"] .cq-v2-table td:nth-child(3),
  #cq-v2-dashboard[data-dashboard-id="standard_archive_projects_dashboard"] .cq-v2-table td:nth-child(5),
  #cq-v2-dashboard[data-dashboard-id="standard_archive_projects_dashboard"] .cq-v2-table td:nth-child(10) {
    display: none !important;
  }

  #cq-v2-dashboard[data-dashboard-id="standard_archive_projects_dashboard"] .cq-v2-table td:nth-child(4) {
    grid-column: 1 / -1;
    padding: .1rem 0 .5rem;
  }

  #cq-v2-dashboard[data-dashboard-id="standard_archive_projects_dashboard"] .cq-v2-table td:nth-child(4)::before {
    display: none;
  }

  #cq-v2-dashboard[data-dashboard-id="standard_archive_projects_dashboard"] .cq-v2-table td:nth-child(6) .badge {
    width: auto;
    max-width: 100%;
  }

  #cq-v2-dashboard[data-dashboard-id="standard_archive_contracts_dashboard"] .cq-v2-table tbody {
    gap: .45rem;
    padding: .45rem;
  }

  #cq-v2-dashboard[data-dashboard-id="standard_archive_contracts_dashboard"] .cq-v2-table tbody tr {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: .75rem;
    row-gap: 0;
    padding: 2.45rem .7rem .55rem;
  }

  #cq-v2-dashboard[data-dashboard-id="standard_archive_contracts_dashboard"] .cq-v2-table td:not(.cq-v2-cell-check):not(.cq-v2-cell-actions) {
    display: block;
    min-width: 0;
    padding: .38rem 0;
  }

  #cq-v2-dashboard[data-dashboard-id="standard_archive_contracts_dashboard"] .cq-v2-table td:not(.cq-v2-cell-check):not(.cq-v2-cell-actions)::before {
    display: block;
    margin-bottom: .14rem;
    line-height: 1.15;
  }

  #cq-v2-dashboard[data-dashboard-id="standard_archive_contracts_dashboard"] .cq-v2-table td:nth-child(3) {
    grid-column: 1 / -1;
    padding: .1rem 0 .5rem;
  }

  #cq-v2-dashboard[data-dashboard-id="standard_archive_contracts_dashboard"] .cq-v2-table td:nth-child(3)::before {
    display: none;
  }

  #cq-v2-dashboard[data-dashboard-id="standard_archive_contracts_dashboard"] .cq-v2-table td:nth-child(10),
  #cq-v2-dashboard[data-dashboard-id="standard_archive_contracts_dashboard"] .cq-v2-table td:has(.cq-v2-empty-value) {
    display: none !important;
  }

  #cq-v2-dashboard[data-dashboard-id="standard_archive_contracts_dashboard"] .cq-v2-table td .badge {
    width: auto;
    max-width: 100%;
  }
}

.photo-thumb-vx:hover,
.photo-thumb-vx:focus-visible,
.vx-folder-card:hover {
  box-shadow: 0 12px 44px rgba(var(--bs-primary-rgb), .33), 0 2px 15px rgba(0, 0, 0, .07);
}

.vx-folder-gradient {
  background: linear-gradient(
    182deg,
    rgba(var(--bs-primary-rgb), .07) 3%,
    rgba(var(--bs-primary-rgb), .20) 37%,
    rgba(var(--bs-primary-rgb), .69) 82%,
    rgba(var(--bs-primary-rgb), .98) 97%
  );
}

.vx-photo-viewer-btn.active,
.vx-photo-viewer-btn:hover,
.vx-photo-viewer-close:hover {
  color: #ffffff;
  background: var(--cq-primary);
}