/* powerbi.css - Estilos para a página de Power BI */

/* Estilo geral do corpo */
body {
    background-color: #f8f9fa; /* Fundo claro */
    color: #333333; /* Texto escuro */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Estilo do card */
.card {
    border: none; /* Remove a borda padrão */
    border-radius: 0.75rem; /* Bordas arredondadas */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Sombra suave */
    max-width: 1100px; /* Largura máxima do card */
    margin: 0 auto; /* Centraliza o card */
}


/* Estilo do cabeçalho do card */
.card-header {
    background-color: #343a40; /* Fundo escuro */
    color: #ffffff; /* Texto branco */
    font-size: 1.25rem; /* Tamanho da fonte */
    font-weight: 600; /* Peso da fonte */
}

/* Estilo do dropdown */
.dropdown {
    margin-bottom: 1rem; /* Espaçamento inferior */
}

/* Estilo dos botões */
.btn {
    border-radius: 8px; /* Bordas arredondadas */
}

.btn-primary {
    background-color: #007bff; /* Azul */
    border-color: #007bff; /* Azul */
}

.btn-primary:hover {
    background-color: #0056b3; /* Azul escuro */
    border-color: #0056b3; /* Azul escuro */
}

.btn-secondary {
    background-color: #6c757d; /* Cinza */
    border-color: #6c757d; /* Cinza */
}

.btn-secondary:hover {
    background-color: #5a6268; /* Cinza escuro */
    border-color: #545b62; /* Cinza escuro */
}

/* Estilo do modal */
.modal-header {
    background-color: #343a40; /* Fundo escuro */
    color: #ffffff; /* Texto branco */
}

.modal-footer {
    background-color: #343a40; /* Fundo claro */
}

/* Estilo do texto */
.fw-semibold {
    font-weight: 600; /* Peso da fonte */
}

/* Estilo responsivo */
@media (max-width: 767px) {
    .card {
        margin: 1rem 0; /* Margem em dispositivos móveis */
    }
}

/* Faz o menu seguir a largura do container */
.Select-menu-outer {
    min-width: 100% !important;
    width: auto !important;
}

/* Opcional: quebra de linha nas labels muito longas */
.Select-option {
    white-space: normal !important;
}

html, body {
  margin: 0; padding: 0;
  width: 100%; height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background: white;
}
#embed-wrapper {
  position: relative;
  width: 100%; height: 100vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}