.signature-photo-row{align-items:center}
.signature-photo-row .photo-upload{background:#edf3e9;color:#355338}
.signature-photo-placeholder{width:152px;height:112px;flex:none;border-radius:8px;font-size:28px}
.signature-photo-placeholder img{width:100%;height:100%;object-fit:contain;border-radius:7px;background:#fff}
.signature-photo-row small{max-width:270px}
.signature-editor #addSignatureSocial{margin-top:4px}
.signature-editor [data-social-field][hidden]{display:none}
.signature-preview-card{gap:22px;align-items:flex-start;margin-top:27px;padding-top:20px}
.signature-preview-card .signature-face{width:150px;height:auto;max-height:160px;object-fit:contain;border-radius:5px;flex:none}
.signature-preview-card .signature-contact{min-width:0;flex:1}
.signature-preview-card .signature-name{display:block;font-size:17px;font-weight:400;line-height:1.25;color:#161b17}
.signature-preview-card .signature-job{display:block;max-width:260px;margin-top:3px;font-size:18px;font-weight:750;line-height:1.2;color:#161b17}
.signature-preview-card .signature-company{display:block;margin-top:4px;color:#6f786f;font-size:11px}
.signature-preview-card .signature-detail{display:flex;align-items:flex-start;gap:9px;margin-top:8px;color:#303630;font-size:11px;line-height:1.45;overflow-wrap:anywhere}
.signature-preview-card .signature-detail:first-of-type{margin-top:19px}
.signature-preview-card .signature-detail-icon{width:16px;flex:none;color:#171b18;font-size:15px;font-weight:700;line-height:1}
.signature-preview-card .signature-detail a{color:inherit;text-decoration:none}
.signature-preview-card .signature-socials{display:flex;gap:7px;margin-top:16px}
.signature-preview-card .signature-social-icon{display:inline-grid;place-items:center;width:25px;height:25px;border:1px solid #545d55;border-radius:4px;color:#202720;font:bold 11px Arial,sans-serif;text-decoration:none}
[data-theme="dark"] .signature-photo-placeholder img{background:#1b251e}
[data-theme="dark"] .signature-photo-row .photo-upload{background:#27382b;color:#e5f0e2}
[data-theme="dark"] .signature-preview-card .signature-name,[data-theme="dark"] .signature-preview-card .signature-job,[data-theme="dark"] .signature-preview-card .signature-detail,[data-theme="dark"] .signature-preview-card .signature-detail-icon,[data-theme="dark"] .signature-preview-card .signature-social-icon{color:#e7eee5}
@media(max-width:650px){.signature-preview-card{flex-direction:column}.signature-preview-card .signature-face{width:140px}.signature-photo-placeholder{width:120px;height:100px}}