/* Pay Docly — the HR letter document sheet.
   Loaded after base.css + tool.css. Generic app chrome lives in tool.css. */

.field-inline{display:flex;align-items:center;gap:8px;margin-bottom:11px}
.field-inline input[type=checkbox]{width:auto;margin:0}
.field-inline label{margin:0;font-weight:700}
#body{min-height:280px;line-height:1.65;font-size:12.5px}
.body-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}
.body-tools .help{margin:0}

/* ---- The letter document ---- */
.letter .doc-top{border-bottom:2px solid var(--ink);padding-bottom:18px}
.letter .lt-meta{
  display:flex;justify-content:space-between;gap:20px;font-size:11.5px;color:#475467;margin:26px 0 0
}
.letter .lt-addressee{
  font-size:12px;line-height:1.6;white-space:pre-line;margin-top:26px;color:var(--ink)
}
.letter .lt-subject{
  font-size:12.5px;font-weight:850;margin:26px 0 0;text-decoration:underline;text-underline-offset:3px
}
.letter .lt-body{
  font-size:12.5px;line-height:1.75;color:#1f2937;white-space:pre-line;margin-top:20px;text-align:justify
}
.letter .lt-close{margin-top:40px;font-size:12.5px}
.letter .lt-sign-space{height:52px}
.letter .lt-sign-name{font-weight:850;border-top:1px solid #98a2b3;display:inline-block;padding-top:5px;min-width:210px}
.letter .lt-sign-role{font-size:11px;color:#667085;margin-top:2px}

@media print{
  .letter .lt-body{page-break-inside:auto}
  .letter .lt-close{page-break-inside:avoid}
}