/* Estilos personalizados focados na estética "clean" e animações */
html {
    scroll-behavior: smooth;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Efeito Glassmorphism  */
.glass {
    background: rgba(4, 116, 90, 0.8);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Animações suaves */
.slide-down {
    animation: slideDown 0.3s ease-out forwards;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Remover spinners de inputs type number */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}

input[type=number] {
    appearance: textfield;
    -moz-appearance: textfield;
}

/* Customização dos ícones que o Feather injeta */
.feather {
    width: 20px;
    height: 20px;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.result-active {
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* Esconder manualOverride quando não estiver display block */
.hidden {
    display: none !important;
}

/* Regras para Geração de PDF Nativo Perfeito */
@media print {
    body {
        margin: 0;
        padding: 0;
        background: white !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    /* Esconde o formulário, header, botões e barras de rolagem */
    header, 
    #apiSettings,
    .lg\:col-span-5, 
    #actionButtons {
        display: none !important;
    }

    /* Expande o Container de Resultado para tomar a página A4 toda */
    .max-w-7xl {
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .lg\:col-span-7 {
        width: 100% !important;
    }

    #resultContainer {
        box-shadow: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        border-radius: 0 !important;
        background: white !important;
        opacity: 1 !important;
    }

    #exportArea {
        width: 100% !important;
        padding: 0 !important;
        padding-top: 10mm !important;
        page-break-inside: avoid;
    }

    table {
        page-break-inside: auto;
    }
    
    tr {
        page-break-inside: avoid;
        page-break-after: auto;
    }
}