/* AXIOM FLOW — sleek mobile transaction list */
@media (max-width:900px){
  .tx-card{
    background:transparent;
    border:0;
    border-radius:0;
    overflow:visible;
  }
  .tx-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    grid-template-areas:"main amt actions";
    align-items:center;
    gap:8px 12px;
    min-height:70px;
    padding:10px 4px;
    border-top:1px solid rgba(255,255,255,.065);
    background:transparent;
  }
  .tx-row:first-of-type{border-top:0}
  .tx-row:hover{background:rgba(255,255,255,.018)}
  .tx-main{grid-area:main;min-width:0;align-self:center}
  .tx-desc{font-size:14px;font-weight:650;line-height:1.2}
  .tx-sub{display:block;margin-top:4px;font-size:10.5px;line-height:1.2;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .tx-amt{grid-area:amt;align-self:center;text-align:right;font-size:13px;font-weight:750;white-space:nowrap}
  .tx-actions{grid-area:actions;display:flex;align-items:center;justify-content:flex-end;gap:6px;margin:0}
  .tx-actions .icon-btn{width:32px;height:32px;flex:0 0 32px;border-radius:9px;background:rgba(255,255,255,.035)}
  .tx-actions .icon-btn svg{width:14px;height:14px}
  .tx-actions .icon-btn.danger{color:#9a7180}
  .tx-actions .icon-btn:hover{background:rgba(255,255,255,.075)}
  .tx-actions .icon-btn.danger:hover{background:rgba(255,107,129,.10);color:#FF97A6}
  .tx-date,.tx-cat,.tx-nature{display:none}
}
@media (max-width:420px){
  .tx-row{grid-template-columns:minmax(0,1fr) auto auto;gap:7px 8px;min-height:66px;padding:9px 2px}
  .tx-desc{font-size:13.5px}
  .tx-sub{font-size:10px}
  .tx-amt{font-size:12.5px}
  .tx-actions{gap:5px}
  .tx-actions .icon-btn{width:30px;height:30px;flex-basis:30px}
}