/* Relatórios: catálogo à esquerda (por grupo) e o relatório escolhido à direita; no celular o catálogo vai para cima, em linha. */
.rl{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px;margin-top:14px;align-items:start}
.rl-cat{display:flex;flex-direction:column;gap:14px;padding:14px;border:1px solid var(--linha);border-radius:16px;background:var(--cartao);position:sticky;top:12px}
.rl-tit{font:800 .72rem "Figtree",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 6px 4px}
.rl-item{display:block;padding:9px 12px;border-radius:10px;font:600 .95rem "Figtree",sans-serif;color:var(--texto);text-decoration:none}
.rl-item:hover{background:var(--ceu-claro)}.rl-item.on{background:var(--ceu-claro);color:var(--tinta);box-shadow:inset 3px 0 0 var(--ceu)}
.rl-corpo{min-width:0}.rl-kpi{display:inline-flex;gap:8px;align-items:center;padding:8px 12px}.rl-alerta{color:var(--avaria)}
.rl-det>td{background:var(--ceu-claro)}.rl-dif td{font-size:.86rem;word-break:break-word;max-width:360px}.rl-dif tr.mudou td{font-weight:700}
.rl input[type=date],.rl input[type=search],.rl select{font:500 .92rem "Figtree",sans-serif;padding:8px 10px;border:1px solid var(--linha);border-radius:10px;background:var(--cartao);color:var(--texto)}
@media (max-width:820px){.rl{grid-template-columns:1fr}.rl-cat{position:static;flex-direction:row;overflow-x:auto;gap:18px}.rl-grupo{flex:0 0 auto}}
.rl table td,.rl table th{padding:8px 10px;white-space:normal}.rl table td{font-size:.88rem}

/* Protocolos da Bia */
.bi-conv{display:flex;flex-direction:column;gap:10px;margin:12px 0;max-height:520px;overflow-y:auto;padding:4px}
.bi-msg{max-width:88%;padding:10px 12px;border-radius:12px;border:1px solid var(--linha);background:var(--cartao)}
.bi-msg.usuario{align-self:flex-end;background:var(--ceu-claro)}.bi-msg.suporte{border-color:var(--ceu)}.bi-msg.sistema{align-self:center;color:var(--muted);border-style:dashed}
.bi-cab{margin-bottom:4px}.bi-txt{white-space:pre-wrap;word-break:break-word;line-height:1.45}.bi-msg .btn{margin-top:8px}
.rl textarea{font:500 .92rem "Figtree",sans-serif;padding:8px 10px;border:1px solid var(--linha);border-radius:10px;background:var(--cartao);color:var(--texto)}