
/* Custom Fonts */
@font-face {
    font-family: 'Avenir Next';
    src: url('/static/fonts/Avenir Next.ttc') format('truetype');
}

@font-face {
    font-family: 'Avenir Next Bold';
    src: url('/static/fonts/avenir-next-bold.ttf') format('truetype');
    font-weight: bold;
}

body {
    font-family: 'Avenir Next Bold', sans-serif;
    font-size: 16px;
}

/* Scroll suave */
html {
  scroll-behavior: smooth;
}

/* Animações customizadas */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fadeIn {
  animation: fadeIn 0.3s ease-out;
}

/* Melhorar scrollbar */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #204D36;
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: #204D36;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Aumentar largura máxima da tabela */
.max-w-screen-xl {
  max-width: 2400px;
}

/* Classe para tabelas de chamados: permite largura maior quando necessário */
/* Make ticket table use fixed layout with even column distribution */
.ticket-table {
  width: 100%;
  table-layout: fixed;
}

/* Wrapper para tornar conteúdo full-bleed (ocupar largura total da janela) */
/* If needed later, full-bleed wrapper styles are kept commented for reference.
.full-bleed-wrapper {
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box;
}
*/

/* Section icons */
.section-icon {
    filter: brightness(0) saturate(100%) invert(22%) sepia(89%) saturate(749%) hue-rotate(101deg) brightness(92%) contrast(92%);
}

.section-icon.active {
    filter: brightness(0) invert(1);
}

/* Ensure SweetAlert2 dialogs always appear above modal overlays */
.swal2-container {
  position: fixed !important;
  z-index: 1000000 !important;
}
.swal2-popup {
  z-index: 1000001 !important;
}
.swal2-toast {
  z-index: 1000002 !important;
}

/* Force backdrop-filter on modal overlays to ensure blur works across browsers */
#pauseModal, #closeModal, #closeReasonModal, #ticketDetailModal {
  -webkit-backdrop-filter: blur(8px) !important;
  backdrop-filter: blur(8px) !important;
}