/* Shared DEKRA checkbox treatment.
 * Keep the native input in the document for keyboard, label and form semantics;
 * only its visual presentation is standardised here.
 */
body.app-shell input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    margin: 0;
    padding: 0;
    border: 1px solid #8fa99d;
    border-radius: 3px;
    background: #fff;
    color: #087b4c;
    vertical-align: middle;
    cursor: pointer;
    transition: background-color .12s ease, border-color .12s ease, box-shadow .12s ease;
}

body.app-shell input[type="checkbox"]:checked {
    border-color: #087b4c;
    background: #087b4c;
}

body.app-shell input[type="checkbox"]:checked::after {
    content: "";
    display: block;
    width: 4px;
    height: 8px;
    margin: 1px 0 0 5px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

body.app-shell input[type="checkbox"]:hover:not(:disabled) {
    border-color: #087b4c;
}

body.app-shell input[type="checkbox"]:focus-visible {
    outline: 2px solid #65a98b;
    outline-offset: 2px;
}

body.app-shell input[type="checkbox"]:disabled {
    opacity: .55;
    cursor: not-allowed;
}