.document-workspace{display:grid;gap:16px}.document-preview{display:grid;gap:12px;min-width:0}.document-preview-tools,.document-field-inspector{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.document-field-inspector:empty{display:none}.document-page-surface{position:relative;width:100%;margin-inline:auto;background:#fff;box-shadow:0 2px 12px #0b122d20;direction:ltr}.document-page-surface canvas{display:block;width:100%;height:100%}.document-field-layer{position:absolute;inset:0}.document-placed-field{position:absolute;overflow:hidden;border:1px dashed #9a7727;background:#fff6d9c9;color:#0b122d;border-radius:3px;min-width:0;min-height:0;padding:2px;font:inherit;font-size:clamp(9px,1.3vw,14px);cursor:pointer}.document-placed-field.selected{outline:3px solid #b58b31;z-index:2}.document-field-inspector label{display:grid;gap:4px}.document-field-inspector p{flex-basis:100%;margin:0}.document-preview-tools select{max-width:180px}.document-actions{display:flex;flex-wrap:wrap;gap:8px}.document-error{color:#9b2636;white-space:pre-wrap}.document-processing{border-inline-start:3px solid #b58b31;padding:12px;background:#fff9e9}.document-recipient-fields{display:grid;gap:12px}.document-recipient-fields label{display:grid;gap:5px}.document-signature-canvas{display:block;width:100%;max-width:520px;height:180px;touch-action:none;background:#fff;border:1px solid #9da6b9;border-radius:8px}.document-consent{display:flex;gap:10px;align-items:flex-start}.document-consent input{width:22px;height:22px;flex:none}.document-field-inspector .button,.document-preview-tools .button{min-height:40px}@media(max-width:700px){.document-preview-tools .button,.document-field-inspector .button{min-height:44px}.document-preview-tools{gap:6px}.document-field-inspector{position:sticky;bottom:8px;background:#fff;padding:10px;border:1px solid #d5dae4;border-radius:10px;z-index:3}.document-preview-tools select{min-height:44px}.document-placed-field{font-size:10px}.document-workspace{gap:12px}}
.document-placement-workspace{display:grid;grid-template-columns:minmax(0,1fr) 230px;grid-template-areas:"page inspector";align-items:start;gap:16px;direction:ltr}.document-placement-workspace:has(.document-field-inspector:empty){grid-template-columns:minmax(0,1fr)}.document-placement-workspace .document-page-surface{grid-area:page}.document-placement-workspace .document-field-inspector{grid-area:inspector;position:sticky;top:80px;direction:rtl;background:#fff;padding:12px;border:1px solid #d5dae4;border-radius:10px;max-height:calc(100vh - 100px);overflow:auto}.document-field-inspector label,.document-field-inspector input{min-width:0;max-width:100%}@media(max-width:700px){.document-placement-workspace{grid-template-columns:minmax(0,1fr);grid-template-areas:"inspector" "page";gap:10px}.document-placement-workspace .document-field-inspector{top:60px;bottom:auto;max-height:240px;z-index:4}.document-field-inspector p{font-size:12px}}
.document-recipient-summary{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}.document-recipient-summary bdi{overflow-wrap:anywhere}.document-actions[inert]{opacity:.65}.document-list-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px;border-bottom:1px solid #dce1ea}
.document-detail-host>.page-heading{margin-bottom:8px;gap:12px}.document-detail-host>.page-heading>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px}.document-detail-host>.page-heading h1{font-size:26px;margin:0}.document-state{margin:0;border:1px solid #dce1ea;border-radius:20px;padding:3px 10px;font-size:13px;max-width:100%}.document-detail-host>.document-actions{margin-bottom:10px}.document-detail-host .document-workspace,.document-detail-host .document-preview{gap:8px}.document-detail-host .document-preview>p{margin:0}.document-error:empty{display:none}.document-detail-host>.document-error{margin:8px 0}.document-detail-host .document-preview-tools{gap:6px}.document-detail-host .document-preview-tools .button{padding-inline:10px}@media(max-width:700px){.document-detail-host>.page-heading h1{font-size:22px}.document-detail-host>.page-heading{margin-bottom:8px}.document-detail-host .document-recipient-summary{font-size:13px}}
.main.document-detail-host{gap:8px;padding-top:22px}.document-detail-host>.page-heading{margin-bottom:0}.document-detail-host>.document-actions{margin-bottom:0}
.external-document-filter{display:flex;align-items:center;gap:8px;margin-block:8px}.external-document-filter input{flex:1;min-width:0}.external-document-filter select{width:180px}.external-document-filter button{flex:none}.external-document-filter[hidden]{display:none}@media(max-width:600px){.external-document-filter{display:grid;grid-template-columns:minmax(0,1fr) auto}.external-document-filter input{grid-column:1/-1}.external-document-filter select{width:100%}}