@media (max-width:640px){
  #gchReceitas{gap:0!important}
  #gchReceitas.space-y-6>*+*{margin-top:14px!important}
  /* ---- Cabecalho da tela ---- */
  #gchReceitas>div:first-child{flex-wrap:wrap!important;gap:12px!important;align-items:flex-start!important}
  #gchReceitas>div:first-child>div:first-child{width:100%!important;min-width:0!important;align-items:flex-start!important;gap:12px!important}
  #gchReceitas>div:first-child>div:first-child>div:last-child{min-width:0!important;flex:1 1 auto!important}
  #gchReceitas>div:first-child>div:first-child>div:first-child{flex:0 0 auto!important}
  #gchReceitas>div:first-child>.gch-newbtn{flex:1 1 55%!important;justify-content:center!important;min-width:0!important;white-space:nowrap!important;padding:12px 14px!important}
  #gchReceitas>div:first-child>.gch-fin-filter-wrap{flex:1 1 100%!important;width:100%!important;display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
  #gchReceitas .gch-fin-filter{flex:1 1 auto!important;width:auto!important;min-width:0!important}
  /* ---- Cabecalho do card ---- */
  #gchReceitas .gch-rcd-card>div:first-child{flex-wrap:wrap!important;gap:2px 10px!important;padding:14px!important}
  #gchReceitas .gch-rcd-card>div:first-child>h3{font-size:15px!important;line-height:1.25!important;flex:1 1 100%!important}
  #gchReceitas .gch-rcd-card>div:first-child>span{font-size:12px!important;flex:1 1 100%!important}
  /* ---- Tabela vira lista de cartoes ---- */
  #gchReceitas .gch-rcd-card .overflow-x-auto{overflow-x:visible!important}
  #gchReceitas table{width:100%!important;display:block!important;border-collapse:separate!important}
  #gchReceitas table thead{display:none!important}
  #gchReceitas table tbody{display:block!important;padding:0 12px 12px!important}
  #gchReceitas table tbody tr{
    display:grid!important;
    grid-template-columns:20px minmax(0,1fr) auto!important;
    grid-template-areas:"sel desc val" "sel data status" "sel cat cat" "sel anexo acoes"!important;
    align-items:center!important;
    gap:6px 10px!important;
    border:1px solid rgba(163,163,163,.18)!important;
    border-radius:14px!important;
    padding:12px!important;
    margin-top:10px!important;
    background:rgba(255,255,255,.04)!important;
  }
  html:not(.dark) #gchReceitas table tbody tr{background:#f8fafc!important;border-color:#e5e5e5!important;box-shadow:0 1px 2px rgba(17,17,17,.06)!important}
  #gchReceitas table tbody tr>td{display:block!important;padding:0!important;border:0!important;min-width:0!important;overflow-wrap:anywhere!important}
  #gchReceitas table tbody tr>td:nth-child(1){grid-area:sel;align-self:start}
  #gchReceitas table tbody tr>td:nth-child(2){grid-area:data;font-size:12px!important;color:#a3a3a3!important;white-space:nowrap!important}
  #gchReceitas table tbody tr>td:nth-child(3){grid-area:desc;font-size:14px!important;font-weight:600!important;line-height:1.3!important}
  #gchReceitas table tbody tr>td:nth-child(4){grid-area:cat}
  #gchReceitas table tbody tr>td:nth-child(5){grid-area:val;text-align:right!important;font-size:15px!important;font-weight:700!important;white-space:nowrap!important}
  #gchReceitas table tbody tr>td:nth-child(6){grid-area:status;text-align:right!important}
  #gchReceitas table tbody tr>td:nth-child(7){grid-area:anexo;font-size:12px!important;color:#a3a3a3!important}
  #gchReceitas table tbody tr>td:nth-child(8){grid-area:acoes;text-align:right!important}
  #gchReceitas table tbody tr>td:nth-child(8)>div{justify-content:flex-end!important;gap:18px!important}
  #gchReceitas table tbody tr>td:nth-child(8) i{font-size:16px!important}
  #gchReceitas table tbody tr>td>span{display:inline-block!important;max-width:100%!important;white-space:normal!important}
  #gchReceitas .gch-sel-row{width:18px!important;height:18px!important}
  #gchReceitas table tbody tr[data-gch-vazio]{display:block!important;text-align:center!important}
  /* linha de estado vazio / colspan */
  #gchReceitas table tbody tr:has(>td[colspan]){display:block!important;text-align:center!important;padding:22px 12px!important}
  #gchReceitas table tbody tr>td[colspan]{text-align:center!important}
  #gchReceitas .gch-bulk-bar{flex-wrap:wrap!important;gap:8px!important}
}