/* =====================================================================
   IDENTIDAD VISUAL — panel operativo pesquero
   Paleta: azul profundo de bodega fría + acento camarón
   ===================================================================== */
:root {
  --azul-bodega:  #0b2b3c;   /* navbar y encabezados */
  --azul-medio:   #14455f;
  --camaron:      #e8604c;   /* acento: alertas y CTA */
  --hielo:        #eef4f7;   /* fondo general */
  --tinta:        #16232b;
  --verde-ok:     #2e8b6e;
}

body { background: var(--hielo); color: var(--tinta); }

.barra-principal { background: var(--azul-bodega); }
.barra-principal .navbar-brand span { letter-spacing: .06em; font-size: .95rem; }
.barra-principal .nav-link.active { color: #fff; border-bottom: 2px solid var(--camaron); }

/* Tarjetas de totales del mes */
.tarjeta-kpi {
  background: #fff; border: 0; border-left: 4px solid var(--azul-medio);
  border-radius: .5rem; box-shadow: 0 1px 3px rgba(11,43,60,.08);
}
.tarjeta-kpi.kpi-total { border-left-color: var(--camaron); }
.tarjeta-kpi .valor {
  font-family: "SFMono-Regular", Consolas, monospace;
  font-size: 1.35rem; font-weight: 700;
}
.tarjeta-kpi .etiqueta { font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; color: #6b7f8a; }

/* Tabla ancha del reporte: números en monoespaciada, scroll horizontal */
.tabla-reporte { font-size: .8rem; }
.tabla-reporte th {
  background: var(--azul-bodega); color: #fff; position: sticky; top: 0;
  white-space: nowrap; font-weight: 600; font-size: .7rem;
  text-transform: uppercase; letter-spacing: .04em;
}
.tabla-reporte td { white-space: nowrap; vertical-align: middle; }
.tabla-reporte .num {
  font-family: "SFMono-Regular", Consolas, monospace; text-align: right;
}
.tabla-reporte tr.fila-venta-par  { background: #fff; }
.tabla-reporte tr.fila-venta-impar { background: #f2f7fa; } /* zebra por VENTA, no por fila */

.contenedor-tabla { max-height: 65vh; overflow: auto; border-radius: .5rem;
  box-shadow: 0 1px 3px rgba(11,43,60,.08); background: #fff; }

.insignia-proceso { font-size: .68rem; }

/* Formulario de ingreso rápido */
.form-lote .form-label { font-size: .75rem; font-weight: 600; text-transform: uppercase;
  letter-spacing: .05em; color: #4a5f6b; margin-bottom: .15rem; }
.seccion-form { border-top: 2px solid var(--hielo); padding-top: .75rem; margin-top: .75rem; }
.seccion-form h6 { color: var(--azul-medio); font-size: .8rem; text-transform: uppercase;
  letter-spacing: .08em; }

.btn-camaron { background: var(--camaron); color: #fff; }
.btn-camaron:hover { background: #d24a36; color: #fff; }

.alerta-venta { border-left: 4px solid var(--camaron); }

/* Vista previa de costos en vivo dentro del formulario */
.previa-costos { background: var(--azul-bodega); color: #fff; border-radius: .5rem; }
.previa-costos .num { font-family: Consolas, monospace; }
.previa-costos .total { color: #ffb3a7; font-size: 1.2rem; font-weight: 700; }

@media (max-width: 768px) {
  .tarjeta-kpi .valor { font-size: 1.05rem; }
}

/* Pantallas de login / bootstrap de admin (sin navbar) */
.pantalla-login { min-height: 100vh; background: var(--azul-bodega); }
.tarjeta-login {
  background: #fff; border-radius: .75rem; width: 100%; max-width: 380px;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
}
.tarjeta-login .bi-water { color: var(--camaron); }