/* Hub Play Apps shared kit styles: TRIAL sash, Feedback button and form.
   Uses its own --kit- tokens with fallbacks so it works inside any app. */
.kit-sash {
  position: fixed; left: -46px; bottom: 22px; z-index: 9998;
  width: 170px; transform: rotate(45deg);
  background: var(--kit-sash-bg, #f5b841); color: var(--kit-sash-text, #1a1405);
  text-align: center; font: 800 13px/26px system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  letter-spacing: 0.22em; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  pointer-events: none; /* never blocks taps on the page */
}
.kit-feedback-btn {
  position: fixed; z-index: 9999;
  right: max(16px, env(safe-area-inset-right)); bottom: max(16px, env(safe-area-inset-bottom));
  border: 0; border-radius: 999px; padding: 12px 18px;
  background: var(--kit-accent, #ff7a59); color: #fff;
  font: 600 15px system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28); cursor: pointer;
}
.kit-feedback-btn:focus-visible { outline: 3px solid var(--kit-focus, #36c5b4); outline-offset: 2px; }
.kit-dialog {
  border: 0; border-radius: 22px; padding: 0;
  width: min(440px, calc(100vw - 32px));
  background: var(--kit-surface, #171e2e); color: var(--kit-text, #eef2f8);
}
.kit-dialog::backdrop { background: rgba(5, 8, 14, 0.6); }
.kit-form { display: flex; flex-direction: column; gap: 8px; padding: 20px; font: 15px/1.45 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.kit-form h2 { margin: 0 0 6px; font-size: 20px; font-weight: 700; text-transform: none; letter-spacing: normal; color: inherit; }
.kit-form label { font-size: 14px; font-weight: 600; margin-top: 6px; }
.kit-form textarea, .kit-form input[type="email"], .kit-form input[type="file"] {
  width: 100%; font: inherit; color: inherit;
  background: var(--kit-input, rgba(255, 255, 255, 0.06));
  border: 1px solid var(--kit-line, rgba(255, 255, 255, 0.16)); border-radius: 12px; padding: 10px 12px;
}
.kit-trap { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.kit-small { font-size: 12.5px; opacity: 0.8; margin: 6px 0 0; }
.kit-small a { color: var(--kit-focus, #36c5b4); }
.kit-status { min-height: 1.4em; margin: 4px 0 0; font-size: 14px; }
.kit-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 4px; }
.kit-btn, .kit-btn-quiet { font: 600 15px system-ui, sans-serif; border-radius: 12px; padding: 10px 18px; cursor: pointer; }
.kit-btn { border: 0; background: var(--kit-accent, #ff7a59); color: #fff; }
.kit-btn:disabled { opacity: 0.6; cursor: wait; }
.kit-btn-quiet { background: transparent; color: inherit; border: 1px solid var(--kit-line, rgba(255, 255, 255, 0.2)); }
@media (prefers-color-scheme: light) {
  .kit-dialog { background: var(--kit-surface, #ffffff); color: var(--kit-text, #141a29); }
  .kit-form textarea, .kit-form input[type="email"], .kit-form input[type="file"] {
    background: var(--kit-input, #f5f6fa); border-color: var(--kit-line, rgba(20, 26, 41, 0.18));
  }
  .kit-small a { color: var(--kit-focus, #1b9283); }
}