@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Inter:wght@400;500;600&display=swap');
/* ===== Report form — match Deepnote design ===== */
/* Text + email inputs only (NOT the dropdown's hidden input) */
input[id^="field-text-"],
input[id^="field-email-"] {
  border: 1px solid #E0E3E8 !important;
  border-radius: 8px !important;
  background: #FDFDFE !important;
  padding: 12px 14px !important;
  box-shadow: none !important;
  color: #00041C !important;
}
input[id^="field-text-"]:focus,
input[id^="field-email-"]:focus {
  border-color: #3793EF !important;
  box-shadow: 0 0 0 3px rgba(55,147,239,.16) !important;
  outline: none !important;
}
/* Labels: uppercase, letter-spaced, small, slate */
.LiveField__header {
  font-family: "Inter", sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: #4A525E !important;
  line-height: 1.4 !important;
}
/* Required asterisk → red (Paperform's own asterisk selector) */
.LiveField--required .LiveField__header [data-block]:last-child > [data-offset-key]:last-child > :last-child [data-text]::after {
  color: #C93131 !important;
  margin-left: 2px;
}
/* Dropdown: match the boxed inputs */
.LiveField--dropdown .Select.LiveField__input { border-bottom: none !important; }
.LiveField--dropdown .Select-control {
  border: 1px solid #E0E3E8 !important;
  border-radius: 8px !important;
  background: #FDFDFE !important;
  min-height: 46px !important;
  padding: 4px 10px !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
}
.LiveField--dropdown.LiveField--active .Select-control {
  border-color: #3793EF !important;
  box-shadow: 0 0 0 3px rgba(55,147,239,.16) !important;
}
/* Submit button: blue, rounded, arrow */
.submit .btn-raised.btn-primary,
.btn-raised.btn-primary {
  background-color: #146efe !important;
  border-radius: 10px !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
  transition: filter .15s ease !important;
}
.submit .btn-raised.btn-primary:hover,
.btn-raised.btn-primary:hover,
.submit .btn-raised.btn-primary:focus,
.btn-raised.btn-primary:focus {
  background-color: #146efe !important;
  filter: brightness(120%) !important;
}
.submit .btn-raised.btn-primary::after { content: "  →"; }
/* Field = the anchor; reserve a fixed gap that holds the error whether it shows or not */
.LiveField {
  position: relative !important;
  margin-top: 0 !important;
  margin-bottom: 34px !important;   /* ← constant gap; bigger so errors aren't tight to next field */
  min-height: 0 !important;
}
/* Kill the container's built-in padding */
.LiveField .LiveField__container,
.LiveField__container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.LiveFieldSection__row {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
/* Let the dropdown menu escape its field without un-clipping the whole form */
.LiveField--dropdown,
.LiveField--dropdown .LiveField__container,
.LiveField--dropdown .LiveField__answer,
.LiveField--dropdown .Select {
  overflow: visible !important;
}
/* Error → Deepnote font + brand red, floated into the reserved gap (no layout shift) */
.LiveField__error,
.LiveField__hint--error,
.LiveField .LiveField__error,
[class*="LiveField__error"],
[id^="field-error-text-"] {
  position: absolute !important;
  top: 100% !important;          /* just below the input box */
  left: 0 !important;
  margin: 4px 0 0 !important;    /* tiny gap under the box */
  padding: 0 !important;
  background: transparent !important;
  color: #C93131 !important;
  font-family: "Inter", sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  text-align: left !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}