/* Shared by Blazor workspaces, account pages, and the tablet scanner. */
:root input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    display: inline-grid;
    place-content: center;
    width: 1.05rem;
    height: 1.05rem;
    min-width: 1.05rem;
    min-height: 1.05rem;
    flex: 0 0 1.05rem;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    border: 1px solid light-dark(#a9baca, var(--theme-control-line));
    border-radius: 4px;
    background: light-dark(#fff, var(--theme-surface));
    color: #fff;
    box-shadow: inset 0 1px 2px #17365008;
    cursor: pointer;
}
:root input[type="checkbox"]::before {
    content: "";
    width: .28rem;
    height: .5rem;
    border: solid currentColor;
    border-width: 0 2px 2px 0;
    transform: translateY(-1px) rotate(45deg) scale(0);
}
:root input[type="checkbox"]:checked,
:root input[type="checkbox"]:indeterminate {
    background: var(--brand, #1e3a5f);
    border-color: var(--brand, #1e3a5f);
    box-shadow: none;
}
:root input[type="checkbox"]:checked::before { transform: translateY(-1px) rotate(45deg) scale(1); }
:root input[type="checkbox"]:indeterminate::before { width: .55rem; height: 0; border-width: 0 0 2px; transform: none; }
:root input[type="checkbox"]:hover:not(:disabled) { border-color: #367f9a; box-shadow: 0 0 0 2px #367f9a20; }
:root input[type="checkbox"]:focus-visible { outline:2px solid var(--focus-ring); outline-offset: 3px; }
:root input[type="checkbox"]:disabled { opacity: .5; cursor: not-allowed; }
@media (forced-colors: active) {
    :root input[type="checkbox"] { appearance: auto; -webkit-appearance: auto; }
    :root input[type="checkbox"]::before { content: none; }
}