.dp-list{display:grid;gap:10px}
.dp-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.2fr) minmax(0,.8fr) minmax(0,1fr) 40px;gap:8px;align-items:end;background:var(--surface-2);border-radius:var(--radius-sm);padding:10px}
.dp-row .field{gap:4px}
.dp-row .field>span{font-size:12px;color:var(--muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dp-row .input{padding-left:10px;padding-right:10px}
.dp-del{height:46px;width:40px;padding:0;font-size:20px}
@media (max-width:640px){
  .dp-row{grid-template-columns:minmax(0,1.4fr) minmax(0,.78fr) minmax(0,.85fr) 40px;gap:6px;padding:8px}
  .dp-row .input{padding-left:7px;padding-right:7px}
  .dp-row .dp-name{grid-column:1/4}
  .dp-del{grid-column:4;grid-row:1}
  .dp-row .field:nth-child(4){grid-column:3/5}
}
.dp-full{display:flex;width:100%}
.dp-full button{flex:1 1 0;padding-left:6px;padding-right:6px}
#dp-cmp tr.on td{background:var(--brand-soft);font-weight:700}
#dp-cmp td,#dp-order td{white-space:nowrap}
#dp-order td:nth-child(2){white-space:normal}
.dp-stats b{font-size:clamp(16px,4.6vw,22px);white-space:nowrap}