/* Complemento ao style.css (TailAdmin) pré-compilado.
   O style.css é gerado em build-time a partir do que o template original usava;
   classes Tailwind "novas" que não estavam no scan original (mesmo comuns, como
   mt-4, h-9, text-5xl) não existem nele e não têm nenhum efeito. Este arquivo
   cobre só as classes extras usadas pelo módulo Ponto (Funcionários, Horas
   Lançadas, Afastamento, widget do Dashboard). Modo escuro segue o mesmo padrão
   do restante do projeto: seletor `.dark` no <body>. */

.ponto-text-5xl { font-size: 3rem; line-height: 1; }
.ponto-tabular-nums { font-variant-numeric: tabular-nums; }
.ponto-tracking-wide { letter-spacing: 0.05em; }

.ponto-opacity-50 { opacity: 0.5; }
.ponto-disabled { cursor: not-allowed; }

@media (width >= 1024px) {
    .ponto-lg-col-span-2 { grid-column: span 2 / span 2; }
    .ponto-lg-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .ponto-lg-grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .ponto-lg-grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .ponto-lg-p-8 { padding: 2rem; }
}

@media (width >= 640px) {
    .ponto-sm-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

.ponto-mt-4 { margin-top: 1rem; }
.ponto-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.ponto-shrink-0 { flex-shrink: 0; }
.ponto-min-h-0 { min-height: 0; }

.ponto-hover-error:hover { color: var(--color-error-700); }
.ponto-hover-success:hover { color: var(--color-success-800); }
.ponto-hover-opacity-90:hover { opacity: 0.9; }
.ponto-backdrop-blur { backdrop-filter: blur(8px); }

/* Caixas de alerta (sucesso/erro) usadas nas telas do módulo Ponto. */
.ponto-alerta-sucesso {
    border-color: var(--color-success-200, #abefc6);
    background-color: var(--color-success-50);
    color: var(--color-success-700);
}
.dark .ponto-alerta-sucesso {
    border-color: rgba(18, 183, 106, 0.3);
    background-color: rgba(18, 183, 106, 0.1);
    color: var(--color-success-300);
}
.ponto-alerta-erro {
    border-color: var(--color-error-200, #fecdca);
    background-color: var(--color-error-50);
    color: var(--color-error-700);
}
.dark .ponto-alerta-erro {
    border-color: rgba(240, 68, 56, 0.3);
    background-color: rgba(240, 68, 56, 0.1);
    color: var(--color-error-300, #fda29b);
}

/* Badge "Ativo" (status de funcionário). */
.dark .ponto-badge-ativo { color: var(--color-success-300); }
.dark .ponto-badge-recusado { color: var(--color-error-300, #fda29b); }