/* 01311 · Attribute dictionary manual value reorder */
#builder-root .mp-avf-value-row{
  grid-template-columns:22px 24px minmax(120px,1fr) minmax(110px,.8fr) minmax(100px,.75fr) 74px 30px!important;
  position:relative;
  transition:border-color .12s ease,box-shadow .12s ease,background .12s ease,opacity .12s ease;
}
#builder-root .mp-avf-value-drag-01311{
  width:22px;height:28px;padding:0;border:0;background:transparent;border-radius:7px;display:grid;
  grid-template-columns:repeat(2,3px);grid-template-rows:repeat(3,3px);place-content:center;gap:3px;
  cursor:grab;touch-action:none;
}
#builder-root .mp-avf-value-drag-01311:hover{background:rgba(29,143,91,.08)}
#builder-root .mp-avf-value-drag-01311:active{cursor:grabbing}
#builder-root .mp-avf-value-drag-01311 i{display:block;width:3px;height:3px;border-radius:50%;background:#1aa36a;pointer-events:none}
#builder-root .mp-avf-value-row.is-value-dragging-01311{opacity:.52;box-shadow:0 0 0 2px rgba(37,99,235,.16)}
#builder-root .mp-avf-value-row.is-value-drop-before-01311::before,
#builder-root .mp-avf-value-row.is-value-drop-after-01311::after{
  content:"";position:absolute;left:5px;right:5px;height:3px;border-radius:999px;background:#2563eb;
  box-shadow:0 0 0 2px rgba(37,99,235,.12),0 2px 8px rgba(37,99,235,.22);z-index:5;pointer-events:none;
}
#builder-root .mp-avf-value-row.is-value-drop-before-01311::before{top:-5px}
#builder-root .mp-avf-value-row.is-value-drop-after-01311::after{bottom:-5px}
#builder-root .mp-avf-value-row.is-value-drop-center-01311{
  border-color:#2563eb!important;background:rgba(37,99,235,.07)!important;box-shadow:inset 0 0 0 1px rgba(37,99,235,.25),0 0 0 2px rgba(37,99,235,.10);
}
#builder-root .mp-avf-value-row.is-value-drop-center-01311::after{
  content:"";position:absolute;left:8px;right:8px;top:50%;height:2px;transform:translateY(-50%);border-radius:999px;background:#2563eb;opacity:.85;pointer-events:none;
}
body.is-attribute-value-reorder-01311{user-select:none!important;cursor:grabbing!important}
@media(max-width:780px){
  #builder-root .mp-avf-value-row{grid-template-columns:22px 24px 1fr 1fr!important}
  #builder-root .mp-avf-value-row .mp-avf-color,
  #builder-root .mp-avf-value-row [name="valueSlug"],
  #builder-root .mp-avf-value-row>button[data-mp-avf-action="remove-attribute-value"]{grid-row:2}
}