/* Chronos Brand Layer (safe token-based overrides on top of Vuexy) */
  @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Source+Sans+3:wght@400;500;600;700&display=swap');

  :root {
    --cq-palace-brown: #7a321f;
    --cq-palace-brown-dark: #572315;
    --cq-palace-brown-soft: rgba(122, 50, 31, .10);
    --cq-palace-ivory: #fbf8f2;
    --cq-palace-ivory-2: #f6f1e7;
    --cq-brand-bg: #f7f4ee;
    --cq-brand-surface: #ffffff;
    --cq-brand-surface-soft: var(--cq-palace-ivory);
    --cq-brand-surface-muted: #f4efe6;
    --cq-brand-text: #342b25;
    --cq-brand-muted: #756b61;
    --cq-brand-accent: #b9955b;
    --cq-brand-accent-dark: #a6844f;
    --cq-brand-accent-2: var(--cq-palace-brown);
    --cq-brand-accent-soft: rgba(185, 149, 91, .18);
    --cq-brand-border: rgba(122, 50, 31, .16);
    --cq-brand-shadow: 0 10px 30px rgba(43, 34, 23, .08);
    --cq-brand-shadow-soft: 0 5px 16px rgba(43, 34, 23, .05);
    --cq-brand-radius: 14px;
    --cq-brand-nav-bg: #f6f1e7;
    --cq-brand-nav-bg-rgb: 246, 241, 231;
    --cq-brand-nav-surface: #fffefa;
    --cq-brand-nav-text: #634534;
    --cq-brand-nav-text-muted: rgba(99, 69, 52, .58);
    --cq-brand-nav-text-active: #7a321f;
    --cq-brand-nav-active-bg: rgba(122, 50, 31, .08);
    --cq-brand-list-marker: var(--cq-palace-brown);
    --cq-primary: var(--cq-palace-brown);
    --cq-primary-rgb: 122, 50, 31;
    --bs-primary: var(--cq-palace-brown);
    --bs-primary-rgb: 122, 50, 31;
    --bs-link-color: var(--cq-palace-brown);
    --bs-link-color-rgb: 122, 50, 31;
    --bs-link-hover-color: var(--cq-palace-brown-dark);
    --bs-link-hover-color-rgb: 87, 35, 21;
  }


  body,
  .light-style,
  .layout-wrapper,
  .layout-page,
  [data-bs-theme=light] {
    --cq-primary: var(--cq-palace-brown) !important;
    --cq-primary-rgb: 122, 50, 31 !important;
    --bs-primary: var(--cq-palace-brown) !important;
    --bs-primary-rgb: 122, 50, 31 !important;
    --bs-link-color: var(--cq-palace-brown) !important;
    --bs-link-color-rgb: 122, 50, 31 !important;
    --bs-link-hover-color: var(--cq-palace-brown-dark) !important;
    --bs-link-hover-color-rgb: 87, 35, 21 !important;
  }

  body {
    font-family: "Source Sans 3", "Public Sans", sans-serif;
    color: var(--cq-brand-text);
    background:
      radial-gradient(1200px 420px at 92% -120px, rgba(116, 51, 31, .06), transparent 60%),
      radial-gradient(900px 340px at -8% 120%, rgba(185, 149, 91, .09), transparent 60%),
      linear-gradient(180deg, #fbfaf7 0%, var(--cq-brand-bg) 100%);
  }

  h1, h2, h3, h4, h5, h6,
  .menu-header-text,
  .app-brand-text {
    font-family: "Cormorant Garamond", Georgia, serif;
    letter-spacing: .012em;
    color: var(--cq-palace-brown);
  }

  .layout-navbar,
  .navbar,
  .bg-navbar-theme {
    background: linear-gradient(180deg, #fff 0%, var(--cq-palace-ivory) 100%) !important;
    border-bottom: 1px solid var(--cq-brand-border);
    box-shadow: 0 3px 16px rgba(32, 27, 20, .07);
  }

  .card,
  .fieldset,
  .box,
  .box-content,
  .white-bg {
    background: var(--cq-brand-surface) !important;
    border: 1px solid var(--cq-brand-border) !important;
    border-radius: var(--cq-brand-radius) !important;
    box-shadow: var(--cq-brand-shadow);
  }

  .box .box-header,
  .card-header {
    border-bottom-color: var(--cq-brand-border) !important;
    background: linear-gradient(180deg, #fff 0%, var(--cq-palace-ivory) 100%);
  }

  .card.card-kanban,
  .cq-dashboard-toolbar.card {
    position: relative;
    overflow: hidden;
  }

  .card.card-kanban::before,
  .cq-dashboard-toolbar.card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, rgba(116, 51, 31, .65) 18%, rgba(185, 149, 91, .75) 50%, rgba(116, 51, 31, .65) 82%, transparent 100%);
    pointer-events: none;
  }

  /* Box typography follows Vuexy defaults. */

  /* Actual portal_new box header markup (include_box_header.html) */




  .card.card-kanban.cq-layout-text-only,
  .card.card-kanban.cq-layout-info-plain {
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .card.card-kanban.cq-layout-text-only::before,
  .card.card-kanban.cq-layout-info-plain::before,
  .card.card-kanban.cq-layout-text-only > .card-header::after,
  .card.card-kanban.cq-layout-info-plain > .card-header::after {
    content: none !important;
  }

  .card.card-kanban.cq-layout-text-only > .card-body,
  .card.card-kanban.cq-layout-info-plain > .card-body {
    padding: 0 !important;
    background: transparent !important;
  }

  .card.card-kanban > .card-header > button > .d-flex > span,
  .card.card-kanban > .card-header .btn.flex-grow-1 span {
    letter-spacing: .018em !important;
    color: var(--cq-palace-brown) !important;
    line-height: 1.2 !important;
  }

  .card.card-kanban > .card-header .rotate-icon,
  .card.card-kanban > .card-header .btn-card-close i,
  .card.card-kanban > .card-header .btn-card-edit i,
  .card.card-kanban > .card-header .btn-card-delete i {
    color: var(--cq-brand-accent) !important;
  }

  .card.card-kanban > .card-header .btn-card-config i {
    color: var(--cq-palace-brown) !important;
    transition: color .18s ease, transform .18s ease;
  }
  .card.card-kanban > .card-header .btn-card-collapse .rotate-icon {
    transition: transform .18s ease;
  }
  .card.card-kanban > .card-header .btn-card-collapse .rotate-icon.is-collapsed {
    transform: rotate(-90deg);
  }

  .card.card-kanban > .card-header .cq-card-move-indicator {
    color: #a89677 !important;
    opacity: .78;
  }

  .card.card-kanban:hover > .card-header .cq-card-move-indicator {
    color: #8f6a2f !important;
    opacity: .95;
  }

  /* Config controls stay discoverable in the Badrutt's layout. */
  [data-cq-page-config-btn="1"] {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  .card.card-kanban > .card-header .btn-card-config,
  .card.card-kanban > .cq-card-config-floating {
    transition: opacity .16s ease, visibility .16s ease, transform .16s ease;
  }

  .card.card-kanban > .card-header .btn-card-config:hover i {
    color: #b4863e !important;
    transform: rotate(15deg);
  }

  .btn.cq-btn-reset-brand {
    background: linear-gradient(145deg, #c7a164 0%, #ad8548 100%) !important;
    border: 1px solid rgba(116, 51, 31, .22) !important;
    color: #fff !important;
    box-shadow: 0 6px 12px rgba(135, 100, 46, .16) !important;
  }

  .btn.cq-btn-reset-brand:hover,
  .btn.cq-btn-reset-brand:focus {
    filter: brightness(1.03);
    color: #fff !important;
  }

  /* startseite.html dashboard layout */
  .cq-dashboard-shell {
    display: grid;
    gap: 1rem;
  }

  .cq-dashboard-toolbar.card {
    border-radius: 14px;
    border-color: rgba(143, 106, 47, .18);
    box-shadow: 0 8px 20px rgba(65, 47, 22, .06);
  }

  .cq-dashboard-toolbar .card-body {
    padding: .85rem 1rem;
  }

  .cq-dashboard-title {
    margin: 0;
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 1.15;
    color: var(--cq-palace-brown);
    font-family: "Cormorant Garamond", Georgia, serif;
    letter-spacing: .018em;
  }

  .cq-dashboard-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .45rem;
    flex-wrap: wrap;
  }

  .cq-dashboard-actions .btn {
    min-height: 34px;
    border-radius: .55rem;
  }

  .cq-dashboard-actions .cq-new-page-btn {
    width: 0;
    min-width: 0;
    margin-right: -.45rem;
    padding-inline: 0;
    border: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: #8f6a2f;
    background: rgba(143, 106, 47, .08);
    box-shadow: none;
    transition: width .16s ease, min-width .16s ease, margin .16s ease, padding .16s ease, opacity .16s ease, background-color .16s ease;
  }

  .cq-dashboard-toolbar:hover .cq-dashboard-actions .cq-new-page-btn,
  .cq-dashboard-toolbar:focus-within .cq-dashboard-actions .cq-new-page-btn {
    width: 34px;
    min-width: 34px;
    margin-right: 0;
    padding-inline: .45rem;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .cq-dashboard-actions .cq-new-page-btn:hover,
  .cq-dashboard-actions .cq-new-page-btn:focus {
    color: #6f4f1d;
    background: rgba(143, 106, 47, .16);
    box-shadow: 0 8px 18px rgba(65, 47, 22, .08);
  }

  .cq-dashboard-actions .cq-new-page-btn .icon-base {
    font-size: 1.15rem;
  }

  #portal-dashboard .kanban-cards {
    display: flex;
    flex-direction: column;
    gap: .9rem;
    min-width: 0;
    width: 100%;
  }

  #portal-dashboard .kanban-zone {
    position: relative;
    border-radius: 14px;
    border: 1px solid transparent;
    background: transparent;
    padding: .65rem;
  }

  body:not(.cq-page-config-open) #portal-dashboard .kanban-zone {
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #portal-dashboard .kanban-zone .cq-zone-add-btn {
    position: absolute;
    top: .5rem;
    right: .5rem;
    width: 1.7rem;
    height: 1.7rem;
    min-width: 1.7rem;
    min-height: 1.7rem;
    padding: 0;
    border-radius: 999px;
    border: 1px solid rgba(143, 106, 47, .26);
    background: rgba(247, 241, 226, .96);
    color: #7b5d31;
    box-shadow: 0 1px 6px rgba(77, 60, 31, .1);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .16s ease, visibility .16s ease, transform .16s ease, box-shadow .16s ease, border-color .16s ease;
    transform: translateY(-2px);
    z-index: 8;
  }

  /* Outside edit mode: empty zones must not reserve grid rows or columns. */
  body:not(.cq-page-config-open) #portal-dashboard .kanban-zone.cq-zone-empty,
  body:not(.cq-page-config-open) #portal-dashboard .kanban-cards.cq-zone-column-empty {
    display: none !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  #portal-dashboard .kanban-zone .cq-zone-add-btn i {
    display: none;
  }

  #portal-dashboard .kanban-zone .cq-zone-add-btn::before {
    content: '+';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1;
  }

  #portal-dashboard .kanban-zone .cq-zone-add-btn:hover,
  #portal-dashboard .kanban-zone .cq-zone-add-btn:focus {
    background: #f1e7d3;
    border-color: rgba(143, 106, 47, .46);
    color: #6a4f29;
    box-shadow: 0 4px 11px rgba(77, 60, 31, .16);
    transform: translateY(0);
  }

  /* Edit mode: reveal page zones clearly as editable drop regions. */
  body.cq-page-config-open #portal-dashboard .kanban-zone {
    position: relative;
    display: block !important;
    border: 1px dashed rgba(143, 106, 47, .42) !important;
    border-radius: 10px;
    background: rgba(223, 209, 176, .22) !important;
    padding: .8rem .7rem .7rem .7rem;
    margin-bottom: .85rem;
    pointer-events: auto;
  }

  body.cq-page-config-open #portal-dashboard .kanban-zone[data-zone-label]::before {
    content: "Zone " attr(data-zone-label);
    position: absolute;
    top: -10px;
    left: 10px;
    font-size: .66rem;
    font-weight: 600;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #7b5d31;
    background: #f3ebd7;
    border: 1px solid rgba(143, 106, 47, .3);
    border-radius: 999px;
    padding: .06rem .42rem;
  }

  body.cq-page-config-open #portal-dashboard .kanban-zone.cq-zone-empty {
    display: block !important;
    min-height: 3.8rem;
  }

  body.cq-page-config-open #portal-dashboard .kanban-zone .cq-zone-add-btn,
  body.cq-page-config-open #portal-dashboard .kanban-zone:hover .cq-zone-add-btn,
  body.cq-page-config-open #portal-dashboard .kanban-zone:focus-within .cq-zone-add-btn {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }

  /* Keep zone controls strictly edit-mode only. */
  body:not(.cq-page-config-open) #portal-dashboard .kanban-zone .cq-zone-add-btn {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  @media (max-width: 991.98px) {
    .cq-dashboard-toolbar .card-body { padding: .7rem .8rem; }
    .cq-dashboard-title { font-size: 1.25rem; }
  }

  /* Keep tiny cards usable while editing box configuration */
  .cq-box-flip.is-flipped {
    min-height: 450px;
  }
  .cq-box-flip.is-flipped .cq-box-flip-inner {
    min-height: 450px;
  }
  .cq-box-flip.is-flipped .cq-box-flip-back {
    min-height: 450px;
    overflow: auto;
  }

  .box .box-content,
  .box p,
  .card p,
  .table td,
  .table th {
    font-family: "Source Sans 3", "Public Sans", sans-serif;
  }

  .box p,
  .box .text-muted,
  .card .text-muted {
    color: #7a7165 !important;
  }

  .box ul li,
  .box ol li {
    margin-bottom: .14rem;
    color: #5f564b;
  }

  .cq-box-webcontent.ql-editor {
    padding: 0;
    line-height: 1.45;
  }

  .cq-box-webcontent.ql-editor ol,
  .cq-box-webcontent.ql-editor ul {
    margin: 1.15rem 0 .65rem 1.35rem;
    padding-left: .95rem;
  }

  .cq-box-webcontent.ql-editor li {
    padding-left: 0 !important;
    color: #7f432f;
  }

  .cq-box-webcontent.ql-editor ol > li[data-list="bullet"] {
    list-style-type: none;
  }

  .cq-box-webcontent.ql-editor ol > li[data-list="bullet"]::before {
    color: var(--bs-primary) !important;
    content: "\25AA";
    display: inline-block;
    margin-left: -1.05rem !important;
    margin-right: .38rem !important;
    text-align: center;
    width: .38rem !important;
  }

  .cq-box-webcontent.ql-editor ol > li[data-list="ordered"] {
    list-style-type: none;
  }

  .cq-box-webcontent.ql-editor img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
  }

  .box .avatar,
  .card .avatar {
    border-radius: 10px;
  }

  .btn-primary,
  .cq-btn-primary {
    --bs-btn-bg: var(--cq-brand-accent);
    --bs-btn-border-color: var(--cq-brand-accent);
    --bs-btn-hover-bg: #ab8449;
    --bs-btn-hover-border-color: #ab8449;
    --bs-btn-active-bg: #98733c;
    --bs-btn-active-border-color: #98733c;
    --bs-btn-color: #fff;
    box-shadow: 0 8px 14px rgba(171, 132, 73, .24);
  }

  .btn-outline-primary {
    --bs-btn-color: var(--cq-palace-brown);
    --bs-btn-border-color: var(--cq-palace-brown);
    --bs-btn-hover-bg: var(--cq-palace-brown);
    --bs-btn-hover-border-color: var(--cq-palace-brown);
    --bs-btn-active-bg: var(--cq-palace-brown-dark);
    --bs-btn-active-border-color: var(--cq-palace-brown-dark);
    --bs-btn-disabled-color: var(--cq-palace-brown);
    --bs-btn-disabled-border-color: var(--cq-palace-brown);
  }

  .btn-label-primary {
    color: var(--cq-palace-brown) !important;
    background: rgba(122, 50, 31, .10) !important;
    border-color: rgba(122, 50, 31, .14) !important;
  }

  .btn-label-primary:hover,
  .btn-label-primary:focus {
    color: var(--cq-palace-brown-dark) !important;
    background: rgba(122, 50, 31, .16) !important;
    border-color: rgba(122, 50, 31, .24) !important;
  }

  .bg-label-primary {
    color: var(--cq-palace-brown) !important;
    background-color: rgba(122, 50, 31, .10) !important;
  }

  .text-primary {
    color: var(--cq-palace-brown) !important;
  }

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

  .nav-tabs .nav-link {
    color: var(--cq-brand-text);
  }

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

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

  ul:not(.nav):not(.dropdown-menu):not(.menu-inner) > li::marker,
  ol:not(.nav):not(.dropdown-menu):not(.menu-inner) > li::marker {
    color: var(--bs-primary) !important;
  }

  .btn-outline-secondary,
  .btn-label-secondary {
    border-color: var(--cq-brand-border) !important;
    color: var(--cq-brand-muted) !important;
    background: var(--cq-brand-surface-soft) !important;
  }

  a {
    color: var(--cq-brand-accent-2);
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
  }

  a:hover {
    color: var(--cq-palace-brown-dark);
  }

  .form-control,
  .form-select,
  .select2-selection,
  textarea {
    border-color: var(--cq-brand-border) !important;
    background: #fff !important;
    color: var(--cq-brand-text) !important;
    border-radius: .375rem !important;
  }

  .form-control:focus,
  .form-select:focus,
  textarea:focus {
    border-color: rgba(195, 162, 104, .65) !important;
    box-shadow: 0 0 0 .16rem var(--cq-brand-accent-soft) !important;
  }

  .dataTables_wrapper .dataTables_filter input,
  .dt-search input {
    border-color: var(--cq-brand-border) !important;
    border-radius: .375rem !important;
  }

  .table thead th {
    color: var(--cq-palace-brown) !important;
    font-weight: 600;
    letter-spacing: .045em;
    text-transform: uppercase;
    font-size: .68rem;
  }

  .table tbody tr:hover {
    background: rgba(195, 162, 104, .06) !important;
  }

  .layout-page .content-wrapper,
  .layout-page .content-body,
  #main {
    padding-top: .4rem;
  }

  .navbar .navbar-nav-right .nav-item .nav-link,
  .layout-navbar .nav-link {
    border-radius: 9px;
    transition: background .16s ease, color .16s ease;
  }

  .navbar .navbar-nav-right .nav-item .nav-link:hover,
  .layout-navbar .nav-link:hover {
    background: var(--cq-brand-accent-soft);
    color: #5f4726 !important;
  }

  .search-input,
  .navbar-detached .search-input,
  .navbar .form-control {
    background: linear-gradient(180deg, #fff 0%, #fdfbf7 100%) !important;
    border: 1px solid var(--cq-brand-border) !important;
    box-shadow: var(--cq-brand-shadow-soft);
  }

  /* Global Badrutt's layout refinement for all portal pages */
  .layout-wrapper,
  .layout-page,
  .content-wrapper {
    background:
      linear-gradient(180deg, rgba(255, 253, 248, .92) 0%, rgba(247, 244, 238, .96) 46%, rgba(244, 239, 229, .98) 100%) !important;
  }

  .layout-page {
    min-height: 100vh;
  }

  .content-wrapper {
    padding-inline: 1.25rem;
  }

  .layout-navbar.navbar-detached,
  .navbar-detached {
    margin: 1rem 1.25rem 0 1.25rem !important;
    border: 1px solid rgba(116, 51, 31, .10) !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, .92) !important;
    box-shadow: 0 10px 28px rgba(48, 37, 25, .08) !important;
    backdrop-filter: saturate(1.1) blur(8px);
  }

  .content-wrapper > .container-xxl,
  .content-wrapper > .container-fluid,
  #main {
    max-width: none !important;
  }

  #main {
    padding: 1.1rem 0 1.6rem 0;
  }

  .cq-dashboard-shell {
    gap: 1.25rem;
  }

  .cq-dashboard-toolbar.card {
    border: 1px solid rgba(116, 51, 31, .12) !important;
    border-top-color: rgba(116, 51, 31, .38) !important;
    border-radius: 10px !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(253, 250, 244, .96) 100%) !important;
    box-shadow: 0 14px 34px rgba(42, 31, 20, .07) !important;
  }

  .cq-dashboard-toolbar.card::before {
    height: 1px;
    background: linear-gradient(90deg, rgba(116, 51, 31, .58), rgba(185, 149, 91, .62), rgba(116, 51, 31, .18));
  }

  .cq-dashboard-toolbar .card-body {
    padding: 1rem 1.15rem;
  }

  .cq-dashboard-title {
    font-size: 1.85rem;
    color: var(--cq-palace-brown);
  }

  .card.card-kanban,
  .card:not(.cq-dashboard-toolbar):not(.cq-page-config-card) {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(116, 51, 31, .12) !important;
    border-top-color: rgba(116, 51, 31, .32) !important;
    border-radius: 10px !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(253, 251, 247, .96) 100%) !important;
    box-shadow: 0 12px 30px rgba(42, 31, 20, .065) !important;
  }

  .card.card-kanban::before,
  .card:not(.cq-dashboard-toolbar):not(.cq-page-config-card)::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(116, 51, 31, .44), rgba(185, 149, 91, .58), rgba(116, 51, 31, .08));
    pointer-events: none;
  }

  .card.card-kanban > .card-header,
  .card:not(.cq-dashboard-toolbar):not(.cq-page-config-card) > .card-header {
    position: relative;
    min-height: 2.55rem;
    padding: .62rem .95rem .5rem .95rem;
    border-bottom: 0 !important;
    background: transparent !important;
  }

  .card.card-kanban > .card-header::after,
  .card:not(.cq-dashboard-toolbar):not(.cq-page-config-card) > .card-header::after {
    content: "";
    position: absolute;
    left: 1rem;
    right: 1rem;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(116, 51, 31, .13), transparent);
  }

  .card.card-kanban > .card-body,
  .card:not(.cq-dashboard-toolbar):not(.cq-page-config-card) > .card-body {
    padding: .82rem .95rem .95rem .95rem;
  }

  .card.card-kanban > .card-header .cq-card-title-link {
    display: inline-flex;
    align-items: center;
    gap: .34rem;
    text-decoration: none !important;
    color: inherit !important;
  }

  .card.card-kanban > .card-header .cq-card-title-link-icon {
    width: .82rem;
    height: .82rem;
    color: var(--cq-palace-gold-dark) !important;
    opacity: .58;
    transform: translateY(.03rem);
    transition: opacity .16s ease, transform .16s ease;
  }

  .card.card-kanban > .card-header .cq-card-title-link:hover,
  .card.card-kanban > .card-header .cq-card-title-link:focus {
    color: var(--cq-palace-gold-dark) !important;
  }

  .card.card-kanban > .card-header .cq-card-title-link:hover .cq-card-title-link-icon,
  .card.card-kanban > .card-header .cq-card-title-link:focus .cq-card-title-link-icon {
    opacity: .95;
    transform: translate(.08rem, .03rem);
  }

  .card.card-kanban.cq-layout-no-frame,
  .card-kanban.cq-layout-no-frame {
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .card.card-kanban.cq-layout-no-frame::before,
  .card-kanban.cq-layout-no-frame::before {
    content: none !important;
  }

  .card-kanban.cq-layout-title-background-soft > .card-header,
  .card-kanban.cq-layout-title-background-soft > .card-body {
    background: rgba(251, 248, 242, .68) !important;
  }

  #portal-dashboard .kanban-zone {
    padding: .35rem;
  }

  body:not(.cq-page-config-open) #portal-dashboard .kanban-zone {
    border-color: transparent !important;
    background: transparent !important;
  }

  body.cq-page-config-open #portal-dashboard .kanban-zone {
    border: 1px dashed rgba(143, 106, 47, .42) !important;
    border-radius: 10px;
    background: rgba(223, 209, 176, .22) !important;
  }

  body.cq-page-config-open #portal-dashboard .kanban-zone {
    border-color: rgba(122, 50, 31, .18) !important;
    background: rgba(255, 253, 248, .24) !important;
    box-shadow: none !important;
    padding-top: 1.95rem !important;
  }

  body.cq-page-config-open #portal-dashboard .kanban-zone[data-zone-label]::before {
    top: -.78rem;
    left: .65rem;
    border-color: rgba(122, 50, 31, .16);
    background: #fbf8f3;
    color: rgba(122, 50, 31, .68);
    font-size: .62rem;
    letter-spacing: .08em;
    box-shadow: none;
  }

  body.cq-page-config-open #portal-dashboard .kanban-zone .cq-zone-add-btn {
    top: .45rem;
    right: .55rem;
    width: 1.55rem;
    height: 1.55rem;
    min-width: 1.55rem;
    min-height: 1.55rem;
    border-color: rgba(122, 50, 31, .18);
    background: rgba(255, 253, 248, .86);
    color: rgba(122, 50, 31, .72);
    box-shadow: 0 4px 10px rgba(37, 26, 17, .06);
  }

  body.cq-page-config-open #portal-dashboard .kanban-zone .cq-zone-add-btn:hover,
  body.cq-page-config-open #portal-dashboard .kanban-zone .cq-zone-add-btn:focus {
    border-color: rgba(122, 50, 31, .35);
    background: #fffefa;
    color: var(--cq-palace-brown);
    box-shadow: 0 7px 14px rgba(37, 26, 17, .09);
  }

  body.cq-page-config-open #portal-dashboard .kanban-zone > .card-kanban:first-of-type {
    margin-top: 0 !important;
  }

  body.cq-page-config-open #portal-dashboard .kanban-zone > .card-kanban {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  h1, h2, h3, h4, h5, h6 {
    text-wrap: balance;
  }

  .table thead th,
  .badge,
  .btn {
    letter-spacing: .015em;
  }

  .btn {
    border-radius: 6px !important;
  }

  .btn-primary,
  .btn.cq-btn-reset-brand,
  .cq-dashboard-actions .btn-primary {
    background: #b9955b !important;
    border-color: #a88149 !important;
    box-shadow: 0 8px 18px rgba(93, 65, 29, .12) !important;
  }

  .table thead th {
    background: rgba(250, 246, 238, .78) !important;
    color: var(--cq-palace-brown) !important;
  }

  .cq-health-card {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .cq-health-card::before,
  .cq-health-divider,
  .cq-health-header {
    display: none !important;
  }

  .cq-health-card .cq-health-item {
    grid-template-columns: 32px minmax(0, 1fr);
    border: 1px solid rgba(122, 50, 31, .08) !important;
    border-radius: 10px !important;
    background: rgba(255, 253, 248, .84) !important;
    box-shadow: 0 6px 14px rgba(37, 26, 17, .03) !important;
    padding: .68rem .78rem !important;
  }

  .cq-health-card .cq-health-item + .cq-health-item {
    margin-top: .55rem !important;
  }

  .cq-health-card .cq-health-icon {
    background: rgba(76, 130, 89, .10) !important;
    border-color: rgba(76, 130, 89, .16) !important;
    color: #3f7d55 !important;
  }

  a {
    color: var(--cq-palace-brown);
  }
  @media (max-width: 767.98px) {
    .cq-dashboard-title {
      font-size: 1.62rem;
    }
    #main {
      padding-top: 1rem;
    }
  }

  /* Hide Vuexy floating customizer gear in portal_new (overlaps cards) */
  .template-customizer-open-btn,
  .layout-style-switcher,
  .customizer-toggle,
  [data-template="template-customizer"] {
    display: none !important;
  }

  @media (max-width: 1199.98px) {
    .card,
    .fieldset,
    .box,
    .box-content,
    .white-bg {
      border-radius: 12px !important;
    }
  }

  /* Centralized Box Styles (moved from box templates) */
  .cq-wow-tips { padding:0!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; }
  .cq-wow-tips > .d-flex.align-items-center.justify-content-between:first-child { display:none!important; }
  .cq-wow-tips .cq-wow-chip { background: rgba(177,136,67,.12); color: #87673a; letter-spacing: .06em; padding: .3rem .58rem; border-radius: 999px; }
  .cq-wow-tips .cq-wow-hero { border: 1px solid rgba(160,120,56,.14)!important; border-radius: 10px; padding: .68rem .78rem; margin-bottom: .52rem; background: rgba(255, 253, 248, .84)!important; box-shadow: 0 6px 14px rgba(37,26,17,.03)!important; }
  .cq-wow-tips .cq-wow-item { background: rgba(255, 253, 248, .84)!important; border: 1px solid rgba(122,50,31,.08)!important; border-radius: 10px; padding: .68rem .78rem; transition: transform .2s ease, box-shadow .2s ease; }
  .cq-wow-tips .cq-wow-item:hover { transform:translateY(-1px); box-shadow:0 10px 16px rgba(94,66,31,.10); }
  .cq-wow-tips .cq-wow-quote { width:30px; height:30px; border-radius:10px; display:inline-flex; align-items:center; justify-content:center; background:rgba(177,136,67,.14); color:#8a622e; }
  .cq-wow-tips .cq-wow-title { color: #544a3e; line-height: 1.34; letter-spacing: .002em; }
  .cq-wow-tips .cq-wow-sub { color: #857766; font-style: italic; }



  /* Home dashboard polish: make informational widgets feel editorial, not like form cards. */
  .cq-wow-tips {
    display: grid !important;
    gap: .65rem !important;
  }

  .cq-wow-tips .d-flex.flex-column {
    gap: .62rem !important;
  }

  .cq-wow-tips .cq-wow-hero,
  .cq-wow-tips .cq-wow-item {
    position: relative;
    display: grid !important;
    grid-template-columns: 2.15rem minmax(0, 1fr);
    gap: .75rem !important;
    align-items: start !important;
    padding: .78rem .9rem !important;
    border: 1px solid rgba(122, 50, 31, .10) !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, rgba(255, 254, 250, .96), rgba(251, 248, 241, .86)) !important;
    box-shadow: 0 .65rem 1.25rem rgba(43, 34, 23, .045) !important;
  }

  .cq-wow-tips .cq-wow-hero::before {
    content: "";
    position: absolute;
    inset: .55rem auto .55rem 0;
    width: 3px;
    border-radius: 999px;
    background: linear-gradient(180deg, #b9955b, #7a321f);
    opacity: .78;
  }

  .cq-wow-tips .cq-wow-quote {
    width: 2.15rem !important;
    height: 2.15rem !important;
    border-radius: 999px !important;
    background: rgba(185, 149, 91, .14) !important;
    color: #7a321f !important;
  }

  .cq-wow-tips .cq-wow-title {
    color: #3f372f !important;
    line-height: 1.28 !important;
  }

  .cq-wow-tips .cq-wow-sub {
    margin-top: .16rem;
    color: #806f60 !important;
    line-height: 1.35 !important;
  }

  .cq-events-agenda {
    gap: .55rem !important;
  }

  .cq-events-agenda-head {
    padding: .82rem .92rem !important;
    border: 1px solid rgba(122, 50, 31, .10) !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, rgba(255, 253, 248, .98), rgba(246, 241, 231, .88)) !important;
    box-shadow: 0 .8rem 1.6rem rgba(43, 34, 23, .045) !important;
  }

  .cq-events-agenda-icon,
  .cq-events-empty-icon {
    background: #7a321f !important;
    color: #fff !important;
    box-shadow: 0 .55rem 1rem rgba(122, 50, 31, .18) !important;
  }

  .cq-events-agenda-kicker {
    color: rgba(122, 50, 31, .48) !important;
  }

  .cq-events-agenda-title {
    color: #3f372f !important;
  }

  .cq-events-timeline {
    gap: .55rem !important;
    padding-left: .15rem !important;
  }

  .cq-events-timeline::before {
    left: 1.52rem !important;
    background: rgba(122, 50, 31, .12) !important;
  }

  .cq-events-row {
    border: 1px solid rgba(122, 50, 31, .10) !important;
    border-radius: 14px !important;
    background: rgba(255, 253, 248, .9) !important;
    box-shadow: 0 .55rem 1.1rem rgba(43, 34, 23, .035) !important;
  }

  .cq-events-row.is-featured {
    background: linear-gradient(135deg, rgba(255, 254, 250, .98), rgba(246, 241, 231, .9)) !important;
    border-color: rgba(122, 50, 31, .18) !important;
  }

  .cq-events-row-link {
    grid-template-columns: 3rem minmax(0, 1fr) !important;
    gap: .68rem !important;
    padding: .68rem .72rem !important;
  }

  .cq-events-date-tile {
    width: 2.75rem !important;
    height: 2.75rem !important;
    border-radius: 12px !important;
    background: rgba(122, 50, 31, .08) !important;
    border-color: rgba(122, 50, 31, .12) !important;
    color: #7a321f !important;
  }

  .cq-events-date-tile small {
    color: rgba(122, 50, 31, .68) !important;
  }

  .cq-events-row-title {
    color: #3f3a46 !important;
  }

  .cq-events-row-date,
  .cq-events-row-desc {
    color: #8d8794 !important;
  }

  .cq-health-card .cq-health-item {
    display: grid !important;
    grid-template-columns: 2.15rem minmax(0, 1fr) !important;
    gap: .75rem !important;
    align-items: start !important;
    border: 1px solid rgba(76, 130, 89, .12) !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, rgba(255, 254, 250, .96), rgba(248, 251, 247, .9)) !important;
    box-shadow: 0 .55rem 1.1rem rgba(57, 92, 63, .035) !important;
    padding: .74rem .86rem !important;
  }

  .cq-health-card .cq-health-icon {
    width: 2.15rem !important;
    height: 2.15rem !important;
    border-radius: 999px !important;
  }

  .cq-health-card .cq-health-title {
    color: #3f372f !important;
    line-height: 1.28 !important;
  }

  .cq-health-card .cq-health-text {
    margin-top: .16rem;
    color: #806f60 !important;
    line-height: 1.34 !important;
  }

  @media (max-width: 575.98px) {
    .cq-events-row-link { grid-template-columns: 3rem minmax(0, 1fr) !important; }
  }

  .cq-energy-wrap { padding:.85rem; border-radius:14px; border:1px solid rgba(165,125,60,.2); background:linear-gradient(150deg,#fcf8ef 0%,#f7efdf 100%); box-shadow:0 10px 22px rgba(96,68,31,.1); }
  .cq-energy-hero { border:1px solid rgba(160,120,56,.24); border-radius:12px; padding:.85rem .9rem; margin-bottom:.7rem; background:linear-gradient(90deg,rgba(255,248,231,.95) 0%,rgba(255,252,245,.88) 100%); }
  .cq-energy-chip { display:inline-flex; align-items:center; gap:.3rem; border-radius:999px; padding:.23rem .55rem; letter-spacing:.06em; text-transform:uppercase; color:#7b5828; background:rgba(177,136,67,.16); margin-bottom:.45rem; }
  .cq-energy-title { margin:0; color:#463a2b; line-height:1.26; }
  .cq-energy-sub { margin:.3rem 0 0 0; color:#7b6a54; line-height:1.42; }
  .cq-energy-list { display:grid; gap:.58rem; }
  .cq-energy-item { border:1px solid rgba(159,122,62,.16); border-radius:11px; padding:.72rem .8rem; background:linear-gradient(180deg,#fff 0%,#fdfaf3 100%); transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease; }
  .cq-energy-item:hover { transform:translateY(-1px); border-color:rgba(170,130,63,.34); box-shadow:0 9px 15px rgba(96,69,35,.09); }
  .cq-energy-langs { display:flex; flex-wrap:wrap; gap:.28rem; margin-top:.45rem; }
  .cq-energy-lang { border-radius:999px; padding:.15rem .45rem; letter-spacing:.05em; color:#725125; background:rgba(186,145,74,.15); }

  .cq-login-wrap { width:min(100%,420px); margin:0 auto; }
  .cq-login-main { padding:.15rem .2rem .2rem .2rem; }
  .cq-login-label { font-weight:600; color:#5c5246; margin-bottom:.2rem; font-size:.74rem; }
  .cq-login-input-wrap { position:relative; }
  .cq-login-input { border-radius:.5rem; border-color:var(--cq-brand-border,rgba(83,69,48,.14)); padding:.38rem .58rem; min-height:33px; font-size:.82rem; box-shadow:none; }
  .cq-login-input:focus { border-color:rgba(190,150,87,.65); box-shadow:0 0 0 .16rem var(--cq-brand-accent-soft,rgba(190,150,87,.18)); }
  .cq-login-pass-toggle { position:absolute; right:.45rem; top:50%; transform:translateY(-50%); border:0; background:transparent; color:#7c7569; padding:.2rem; line-height:1; }
  .cq-login-btn { border:0; border-radius:.56rem; min-height:34px; font-size:.84rem; font-weight:600; background:linear-gradient(145deg,#c79a50 0%,#b5853d 100%); box-shadow:0 4px 8px rgba(164,121,56,.14); transition:transform .12s ease,box-shadow .2s ease,filter .2s ease; }
  .cq-login-btn:hover { filter:brightness(1.03); transform:translateY(-1px); }
  .cq-login-divider { margin:.55rem 0; text-align:center; color:#8c8478; font-size:.72rem; position:relative; }
  .cq-login-divider::before, .cq-login-divider::after { content:""; position:absolute; top:50%; width:36%; height:1px; background:var(--cq-brand-border,rgba(83,69,48,.14)); }
  .cq-login-divider::before { left:0; }
  .cq-login-divider::after { right:0; }
  .cq-login-sso-btn { border:1px solid #b5853d; border-radius:.58rem; min-height:34px; font-size:.84rem; font-weight:600; color:#b5853d !important; background:transparent; box-shadow:none; transition:transform .12s ease,box-shadow .2s ease,filter .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease; }
  .cq-login-sso-btn:hover { color:#fff !important; background:linear-gradient(145deg,#c79a50 0%,#b5853d 100%); border-color:#b5853d; transform:translateY(-1px); box-shadow:0 5px 10px rgba(164,121,56,.15); }
  .cq-login-sso-btn:focus, .cq-login-sso-btn:active { color:#b5853d !important; border-color:#b5853d; box-shadow:0 0 0 .16rem rgba(190,150,87,.22); }
  .cq-login-alert { font-size:.82rem; border-radius:.62rem; }

  .cq-health-card { position:relative; background:linear-gradient(165deg,#f8faf8 0%,#eef5ef 100%); border:1px solid rgba(104,142,109,.26); border-radius:16px; box-shadow:0 10px 22px rgba(58,94,64,.08); padding:14px; overflow:hidden; }
  .cq-health-card::before { content:""; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,rgba(198,159,86,.9),rgba(var(--bs-primary-rgb),.72)); opacity:.95; }
  .cq-health-card .cq-health-header { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px; }
  .cq-health-avatar { background:rgba(var(--bs-primary-rgb),.10) !important; color:var(--bs-primary) !important; }
  .cq-health-card .cq-health-chip { background:rgba(var(--bs-primary-rgb),.10); color:var(--bs-primary); letter-spacing:.06em; padding:.3rem .58rem; border-radius:999px; text-transform:uppercase; border:1px solid rgba(var(--bs-primary-rgb),.18); }
  .cq-health-card .cq-health-item { background:#ffffff; border:1px solid rgba(101,138,108,.14); border-radius:12px; padding:.72rem .85rem; display:grid; grid-template-columns:34px minmax(0,1fr); column-gap:12px; align-items:start; transition:transform .18s ease, box-shadow .2s ease; }
  .cq-health-card .cq-health-item + .cq-health-item { margin-top:10px; }
  .cq-health-card .cq-health-item:hover { transform:translateY(-1px); box-shadow:0 8px 14px rgba(57,92,63,.09); }
  .cq-health-card .cq-health-icon { width:30px; height:30px; border-radius:10px; display:inline-flex; align-items:center; justify-content:center; background:rgba(var(--bs-primary-rgb),.10); color:var(--bs-primary); border:1px solid rgba(var(--bs-primary-rgb),.18); }
  .cq-health-card .cq-health-title { color:#544a3e; line-height:1.34; letter-spacing:.002em; margin-bottom:2px; }
  .cq-health-card .cq-health-text { color:#857766; line-height:1.46; font-style:italic; }
  .cq-health-card .cq-health-divider { height:1px; background:linear-gradient(90deg,rgba(101,138,108,0),rgba(101,138,108,.34),rgba(101,138,108,0)); margin:8px 0 12px; }
  @media (max-width:575.98px) {
    .cq-health-card { padding:12px; }
    .cq-health-card .cq-health-item { grid-template-columns:30px minmax(0,1fr); column-gap:10px; padding:.66rem .72rem; }
    .cq-health-card .cq-health-title { color:#544a3e; line-height:1.34; letter-spacing:.002em; margin-bottom:2px; }
    .cq-health-card .cq-health-text { color:#857766; line-height:1.46; font-style:italic; }
  }

  .cq-health-card {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .cq-health-card::before,
  .cq-health-divider,
  .cq-health-header {
    display: none !important;
  }

  .cq-health-card .cq-health-item {
    grid-template-columns: 32px minmax(0, 1fr);
    border: 1px solid rgba(122, 50, 31, .08) !important;
    border-radius: 10px !important;
    background: rgba(255, 253, 248, .84) !important;
    box-shadow: 0 6px 14px rgba(37, 26, 17, .03) !important;
    padding: .68rem .78rem !important;
  }

  .cq-health-card .cq-health-item + .cq-health-item {
    margin-top: .55rem !important;
  }

  .cq-health-card .cq-health-icon {
    background: rgba(76, 130, 89, .10) !important;
    border-color: rgba(76, 130, 89, .16) !important;
    color: #3f7d55 !important;
  }


  /* Final home widget overrides: keep later legacy rules from flattening the polish. */
  .cq-health-card .cq-health-item {
    display: grid !important;
    grid-template-columns: 2.15rem minmax(0, 1fr) !important;
    gap: .75rem !important;
    align-items: start !important;
    border: 1px solid rgba(76, 130, 89, .12) !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, rgba(255, 254, 250, .96), rgba(248, 251, 247, .9)) !important;
    box-shadow: 0 .55rem 1.1rem rgba(57, 92, 63, .035) !important;
    padding: .74rem .86rem !important;
  }

  .cq-health-card .cq-health-item + .cq-health-item {
    margin-top: .62rem !important;
  }

  .cq-health-card .cq-health-icon {
    width: 2.15rem !important;
    height: 2.15rem !important;
    border-radius: 999px !important;
    background: rgba(76, 130, 89, .10) !important;
    border-color: rgba(76, 130, 89, .16) !important;
    color: #3f7d55 !important;
  }

  .cq-health-card .cq-health-title {
    color: #3f372f !important;
    line-height: 1.28 !important;
  }

  .cq-health-card .cq-health-text {
    margin-top: .16rem !important;
    color: #806f60 !important;
    line-height: 1.34 !important;
  }

  .cq-box-config-title i,
  .cq-box-config-toolbar > button,
  .cq-box-config-toolbar button[aria-label="Close configuration"] {
    display: none !important;
  }




  /* Fixed Badrutt's sidebar. It deliberately does not follow the selected Vuexy primary color. */
  #layout-menu,
  #layout-menu.layout-menu,
  #layout-menu.menu-vertical,
  #layout-menu .menu-inner,
  #layout-menu .menu-inner-shadow,
  .layout-menu,
  .menu-vertical,
  .menu-vertical .menu-inner,
  .menu-vertical .menu-inner-shadow {
    background: var(--cq-brand-nav-bg) !important;
    background-color: var(--cq-brand-nav-bg) !important;
    box-shadow: 0.35rem 0 1.4rem rgba(84, 62, 33, .12) !important;
  }

  #layout-menu .app-brand,
  #layout-menu .app-brand.demo,
  .layout-menu .app-brand,
  .layout-menu .app-brand.demo {
    background: var(--cq-brand-nav-surface) !important;
    border-bottom: 1px solid rgba(122, 50, 31, .10) !important;
  }



  #layout-menu .app-brand,
  #layout-menu .app-brand.demo,
  .layout-menu .app-brand,
  .layout-menu .app-brand.demo {
    overflow: visible !important;
    gap: .55rem;
    padding-right: .9rem !important;
  }

  #layout-menu .app-brand-link,
  .layout-menu .app-brand-link {
    min-width: 0;
    flex: 1 1 auto;
  }

  #layout-menu .app-brand img,
  .layout-menu .app-brand img {
    max-width: 100%;
    height: auto;
  }

  #layout-menu .layout-menu-toggle,
  .layout-menu .layout-menu-toggle {
    position: static !important;
    flex: 0 0 1.65rem;
    width: 1.65rem !important;
    height: 1.65rem !important;
    min-width: 1.65rem !important;
    margin-left: .35rem !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transform: none !important;
    color: var(--cq-brand-nav-text-active) !important;
    background: rgba(122, 50, 31, .06) !important;
    border: 1px solid rgba(122, 50, 31, .20) !important;
    box-shadow: none !important;
  }

  #layout-menu .layout-menu-toggle:hover,
  .layout-menu .layout-menu-toggle:hover {
    color: var(--cq-brand-nav-text-active) !important;
    background: rgba(122, 50, 31, .10) !important;
  }

  #layout-menu .menu-link,
  #layout-menu .menu-text,
  #layout-menu .menu-icon,
  #layout-menu .menu-toggle::before,
  #layout-menu .menu-toggle::after,
  #layout-menu .cq-menu-toggle-btn,
  .menu-vertical .menu-link,
  .menu-vertical .menu-text,
  .menu-vertical .menu-icon,
  .menu-vertical .menu-toggle::before,
  .menu-vertical .menu-toggle::after {
    color: var(--cq-brand-nav-text) !important;
    border-color: rgba(122, 50, 31, .22) !important;
  }

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

  #layout-menu .menu-item.open > .menu-link,
  #layout-menu .menu-item.active > .menu-link,
  #layout-menu .menu-link:hover,
  .menu-vertical .menu-item.open > .menu-link,
  .menu-vertical .menu-item.active > .menu-link,
  .menu-vertical .menu-link:hover {
    background: var(--cq-brand-nav-active-bg) !important;
    background-color: var(--cq-brand-nav-active-bg) !important;
    color: var(--cq-brand-nav-text-active) !important;
    box-shadow: inset 2px 0 0 rgba(122, 50, 31, .58) !important;
  }

  #layout-menu .menu-item.active > .menu-link,
  .menu-vertical .menu-item.active > .menu-link {
    font-weight: 600 !important;
  }

  #layout-menu .menu-item.active > .menu-link .menu-icon,
  #layout-menu .menu-link:hover .menu-icon,
  .menu-vertical .menu-item.active > .menu-link .menu-icon,
  .menu-vertical .menu-link:hover .menu-icon {
    color: var(--cq-brand-nav-text-active) !important;
    opacity: 1 !important;
  }



  #layout-menu .cq-menu-toggle-btn .icon-base,
  .menu-vertical .cq-menu-toggle-btn .icon-base {
    color: var(--cq-brand-nav-text) !important;
  }

  #layout-menu .menu-item.open > .cq-menu-parent-row .cq-menu-toggle-btn .icon-base,
  #layout-menu .cq-menu-toggle-btn:hover .icon-base,
  .menu-vertical .menu-item.open > .cq-menu-parent-row .cq-menu-toggle-btn .icon-base,
  .menu-vertical .cq-menu-toggle-btn:hover .icon-base {
    color: var(--cq-brand-nav-text-active) !important;
  }



  body.semi-dark-layout #layout-menu,
  body.semi-dark-layout #layout-menu.layout-menu,
  body.semi-dark-layout #layout-menu.menu-vertical,
  body.semi-dark-layout #layout-menu .menu-inner,
  body.semi-dark-layout #layout-menu .menu-inner-shadow,
  html body #layout-menu,
  html body #layout-menu.layout-menu,
  html body #layout-menu.menu-vertical,
  html body #layout-menu .menu-inner,
  html body #layout-menu .menu-inner-shadow {
    background: var(--cq-brand-nav-bg) !important;
    background-color: var(--cq-brand-nav-bg) !important;
  }

  #layout-menu .ps__rail-y .ps__thumb-y,
  .layout-menu .ps__rail-y .ps__thumb-y,
  #layout-menu .cq-portal-navigation::-webkit-scrollbar-thumb {
    background-color: rgba(122, 50, 31, .24) !important;
  }


  /* Badrutt's brand markers stay fixed and do not follow the live Vuexy primary picker. */
  body ul:not(.nav):not(.dropdown-menu):not(.menu-inner) > li::marker,
  body ol:not(.nav):not(.dropdown-menu):not(.menu-inner) > li::marker,
  body .cq-box-webcontent.ql-editor ol > li[data-list="bullet"]::before {
    color: var(--cq-brand-list-marker) !important;
  }


  /* Webcontent application overview: use in a normal webcontent box with class cq-app-overview. */
  .cq-box-webcontent .cq-app-overview,
  .cq-box-webcontent ul.cq-app-overview,
  .cq-box-webcontent ol.cq-app-overview {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .58rem;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .cq-box-webcontent .cq-app-overview > li {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    color: inherit;
  }

  .cq-box-webcontent .cq-app-overview > li::before,
  .cq-box-webcontent .cq-app-overview > li::marker,
  .cq-box-webcontent.ql-editor .cq-app-overview > li[data-list="bullet"]::before,
  .cq-box-webcontent.ql-editor .cq-app-overview > li[data-list="ordered"]::before {
    display: none !important;
    content: none !important;
  }

  .cq-box-webcontent .cq-app-overview > a,
  .cq-box-webcontent .cq-app-overview > li > a,
  .cq-box-webcontent .cq-app-tile {
    display: grid;
    grid-template-columns: 2.35rem minmax(0, 1fr);
    align-items: center;
    gap: .7rem;
    min-height: 3.85rem;
    padding: .72rem .82rem;
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius-lg, .625rem);
    background: var(--bs-card-bg, var(--bs-body-bg));
    color: var(--bs-body-color) !important;
    text-decoration: none !important;
    box-shadow: var(--cq-brand-shadow-soft, 0 .35rem 1rem rgba(32, 27, 20, .05));
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease, background-color .16s ease;
  }

  .cq-box-webcontent .cq-app-overview > a:hover,
  .cq-box-webcontent .cq-app-overview > li > a:hover,
  .cq-box-webcontent .cq-app-tile:hover {
    border-color: rgba(var(--bs-primary-rgb), .28);
    background: rgba(var(--bs-primary-rgb), .035);
    box-shadow: 0 .55rem 1.25rem rgba(32, 27, 20, .08);
    transform: translateY(-1px);
  }

  .cq-box-webcontent .cq-app-icon {
    display: inline-flex;
    width: 2.35rem;
    height: 2.35rem;
    align-items: center;
    justify-content: center;
    border-radius: var(--bs-border-radius, .5rem);
    background: rgba(var(--bs-primary-rgb), .10);
    color: var(--bs-primary);
  }

  .cq-box-webcontent .cq-app-icon i,
  .cq-box-webcontent .cq-app-icon .ti {
    line-height: 1;
  }

  .cq-box-webcontent .cq-app-text {
    min-width: 0;
    display: grid;
    gap: .08rem;
  }

  .cq-box-webcontent .cq-app-title {
    display: block;
  }

  .cq-box-webcontent .cq-app-desc {
    display: block;
    color: var(--bs-secondary-color);
  }

  .cq-box-webcontent .cq-app-overview > a:not(:has(.cq-app-icon)),
  .cq-box-webcontent .cq-app-overview > li > a:not(:has(.cq-app-icon)) {
    grid-template-columns: minmax(0, 1fr);
  }

  @media (max-width: 575.98px) {
    .cq-box-webcontent .cq-app-overview,
    .cq-box-webcontent ul.cq-app-overview,
    .cq-box-webcontent ol.cq-app-overview {
      grid-template-columns: 1fr;
    }
  }



  /* App overview can also be set directly as box class on box_webcontent. Editors then only add normal links. */
  .cq-box-webcontent.cq-app-overview {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .58rem;
  }

  .cq-box-webcontent.cq-app-overview > p,
  .cq-box-webcontent.cq-app-overview > div,
  .cq-box-webcontent.cq-app-overview > h1,
  .cq-box-webcontent.cq-app-overview > h2,
  .cq-box-webcontent.cq-app-overview > h3,
  .cq-box-webcontent.cq-app-overview > h4,
  .cq-box-webcontent.cq-app-overview > h5,
  .cq-box-webcontent.cq-app-overview > h6 {
    margin: 0 !important;
  }

  .cq-box-webcontent.cq-app-overview > p:has(a),
  .cq-box-webcontent.cq-app-overview > div:has(a) {
    min-width: 0;
  }

  .cq-box-webcontent.cq-app-overview > a,
  .cq-box-webcontent.cq-app-overview > p > a,
  .cq-box-webcontent.cq-app-overview > div > a {
    display: grid;
    grid-template-columns: 2.2rem minmax(0, 1fr);
    align-items: center;
    gap: .68rem;
    min-height: 3.55rem;
    padding: .68rem .78rem;
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius-lg, .625rem);
    background: var(--bs-card-bg, var(--bs-body-bg));
    color: var(--bs-body-color) !important;
    text-decoration: none !important;
    box-shadow: var(--cq-brand-shadow-soft, 0 .35rem 1rem rgba(32, 27, 20, .05));
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease, background-color .16s ease;
  }

  .cq-box-webcontent.cq-app-overview > a::before,
  .cq-box-webcontent.cq-app-overview > p > a::before,
  .cq-box-webcontent.cq-app-overview > div > a::before {
    content: "\ea5f";
    font-family: "tabler-icons";
    display: inline-flex;
    width: 2.2rem;
    height: 2.2rem;
    align-items: center;
    justify-content: center;
    border-radius: var(--bs-border-radius, .5rem);
    background: rgba(var(--bs-primary-rgb), .10);
    color: var(--bs-primary);
    line-height: 1;
  }

  .cq-box-webcontent.cq-app-overview > a:hover,
  .cq-box-webcontent.cq-app-overview > p > a:hover,
  .cq-box-webcontent.cq-app-overview > div > a:hover {
    border-color: rgba(var(--bs-primary-rgb), .28);
    background: rgba(var(--bs-primary-rgb), .035);
    box-shadow: 0 .55rem 1.25rem rgba(32, 27, 20, .08);
    transform: translateY(-1px);
  }




  /* Application tiles get deterministic accent colors. Editors only add links; color can be automatic or class-driven. */
  .cq-box-webcontent .cq-app-overview > li,
  .cq-box-webcontent .cq-app-overview > a,
  .cq-box-webcontent.cq-app-overview > a,
  .cq-box-webcontent.cq-app-overview > p,
  .cq-box-webcontent.cq-app-overview > div {
    --cq-app-rgb: var(--bs-primary-rgb);
    --cq-app-color: rgb(var(--cq-app-rgb));
  }

  .cq-box-webcontent .cq-app-overview > li:nth-child(4n + 1),
  .cq-box-webcontent .cq-app-overview > a:nth-child(4n + 1),
  .cq-box-webcontent.cq-app-overview > :nth-child(4n + 1) { --cq-app-rgb: 122, 50, 31; }
  .cq-box-webcontent .cq-app-overview > li:nth-child(4n + 2),
  .cq-box-webcontent .cq-app-overview > a:nth-child(4n + 2),
  .cq-box-webcontent.cq-app-overview > :nth-child(4n + 2) { --cq-app-rgb: 176, 138, 76; }
  .cq-box-webcontent .cq-app-overview > li:nth-child(4n + 3),
  .cq-box-webcontent .cq-app-overview > a:nth-child(4n + 3),
  .cq-box-webcontent.cq-app-overview > :nth-child(4n + 3) { --cq-app-rgb: 78, 151, 151; }
  .cq-box-webcontent .cq-app-overview > li:nth-child(4n),
  .cq-box-webcontent .cq-app-overview > a:nth-child(4n),
  .cq-box-webcontent.cq-app-overview > :nth-child(4n) { --cq-app-rgb: 83, 82, 104; }

  .cq-box-webcontent .app-brown,
  .cq-box-webcontent .cq-app-brown { --cq-app-rgb: 122, 50, 31 !important; }
  .cq-box-webcontent .app-gold,
  .cq-box-webcontent .cq-app-gold { --cq-app-rgb: 176, 138, 76 !important; }
  .cq-box-webcontent .app-teal,
  .cq-box-webcontent .cq-app-teal { --cq-app-rgb: 78, 151, 151 !important; }
  .cq-box-webcontent .app-slate,
  .cq-box-webcontent .cq-app-slate { --cq-app-rgb: 83, 82, 104 !important; }

  .cq-box-webcontent .cq-app-overview > a,
  .cq-box-webcontent .cq-app-overview > li > a,
  .cq-box-webcontent .cq-app-tile,
  .cq-box-webcontent.cq-app-overview > a,
  .cq-box-webcontent.cq-app-overview > p > a,
  .cq-box-webcontent.cq-app-overview > div > a {
    border-color: rgba(var(--cq-app-rgb), .20);
    background: linear-gradient(135deg, rgba(var(--cq-app-rgb), .075), rgba(var(--cq-app-rgb), .018) 58%, var(--bs-card-bg, #fff));
  }

  .cq-box-webcontent .cq-app-overview > a:hover,
  .cq-box-webcontent .cq-app-overview > li > a:hover,
  .cq-box-webcontent .cq-app-tile:hover,
  .cq-box-webcontent.cq-app-overview > a:hover,
  .cq-box-webcontent.cq-app-overview > p > a:hover,
  .cq-box-webcontent.cq-app-overview > div > a:hover {
    border-color: rgba(var(--cq-app-rgb), .38);
    background: linear-gradient(135deg, rgba(var(--cq-app-rgb), .11), rgba(var(--cq-app-rgb), .035) 60%, var(--bs-card-bg, #fff));
    box-shadow: 0 .65rem 1.35rem rgba(var(--cq-app-rgb), .12);
  }

  .cq-box-webcontent .cq-app-icon,
  .cq-box-webcontent.cq-app-overview > a::before,
  .cq-box-webcontent.cq-app-overview > p > a::before,
  .cq-box-webcontent.cq-app-overview > div > a::before {
    background: rgba(var(--cq-app-rgb), .13);
    color: rgb(var(--cq-app-rgb));
  }


  /* box_app: Quill may store links as paragraphs or as list items; both must become tiles. */
  .cq-box-webcontent.cq-app-overview > ol,
  .cq-box-webcontent.cq-app-overview > ul {
    display: contents !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .cq-box-webcontent.cq-app-overview > ol > li,
  .cq-box-webcontent.cq-app-overview > ul > li {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    color: inherit;
  }

  .cq-box-webcontent.cq-app-overview > ol > li::before,
  .cq-box-webcontent.cq-app-overview > ul > li::before,
  .cq-box-webcontent.cq-app-overview > ol > li::marker,
  .cq-box-webcontent.cq-app-overview > ul > li::marker,
  .cq-box-webcontent.ql-editor.cq-app-overview > ol > li[data-list="bullet"]::before,
  .cq-box-webcontent.ql-editor.cq-app-overview > ol > li[data-list="ordered"]::before {
    display: none !important;
    content: none !important;
  }

  .cq-box-webcontent.cq-app-overview > ol > li:nth-child(4n + 1),
  .cq-box-webcontent.cq-app-overview > ul > li:nth-child(4n + 1) { --cq-app-rgb: 122, 50, 31; }
  .cq-box-webcontent.cq-app-overview > ol > li:nth-child(4n + 2),
  .cq-box-webcontent.cq-app-overview > ul > li:nth-child(4n + 2) { --cq-app-rgb: 176, 138, 76; }
  .cq-box-webcontent.cq-app-overview > ol > li:nth-child(4n + 3),
  .cq-box-webcontent.cq-app-overview > ul > li:nth-child(4n + 3) { --cq-app-rgb: 78, 151, 151; }
  .cq-box-webcontent.cq-app-overview > ol > li:nth-child(4n),
  .cq-box-webcontent.cq-app-overview > ul > li:nth-child(4n) { --cq-app-rgb: 83, 82, 104; }

  .cq-box-webcontent.cq-app-overview > ol > li > a,
  .cq-box-webcontent.cq-app-overview > ul > li > a {
    display: grid;
    grid-template-columns: 2.2rem minmax(0, 1fr);
    align-items: center;
    gap: .68rem;
    min-height: 3.55rem;
    padding: .68rem .78rem;
    border: 1px solid rgba(var(--cq-app-rgb), .20);
    border-radius: var(--bs-border-radius-lg, .625rem);
    background: linear-gradient(135deg, rgba(var(--cq-app-rgb), .075), rgba(var(--cq-app-rgb), .018) 58%, var(--bs-card-bg, #fff));
    color: var(--bs-body-color) !important;
    text-decoration: none !important;
    box-shadow: var(--cq-brand-shadow-soft, 0 .35rem 1rem rgba(32, 27, 20, .05));
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease, background-color .16s ease;
  }

  .cq-box-webcontent.cq-app-overview > ol > li > a::before,
  .cq-box-webcontent.cq-app-overview > ul > li > a::before {
    content: "\ea5f";
    font-family: "tabler-icons";
    display: inline-flex;
    width: 2.2rem;
    height: 2.2rem;
    align-items: center;
    justify-content: center;
    border-radius: var(--bs-border-radius, .5rem);
    background: rgba(var(--cq-app-rgb), .13);
    color: rgb(var(--cq-app-rgb));
    line-height: 1;
  }

  .cq-box-webcontent.cq-app-overview > ol > li > a:hover,
  .cq-box-webcontent.cq-app-overview > ul > li > a:hover {
    border-color: rgba(var(--cq-app-rgb), .38);
    background: linear-gradient(135deg, rgba(var(--cq-app-rgb), .11), rgba(var(--cq-app-rgb), .035) 60%, var(--bs-card-bg, #fff));
    box-shadow: 0 .65rem 1.35rem rgba(var(--cq-app-rgb), .12);
    transform: translateY(-1px);
  }

/* box_app: polished application tiles. Links can come from paragraphs, divs or Quill lists. */
.cq-box-webcontent.cq-app-overview > a,
.cq-box-webcontent.cq-app-overview > p > a,
.cq-box-webcontent.cq-app-overview > div > a,
.cq-box-webcontent.cq-app-overview > ol > li > a,
.cq-box-webcontent.cq-app-overview > ul > li > a {
  --cq-app-rgb: var(--bs-primary-rgb) !important;
  --cq-app-color: rgb(var(--cq-app-rgb)) !important;
  position: relative;
  overflow: hidden;
  grid-template-columns: 1.9rem minmax(0, 1fr) 1.05rem !important;
  min-height: 3.05rem !important;
  padding: .52rem .55rem .52rem .62rem !important;
  border: 1px solid rgba(var(--cq-app-rgb), .28) !important;
  border-left: 4px solid rgb(var(--cq-app-rgb)) !important;
  border-radius: .72rem !important;
  background:
    radial-gradient(circle at 96% 0%, rgba(var(--cq-app-rgb), .18), transparent 34%),
    linear-gradient(135deg, rgba(var(--cq-app-rgb), .10), rgba(var(--cq-app-rgb), .025) 54%, rgba(255, 255, 255, .92)) !important;
  color: var(--bs-body-color) !important;
  font-weight: 600 !important;
  box-shadow: 0 .5rem 1.1rem rgba(var(--cq-app-rgb), .11), inset 0 1px 0 rgba(255,255,255,.75) !important;
}

.cq-box-webcontent.cq-app-overview > a:nth-of-type(4n + 1),
.cq-box-webcontent.cq-app-overview > p:nth-of-type(4n + 1) > a,
.cq-box-webcontent.cq-app-overview > div:nth-of-type(4n + 1) > a,
.cq-box-webcontent.cq-app-overview > ol > li:nth-child(4n + 1) > a,
.cq-box-webcontent.cq-app-overview > ul > li:nth-child(4n + 1) > a { --cq-app-rgb: 122, 50, 31 !important; }

.cq-box-webcontent.cq-app-overview > a:nth-of-type(4n + 2),
.cq-box-webcontent.cq-app-overview > p:nth-of-type(4n + 2) > a,
.cq-box-webcontent.cq-app-overview > div:nth-of-type(4n + 2) > a,
.cq-box-webcontent.cq-app-overview > ol > li:nth-child(4n + 2) > a,
.cq-box-webcontent.cq-app-overview > ul > li:nth-child(4n + 2) > a { --cq-app-rgb: 176, 138, 76 !important; }

.cq-box-webcontent.cq-app-overview > a:nth-of-type(4n + 3),
.cq-box-webcontent.cq-app-overview > p:nth-of-type(4n + 3) > a,
.cq-box-webcontent.cq-app-overview > div:nth-of-type(4n + 3) > a,
.cq-box-webcontent.cq-app-overview > ol > li:nth-child(4n + 3) > a,
.cq-box-webcontent.cq-app-overview > ul > li:nth-child(4n + 3) > a { --cq-app-rgb: 78, 151, 151 !important; }

.cq-box-webcontent.cq-app-overview > a:nth-of-type(4n),
.cq-box-webcontent.cq-app-overview > p:nth-of-type(4n) > a,
.cq-box-webcontent.cq-app-overview > div:nth-of-type(4n) > a,
.cq-box-webcontent.cq-app-overview > ol > li:nth-child(4n) > a,
.cq-box-webcontent.cq-app-overview > ul > li:nth-child(4n) > a { --cq-app-rgb: 83, 82, 104 !important; }

.cq-box-webcontent.cq-app-overview > a::before,
.cq-box-webcontent.cq-app-overview > p > a::before,
.cq-box-webcontent.cq-app-overview > div > a::before,
.cq-box-webcontent.cq-app-overview > ol > li > a::before,
.cq-box-webcontent.cq-app-overview > ul > li > a::before {
  content: "";
  display: inline-flex;
  width: 1.85rem;
  height: 1.85rem;
  align-items: center;
  justify-content: center;
  border-radius: .52rem;
  background:
    radial-gradient(circle at 35% 35%, rgba(255,255,255,.92) 0 .16rem, transparent .17rem),
    radial-gradient(circle at 65% 35%, rgba(255,255,255,.82) 0 .16rem, transparent .17rem),
    radial-gradient(circle at 35% 65%, rgba(255,255,255,.82) 0 .16rem, transparent .17rem),
    radial-gradient(circle at 65% 65%, rgba(255,255,255,.92) 0 .16rem, transparent .17rem),
    linear-gradient(135deg, rgba(255,255,255,.22), transparent 42%),
    rgb(var(--cq-app-rgb));
  box-shadow: 0 .38rem .75rem rgba(var(--cq-app-rgb), .24), inset 0 0 0 1px rgba(255,255,255,.26);
}

.cq-box-webcontent.cq-app-overview > a::after,
.cq-box-webcontent.cq-app-overview > p > a::after,
.cq-box-webcontent.cq-app-overview > div > a::after,
.cq-box-webcontent.cq-app-overview > ol > li > a::after,
.cq-box-webcontent.cq-app-overview > ul > li > a::after {
  content: ">";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.05rem;
  height: 1.05rem;
  border-radius: 999px;
  color: #fff;
  background: rgb(var(--cq-app-rgb));
  opacity: .84;
  font-size: .68rem;
  font-weight: 700;
  transition: transform .16s ease, opacity .16s ease, box-shadow .16s ease;
}

.cq-box-webcontent.cq-app-overview > a:hover,
.cq-box-webcontent.cq-app-overview > p > a:hover,
.cq-box-webcontent.cq-app-overview > div > a:hover,
.cq-box-webcontent.cq-app-overview > ol > li > a:hover,
.cq-box-webcontent.cq-app-overview > ul > li > a:hover {
  transform: translateY(-2px);
  border-color: rgba(var(--cq-app-rgb), .48) !important;
  border-left-color: rgb(var(--cq-app-rgb)) !important;
  background:
    radial-gradient(circle at 96% 0%, rgba(var(--cq-app-rgb), .25), transparent 36%),
    linear-gradient(135deg, rgba(var(--cq-app-rgb), .15), rgba(var(--cq-app-rgb), .04) 54%, rgba(255, 255, 255, .95)) !important;
  box-shadow: 0 .85rem 1.7rem rgba(var(--cq-app-rgb), .17), inset 0 1px 0 rgba(255,255,255,.82) !important;
}

.cq-box-webcontent.cq-app-overview > a:hover::after,
.cq-box-webcontent.cq-app-overview > p > a:hover::after,
.cq-box-webcontent.cq-app-overview > div > a:hover::after,
.cq-box-webcontent.cq-app-overview > ol > li > a:hover::after,
.cq-box-webcontent.cq-app-overview > ul > li > a:hover::after {
  transform: translateX(2px);
  opacity: 1;
  box-shadow: 0 .3rem .65rem rgba(var(--cq-app-rgb), .22);
}

/* box_app compact app-launcher layout */
.cq-box-webcontent.cq-app-overview {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .68rem !important;
  padding: .75rem !important;
}
.cq-box-webcontent.cq-app-overview > p,
.cq-box-webcontent.cq-app-overview > div,
.cq-box-webcontent.cq-app-overview > ol > li,
.cq-box-webcontent.cq-app-overview > ul > li {
  min-width: 0 !important;
}
.cq-box-webcontent.cq-app-overview > a,
.cq-box-webcontent.cq-app-overview > p > a,
.cq-box-webcontent.cq-app-overview > div > a,
.cq-box-webcontent.cq-app-overview > ol > li > a,
.cq-box-webcontent.cq-app-overview > ul > li > a {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .48rem !important;
  min-height: 5.05rem !important;
  padding: .75rem .58rem !important;
  border: 0 !important;
  border-left: 0 !important;
  border-radius: 14px !important;
  background: rgba(var(--cq-app-rgb), .15) !important;
  color: rgb(var(--cq-app-rgb)) !important;
  font-size: .86rem !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  box-shadow: 0 .55rem 1.1rem rgba(32, 27, 20, .06) !important;
}
.cq-box-webcontent.cq-app-overview > a::before,
.cq-box-webcontent.cq-app-overview > p > a::before,
.cq-box-webcontent.cq-app-overview > div > a::before,
.cq-box-webcontent.cq-app-overview > ol > li > a::before,
.cq-box-webcontent.cq-app-overview > ul > li > a::before {
  width: 2.05rem !important;
  height: 2.05rem !important;
  border-radius: .58rem !important;
  background:
    radial-gradient(circle at 35% 35%, rgb(var(--cq-app-rgb)) 0 .15rem, transparent .16rem),
    radial-gradient(circle at 65% 35%, rgb(var(--cq-app-rgb)) 0 .15rem, transparent .16rem),
    radial-gradient(circle at 35% 65%, rgb(var(--cq-app-rgb)) 0 .15rem, transparent .16rem),
    radial-gradient(circle at 65% 65%, rgb(var(--cq-app-rgb)) 0 .15rem, transparent .16rem) !important;
  box-shadow: none !important;
  opacity: .95 !important;
}
.cq-box-webcontent.cq-app-overview > a::after,
.cq-box-webcontent.cq-app-overview > p > a::after,
.cq-box-webcontent.cq-app-overview > div > a::after,
.cq-box-webcontent.cq-app-overview > ol > li > a::after,
.cq-box-webcontent.cq-app-overview > ul > li > a::after {
  content: none !important;
  display: none !important;
}
.cq-box-webcontent.cq-app-overview > a:hover,
.cq-box-webcontent.cq-app-overview > p > a:hover,
.cq-box-webcontent.cq-app-overview > div > a:hover,
.cq-box-webcontent.cq-app-overview > ol > li > a:hover,
.cq-box-webcontent.cq-app-overview > ul > li > a:hover {
  transform: translateY(-2px) !important;
  background: rgba(var(--cq-app-rgb), .20) !important;
  color: rgb(var(--cq-app-rgb)) !important;
  box-shadow: 0 .85rem 1.45rem rgba(var(--cq-app-rgb), .14) !important;
}
@media (max-width: 420px) {
  .cq-box-webcontent.cq-app-overview {
    grid-template-columns: 1fr !important;
  }
}

/* Horizontal portal navigation: keep the Chronos brand colors, but do not reuse
   the tall vertical sidebar treatment. */
body.cq-layout-horizontal .layout-navbar,
body.cq-layout-horizontal .navbar,
body.cq-layout-horizontal .bg-navbar-theme {
  width: 100% !important;
  inline-size: 100% !important;
  max-width: none !important;
  min-height: 3.35rem !important;
  height: 3.35rem !important;
  block-size: 3.35rem !important;
  margin: 0 !important;
  margin-block-start: 0 !important;
  inset-block-start: 0 !important;
  top: 0 !important;
  padding-block: 0 !important;
  background: #fff !important;
  border-bottom: 1px solid rgba(47, 43, 61, .12) !important;
  box-shadow: none !important;
  position: relative;
  z-index: 1090;
}

body.cq-layout-horizontal #layout-navbar.container-fluid,
body.cq-layout-horizontal #layout-navbar.container-xxl,
body.cq-layout-horizontal #layout-navbar.cq-navbar-fullwidth {
  width: 100% !important;
  inline-size: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
  padding-inline: 1.25rem !important;
  left: 0 !important;
  right: 0 !important;
}

body.cq-layout-horizontal,
body.cq-layout-horizontal > .layout-wrapper,
body.cq-layout-horizontal > .layout-wrapper > .layout-container {
  margin-block-start: 0 !important;
  padding-block-start: 0 !important;
  inset-block-start: 0 !important;
  top: 0 !important;
}

body.cq-layout-horizontal .layout-wrapper.layout-horizontal,
body.cq-layout-horizontal .layout-wrapper.layout-navbar-full,
body.cq-layout-horizontal .layout-wrapper.layout-horizontal > .layout-container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.cq-layout-horizontal #layout-navbar .navbar-nav-right {
  display: grid !important;
  grid-template-columns: 13.5rem minmax(16rem, 1fr) auto;
  align-items: center !important;
  justify-content: stretch !important;
  column-gap: 1.25rem;
  width: 100% !important;
  max-width: none !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  min-height: 3.35rem !important;
  height: 3.35rem !important;
}

body.cq-layout-horizontal #layout-navbar .cq-horizontal-brand {
  min-width: 0 !important;
  width: 13.5rem !important;
  grid-column: 1;
}

body.cq-layout-horizontal .cq-horizontal-brand-logo,
body.cq-layout-horizontal .cq-horizontal-brand img {
  max-height: 3.15rem !important;
  max-width: 12.75rem !important;
  width: auto !important;
  object-fit: contain !important;
}

body.cq-layout-horizontal #layout-navbar .search-toggler {
  display: flex !important;
  align-items: center !important;
  position: relative;
  overflow: hidden;
  width: 100% !important;
  height: 2.35rem !important;
  min-height: 2.35rem !important;
  cursor: pointer;
  pointer-events: auto;
}

body.cq-layout-horizontal #layout-navbar .cq-header-search {
  width: 100% !important;
  max-width: none !important;
  grid-column: 2;
  min-width: 0 !important;
}

body.cq-layout-horizontal #layout-navbar .navbar-search-wrapper {
  width: 100% !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

body.cq-layout-horizontal #layout-navbar #autocomplete {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  z-index: 2;
  opacity: 0 !important;
  overflow: hidden !important;
}

body.cq-layout-horizontal #layout-navbar #autocomplete .aa-Autocomplete,
body.cq-layout-horizontal #layout-navbar #autocomplete .aa-DetachedSearchButton {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
}

body.cq-layout-horizontal.layout-navbar-full #layout-navbar .search-toggler .aa-DetachedSearchButton,
body.cq-layout-horizontal #layout-navbar .search-toggler .aa-DetachedSearchButton {
  display: block !important;
  width: 100% !important;
  inline-size: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  padding-inline: 0 !important;
}

body.cq-layout-horizontal.layout-navbar-full #layout-navbar .aa-DetachedSearchButtonPlaceholder,
body.cq-layout-horizontal #layout-navbar .aa-DetachedSearchButtonPlaceholder {
  display: none !important;
}

body.cq-layout-horizontal #layout-navbar .cq-search-label {
  flex: 1 1 auto;
  min-width: 0;
}

body.cq-layout-horizontal #layout-navbar .cq-search-visible {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: .65rem;
  width: 100%;
  min-width: 0;
  pointer-events: none;
}

body.cq-layout-horizontal #layout-navbar .navbar-nav.flex-row {
  grid-column: 3;
  margin-left: auto !important;
}

body.cq-layout-horizontal #layout-navbar .cq-header-tools {
  justify-self: end !important;
  min-width: max-content;
}

@media (max-width: 991.98px) {
  body.cq-layout-horizontal #layout-navbar .navbar-nav-right {
    grid-template-columns: 11rem minmax(10rem, 1fr) auto;
    column-gap: .75rem;
  }

  body.cq-layout-horizontal #layout-navbar .cq-horizontal-brand {
    width: 11rem !important;
  }

  body.cq-layout-horizontal #layout-navbar .navbar-nav.align-items-center {
    flex-basis: 100% !important;
    min-width: 14rem !important;
  }
}

body.cq-layout-horizontal #layout-menu,
body.cq-layout-horizontal #layout-menu.layout-menu,
body.cq-layout-horizontal #layout-menu.layout-menu-horizontal,
body.cq-layout-horizontal .layout-menu-horizontal,
body.cq-layout-horizontal .menu-horizontal,
body.cq-layout-horizontal #layout-menu .menu-inner,
body.cq-layout-horizontal #layout-menu .menu-horizontal-wrapper,
body.cq-layout-horizontal #layout-menu .cq-portal-navigation {
  min-height: 2.35rem !important;
  height: auto !important;
  background: #fff !important;
  background-color: #fff !important;
  box-shadow: none !important;
}

body.cq-layout-horizontal #layout-menu.layout-menu-horizontal {
  block-size: auto !important;
  height: auto !important;
  min-height: 2.35rem !important;
  padding-block: 0 !important;
  border-bottom: 1px solid rgba(47, 43, 61, .12) !important;
  z-index: 1020 !important;
}

body.cq-layout-horizontal #layout-navbar .navbar-nav.align-items-center,
body.cq-layout-horizontal #layout-navbar .navbar-search-wrapper {
  position: relative;
  z-index: 2;
  pointer-events: auto;
}

body.cq-layout-horizontal #layout-menu > .container-fluid,
body.cq-layout-horizontal #layout-menu > .container-xxl {
  height: auto !important;
  min-height: inherit !important;
  align-items: center !important;
}

body.cq-layout-horizontal #layout-menu .menu-horizontal-wrapper,
body.cq-layout-horizontal #layout-menu .cq-portal-navigation > .menu-inner {
  min-height: 2.35rem !important;
  padding-block: .1rem !important;
}

body.cq-layout-horizontal #layout-menu .menu-horizontal-wrapper {
  padding: 0 !important;
  margin: 0 !important;
}

body.cq-layout-horizontal #layout-menu .menu-horizontal-prev,
body.cq-layout-horizontal #layout-menu .menu-horizontal-next {
  display: none !important;
}

body.cq-layout-horizontal #layout-menu .cq-portal-navigation-horizontal,
body.cq-layout-horizontal #layout-menu .cq-portal-navigation-horizontal > .menu-inner {
  display: flex !important;
  align-items: center !important;
  min-height: 3.05rem !important;
}

body.cq-layout-horizontal #layout-menu .menu-item {
  margin-block: 0 !important;
  flex: 0 0 auto;
}

body.cq-layout-horizontal #layout-menu .menu-link,
body.cq-layout-horizontal #layout-menu .cq-menu-parent-row {
  height: 2.65rem !important;
  min-height: 2.65rem !important;
  line-height: 1 !important;
  box-shadow: none !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  align-items: center !important;
  justify-content: center;
}

body.cq-layout-horizontal #layout-menu .menu-link {
  display: inline-flex !important;
  gap: .55rem !important;
  padding: 0 .75rem !important;
}

body.cq-layout-horizontal #layout-menu .menu-link > div,
body.cq-layout-horizontal #layout-menu .cq-menu-parent-link > div {
  display: inline-flex;
  align-items: center;
  min-height: 1.5rem;
  line-height: 1.2;
}

body.cq-layout-horizontal #layout-menu .cq-menu-parent-row {
  display: inline-flex !important;
  width: auto !important;
  padding: 0 .25rem 0 0;
}

body.cq-layout-horizontal #layout-menu .cq-menu-toggle-btn {
  flex: 0 0 1.65rem;
  height: 2.65rem;
}

body.cq-layout-horizontal #layout-menu .cq-nav-icon-wrap {
  width: 27px;
  min-width: 27px;
  height: 27px;
  flex-basis: 27px;
  align-self: center;
}

body.cq-layout-horizontal #layout-menu .cq-nav-icon-wrap .menu-icon {
  font-size: 24px;
}

body.cq-layout-horizontal #layout-menu .cq-nav-icon-wrap .cq-nav-icon-img {
  width: 24px;
  height: 24px;
}

body.cq-layout-horizontal #layout-menu .menu-sub {
  display: none !important;
}

body.cq-layout-horizontal #layout-menu .menu-sub.cq-menu-sub-fixed,
body.cq-layout-horizontal #layout-menu .menu-item.open > .menu-sub.cq-menu-sub-fixed {
  display: block !important;
}

body.cq-page-config-open #portal-dashboard .kanban-cards:not(:has(.card-kanban)) {
  display: block !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 0 .18rem 0 !important;
}

body.cq-page-config-open #portal-dashboard .kanban-cards:not(:has(.card-kanban)) .kanban-zone {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  min-height: .9rem !important;
  padding: 0 .25rem !important;
  margin: 0 !important;
  border: 0 !important;
  border-top: 1px dashed rgba(var(--bs-primary-rgb), .24) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  position: relative;
}

body.cq-page-config-open #portal-dashboard .kanban-cards:not(:has(.card-kanban)) .kanban-zone::before {
  content: none !important;
}

body.cq-page-config-open #portal-dashboard .kanban-cards:not(:has(.card-kanban)) .cq-zone-add-btn {
  width: 1.45rem !important;
  min-width: 1.45rem !important;
  height: 1.45rem !important;
  padding: 0 !important;
  margin-top: -.72rem !important;
  border-radius: 999px !important;
  opacity: .72;
  box-shadow: 0 .18rem .55rem rgba(84, 62, 33, .10);
}

body.cq-page-config-open #portal-dashboard .kanban-cards:not(:has(.card-kanban)) .cq-zone-add-btn:hover,
body.cq-page-config-open #portal-dashboard .kanban-cards:not(:has(.card-kanban)) .cq-zone-add-btn:focus {
  opacity: 1;
}

.cq-list-add-btn-table {
  width: 2.15rem;
  min-width: 2.15rem;
  height: 2.15rem;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: .45rem;
  flex: 0 0 auto;
}

.dataTables_length,
.dt-length {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
}

.dataTables_length .cq-list-add-btn-table,
.dt-length .cq-list-add-btn-table {
  order: -1;
}