<!-- /partials/_head.html -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title><%= typeof pageTitle !== "undefined" ? pageTitle : "SuiteCoffee" %></title>

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">

<link rel="icon" href="/favicon/favicon.ico" sizes="any">
<link rel="icon" href="/favicon/favicon-16x16.png" sizes="16x16">
<link rel="icon" href="/favicon/favicon-32x32.png" sizes="32x32">
<link rel="icon" href="/favicon/apple-touch-icon.png" sizes="180x180">
<link rel="icon" href="/favicon/android-chrome-512x512.png" sizes="512x512">
<link rel="icon" href="/favicon/android-chrome-192x192.png" sizes="192x192">
<link rel="manifest" href="/favicon/site.webmanifest">

<style>
  :root { --navbar-h: 56px; }
  body { padding-top: var(--navbar-h); background: #f7f8fb; }
  .brand-mini { font-weight: 700; letter-spacing: .2px; }
  /* Layout contenedor principal */
  main { padding-block: 1rem 2rem; }
  /* Tabla compacta */
  .table-sm th, .table-sm td { padding: .5rem .6rem; }
  /* Chips/etiquetas de estado */
  .badge-outline { border: 1px solid #dee2e6; background: #fff; color: #495057; }
  .badge-estado-abierta { border-color:#198754; color:#198754; }
  .badge-estado-cerrada { border-color:#6c757d; color:#6c757d; }
  .badge-estado-anulada { border-color:#dc3545; color:#dc3545; }
  .badge-estado-pagada  { border-color:#146c43; color:#146c43; }

  /* Evita crecimiento infinito de los charts */
.chart-box {
  position: relative;
  height: 260px;     /* altura fija base */
}
@media (min-width: 992px) {
  .chart-box { height: 320px; }  /* un poquito más grande en desktop */
}
.chart-box > canvas {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;  /* ocupa todo el alto del contenedor */
}
</style>
