/* Вид документа. Разметку строит docfmt.js, но её оформление до сих пор
   существовало только для всплывающего окна с нормой (.lawdoc-body), а в
   главном просмотрщике документ выводился простым текстом. Здесь оформление
   привязано к самой разметке, поэтому работает в обоих местах. */

.docview-text {
  background: var(--bg);
  padding: 28px 18px 60px;
}

/* Лист. Пропорции близки к А4: ширина набора и поля как в обычном документе. */
.d-doc {
  max-width: 760px;
  margin: 0 auto;
  padding: 56px 64px 64px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 6px;
  box-shadow: var(--shadow);
  font-size: 15.5px;
  line-height: 1.62;
  color: var(--text);
  font-variant-numeric: tabular-nums;
}

/* Шапка идёт по правому краю построчно — как в бумажном заявлении. */
.d-doc .d-head {
  margin: 0 0 2px;
  padding: 0;
  text-align: right;
  font-size: 14px;
  line-height: 1.45;
  color: var(--text);
  text-indent: 0;
}
.d-doc .d-head-gap { margin-top: 12px; }
.d-doc .d-head + .d-title { margin-top: 40px; }

.d-doc .d-title {
  margin: 34px 0 6px;
  padding: 0;
  text-align: center;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: .01em;
  text-indent: 0;
}

.d-doc .d-subtitle {
  margin: 0 0 24px;
  padding: 0;
  text-align: center;
  font-size: 15px;
  color: var(--text-dim);
  text-indent: 0;
}

/* Тело без выравнивания по ширине: в русском тексте оно рвёт межсловные
   пробелы. Абзац начинается с красной строки. */
.d-doc .d-par {
  margin: 0 0 12px;
  padding: 0;
  text-align: left;
  text-indent: 1.45em;
  hyphens: none;
}

/* Пункты: номер висит слева, текст выровнен по вертикали. */
.d-doc .d-item {
  margin: 0 0 9px;
  padding: 0 0 0 2.1em;
  text-indent: -2.1em;
  text-align: left;
}

.d-doc .d-sign {
  margin: 26px 0 0;
  padding: 0;
  text-align: left;
  text-indent: 0;
  color: var(--text);
}
.d-doc .d-sign + .d-sign { margin-top: 8px; }

/* Слово, распознанное неуверенно: подчёркнуто волной, но читается спокойно. */
.d-doc .low {
  text-decoration: underline wavy var(--warn);
  text-underline-offset: 3px;
  cursor: help;
}

/* Поля для заполнения внутри документа. */
.d-doc .field-blank,
.d-doc .doc-field {
  background: var(--accent-soft);
  border-bottom: 1px solid var(--accent);
  border-radius: 3px;
  padding: 0 4px;
}

@media (max-width: 720px) {
  .docview-text { padding: 14px 8px 40px; }
  .d-doc {
    padding: 28px 22px 36px;
    font-size: 15px;
    border-radius: 4px;
  }
  .d-doc .d-head { text-align: left; }
  .d-doc .d-par { text-indent: 1.2em; }
}

/* Печать: только лист, без интерфейса вокруг. */
@media print {
  body * { visibility: hidden; }
  .docview-text, .docview-text * { visibility: visible; }
  .docview-text {
    position: absolute;
    inset: 0;
    padding: 0;
    background: #fff;
    overflow: visible;
  }
  .d-doc {
    max-width: none;
    margin: 0;
    padding: 0;
    border: none;
    box-shadow: none;
    background: #fff;
    color: #000;
    font-size: 12.5pt;
  }
  .d-doc .low { text-decoration: none; }
  .d-doc .d-item, .d-doc .d-par { orphans: 2; widows: 2; }
  .d-doc .d-title { page-break-after: avoid; }
}

/* Заголовок раздела внутри документа: «ПРОШУ:», «Приложения:». */
.d-doc .d-lead {
  margin: 24px 0 12px;
  padding: 0;
  text-indent: 0;
  text-align: center;
  font-weight: 700;
  letter-spacing: .02em;
}
.d-doc .d-lead + .d-item { margin-top: 0; }