/* ==========================================================================
   ZENDA POS — ESTÁNDAR GLOBAL DE BOTONES Y COLORES CORPORATIVOS
   Fuente de verdad: el estilo de vistas/modulos/inicio.php (dashboard).
   Se carga en plantilla.php DESPUÉS de AdminLTE y aplica a TODOS los módulos.
   Los selectores usan el prefijo `body` a propósito: así ganan en especificidad
   a los bloques <style> locales que aún existen dentro de cada módulo
   (ej. productos.php define .btn { border-radius:50px }). NO quitar el prefijo.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* --- Tipografía corporativa (igual que inicio.php) --- */
body .content-wrapper {
  font-family: 'Poppins', sans-serif !important;
  background-color: #f4f6f9;
}

/* --- Forma estándar de todo botón (igual que inicio.php) --- */
body .btn,
body a.btn-app {
  border-radius: 15px !important;
  border: none !important;
  padding: 8px 18px !important;
  font-size: 14px !important;
  font-weight: 600;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  transition: all 0.2s;
}

body .btn:hover,
body a.btn-app:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
}

/* --- Colores corporativos con degradado (igual que inicio.php) --- */
body .btn-info,
body .bg-aqua,
body .label-info {
  background: linear-gradient(135deg, #00c0ef 0%, #0097bc 100%) !important;
  color: #fff !important;
}

body .btn-success,
body .bg-green,
body .label-success {
  background: linear-gradient(135deg, #00a65a 0%, #007740 100%) !important;
  color: #fff !important;
}

body .btn-warning,
body .bg-yellow,
body .bg-orange,
body .label-warning {
  background: linear-gradient(135deg, #f39c12 0%, #cf850f 100%) !important;
  color: #fff !important;
}

body .btn-danger,
body .bg-red,
body .label-danger {
  background: linear-gradient(135deg, #dd4b39 0%, #b03b2d 100%) !important;
  color: #fff !important;
}

body .btn-primary {
  background: linear-gradient(135deg, #3c8dbc 0%, #2980b9 100%) !important;
  color: #fff !important;
}

body .bg-purple {
  background: linear-gradient(135deg, #605ca8 0%, #4a4682 100%) !important;
  color: #fff !important;
}

body .bg-teal {
  background: linear-gradient(135deg, #39cccc 0%, #2ba3a3 100%) !important;
  color: #fff !important;
}

/* Colores extra usados en la barra de accesos rápidos del cabezote */
body .btn-zenda-purple {
  background: linear-gradient(135deg, #6f42c1 0%, #59349c 100%) !important;
  color: #fff !important;
}

body .btn-zenda-teal {
  background: linear-gradient(135deg, #20c997 0%, #179973 100%) !important;
  color: #fff !important;
}

body .btn-zenda-orange {
  background: linear-gradient(135deg, #fd7e14 0%, #d96a0e 100%) !important;
  color: #fff !important;
}

/* --- Tamaños: sm cómodo (barra del cabezote), lg amplio ---
   Ojo: nada de font-size en rem (en BS3 html=10px → 0.9rem = 9px, diminuto). */
body .btn-sm {
  padding: 6px 14px !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

body .btn-lg {
  padding: 12px 24px !important;
  font-size: 17px !important;
}

/* --- Botones de exportación de DataTables (Copiar/CSV/Excel/PDF/Imprimir) --- */
body .dt-buttons {
  margin-bottom: 12px;
}

body .dt-buttons .btn,
body .dt-buttons .dt-button {
  border-radius: 15px !important;
  margin-right: 6px;
  padding: 6px 16px !important;
  font-size: 13px !important;
}

/* Fallback: si a un botón de exportar le falta la clase de color, que no salga gris plano */
body .dt-buttons .dt-button:not(.btn-warning):not(.btn-info):not(.btn-success):not(.btn-danger):not(.btn-primary) {
  background: linear-gradient(135deg, #3c8dbc 0%, #2980b9 100%);
  color: #fff;
  border: none;
}

/* --- Excepción: botones dentro de tablas (compactos, sin zoom) --- */
body .table .btn,
body .btn-group-xs .btn,
body .btn-xs {
  border-radius: 10px !important;
  padding: 5px 12px !important;
  font-size: 12px !important;
  box-shadow: none;
}

body .table .btn:hover,
body .btn-xs:hover {
  transform: none;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}