/**
 * Loaded after crm-app.css — settings permission checkboxes (blue, not legacy green).
 */
input[type="checkbox"].access-perm-checkbox::before,
input[type="checkbox"].access-perm-checkbox::after {
  all: unset !important;
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  pointer-events: none !important;
}

input[type="checkbox"].access-perm-checkbox:checked::before,
input[type="checkbox"].access-perm-checkbox:checked::after {
  all: unset !important;
  content: none !important;
  display: none !important;
  background: transparent !important;
  background-color: transparent !important;
}

input[type="checkbox"].access-perm-checkbox {
  appearance: none !important;
  -webkit-appearance: none !important;
  accent-color: #4165b7 !important;
  position: static !important;
  display: inline-block !important;
  float: none !important;
  vertical-align: middle !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  border: 1px solid #b9b9b9 !important;
  border-radius: 4px !important;
  background: #fff !important;
  cursor: pointer !important;
}

input[type="checkbox"].access-perm-checkbox:checked {
  border-color: #4165b7 !important;
  background-color: #4165b7 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 8.2 6.4 11.1 12.5 4.9' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 12px 12px !important;
}

input[type="checkbox"].access-perm-checkbox:focus-visible {
  outline: 2px solid #4165b7 !important;
  outline-offset: 2px !important;
}

/* ─── Ant Design Select Input reset to guarantee no border ─── */
input.ant-select-input,
.ant-select-input,
.ant-select input,
input#deal-filter-date,
input#deal-filter-platform,
input#deal-filter-status,
.filterField input.ant-select-input,
.filterPanel input.ant-select-input {
  border: 0 none transparent !important;
  border-width: 0 !important;
  border-style: none !important;
  border-color: transparent !important;
  outline: 0 !important;
  outline-style: none !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  padding: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
}