/* Checkbox quadrado compartilhado pelo mapa, modais e administração. */
body {
    --rc-checkbox-accent: var(--rc-blue, #1769e8);
    --rc-checkbox-surface: var(--rc-surface, #fff);
    --rc-checkbox-border: rgba(100, 116, 139, .34);
}

.checkbox > input[type="checkbox"] + label::before,
.checkbox > input[type="checkbox"] + label::after,
.checkbox-inline > input[type="checkbox"] + label::before,
.checkbox-inline > input[type="checkbox"] + label::after,
.bootstrap-select.btn-group.show-tick .dropdown-menu > li a span.text::before,
.bootstrap-select.btn-group.show-tick .dropdown-menu > li a span.text::after {
    border-radius: 4px !important;
}

.checkbox > input[type="checkbox"] + label::after,
.checkbox-inline > input[type="checkbox"] + label::after,
.bootstrap-select.btn-group.show-tick .dropdown-menu > li a span.text::after {
    border-color: var(--rc-checkbox-border) !important;
    background-color: var(--rc-checkbox-surface);
}

.checkbox > input[type="checkbox"]:checked + label::before,
.checkbox > input[type="checkbox"]:checked + label::after,
.checkbox-inline > input[type="checkbox"]:checked + label::before,
.checkbox-inline > input[type="checkbox"]:checked + label::after,
.bootstrap-select.btn-group.show-tick .dropdown-menu > li.selected a span.text::before,
.bootstrap-select.btn-group.show-tick .dropdown-menu > li.selected a span.text::after {
    color: #fff !important;
    border-color: var(--rc-checkbox-accent) !important;
    background-color: var(--rc-checkbox-accent) !important;
}

.checkbox > input[type="checkbox"]:focus + label::after,
.checkbox-inline > input[type="checkbox"]:focus + label::after {
    border-color: var(--rc-checkbox-accent) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--rc-checkbox-accent) 16%, transparent);
}

.checkbox > input[type="checkbox"]:disabled + label::before,
.checkbox > input[type="checkbox"]:disabled + label::after,
.checkbox-inline > input[type="checkbox"]:disabled + label::before,
.checkbox-inline > input[type="checkbox"]:disabled + label::after {
    cursor: not-allowed;
    opacity: .52;
}

body[class*="dark-"],
body.theme-dark,
body.dark,
body[data-theme="dark"],
body.admin-theme-dark {
    --rc-checkbox-surface: #20252d;
    --rc-checkbox-border: rgba(203, 213, 225, .34);
}