/* Scoped exclusively to the "Phân đơn cho supplier" picker. */
#workflow-modal .supplier-assign-field{grid-column:1/-1;position:relative;min-width:0}
#workflow-modal .supplier-assign-field>.supplier-assign-native{
  position:absolute!important;left:0;top:0;width:1px!important;height:1px!important;
  padding:0!important;margin:0!important;opacity:0!important;pointer-events:none!important;
  border:0!important;overflow:hidden;clip-path:inset(50%);
}
#workflow-modal .supplier-assign-trigger{
  width:100%;min-height:54px;padding:8px 12px;display:flex;align-items:center;gap:11px;
  border:1px solid #dbe5f4;border-radius:11px;background:#fff;color:#263c5b;
  text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s;
  font-family:inherit;
}
#workflow-modal .supplier-assign-trigger:hover{border-color:#adc5ee;background:#fbfdff}
#workflow-modal .supplier-assign-trigger.is-open,
#workflow-modal .supplier-assign-trigger:focus-visible{
  border-color:#4f7de5;outline:0;box-shadow:0 0 0 3px rgba(59,105,226,.11);
}
#workflow-modal .supplier-assign-trigger-avatar{
  flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;
  border-radius:10px;background:#edf3ff;color:#3a65cb;font-size:15px;font-weight:800;
}
#workflow-modal .supplier-assign-trigger.has-value .supplier-assign-trigger-avatar{
  background:#e8f0ff;color:#305cc2;
}
#workflow-modal .supplier-assign-trigger-content{min-width:0;flex:1;display:grid;gap:3px}
#workflow-modal .supplier-assign-trigger-content strong{
  display:block;font-size:12px;font-weight:760;line-height:1.25;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#workflow-modal .supplier-assign-trigger:not(.has-value) .supplier-assign-trigger-content strong{color:#7a8ca5;font-weight:650}
#workflow-modal .supplier-assign-trigger-content small{
  display:block;font-size:10px;font-weight:450;line-height:1.25;color:#8595ac;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
#workflow-modal .supplier-assign-chevron{flex:0 0 auto;font-size:22px;color:#7890b4;transition:transform .16s;line-height:1}
#workflow-modal .supplier-assign-trigger.is-open .supplier-assign-chevron{transform:rotate(180deg)}
#workflow-modal .supplier-assign-menu{
  position:fixed;z-index:4;display:flex;flex-direction:column;min-width:0;
  padding:8px;border:1px solid #dce6f3;border-radius:13px;background:#fff;
  box-shadow:0 18px 44px rgba(11,35,79,.2),0 2px 12px rgba(11,35,79,.07);
  font-family:Roboto,Arial,sans-serif;overflow:hidden;
}
#workflow-modal .supplier-assign-menu[hidden]{display:none!important}
#workflow-modal .supplier-assign-searchbox{
  display:flex;align-items:center;gap:9px;flex:0 0 auto;min-height:39px;
  padding:0 11px;border:1px solid #e1e9f5;border-radius:9px;background:#f7faff;
}
#workflow-modal .supplier-assign-searchbox>span{color:#8196b4;font-size:20px;line-height:1}
#workflow-modal .supplier-assign-search{
  min-width:0;flex:1;width:100%;padding:8px 0;border:none;outline:0;
  background:transparent;color:#263c5b;font-size:11px;font-family:inherit;
}
#workflow-modal .supplier-assign-search::placeholder{color:#9aa8bc}
#workflow-modal .supplier-assign-options{
  min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;
  scrollbar-color:#cbd9ef transparent;scrollbar-width:thin;margin:6px -3px 2px;padding:0 3px;
}
#workflow-modal .supplier-assign-option{
  display:flex;align-items:center;gap:10px;width:100%;min-height:55px;
  padding:8px 10px;border:1px solid transparent;border-radius:9px;
  background:#fff;text-align:left;font-family:inherit;cursor:pointer;color:#28405f;
}
#workflow-modal .supplier-assign-option:hover,
#workflow-modal .supplier-assign-option:focus-visible{
  background:#f1f6ff;border-color:#e1ebff;outline:none;
}
#workflow-modal .supplier-assign-option.is-selected{
  background:#edf4ff;border-color:#d4e2fb;
}
#workflow-modal .supplier-assign-option-avatar{
  flex:0 0 35px;width:35px;height:35px;display:grid;place-items:center;
  background:#e9f0ff;color:#3767c3;border-radius:10px;font-size:13px;font-weight:800;
}
#workflow-modal .supplier-assign-option-details{flex:1;min-width:0;display:grid;gap:3px}
#workflow-modal .supplier-assign-option-details strong{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:11px;line-height:1.3;font-weight:800;
}
#workflow-modal .supplier-assign-option-details small{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:10px;line-height:1.3;color:#8798b1;
}
#workflow-modal .supplier-assign-option-check{flex:0 0 16px;color:#2f69d1;font-size:16px;font-weight:850;text-align:center}
#workflow-modal .supplier-assign-empty{padding:17px 12px;margin:0;text-align:center;color:#8092ab;font-size:11px}
#workflow-modal .supplier-assign-menu-footer{
  flex:0 0 auto;padding:9px 10px 3px;border-top:1px solid #eaf0f8;
  font-size:10px;font-weight:650;color:#8496b0;
}
@media(max-width:620px){
  #workflow-modal .supplier-assign-trigger{min-height:50px}
  #workflow-modal .supplier-assign-menu{padding:6px}
}
@media(prefers-reduced-motion:reduce){
  #workflow-modal .supplier-assign-trigger,#workflow-modal .supplier-assign-chevron{transition:none}
}