/* V2 checkboxes share the search list's images and keep native input behavior. */
.trade-v2 input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    display: inline-block;
    box-sizing: border-box;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 4px;
    vertical-align: middle;
    background: url('https://img3.job1001.com/talentNetworkNew/images/unchecked.svg') center / 20px 20px no-repeat;
    cursor: pointer;
}

.trade-v2 input[type="checkbox"]:checked {
    background-image: url('https://img3.job1001.com/talentNetworkNew/images/checked.svg');
}

.trade-v2 input[type="checkbox"]:indeterminate {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect x='.5' y='.5' width='19' height='19' rx='3.5' fill='%23F75A3E' stroke='%23F75A3E'/%3E%3Cpath d='M6 10h8' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.trade-v2 input[type="checkbox"]:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 3px;
}

.trade-v2 input[type="checkbox"]:disabled {
    opacity: .45;
    cursor: not-allowed;
}