*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif;background:#f5f7fb}
.table-scroll{max-height:60vh;overflow:auto}
#tabelaDetalhe thead th{position:sticky;top:0;z-index:2;background:#fff}
.chart-wrap{position:relative;height:280px}
.tile{border:0;background:linear-gradient(180deg,#fff,#f7f9fc);border-radius:14px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 14px rgba(0,0,0,.06);transition:.15s transform ease,.15s box-shadow ease;width:100%;text-align:left;cursor:pointer}
.tile:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.08)}
.tile-left{display:flex;gap:10px;align-items:center}
.tile i{font-size:22px;opacity:.7}
.tile-title{font-weight:600;line-height:1}
.tile-sub{font-size:12px;color:#6c757d}
.tile-qty{font-weight:800;font-size:20px}
.card{border:0;border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.08)}
@media(max-width:576px){
  .chart-wrap{height:220px}
  #tabelaDetalhe th:nth-child(3),#tabelaDetalhe td:nth-child(3){display:none}
}