/* historicos.styles.css
   Estilos de pantalla del módulo Históricos (namespaced)
   Mantiene tus estilos y añade el look del consultador para UI
*/

/* ---------- Tarjetas, inputs y layout ---------- */
#screenHistoricos .card {
  background:#fff; border-radius:6px; padding:16px; margin-top:18px;
  box-shadow:0 2px 4px rgba(0,0,0,.12);
}
#screenHistoricos input,
#screenHistoricos textarea,
#screenHistoricos select {
  width:100%; padding:8px; border:1px solid #aaa; border-radius:4px;
}
#screenHistoricos h2, #screenHistoricos h4 { margin-top:0; font-size:18px; font-weight:bold; }
#screenHistoricos .wrapper { width:100%; max-width:1200px; margin:0 auto; }
#screenHistoricos .table-scroll { width:100%; overflow-x:auto; }

/* ---------- Tabla base en pantalla ---------- */
#screenHistoricos .table { width:100%; border-collapse:collapse; background:#fff; table-layout: fixed; }
#screenHistoricos .table th, #screenHistoricos .table td { box-sizing: border-box; }
#screenHistoricos .table th, #screenHistoricos .table td { border:1px solid #bdbdbd; padding:6px; font-size:12px; }
#screenHistoricos .table th { background:#e9e9e9; font-weight:bold; text-align:center; }

/* ---------- Header visual (igual consultador) ---------- */
#screenHistoricos #histHeaderCard .table { width:100%; border-collapse:collapse; table-layout:fixed; background:#fff; }
#screenHistoricos #histHeaderCard .table th, #screenHistoricos #histHeaderCard .table td { border:1px solid #bdbdbd; padding:6px; font-size:12px; }
#screenHistoricos #histHeaderCard .title { font-size:20px; font-weight:bold; text-align:center; background:#efefef; }
#screenHistoricos #histHeaderCard .logo-cell { width: 120px; text-align:center; }
#screenHistoricos #histHeaderCard .logo-cell img { max-width:100px; }
#screenHistoricos #histHeaderCard .meta th { width: 18%; text-align:left; }
#screenHistoricos #histHeaderCard .meta td { width: 32%; }

/* ---------- Botones azules apilados (Imagen 1) ---------- */
#screenHistoricos .btn {
  width:100%; padding:12px; background:#1976d2; color:#fff;
  border:none; border-radius:5px; font-size:16px; margin-top:10px;
}
#screenHistoricos .btn:hover { background:#0e5aa6; }
#screenHistoricos .btn.is-busy { background:#0e5aa6; cursor: wait; opacity: 0.90; box-shadow: inset 0 -2px 0 rgba(0,0,0,.12); }
#screenHistoricos .btn.is-pressed { transform: translateY(1px); filter: brightness(0.92); }

/* Vista en pantalla de páginas (opcional, como consultador) */
#screenHistoricos .pages-view { display:flex; flex-direction:column; gap:16px; }

/* Monoespaciado y readonly */
#screenHistoricos .mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
#screenHistoricos .ro { background:#fafafa; color:#333; }

/* Toast */
#screenHistoricos .toast { position: fixed; left: 16px; right: 16px; bottom: 16px; background: #2e7d32; color: #fff; border-radius: 8px; padding: 10px 14px; font-size: 14px; line-height: 1.25; display: none; z-index: 9999; box-shadow: 0 2px 8px rgba(0,0,0,.18); }
#screenHistoricos .toast.show { display: inline-block; }
@media (min-width: 768px) {
  #screenHistoricos .toast { left: auto; right: 24px; min-width: 320px; max-width: 420px; }
}

/* Mantener inputs legibles en móviles */
@media (max-width:560px){
  #screenHistoricos input,
  #screenHistoricos select,
  #screenHistoricos textarea { font-size:16px; }
}

/* ---------- ANCHOS DE COLUMNAS (coherentes con historicos.print.css) ---------- */
#screenHistoricos .col-dia   { width: 4.5%; }
#screenHistoricos .col-hora  { width: 5.5%; } /* hay 2 => 11% */
#screenHistoricos .col-horas { width: 4.5%; } /* hay 2 => 9%  */
#screenHistoricos .col-flujo { width: 5.5%; }
#screenHistoricos .col-070   { width: 7.5%; }
#screenHistoricos .col-080   { width: 5.5%; }
#screenHistoricos .col-tarifa{ width: 5.5%; } /* 011/012 */
#screenHistoricos .col-041   { width: 5.5%; }
#screenHistoricos .col-012   { width: 5.5%; }
#screenHistoricos .col-042   { width: 5.5%; }
#screenHistoricos .col-001   { width: 6.5%; }
#screenHistoricos .col-005   { width: 5.5%; }
#screenHistoricos .col-090   { width: 4.5%; }
#screenHistoricos .col-gss   { width: 3.5%; }
#screenHistoricos .col-obs   { width: 14.5%; }