/* AG CRM V96 — Leads em cards no mobile */
@media (max-width: 900px){
  #page-leads .toolbar{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-bottom:12px!important;
  }
  #page-leads .toolbar .field,
  #page-leads .toolbar .select{
    width:100%!important;
    min-width:0!important;
  }

  #page-leads .table-card{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    padding:0!important;
    overflow:visible!important;
  }
  #page-leads .table-wrap{
    width:100%!important;
    overflow:visible!important;
  }
  #page-leads .table{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    border-collapse:separate!important;
  }
  #page-leads .table thead{
    display:none!important;
  }
  #page-leads .table tbody{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    width:100%!important;
  }
  #page-leads .table tbody tr{
    display:block!important;
    width:100%!important;
    background:#fff!important;
    border:1px solid rgba(20,37,63,.10)!important;
    border-radius:20px!important;
    padding:15px!important;
    box-shadow:0 8px 26px rgba(20,37,63,.06)!important;
    overflow:hidden!important;
  }
  #page-leads .table tbody tr:hover{
    background:#fff!important;
  }
  #page-leads .table tbody td{
    display:grid!important;
    grid-template-columns:minmax(92px,.78fr) minmax(0,1.35fr)!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    padding:9px 0!important;
    border:0!important;
    border-top:1px solid rgba(20,37,63,.07)!important;
    font-size:13px!important;
    line-height:1.35!important;
    text-align:left!important;
    overflow:visible!important;
  }
  #page-leads .table tbody td::before{
    display:block!important;
    color:#8b8f96!important;
    font-size:9px!important;
    font-weight:800!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
  }
  #page-leads .table tbody td:nth-child(2)::before{content:"Interesse"}
  #page-leads .table tbody td:nth-child(3)::before{content:"Origem"}
  #page-leads .table tbody td:nth-child(4)::before{content:"Etapa"}
  #page-leads .table tbody td:nth-child(5)::before{content:"Corretor"}
  #page-leads .table tbody td:nth-child(6)::before{content:"Potencial"}

  #page-leads .table tbody td:first-child{
    display:block!important;
    padding:0 0 14px!important;
    border-top:0!important;
  }
  #page-leads .table tbody td:first-child::before{
    display:none!important;
  }
  #page-leads .row-avatar{
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr)!important;
    align-items:center!important;
    gap:12px!important;
    min-width:0!important;
  }
  #page-leads .row-avatar .avatar{
    width:46px!important;
    height:46px!important;
    border-radius:15px!important;
    font-size:12px!important;
    flex:0 0 46px!important;
  }
  #page-leads .row-avatar b{
    display:block!important;
    max-width:100%!important;
    font-size:15px!important;
    line-height:1.25!important;
    color:#14253f!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  #page-leads .row-avatar small{
    margin-top:4px!important;
    font-size:12px!important;
  }
  #page-leads .site-origin{
    display:inline-flex!important;
    margin-left:7px!important;
    vertical-align:middle!important;
  }
  #page-leads .table tbody td:nth-child(2),
  #page-leads .table tbody td:nth-child(3),
  #page-leads .table tbody td:nth-child(5),
  #page-leads .table tbody td:nth-child(6){
    overflow-wrap:anywhere!important;
  }
  #page-leads .table tbody td:nth-child(4) .status{
    justify-self:start!important;
    white-space:nowrap!important;
  }
  #page-leads .table tbody td:nth-child(6) b{
    color:#14253f!important;
    font-size:14px!important;
  }

  #page-leads .table tbody td:last-child{
    display:block!important;
    padding:13px 0 0!important;
    margin-top:3px!important;
    border-top:1px solid rgba(20,37,63,.09)!important;
  }
  #page-leads .table tbody td:last-child::before{
    display:none!important;
  }
  #page-leads .table tbody td:last-child .actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
  }
  #page-leads .table tbody td:last-child .btn{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    padding:8px 10px!important;
    justify-content:center!important;
    font-size:11px!important;
    border-radius:12px!important;
  }

  #page-leads .table tbody tr:has(td.empty){
    padding:20px!important;
  }
  #page-leads .table tbody td.empty{
    display:block!important;
    padding:0!important;
    border:0!important;
    text-align:center!important;
  }
  #page-leads .table tbody td.empty::before{display:none!important}
}

@media (max-width: 390px){
  #page-leads .table tbody tr{padding:13px!important}
  #page-leads .table tbody td{grid-template-columns:84px minmax(0,1fr)!important;gap:8px!important}
  #page-leads .table tbody td:last-child .actions{grid-template-columns:1fr!important}
}