/* Ghost Chat: consistent pressed feedback on all pages (including dynamic buttons). */
:is(button, input[type="button"], input[type="submit"], input[type="reset"], a.btn, a.primary, a[role="button"], [role="button"], summary):not(:disabled) {
  -webkit-tap-highlight-color: rgba(189,244,216,.25);
  touch-action: manipulation;
}
:is(button, input[type="button"], input[type="submit"], input[type="reset"], a.btn, a.primary, a[role="button"], [role="button"], summary):not(:disabled):active,
:is(button, input[type="button"], input[type="submit"], input[type="reset"], a.btn, a.primary, a[role="button"], [role="button"], summary).ghost-pressed {
  background: #ddffea !important;
  background-color: #ddffea !important;
  color: #092318 !important;
  border-color: #80e8b0 !important;
  box-shadow: 0 0 0 3px rgba(189,244,216,.33), 0 0 22px rgba(104,239,173,.48) !important;
  transition: background-color 80ms ease-out, color 80ms ease-out, border-color 80ms ease-out, box-shadow 80ms ease-out !important;
}
:is(button, input[type="button"], input[type="submit"], input[type="reset"], a.btn, a.primary, a[role="button"], [role="button"], summary):focus-visible {
  outline: 3px solid #bdf4d8 !important;
  outline-offset: 3px;
}
input:is([type="checkbox"], [type="radio"]) { accent-color: #bdf4d8; }
@media (prefers-reduced-motion: reduce) {
  .ghost-pressed { transition: none !important; }
}