/* Tabelas → cards no celular (usado com skin/padrao/js/tabelas-mobile.js). Carregado por último. */
@media (max-width: 720px) {
  table.tm{ display:block !important; width:auto !important; max-width:100% !important; white-space:normal !important; overflow:visible !important;
    border:0 !important; background:transparent !important; box-shadow:none !important; border-collapse:collapse !important; border-spacing:0 !important; margin:0 !important; }
  table.tm > thead, table.tm > tbody, table.tm > tfoot, table.tm > * > tr, table.tm > * > tr > th{ display:block !important; width:auto !important; max-width:100% !important; min-width:0 !important; box-sizing:border-box; }
  table.tm > * > tr > td{ width:auto !important; max-width:100% !important; min-width:0 !important; box-sizing:border-box; }
  table.tm tr.tm-head{ display:none !important; }

  /* linha de filtros do legado (inputs nos <th>) vira um bloco empilhado */
  table.tm tr.tm-filters{ background:#F4F7FB !important; border:1px solid #E1E8F0; border-radius:12px; padding:10px 12px; margin:0 0 12px; }
  table.tm tr.tm-filters > th{ padding:6px 0 !important; text-align:left !important; background:transparent !important; color:#4B5C74 !important; font:600 12px/1.4 "Poppins",system-ui,sans-serif !important; text-transform:uppercase; letter-spacing:.04em; border:0 !important; }
  table.tm tr.tm-filters > th.tm-vazio{ display:none !important; }
  table.tm tr.tm-filters input[type=text], table.tm tr.tm-filters select{ display:block; width:100% !important; margin-top:4px !important; font-size:14px !important; color:#17233F !important; background:#fff !important; border:1.5px solid #E1E8F0 !important; border-radius:9px !important; padding:9px 10px !important; height:auto !important; min-height:40px; line-height:1.3 !important; box-sizing:border-box; }   /* o legado põe height:23px inline: com padding o texto sumia */
  table.tm tr.tm-filters select option{ color:#17233F; }
  table.tm tr.tm-filters button, table.tm tr.tm-filters .input-btn{ margin:6px 6px 0 0 !important; }

  /* cada linha de dados = um card */
  table.tm > tbody > tr, table.tm > tr{ background:#fff !important; border:1px solid #E1E8F0 !important; border-radius:14px; padding:6px 14px !important; margin:0 0 10px !important; box-shadow:0 4px 14px rgba(19,45,82,.06); }
  table.tm > tbody > tr:hover td{ background:transparent !important; }
  table.tm td, table.tm > * > tr > td{ display:flex !important; justify-content:space-between; align-items:flex-start; gap:12px; padding:8px 0 !important; border:0 !important; border-bottom:1px dashed #EEF1F5 !important; text-align:left !important; background:transparent !important; white-space:normal !important; line-height:1.45; font-size:14px !important; }
  table.tm td:last-child{ border-bottom:0 !important; }
  table.tm td.tm-vazio, table.tm > * > tr > td.tm-vazio{ display:none !important; }
  table.tm td[data-label]::before{ content:attr(data-label); flex:0 0 38%; max-width:38%; font:600 11px/1.5 "Poppins",system-ui,sans-serif; text-transform:uppercase; letter-spacing:.05em; color:#7385A0; padding-top:2px; }
  table.tm td[data-label=""]::before{ display:none; }
  table.tm td > *{ min-width:0; }
  table.tm td .tm-v{ flex:1 1 auto; text-align:right; }
  table.tm td .tm-v b, table.tm td .tm-v small{ display:block; }
  table.tm td .tm-v small{ color:#7385A0; font-size:12.5px; margin-top:2px; }
  table.tm td:not([data-label]) .tm-v, table.tm td[data-label=""] .tm-v{ text-align:left; }
  table.tm td.tm-full, table.tm > * > tr > td.tm-full{ display:block !important; }
  table.tm td.acts, table.tm td.acts > *{ justify-content:flex-end; }
  table.tm td.acts, table.tm > * > tr > td.acts{ display:flex !important; flex-wrap:wrap; gap:6px; padding-top:10px !important; }
  table.tm td.acts::before{ display:none; }
  table.tm td .acts{ display:flex; gap:6px; flex-wrap:wrap; justify-content:flex-end; }
  /* ícones de ação do legado (lupa/lápis/x) ficam maiores e alinhados */
  table.tm td img[src*="editar"], table.tm td img[src*="excluir"], table.tm td img[src*="lupa"], table.tm td img[src*="ver"]{ width:26px; height:26px; margin:0 4px; }
  table.tm td small{ display:block; }
  /* paginação/rodapé fora da tabela não muda */
  .hs-table.tm, .hsa-table.tm, .coupons-table.tm{ border-radius:0 !important; }
}