/* Standardkontrollen: Für normale Checkboxen immer .ui-checkbox mit <input> + <span> verwenden. */
.ui-checkbox,.checkbox,.checkbox-row{position:relative;display:grid;grid-template-columns:1.3rem minmax(0,1fr);align-items:start;gap:.65rem;cursor:pointer;line-height:1.5}
.ui-checkbox>input[type="checkbox"],.checkbox>input[type="checkbox"],.checkbox-row>input[type="checkbox"]{appearance:none;width:1.3rem;height:1.3rem;margin:.08rem 0 0;border:.1rem solid #9aaba4;border-radius:.38rem;background:#fff center/75% no-repeat;box-shadow:inset 0 0 0 .12rem #fff;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease}
.ui-checkbox:hover>input[type="checkbox"],.checkbox:hover>input[type="checkbox"],.checkbox-row:hover>input[type="checkbox"]{border-color:var(--color-terra);box-shadow:inset 0 0 0 .12rem #fff,0 0 0 .2rem rgb(197 102 62/.1)}
.ui-checkbox>input[type="checkbox"]:checked,.checkbox>input[type="checkbox"]:checked,.checkbox-row>input[type="checkbox"]:checked{border-color:var(--color-forest);background-color:var(--color-forest);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 7'/%3E%3C/svg%3E");box-shadow:inset 0 0 0 .08rem var(--color-forest);transform:scale(1.02)}
.ui-checkbox>input[type="checkbox"]:focus-visible,.checkbox>input[type="checkbox"]:focus-visible,.checkbox-row>input[type="checkbox"]:focus-visible{outline:.18rem solid rgb(197 102 62/.28);outline-offset:.15rem}
.ui-checkbox>input[type="checkbox"]:user-invalid,.checkbox>input[type="checkbox"]:user-invalid,.checkbox-row>input[type="checkbox"]:user-invalid{border-color:#a94f43;box-shadow:0 0 0 .2rem rgb(169 79 67/.1)}
.ui-checkbox>input[type="checkbox"]:disabled,.checkbox>input[type="checkbox"]:disabled,.checkbox-row>input[type="checkbox"]:disabled{opacity:.5;cursor:not-allowed}
.ui-checkbox:has(input:disabled),.checkbox:has(input:disabled),.checkbox-row:has(input:disabled){cursor:not-allowed;opacity:.72}
.ui-checkbox>span,.checkbox>span,.checkbox-row>span{min-width:0}