.header-print {
  display: none;
}

.footer-print {
  display: none;
}

.print-layout {
  width: 100%;
  border-collapse: collapse;
  box-shadow: none;
  font-family: Arial;
}

.print-layout > thead > tr > td,
.print-layout > tbody > tr > td {
  padding: 0;
  border-bottom: 0;
}

.print-layout > tbody > tr,
.print-layout > tbody > tr:nth-child(even),
.print-layout > tbody > tr:hover {
  background: transparent;
  cursor: default;
}

.reporte-mensual-workspace {
  text-align:left;
}

.reporte-mensual-toolbar {
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  margin:14px 0;
  flex-wrap:wrap;
}

.reporte-mensual-actions {
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.reporte-mensual-avance {
  display:grid;
  gap:5px;
  min-width:0;
}

.reporte-mensual-avance-row {
  display:grid;
  grid-template-columns:minmax(54px, 70px) minmax(0, 1fr) minmax(36px, 46px);
  align-items:center;
  gap:6px;
  min-width:0;
}

.reporte-mensual-avance-label {
  font-size:10px;
  font-weight:800;
  color:#64748b;
  line-height:1;
}

.reporte-mensual-avance-barra {
  height:12px;
  border-radius:999px;
  overflow:hidden;
  background:#e5e7eb;
  border:1px solid #cbd5e1;
  min-width:0;
}

.reporte-mensual-avance-barra div {
  height:100%;
  border-radius:999px;
}

.reporte-mensual-avance-valor {
  text-align:right;
  font-size:10px;
  font-weight:900;
  color:#0f172a;
  line-height:1;
}

.reporte-mensual-panel {
  display:grid;
  grid-template-columns:minmax(260px, 320px) minmax(0, 1fr);
  gap:14px;
  align-items:start;
}

.reporte-mensual-historial-list {
  display:grid;
  gap:8px;
}

.reporte-mensual-historial-item {
  border:1px solid #dbe2ea;
  border-radius:8px;
  padding:10px;
  background:#fff;
  display:grid;
  gap:8px;
}

.reporte-mensual-historial-item strong {
  color:#0d2238;
  font-size:13px;
}

.reporte-mensual-historial-item span {
  color:#64748b;
  font-size:12px;
  line-height:1.3;
}

.reporte-mensual-preview {
  min-width:0;
}

.reporte-mensual-preview iframe {
  width:100%;
  min-height:680px;
  border:1px solid #cbd5e1;
  border-radius:8px;
  background:#fff;
}

.reporte-mensual-tabla {
  min-width:1180px;
}

.reporte-mensual-tabla th,
.reporte-mensual-tabla td {
  overflow:hidden;
}

.reporte-mensual-expand {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  flex:0 0 auto;
  border:1px solid #cbd5e1;
  border-radius:6px;
  background:#fff;
  color:#475569;
  padding:0;
  cursor:pointer;
}

.reporte-mensual-expand i {
  font-size:11px;
  transition:transform .15s ease;
}

.reporte-mensual-expand.is-open i {
  transform:rotate(90deg);
}

.reporte-mensual-expand-placeholder {
  display:inline-block;
  width:22px;
  flex:0 0 auto;
}

.reporte-mensual-obras-hint {
  color:#0f766e;
  font-size:11px;
  font-weight:800;
}

.reporte-mensual-obras-row td {
  background:#f8fafc;
  padding:8px 10px 12px 38px;
}

.reporte-mensual-obras-tabla {
  width:100%;
  border-collapse:collapse;
}

.reporte-mensual-obras-tabla th,
.reporte-mensual-obras-tabla td {
  border-bottom:1px solid #e2e8f0;
  padding:6px 8px;
  font-size:12px;
  text-align:left;
  vertical-align:middle;
}

.reporte-mensual-obras-tabla th {
  color:#64748b;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
}

.reporte-mensual-obras-vacio {
  margin:6px 0;
  color:#64748b;
  font-size:12px;
}

.reporte-mensual-obras-sin-avance {
  color:#64748b;
  font-size:11px;
  font-weight:800;
}

@media (max-width: 960px) {
  .reporte-mensual-panel {
    grid-template-columns:1fr;
  }
}

  /* AJUSTE REPORTE MENSUAL */
.reporte-mensual-toolbar {
  justify-content: flex-start !important;
  align-items: center !important;
}

.reporte-mensual-toolbar #reporteMensualEstadoCarga {
  width: 100% !important;
}

.reporte-mensual-actions {
  justify-content: flex-start !important;
}

.reporte-mensual-panel {
  grid-template-columns: minmax(320px, 420px) minmax(720px, 1fr) !important;
  align-items: start !important;
}

.reporte-mensual-preview {
  width: 100% !important;
  min-width: 720px !important;
}

.reporte-mensual-preview iframe {
  width: 100% !important;
  min-height: 820px !important;
  height: 820px !important;
  display: block !important;
}

#reporteMensualPreview {
  width: 100% !important;
  min-height: 820px !important;
}

@media (max-width: 1200px) {
  .reporte-mensual-panel {
    grid-template-columns: 1fr !important;
  }

  .reporte-mensual-preview {
    min-width: 100% !important;
  }
}