/* Compras / Entradas — modal largo e legível */
.ce-overlay{
  align-items:flex-start !important;
  justify-content:center !important;
  padding:22px 18px !important;
  z-index:99980 !important;
}

.ce-modal{
  width:min(1320px, calc(100vw - 30px)) !important;
  max-width:calc(100vw - 30px) !important;
  max-height:94vh !important;
  border-radius:18px !important;
}

.ce-head{
  padding:15px 18px !important;
}

.ce-body{
  padding:14px 16px !important;
}

.ce-filters{
  grid-template-columns:minmax(240px,1.35fr) 120px minmax(180px,.9fr) 150px 150px 92px !important;
  gap:10px !important;
}

.ce-kpis{
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  gap:10px !important;
}

.ce-table-wrap{
  max-height:56vh !important;
  overflow:auto !important;
}

.ce-table{
  min-width:1180px !important;
  font-size:12.2px !important;
}

.ce-table th,
.ce-table td{
  padding:9px 10px !important;
}

.ce-doc{
  max-width:310px !important;
}

.ce-dest{
  max-width:330px !important;
  line-height:1.35 !important;
}

.ce-actions button{
  height:29px !important;
  padding:0 10px !important;
}

.ce-foot{
  padding:12px 16px !important;
}

.ce-btn{
  height:38px !important;
  padding:0 14px !important;
}

/* Detalhe da compra também mais largo */
#ceDetailOverlay .ce-modal{
  width:min(1220px, calc(100vw - 30px)) !important;
}

#ceDetailOverlay .ce-table-wrap{
  max-height:50vh !important;
}

.ce-detail-grid{
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
}

.ce-info b{
  font-size:12.8px !important;
}

@media(max-width:1050px){
  .ce-filters{
    grid-template-columns:1fr 1fr 1fr !important;
  }

  .ce-kpis,
  .ce-detail-grid{
    grid-template-columns:1fr 1fr !important;
  }
}

@media(max-width:700px){
  .ce-filters,
  .ce-kpis,
  .ce-detail-grid{
    grid-template-columns:1fr !important;
  }
}