/* Q Org Theme Runtime - consolidated final stylesheet
   The four validated CSS files are merged in their original cascade order. */

/* ==========================================================================
   MERGED SOURCE: qorg_theme_runtime.css
   ========================================================================== */
/* Q Org Design Tokens v1.3.2 - full runtime replacement */

/* Structural surfaces */
html[data-qorg-theme-runtime="1"] .layout-main-section,
html[data-qorg-theme-runtime="1"] .page-container {
    background: var(--qorg-page-bg) !important;
    color: var(--qorg-text) !important;
}

html[data-qorg-theme-runtime="1"] .frappe-card,
html[data-qorg-theme-runtime="1"] .modal-content {
    background: var(--qorg-surface-bg) !important;
    border-color: var(--qorg-border) !important;
    border-radius: var(--qorg-desk-card-radius) !important;
}

html[data-qorg-theme-runtime="1"] .form-layout {
    background: transparent !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Do not paint structural containers used by Check, Attach, Link and grouped controls. */
html[data-qorg-theme-runtime="1"] .control-input,
html[data-qorg-theme-runtime="1"] .control-input-wrapper,
html[data-qorg-theme-runtime="1"] .checkbox,
html[data-qorg-theme-runtime="1"] .attach-control,
html[data-qorg-theme-runtime="1"] .link-field,
html[data-qorg-theme-runtime="1"] [data-fieldtype="Check"] .control-input,
html[data-qorg-theme-runtime="1"] [data-fieldtype="Attach"] .control-input,
html[data-qorg-theme-runtime="1"] [data-fieldtype="Attach Image"] .control-input,
html[data-qorg-theme-runtime="1"] [data-fieldtype="Link"] .control-input {
    min-height: auto !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Real editable surfaces only. */
html[data-qorg-theme-runtime="1"] input.form-control:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html[data-qorg-theme-runtime="1"] textarea.form-control,
html[data-qorg-theme-runtime="1"] select.form-control,
html[data-qorg-theme-runtime="1"] .awesomplete > input,
html[data-qorg-theme-runtime="1"] .multiselect-input,
html[data-qorg-theme-runtime="1"] .input-with-feedback:not([type="checkbox"]):not([type="radio"]):not([type="file"]) {
    min-height: var(--qorg-desk-field-height) !important;
    height: var(--qorg-desk-field-height) !important;
    background: var(--qorg-field-bg) !important;
    color: var(--qorg-field-text) !important;
    border: 1px solid var(--qorg-field-border) !important;
    box-shadow: none !important;
}

/* Radius ownership: standalone fields keep all corners. Fields inside an
   input-group leave the adjoining edge square so the selector/action segment
   forms one continuous control. Logical corners work in both LTR and RTL. */
html[data-qorg-theme-runtime="1"] input.form-control:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.input-group *),
html[data-qorg-theme-runtime="1"] textarea.form-control:not(.input-group *),
html[data-qorg-theme-runtime="1"] select.form-control:not(.input-group *),
html[data-qorg-theme-runtime="1"] .awesomplete:not(.input-group *) > input,
html[data-qorg-theme-runtime="1"] .multiselect-input:not(.input-group *),
html[data-qorg-theme-runtime="1"] .input-with-feedback:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.input-group *) {
    border-radius: var(--qorg-desk-field-radius) !important;
}

html[data-qorg-theme-runtime="1"] .input-group > input.form-control,
html[data-qorg-theme-runtime="1"] .input-group > textarea.form-control,
html[data-qorg-theme-runtime="1"] .input-group > select.form-control,
html[data-qorg-theme-runtime="1"] .input-group > .input-with-feedback,
html[data-qorg-theme-runtime="1"] .input-group > .awesomplete > input {
    border-start-start-radius: var(--qorg-desk-field-radius) !important;
    border-end-start-radius: var(--qorg-desk-field-radius) !important;
    border-start-end-radius: 0 !important;
    border-end-end-radius: 0 !important;
}

html[data-qorg-theme-runtime="1"] .input-group > :is(.input-group-btn,.input-group-append) {
    min-height: var(--qorg-desk-field-height) !important;
    margin-inline-start: -1px !important;
}

html[data-qorg-theme-runtime="1"] .input-group > :is(.input-group-btn,.input-group-append) > :is(.btn,.es-button) {
    min-height: var(--qorg-desk-field-height) !important;
    height: var(--qorg-desk-field-height) !important;
    border-start-start-radius: 0 !important;
    border-end-start-radius: 0 !important;
    border-start-end-radius: var(--qorg-desk-field-radius) !important;
    border-end-end-radius: var(--qorg-desk-field-radius) !important;
}

html[data-qorg-theme-runtime="1"] input.form-control::placeholder,
html[data-qorg-theme-runtime="1"] textarea.form-control::placeholder,
html[data-qorg-theme-runtime="1"] .multiselect-input::placeholder {
    color: var(--qorg-field-placeholder) !important;
}

html[data-qorg-theme-runtime="1"] input.form-control:focus,
html[data-qorg-theme-runtime="1"] textarea.form-control:focus,
html[data-qorg-theme-runtime="1"] select.form-control:focus,
html[data-qorg-theme-runtime="1"] .awesomplete > input:focus {
    border-color: var(--qorg-field-focus) !important;
}

html[data-qorg-theme-runtime="1"] input[type="checkbox"],
html[data-qorg-theme-runtime="1"] input[type="radio"] {
    min-height: auto !important;
    accent-color: var(--qorg-brand-primary);
}

/* Link controls: one unified field plus one adjacent action, no duplicate rear surface. */
html[data-qorg-theme-runtime="1"] [data-fieldtype="Link"] .control-input,
html[data-qorg-theme-runtime="1"] [data-fieldtype="Dynamic Link"] .control-input,
html[data-qorg-theme-runtime="1"] .link-field .input-group {
    display: flex !important;
    align-items: stretch !important;
    gap: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

html[data-qorg-theme-runtime="1"] [data-fieldtype="Link"] .awesomplete,
html[data-qorg-theme-runtime="1"] [data-fieldtype="Dynamic Link"] .awesomplete,
html[data-qorg-theme-runtime="1"] .link-field .awesomplete {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    background: transparent !important;
}

html[data-qorg-theme-runtime="1"] [data-fieldtype="Link"] .awesomplete > input,
html[data-qorg-theme-runtime="1"] [data-fieldtype="Dynamic Link"] .awesomplete > input,
html[data-qorg-theme-runtime="1"] .link-field .awesomplete > input {
    width: 100% !important;
    border-start-end-radius: 0 !important;
    border-end-end-radius: 0 !important;
}

html[data-qorg-theme-runtime="1"] [data-fieldtype="Link"] .input-group-btn,
html[data-qorg-theme-runtime="1"] [data-fieldtype="Dynamic Link"] .input-group-btn,
html[data-qorg-theme-runtime="1"] .link-field .input-group-btn {
    display: inline-flex !important;
    flex: 0 0 var(--qorg-desk-field-height) !important;
    width: var(--qorg-desk-field-height) !important;
    height: var(--qorg-desk-field-height) !important;
    margin: 0 !important;
    background: transparent !important;
}

html[data-qorg-theme-runtime="1"] [data-fieldtype="Link"] .input-group-btn > .btn,
html[data-qorg-theme-runtime="1"] [data-fieldtype="Dynamic Link"] .input-group-btn > .btn,
html[data-qorg-theme-runtime="1"] .link-field .input-group-btn > .btn {
    width: 100% !important;
    height: 100% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    background: var(--qorg-control-bg) !important;
    border: 1px solid var(--qorg-field-border) !important;
    border-inline-start: 0 !important;
    border-start-start-radius: 0 !important;
    border-end-start-radius: 0 !important;
    border-start-end-radius: var(--qorg-desk-field-radius) !important;
    border-end-end-radius: var(--qorg-desk-field-radius) !important;
}

/* Input groups align all actions and icons to the configured field height. */
html[data-qorg-theme-runtime="1"] .input-group { align-items: center !important; }
html[data-qorg-theme-runtime="1"] .input-group .input-group-btn,
html[data-qorg-theme-runtime="1"] .input-group .input-group-btn.mr-0,
html[data-qorg-theme-runtime="1"] .input-group .input-group-btn > .btn,
html[data-qorg-theme-runtime="1"] .input-group .input-group-btn > button {
    min-height: var(--qorg-desk-field-height) !important;
    height: var(--qorg-desk-field-height) !important;
}

/* Select and MultiSelect vertical alignment follows field height automatically. */
html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"] .control-input,
html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="MultiSelect"] .control-input,
html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="MultiSelectList"] .control-input {
    position: relative;
    min-height: var(--qorg-desk-field-height) !important;
}

html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"] .control-input .placeholder.xs,
html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"].form-group .placeholder.xs,
html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="MultiSelect"] .control-input .placeholder.xs,
html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="MultiSelectList"] .control-input .placeholder.xs {
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    line-height: 1 !important;
}

html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"] .control-input .select-icon.xs,
html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"].form-group .select-icon.xs,
html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="MultiSelect"] .control-input .select-icon.xs,
html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="MultiSelectList"] .control-input .select-icon.xs {
    top: 50% !important;
    inset-inline-end: 10px !important;
    right: auto !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
}

html[data-qorg-theme-runtime="1"] [data-fieldtype="Select"] select.form-control,
html[data-qorg-theme-runtime="1"] [data-fieldtype="Select"] .form-control,
html[data-qorg-theme-runtime="1"] [data-fieldtype="MultiSelect"] .form-control,
html[data-qorg-theme-runtime="1"] [data-fieldtype="MultiSelectList"] .form-control,
html[data-qorg-theme-runtime="1"] .multiselect-input {
    display: flex !important;
    align-items: center !important;
    text-align: center !important;
    text-align-last: center !important;
    padding-inline: 34px !important;
}

/* Suggestion/select dropdown compatibility.
   Do not impose geometry on Link, Select, MultiSelect or Autocomplete containers.
   The live-site validation confirmed that only inherited text color and radius are safe here. */
html[data-qorg-theme-runtime="1"] .awesomplete > ul,
html[data-qorg-theme-runtime="1"] .select-options,
html[data-qorg-theme-runtime="1"] .multiselect-list,
html[data-qorg-theme-runtime="1"] .autocomplete-list {
    color: var(--qorg-menu-text) !important;
    border-radius: var(--qorg-menu-radius) !important;
}

html[data-qorg-theme-runtime="1"] .awesomplete > ul > li,
html[data-qorg-theme-runtime="1"] .select-options > div,
html[data-qorg-theme-runtime="1"] .multiselect-list .list-item,
html[data-qorg-theme-runtime="1"] .autocomplete-list .list-item {
    display: flex !important;
    align-items: center !important;
    min-height: var(--qorg-menu-item-height) !important;
    padding-inline: var(--qorg-menu-item-padding) !important;
    border-radius: var(--qorg-menu-item-radius) !important;
    background: transparent !important;
    color: var(--qorg-menu-text) !important;
}

html[data-qorg-theme-runtime="1"] .awesomplete > ul > li:hover,
html[data-qorg-theme-runtime="1"] .awesomplete > ul > li[aria-selected="true"],
html[data-qorg-theme-runtime="1"] .select-options > div:hover,
html[data-qorg-theme-runtime="1"] .multiselect-list .list-item:hover,
html[data-qorg-theme-runtime="1"] .autocomplete-list .list-item:hover {
    background: var(--qorg-menu-hover-bg) !important;
    color: var(--qorg-menu-hover-text) !important;
}

/* Buttons, including Espresso. */
html[data-qorg-theme-runtime="1"] { --bt-solid-bg: var(--qorg-button-bg); --bt-solid-fg: var(--qorg-button-text); }
html[data-qorg-theme-runtime="1"] .btn-primary,
html[data-qorg-theme-runtime="1"] .es-button[data-variant="solid"] {
    min-height: var(--qorg-desk-button-height) !important;
    background: var(--qorg-button-bg) !important;
    color: var(--qorg-button-text) !important;
    border-color: var(--qorg-button-bg) !important;
    border-radius: var(--qorg-desk-button-radius) !important;
}
html[data-qorg-theme-runtime="1"] .btn-primary:hover,
html[data-qorg-theme-runtime="1"] .es-button[data-variant="solid"]:hover {
    background: var(--qorg-button-hover) !important;
    border-color: var(--qorg-button-hover) !important;
}

/* Button dimension parity without reviving elements that Frappe hides. */
html[data-qorg-theme-runtime="1"] .es-button:not(.hide):not([hidden]),
html[data-qorg-theme-runtime="1"] .btn-group > :is(.btn,.es-button):not(.hide):not([hidden]),
html[data-qorg-theme-runtime="1"] .inner-group-button > .es-button:not(.hide):not([hidden]) {
    min-height: var(--qorg-desk-button-height) !important;
    height: var(--qorg-desk-button-height) !important;
    padding-block: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: var(--qorg-desk-button-radius) !important;
}

/* Preserve native hidden state. A broad display:flex rule must never make an
   empty secondary action or an empty action group visible. */
html[data-qorg-theme-runtime="1"] :is(.es-button,.btn,.btn-group,.actions-btn-group).hide,
html[data-qorg-theme-runtime="1"] :is(.es-button,.btn,.btn-group,.actions-btn-group)[hidden] {
    display: none !important;
}

html[data-qorg-theme-runtime="1"] .btn-group > :is(.btn,.es-button):not(:first-child) {
    border-start-start-radius: 0 !important;
    border-end-start-radius: 0 !important;
}
html[data-qorg-theme-runtime="1"] .btn-group > :is(.btn,.es-button):not(:last-child) {
    border-start-end-radius: 0 !important;
    border-end-end-radius: 0 !important;
}

/* Reload and other square icon actions inherit the configured button size. */
html[data-qorg-theme-runtime="1"] .page-icon-group :is(.icon-btn,.btn),
html[data-qorg-theme-runtime="1"] .page-actions :is(.icon-btn,.btn-icon) {
    min-width: var(--qorg-desk-button-height) !important;
    width: var(--qorg-desk-button-height) !important;
    min-height: var(--qorg-desk-button-height) !important;
    height: var(--qorg-desk-button-height) !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: var(--qorg-desk-button-radius) !important;
}

/* Icon color ownership. Icons inherit the text color of their interactive
   surface, so primary, neutral, hover and active states stay visually coherent. */
html[data-qorg-theme-runtime="1"] :is(.btn,.es-button,.icon-btn,.btn-icon) {
    --qorg-effective-icon-color: var(--qorg-icon);
}

html[data-qorg-theme-runtime="1"] :is(.btn,.es-button,.icon-btn,.btn-icon) :is(.icon,.es-icon,svg),
html[data-qorg-theme-runtime="1"] :is(.btn,.es-button,.icon-btn,.btn-icon) > :is(.icon,.es-icon,svg) {
    color: var(--qorg-effective-icon-color, currentColor) !important;
}

/* Neutral icon actions use the configured Icon Color. */
html[data-qorg-theme-runtime="1"] :is(.btn-default,.btn-secondary,.secondary-action,.icon-btn,.btn-icon) {
    --qorg-effective-icon-color: var(--qorg-icon);
}

/* Solid/primary actions make icons inherit the configured button text color. */
html[data-qorg-theme-runtime="1"] :is(.btn-primary,.primary-action,.es-button[data-variant="solid"]) {
    --qorg-effective-icon-color: var(--qorg-button-text);
}

html[data-qorg-theme-runtime="1"] :is(.btn-primary,.primary-action,.es-button[data-variant="solid"]):hover {
    --qorg-effective-icon-color: var(--qorg-button-text);
}

/* Icons drawn with currentColor follow the color above without forcing fills on
   logos or decorative SVG artwork. */
html[data-qorg-theme-runtime="1"] :is(.btn,.es-button,.icon-btn,.btn-icon) :is(svg.icon,svg.es-icon) {
    stroke: currentColor;
}

/* Sidebar and menu icons use their dedicated settings and inherit state colors. */
html[data-qorg-theme-runtime="1"] .body-sidebar .standard-sidebar-item :is(.icon,.es-icon,svg) {
    color: var(--qorg-sidebar-icon) !important;
}
html[data-qorg-theme-runtime="1"] .body-sidebar .standard-sidebar-item:hover :is(.icon,.es-icon,svg) {
    color: var(--qorg-sidebar-hover-text) !important;
}
html[data-qorg-theme-runtime="1"] .body-sidebar .standard-sidebar-item:is(.selected,.active) :is(.icon,.es-icon,svg) {
    color: var(--qorg-sidebar-active-text) !important;
}

html[data-qorg-theme-runtime="1"] :is(.es-menu__item,.dropdown-item) :is(.icon,.es-icon,svg) {
    color: var(--qorg-menu-icon) !important;
}
html[data-qorg-theme-runtime="1"] :is(.es-menu__item,.dropdown-item):hover :is(.icon,.es-icon,svg) {
    color: var(--qorg-menu-hover-text) !important;
}
html[data-qorg-theme-runtime="1"] :is(.es-menu__item,.dropdown-item):is(.active,[aria-selected="true"]) :is(.icon,.es-icon,svg) {
    color: var(--qorg-menu-active-text) !important;
}

/* Menus and Sidebar. */
/* Sidebar surface colors are desktop-only. On mobile, Frappe owns the drawer
   surface and its native open/close/outside-click state. */
@media (min-width: 992px) {
    html[data-qorg-theme-runtime="1"] .body-sidebar {
        background: var(--qorg-sidebar-bg) !important;
        border-color: var(--qorg-sidebar-border) !important;
        min-height: 100dvh;
        align-self: stretch;
    }
}
html[data-qorg-theme-runtime="1"] .body-sidebar .standard-sidebar-item {
    min-height: var(--qorg-sidebar-item-height) !important;
    padding-inline: var(--qorg-sidebar-item-padding) !important;
    border-radius: var(--qorg-sidebar-item-radius) !important;
    color: var(--qorg-sidebar-text) !important;
}
html[data-qorg-theme-runtime="1"] .body-sidebar .standard-sidebar-item:hover { background: var(--qorg-sidebar-hover-bg) !important; color: var(--qorg-sidebar-hover-text) !important; }
html[data-qorg-theme-runtime="1"] .body-sidebar .standard-sidebar-item.selected,
html[data-qorg-theme-runtime="1"] .body-sidebar .standard-sidebar-item.active { background: var(--qorg-sidebar-active-bg) !important; color: var(--qorg-sidebar-active-text) !important; }

html[data-qorg-theme-runtime="1"] .es-menu,
html[data-qorg-theme-runtime="1"] .dropdown-menu { background: var(--qorg-menu-bg) !important; border-color: var(--qorg-menu-border) !important; border-radius: var(--qorg-menu-radius) !important; }
html[data-qorg-theme-runtime="1"] .es-menu__item,
html[data-qorg-theme-runtime="1"] .dropdown-item { min-height: var(--qorg-menu-item-height) !important; padding-inline: var(--qorg-menu-item-padding) !important; border-radius: var(--qorg-menu-item-radius) !important; color: var(--qorg-menu-text) !important; }
html[data-qorg-theme-runtime="1"] .es-menu__item:hover,
html[data-qorg-theme-runtime="1"] .dropdown-item:hover { background: var(--qorg-menu-hover-bg) !important; color: var(--qorg-menu-hover-text) !important; }

/* Workspace links receive the configured menu-item height and comfortable side margins. */
html[data-qorg-theme-runtime="1"] .widget.links-widget-box {
    background: var(--qorg-links-widget-bg) !important;
    color: var(--qorg-links-widget-text) !important;
    border-radius: var(--qorg-workspace-widget-radius) !important;
}
html[data-qorg-theme-runtime="1"] .widget.links-widget-box:hover { background: var(--qorg-links-widget-hover) !important; }
html[data-qorg-theme-runtime="1"] .widget.links-widget-box .link-item {
    display: flex !important;
    align-items: center !important;
    min-height: var(--qorg-menu-item-height) !important;
    margin-inline: 6px !important;
    margin-block: 2px !important;
    padding-inline: var(--qorg-menu-item-padding) !important;
    border-radius: var(--qorg-menu-item-radius) !important;
    color: inherit !important;
    text-decoration: none !important;
}
html[data-qorg-theme-runtime="1"] .widget.links-widget-box .link-item:hover {
    background: var(--qorg-links-item-hover-bg) !important;
    color: var(--qorg-links-item-hover-text) !important;
    text-decoration: none !important;
}
html[data-qorg-theme-runtime="1"] .widget.links-widget-box .link-item:hover * { text-decoration: none !important; }

/* Colored widget palettes. data-qorg-palette is assigned on every route/ajax redraw. */
html[data-qorg-theme-runtime="1"] .widget.dashboard-widget-box { background: var(--qorg-dashboard-widget-bg) !important; color: var(--qorg-dashboard-widget-text) !important; border-radius: var(--qorg-workspace-widget-radius) !important; }
html[data-qorg-theme-runtime="1"] .widget.dashboard-widget-box:hover { background: var(--qorg-dashboard-widget-hover) !important; }

html[data-qorg-theme-runtime="1"] :is(.widget.number-widget-box,.number-card,.number-card-container .widget),
html[data-qorg-theme-runtime="1"] :is(.widget.shortcut-widget-box,.shortcut-widget-box,.shortcut-widget) {
    border-radius: var(--qorg-workspace-widget-radius) !important;
    transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease;
}

/* First-paint palette fallback. Frappe creates Workspace cards before the
   runtime script adds data-qorg-palette. These rules color only cards that have
   not yet received the runtime attribute, preventing the brief uniform color. */
html[data-qorg-theme-runtime="1"] :is(.widget.number-widget-box,.number-card,.number-card-container .widget):not([data-qorg-palette]):nth-child(4n + 1) { background: var(--qorg-number-widget-1-bg) !important; }
html[data-qorg-theme-runtime="1"] :is(.widget.number-widget-box,.number-card,.number-card-container .widget):not([data-qorg-palette]):nth-child(4n + 2) { background: var(--qorg-number-widget-2-bg) !important; }
html[data-qorg-theme-runtime="1"] :is(.widget.number-widget-box,.number-card,.number-card-container .widget):not([data-qorg-palette]):nth-child(4n + 3) { background: var(--qorg-number-widget-3-bg) !important; }
html[data-qorg-theme-runtime="1"] :is(.widget.number-widget-box,.number-card,.number-card-container .widget):not([data-qorg-palette]):nth-child(4n) { background: var(--qorg-number-widget-4-bg) !important; }

/* KPI/Number Card layouts use a wrapper per card, so the palette position must
   also be read from number-card-container. */
html[data-qorg-theme-runtime="1"] .number-card-container:nth-child(4n + 1) :is(.number-card,.widget):not([data-qorg-palette]) { background: var(--qorg-number-widget-1-bg) !important; }
html[data-qorg-theme-runtime="1"] .number-card-container:nth-child(4n + 2) :is(.number-card,.widget):not([data-qorg-palette]) { background: var(--qorg-number-widget-2-bg) !important; }
html[data-qorg-theme-runtime="1"] .number-card-container:nth-child(4n + 3) :is(.number-card,.widget):not([data-qorg-palette]) { background: var(--qorg-number-widget-3-bg) !important; }
html[data-qorg-theme-runtime="1"] .number-card-container:nth-child(4n) :is(.number-card,.widget):not([data-qorg-palette]) { background: var(--qorg-number-widget-4-bg) !important; }

html[data-qorg-theme-runtime="1"] :is(.widget.shortcut-widget-box,.shortcut-widget-box,.shortcut-widget):not([data-qorg-palette]):nth-child(4n + 1) { background: var(--qorg-shortcut-widget-1-bg) !important; }
html[data-qorg-theme-runtime="1"] :is(.widget.shortcut-widget-box,.shortcut-widget-box,.shortcut-widget):not([data-qorg-palette]):nth-child(4n + 2) { background: var(--qorg-shortcut-widget-2-bg) !important; }
html[data-qorg-theme-runtime="1"] :is(.widget.shortcut-widget-box,.shortcut-widget-box,.shortcut-widget):not([data-qorg-palette]):nth-child(4n + 3) { background: var(--qorg-shortcut-widget-3-bg) !important; }
html[data-qorg-theme-runtime="1"] :is(.widget.shortcut-widget-box,.shortcut-widget-box,.shortcut-widget):not([data-qorg-palette]):nth-child(4n) { background: var(--qorg-shortcut-widget-4-bg) !important; }

html[data-qorg-theme-runtime="1"] :is(.widget.number-widget-box,.number-card,.number-card-container .widget)[data-qorg-palette="1"] { background: var(--qorg-number-widget-1-bg) !important; }
html[data-qorg-theme-runtime="1"] :is(.widget.number-widget-box,.number-card,.number-card-container .widget)[data-qorg-palette="2"] { background: var(--qorg-number-widget-2-bg) !important; }
html[data-qorg-theme-runtime="1"] :is(.widget.number-widget-box,.number-card,.number-card-container .widget)[data-qorg-palette="3"] { background: var(--qorg-number-widget-3-bg) !important; }
html[data-qorg-theme-runtime="1"] :is(.widget.number-widget-box,.number-card,.number-card-container .widget)[data-qorg-palette="4"] { background: var(--qorg-number-widget-4-bg) !important; }
html[data-qorg-theme-runtime="1"] :is(.widget.number-widget-box,.number-card,.number-card-container .widget)[data-qorg-palette="1"]:hover { background: var(--qorg-number-widget-1-hover) !important; }
html[data-qorg-theme-runtime="1"] :is(.widget.number-widget-box,.number-card,.number-card-container .widget)[data-qorg-palette="2"]:hover { background: var(--qorg-number-widget-2-hover) !important; }
html[data-qorg-theme-runtime="1"] :is(.widget.number-widget-box,.number-card,.number-card-container .widget)[data-qorg-palette="3"]:hover { background: var(--qorg-number-widget-3-hover) !important; }
html[data-qorg-theme-runtime="1"] :is(.widget.number-widget-box,.number-card,.number-card-container .widget)[data-qorg-palette="4"]:hover { background: var(--qorg-number-widget-4-hover) !important; }

html[data-qorg-theme-runtime="1"] :is(.widget.shortcut-widget-box,.shortcut-widget-box,.shortcut-widget)[data-qorg-palette="1"] { background: var(--qorg-shortcut-widget-1-bg) !important; }
html[data-qorg-theme-runtime="1"] :is(.widget.shortcut-widget-box,.shortcut-widget-box,.shortcut-widget)[data-qorg-palette="2"] { background: var(--qorg-shortcut-widget-2-bg) !important; }
html[data-qorg-theme-runtime="1"] :is(.widget.shortcut-widget-box,.shortcut-widget-box,.shortcut-widget)[data-qorg-palette="3"] { background: var(--qorg-shortcut-widget-3-bg) !important; }
html[data-qorg-theme-runtime="1"] :is(.widget.shortcut-widget-box,.shortcut-widget-box,.shortcut-widget)[data-qorg-palette="4"] { background: var(--qorg-shortcut-widget-4-bg) !important; }
html[data-qorg-theme-runtime="1"] :is(.widget.shortcut-widget-box,.shortcut-widget-box,.shortcut-widget):hover {
    transform: translateY(calc(-1 * var(--qorg-workspace-widget-hover-lift)));
    box-shadow: 0 10px 24px rgb(0 0 0 / .12);
}

/* Website uses Web-specific dimensions. */
html[data-qorg-theme-runtime="1"][data-qorg-scope="web"] .form-control { border-radius: var(--qorg-web-field-radius) !important; min-height: var(--qorg-web-field-height) !important; }
html[data-qorg-theme-runtime="1"][data-qorg-scope="web"] .btn-primary { border-radius: var(--qorg-web-button-radius) !important; min-height: var(--qorg-web-button-height) !important; }

/* ==========================================================================
   MERGED SOURCE: qorg_theme_runtime_v133_fix.css
   ========================================================================== */
/* Q Org Design Tokens v1.3.3
   Focused compatibility layer loaded after qorg_theme_runtime.css. */

/* Link/Awesomplete popup geometry is intentionally not overridden.
   Frappe remains the source of truth for popup size, overflow, stacking and placement. */

/* 2. Link controls retain their native Frappe structure.
   Only dimensions and visual tokens are inherited. */
html[data-qorg-theme-runtime="1"] [data-fieldtype="Link"] .control-input,
html[data-qorg-theme-runtime="1"] [data-fieldtype="Dynamic Link"] .control-input,
html[data-qorg-theme-runtime="1"] .link-field .control-input,
html[data-qorg-theme-runtime="1"] [data-fieldtype="Link"] .input-group,
html[data-qorg-theme-runtime="1"] [data-fieldtype="Dynamic Link"] .input-group,
html[data-qorg-theme-runtime="1"] .link-field .input-group {
    display: block !important;
    min-height: auto !important;
    height: auto !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

html[data-qorg-theme-runtime="1"] [data-fieldtype="Link"] .awesomplete,
html[data-qorg-theme-runtime="1"] [data-fieldtype="Dynamic Link"] .awesomplete,
html[data-qorg-theme-runtime="1"] .link-field .awesomplete {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
}

html[data-qorg-theme-runtime="1"] [data-fieldtype="Link"] .awesomplete > input,
html[data-qorg-theme-runtime="1"] [data-fieldtype="Dynamic Link"] .awesomplete > input,
html[data-qorg-theme-runtime="1"] .link-field .awesomplete > input {
    width: 100% !important;
    min-height: var(--qorg-desk-field-height) !important;
    height: var(--qorg-desk-field-height) !important;
    background: var(--qorg-field-bg) !important;
    color: var(--qorg-field-text) !important;
    border: 1px solid var(--qorg-field-border) !important;
    border-radius: var(--qorg-desk-field-radius) !important;
}

/* Remove the forced square secondary Link segment introduced by v1.3.2. */
html[data-qorg-theme-runtime="1"] [data-fieldtype="Link"] .input-group-btn,
html[data-qorg-theme-runtime="1"] [data-fieldtype="Dynamic Link"] .input-group-btn,
html[data-qorg-theme-runtime="1"] .link-field .input-group-btn {
    width: auto !important;
    height: auto !important;
    min-height: auto !important;
    margin: 0 !important;
    background: transparent !important;
}

/* 3. Select and MultiSelect: do not force an inline-end/right override.
   Frappe keeps the arrow on the correct side for the active language. */
html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"] .control-input .select-icon.xs,
html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"].form-group .select-icon.xs,
html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="MultiSelect"] .control-input .select-icon.xs,
html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="MultiSelectList"] .control-input .select-icon.xs {
    top: calc((var(--qorg-desk-field-height) - 20px) / 2) !important;
    right: 10px !important;
    left: auto !important;
    transform: none !important;
    margin: 0 !important;
}

[dir="rtl"] html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"] .control-input .select-icon.xs,
[dir="rtl"] html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"].form-group .select-icon.xs,
[dir="rtl"] html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="MultiSelect"] .control-input .select-icon.xs,
[dir="rtl"] html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="MultiSelectList"] .control-input .select-icon.xs,
html[dir="rtl"][data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"] .control-input .select-icon.xs,
html[dir="rtl"][data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="MultiSelect"] .control-input .select-icon.xs,
html[dir="rtl"][data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="MultiSelectList"] .control-input .select-icon.xs {
    right: auto !important;
    left: 10px !important;
}

/* Preserve centered content without the previous 34px logical padding. */
html[data-qorg-theme-runtime="1"] [data-fieldtype="Select"] select.form-control,
html[data-qorg-theme-runtime="1"] [data-fieldtype="Select"] .form-control,
html[data-qorg-theme-runtime="1"] [data-fieldtype="MultiSelect"] .form-control,
html[data-qorg-theme-runtime="1"] [data-fieldtype="MultiSelectList"] .form-control,
html[data-qorg-theme-runtime="1"] .multiselect-input {
    display: flex !important;
    align-items: center !important;
    min-height: var(--qorg-desk-field-height) !important;
    height: var(--qorg-desk-field-height) !important;
    padding-inline: 12px !important;
    text-align: center !important;
    text-align-last: center !important;
}

/* Status text tracks the configured field height.
   At the default 36px height this resolves to 7px. */
html[data-qorg-theme-runtime="1"] .multiselect-list .status-text {
    position: absolute;
    top: calc((var(--qorg-desk-field-height) - 22px) / 2) !important;
    left: 8px !important;
    right: 8px !important;
    margin: 0 !important;
}

/* Leave option list geometry to Frappe; style only individual choices when safe. */
html[data-qorg-theme-runtime="1"] .multiselect-list .list-item,
html[data-qorg-theme-runtime="1"] .select-options > div {
    min-height: var(--qorg-menu-item-height) !important;
    padding-inline: var(--qorg-menu-item-padding) !important;
    border-radius: var(--qorg-menu-item-radius) !important;
}

html[data-qorg-theme-runtime="1"] .multiselect-list .list-item:hover,
html[data-qorg-theme-runtime="1"] .select-options > div:hover {
    background: var(--qorg-menu-hover-bg) !important;
    color: var(--qorg-menu-hover-text) !important;
}

/* ==========================================================================
   MERGED SOURCE: qorg_native_select_v134.css
   ========================================================================== */
/* Q Org Design Tokens v1.3.4
   Progressive enhancement for native Frappe Select controls.
   Loaded after qorg_theme_runtime.css and qorg_theme_runtime_v133_fix.css. */

/* Baseline closed control. This remains active in every browser. */
html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"] .control-input {
    position: relative;
    min-height: var(--qorg-desk-field-height) !important;
}

html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"] select.form-control,
html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"] select.input-with-feedback {
    width: 100% !important;
    min-height: var(--qorg-desk-field-height) !important;
    height: var(--qorg-desk-field-height) !important;
    padding-block: 0 !important;
    padding-inline: 12px 34px !important;
    background: var(--qorg-field-bg) !important;
    color: var(--qorg-field-text) !important;
    border: 1px solid var(--qorg-field-border) !important;
    border-radius: var(--qorg-desk-field-radius) !important;
    font: inherit;
    line-height: calc(var(--qorg-desk-field-height) - 2px) !important;
    text-align: center !important;
    text-align-last: center !important;
    cursor: pointer;
}

html[dir="rtl"][data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"] select.form-control,
html[dir="rtl"][data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"] select.input-with-feedback {
    padding-inline: 34px 12px !important;
}

html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"] select.form-control:focus,
html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"] select.input-with-feedback:focus {
    border-color: var(--qorg-field-focus) !important;
    outline: 3px solid color-mix(in srgb, var(--qorg-field-focus) 22%, transparent) !important;
    outline-offset: 1px;
    box-shadow: none !important;
}

/* Keep the Frappe arrow aligned to the configured height. */
html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"] .control-input .select-icon.xs,
html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"].form-group .select-icon.xs {
    top: calc((var(--qorg-desk-field-height) - 20px) / 2) !important;
    right: 10px !important;
    left: auto !important;
    transform: none !important;
    pointer-events: none;
}

html[dir="rtl"][data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"] .control-input .select-icon.xs,
html[dir="rtl"][data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"].form-group .select-icon.xs {
    right: auto !important;
    left: 10px !important;
}

/* Placeholder follows field height rather than a hard-coded top value. */
html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"] .control-input .placeholder.xs,
html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"].form-group .placeholder.xs {
    top: calc((var(--qorg-desk-field-height) - 22px) / 2) !important;
    left: 12px !important;
    right: 34px !important;
    margin: 0 !important;
    line-height: 22px !important;
    text-align: center !important;
    pointer-events: none;
}

html[dir="rtl"][data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"] .control-input .placeholder.xs,
html[dir="rtl"][data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"].form-group .placeholder.xs {
    left: 34px !important;
    right: 12px !important;
}

/* Full picker styling only when the browser supports customizable native select.
   Unsupported browsers keep the usable native picker. */
@supports (appearance: base-select) {
    html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"] select.form-control,
    html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"] select.input-with-feedback,
    html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"] select.form-control::picker(select),
    html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"] select.input-with-feedback::picker(select) {
        appearance: base-select;
    }

    /* Frappe already supplies the visible select icon. */
    html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"] select::picker-icon {
        opacity: 0;
        width: 0;
    }

    html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"] select::picker(select) {
        margin-block-start: 6px;
        padding: 6px;
        background: var(--qorg-menu-bg);
        color: var(--qorg-menu-text);
        border: 1px solid var(--qorg-menu-border);
        border-radius: var(--qorg-menu-radius);
        box-shadow: 0 14px 34px rgb(0 0 0 / .18);
        max-height: min(360px, 55vh);
        overflow-y: auto;
    }

    html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"] select option {
        min-height: var(--qorg-menu-item-height);
        padding-block: max(7px, calc((var(--qorg-menu-item-height) - 20px) / 2));
        padding-inline: var(--qorg-menu-item-padding);
        background: transparent;
        color: var(--qorg-menu-text);
        border: 0;
        border-radius: var(--qorg-menu-item-radius);
        font: inherit;
        line-height: 20px;
        cursor: pointer;
    }

    html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"] select option:hover,
    html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"] select option:focus,
    html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"] select option:checked {
        background: var(--qorg-menu-hover-bg);
        color: var(--qorg-menu-hover-text);
    }

    html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"] select option::checkmark {
        color: var(--qorg-brand-primary);
    }
}

/* ==========================================================================
   MERGED SOURCE: qorg_theme_runtime_v135_fix.css
   ========================================================================== */
/* Q Org Design Tokens v1.3.5
   Focused correction for Select positioning and Link/Awesomplete stacking.
   Load after qorg_theme_runtime.css, v1.3.3 and v1.3.4. */

/* --------------------------------------------------------------------------
   1. Native Select: let Frappe own placeholder vertical positioning.
   The explicit top value caused the label to be vertically displaced.
   -------------------------------------------------------------------------- */
html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"] .control-input .placeholder.xs,
html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"].form-group .placeholder.xs {
    bottom: auto !important;
    transform: none !important;
    margin: 0 !important;
    text-align: center !important;
    pointer-events: none;
}

/* The closed native select itself owns vertical centering. */
html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"] select.form-control,
html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"] select.input-with-feedback {
    min-height: var(--qorg-desk-field-height) !important;
    height: var(--qorg-desk-field-height) !important;
    padding-block: 0 !important;
    line-height: normal !important;
    text-align: center !important;
    text-align-last: center !important;
}

/* Arrow stays on the natural side for each document direction. */
html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"] .control-input .select-icon.xs,
html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"].form-group .select-icon.xs {
    top: calc((var(--qorg-desk-field-height) - 20px) / 2) !important;
    right: 10px !important;
    left: auto !important;
    transform: none !important;
}

html[dir="rtl"][data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"] .control-input .select-icon.xs,
html[dir="rtl"][data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="Select"].form-group .select-icon.xs {
    right: auto !important;
    left: 10px !important;
}

/* --------------------------------------------------------------------------
   2. Link and Dynamic Link: restore Frappe's native DOM geometry.
   No generic menu surface is applied to Awesomplete containers.
   -------------------------------------------------------------------------- */
/* No popup-container override here. Frappe owns Awesomplete geometry and stacking. */

html[data-qorg-theme-runtime="1"] [data-fieldtype="Link"] .control-input,
html[data-qorg-theme-runtime="1"] [data-fieldtype="Dynamic Link"] .control-input,
html[data-qorg-theme-runtime="1"] .link-field .control-input,
html[data-qorg-theme-runtime="1"] [data-fieldtype="Link"] .input-group,
html[data-qorg-theme-runtime="1"] [data-fieldtype="Dynamic Link"] .input-group,
html[data-qorg-theme-runtime="1"] .link-field .input-group {
    display: block !important;
    min-height: auto !important;
    height: auto !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

html[data-qorg-theme-runtime="1"] [data-fieldtype="Link"] .awesomplete,
html[data-qorg-theme-runtime="1"] [data-fieldtype="Dynamic Link"] .awesomplete,
html[data-qorg-theme-runtime="1"] .link-field .awesomplete {
    display: block !important;
    position: relative;
    width: 100% !important;
    min-width: 0 !important;
}

html[data-qorg-theme-runtime="1"] [data-fieldtype="Link"] .awesomplete > input,
html[data-qorg-theme-runtime="1"] [data-fieldtype="Dynamic Link"] .awesomplete > input,
html[data-qorg-theme-runtime="1"] .link-field .awesomplete > input {
    width: 100% !important;
    min-height: var(--qorg-desk-field-height) !important;
    height: var(--qorg-desk-field-height) !important;
    background: var(--qorg-field-bg) !important;
    color: var(--qorg-field-text) !important;
    border: 1px solid var(--qorg-field-border) !important;
    border-radius: var(--qorg-desk-field-radius) !important;
}

/* Do not force the Link action segment to look like a second input. */
html[data-qorg-theme-runtime="1"] [data-fieldtype="Link"] .input-group-btn,
html[data-qorg-theme-runtime="1"] [data-fieldtype="Dynamic Link"] .input-group-btn,
html[data-qorg-theme-runtime="1"] .link-field .input-group-btn {
    width: auto !important;
    height: auto !important;
    min-height: auto !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

/* Link popup stacking is intentionally not overridden. */

/* --------------------------------------------------------------------------
   4. MultiSelect-specific popup only. Keep geometry local and do not touch Link.
   -------------------------------------------------------------------------- */
html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="MultiSelect"] .multiselect-list,
html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="MultiSelectList"] .multiselect-list {
    color: var(--qorg-menu-text) !important;
    border-radius: var(--qorg-menu-radius) !important;
}

html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="MultiSelect"] .multiselect-list .status-text,
html[data-qorg-theme-runtime="1"] .frappe-control[data-fieldtype="MultiSelectList"] .multiselect-list .status-text {
    position: absolute;
    top: 7px !important;
    left: 8px !important;
    right: 8px !important;
    margin: 0 !important;
}

/* Preserve natural alignment for leaf and parent sidebar rows. */
html[data-qorg-theme-runtime="1"] .body-sidebar .standard-sidebar-item .item-anchor {
    height: auto !important;
    min-height: inherit;
}

/* Restore full desktop height after switching from mobile viewport. */
@media (min-width: 992px) {
    html[data-qorg-theme-runtime="1"] .body-sidebar,
    html[data-qorg-theme-runtime="1"] .body-sidebar > .body-sidebar-container {
        min-height: 100dvh;
    }
}

/* ========================================================================== 
   Desk filter dialog action buttons
   Frappe marks Clear Filters and Apply Filters as btn-xs. In this specific
   action group they are primary form actions and must follow configured Desk
   button height/radius instead of the compact utility-button dimensions.
   ========================================================================== */
html[data-qorg-scope="desk"][data-qorg-theme-runtime="1"] .filter-action-buttons > :is(
    button.btn.clear-filters,
    button.btn.apply-filters
) {
    min-height: var(--qorg-desk-button-height, 32px) !important;
    height: var(--qorg-desk-button-height, 32px) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-block: 0 !important;
    padding-inline: 12px !important;
    border-radius: var(--qorg-desk-button-radius, var(--border-radius)) !important;
    font-size: var(--font-size-sm, 12px) !important;
    line-height: 1.2 !important;
    vertical-align: middle !important;
    white-space: nowrap;
}

html[data-qorg-scope="desk"][data-qorg-theme-runtime="1"] .filter-action-buttons > button.btn.clear-filters {
    color: var(--qorg-secondary-button-text, var(--text-color)) !important;
    background: var(--qorg-secondary-button-bg, var(--card-bg)) !important;
    border-color: var(--qorg-border, var(--border-color)) !important;
}

html[data-qorg-scope="desk"][data-qorg-theme-runtime="1"] .filter-action-buttons > button.btn.clear-filters:hover {
    color: var(--qorg-secondary-button-text, var(--text-color)) !important;
    background: var(--qorg-secondary-button-hover, var(--control-bg)) !important;
}

html[data-qorg-scope="desk"][data-qorg-theme-runtime="1"] .filter-action-buttons > button.btn.apply-filters {
    color: var(--qorg-button-text, #fff) !important;
    background: var(--qorg-button-bg, var(--primary-color)) !important;
    border-color: var(--qorg-button-bg, var(--primary-color)) !important;
}

html[data-qorg-scope="desk"][data-qorg-theme-runtime="1"] .filter-action-buttons > button.btn.apply-filters:hover {
    color: var(--qorg-button-text, #fff) !important;
    background: var(--qorg-button-hover, var(--primary-color)) !important;
    border-color: var(--qorg-button-hover, var(--primary-color)) !important;
}