.Tenant .formatacaoTextoCima {
    font-size: small;
    font-style: oblique;
}

.Tenant .formatacaoTextoBaixo {
    font-size: medium;
    font-weight: bold;
}

.Tenant .tituloDocumento {
    font-size: x-large !important;
    --bs-text-opacity: 1;
    color: red !important; /*var(--bs-secondary-color) !important;*/
    text-align: center !important;
    display: block !important;
}

.Tenant .logo-container {
    display: flex; /* usa flexbox */
    justify-content: center; /* centra horizontalmente */
    align-items: center; /* centra verticalmente */
    height: 200px; /* altura da área (ajuste conforme necessário) */
}

.logo-container img {
    max-width: 150px; /* largura máxima do logótipo */
    height: auto; /* mantém proporção */
}

.Tenant .cartao {
    background-color: #f9f9f9;
    padding: 10px;
}

.Tenant .corpoCartao {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    background-color: lightblue !important; /*var(--bs-card-color);*/
}

.Tenant tr:nth-child(even) .tituloTabela {
    font-size: medium;
    background-color: #ffd800;
    display: block;
    text-align: right;
    color: green;
}

.Tenant tr:nth-child(odd) .tituloTabela {
    font-size: medium;
    background-color: #b6ff00;
    display: block;
    text-align: right;
    color: green;
}

/*Modelo 1 EditPopup */
.meu-popup-1 {
    width: 800px; /*largura fixa*/
    min-width: 600px; /*largura mínima*/
    max-width: 90vw; /*largura máxima relativa ao ecran*/
    /*height:500px;*/ /*altura fixa*/
}

.dxbl-chart-legend-outside .dxbl-chart-legend.dxbl-chart-legend-horizontal.dxbl-chart-legend-valign-bottom {
    background-color: white !important;
    border-radius:3px 4px !important;
}

/*Utilizado nos gráficos*/
.dxbl-chart .minha-legenda
 {
    width: 100% !important;
    min-width: 320px !important;
    margin-top: 16px !important;
}

/*Cor do Cartão */
.card {
    /*cor de fundo do Cartão*/
    background-color: #d3d3d3;
}

ol {
    counter-reset: item;
    list-style-type: none;
    padding-left: 20px;
}

    ol li {
        counter-increment: item;
    }

        ol li::before {
            content: counters(item, ".") ". ";
        }


/* Cores utilizadas nas tabelas  */
.GridLinhasAlternadas td {
    background-color: #f0f0f0;
}

.GridLinhaSeleccionadaCor td {
    background-color: orange !important; /*#CC8400 !important;*/
}

th.GridCabecalhoAccoesCor {
    background-color: aqua !important;
    color: white !important;
    font-weight: bold !important;
    text-align: center !important;
}

th.GridCabecalhoCor {
    background-color: #2d5f8a !important;
    color: white !important;
    font-weight: bold !important;
    text-align: center !important;
}

.Tenant td.textoTabela {
    font-size: medium;
    background-color: lightblue;
    display: table-cell;
    text-align: left;
    color: darkblue !important;
}

/* ====================================================
   SISTEMA DE CORES POR SECÇÃO
   Edite apenas as variáveis abaixo para personalizar
   a aplicação ao cliente (sem tocar em mais nenhum ficheiro)
   ==================================================== */
:root {
    --color-discente: #e8971a; /* Laranja  — /Discente/   */
    --color-docente: #1e4080; /* Azul escuro — /Docente/ */
    --color-utilizador: #2d5f8a; /* Azul médio  — /Utilizador/ */
    --color-utilizador-grid: #3a7ab5; /* Azul mais claro — header do DxGrid em /Utilizador/ */
    --color-partilhado: #374151; /* Cinzento escuro — páginas partilhadas */
    --color-header-text: #ffffff; /* Texto nos cabeçalhos coloridos */


    /* ── Navegação — texto dos itens ── */
    --color-menu-pai:    antiquewhite; /* Texto dos itens de menu pai (sem página) */
    --color-menu-folha:  whitesmoke;   /* Texto dos itens de menu folha (com página) */

    /* ── Navegação — OPÇÃO A: Cor fixa ── */
    /* Para activar: descomente estas duas linhas e comente a Opção B */
    --color-nav-inicio:  #bc9e10;
    --color-nav-fim:     #bc9e10;

    /* ── Navegação — OPÇÃO B: Gradiente ── */
    /* Para activar: descomente estas duas linhas e comente a Opção A */
    /*--color-nav-inicio:  #d4b930;*/  /* canto superior esquerdo (mais claro) */
    /*--color-nav-fim:     #7a6808;*/  /* canto inferior direito (mais escuro) */
}

/* ── Menu lateral e Topo — OPÇÃO A: Cor fixa (activa) ───────────────────
   Para desactivar: comente este bloco e descomente o bloco Opção B
   ────────────────────────────────────────────────────────────────────── */
.MenuLateral {
    background: var(--color-nav-inicio) !important;
}
.top-row.MainConteudo {
    background: var(--color-nav-inicio) !important;
}
.mobile-topbar {
    background: var(--color-nav-inicio) !important;
}

/* ── Menu lateral e Topo — OPÇÃO B: Gradiente (comentada) ───────────────
   Para activar: descomente este bloco e comente o bloco Opção A
   Menu lateral: diagonal do canto sup. esq. para inf. dir.
   Barra de topo: horizontal da esquerda para a direita
   ────────────────────────────────────────────────────────────────────── */
/*.MenuLateral {
    background: linear-gradient(135deg, var(--color-nav-inicio) 0%, var(--color-nav-fim) 100%) !important;
}
.top-row.MainConteudo {
    background: linear-gradient(90deg, var(--color-nav-inicio) 0%, var(--color-nav-fim) 100%) !important;
}
.mobile-topbar {
    background: linear-gradient(90deg, var(--color-nav-inicio) 0%, var(--color-nav-fim) 100%) !important;
}*/

/* Itens de menu pai (expansíveis, sem página) */
.nav-link.menu-pai {
    color: var(--color-menu-pai) !important;
}

/* Itens de menu folha (com página) */
.nav-link.menu-folha {
    color: var(--color-menu-folha) !important;
}

/* Activação da cor activa por secção */
.section-discente   { --color-ativa: var(--color-discente); }
.section-docente    { --color-ativa: var(--color-docente); }
.section-utilizador { --color-ativa: var(--color-utilizador); }
.section-partilhado { --color-ativa: var(--color-partilhado); }

/* Cabeçalho do card com cor de secção */
.card-header-section {
    background-color: var(--color-ativa, #374151);
    color: var(--color-header-text);
    font-size: 1.05rem;
    font-weight: 600;
    padding: 0.6rem 1rem;
    border-radius: 0.375rem 0.375rem 0 0;
    margin-bottom: 0;
    border-bottom: none;
}

/* Cabeçalho do DxGrid com cor de secção */
.section-discente   .dxbl-grid-header-row > th,
.section-docente    .dxbl-grid-header-row > th,
.section-partilhado .dxbl-grid-header-row > th {
    background-color: var(--color-ativa) !important;
    color: var(--color-header-text) !important;
    font-weight: bold !important;
}

.section-utilizador .dxbl-grid-header-row > th {
    background-color: var(--color-utilizador-grid) !important;
    color: var(--color-header-text) !important;
    font-weight: bold !important;
}

/* Botão sólido com cor de secção */
.btn-section {
    background-color: var(--color-ativa, #374151);
    border-color: var(--color-ativa, #374151);
    color: var(--color-header-text);
}
.btn-section:hover {
    filter: brightness(0.85);
    color: var(--color-header-text);
}

/* Botão outline com cor de secção */
.btn-section-outline {
    background-color: transparent;
    border-color: var(--color-ativa, #374151);
    color: var(--color-ativa, #374151);
}
.btn-section-outline:hover {
    background-color: var(--color-ativa, #374151);
    color: var(--color-header-text);
}

/* Grid que preenche toda a largura do card */
.grid-full-width .dxbl-grid-table {
    width: 100% !important;
}