/* ==========================================================================
   BENTO IDE — Remote Flash, HOST-side styling only
   --------------------------------------------------------------------------
   The wizard's own styling lives in css/vendor/flash-core.css (canonical:
   src/shared/flash-core/flash-core.css). This file styles the one thing that
   belongs to BENTO IDE rather than to the shared wizard: the Welcome-screen
   strip. Same design tokens as css/style.css — no new colours.
   ========================================================================== */

/* ── Welcome-screen strip ───────────────────────────────────────────────── */
.rf-strip {
  display: flex; align-items: center; gap: 12px;
  padding: 10px 14px; border-radius: 10px;
  border: 1px solid var(--tesa-primary-light); background: var(--tesa-primary-subtle);
}
.rf-strip-ico { font-size: 18px; line-height: 1; }
.rf-strip-txt { flex: 1; min-width: 0; }
.rf-strip-title { font-size: 13px; font-weight: 600; color: var(--text-primary); }
.rf-strip-sub { font-size: 11.5px; color: var(--text-secondary); }
.rf-strip-btn {
  flex-shrink: 0; padding: 7px 14px; border: none; border-radius: 8px;
  background: var(--tesa-primary); color: #fff;
  font: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer;
  transition: background var(--transition);
}
.rf-strip-btn:hover:not(:disabled) { background: var(--tesa-primary-hover); }
.rf-strip-btn:disabled { background: var(--text-tertiary); cursor: not-allowed; }
.rf-strip-ver {
  font-family: var(--font-mono); font-size: 11px; font-weight: 600;
  padding: 0 5px; border-radius: 999px;
  background: var(--bg-surface); color: var(--tesa-primary);
}