input.checkbox{appearance:none;border-radius:4px;cursor:pointer;width:16px;height:16px;position:relative;display:grid;place-content:center;border:1px solid var(--border-strong);background-color:#fff}input.checkbox:checked:before{content:"✔";color:#fff;transform:rotate(20deg) translateY(-1px)}input.checkbox.green:focus-visible{outline:1px solid var(--brand)}input.checkbox.green:checked{background-color:var(--brand);border:1px solid var(--brand)}.table-to-cards thead{display:none}.table-to-cards{display:flex;width:100%}.table-to-cards tbody{display:grid;gap:1rem;width:100%;padding:.5rem}.table-to-cards tr{display:grid;width:100%;border-radius:16px;box-shadow:1px 1px 10px #ddd;overflow:hidden;padding:1rem;gap:1rem;background-color:#fff!important}.table-to-cards tr td{border:1px solid transparent;padding:0;position:relative;overflow-wrap:break-word;max-width:fit-content;height:unset;overflow:hidden}.table-to-cards td:before{content:attr(data-label,"");display:block;font-weight:700;font-size:.75rem;margin-bottom:.5rem}.dataTables_wrapper:has(.table-to-cards) [class^=col]{padding-inline:0!important}.dataTables_wrapper:has(.table-to-cards) label{width:100%}@media screen and (min-width:365px){.table-to-cards tr{grid-template-columns:1fr 1fr}}@media screen and (min-width:768px){.table-to-cards tbody{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media screen and (min-width:365px){.table-to-cards-m tr{grid-template-columns:1fr 1fr}}@media screen and (max-width:768px){.table-to-cards-m thead{display:none}.table-to-cards-m{display:flex;width:100%}.table-to-cards-m tbody{display:grid;gap:1rem;width:100%;padding:.5rem}.table-to-cards-m tr{display:grid;width:100%;border-radius:16px;box-shadow:1px 1px 10px #ddd;overflow:hidden;padding:1rem;gap:1rem;background-color:#fff!important}.table-to-cards-m tr td{border:1px solid transparent;padding:0;position:relative;overflow-wrap:break-word;max-width:fit-content;height:unset;overflow:hidden}.table-to-cards-m td:before{content:attr(data-label,"");display:block;font-weight:700;font-size:.75rem;margin-bottom:.5rem}.dataTables_wrapper:has(.table-to-cards-m) [class^=col]{padding-inline:0!important}.dataTables_wrapper:has(.table-to-cards-m) label{width:100%}}
