/* XINGUZINHO_TRANSPORTE_FRONT_CSS_V1 */

.tr-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(120px,1fr));
  gap:12px;
  margin-bottom:16px;
}

.tr-stat,
.tr-box{
  background:var(--tema-card,#fff);
  border:1px solid var(--tema-borda,#e2e8f0);
  border-radius:14px;
}

.tr-stat{
  padding:14px;
}

.tr-stat span{
  display:block;
  font-size:12px;
  color:#64748b;
  font-weight:700;
}

.tr-stat strong{
  font-size:26px;
}

.tr-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-bottom:16px;
}

.tr-head{
  padding:13px 15px;
  border-bottom:1px solid var(--tema-borda,#e2e8f0);
  font-weight:800;
}

.tr-body{
  padding:14px;
}

.tr-row{
  padding:10px 0;
  border-bottom:1px solid var(--tema-borda,#e2e8f0);
}

.tr-tablewrap{
  overflow:auto;
}

.tr-table{
  width:100%;
  border-collapse:collapse;
  min-width:760px;
}

.tr-table th,
.tr-table td{
  padding:10px;
  border-bottom:1px solid var(--tema-borda,#e2e8f0);
  text-align:left;
  font-size:13px;
}

.tr-table th{
  color:#64748b;
  white-space:nowrap;
}

.tr-pill{
  display:inline-block;
  padding:4px 8px;
  border-radius:999px;
  background:#eff6ff;
  color:#1d4ed8;
  font-size:11px;
  font-weight:800;
}

.tr-warn{
  background:#fff7ed;
  color:#c2410c;
}

.tr-modal{
  position:fixed;
  inset:0;
  z-index:100000;
  background:rgba(15,23,42,.58);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
}

.tr-modalbox{
  width:min(700px,100%);
  background:var(--tema-card,#fff);
  color:var(--tema-texto,#0f172a);
  border-radius:16px;
  padding:18px;
  box-shadow:0 24px 80px rgba(15,23,42,.28);
}

@media(max-width:900px){

  .tr-stats{
    grid-template-columns:repeat(2,1fr);
  }

  .tr-grid{
    grid-template-columns:1fr;
  }
}