/* Receipt list presentation; editors and receipt actions retain their owners. */
#receipts #hg30Table{width:100%;min-width:0;table-layout:fixed}
#receipts #hg30Table th:nth-child(1){width:19%}
#receipts #hg30Table th:nth-child(2){width:29%}
#receipts #hg30Table th:nth-child(3){width:14%}
#receipts #hg30Table th:nth-child(4){width:18%}
#receipts #hg30Table th:nth-child(5){width:20%}
#receipts #hg30Table th,
#receipts #hg30Table td{padding:9px 8px;vertical-align:middle}
#receipts #hg30Table .hg20-receipt-code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
#receipts #hg30Table .hg20-receipt-name{display:flex;align-items:center;gap:5px;min-width:0;font-weight:650}
#receipts #hg30Table .hg20-receipt-name>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#receipts #hg30Table .hg20-receipt-name small{flex-shrink:0;font-size:11px;color:var(--hg-ui-muted)}
#receipts #hg30Table .hg20-receipt-amount{display:block;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;text-align:right}
#receipts #hg30Table th:nth-child(4){text-align:right}
#receipts #hg30Table td:nth-child(3){white-space:nowrap;font-size:12px}
#receipts #hg30Table .hg20-receipt-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}
#receipts #hg30Table .hg20-receipt-actions .btn:not([hidden]){display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;min-width:40px;min-height:40px;margin:0!important;padding:6px 8px;font-size:12px;line-height:1.2;flex:0 0 auto}
@media(max-width:900px){
  body.hg-mobile-task-shell #receipts #hg30Table{display:block!important;min-width:0!important;width:100%!important;margin-top:0}
  body.hg-mobile-task-shell #receipts #hg30Table thead{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap!important}
  body.hg-mobile-task-shell #receipts #hg30Table tbody{display:block!important}
  body.hg-mobile-task-shell #receipts #hg30Table tbody tr{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px 10px!important;padding:10px 0!important;border-bottom:1px solid var(--hg-ui-border)!important}
  body.hg-mobile-task-shell #receipts #hg30Table td{display:block!important;min-width:0;grid-template-columns:none!important;border:0!important;padding:0!important;white-space:normal}
  body.hg-mobile-task-shell #receipts #hg30Table td::before{display:none!important;content:none!important}
  body.hg-mobile-task-shell #receipts #hg30Table td:nth-child(1){grid-column:1;grid-row:1}
  body.hg-mobile-task-shell #receipts #hg30Table td:nth-child(2){grid-column:1;grid-row:2}
  body.hg-mobile-task-shell #receipts #hg30Table td:nth-child(3){grid-column:2;grid-row:1;text-align:right;white-space:nowrap}
  body.hg-mobile-task-shell #receipts #hg30Table td:nth-child(4){grid-column:2;grid-row:2}
  body.hg-mobile-task-shell #receipts #hg30Table td.hg20-receipt-actions{grid-column:1 / -1;grid-row:3;display:flex!important;justify-content:flex-end;gap:6px}
  body.hg-mobile-task-shell #receipts #hg30Table .hg20-receipt-name{font-size:13px}
  body.hg-mobile-task-shell #receipts #hg30Table .hg20-receipt-actions .btn:not([hidden]){min-height:40px!important}
}
#receipts #hg30Table .hg20-receipt-actions button[hidden]{display:none!important}