/* ═══════════════════════════════════════════════════════════════
   PROPHET AI · nav.css — minimapa de mensagens na barra de rolagem
   (top/height/right definidos por JS, alinhados ao #chat-scroll)
   ═══════════════════════════════════════════════════════════════ */

.msgnav-rail {
    position: fixed; z-index: 80; width: 16px;
    pointer-events: none; /* deixa o scroll passar; só os marcadores capturam */
}
.mnr-mark {
    position: absolute; right: 3px; width: 7px; height: 4px;
    margin-top: -2px; border-radius: 3px;
    background: var(--ink-faint); opacity: .5;
    cursor: pointer; pointer-events: auto;
    transition: width .1s ease, opacity .1s ease, background .1s ease;
}
.mnr-mark:hover { width: 13px; opacity: 1; }
.mnr-mark.user { background: var(--rose); opacity: .7; }
.mnr-mark.model { background: var(--ink-faint); }
.mnr-mark.current { background: var(--accent); opacity: 1; width: 13px; box-shadow: 0 0 0 2px var(--accent-dim); }

.msgnav-tip {
    position: fixed; z-index: 81; display: none;
    max-width: 300px; background: var(--bg1);
    border: 1px solid var(--line); border-radius: 8px;
    padding: 7px 10px; font-size: 12px; line-height: 1.45; color: var(--ink);
    box-shadow: var(--shadow-2); pointer-events: none;
}

/* destaque ao pular para uma mensagem */
.msg.nav-flash { animation: navFlash 1.6s var(--ease, ease); border-radius: 10px; }
@keyframes navFlash {
    0% { box-shadow: 0 0 0 3px var(--accent); background: var(--accent-dim); }
    100% { box-shadow: 0 0 0 0 transparent; background: transparent; }
}