/* Camada de comentarios e grifos */
[data-anc]{position:relative}
.cbtn{position:absolute;top:8px;right:8px;z-index:5;display:inline-flex;align-items:center;gap:6px;
 font-family:var(--font-body);font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
 background:rgba(6,10,22,.92);color:var(--text-muted);border:1px solid var(--border-default);
 border-radius:var(--radius-pill);padding:5px 10px;cursor:pointer;opacity:0;transition:.18s var(--ease-out)}
[data-anc]:hover>.cbtn,.cbtn:focus-visible{opacity:1}
.cbtn:hover{color:var(--text-display);border-color:var(--border-accent);background:var(--invt-blue)}
.cbtn.tem{opacity:1;color:#fff;background:var(--invt-blue);border-color:var(--invt-blue)}
.cbtn .n{background:rgba(255,255,255,.22);border-radius:var(--radius-pill);padding:1px 6px;font-size:.62rem}
@media(hover:none){.cbtn{opacity:1}}

mark.grifo{background:rgba(1,71,255,.34);color:var(--text-display);border-bottom:2px solid var(--invt-blue);
 border-radius:3px;padding:1px 2px;cursor:pointer}
mark.grifo.ok{background:rgba(246,248,255,.10);border-bottom-style:dotted}
mark.grifo.foco{background:var(--invt-orange);color:#04070F;border-bottom-color:#fff}

#csel{position:absolute;z-index:60;display:none;background:var(--invt-blue);color:#fff;border:0;
 border-radius:var(--radius-pill);padding:9px 15px;font-family:var(--font-body);font-size:.76rem;font-weight:800;
 cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.5)}
#csel:hover{background:var(--invt-blue-dark)}

#cabre{position:fixed;right:18px;bottom:18px;z-index:70;display:inline-flex;align-items:center;gap:9px;
 background:var(--gradient-cta);color:#fff;border:0;border-radius:var(--radius-pill);padding:13px 20px;
 font-family:var(--font-display);font-size:.85rem;font-weight:700;cursor:pointer;box-shadow:0 14px 34px rgba(0,0,0,.5)}
#cabre .n{background:rgba(255,255,255,.24);border-radius:var(--radius-pill);padding:2px 9px;font-size:.78rem}

#crail{position:fixed;top:0;right:0;bottom:0;width:380px;max-width:92vw;z-index:80;background:var(--surface-card);
 border-left:1px solid var(--border-default);display:flex;flex-direction:column;transform:translateX(102%);
 transition:transform .28s var(--ease-out);box-shadow:-20px 0 60px rgba(0,0,0,.5)}
#crail.on{transform:none}
#crail header{padding:18px 20px 14px;border-bottom:1px solid var(--border-subtle);background:var(--surface-inset)}
#crail h4{font-family:var(--font-display);font-size:1.05rem;color:var(--text-display);margin:0 0 4px}
#crail .sub{color:var(--text-muted);font-size:.76rem;line-height:1.5}
#crail .topo{display:flex;align-items:center;gap:10px;margin-bottom:8px}
#crail .fecha{margin-left:auto;background:none;border:1px solid var(--border-default);color:var(--text-muted);
 border-radius:var(--radius-pill);width:30px;height:30px;font-size:1rem;cursor:pointer;flex:none}
#crail .fecha:hover{color:var(--text-display);border-color:var(--border-strong)}
#crail .filtros{display:flex;gap:6px;padding:12px 20px;border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}
#crail .filtros button{background:var(--surface-inset);border:1px solid var(--border-default);color:var(--text-muted);
 border-radius:var(--radius-pill);padding:6px 12px;font-family:var(--font-body);font-size:.72rem;font-weight:700;cursor:pointer}
#crail .filtros button.on{background:var(--invt-blue);border-color:var(--invt-blue);color:#fff}
#clista{flex:1;overflow-y:auto;padding:14px 16px 30px}
#clista .vazio{color:var(--text-muted);font-size:.85rem;line-height:1.6;padding:18px 6px}
.cgrupo{font-family:var(--font-body);font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
 color:var(--text-accent);margin:16px 4px 8px;cursor:pointer}
.cgrupo:hover{color:var(--text-display)}
.cit{background:var(--surface-inset);border:1px solid var(--border-default);border-left:3px solid var(--invt-blue);
 border-radius:var(--radius-md);padding:13px 14px;margin-bottom:9px}
.cit.feito{border-left-style:dotted;opacity:.62}
.cit .quem{display:flex;align-items:center;gap:8px;margin-bottom:7px}
.cit .quem b{font-family:var(--font-display);font-size:.82rem;color:var(--text-display)}
.cit .quem span{color:var(--text-muted);font-size:.68rem}
.cit .selo{margin-left:auto;font-size:.6rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
 border:1px solid var(--border-default);border-radius:var(--radius-pill);padding:2px 8px;color:var(--text-muted)}
.cit .tre{border-left:2px solid var(--border-strong);padding-left:9px;margin-bottom:8px;color:var(--text-muted);
 font-size:.76rem;line-height:1.5;font-style:italic}
.cit p{color:var(--text-body);font-size:.87rem;line-height:1.6;margin:0;white-space:pre-wrap}
.cit .acoes{display:flex;gap:6px;margin-top:10px}
.cit .acoes button{background:none;border:1px solid var(--border-default);color:var(--text-muted);
 border-radius:var(--radius-pill);padding:4px 10px;font-family:var(--font-body);font-size:.68rem;font-weight:700;cursor:pointer}
.cit .acoes button:hover{color:var(--text-display);border-color:var(--border-strong)}

#ccomp{border-top:1px solid var(--border-default);padding:14px 16px 16px;background:var(--surface-inset)}
#ccomp .alvo{font-size:.7rem;color:var(--text-accent);font-weight:700;margin-bottom:6px;line-height:1.4}
#ccomp .tre{border-left:2px solid var(--border-strong);padding-left:9px;margin-bottom:9px;color:var(--text-muted);
 font-size:.75rem;line-height:1.5;font-style:italic;max-height:70px;overflow:auto}
#ccomp textarea{width:100%;min-height:86px;resize:vertical;background:var(--surface-page);color:var(--text-display);
 border:1px solid var(--border-default);border-radius:var(--radius-md);padding:11px 12px;
 font-family:var(--font-body);font-size:.87rem;line-height:1.55}
#ccomp textarea:focus{outline:0;border-color:var(--border-accent)}
#ccomp .linha{display:flex;align-items:center;gap:9px;margin-top:10px}
#ccomp .eu{color:var(--text-muted);font-size:.72rem}
#ccomp .eu b{color:var(--text-display)}
#ccomp .eu button{background:none;border:0;color:var(--text-accent);font-size:.72rem;cursor:pointer;
 text-decoration:underline;font-family:var(--font-body);padding:0 0 0 6px}
#ccomp .salva{margin-left:auto;background:var(--gradient-cta);color:#fff;border:0;border-radius:var(--radius-pill);
 padding:10px 20px;font-family:var(--font-display);font-size:.82rem;font-weight:700;cursor:pointer}
#ccomp .salva[disabled]{opacity:.5;cursor:default}

#cnome{position:fixed;inset:0;z-index:90;background:rgba(4,7,15,.86);display:none;align-items:center;justify-content:center;padding:20px}
#cnome.on{display:flex}
#cnome .cx{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);
 padding:28px;max-width:400px;width:100%}
#cnome h4{font-family:var(--font-display);font-size:1.15rem;color:var(--text-display);margin:0 0 6px}
#cnome p{color:var(--text-muted);font-size:.84rem;line-height:1.55;margin:0 0 16px}
#cnome .quem{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
#cnome .quem button{background:var(--surface-inset);border:1px solid var(--border-default);color:var(--text-display);
 border-radius:var(--radius-pill);padding:9px 16px;font-family:var(--font-display);font-size:.85rem;font-weight:700;cursor:pointer}
#cnome .quem button:hover{background:var(--invt-blue);border-color:var(--invt-blue);color:#fff}
#cnome input{width:100%;background:var(--surface-page);color:var(--text-display);border:1px solid var(--border-default);
 border-radius:var(--radius-md);padding:11px 12px;font-family:var(--font-body);font-size:.9rem}
#cnome .ok{margin-top:12px;width:100%;background:var(--gradient-cta);color:#fff;border:0;border-radius:var(--radius-pill);
 padding:12px;font-family:var(--font-display);font-size:.88rem;font-weight:700;cursor:pointer}

#cflash{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:95;background:var(--surface-card);
 border:1px solid var(--border-accent);color:var(--text-display);border-radius:var(--radius-pill);padding:11px 20px;
 font-family:var(--font-body);font-size:.82rem;display:none;box-shadow:0 12px 30px rgba(0,0,0,.5)}
#cflash.on{display:block}

@media(max-width:900px){
 #crail{width:100%}
 #cabre{right:12px;bottom:12px;padding:11px 16px;font-size:.8rem}
 .cbtn{top:6px;right:6px;padding:4px 8px}
}
@media print{#cabre,#crail,#csel,.cbtn{display:none!important}}
details[data-anc]>.cbtn{right:52px;top:15px}
.email[data-anc]>.cbtn{top:-9px;right:10px}
.aviso-com{max-width:var(--container-max);margin:0 auto;padding:16px 20px 0}
.aviso-com div{background:var(--surface-card);border:1px solid var(--border-accent);border-radius:var(--radius-lg);
 padding:15px 18px;color:var(--text-body);font-size:.88rem;line-height:1.6}
.aviso-com b{color:var(--text-display)}