/* css/styles.css */
body { 
    font-family: 'Manrope', sans-serif; 
    background-color: #0a0c10; 
    color: #ffffff; 
    overflow-x: hidden; 
}

h1, h2, h3, h4 { font-family: 'Space Grotesk', sans-serif; }

.grid-bg { 
    background-image: radial-gradient(circle, #00F2FF10 1px, transparent 1px); 
    background-size: 32px 32px; 
}

.neon-glow-primary { box-shadow: 0 0 20px rgba(0, 242, 255, 0.3); }

@keyframes pulse-glow {
    0%, 100% { opacity: 0.4; transform: scale(1); }
    50% { opacity: 0.7; transform: scale(1.1); }
}

.animate-pulse-glow {
    animation: pulse-glow 6s ease-in-out infinite;
    background: radial-gradient(circle, rgba(0, 229, 255, 0.25) 0%, rgba(153, 0, 207, 0.15) 50%, transparent 70%);
}


/* Container que isola o scroll lateral */
.table-responsive {
    display: block;
    width: 100%;
    max-width: 100%; /* Impede a quebra do layout global */
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Scroll suave em dispositivos móveis */
    border-radius: 0.75rem;
    position: relative;
    background: rgba(28, 32, 41, 0.4); /* Mantém o estilo glass-card */
}

/* Força a tabela a ter uma largura mínima legível */
.table-responsive table {
    width: 100%;
    min-width: 700px; /* Altere para 900px se a tabela tiver muitas colunas */
    border-collapse: collapse;
}

/* Estilização da barra de rolagem (Scrollbar) temática */
.table-responsive::-webkit-scrollbar {
    height: 6px;
}

.table-responsive::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
}

.table-responsive::-webkit-scrollbar-thumb {
    background: #00F2FF; /* Cor Primary da Paymnt */
    border-radius: 10px;
}

/* Ajuste de células para evitar textos espremidos */
.table-responsive td, 
.table-responsive th {
    padding: 1rem;
    white-space: normal; /* Permite quebra de linha interna */
    vertical-align: top;
}