/* Scoped to the new form and optional shortcode button. Existing page styles are untouched. */
#lwc-dialog {
  box-sizing: border-box;
  width: min(540px, calc(100% - 32px));
  max-width: 540px;
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 0;
  border: 0;
  border-radius: 18px;
  background: #fff;
  color: #1d2332;
  box-shadow: 0 24px 80px #0005;
  font-family: Vitala, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  overflow: auto;
  overscroll-behavior: contain;
}
#lwc-dialog:not([open]) { display: none; }
#lwc-dialog::backdrop { background: #172036b8; }
#lwc-dialog *, #lwc-dialog *::before, #lwc-dialog *::after { box-sizing: border-box; }
#lwc-dialog .lwc-header { position: relative; background: #303a52; color: #fff; padding: 30px 32px 26px; }
#lwc-dialog .lwc-brand { display: block; color: #e6d3a0; font-size: 11px; letter-spacing: 1.6px; padding-right: 40px; }
#lwc-dialog h2 { font: 400 32px/1.2 Argent, Georgia, serif; color: #e6d3a0; margin: 14px 38px 10px 0; }
#lwc-dialog .lwc-header p { font: inherit; margin: 0; color: #fff; }
#lwc-dialog .lwc-close { position: absolute; top: 14px; right: 14px; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid #ffffff60; border-radius: 50%; background: transparent; color: #fff; font: 28px/1 Arial, sans-serif; cursor: pointer; }
#lwc-dialog .lwc-close:hover { background: #ffffff18; }
#lwc-dialog .lwc-form { display: flex; flex-direction: column; padding: 28px 32px 30px; gap: 0; margin: 0; }
#lwc-dialog label { display: block; margin: 0 0 7px; padding: 0; color: #1d2332; font: 500 15px/1.5 Vitala, Arial, sans-serif; }
#lwc-dialog .lwc-optional { color: #586174; font-weight: 400; }
#lwc-dialog input, #lwc-dialog select { display: block; width: 100%; min-width: 0; min-height: 48px; margin: 0 0 20px; padding: 11px 12px; border: 1px solid #9da6b5; border-radius: 7px; background: #fff; color: #1d2332; font: 400 16px/1.4 Vitala, Arial, sans-serif; }
#lwc-dialog select { appearance: auto; padding-right: 30px; }
#lwc-dialog .lwc-submit, .lwc-launch { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 50px; padding: 13px 20px; border: 0; border-radius: 8px; background: #dcc17c; color: #1d2332; font: 500 16px/1.4 Vitala, Arial, sans-serif; text-decoration: none; cursor: pointer; }
#lwc-dialog .lwc-submit { width: 100%; margin: 2px 0 0; }
#lwc-dialog .lwc-submit:hover, .lwc-launch:hover { background: #e6d3a0; color: #1d2332; }
#lwc-dialog .lwc-hint, #lwc-dialog .lwc-status { color: #586174; font: 400 13px/1.6 Vitala, Arial, sans-serif; margin: 14px 0 0; }
#lwc-dialog .lwc-status:empty { display: none; }
#lwc-dialog :is(input, select, button):focus-visible, .lwc-launch:focus-visible { outline: 3px solid #ac862a; outline-offset: 3px; }
@media (max-width: 480px) {
  #lwc-dialog .lwc-header { padding: 26px 22px 22px; }
  #lwc-dialog .lwc-form { padding: 22px; }
  #lwc-dialog h2 { font-size: 28px; }
}
