/* ===========================
   GED Faculdade Nova Roma
   Estilos Globais
   =========================== */

/* Observer mode utilities */
.opacity-60 { opacity: 0.6; }
.cursor-not-allowed { cursor: not-allowed; }
.pointer-events-none { pointer-events: none; }

/* ... rest of CSS copied from root style.css ... */

/* ===== Custom Gestao & Finance styles ===== */

/* User list cards */
.user-card {
   transition: box-shadow .18s ease, transform .12s ease;
}
.user-card:hover {
   transform: translateY(-2px);
   box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}
.user-card.last-registered {
   border-left: 4px solid #10b981; /* verde suave destacando último cadastrado */
}

.user-avatar { overflow: hidden; }
.user-avatar .avatar-img { width:100%; height:100%; object-fit:cover; display:block; }

.user-actions button { font-weight:600; font-size:12px; padding:6px 10px; }

/* Cadastro form aside */
#cadastroSection input, #cadastroSection select, #cadastroSection textarea { border-radius:10px; }
#cadastroSection .rounded-3xl { box-shadow: none; }

/* Tag catalog and parameters clean spacing */
#parametrosSection { padding:20px; }
#tagCatalogList > div { margin-bottom:6px; }

/* Finance report small helpers */
#tab-relatorios .rounded-xl { transition: transform .12s ease, box-shadow .12s ease; }
#tab-relatorios .rounded-xl:hover { transform: translateY(-4px); box-shadow:0 12px 36px rgba(2,6,23,0.06); }
#tab-relatorios .grid p.text-2xl { letter-spacing: -0.01em; }

/* Finance report layout fixes */
#tab-relatorios,
#tab-relatorios .grid,
#tab-relatorios .overflow-x-auto {
    width: 100%;
    max-width: 100%;
}

#tab-relatorios canvas {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}

#tab-relatorios .grid {
    min-width: 0;
}

/* Responsive tweaks */
@media (max-width: 768px) {
   #cadastroSection { max-width: 100%; }
   .user-card { padding: 12px; }
   
   /* Tab panels responsividade em mobile */
   #tab-relatorios,
   #tab-captura,
   #tab-armazenamento,
   #tab-siga,
   #tab-assinatura,
   #tab-parametros {
      margin-left: 0 !important;
      padding-left: 1rem;
      padding-right: 1rem;
   }
   
   /* Tabelas responsivas em mobile */
   .overflow-x-auto {
      border-radius: 0 0 0.75rem 0.75rem;
      margin: 0 -1rem;
      padding-left: 1rem;
      padding-right: 1rem;
      -webkit-overflow-scrolling: touch;
   }
   
   /* Reduzir padding em tabelas para mobile */
   table td, table th {
      padding: 0.5rem 0.75rem !important;
      font-size: 0.875rem;
   }
   
   table th {
      font-size: 0.75rem;
   }
   
   /* Botões em coluna em mobile */
   .flex.flex-col.gap-1 {
      gap: 0.5rem;
   }
   
   /* Melhor espaçamento em mobile */
   #tab-relatorios {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
   }
   
   /* Evitar que conteúdo saia da página */
   main {
      overflow-x: hidden;
   }
}

/* Suavizar scroll para navegação entre abas */
html {
   scroll-behavior: smooth;
}

/* Evitar overflow horizontal global */
body {
   overflow-x: hidden;
}

/* Melhorar scroll da tabela em mobile */
.overflow-x-auto {
   -webkit-overflow-scrolling: touch;
   scrollbar-width: thin;
}

/* Estilo da scrollbar em navegadores modernos */
.overflow-x-auto::-webkit-scrollbar {
   height: 4px;
}

.overflow-x-auto::-webkit-scrollbar-track {
   background: #f1f1f1;
   border-radius: 2px;
}

.overflow-x-auto::-webkit-scrollbar-thumb {
   background: #888;
   border-radius: 2px;
}

.overflow-x-auto::-webkit-scrollbar-thumb:hover {
   background: #555;
}