/* ---------------------------------------------------------------- Feedback (fase de testes) */

.feedback-botao {
  position: fixed; right: 0; top: 50%; z-index: 45; transform: translateY(-50%);
  writing-mode: vertical-rl; display: inline-flex; align-items: center; gap: 6px;
  padding: 12px 7px; border: 1px solid var(--glass-border); border-right: 0; border-radius: 12px 0 0 12px;
  background: var(--acao); color: var(--acao-texto); font: 600 12.5px/1 var(--font); letter-spacing: .02em;
  box-shadow: var(--shadow); cursor: pointer; opacity: .92; transition: opacity .15s var(--ease), padding .15s var(--ease);
}
.feedback-botao .i { transform: rotate(90deg); }
.feedback-botao:hover { opacity: 1; padding-right: 10px; }
.feedback-botao:focus-visible { outline: none; box-shadow: var(--focus); }
.feedback-botao:disabled { opacity: .6; cursor: progress; }
.fb-captura { margin: 12px 0; border-radius: var(--r); overflow: hidden; border: 1px solid var(--sep); }
.fb-captura img { display: block; width: 100%; max-height: 240px; object-fit: cover; object-position: top; }
.fb-captura-rodape { display: flex; align-items: center; gap: 10px; padding: 8px 10px; background: var(--surface-sunken); }
.fb-captura-rodape .subtle { flex: 1; display: flex; gap: 6px; align-items: flex-start; font-size: 12.5px; }
.fb-botoes { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.fb-anexar { cursor: pointer; }
.fb-dica { display: flex; gap: 6px; align-items: flex-start; font-size: 12.5px; margin-top: 8px; }
.fb-item { margin-bottom: 14px; display: flex; flex-direction: column; gap: 10px; }
.fb-topo { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.fb-topo .subtle { flex: 1; }
.fb-texto { white-space: pre-wrap; margin: 0; }
.fb-imagens { display: flex; gap: 10px; flex-wrap: wrap; }
.fb-imagens:empty { display: none; }
.fb-miniatura { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--text-2); }
.fb-miniatura img { width: 180px; height: 120px; object-fit: cover; object-position: top; border-radius: var(--r-sm); border: 1px solid var(--sep); }
.fb-contexto { display: grid; grid-template-columns: 90px 1fr; gap: 6px 10px; margin: 10px 0 0; font-size: 13px; }
.fb-contexto dt { color: var(--text-2); }
.fb-contexto dd { margin: 0; word-break: break-word; }
@media print { .feedback-botao { display: none !important; } }
html.nativo .feedback-botao { top: auto; bottom: calc(env(safe-area-inset-bottom) + 24px); transform: none; }
html.nativo.barra-sistema .feedback-botao { display: none; }  /* no app 2.0, o feedback fica no menu nativo */