/* Окно с формой заявки (partials/site/form.html, js/site-form.js): слой site, переменные --site-*; подключается после css/site-chrome.css. */
@layer site {
  .site-dialog {
    width: min(32rem, calc(100vw - 2rem)); max-height: calc(100vh - 2rem); overflow: auto;
    padding: 0; border: 1px solid var(--site-line); border-radius: 0.4rem; background: #0d0f12; color: var(--site-fg);
  }
  .site-dialog::backdrop { background: rgba(0, 0, 0, 0.72); backdrop-filter: blur(3px); }
  .site-form { position: relative; display: grid; gap: 0.8rem; padding: 2rem 1.6rem 1.6rem; }
  .site-dialog__title { margin: 0; font-family: var(--site-font-head); font-weight: 400; font-size: 1.7rem; text-transform: uppercase; }
  .site-dialog__lead { margin: 0; color: var(--site-dim); font-size: 0.92rem; }
  .site-form__hp { position: absolute; inset-inline-start: -9999px; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
  .site-form .iti { width: 100%; }
  .site-form__consent { display: flex; gap: 0.7rem; align-items: flex-start; font-size: 0.82rem; color: var(--site-dim); cursor: pointer; }
  .site-form__consent input { margin-block-start: 0.2rem; accent-color: var(--site-accent); }
  .site-form__status { margin: 0; min-height: 1.3em; font-size: 0.88rem; color: var(--site-dim); }
  .site-form__status[data-state="error"] { color: #ff8f8f; }
  .site-form__status[data-state="ok"] { color: var(--site-signal); }
}