.history-state{margin:0;padding:18px 0;color:var(--muted);font-size:14px}
.history-state p{margin:0 0 12px}
.history-table td{white-space:normal}
.history-reason{display:block;margin-top:2px}
.history-device{max-width:220px;overflow-wrap:anywhere;font-size:12px;color:var(--muted)}
.history-reward td:first-child{box-shadow:inset 3px 0 0 #192b45}
.history-pages{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}
.history-pages .btn:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:760px){
  .table-wrap table.history-table{min-width:0;width:100%}
  .history-table thead{display:none}
  .history-table,.history-table tbody,.history-table tr,.history-table td{display:block;width:100%}
  .history-table tr{padding:12px 14px;border-bottom:1px solid var(--line)}
  .history-table tr:last-child{border-bottom:0}
  .history-table td{display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;padding:4px 0;border:0;max-width:none;font-size:14px;overflow-wrap:anywhere}
  .history-table td::before{content:attr(data-label);font-size:12px;color:var(--muted)}
  .history-table td[colspan]{display:block}
  .history-table td[colspan]::before{content:none}
  .history-reward td:first-child{box-shadow:none}
  .history-reward{box-shadow:inset 3px 0 0 #192b45}
  .history-pages .btn{flex:1;min-height:44px;padding-left:8px;padding-right:8px;white-space:nowrap}
}