/* ===========================================================================
 *  styles/pdf-form.css — PDF Page 1: Application for Leave
 *
 *  Refined editorial document. Fraunces serif for display, Inter for body,
 *  DM Mono for IDs / timestamps / dates. Cream paper background, brand-red
 *  accents, hairline rules.
 *
 *  A4 at 96dpi: 794 × 1123 px. All rules scoped under .pdf-form-page.
 * =========================================================================== */

.pdf-form-page {
  position: relative;
  background: #f8f5ee;
  width: 794px;
  height: 1123px;
  padding: 0;
  color: #1c1812;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 10pt;
  line-height: 1.45;
  overflow: hidden;
  box-sizing: border-box;

}

.pdf-form-page *,
.pdf-form-page *::before,
.pdf-form-page *::after { box-sizing: border-box; }

.pdf-form-page p,
.pdf-form-page div,
.pdf-form-page span { margin: 0; padding: 0; }

/* ========================================================================
 *  MASTHEAD
 * ======================================================================== */
.pdf-form-page .pdfm-mast {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding: 38px 48px 14px;
  border-bottom: 1px solid #1c1812;
}
.pdf-form-page .pdfm-mast-left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.pdf-form-page .pdfm-bullseye {
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #b51a23;
  position: relative;
  box-shadow: inset 0 0 0 3px #f8f5ee, inset 0 0 0 4px #b51a23;
}
.pdf-form-page .pdfm-bullseye::after {
  content: "";
  position: absolute;
  inset: 9px;
  border-radius: 50%;
  background: #f8f5ee;
}
.pdf-form-page .pdfm-wordmark {
  font-family: 'DM Mono', ui-monospace, Menlo, Consolas, monospace;
  font-size: 11.5pt;
  letter-spacing: .13em;
  text-transform: uppercase;
  color: #1c1812;
  line-height: 1.2;
}
.pdf-form-page .pdfm-wordmark .pa { color: #b51a23; font-weight: 500; }
.pdf-form-page .pdfm-wordmark .me { color: #1c1812; font-weight: 500; }
.pdf-form-page .pdfm-wordmark-tag {
  display: block;
  margin-top: 2px;
  font-family: 'Fraunces', Georgia, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 9pt;
  color: #6b5a3e;
  text-transform: none;
  letter-spacing: 0;
}

.pdf-form-page .pdfm-mast-right { text-align: right; }
.pdf-form-page .pdfm-title {
  font-family: 'Fraunces', Georgia, serif;
  font-weight: 600;
  font-size: 26pt;
  line-height: 1.0;
  letter-spacing: -.01em;
  color: #1c1812;
}
.pdf-form-page .pdfm-title em {
  font-style: italic;
  font-weight: 500;
  color: #6b5a3e;
}
.pdf-form-page .pdfm-subtitle {
  margin-top: 4px;
  font-family: 'DM Mono', monospace;
  font-size: 8pt;
  text-transform: uppercase;
  letter-spacing: .25em;
  color: #6b5a3e;
}

/* ========================================================================
 *  BODY
 * ======================================================================== */
.pdf-form-page .pdfm-body {
  padding: 22px 48px 0;
}

/* ---- Subject block (employee name + employee number + application date) ---- */
.pdf-form-page .pdfm-subject {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 14px;
  border-bottom: 1px dotted #c8b58a;
}
.pdf-form-page .pdfm-subject-left {
  flex: 1 1 auto;
  min-width: 0;
}
.pdf-form-page .pdfm-subj-eyebrow {
  font-family: 'DM Mono', monospace;
  font-size: 7.5pt;
  text-transform: uppercase;
  letter-spacing: .25em;
  color: #6b5a3e;
  margin-bottom: 4px;
}
.pdf-form-page .pdfm-subj-name {
  font-family: 'Fraunces', Georgia, serif;
  font-weight: 600;
  font-size: 22pt;
  line-height: 1.08;
  letter-spacing: -.005em;
  color: #1c1812;
  word-break: break-word;
}
.pdf-form-page .pdfm-subj-num {
  margin-top: 4px;
  font-family: 'DM Mono', monospace;
  font-size: 9.5pt;
  letter-spacing: .12em;
  color: #b5891f;
}
.pdf-form-page .pdfm-subj-num .sym { font-size: 0.85em; }

.pdf-form-page .pdfm-subject-right { text-align: right; flex: 0 0 auto; }
.pdf-form-page .pdfm-subj-meta-k {
  font-family: 'DM Mono', monospace;
  font-size: 7pt;
  text-transform: uppercase;
  letter-spacing: .22em;
  color: #6b5a3e;
}
.pdf-form-page .pdfm-subj-meta-v {
  font-family: 'DM Mono', monospace;
  font-size: 10pt;
  font-weight: 500;
  color: #1c1812;
  letter-spacing: .03em;
  margin-top: 2px;
}

/* ---- Composed date-range line ---- */
.pdf-form-page .pdfm-range {
  padding: 16px 0;
  font-family: 'Inter', sans-serif;
  font-size: 11pt;
  line-height: 1.5;
  color: #1c1812;
}
.pdf-form-page .pdfm-range .lbl {
  font-family: 'DM Mono', monospace;
  font-size: 8pt;
  text-transform: uppercase;
  letter-spacing: .2em;
  color: #6b5a3e;
  margin-right: 6px;
}
.pdf-form-page .pdfm-range .dt {
  font-family: 'Fraunces', Georgia, serif;
  font-weight: 600;
  font-size: 13pt;
  color: #1c1812;
}
.pdf-form-page .pdfm-range .sep {
  margin: 0 8px;
  color: #b5891f;
  font-family: 'Fraunces', Georgia, serif;
  font-style: italic;
}
.pdf-form-page .pdfm-range .days {
  font-family: 'DM Mono', monospace;
  font-weight: 500;
  font-size: 11pt;
  color: #1c1812;
  margin: 0 4px;
}
.pdf-form-page .pdfm-range .helptext {
  display: block;
  margin-top: 6px;
  font-size: 8.5pt;
  color: #6b5a3e;
  font-family: 'Fraunces', Georgia, serif;
  font-style: italic;
}

/* ========================================================================
 *  Type-of-leave section
 * ======================================================================== */
.pdf-form-page .pdfm-section {
  padding-top: 14px;
  margin-top: 4px;
  border-top: 1px solid #1c1812;
}
.pdf-form-page .pdfm-section-h {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 12px;
}
.pdf-form-page .pdfm-section-h .h {
  font-family: 'DM Mono', monospace;
  font-size: 9pt;
  text-transform: uppercase;
  letter-spacing: .35em;
  color: #1c1812;
  font-weight: 500;
}
.pdf-form-page .pdfm-section-h .h-aside {
  font-family: 'Fraunces', Georgia, serif;
  font-style: italic;
  font-size: 8.5pt;
  color: #6b5a3e;
}

.pdf-form-page .pdfm-type-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px 32px;
}
.pdf-form-page .pdfm-type {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4px 0;
  font-size: 10pt;
  color: #4a3f2e;
}
.pdf-form-page .pdfm-type.is-on { color: #1c1812; }
.pdf-form-page .pdfm-type .dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1.5px solid #c8b58a;
  background: transparent;
  flex: 0 0 14px;
  position: relative;
}
.pdf-form-page .pdfm-type.is-on .dot {
  border-color: #b51a23;
  background: #b51a23;
}
.pdf-form-page .pdfm-type.is-on .dot::after {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background: #f8f5ee;
}
.pdf-form-page .pdfm-type .lbl {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  letter-spacing: .005em;
}

.pdf-form-page .pdfm-medcert {
  margin-top: 14px;
  padding-top: 10px;
  border-top: 1px dotted #c8b58a;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 9pt;
}
.pdf-form-page .pdfm-medcert .lbl {
  font-family: 'Inter', sans-serif;
  color: #4a3f2e;
}
.pdf-form-page .pdfm-medcert .opts {
  display: inline-flex;
  gap: 18px;
}
.pdf-form-page .pdfm-medcert .opt {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #4a3f2e;
}
.pdf-form-page .pdfm-medcert .opt.is-on { color: #1c1812; }
.pdf-form-page .pdfm-medcert .opt .dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1.5px solid #c8b58a;
  background: transparent;
  flex: 0 0 12px;
  position: relative;
}
.pdf-form-page .pdfm-medcert .opt.is-on .dot {
  border-color: #b51a23;
  background: #b51a23;
}
.pdf-form-page .pdfm-medcert .opt.is-on .dot::after {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background: #f8f5ee;
}

/* ========================================================================
 *  Notes
 * ======================================================================== */
.pdf-form-page .pdfm-notes {
  margin-top: 16px;
  padding-left: 14px;
  border-left: 2px solid #b51a23;
}
.pdf-form-page .pdfm-notes .h {
  font-family: 'DM Mono', monospace;
  font-size: 8pt;
  text-transform: uppercase;
  letter-spacing: .25em;
  color: #6b5a3e;
  margin-bottom: 3px;
}
.pdf-form-page .pdfm-notes .body {
  font-family: 'Fraunces', Georgia, serif;
  font-style: italic;
  font-size: 10.5pt;
  line-height: 1.5;
  color: #1c1812;
  white-space: pre-wrap;
  word-break: break-word;
}

/* ========================================================================
 *  Signatures
 * ======================================================================== */
.pdf-form-page .pdfm-sigs {
  margin-top: 26px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 36px;
}
.pdf-form-page .pdfm-sig { min-width: 0; }
.pdf-form-page .pdfm-sig-img {
  height: 64px;
  display: flex;
  align-items: flex-end;
  padding-bottom: 4px;
  border-bottom: 1px solid #1c1812;
}
.pdf-form-page .pdfm-sig-img img {
  max-height: 60px;
  max-width: 100%;
  display: block;
}
.pdf-form-page .pdfm-sig-name {
  margin-top: 6px;
  font-family: 'Fraunces', Georgia, serif;
  font-weight: 600;
  font-size: 12pt;
  color: #1c1812;
  letter-spacing: -.005em;
}
.pdf-form-page .pdfm-sig-role {
  margin-top: 2px;
  font-family: 'DM Mono', monospace;
  font-size: 7.5pt;
  text-transform: uppercase;
  letter-spacing: .2em;
  color: #6b5a3e;
}

/* ========================================================================
 *  Footer (colophon + bottom bar)
 * ======================================================================== */
.pdf-form-page .pdfm-footer-zone {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 48px;
}
.pdf-form-page .pdfm-footer {
  padding: 14px 0 10px;
  border-top: 1px dotted #c8b58a;
  text-align: center;
  font-family: 'Fraunces', Georgia, serif;
  font-size: 8.5pt;
  font-style: italic;
  line-height: 1.55;
  color: #6b5a3e;
}
.pdf-form-page .pdfm-footer .co { color: #4a3f2e; }
.pdf-form-page .pdfm-bottombar {
  padding: 8px 0 14px;
  border-top: 1px solid #1c1812;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-family: 'DM Mono', monospace;
  font-size: 8pt;
  text-transform: uppercase;
  letter-spacing: .18em;
  color: #1c1812;
}
.pdf-form-page .pdfm-bottombar .docnum-k { color: #6b5a3e; margin-right: 6px; }
.pdf-form-page .pdfm-bottombar .docnum-v { letter-spacing: .12em; }