.price-history-list article{display:flex;gap:20px;justify-content:space-between;align-items:center;border-bottom:1px solid #d9e4dd;padding:18px 0}
.price-history-list h3{margin:0 0 10px;overflow-wrap:anywhere}.price-history-list article>div{min-width:0}.price-history-list article>button{flex-shrink:0}
.price-history-preview small{display:block;white-space:normal;overflow-wrap:anywhere;max-width:260px}
@media(max-width:500px){
  dialog:has(.price-history-preview) .modal-foot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
  dialog:has(.price-history-preview) .modal-foot .left{grid-column:1/-1;justify-self:start;margin:0}
  dialog:has(.price-history-preview) .modal-foot button{min-width:0;white-space:normal}
}
@media(max-width:600px){
  .price-history-list article{align-items:stretch;flex-direction:column;gap:8px}
  .price-history-preview table,.price-history-preview tbody{display:block;min-width:0;width:100%}.price-history-preview thead{display:none}
  .price-history-preview tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:12px;border-bottom:1px solid #b8cec4;gap:8px 12px}
  .price-history-preview td{display:block;border:0;padding:0;max-width:none;min-width:0}
  .price-history-preview td:nth-child(-n+2){grid-column:1/-1}.price-history-preview td:first-child{color:#61746d;font-size:12px}
  .price-history-preview td:nth-child(2){font-size:14px;line-height:1.45}
  .price-history-preview .num{text-align:left;white-space:normal;font-weight:700}
  .price-history-preview .num::before{display:block;font-size:11px;font-weight:400;color:#61746d;margin-bottom:4px}
  .price-history-preview td:nth-child(3)::before{content:'До действия'}.price-history-preview td:nth-child(4)::before{content:'После действия'}
  .price-history-preview small{font-weight:400}
}