/* Feedback FAB + sheet — coach + client */
.feedback-fab {
  position: fixed;
  left: max(12px, env(safe-area-inset-left));
  bottom: calc(16px + var(--safe-bottom, 0px));
  z-index: 9000;
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 2.25rem;
  padding: 0.45rem 0.85rem;
  border-radius: var(--pill-radius, 999px);
  border: 1px solid var(--border-color);
  background: var(--panel-bg);
  color: var(--text-secondary);
  font-size: var(--text-caption);
  font-weight: var(--fw-semibold);
  cursor: pointer;
  transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease, transform 0.12s ease;
}
.feedback-fab:hover {
  color: var(--text-primary);
  border-color: rgba(var(--accent-rgb), 0.3);
  background: var(--accent-soft);
}
.feedback-fab:active {
  transform: scale(0.98);
}
.feedback-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9001;
}
.feedback-sheet {
  position: fixed;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: min(100%, 420px);
  max-height: 70vh;
  overflow-y: auto;
  z-index: 9002;
  padding: 20px;
  padding-bottom: calc(20px + env(safe-area-inset-bottom));
  background: var(--panel-bg);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}
body:not(.light-mode) .feedback-sheet {
  backdrop-filter: none;
}
body.light-mode .feedback-sheet {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.feedback-sheet.hidden,
.feedback-backdrop.hidden { display: none; }
.feedback-sheet__input {
  background: var(--input-bg);
  border: 1px solid var(--border-color);
  border-radius: var(--btn-radius, 10px);
  padding: 10px 12px;
  color: var(--text-primary);
  font-size: var(--text-body);
}