/* Batch21: stable promotion bindings, collision-free YiDaDan settings and balanced trend cells */

/* 易打单设置：桌面端稳定两列，宽屏四列，所有控件严格限制在卡片内。 */
#erpYidaDanBridge .yd-settings{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:12px!important;
  width:100%;
  min-width:0;
  box-sizing:border-box;
}
#erpYidaDanBridge .yd-setting-group{
  min-width:0!important;
  max-width:100%;
  box-sizing:border-box;
  overflow:hidden;
}
#erpYidaDanBridge .yd-setting-group label:not(.check){
  display:grid!important;
  grid-template-columns:minmax(104px,.55fr) minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  width:100%;
  min-width:0!important;
  box-sizing:border-box;
}
#erpYidaDanBridge .yd-setting-group label.check{width:100%;min-width:0!important}
#erpYidaDanBridge .yd-setting-group :is(input[type="text"],input[type="number"],select){
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
#erpYidaDanBridge .yd-setting-group .yd-folder{min-width:0!important;flex:none!important}
#erpYidaDanBridge .yd-setting-group .yd-price-floor span{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:6px;
  min-width:0;
}
#erpYidaDanBridge .yd-setting-save-row{display:grid!important;grid-template-columns:minmax(112px,.55fr) minmax(0,1fr);align-items:center}
#erpYidaDanBridge .yd-setting-save-row button,
#erpYidaDanBridge .yd-sync-mode-group>button{width:100%;min-width:0!important}
#erpYidaDanBridge>.yd-bridge-body>.yd-price-floor-tip{
  display:block;
  margin:10px 14px 14px;
  padding:9px 12px;
  border-radius:9px;
  background:#f7faf9;
  color:#55716c;
  font-size:12px;
  line-height:1.55;
}

/* 总控趋势单元格：左半图形，右上主值、右下变化值。 */
.control-display-wrap .peer-trend-cell-button:not(.price-only){
  width:100%;
  min-width:0;
  min-height:52px;
  height:52px;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-template-rows:minmax(25px,1fr) minmax(17px,auto)!important;
  align-items:center;
  column-gap:9px!important;
  padding:4px 6px!important;
  overflow:visible!important;
}
.control-display-wrap .peer-trend-cell-button:not(.price-only)>.peer-trend-mini-chart,
.control-display-wrap .peer-trend-cell-button:not(.price-only)>.peer-trend-empty{
  grid-column:1!important;
  grid-row:1/3!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%;
  overflow:hidden!important;
}
.control-display-wrap .peer-trend-main-value{
  grid-column:2;
  grid-row:1;
  display:block;
  min-width:0;
  color:#18344d;
  font-size:15px!important;
  font-weight:850;
  line-height:1.15;
  letter-spacing:-.02em;
  text-align:right;
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums;
}
.control-display-wrap .peer-trend-sub-value{
  grid-column:2;
  grid-row:2;
  display:block;
  min-width:0;
  color:#718092;
  font-size:10px!important;
  font-weight:650;
  line-height:1.2;
  text-align:right;
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums;
}
.control-display-wrap .peer-trend-cell.up .peer-trend-sub-value{color:#c2413b}
.control-display-wrap .peer-trend-cell.down .peer-trend-sub-value{color:#23835b}
.control-display-wrap .peer-trend-cell.new .peer-trend-sub-value{color:#2563a9}
.control-display-wrap .peer-trend-cell.stable .peer-trend-sub-value{color:#6f7c8f}

/* 可编辑的最低/最高标配价差预警线。 */
.control-spread-threshold{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:7px;
  width:100%;
  min-width:0;
}
.control-spread-threshold input{width:100%!important;min-width:0!important;box-sizing:border-box}
.control-spread-threshold em{color:#617386;font-size:12px;font-style:normal;white-space:nowrap}

@media(min-width:1600px){
  #erpYidaDanBridge .yd-settings{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  #erpYidaDanBridge .yd-setting-group label:not(.check){grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important}
}
@media(max-width:760px){
  #erpYidaDanBridge .yd-settings{grid-template-columns:minmax(0,1fr)!important;padding:10px!important}
  #erpYidaDanBridge .yd-setting-group label:not(.check){grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important}
  #erpYidaDanBridge .yd-setting-save-row{grid-template-columns:minmax(0,1fr)}
  #erpYidaDanBridge>.yd-bridge-body>.yd-price-floor-tip{margin:8px 10px 12px}
  .control-display-wrap .peer-trend-cell-button:not(.price-only){column-gap:6px!important;padding-inline:4px!important}
  .control-display-wrap .peer-trend-main-value{font-size:14px!important}
}