/* La barra verde del backoffice (PMOVEM-529): colores del tema del admin en claro y oscuro,
   la sección actual marcada, foco visible, y que se acomode en una pantalla angosta. */
:root {
    --luxelare-barra-bg: #1a7f37;
    --luxelare-barra-fg: #fff;
    --luxelare-barra-actual-bg: rgba(255, 255, 255, 0.18);
}

@media (prefers-color-scheme: dark) {
    :root {
        --luxelare-barra-bg: #14532d;
    }
}

html[data-theme="dark"] {
    --luxelare-barra-bg: #14532d;
}

html[data-theme="light"] {
    --luxelare-barra-bg: #1a7f37;
}

.luxelare-barra {
    background: var(--luxelare-barra-bg);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.25rem 2rem;
    padding: 4px 0.5rem;
}

.luxelare-barra a,
.luxelare-barra a:link,
.luxelare-barra a:visited {
    color: var(--luxelare-barra-fg);
    text-decoration: none;
    font-weight: 600;
    font-size: 0.8125rem;
    padding: 2px 6px;
    border-radius: 4px;
}

.luxelare-barra a:hover {
    text-decoration: underline;
}

.luxelare-barra a:focus-visible {
    outline: 2px solid var(--luxelare-barra-fg);
    outline-offset: 2px;
}

.luxelare-barra a[aria-current="page"] {
    background: var(--luxelare-barra-actual-bg);
}

/* El auditor ve en cada pantalla que su acceso es de sólo lectura y hasta cuándo (PMOVEM-533). */
.aviso-de-acceso {
    margin: 0 0 12px;
    padding: 8px 40px;
    background: var(--message-warning-bg);
    color: var(--body-fg);
    font-size: 0.875rem;
}

/* La entrada a la evidencia en el inicio, tan ancha como las listas de abajo (PMOVEM-533). */
#evidencia-del-sgsi table {
    width: 100%;
}