.signature-control{min-width:0}.signature-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.signature-button,.signature-toolbar button,.signature-toolbar select,.signature-link button{font:inherit;font-size:13px;background:#25272b;color:#f7f5f0;border:1px solid #4b4e54;border-radius:7px;padding:8px 12px;cursor:pointer}.signature-primary,.signature-toolbar button[aria-pressed=true]{background:#ff851b;color:#121212}.signature-help{font-size:12px;color:#a4a9b2;line-height:1.5}.signature-preview{overflow:auto;max-width:100%;margin-top:10px}.signature-preview,.signature-edit{font-family:Arial,Helvetica,sans-serif;font-synthesis:style;font-weight:400;font-style:normal}.signature-preview img,.signature-edit img{max-width:100%}.signature-preview table,.signature-edit table{min-width:0}.signature-dialog{width: min(850px,94vw);max-width:94vw;max-height:90vh;overflow:auto;box-sizing:border-box;background:#12151a;color:#f7f5f0;border:1px solid #4b4e54;border-radius:14px;padding:20px}.signature-dialog::backdrop{background:#000b}.signature-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:14px 0}.signature-toolbar i{font-style:italic;font-synthesis:style}.signature-edit{border:1px solid #666;border-radius:6px;padding:8px;min-height:200px;overflow:auto;background:#202020;color:#f5f5f5;line-height:1.35;outline-color:#ff851b}.signature-edit:focus{border-color:#ff851b}.signature-edit a{cursor:text}.signature-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:18px}.signature-error{color:#ff9289;font-size:13px;white-space:pre-wrap}.signature-color{display:flex;align-items:center;gap:6px;font-size:12px}.signature-color input{width:32px;height:30px;padding:0}.signature-link{display:flex;gap:8px;margin-bottom:12px}.signature-link[hidden]{display:none}.signature-link input{min-width:0;flex:1;padding:8px;background:#202020;color:#fff;border:1px solid #777}.signature-edit p{margin:0 0 8px}.signature-preview p{margin:0}.signature-dialog button:disabled{opacity:.5;cursor:wait}@media(max-width:600px){.signature-dialog{padding:12px}.signature-actions button{flex:1}.signature-preview table{table-layout:auto}.signature-preview td,.signature-edit td{word-break:normal;overflow-wrap:anywhere}}

@media screen and (max-width:480px){.otp-signature>tbody>tr{display:block!important}.otp-signature-photo,.otp-signature-details{display:block!important;width:auto!important;padding:14px 16px!important}.otp-signature-photo img{width:96px!important;max-width:96px!important}.otp-signature-details{border-left:0!important;border-top:2px solid #ff851b!important}}
