/* Firmato V3.23.0.6 - Demo signed document + signing report previews */
.demo-artifacts{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.16)}
.demo-artifacts-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:12px}
.demo-artifacts-head strong{font-size:15px;color:#fff}.demo-artifacts-head span{max-width:520px;font-size:11px;line-height:1.45;color:#a8bdd8;text-align:right}
.demo-artifact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.demo-artifact-card{min-width:0;display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;padding:10px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.055)}
.demo-artifact-preview{display:block;width:112px;height:148px;padding:0;border:0;border-radius:9px;overflow:hidden;background:#fff;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.18)}
.demo-artifact-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.demo-artifact-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px}.demo-artifact-copy>strong{font-size:13px;line-height:1.3;color:#fff}.demo-artifact-copy>small{font-size:10px;color:#a8bdd8}.demo-artifact-copy>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}
.demo-artifact-view,.demo-artifact-copy a{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 9px;border-radius:8px;font:800 10px Arial,Helvetica,sans-serif;cursor:pointer}.demo-artifact-view{border:1px solid #8fc8f4;background:#eaf6ff;color:#0b3f78}.demo-artifact-copy a{border:1px solid rgba(255,255,255,.2);color:#fff;background:transparent}
.demo-artifact-view:hover{background:#fff}.demo-artifact-copy a:hover{background:rgba(255,255,255,.08)}
.demo-document-dialog{width:min(94vw,1120px);height:min(92vh,860px);padding:0;border:0;border-radius:18px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.35);overflow:hidden}.demo-document-dialog::backdrop{background:rgba(4,15,34,.72);backdrop-filter:blur(3px)}
.demo-dialog-head{height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;border-bottom:1px solid #e3eaf2;background:#fff;color:#071c44}.demo-dialog-head strong{font-size:14px}.demo-dialog-head button{width:36px;height:36px;border:1px solid #dbe4ee;border-radius:10px;background:#fff;color:#071c44;font-size:24px;line-height:1;cursor:pointer}.demo-dialog-body{height:calc(100% - 100px);overflow:auto;background:#edf2f7;padding:18px}.demo-dialog-image-wrap{min-height:100%;display:flex;align-items:flex-start;justify-content:center}.demo-dialog-image-wrap img{display:block;width:min(100%,860px);height:auto;background:#fff;border-radius:8px;box-shadow:0 8px 30px rgba(7,28,68,.16)}.demo-dialog-fallback{height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;border-top:1px solid #e3eaf2}.demo-dialog-note{font-size:10px;font-weight:800;color:#6a7890}.demo-dialog-fallback a{font-size:11px;font-weight:800;color:#0046b8}
@media(max-width:720px){.demo-artifacts-head{display:block}.demo-artifacts-head span{display:block;margin-top:5px;text-align:left}.demo-artifact-grid{grid-template-columns:1fr}.demo-artifact-card{grid-template-columns:92px minmax(0,1fr)}.demo-artifact-preview{width:92px;height:122px}.demo-document-dialog{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0}.demo-dialog-body{height:calc(100% - 100px);padding:10px}.demo-dialog-image-wrap img{width:100%;border-radius:6px}}
html[dir=\"rtl\"] .demo-artifacts-head span{text-align:left}html[dir=\"rtl\"] .demo-artifact-copy{align-items:flex-end;text-align:right}