/* Shared checkbox used by list filters and document lookup filters. */
html body label.vario-shared-filter-checkbox,
html[data-vario-theme] body label.vario-shared-filter-checkbox,
html body .vario-list-standard label.vario-shared-filter-checkbox,
html[data-vario-theme] body .vario-list-standard label.vario-shared-filter-checkbox {
    display: inline-flex !important;
    grid-template-rows: none !important;
    align-items: center !important;
    align-self: end !important;
    justify-self: start !important;
    flex: 0 0 auto !important;
    gap: 6px !important;
    width: max-content !important;
    min-width: 0 !important;
    height: 25px !important;
    min-height: 25px !important;
    max-height: 25px !important;
    margin: 0 !important;
    padding: 0 4px 0 1px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--vario-color-text-strong) !important;
    cursor: pointer !important;
}

html body label.vario-shared-filter-checkbox:has(input:checked),
html[data-vario-theme] body label.vario-shared-filter-checkbox:has(input:checked) {
    border-color: transparent !important;
    background: transparent !important;
    color: var(--vario-color-text-strong) !important;
}

html body label.vario-shared-filter-checkbox > input.form-check-input,
html[data-vario-theme] body label.vario-shared-filter-checkbox > input.form-check-input {
    flex: 0 0 13px !important;
    width: 13px !important;
    min-width: 13px !important;
    height: 13px !important;
    min-height: 13px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--vario-color-border-field) !important;
    border-radius: 3px !important;
    background-color: var(--vario-color-surface-card) !important;
    box-shadow: none !important;
    appearance: auto !important;
    accent-color: var(--vario-color-primary-600) !important;
}

html body label.vario-shared-filter-checkbox > span,
html[data-vario-theme] body label.vario-shared-filter-checkbox > span {
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    color: inherit !important;
    font: 800 10px/13px Inter, "Segoe UI", Arial, sans-serif !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
}

html body label.vario-shared-filter-checkbox:has(input:disabled),
html[data-vario-theme] body label.vario-shared-filter-checkbox:has(input:disabled) {
    cursor: not-allowed !important;
    opacity: .58 !important;
}

/* The list shell historically reserved 136 px for every check field. Shared
   compact checkboxes size to their real label so multiple criteria remain in
   the visible search pane. */
html body .vario-list-standard label.vario-list-search-check.vario-shared-filter-checkbox.check,
html[data-vario-theme] body .vario-list-standard label.vario-list-search-check.vario-shared-filter-checkbox.check {
    flex: 0 0 auto !important;
}