/* Anotador do parecer (v77). Cores do marca-texto só da identidade (sem vermelho); letra e rótulo distinguem os tipos. */
.anot { --mt-sug: 184, 149, 88; --mt-duv: 196, 185, 164; --mt-cor: 128, 90, 26; --mt-pos: 147, 126, 89; margin-top: 14px; }
.anot .anot-tit { font: 700 20px/1.3 Inter, system-ui, sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; margin: 4px 0 0; color: var(--ink); }
.anot .hint { max-width: 820px; }
.anot-mesa { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 18px; margin-top: 12px; align-items: start; }
@media (max-width: 1020px) { .anot-mesa { grid-template-columns: minmax(0, 1fr); } }
.anot-ferr { position: sticky; top: 0; z-index: 6; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; background: rgba(251, 248, 242, .96); backdrop-filter: blur(6px); border: 1px solid var(--line); border-radius: 14px; padding: 8px 10px; }
.anot-ferr .grupo { display: flex; gap: 4px; align-items: center; flex-wrap: wrap; }
.anot-ferr .sep2 { width: 1px; height: 28px; background: var(--line); margin: 0 4px; }
@media (max-width: 640px) { .anot-ferr .sep2 { display: none; } .anot .salvo { margin-left: 0; width: 100%; } }
.anot .mt { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 12px; border-radius: 10px; border: 1.5px solid transparent; background: #fff; font: 600 13.5px Inter, system-ui, sans-serif; color: var(--ink); cursor: pointer; }
.anot .mt[aria-pressed="true"] { border-color: #3b301e; box-shadow: 0 0 0 3px rgba(59, 48, 30, .12); }
.anot .pino { width: 18px; height: 18px; border-radius: 5px; display: grid; place-items: center; font: 800 10.5px Inter, sans-serif; color: #2e2517; }
.anot .p-sug { background: rgba(184, 149, 88, .8); } .anot .p-duv { background: rgb(196, 185, 164); }
.anot .p-cor { background: rgba(128, 90, 26, .75); color: #fff; } .anot .p-pos { background: rgba(147, 126, 89, .8); color: #fff; }
.anot .mt:focus-visible, .anot .ico:focus-visible, .anot .num:focus-visible { outline: 2px solid #805a1a; outline-offset: 2px; }
.anot .ico { min-width: 40px; min-height: 40px; border-radius: 10px; border: 1px solid var(--line); background: #fff; cursor: pointer; font: 600 14px Inter, sans-serif; color: var(--ink); }
.anot .zoom { font: 600 13px Inter, sans-serif; color: var(--gray); min-width: 46px; text-align: center; }
.anot .salvo { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; font: 500 13px Inter, sans-serif; color: var(--gray); }
.anot .salvo i { width: 8px; height: 8px; border-radius: 50%; background: #b89558; }
.anot .salvo.salvando i { background: #c4b9a4; animation: anot-pisca 1s infinite; }
.anot .salvo.erro { color: #805a1a; } .anot .salvo.erro i { background: #805a1a; }
@keyframes anot-pisca { 50% { opacity: .3; } }
@media (prefers-reduced-motion: reduce) { .anot .salvo.salvando i { animation: none; } }
.anot-doc { background: #e9e3d7; border-radius: 14px; padding: 18px; margin-top: 10px; display: grid; gap: 18px; justify-items: center; overflow-x: auto; }
.anot .pagina { position: relative; background: #fff; box-shadow: 0 1px 3px rgba(46, 37, 23, .18), 0 10px 28px rgba(46, 37, 23, .10); }
.anot .pagina canvas { display: block; }
.anot .pagina .textLayer { z-index: 3; }
.anot .pagina .textLayer ::selection { background: rgba(var(--mt-atual, 184, 149, 88), .45); }
.anot .camada { position: absolute; inset: 0; z-index: 2; pointer-events: none; }
.anot .marca { position: absolute; border-radius: 2px; mix-blend-mode: multiply; }
.anot .marca.sug { background: rgba(var(--mt-sug), .45); } .anot .marca.duv { background: rgba(var(--mt-duv), .75); }
.anot .marca.cor { background: rgba(var(--mt-cor), .30); box-shadow: inset 0 -2px 0 rgba(var(--mt-cor), .9); } .anot .marca.pos { background: rgba(var(--mt-pos), .35); }
.anot .marca.ativa { outline: 2px solid #3b301e; outline-offset: 1px; }
.anot .num { position: absolute; z-index: 4; border-radius: 50%; display: grid; place-items: center; font-weight: 800; font-family: Inter, sans-serif; color: #fff; background: #3b301e; border: 2px solid #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, .25); cursor: pointer; pointer-events: auto; transform: translate(-50%, -50%); padding: 0; }
.anot-pop { position: absolute; z-index: 50; display: flex; gap: 4px; padding: 6px; background: #2e2517; border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, .25); }
.anot-pop button { min-width: 40px; min-height: 40px; border-radius: 9px; border: none; cursor: pointer; display: grid; place-items: center; font: 800 12px Inter, sans-serif; color: #2e2517; }
.anot-pop .p-sug { background: rgba(184, 149, 88, .9); } .anot-pop .p-duv { background: rgb(196, 185, 164); } .anot-pop .p-cor { background: rgb(128, 90, 26); color: #fff; } .anot-pop .p-pos { background: rgb(147, 126, 89); color: #fff; }
.anot-pop button.txt { color: #fbf8f2; background: transparent; padding: 0 10px; font-weight: 600; }
.anot-pop::after { content: ""; position: absolute; left: 50%; bottom: -6px; width: 12px; height: 12px; background: #2e2517; transform: translateX(-50%) rotate(45deg); border-radius: 2px; }
.anot-painel { position: sticky; top: 12px; max-height: calc(100vh - 24px); display: flex; flex-direction: column; }
@media (max-width: 1020px) { .anot-painel { position: static; max-height: none; } }
.anot-card { background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 16px; display: flex; flex-direction: column; min-height: 0; }
.anot .anot-h { font: 700 17px Inter, system-ui, sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; margin: 0; color: var(--ink); }
.anot .legenda { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 10px; margin-top: 10px; font: 500 12.5px Inter, sans-serif; color: var(--gray); }
.anot .legenda span { display: flex; align-items: center; gap: 6px; } .anot .legenda i { width: 14px; height: 14px; border-radius: 4px; flex: none; }
.anot .filtro { display: flex; gap: 6px; margin-top: 12px; flex-wrap: wrap; }
.anot .filtro button { font: 600 12.5px Inter, sans-serif; border: 1px solid var(--line); background: #fff; border-radius: 999px; min-height: 32px; min-width: 32px; padding: 0 10px; cursor: pointer; color: var(--ink); }
.anot .filtro button[aria-pressed="true"] { background: #3b301e; color: #fbf8f2; border-color: #3b301e; }
.anot .lista { list-style: none; margin: 12px -4px 0; padding: 0 4px; overflow-y: auto; display: grid; gap: 10px; }
.anot .com { border: 1px solid var(--line); border-radius: 12px; padding: 10px 12px; background: #fff; border-left: 5px solid rgb(var(--c)); }
.anot .com.ativa { box-shadow: 0 0 0 3px rgba(59, 48, 30, .14); border-color: #3b301e; border-left-color: rgb(var(--c)); }
.anot .com .cab { display: flex; align-items: center; gap: 8px; font: 700 12.5px Inter, sans-serif; color: var(--ink); }
.anot .com .cab .n { width: 22px; height: 22px; border-radius: 50%; background: #3b301e; color: #fff; display: grid; place-items: center; font-size: 11px; flex: none; }
.anot .com .cab .tp { color: var(--brown); } .anot .com .cab .pg { margin-left: auto; color: var(--gray); font-weight: 500; }
.anot .com blockquote { margin: 8px 0 0; font: italic 13px/1.45 Georgia, serif; color: #5c5241; border-left: 2px solid #e6dcc4; padding-left: 8px; max-height: 3.9em; overflow: hidden; }
.anot .com textarea { width: 100%; margin-top: 8px; min-height: 64px; border: 1.5px solid var(--line); border-radius: 10px; padding: 8px 10px; font: 14px/1.45 Inter, system-ui, sans-serif; resize: vertical; box-sizing: border-box; }
.anot .com textarea:focus { outline: none; border-color: #805a1a; box-shadow: 0 0 0 3px rgba(128, 90, 26, .12); }
.anot .com .txt { margin: 8px 0 0; font: 14px/1.45 Inter, sans-serif; white-space: pre-wrap; }
.anot .com .acoes { display: flex; gap: 6px; margin-top: 6px; flex-wrap: wrap; }
.anot .com .acoes button { font: 600 12.5px Inter, sans-serif; border: none; background: transparent; color: var(--brown); cursor: pointer; min-height: 32px; padding: 0 6px; border-radius: 8px; }
.anot .com .acoes button:hover { background: #f4eee3; } .anot .com .acoes .apagar { margin-left: auto; }
.anot .vazio { font: 14px/1.5 Inter, sans-serif; color: var(--gray); border: 1.5px dashed var(--line); border-radius: 12px; padding: 14px; }
.anot .anot-copia { margin-top: 12px; text-align: center; font-family: Inter, system-ui, sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; font-weight: 600; }
.anot .sr { position: absolute; left: -9999px; }

/* seleção estável sobre o texto do PDF (v79): a área abaixo do texto só entra na seleção durante o arrasto */
.anot .pagina .textLayer { user-select: text; -webkit-user-select: text; }
.anot .pagina .textLayer .endOfContent { display: block; position: absolute; inset: 100% 0 0; z-index: -1; cursor: default; user-select: none; -webkit-user-select: none; }
.anot .pagina .textLayer.selecting .endOfContent, .anot .pagina .textLayer .endOfContent.active { top: 0; }
.anot-pop[hidden] { display: none; }