/* ===============================
   CONSULTAR REPORTES - PRO UI
================================= */

.rc-page{
  max-width: 1150px;
  margin: 0 auto;
  padding: 20px 16px 30px;
}

.rc-panel{
  padding: 16px;
}

/* ===============================
   TOP BAR
================================= */
.rc-topbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom: 12px;
}

/* ===============================
   SEARCH
================================= */
.rc-search{
  display:flex;
  gap:8px;
  margin-bottom: 14px;
}
.rc-search .form-control{
  flex:1;
  height:42px;
  border-radius:10px;
}

/* ===============================
   TABLE CONTAINER
================================= */
.table-responsive{
  overflow-x:auto;
  border-radius:14px;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
}

/* ===============================
   TABLE
================================= */
table.table{
  width:100%;
  border-collapse:collapse;
  table-layout:auto;
}

/* HEADER */
table.table thead{
  background:#114c5a;
}
table.table thead th{
  color:#fff;
  font-size:13px;
  font-weight:600;
  padding:10px 12px;
  text-align:left;
}

/* BODY */
table.table tbody td{
  padding:8px 12px;      /* 🔥 MÁS COMPACTO */
  font-size:14px;
  border-bottom:1px solid rgba(0,0,0,.05);
  vertical-align:middle;
}

/* Quitar sensación de separación */
table.table tbody tr{
  height:52px;          /* 🔥 Altura fija elegante */
}

/* Zebra muy sutil */
table.table tbody tr:nth-child(even){
  background:#fafafa;
}

/* Hover moderno */
table.table tbody tr:hover{
  background:#f0f6f8;
}

/* ===============================
   COLUMN CONTROL
================================= */
.col-id{ width:100px; font-weight:600; }
.col-img{ width:70px; }
.col-rem{ width:160px; }
.col-clas{ width:250px; }
.col-col{ width:160px; }
.col-est{ width:120px; }
.col-act{ width:170px; }

/* Clasificación 1 línea limpia */
td.col-clas{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* ===============================
   THUMBNAIL
================================= */
.thumb{
  width:40px;      /* 🔥 MÁS PEQUEÑO */
  height:40px;
  object-fit:cover;
  border-radius:8px;
}

/* ===============================
   STATUS BADGE
================================= */
.status-badge{
  font-size:12px;
  padding:5px 10px;
  border-radius:20px;
}

/* ===============================
   ACTIONS
================================= */
.actions{
  display:flex;
  gap:6px;
  justify-content:flex-end;
}

.actions .btn.sm{
  padding:6px 10px;     /* 🔥 Compacto */
  font-size:13px;
  border-radius:8px;
}

.actions .btn.sm i{
  width:16px;
  height:16px;
}

/* ===============================
   RESPONSIVE
================================= */
@media (max-width: 900px){
  .col-img{ display:none; }
}