/* =========================================
   Estilos para o sistema web
   ========================================= */

/* Estilo para garantir que o conteúdo preencha a tela e evitar rolagem horizontal desnecessária */
body {
    font-family: 'Inter', sans-serif;
    background-color: #f7fafc;
}
.content-view {
    display: none;
}
.content-view.active {
    display: block;
}
/* Estilo para simular o ícone do garfo e faca */
.logo-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 9999px;
    border: 2px solid #FCD34D;
    background-color: transparent;
}
/* Classe de utilidade para mostrar/esconder elementos com transição */
.app-hidden {
    display: none !important;
}
.app-visible {
    display: flex !important;
}