.checklist-row-checkbox .p-checkbox-box {
  width: 1.45rem;
  height: 1.45rem;
}

.checklist-row-checkbox .p-checkbox-icon {
  font-size: 0.8rem;
}

/* Green “success” checkbox (BaseSuccessCheckbox / task + checklist modals) */
.base-success-checkbox .p-checkbox-box {
  width: 1.25rem;
  height: 1.25rem;
}

.base-success-checkbox .p-checkbox-icon {
  font-size: 0.75rem;
}

.base-success-checkbox.p-checkbox-checked:not(.p-disabled) .p-checkbox-box {
  background: rgb(22 163 74);
  border-color: rgb(22 163 74);
  color: white;
}

.base-success-checkbox.p-checkbox-checked:not(.p-disabled) .p-checkbox-icon {
  color: white;
}

/* Keep success green on hover/focus — theme defaults use primary (sky). */
.base-success-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
  border-color: rgb(34 197 94);
}

.base-success-checkbox:not(.p-checkbox-checked):not(.p-disabled):has(
    .p-checkbox-input:hover
  )
  .p-checkbox-box {
  background: rgb(240 253 244);
}

.app-dark .base-success-checkbox:not(.p-checkbox-checked):not(.p-disabled):has(
    .p-checkbox-input:hover
  )
  .p-checkbox-box {
  background: rgb(22 101 52 / 0.2);
}

.base-success-checkbox.p-checkbox-checked:not(.p-disabled):has(
    .p-checkbox-input:hover
  )
  .p-checkbox-box {
  background: rgb(21 128 61);
  border-color: rgb(21 128 61);
}

.base-success-checkbox.p-checkbox-checked:not(.p-disabled):has(
    .p-checkbox-input:hover
  )
  .p-checkbox-icon {
  color: white;
}

.base-success-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible)
  .p-checkbox-box {
  border-color: rgb(22 163 74);
  box-shadow: 0 0 0 2px rgb(22 163 74 / 0.35);
  outline: none;
}

.base-success-checkbox.p-checkbox-checked:not(.p-disabled):has(
    .p-checkbox-input:focus-visible
  )
  .p-checkbox-box {
  border-color: rgb(21 128 61);
  box-shadow: 0 0 0 2px rgb(22 163 74 / 0.35);
}
