/* app/css/feedback.css
   O botão de feedback do canto e o modo de apontar. */

/* ── Feedback: o botão do canto e o modo de apontar ───────────────────── */
.dm-feedback {
  position: fixed; right: var(--dm-sp-4); bottom: var(--dm-sp-4); z-index: 30;
  padding: var(--dm-sp-2) var(--dm-sp-4); border-radius: 999px; border: 1px solid var(--dm-border);
  background: var(--dm-surface); color: var(--dm-text-2); box-shadow: var(--dm-shadow);
  font-size: var(--dm-fs-sm); font-weight: var(--dm-fw-forte); cursor: pointer;
}
.dm-feedback:hover { color: var(--dm-primary); }
@media (max-width: 760px) {
  .dm-com-barra .dm-feedback { bottom: calc(3.5rem + var(--dm-sp-3)); }
}
.dm-apontando, .dm-apontando * { cursor: crosshair !important; }
.dm-apontar-caixa {
  position: fixed; z-index: 60; pointer-events: none;
  outline: 2px solid var(--dm-primary); background: var(--dm-info-bg); opacity: 0.5; border-radius: 2px;
}
.dm-apontar-faixa {
  position: fixed; z-index: 61; left: 50%; top: var(--dm-sp-3); transform: translateX(-50%);
  width: max-content; max-width: calc(100vw - 16px);
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--dm-sp-2);
  padding: var(--dm-sp-2) var(--dm-sp-4); border-radius: var(--dm-radius);
  background: var(--dm-surface); border: 1px solid var(--dm-primary); box-shadow: var(--dm-shadow);
  font-size: var(--dm-fs-sm);
}
.dm-apontar-faixa, .dm-apontar-faixa * { cursor: default !important; }