/* Header button layout belongs to the reference header; this bridge only
   improves the real native guest gate and communicates a failed connection. */
body.drn-reference-global :is(.ycd-gate, .ycd-form) .ragbet-support-field {
  display: grid;
  gap: 6px;
  margin: 0;
  color: var(--ycd-text);
  font: inherit;
}
body.drn-reference-global :is(.ycd-gate, .ycd-form) .ragbet-support-field > span { font-size: 13px; font-weight: 600; }
body.drn-reference-global :is(.ycd-gate, .ycd-form) .ragbet-support-field > input { width: 100%; min-width: 0; }
body.drn-reference-global .ragbet-support-notice {
  margin: 0;
  padding: 10px var(--drn-header-gutter, 16px);
  border-bottom: 1px solid var(--yc-border);
  background: var(--yc-surface);
  color: var(--yc-text);
  font: 13px/1.5 var(--yc-font-body);
  text-align: center;
}
body.drn-reference-global [data-ragbet-support-open][aria-busy="true"] { cursor: progress; opacity: .65; }

/* Product context stays inside the real support panel, above its native form. */
body.drn-reference-global .ycd-product-context {
  display: grid; flex: 0 0 auto; gap: 4px;
  margin: 0; padding: 10px 14px;
  border-bottom: 1px solid var(--ycd-line, #e7e9e4);
  background: var(--ycd-bg, #fff); color: var(--ycd-text);
  font-family: inherit; line-height: 1.45; overflow-wrap: anywhere;
}
body.drn-reference-global .ycd-product-context[hidden] { display: none !important; }
body.drn-reference-global .ycd-product-context > strong {
  margin: 0; color: var(--ycd-muted); font-size: 12px; font-weight: 400;
}
body.drn-reference-global .ycd-product-context > span {
  color: var(--ycd-text); font-size: 13px; font-weight: 600;
}

body.drn-reference-global .ycd-product-context-status {
  display: block; color: var(--ycd-muted); font-size: 11px; line-height: 1.45;
}
body.drn-reference-global .ycd-product-context-retry {
  justify-self: start; margin: 1px 0 0; padding: 3px 0;
  border: 0; background: transparent; color: var(--ycd-accent);
  font: inherit; font-size: 12px; text-decoration: underline; cursor: pointer;
}
body.drn-reference-global .ycd-product-context-retry:focus-visible {
  outline: 2px solid var(--ycd-accent); outline-offset: 2px;
}
