#costs> .table-wrap>table>thead th:first-child,#costs #cost-rows>tr:not(.purchase-history-row)>td:first-child{min-width:75px;width:85px}
#costs .purchase-history-toggle{white-space:nowrap}
#costs .purchase-history-row>td{padding:0 12px 18px}
#costs .purchase-history-panel{background:#f8f7fc;border:1px solid #e8e3f1;border-radius:12px;padding:18px 20px}
#costs .purchase-history-panel h3{margin:0 0 4px;font-size:16px}
#costs .purchase-history-panel h4{margin:16px 0 10px;font-size:12px;font-weight:600;color:#697183}
#costs .purchase-history-panel th{background:#f0edf7}
#costs .purchase-history-panel td{background:#fff;font-size:12px;padding:12px 10px}
#costs .purchase-history-panel td:first-child{min-width:125px}
#costs .purchase-history-panel .number,#costs .purchase-history-panel th:nth-child(2),#costs .purchase-history-panel th:nth-child(3),#costs .purchase-history-change{text-align:center}
#costs .purchase-history-change{white-space:nowrap;font-variant-numeric:tabular-nums}
#costs .purchase-history-increase{color:#ad4942}
#costs .purchase-history-decrease{color:#36745c}
#costs .purchase-history-panel details{min-width:130px;max-width:320px}
#costs .purchase-history-panel summary{color:#7840c7;cursor:pointer}
#costs .purchase-history-panel details p{font-size:12px;overflow-wrap:anywhere;white-space:normal;margin:10px 0 0}
#costs .purchase-history-panel .error{color:#ad4942}
@media(max-width:760px){#costs .purchase-history-panel{padding:14px 10px}#costs .purchase-history-row>td{padding:0 0 14px}#costs .purchase-history-panel td{padding:10px 8px}}