.relato-overlay{position:fixed;inset:0;z-index:90;background:#0006;display:flex;align-items:center;justify-content:center;padding:20px}
.relato-modal{width:min(580px,100%);max-height:90vh;overflow:auto;background:var(--painel);border:1px solid var(--linha);border-radius:14px;padding:22px;box-shadow:0 18px 50px #0004}
.relato-modal header,.relato-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.relato-modal h2{margin:0;font-size:20px}.relato-modal header p{margin:6px 0 18px;color:var(--fraco);font-size:13px}.relato-modal label,.relato-admin label{display:block;font-size:13px;font-weight:600;margin:12px 0 6px}
.relato-modal textarea,.relato-admin textarea{display:block;width:100%;font:inherit;padding:10px;border:1px solid var(--linha);border-radius:8px;background:var(--bg);color:var(--texto);resize:vertical}.relato-modal input[type=file],.relato-pendente input{display:block;width:100%;margin:8px 0;font:inherit;font-size:13px}
.relato-note{font-size:12px;color:var(--fraco);line-height:1.5;margin:10px 0}.relato-modal footer{display:flex;justify-content:space-between;gap:10px;margin:16px 0}#okRelato{font-size:13px;line-height:1.5;color:var(--texto)}
.relato-file{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--linha);border-radius:8px;margin:8px 0}.relato-file b,.relato-pendente b{display:block;overflow-wrap:anywhere;font-size:13px}.relato-file small,.relato-card small,.relato-pendente small{display:block;color:var(--fraco);font-size:12px;margin-top:5px}
.relatos-page .cab-tela{gap:16px;flex-wrap:wrap}.relato-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:20px;font-size:13px}.relato-toolbar select,.relato-admin select{padding:8px;border:1px solid var(--linha);border-radius:7px;font:inherit;background:var(--painel);color:var(--texto)}
.relato-card{border:1px solid var(--linha);border-radius:12px;background:var(--painel);padding:20px;margin-bottom:16px;max-width:1000px}.relato-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.6}.relato-status{display:inline-block;font-size:11px;padding:4px 8px;border-radius:6px;background:#fff0d6;color:#865403;margin-left:12px}.relato-status.em_analise{background:#e8efff;color:#2146a3}.relato-status.resolvido{background:#e2f5e9;color:#176338}
.relato-anexos{display:grid;gap:10px}.relato-preview,.relato-pendente{border:1px solid var(--linha);border-radius:8px;padding:12px;overflow-wrap:anywhere;font-size:13px}.relato-preview summary{cursor:pointer}.relato-preview summary small{display:inline;margin-left:8px}.relato-preview img,.relato-preview video{display:block;width:auto;max-width:100%;max-height:460px;margin:12px 0;border-radius:6px}.relato-preview audio{max-width:100%;margin:12px 0;display:block}.relato-preview a{display:inline-block;margin-top:8px;color:var(--azul)}.relato-preview [data-erro],.relato-pendente [data-progresso]{display:block;margin-top:6px;color:#963e25}
.relato-admin,.relato-retorno{margin-top:16px;border-top:1px solid var(--linha);padding-top:6px}.relato-admin .bt{margin-top:12px}.relato-admin [data-retorno]{font-size:13px;margin-left:12px}.relato-retorno p{white-space:pre-wrap;overflow-wrap:anywhere}.relato-empty{padding:28px;border:1px dashed var(--linha);border-radius:10px;color:var(--fraco)}
@media(max-width:820px){.relato-overlay{padding:10px}.relato-modal{max-height:94vh;padding:16px}.relato-card{padding:14px}.relato-modal footer{flex-wrap:wrap}.relato-toolbar{gap:10px}.relato-file{align-items:flex-start}.relato-file .bt{padding:6px}.relato-preview summary small{display:block;margin-left:0}}