/* Guest accounts (S42): B-08 My bookings, its code card, and the S-06b in-app browser banner. B-05's code page uses
   cancellation.css's .bh-cx rules, as S22's B-05 does. */
.bh-ga { gap: var(--space-6); }
.bh-ga-head { display: grid; gap: var(--space-1); overflow-wrap: anywhere; }
.bh-ga-card { display: grid; gap: var(--space-4); justify-items: start; overflow-wrap: anywhere; }
.bh-ga-card > form { width: 100%; }
.bh-ga-badge {
  display: grid; place-items: center; width: 48px; height: 48px; border-radius: var(--radius-pill);
  background: var(--sunken); color: var(--ink-2); border: 1px solid var(--line);
}
.bh-ga-badge--warning { background: var(--warning-bg); border-color: var(--warning-bg); color: var(--warning-ink); }

/* The list: a card of rows, each a button of one form (B08-list's list rows). */
.bh-ga-lists { display: grid; gap: var(--space-6); }
.bh-ga-section { display: grid; gap: var(--space-2); }
.bh-ga-label { margin: 0; font-size: var(--text-h3); line-height: var(--leading-h3); font-weight: var(--weight-bold); }
.bh-ga-list {
  display: grid; margin: 0; padding: 0; list-style: none;
  background: var(--card); border: 1px solid var(--line); border-radius: var(--radius-card); overflow: hidden;
}
.bh-ga-list > li + li { border-top: 1px solid var(--line); }
.bh-ga-row {
  -webkit-appearance: none; appearance: none;
  display: flex; align-items: center; gap: var(--space-3); width: 100%; min-height: 72px; margin: 0; padding: var(--space-3) var(--space-4);
  border: 0; background: transparent; color: var(--ink-1); font: inherit; text-align: left; cursor: pointer;
}
.bh-ga-row:hover { background: var(--sunken); }
.bh-ga-row:focus-visible { box-shadow: none; outline: 2px solid var(--primary); outline-offset: -4px; }
.bh-ga-thumb {
  display: grid; place-items: center; flex: none; width: 64px; height: 64px;
  border: 1px solid var(--line); border-radius: var(--radius-control); background: var(--sunken); color: var(--ink-3);
}
.bh-ga-text { display: grid; gap: var(--space-1); flex: 1 1 auto; min-width: 0; justify-items: start; overflow-wrap: anywhere; }
.bh-ga-title { font-weight: var(--weight-bold); }
.bh-ga-chev { flex: none; color: var(--ink-3); }

/* S-06b: the banner with "Copy link", and its dismiss button on the right. */
.bh-ga-inapp { align-items: flex-start; padding-right: var(--space-2); }
.bh-ga-inapp .bh-banner-body { flex: 1 1 auto; justify-items: start; }
.bh-ga-inapp .bh-banner-body p { margin: 0; }
.bh-ga-inapp form { flex: none; margin: calc(var(--space-2) * -1) 0 0; }