/*
  IMPORTANTE: El CSS de Configuración → Estilo del tema → Customers Area
  NO se carga en /forms/quote/... ni /forms/ticket.
  Esas páginas solo usan assets/css/forms.min.css.

  Para que estos estilos apliquen:
  1. Sube este archivo a:
     /home/tresesen/crm.tresesenta.mx/assets/css/tresesenta-forms.css
  2. Enlázalo desde application/views/forms/ (estimate request + ticket).

  Scope:
  - body.estimate-request-form → todos los /forms/quote/... (confirmación + solicitudes)
  - body.ticket_form → /forms/ticket (asistencia)
*/

@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");

/* --- Estimate requests: confirmación de pago + tabs de /solicitudes --- */
body.estimate-request-form {
  font-family: "Plus Jakarta Sans", system-ui, sans-serif !important;
  background: #ffffff !important;
  color: #1a1a1a;
  padding: 8px !important;
}

body.estimate-request-form.styled .form-col,
body.estimate-request-form .form-col {
  margin-top: 0 !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0.5rem 0 !important;
}

body.estimate-request-form .form-control {
  border-radius: 0.75rem !important;
  border-color: #e5e5e5 !important;
}

body.estimate-request-form .form-control:focus {
  border-color: #e23036 !important;
  box-shadow: 0 0 0 3px rgba(226, 48, 54, 0.15) !important;
}

body.estimate-request-form #form_submit,
body.estimate-request-form button[type="submit"],
body.estimate-request-form .btn-primary {
  background-color: #e23036 !important;
  border-color: #e23036 !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  color: #fff !important;
}

body.estimate-request-form #form_submit:hover,
body.estimate-request-form button[type="submit"]:hover,
body.estimate-request-form .btn-primary:hover {
  background-color: #c4282e !important;
  border-color: #c4282e !important;
}

/* --- Ticket de asistencia --- */
body.ticket_form {
  font-family: "Plus Jakarta Sans", system-ui, sans-serif !important;
  background: #ffffff !important;
  padding: 8px !important;
}

body.ticket_form.styled .form-col,
body.ticket_form .form-col {
  margin-top: 0 !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

body.ticket_form .btn-primary,
body.ticket_form button[type="submit"] {
  background-color: #e23036 !important;
  border-color: #e23036 !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  color: #fff !important;
}