﻿.input-icon {
    position: relative;
}

.input-icon i {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: gray;
}

.input-icon input {
    padding-left: 2.5rem;
}

.w-250 {
    width: 250px !important;
}
/* antes: .btn-sm { ... }  -> isso afetava todos os btn-sm */
.btn.btn-sm.icon-btn {
    width: 32px;
    height: 32px;
    padding: 0; /* sem padding para ícone ficar centralizado */
    display: flex;
    align-items: center;
    justify-content: center;
}
.swal2-popup-custom {
    margin-top: 0 !important;
}
.no-border-icon {
    border: none !important;
    background: none !important;
}
.module-refresh-btn {
    background-color: #0d2230;
    color: #73BB70;
    border: 1px solid #14404E;
}

.module-refresh-btn {
    background-color: #0d2230;
    color: #73BB70;
    border: 1px solid #14404E;
    display: inline-flex; /* garante layout horizontal */
    align-items: center;
    gap: .25rem; /* espaçamento entre ícone e texto */
    padding: .25rem .5rem; /* largura/altura confortáveis */
    min-width: 96px; /* evita “apertar” o conteúdo */
    height: 32px; /* mesma altura dos botões do header */
}
    .module-refresh-btn:hover {
        background-color: #14404E;
        color: #73BB70;
    }

.badge-compact {
    font-size: .72rem; /* menor que o default */
    padding: .2rem .45rem;
    line-height: 1;
}