/**
 * Estilos específicos do Divisor de Contas.
 * Não altera CSS compartilhado.
 */

#form-dividir-conta {
    scroll-margin-top: 6rem;
}

#form-dividir-conta:focus,
#form-dividir-conta:focus-visible {
    outline: 3px solid #059669;
    outline-offset: 4px;
}

#resultado-buttons,
#btn-copiar-resultado,
#btn-whatsapp,
#btn-imprimir-resultado,
#btn-recalcular,
#btn-compartilhar,
#btn-nova-divisao,
#cta-especialista {
    scroll-margin-bottom: calc(var(--cookie-banner-height, 8rem) + 1rem);
}

body.cookie-banner-visible #resultado-panel {
    margin-bottom: var(--cookie-banner-height, 8rem);
}

@media (max-height: 700px) {
    #resultado-panel {
        position: static;
        top: auto;
    }
}

@media print {
    #form-dividir-conta:focus,
    #form-dividir-conta:focus-visible {
        outline: none;
    }

    body.cookie-banner-visible #resultado-panel {
        margin-bottom: 0;
    }
}