/**
 * مربعات الاختيار (UI::field checkbox، شرائح الأيام .tnt-day-chip)
 */

.tnt .tnt-check { display: inline-flex; align-items: center; gap: 10px; cursor: pointer; font-weight: 500; }
.tnt .tnt-check input { position: absolute; opacity: 0; }
.tnt .tnt-check__box { width: 20px; height: 20px; border-radius: 6px; border: 1.5px solid var(--tnt-border-strong); background: #fff; display: grid; place-items: center; transition: .15s; }
.tnt .tnt-check input:checked + .tnt-check__box { background: var(--tnt-primary); border-color: var(--tnt-primary); }
.tnt .tnt-check input:checked + .tnt-check__box::after { content: ""; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg) translate(-1px, -1px); }
.tnt .tnt-check input:focus-visible + .tnt-check__box { box-shadow: var(--tnt-ring); }