#historyList{padding:0;overflow:hidden}
.history-tools{display:flex;gap:9px;align-items:center}
.history-tools button{white-space:nowrap}
#historyList.history-empty{padding:28px}
.history-group{border-top:1px solid #e1e8dc;padding:0}
.history-group:first-child{border-top:0}
.history-group-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;color:#233e31;list-style:none}
.history-group-summary::-webkit-details-marker{display:none}
.history-group-summary::marker{content:''}
.history-group-summary::after{content:'⌄';color:#728874;font-size:21px;transition:transform .2s}
.history-group[open]>.history-group-summary::after{transform:rotate(180deg)}
.history-group-summary:hover,.history-group[open]>.history-group-summary{background:#f5f8f2}
.history-group-title{min-width:0;flex:1}
.history-group-title b{display:block;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.history-group-title small,.history-group-total small{display:block;margin-top:6px;color:#778a7b;font-size:12px}
.history-group-total{text-align:right;white-space:nowrap}
.history-group-total b{display:block;color:#1b513c;font-size:17px}
.history-group-body{padding:0 26px 24px}
.history-table-scroll{overflow-x:auto;border:1px solid #e1e8dc;border-radius:11px}
.history-table{width:100%;min-width:690px;border-collapse:collapse;font-size:12px;text-align:left}
.history-table th,.history-table td{padding:12px 13px;border-bottom:1px solid #e8ede6;vertical-align:top;line-height:1.55}
.history-table th{background:#eef4eb;color:#506653;font-weight:650;white-space:nowrap}
.history-table tbody tr:last-child td,.history-table tfoot tr:last-child th{border-bottom:0}
.history-table td:nth-child(n+4){white-space:nowrap}
.history-table tfoot th{background:#f4f8f1;color:#244a35}
.history-records{margin-top:18px}
.history-record{border:1px solid #e1e8dc;border-radius:9px;margin:9px 0;padding:0}
.history-record summary{padding:13px 16px;border:0;color:#335943;font-size:13px;font-weight:600}
.history-record[open] summary{border-bottom:1px solid #e1e8dc;background:#f8faf6}
.history-record-body{padding:16px}
.history-record-body h4{margin:20px 0 10px;font-size:13px}
.history-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}
.history-facts>div{min-width:0;background:#f7f9f5;border-radius:7px;padding:10px 12px}
.history-facts dt{color:#7c8b7e;font-size:11px}
.history-facts dd{margin:4px 0 0;color:#263f31;overflow-wrap:anywhere;font-size:12px}
.history-fees{min-width:560px}
.history-muted,.history-warning{font-size:12px;color:#758576}
.history-warning{color:#946c35}
.history-group-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:19px}
.history-group-actions>div{display:flex;align-items:center;gap:8px;font-size:12px;color:#6f806f}
.history-group-actions button{padding:8px 11px;font-size:12px}
@media(max-width:800px){
  #history .heading{gap:14px}
  .history-tools{flex-wrap:wrap;justify-content:flex-start}
  .history-group-summary{padding:17px;gap:10px;align-items:flex-start}
  .history-group-body{padding:0 15px 18px}
  .history-group-total b{font-size:15px}
  .history-group-total small{font-size:10px}
  .history-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .history-group-summary{flex-wrap:wrap}
  .history-group-total{text-align:left}
  .history-group-summary::after{margin-left:auto}
  .history-facts{grid-template-columns:1fr 1fr}
}