/* Styles for the shared trial widgets (trial.js): the Ask button and panel, in GBG Go colours. */

/* Ask */
.trial-ask-button {
  position: fixed; right: 1.25rem; bottom: 1.25rem; z-index: 1000;
  padding: 0.7rem 1.1rem; border: 0; border-radius: 999px;
  background: #4D4DFF; color: #fff; font: 700 0.9375rem "DM Sans", sans-serif;
  box-shadow: 2px 4px 14px rgba(0, 0, 0, 0.25); cursor: pointer;
}
.trial-ask-button:hover { background: #3333E6; }
.trial-ask-panel {
  position: fixed; right: 1.25rem; bottom: 4.75rem; z-index: 1000;
  width: min(26rem, calc(100vw - 2.5rem)); max-height: min(36rem, calc(100vh - 7rem));
  display: flex; flex-direction: column;
  background: #fff; color: #3B3B44; border: 1px solid #E3E3E8; border-radius: 12px;
  box-shadow: 2px 4px 24px rgba(0, 0, 0, 0.2);
  font: 0.9375rem/1.5 "DM Sans", -apple-system, "Segoe UI", sans-serif;
}
.trial-ask-panel[hidden] { display: none; }
.trial-ask-head { padding: 0.75rem 1rem; border-bottom: 1px solid #E3E3E8; color: #0C0C0E; }
.trial-ask-head span { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.08em; color: #3333E6; }
.trial-ask-log { flex: 1; overflow-y: auto; padding: 0.75rem 1rem; }
.trial-ask-q { margin: 0.5rem 0 0.5rem 2rem; padding: 0.5rem 0.75rem; background: #E5E5FF; border-radius: 8px; color: #12123C; }
.trial-ask-a p, .trial-ask-a ul, .trial-ask-a ol { margin: 0.4rem 0; }
.trial-ask-a code { background: #F6F7F9; padding: 0 0.25rem; border-radius: 4px; font-size: 0.85em; }
.trial-ask-a pre { margin: 0.5rem 0; padding: 0.625rem 0.75rem; background: #1F1F26; color: #ECEDF1; border-radius: 8px; overflow-x: auto; }
.trial-ask-a pre code { background: none; padding: 0; color: inherit; font-size: 0.8125rem; white-space: pre; }
.trial-ask-sources-title { font-weight: 700; margin-top: 0.75rem !important; }
.trial-ask-sources a { color: #3333E6; }
.trial-ask-wait { color: #787887; font-style: italic; }
.trial-ask-error { color: #BF4040; }
.trial-ask-panel form { display: flex; gap: 0.5rem; padding: 0.75rem 1rem; border-top: 1px solid #E3E3E8; }
.trial-ask-panel textarea { flex: 1; resize: none; font: inherit; padding: 0.5rem; border: 1px solid #ADADB8; border-radius: 8px; }
.trial-ask-panel form button { border: 0; border-radius: 8px; padding: 0 1rem; background: #4D4DFF; color: #fff; font: 700 0.875rem "DM Sans", sans-serif; cursor: pointer; }
.trial-ask-panel form button:disabled { opacity: 0.5; cursor: wait; }
.trial-ask-note { margin: 0; padding: 0 1rem 0.75rem; font-size: 0.75rem; color: #787887; }