/* Arquivo css complementar. O painel utiliza Tailwind CSS e DaisyUI via CDN no HTML. */

@media (max-width: 768px) {
  .table-mobile-cards, 
  .table-mobile-cards tbody, 
  .table-mobile-cards tr, 
  .table-mobile-cards td {
    display: block;
    width: 100%;
  }
  
  .table-mobile-cards thead {
    display: none;
  }
  
  .table-mobile-cards tr {
    border-bottom: 4px solid hsl(var(--b2, 220 13% 91%));
    padding: 1rem;
  }
  
  .table-mobile-cards tr:last-child {
    border-bottom: none;
  }
  
  .table-mobile-cards td {
    padding: 0.5rem 0;
    border-bottom: none !important;
  }
  
  /* Remove overflow horizontal do wrapper */
  .no-scroll-mobile {
    overflow-x: visible !important;
  }
}