.multi-select-box{
  display:grid;
  gap:8px;
  min-width:0;
}

.field .multi-option{
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  min-height:50px;
  margin:0;
  padding:11px 13px;
  border:1px solid #263039;
  border-radius:15px;
  background:linear-gradient(180deg,#11171C,#0D1216);
  color:#EEF2F5;
  font-size:13px;
  font-weight:800;
  line-height:1.25;
  letter-spacing:0;
  text-transform:none;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}

.multi-option input{
  position:absolute !important;
  inset:0;
  z-index:2;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  opacity:0;
  cursor:pointer;
}

.choice-box{
  width:22px;
  height:22px;
  flex:0 0 22px;
  display:grid;
  place-items:center;
  border:1px solid #3A4650;
  border-radius:7px;
  background:#0A0E12;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;
  pointer-events:none;
}

.choice-box::after{
  content:"";
  width:9px;
  height:5px;
  border-left:2px solid #fff;
  border-bottom:2px solid #fff;
  transform:translateY(-1px) rotate(-45deg) scale(.72);
  opacity:0;
  transition:opacity .14s ease,transform .14s ease;
}

.multi-option input:checked + .choice-box{
  background:#008A4C;
  border-color:#1CB06A;
  box-shadow:0 0 0 3px rgba(0,138,76,.12),inset 0 1px 0 rgba(255,255,255,.18);
}

.multi-option input:checked + .choice-box::after{
  opacity:1;
  transform:translateY(-1px) rotate(-45deg) scale(1);
}

.multi-option input:focus-visible + .choice-box{
  outline:2px solid rgba(53,201,133,.72);
  outline-offset:2px;
}

.multi-option:has(input:checked){
  border-color:rgba(0,138,76,.62);
  background:linear-gradient(180deg,rgba(0,138,76,.12),#0D1412);
}

.multi-option-label{
  flex:1;
  min-width:0;
  color:#EEF2F5;
  overflow-wrap:anywhere;
  pointer-events:none;
}

.department-option{
  display:grid;
  gap:8px;
  min-width:0;
}

.department-option + .department-option{
  margin-top:2px;
}

.department-option select{
  margin:0;
}

.department-option select:disabled{
  opacity:.42;
  color:#77818B;
}

.multi-empty{
  padding:13px 14px;
  border:1px dashed #2B343C;
  border-radius:14px;
  color:#77818B;
  font-size:12px;
}

.financial-contour-options{
  display:grid;
  gap:8px;
}

.financial-contour-option{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:54px;
  padding:9px 10px 9px 12px;
  border:1px solid #222B32;
  border-radius:16px;
  background:linear-gradient(180deg,#10151A,#0C1014);
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
}

.financial-contour-option.selected{
  border-color:rgba(0,138,76,.5);
  background:linear-gradient(180deg,rgba(0,138,76,.10),#0C1210);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

.financial-contour-choice{
  position:relative;
  display:flex;
  align-items:center;
  gap:11px;
  flex:1;
  min-width:0;
  min-height:38px;
  margin:0;
  color:#EEF2F5;
  cursor:pointer;
}

.financial-contour-choice>input{
  position:absolute;
  width:1px!important;
  height:1px!important;
  opacity:0;
  pointer-events:none;
}

.financial-contour-choice>input:checked + .choice-box{
  background:#008A4C;
  border-color:#28A66D;
  box-shadow:0 0 0 3px rgba(0,138,76,.1),inset 0 1px 0 rgba(255,255,255,.16);
}

.financial-contour-choice>input:checked + .choice-box::after{
  opacity:1;
  transform:translateY(-1px) rotate(-45deg) scale(1);
}

.financial-contour-name{
  min-width:0;
  font-size:13px;
  font-weight:850;
  letter-spacing:-.1px;
}

.financial-contour-primary{
  position:relative;
  display:flex;
  align-items:center;
  min-height:34px;
  margin:0;
  padding:0 11px;
  border:1px solid #28323A;
  border-radius:11px;
  color:#8D98A2;
  background:#0A0E11;
  font-size:10px;
  font-weight:850;
  cursor:pointer;
  transition:color .16s ease,border-color .16s ease,background .16s ease,opacity .16s ease;
}

.financial-contour-primary input{
  position:absolute;
  width:1px!important;
  height:1px!important;
  opacity:0;
}

.financial-contour-primary:has(input:checked){
  color:#EFFFF7;
  border-color:rgba(0,138,76,.62);
  background:rgba(0,138,76,.17);
}

.financial-contour-primary.is-disabled{
  opacity:.32;
  pointer-events:none;
}

.field-note{
  display:block;
  margin-top:7px;
  color:#727D87;
  font-size:10px;
  line-height:1.4;
}