@tailwind base;
@tailwind components;
@tailwind utilities;

/*Coloca todas as palavras no sistema em caixa alta*/
input[type='text'],
input[type='email'],
input[type='number'],
input[type='checkbox'],
input[type='radio'],
input[type='button'],
input[type='file'],
input[type='submit'],
select, option, textarea, button, span, div {
    text-transform: uppercase;
}

input[id='data.password'], input[id='password'], input[id='passwordConfirmation'] {
    text-transform: none !important;
}

.no-uppercase {
    text-transform: none;
}

.calendar-widget {
    max-width: 600px;
    margin: 0 auto;
}

/* Estilo mais escuro para o item ativo do menu lateral */
/*.fi-sidebar-item-active > .fi-sidebar-item-button {
    @apply bg-primary-800 text-white;
}*/

/* Ou manualmente, se não usar Tailwind no CSS direto: */
.fi-sidebar-item-active > .fi-sidebar-item-button {
    background-color: #e5e7eb;
    color: white;
}