/* Ajustes propios del panel interno, sobre institucional.css y panel.css.
   Sin colores nuevos: todo usa las variables de la paleta. */

/* Sin menú (cambio de clave obligatorio): el contenido ocupa todo el ancho. */
.contenido.sin-menu {
    margin-left: 0;
}

/* Tabla por profesional: con margen dentro de la tarjeta, borde propio,
   encabezado fijo y alto acotado. */
.tabla-profesionales {
    max-height: 560px;
    overflow-y: auto;
    border: 1px solid var(--borde);
    border-radius: var(--radio);
}

.tabla-profesionales .table {
    margin-bottom: 0;
}

.tabla-profesionales .table > :not(caption) > * > * {
    padding-left: .75rem;
    padding-right: .75rem;
}

.tabla-profesionales thead th {
    position: sticky;
    top: 0;
    z-index: 1;
}

.tabla-profesionales tbody tr {
    cursor: pointer;
}

.tabla-profesionales tbody tr:focus-visible {
    outline: 2px solid var(--naranja);
    outline-offset: -2px;
}

.celda-alerta {
    color: var(--rojo);
    font-weight: 600;
}

#buscarProfesional {
    min-width: 200px;
}

/* Clave temporal: se ve una sola vez. */
.clave-temporal {
    font-family: var(--bs-font-monospace);
    font-size: 1.15rem;
    letter-spacing: .5px;
    user-select: all;
}

.detalle-auditoria {
    max-width: 480px;
    font-family: var(--bs-font-monospace);
    font-size: .75rem;
    white-space: pre-wrap;
    word-break: break-word;
}