/* Full-screen document, not a full-height sheet. */
.document-editor { padding-bottom:24px; }
.document-editor .navbar { position:sticky; top:0; z-index:12; background:var(--bg); }
.document-editor .navrow { justify-content:space-between; }
.document-editor button.navbtn { border:0; background:none; font:inherit; color:var(--blue); padding:10px 0; cursor:pointer; }
.document-editor button:disabled { opacity:.5; }
.document-paper { margin:10px 16px 24px; padding:20px 16px; border:1px solid var(--sep); border-radius:4px; background:var(--card); }
.template-heading { padding-bottom:18px; border-bottom:2px solid var(--sep); margin-bottom:16px; }
.template-heading>span { font-size:10px; letter-spacing:1.6px; color:var(--label2); }
.template-heading h1 { font-size:24px; line-height:1.2; margin:10px 0; }
.template-heading small { font-size:12px; color:var(--label2); }
.document-paper .field { margin:12px 0; }
.document-paper .field>label { display:block; color:var(--label2); font-size:11px; margin:0 0 3px; text-transform:uppercase; letter-spacing:.6px; }
.document-paper input, .document-paper textarea, .document-paper select { color:var(--label); background:transparent; border:0; border-bottom:1px dashed var(--sep); border-radius:0; font:inherit; width:100%; min-width:0; min-height:36px; padding:5px 2px; box-sizing:border-box; }
.document-paper input:focus, .document-paper textarea:focus, .document-paper select:focus { outline:1px solid var(--blue); background:var(--bg); }
.document-paper select { text-overflow:ellipsis; }
.document-paper .pills { overflow:visible; flex-wrap:wrap; }
.document-paper .pills>select { max-width:100%; }
.document-paper .card-in { background:transparent; border-radius:0; }
.document-paper .paycontext { padding:8px 0 12px; margin:0; background:transparent; border-bottom:1px solid var(--sep); }
.document-paper .hint { font-size:11px; }
.document-paper #ndWorkerWrap .hint, .document-paper #ndBaseWrap>.hint, .document-paper #ndPayWrap>.hint { display:none; }
.template-table { width:100%; border-collapse:collapse; margin-top:22px; table-layout:fixed; }
.template-table caption { display:block; width:100%; text-align:left; font-size:14px; font-weight:600; padding:0 0 8px; }
.template-table th { text-align:left; font-size:10px; color:var(--label2); border-bottom:1px solid var(--sep); padding:8px 4px; }
.template-table th:first-child { width:40%; }
.template-table td { vertical-align:top; padding:8px 4px; border-bottom:1px solid var(--sep); }
.template-table input { font-size:14px; }
.template-table textarea { resize:none; overflow:hidden; line-height:1.35; min-height:58px; }
.template-table output { display:block; font-size:13px; font-weight:600; padding:9px 0; overflow-wrap:anywhere; }
.template-table button { border:0; background:none; color:var(--blue); font:inherit; font-size:11px; padding:7px 0; cursor:pointer; }
.template-row-tools { display:flex; justify-content:space-between; gap:10px; }
.template-row-tools button:last-child { color:var(--label2); }
.template-work details { font-size:11px; color:var(--label2); }
.template-work details input { color:var(--label); }
.template-add button { font-size:14px; width:100%; text-align:left; min-height:38px; }
.template-table tfoot td { font-weight:600; border-bottom:double 3px var(--sep); }
.template-footer { font-size:11px; line-height:1.5; color:var(--label2); margin-top:24px; }
@media(max-width:600px) {
 .document-paper { margin:4px 12px 20px; padding:18px 12px; }
 .template-table thead { display:none; }
 .template-table, .template-table tbody, .template-table tfoot { display:block; }
 .template-table tr.template-row { display:flex; flex-wrap:wrap; border-top:1px solid var(--sep); padding:8px 0 12px; }
 .template-table td.template-work { flex:0 0 100%; padding:2px 0 8px; border:0; }
 .template-table .template-work>textarea { font-size:16px; font-weight:600; }
 .template-table td[data-label] { flex:1 1 0; min-width:0; padding:2px 4px 0 0; border:0; }
 .template-table td[data-label]::before { content:attr(data-label); display:block; font-size:9px; color:var(--label2); white-space:nowrap; }
 .template-table td[data-label] input { font-size:14px; }
 .template-table .template-add, .template-table tfoot tr { display:flex; }
 .template-add td { display:block; width:100%; padding:4px 0; }
 .template-table tfoot td:first-child { flex:1; padding-left:0; }
 .template-table tfoot td:last-child { min-width:100px; text-align:right; }
}