/* Slope Booking (backtid). Frame (.b-card) injected at runtime; form built on
   .b-field/.b-input/.b-select/.b-textarea/.b-row2/.btn primitives. */

.slope-booking.b-card{ padding:var(--card-pad); }

.slope-booking__title{
	font-family:var(--font-display); font-weight:var(--display-w);
	letter-spacing:var(--display-ls); line-height:1.1;
	font-size:1.35rem; color:var(--ink); margin:.15rem 0 .35rem;
}
.slope-booking__intro{ margin:0 0 1rem; color:var(--ink-soft); font-size:.95rem; line-height:1.5; }
.slope-booking__loading{ color:var(--muted); font-size:.9rem; }

.slope-booking__form{ display:flex; flex-direction:column; gap:14px; }
.slope-booking__form .b-field{ margin:0; }

.slope-booking__msg{
	margin:0; padding:10px 12px; border-radius:var(--radius-sm);
	font-size:.86rem; line-height:1.45;
}
.slope-booking__msg--info{ background:var(--surface2); color:var(--ink-soft); }
.slope-booking__msg--success{ background:var(--ok-bg); color:var(--ok); }
.slope-booking__msg--error{ background:var(--no-bg); color:var(--no); }

.slope-booking__submit{ width:100%; justify-content:center; margin-top:2px; }