/* Customizacoes do design system. Tailwind vem via CDN. */
body {
    font-family: 'Inter', sans-serif;
}

*:focus {
    outline: none;
}

/* Campo obrigatorio nao preenchido: borda vermelha clara + leve halo */
.input-error,
.input-error:focus {
    border-color: #f87171 !important;
    box-shadow: 0 0 0 3px rgba(248, 113, 113, 0.18) !important;
}

/* Celulas editaveis inline: borda cinza media ao passar o mouse */
.tx-cell {
    cursor: pointer;
}
.tx-cell:hover {
    outline: 1px solid #cbd5e1;
    outline-offset: -1px;
    border-radius: 6px;
}
.dark .tx-cell:hover {
    outline-color: #475569;
}

/* Litepicker acima dos modais (z-50) */
.litepicker {
    z-index: 9999 !important;
}

/* Scrollbar discreta */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-thumb {
    background: rgba(100, 116, 139, 0.4);
    border-radius: 9999px;
}
::-webkit-scrollbar-track {
    background: transparent;
}