.signature-pad{display:block;width:100%;max-width:700px;height:150px;background:#fff;border:1px solid #b8ccd0;border-radius:8px;touch-action:none}.signing-settings .actions,.signing-options{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.signing-settings .check{margin:12px 0}.esign-upload{position:relative;overflow:hidden;display:inline-flex;align-items:center;border:1px solid #cad9dd;padding:7px 10px;border-radius:7px}.esign-upload input{position:absolute;inset:0;opacity:0;width:100%;height:100%}.signing-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:13px;line-height:1.6;background:#f5f9f9;padding:16px;border-radius:8px}.signing-preview .signing-options>*{flex:1;min-width:160px;text-align:center}.public-signing{margin:0;background:#f1f6f6;font:16px/1.5 Arial,sans-serif;color:#173747}.public-signing main{max-width:850px;margin:24px auto;padding:24px;background:#fff;border-radius:12px}.public-signing h1{color:#087b73}.public-signing h2{font-size:17px}.test-label{background:#fff0cb;padding:8px;border-radius:6px}.public-signing #sign-documents img{display:block;width:100%;border:1px solid #dce6e7}.public-signing label{display:block;margin:16px 0}.public-signing input:not([type=checkbox]){display:block;padding:10px;font:inherit;width:100%;box-sizing:border-box}.public-signing button,.public-signing a{font:inherit}.public-signing button{padding:10px 16px;border-radius:7px;border:1px solid #c8d9dc;background:#fff;cursor:pointer}.public-signing .primary{background:#087b73;color:#fff;border-color:#087b73}.public-signing [hidden]{display:none!important}.public-signing #sign-error{color:#b73545}.public-signing .sign-consent{display:flex;gap:9px;align-items:start}.public-signing .sign-consent input{margin-top:6px}.public-signing #sign-done{background:#e4f4eb;padding:18px;margin-top:20px}.public-signing form{padding-top:24px}@media(max-width:720px){.public-signing main{margin:8px;padding:12px}.public-signing{font-size:15px}.signature-pad{height:130px}.signing-settings .actions button{min-height:32px}}

#sign-language{float:right;font-size:13px}.customer-finish-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.customer-finish-actions a{padding:10px 16px;border-radius:7px;text-decoration:none}.customer-finish-actions>*{flex:1;text-align:center;min-width:170px}#sign-exited{padding:24px;background:#e4f4eb}

/* Contract-only previews and in-document customer signing. */
.clean-contract{margin:0;background:#edf2f5}.clean-contract main{max-width:900px;margin:0 auto}.clean-contract img{display:block;width:100%;height:auto}.clean-contract #preview-error{padding:12px;color:#b73545}
dialog:has(.contract-stage) .dialoghead h2{display:none}dialog:has(.contract-stage) .dialoghead{padding:4px 10px;justify-content:flex-end;min-height:30px}dialog:has(.contract-stage) .dialogbody{padding:0}.contract-stage-pages img{display:block;width:100%;height:auto}.contract-send-controls{position:sticky;bottom:0;background:#fff;padding:9px 12px;border-top:1px solid #d8e3e6;z-index:5}.contract-send-controls label{display:flex;gap:8px;align-items:center;font-size:12px}.contract-send-controls input{min-width:0;flex:1}.contract-send-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.contract-send-controls p:empty{display:none}.contract-send-controls p{margin:5px 0 0;font-size:12px}
.inline-signing main{padding:0;max-width:900px;margin:0 auto;border-radius:0;background:transparent}.inline-signing .sign-brand{padding:18px 20px;background:white}.sign-brand img{display:block;max-width:240px;height:54px;object-fit:contain}.sign-progress{position:sticky;top:0;z-index:20;display:flex;gap:9px;align-items:center;padding:9px 12px;background:#fff;border-bottom:1px solid #d8e3e6;box-shadow:0 2px 8px #1737470d}.sign-progress-copy{flex:1;white-space:nowrap;font-size:13px}.sign-progress #next-action{display:flex;gap:6px}.sign-progress button{padding:7px 10px;font-size:12px;white-space:nowrap}.sign-progress #sign-language{float:none;margin:0;padding:5px;font-size:11px}.inline-signing #sign-error:empty{display:none}.inline-signing #sign-error{padding:8px 12px;background:#fff}.sign-page{position:relative;background:white}.inline-signing #sign-documents .agreement-page{border:0;display:block;width:100%;height:auto}.signature-field,.initials-field{position:absolute;z-index:2}.signature-field{left:5.56%;bottom:5.81%;width:35.95%;height:2.91%}.initials-field{right:6.86%;bottom:4.42%;width:13.89%;height:3.03%}.sign-page [data-sign-field] img{display:block!important;width:100%!important;height:100%!important;object-fit:contain;border:0!important}.sign-page [data-sign-field] button{position:absolute;top:50%;transform:translateY(-50%);height:100%;min-height:26px;padding:1px 8px;font-size:clamp(10px,1.6vw,13px);white-space:nowrap}.signature-field button{left:0;min-width:85px}.initials-field button{right:0;min-width:80px}.signature-field[role=button]{cursor:pointer}.inline-signing #style-dialog{width:calc(100% - 28px);max-width:500px;border:1px solid #cad9dd;border-radius:12px;padding:16px;color:#173747}.inline-signing #style-dialog::backdrop{background:#17374766}.style-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.style-dialog-top h2{margin:0;font-size:17px}.style-dialog-top button{font-size:22px;border:0;padding:0 4px}.signature-style{display:block;width:100%;margin-top:12px;min-height:90px}.signature-style img{display:block;max-width:100%;width:auto;height:50px;object-fit:contain;margin:0 auto 6px}.signature-style span{font-size:12px;color:#718892}.inline-signing #sign-exited{margin:15px}
@media(max-width:600px){.inline-signing main{margin:0;padding:0}.inline-signing .sign-brand{padding:12px}.sign-brand img{height:40px;max-width:180px}.sign-progress{gap:5px;padding:7px 6px}.sign-progress-copy{font-size:9.5px}.sign-progress button{padding:7px 6px;font-size:10px}.sign-progress #sign-language{padding:4px;font-size:10px}.sign-progress #next-action{gap:4px}.contract-send-actions button{min-height:34px;font-size:12px}}
.sign-page,.contract-stage-pages img{aspect-ratio:612 / 792}

.staff-signature-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.staff-signature-choice{background:#fff;border:1px solid #c8d9dc;border-radius:8px;padding:8px;min-width:0}.staff-signature-choice[aria-pressed=true]{border:2px solid #087b73;background:#f0faf6;padding:7px}.staff-signature-choice img{display:block;max-width:100%;height:48px;object-fit:contain;margin:0 auto 5px}.staff-signature-choice span{font-size:11px;color:#718892}@media(max-width:600px){.staff-signature-options{grid-template-columns:1fr}.staff-signature-choice img{height:40px}}

/* Compact account header; controls never wrap their own labels. */
.topbar{justify-content:flex-end;min-height:58px;height:auto}.topbar .user{display:flex;gap:10px;align-items:center;min-width:0;flex-wrap:nowrap}.topbar button,.account-menu summary{white-space:nowrap;word-break:keep-all;flex-shrink:0}.account-user-name{background:#e9f0f3;border:1px solid #dce5e8;border-radius:8px;padding:8px 12px;white-space:nowrap}.account-menu{position:relative;flex-shrink:0}.account-menu summary{list-style:none;cursor:pointer;border:1px solid #dce5e8;border-radius:8px;background:#fff;padding:8px 10px;font-size:12px;font-weight:600}.account-menu summary::-webkit-details-marker{display:none}.account-dropdown{position:absolute;right:0;top:calc(100% + 5px);min-width:140px;padding:6px;background:white;border:1px solid #dce5e8;border-radius:8px;box-shadow:0 8px 24px #17334220;z-index:60}.account-dropdown button{width:100%;text-align:left;white-space:nowrap}.brand-account{display:none}.sidebar:has(.account-menu[open]),.topbar:has(.account-menu[open]){z-index:65}
@media(max-width:720px) and (orientation:portrait){.sidebar .brand{width:100%;position:relative;margin:0 0 14px;gap:9px;padding-right:86px;min-height:46px}.sidebar .brand strong{font-size:16px}.sidebar .brand small{font-size:8px;letter-spacing:1.6px}.brand-account{display:block;position:absolute;right:0;top:4px}.topbar-account{display:none}.topbar{padding:9px 14px;justify-content:flex-end}.topbar .user{width:100%;justify-content:flex-end;gap:8px}.topbar .user button{padding:8px 10px;font-size:12px;min-width:0;width:auto}.account-user-name{margin-right:auto;padding:8px 10px;font-size:13px}.account-menu summary{padding:8px;font-size:11px}}
.sign-page [data-sign-field]{scroll-margin-top:110px}#sign-refresh{margin:6px 12px} 

.customer-signing-date{position:absolute;left:77.94%;bottom:6.3%;font-size:clamp(5px,1.2vw,10px);color:#173747;line-height:1;white-space:nowrap}#signed-already{flex:1;font-size:13px;line-height:1.4}.already-signed #next-action{flex-shrink:0}@media(max-width:600px){#signed-already{font-size:11px}.customer-signing-date{font-size:6px}}

.sidebar .brand .workflow-brand-name{font-size:14px;font-weight:600;letter-spacing:0;color:var(--ink);line-height:1.3;margin-top:2px}

/* Approved company wordmark: deep green artwork with ink-green Workspace. */
.sidebar .brand .workspace-logo{display:block;width:100%;max-width:215px;height:auto;min-width:0;flex-shrink:1}

/* Filters retain the viewport explicitly; do not anchor to replaced controls. */
#app{overflow-anchor:none}

/* Compact identity shell, shared across device sizes. */
.auth,.authstory,.authform,.authcard{min-width:0;max-width:100%;box-sizing:border-box}.auth-logo{display:block;width:250px;max-width:100%;height:auto;margin-bottom:30px}.auth-mobile-logo{display:none}.account-menu summary{background:#e9f0f3}.account-dropdown{display:grid;gap:4px}.pagehead .eyebrow:empty{display:none}
@media(max-width:720px) and (orientation:portrait){html,body,#app{width:100%;max-width:100%;overflow-x:clip}.auth{width:100%;min-width:0;grid-template-columns:minmax(0,1fr)}.authstory{display:none}.authform{width:100%;padding:24px 18px}.authcard{width:100%;min-width:0;padding:22px 18px}.auth-mobile-logo{display:block;width:190px;max-width:100%;height:auto;margin:0 0 18px}.sidebar .brand{padding-right:118px;min-height:54px;margin-bottom:8px}.sidebar .brand .workspace-logo{width:170px;max-width:100%;height:auto}.brand-account{top:9px}.brand-account summary{max-width:118px;overflow:hidden;text-overflow:ellipsis;padding:9px;font-size:12px}.workspace>.topbar{display:none}.auth input{max-width:100%;min-width:0}}

.authstory{background:#edf5f3;color:#153e3b}.authstory p{color:#647e84}@media(max-width:720px) and (orientation:portrait){.sidebar:has(.account-menu[open]){overflow:visible!important}.brand-account .account-dropdown{z-index:100;min-width:150px}.sidebar .brand:has(.account-menu[open]){z-index:100}}