/* V7.6.5 — cases à cocher visibles et faciles à utiliser. */
.checkbox-label{
  align-items:flex-start!important;
  gap:14px!important;
  cursor:pointer;
  line-height:1.45;
}

.checkbox-label>[data-slot="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 30px!important;
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  min-height:30px!important;
  margin-top:1px!important;
  padding:0!important;
  border:3px solid var(--company-primary,#147b57)!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#fff!important;
  box-shadow:0 1px 3px rgba(20,75,56,.18)!important;
  cursor:pointer;
}

.checkbox-label>[data-slot="checkbox"][data-state="checked"]{
  background:var(--company-primary,#147b57)!important;
  border-color:var(--company-primary,#147b57)!important;
}

.checkbox-label>[data-slot="checkbox"] [data-slot="checkbox-indicator"]{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  color:#fff!important;
}

.checkbox-label>[data-slot="checkbox"] svg{
  width:20px!important;
  height:20px!important;
  stroke-width:3.5!important;
}

.checkbox-label>[data-slot="checkbox"]:focus-visible{
  outline:4px solid color-mix(in srgb,var(--company-primary,#147b57) 28%,transparent)!important;
  outline-offset:3px!important;
}

.document-dialog .checkbox-label{
  padding:14px 16px;
  border:1px solid #c9ddd2;
  border-radius:10px;
  background:#f7fbf9;
  font-size:16px!important;
}

@media(max-width:780px){
  .checkbox-label>[data-slot="checkbox"]{
    flex-basis:32px!important;
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
  }
  .document-dialog .checkbox-label{padding:14px 12px;font-size:15px!important}
}