/**
 * Estilos para Controle de Zoom de Tabelas
 * CSS específico para os botões e funcionalidade de zoom das tabelas
 */

/* Controles de Zoom */
.zoom-control {
    border-radius: 3px;
    font-size: 0.7rem;
    padding: 2px 6px;
    line-height: 1.2;
    margin: 0 1px;
    transition: all 0.2s ease;
}

.zoom-control:hover {
    background-color: #f8f9fa;
    border-color: #6c757d;
}

.zoom-percentage {
    font-weight: 500;
    font-size: 0.65rem;
    min-width: 25px;
    display: inline-block;
    text-align: center;
}

/* Transição suave para zoom da tabela */
table {
    transition: font-size 0.3s ease;
}

/* Melhor contraste para botões de zoom */
.zoom-control.btn-outline-secondary:hover {
    color: #495057;
    background-color: #e9ecef;
    border-color: #adb5bd;
}

/* Responsividade dos controles */
@media (max-width: 576px) {
    .zoom-control {
        font-size: 0.6rem;
        padding: 1px 4px;
    }
    
    .zoom-percentage {
        font-size: 0.6rem;
        min-width: 20px;
    }
}