/* Panel de JM Agentes, sobre Bootstrap 5. */
:root { --jm-azul: #002c8f; --jm-fondo: #f4f6fa; }
body { background: var(--jm-fondo); }
.jm-lateral { width: 240px; min-height: 100vh; background: #0f1b3d; }
.jm-lateral a { color: #c9d2e8; text-decoration: none; display: block; padding: .45rem 1rem; border-radius: .375rem; font-size: .925rem; }
.jm-lateral a:hover, .jm-lateral a.activo { background: rgba(255,255,255,.1); color: #fff; }
.jm-lateral .titulo-seccion { color: #7f8bb0; font-size: .7rem; text-transform: uppercase; letter-spacing: .08em; padding: 1rem 1rem .25rem; }
.jm-marca { color: #fff; font-weight: 700; padding: 1.1rem 1rem; display: block; }
.jm-contenido { min-width: 0; }
.jm-tarjeta-dato .valor { font-size: 1.6rem; font-weight: 700; }
.jm-transcripcion .visitante { background: #eef4ff; }
.jm-transcripcion .asistente { background: #fff; }
.jm-codigo { font-family: ui-monospace, Menlo, monospace; font-size: .85rem; white-space: pre-wrap; word-break: break-all; }
@media (max-width: 991px) { .jm-lateral { width: 100%; min-height: auto; } }