/* EVE AI Lab — Paperform custom CSS to match lab.eve.com/get-in-touch.
   Selectors checked against the live eve-ai-sandbox form DOM, 2026-10-19. */

/* Fonts: these URLs must exist (public, CORS: Access-Control-Allow-Origin) before they load. */
@font-face{font-family:"BNP SemiExp";src:url("https://lab.eve.com/fonts/bnp-semiexpanded.woff2") format("woff2");font-display:swap}
@font-face{font-family:"BNP Bold";src:url("https://lab.eve.com/fonts/bnp-bold.woff2") format("woff2");font-display:swap}

/* transparent page so the host .hud panel shows through (or set the theme Bg alpha to 0) */
html,body{background:transparent!important}

/* the theme sets Roboto on many inner elements (.LiveField, .__unstyled, buttons), so override everything */
.Paperform__Container,.Paperform__Container *{font-family:"BNP SemiExp","Arial Narrow",sans-serif!important}
.Paperform__Container{color:#f2f2f2}
.Paperform__Container{padding-top:0!important}
.Paperform__QuestionBlock{background:none!important;box-shadow:none!important;padding-bottom:0!important}
/* drop the empty paragraphs under the form and the (already hidden) branding footer, so the embed ends at the button */
.paperform__page.block--empty,.Footer{display:none!important}

/* spacing: native form has 26px between fields, 8px label→input */
.LiveField .LiveField__container{padding:13px 0!important}
.LiveField__header{margin-bottom:8px!important;padding:0!important}

/* labels */
.LiveField__header,.LiveField__header *{font-size:14px!important;letter-spacing:.14em!important;text-transform:uppercase;color:#f2f2f2;line-height:1.45!important}
.LiveField--required .LiveField__header span::after{color:#e8492e!important;margin-left:.3em}
.LiveField:not(.LiveField--required) .LiveField__header [data-text]::after{content:"(optional)";margin-left:.4em;color:#a0a0a0;letter-spacing:.08em}

/* field description ("A sentence or two is enough.") */
.LiveField__description,.LiveField__description *{color:#a0a0a0!important;font-size:15px!important;line-height:1.45!important}
.LiveField__description{margin:4px 0 8px!important;padding:0!important}

/* text inputs + textarea */
.LiveField__input{background:rgba(10,10,10,.6)!important;border:1px solid rgba(242,242,242,.22)!important;border-radius:0!important;
  color:#f2f2f2!important;font-size:17px!important;line-height:1.4!important;padding:13px 15px!important;box-shadow:none!important;
  transition:border-color .2s,box-shadow .2s}
textarea.LiveField__input{min-height:140px;resize:vertical}
.LiveField__input::placeholder{color:#7a7a7a}
.LiveField__input:focus{outline:none!important;border-color:#e8492e!important;box-shadow:0 0 0 1px #e8492e!important}
.LiveField--error .LiveField__input{border-color:#e8492e!important}

/* "Which best describes you": 2-column chips, diamond tick on the left */
.Choices{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.Choices .Choices__choice{display:flex!important;align-items:center;justify-content:flex-start!important;gap:12px;margin:0!important;width:auto!important;
  min-height:0!important;padding:12px 14px!important;border:1px solid rgba(242,242,242,.22)!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;color:#cfcfcf!important;text-align:left!important;
  font-size:16px!important;line-height:1.25!important;text-transform:none!important;letter-spacing:0!important;
  transition:border-color .2s,background .2s,color .2s}
.Choices .Choices__label{color:inherit!important;font:inherit!important;padding:0!important;white-space:normal}
.Choices .Choices__choice .MaterialIcon{order:-1;float:none!important;flex:none;box-sizing:border-box!important;width:9px!important;height:9px!important;padding:0!important;margin:0 0 0 1px!important;font-size:0!important;line-height:0!important;opacity:1!important;
  border:1px solid rgba(242,242,242,.45);transform:rotate(45deg);transition:background .2s,border-color .2s}
.Choices .Choices__choice .MaterialIcon svg{display:none}
.Choices .Choices__choice:hover{border-color:rgba(242,242,242,.35)!important;color:#f2f2f2!important}
.Choices .Choices__choice[aria-checked="true"]{border-color:#e8492e!important;background:rgba(232,73,46,.1)!important;color:#f2f2f2!important}
.Choices .Choices__choice[aria-checked="true"] .MaterialIcon{background:#e8492e;border-color:#e8492e}
.Choices .Choices__choice:focus-visible{outline:2px solid #e8492e;outline-offset:2px}
.LiveField--error .Choices .Choices__choice{border-color:rgba(232,73,46,.6)!important}
@media (max-width:560px){.Choices{grid-template-columns:minmax(0,1fr)}}

/* errors: plain amber text under the field, left-aligned */
.LiveField__error,.LiveField__error *{background:transparent!important;box-shadow:none!important}
.LiveField__error{color:#ff9a6b!important;font-size:14px!important;text-align:left!important;letter-spacing:0;text-transform:none;
  margin:0!important;padding:0!important}
.LiveField--error .LiveField__container{padding-bottom:8px!important}

/* footer row: "* Required" on the left, clipped-corner Send button on the right */
.submit{display:flex!important;align-items:center;gap:4px;margin-top:17px!important;padding-top:4px;font-size:14px;color:#a0a0a0}
.submit::before{content:"*";color:#e8492e}
.submit::after{content:"Required";order:1;margin-right:auto}
.submit .btn-raised,.submit .btn-primary{order:2;width:auto!important;display:inline-flex!important;align-items:center;gap:12px;
  font-family:"BNP Bold","Arial Narrow",sans-serif!important;font-size:20px!important;letter-spacing:.06em!important;text-transform:uppercase;
  line-height:1.15!important;border:0!important;border-radius:0!important;padding:14px 22px!important;background:#e8492e!important;color:#0a0a0a!important;
  box-shadow:none!important;transition:background .2s;
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
.submit .btn-raised::after{content:"→";font-family:"BNP SemiExp","Arial Narrow",sans-serif;font-size:16px}
.submit .btn-raised:hover{background:#ff7a5f!important}