.task-state-filter{margin:0;padding:0;border:0;min-width:0}
.task-state-filter legend{padding:0;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--text)}
.task-state-filter>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.task-state-filter label{--state-color:var(--text);display:flex!important;flex-direction:row!important;align-items:center;gap:9px!important;min-height:42px;padding:8px 11px!important;border:1px solid color-mix(in srgb,var(--text) 20%,transparent);border-radius:9px;cursor:default;font-size:14px;font-weight:500;color:var(--muted);background:color-mix(in srgb,var(--text) 3%,transparent);transition:background .15s,border-color .15s,color .15s}
.task-state-filter label[data-state=new]{--state-color:#2781dc}.task-state-filter label[data-state=running]{--state-color:#329760}.task-state-filter label[data-state=postponed]{--state-color:#d06c5d}.task-state-filter label[data-state=waiting]{--state-color:#b28a2c}.task-state-filter label[data-state=done]{--state-color:#329760}
.task-state-filter label[data-state=cancelled]{--state-color:#777d88}
.task-state-filter label:has(input:checked){color:var(--text);background:color-mix(in srgb,var(--state-color) 10%,transparent);border-color:color-mix(in srgb,var(--state-color) 38%,transparent)}
.task-state-filter label:hover{border-color:color-mix(in srgb,var(--state-color) 65%,transparent)}
.task-state-filter input[type=checkbox]{appearance:none!important;-webkit-appearance:none!important;flex:0 0 18px!important;display:grid!important;place-content:center!important;width:18px!important;min-width:18px!important;height:18px!important;min-height:18px!important;max-width:18px!important;padding:0!important;margin:0!important;border:1px solid color-mix(in srgb,var(--text) 35%,transparent)!important;border-radius:5px!important;background:transparent!important;box-shadow:none!important;transform:none!important}
.task-state-filter input[type=checkbox]::before{content:''!important;position:static!important;width:8px!important;height:4px!important;border:solid white!important;border-width:0 0 2px 2px!important;border-radius:0!important;background:none!important;transform:translateY(-1px) rotate(-45deg) scale(0)!important;transition:transform .12s}
.task-state-filter input[type=checkbox]::after{display:none!important}
.task-state-filter input[type=checkbox]:checked{background:var(--state-color)!important;border-color:var(--state-color)!important}
.task-state-filter input[type=checkbox]:checked::before{transform:translateY(-1px) rotate(-45deg) scale(1)!important}
.task-state-filter label:focus-within{outline:2px solid var(--state-color);outline-offset:2px}
@media(max-width:380px){.task-state-filter label{padding:8px!important;font-size:13px;gap:7px!important}}