/* Final geometry for Switch and multiple Select controls. */

/* The 42x24 track must use a matching 18px handle centered by 3px. */
body .ant-switch{
  position:relative!important;
  display:inline-flex!important;
  width:42px!important;
  min-width:42px!important;
  height:24px!important;
  min-height:24px!important;
  padding:0!important;
  align-items:center!important;
  vertical-align:middle!important;
  line-height:24px!important;
  border:0!important;
  border-radius:12px!important;
  background:#b8c5d5!important;
  box-shadow:inset 0 1px 2px rgba(15,23,42,.12)!important;
}
body .ant-switch.ant-switch-checked{
  background:#2563eb!important;
}
body .ant-switch .ant-switch-handle{
  position:absolute!important;
  top:3px!important;
  right:auto!important;
  bottom:auto!important;
  left:3px!important;
  inset-inline-start:3px!important;
  width:18px!important;
  height:18px!important;
  transform:none!important;
}
body .ant-switch.ant-switch-checked .ant-switch-handle{
  right:auto!important;
  left:21px!important;
  inset-inline-start:21px!important;
}
body .ant-switch .ant-switch-handle::before{
  position:absolute!important;
  inset:0!important;
  width:18px!important;
  height:18px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 1px 3px rgba(15,23,42,.24)!important;
}
body .ant-switch .ant-switch-handle .anticon{
  position:absolute!important;
  inset:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
}
body .ant-switch .ant-switch-inner{
  display:flex!important;
  height:24px!important;
  align-items:center!important;
  line-height:24px!important;
}

/* Selected values read as separate compact chips instead of cramped text. */
body .ant-select-multiple .ant-select-selector{
  display:flex!important;
  align-items:center!important;
  padding-block:0!important;
}
body .ant-select-multiple .ant-select-selection-overflow{
  display:flex!important;
  min-height:calc(var(--control-height,42px) - 2px)!important;
  align-items:center!important;
  align-content:center!important;
  gap:5px!important;
  row-gap:4px!important;
}
body .main-content .filter-bar .ant-select-multiple .ant-select-selection-overflow{
  min-height:calc(var(--compact-control-height,36px) - 2px)!important;
}
body .ant-select-multiple .ant-select-selection-overflow-item{
  display:inline-flex!important;
  height:24px!important;
  margin:0!important;
  align-items:center!important;
}
body .ant-select-multiple .ant-select-selection-item{
  display:inline-flex!important;
  height:24px!important;
  min-height:24px!important;
  margin:0!important;
  padding:0 4px 0 9px!important;
  align-items:center!important;
  color:#31527f!important;
  line-height:22px!important;
  background:#eef4fb!important;
  border:1px solid #d8e3f1!important;
  border-radius:6px!important;
}
body .ant-select-multiple .ant-select-selection-item-content{
  display:inline-flex!important;
  height:22px!important;
  min-width:0!important;
  align-items:center!important;
  line-height:1!important;
}
body .ant-select-multiple .ant-select-selection-item-remove{
  display:inline-flex!important;
  width:16px!important;
  height:22px!important;
  margin:0 0 0 4px!important;
  padding:0!important;
  align-items:center!important;
  justify-content:center!important;
  color:#7b8ba1!important;
  line-height:1!important;
  border-radius:4px!important;
}
body .ant-select-multiple .ant-select-selection-item-remove:hover{
  color:#1e4f91!important;
  background:#dce8f7!important;
}
body .ant-select-multiple .ant-select-selection-item-remove .anticon,
body .ant-select-multiple .ant-select-selection-item-remove svg{
  display:block!important;
  width:11px!important;
  height:11px!important;
}
body .ant-select-multiple .ant-select-selection-overflow-item-suffix{
  display:inline-flex!important;
  height:24px!important;
  margin:0!important;
  align-items:center!important;
}
body .ant-select-multiple .ant-select-selection-search{
  display:inline-flex!important;
  height:24px!important;
  margin:0!important;
  align-items:center!important;
}
body .ant-select-multiple .ant-select-selection-search-input{
  height:22px!important;
  line-height:22px!important;
}

@media (prefers-reduced-motion:no-preference){
  body .ant-switch .ant-switch-handle{
    transition:left .16s ease,inset-inline-start .16s ease!important;
  }
}
