/* Conversa do caso (S-106 · ADR-035 §D4). Só tokens (--ink, --ink2, --line,
   --card, --bg): vale no claro e no escuro das duas telas sem cor literal —
   inclusive o estado, que NÃO usa .op-status (fundo claro fixo, ilegível no
   tema escuro do app). */
.conv > h3{flex-wrap:wrap}
.conv .conv-explica{font-size:12.5px;color:var(--ink2);margin:0 0 8px;line-height:1.45}
.conv .conv-status{font-size:12.5px;color:var(--ink2);margin:6px 0;line-height:1.45}
.conv .conv-status[hidden]{display:none}
.conv .conv-status[data-estado="erro"]{color:var(--risk,#A32935);font-weight:600}
.conv .conv-status[data-estado="ok"]{color:var(--ink)}
.conv .conv-tentar{min-height:32px;padding:4px 12px;font-size:12.5px;margin:0 0 8px}
.conv-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:420px;overflow-y:auto;overscroll-behavior:contain}
.conv-item{background:var(--card,#fff);border:1px solid var(--line);border-radius:10px;padding:8px 10px;min-width:0}
.conv-item[data-meu="1"]{border-left:3px solid var(--ink2)}
.conv-cab{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}
.conv-autor{font-size:13px;color:var(--ink)}
.conv .conv-papel{font-size:11px;color:var(--ink2);border:1px solid var(--line);border-radius:999px;padding:0 7px;text-transform:none;letter-spacing:0;font-weight:500}
.conv-quando,.conv-editado{font-size:11.5px;color:var(--ink2)}
.conv-editado{font-style:italic}
.conv .conv-texto{margin:4px 0 0;font-size:13.5px;line-height:1.5;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}
.conv .conv-mencionou{margin:4px 0 0;font-size:11.5px;color:var(--ink2);overflow-wrap:anywhere}
.conv .conv-editar{min-height:30px;padding:3px 10px;font-size:12px;margin-top:6px}
.conv-compor{position:relative;display:flex;flex-direction:column;gap:6px;margin-top:10px}
.conv .conv-rotulo{font-size:12px;font-weight:600;color:var(--ink2);text-transform:none;letter-spacing:0}
.conv .conv-campo{width:100%;box-sizing:border-box;min-height:74px;resize:vertical;font:inherit;font-size:14px;line-height:1.45;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card,#fff);color:var(--ink)}
.conv .conv-campo:focus-visible{outline:3px solid #2d9373;outline-offset:2px}
.conv-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.conv .conv-enviar{min-height:40px}
.conv .conv-atalho{font-size:11.5px;color:var(--ink2)}
.conv-mencoes{list-style:none;margin:0;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--card,#fff);max-height:220px;overflow-y:auto;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.conv-mencoes[hidden]{display:none}
.conv-mencao{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px;cursor:pointer;color:var(--ink);font-size:13.5px}
.conv-mencao[aria-selected="true"],.conv-mencao:hover{background:var(--line)}
.conv-mencao-vazia{margin:0;padding:8px 10px;font-size:12.5px;color:var(--ink2);border:1px solid var(--line);border-radius:10px;background:var(--card,#fff)}
/* Vazio, o aviso continua na árvore (região viva, A9) sem ocupar lugar nem somar gap. */
.conv-mencao-vazia:empty{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%)}
.conv-edicao{display:flex;flex-direction:column;gap:6px;margin-top:6px}
/* O modal da web põe rótulo em caixa alta; na conversa o rótulo lê como texto. */
#modalCaixa .conv label{text-transform:none;letter-spacing:0}
@media (max-width:640px){.conv-lista{max-height:none}.conv .conv-enviar{flex:1 1 auto}}