.beta-feedback-trigger {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 82;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 9px 15px;
  border: 1px solid rgba(8, 127, 141, .3);
  border-radius: 999px;
  background: rgba(255, 255, 255, .96);
  color: #173f4b;
  box-shadow: 0 8px 28px rgba(13, 54, 67, .14);
  cursor: pointer;
  transition: transform .22s cubic-bezier(.2, .8, .2, 1), border-color .22s, box-shadow .22s;
}
.beta-feedback-trigger span { padding: 2px 7px; border-radius: 999px; background: #dff8f5; color: #087f8d; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.beta-feedback-trigger:hover,
.beta-feedback-trigger:focus-visible { transform: translateY(-3px); border-color: #08a9ad; box-shadow: 0 12px 32px rgba(8, 127, 141, .2); outline: none; }
.beta-feedback-dialog { width: min(620px, calc(100vw - 32px)); padding: 32px; }
.beta-feedback-eyebrow { color: #087f8d; font-weight: 800; letter-spacing: .08em; }
.beta-feedback-dialog h2 { margin: 8px 0; color: #103947; }
.beta-feedback-dialog > p { margin: 0 0 22px; color: #657b84; }
.beta-feedback-form { display: grid; gap: 16px; }
.beta-feedback-form label { display: grid; gap: 7px; color: #244653; font-size: 14px; font-weight: 700; }
.beta-feedback-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.beta-feedback-form select,
.beta-feedback-form input,
.beta-feedback-form textarea { box-sizing: border-box; width: 100%; border: 1px solid #d6e2e6; border-radius: 12px; background: #fff; color: #153945; font: inherit; font-weight: 400; }
.beta-feedback-form select,
.beta-feedback-form input { height: 46px; padding: 0 13px; }
.beta-feedback-form textarea { min-height: 120px; padding: 13px; resize: vertical; line-height: 1.6; }
.beta-feedback-form :is(select, input, textarea):focus { border-color: #08a9ad; box-shadow: 0 0 0 3px rgba(8, 169, 173, .12); outline: none; }
.beta-feedback-page { display: grid; gap: 4px; min-width: 0; padding: 10px 12px; border-radius: 10px; background: #f2f7f8; color: #71848b; font-size: 12px; }
.beta-feedback-page code { overflow: hidden; color: #49646d; text-overflow: ellipsis; white-space: nowrap; }
.beta-feedback-error { margin: 0; padding: 10px 12px; border-radius: 10px; background: #fff0ef; color: #a73029; }
.beta-feedback-submit,
.beta-feedback-success button { min-height: 46px; border: 0; border-radius: 12px; background: #087f8d; color: #fff; font-weight: 800; cursor: pointer; }
.beta-feedback-submit:hover,
.beta-feedback-submit:focus-visible,
.beta-feedback-success button:hover,
.beta-feedback-success button:focus-visible { background: #056a77; outline: 3px solid rgba(8, 169, 173, .16); }
.beta-feedback-submit:disabled { cursor: wait; opacity: .65; }
.beta-feedback-success { display: grid; gap: 12px; padding: 26px 6px 8px; text-align: center; }
.beta-feedback-success > span { justify-self: center; padding: 7px 12px; border-radius: 999px; background: #dff8f5; color: #087f8d; font-weight: 800; }
.beta-feedback-success h2,
.beta-feedback-success p { margin: 0; }
.beta-feedback-success button { margin-top: 12px; }
@media (max-width: 680px) {
  .beta-feedback-trigger { right: 12px; bottom: calc(76px + env(safe-area-inset-bottom)); min-height: 38px; padding: 7px 11px; font-size: 12px; }
  .beta-feedback-dialog { padding: 24px 18px; }
  .beta-feedback-grid { grid-template-columns: 1fr; }
}
@media print { .beta-feedback-trigger, .beta-feedback-modal { display: none !important; } }