/* Shared selection controls for DataTableWidget and BrowseTableWidget.
   Keep selectors table-scoped so standalone form controls are unaffected. */
.ombox-data-table :where(.form-check-input[type="checkbox"]:not([role="switch"])) {
    float: none;
    width: 18px;
    height: 18px;
    margin: 0;
    vertical-align: middle;
    border: 1px solid var(--color-border, #d7dde5);
    border-radius: var(--radius-sm, 4px);
    background-color: var(--color-white, #fff);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 13px 13px;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, .08);
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}

.ombox-data-table :where(.form-check-input[type="checkbox"]:not([role="switch"])):checked {
    border-color: var(--color-primary, #0087f7);
    background-color: var(--color-primary, #0087f7);
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6 3.8 5.8 9.6 2.6 6.4' fill='none' stroke='%23fff' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    box-shadow: none;
}

.ombox-data-table :where(.form-check-input[type="checkbox"]:not([role="switch"])):disabled {
    cursor: not-allowed;
    opacity: .68;
}

body.eye-protection .ombox-data-table :where(.form-check-input[type="checkbox"]:not([role="switch"])) {
    border-color: #d9cbb8;
    background-color: #faf8f3;
}

body.eye-protection .ombox-data-table :where(.form-check-input[type="checkbox"]:not([role="switch"])):checked {
    border-color: #8b6b3f;
    background-color: #8b6b3f;
}