.container-modificado {
    margin: 3% !important;
}

.container-tabelas {
	display: flex;
	justify-content: space-between;
}
        
.tamanho-tabela {
    width: 45%;
}


.tabela {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 0.7rem;
    min-width: 0; /* Permite encolher sem scroll */
    table-layout: fixed; /* Distribui melhor as colunas */
}
.tabela th, .tabela td {
    background: #fff;
    border: none;
    padding: 1rem 1.2rem;
    box-shadow: 0 2px 8px #0001;
    font-size: 1rem;
    vertical-align: middle;
    word-break: break-word;
}
.tabela th {
    color: #0d6efd;
    font-weight: 600;
    background: #f4f8fb;
    box-shadow: none;
    text-align: left;
}
.tabela tr {
    border-radius: 0.75rem;
}
.tabela tbody tr {
    transition: box-shadow 0.2s, transform 0.2s;
}
.tabela tbody tr:hover td {
    box-shadow: 0 4px 24px #0d6efd22;
    background: #f8fbff;
    transform: scale(1.01);
}
.tabela .empresa-nome {
    font-size: 1.1rem;
    font-weight: 700;
    color: #0d6efd;
}
.tabela .empresa-actions {
    min-width: 120px;
}
.tabela .btn {
    min-width: 36px;
}
.table-responsive {
    overflow-x: visible !important; /* Remove scroll horizontal */
}
@media (max-width: 1200px) {
    .tabela th, .tabela td {
        padding: 0.8rem 0.6rem;
        font-size: 0.98rem;
    }
}
@media (max-width: 992px) {
    .tabela th, .tabela td {
        padding: 0.6rem 0.4rem;
        font-size: 0.95rem;
    }
}


.meu-modal {
    display: none;
    position: fixed;
    z-index: 1050;
    left: 0; top: 0; width: 100vw; height: 100vh;
    background: rgba(33,37,41,0.45);
    transition: background 0.2s;
}
.meu-modal-conteudo {
    background: #fff;
    margin: 8vh auto;
    padding: 32px 24px 24px 24px;
    border-radius: 14px;
    width: 95%; max-width: 540px;
    position: relative;
    box-shadow: 0 8px 32px rgba(0,0,0,0.18), 0 1.5px 4px rgba(0,0,0,0.10);
    animation: modalFadeIn 0.25s;
}
@keyframes modalFadeIn {
    from { transform: translateY(40px) scale(0.98); opacity: 0; }
    to   { transform: translateY(0) scale(1); opacity: 1; }
}
.meu-modal-fechar {
    position: absolute; right: 16px; top: 16px;
    background: none; border: none; color: #888;
    font-size: 1.5rem; cursor: pointer; padding: 4px;
    transition: color 0.2s;
}
.meu-modal-fechar:hover {
    color: #0d6efd;
    background: #f0f4ff;
    border-radius: 10%;
}
@media (max-width: 600px) {
    .meu-modal-conteudo { padding: 18px 6px 12px 6px; }
    .meu-modal-conteudo h5 { font-size: 1.1rem; }
    #meuModalTexto { font-size: 0.95rem; }
}

