.sva-signature-field { min-width:0; }
.sva-signature-field > label { margin-bottom:7px; }
.sva-signature-editor-help { margin:0 0 12px; font-size:12px; color:var(--muted,#64748b); line-height:1.6; }
.sva-signature-editor { min-width:0; width:100%; }
.sva-signature-editor .wp-editor-wrap { width:100%; }
.sva-signature-editor .wp-editor-container { border:1px solid var(--line,#d8e3ee); border-radius:8px; overflow:hidden; }
.sva-signature-editor .mce-tinymce { width:100%!important; box-shadow:none; border:0; }
.sva-signature-editor .mce-toolbar-grp { max-width:100%; overflow-x:auto; background:#f1f6ff; }
.sva-signature-editor .mce-toolbar .mce-container-body { min-width:fit-content; }
.sva-signature-editor textarea { min-height:260px; font-size:14px; }
.sva-signature-editor-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:12px 0 18px; }
.sva-signature-editor-actions button { display:inline-flex; align-items:center; gap:7px; padding:9px 12px; border:1px solid #bdd7f8; border-radius:7px; background:#edf5ff; color:#0873eb; font-size:12px; cursor:pointer; }
.sva-signature-editor-actions .sv-icon { width:17px; height:17px; }
.sva-signature-editor-actions small { color:var(--muted,#64748b); font-size:10px; line-height:1.6; }
[data-signature-count].error { color:#cd254a; }
.sv-signature-content { margin-top:12px; color:var(--ink,#283957); font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
.sv-signature-content p { margin:0 0 8px; color:inherit; font-size:inherit; }
.sv-signature-content :is(img,video) { max-width:100%; max-height:200px; height:auto; object-fit:contain; }
.sv-signature-content a { color:var(--blue,#0874f7); }
.sv-post-signature { margin:14px 5px 10px; padding-top:13px; border-top:1px dashed var(--line,#d8e3ee); font-size:13px; }
[data-signature-preview-status] { display:block; margin-top:9px; color:var(--muted,#64748b); font-size:11px; line-height:1.6; }
.sv-signature-media-dialog { width:min(520px,calc(100% - 24px)); max-height:calc(100dvh - 24px); overflow:auto; padding:22px; border:1px solid var(--line); border-radius:13px; color:var(--ink); background:var(--surface); font-family:Inter,Arial,sans-serif; }
.sv-signature-media-dialog::backdrop { background:#0e254d88; backdrop-filter:blur(5px); }
.sv-signature-media-dialog > header { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.sv-signature-media-dialog header small { color:var(--blue); font-size:9px; font-weight:700; letter-spacing:1px; }
.sv-signature-media-dialog h2 { margin:4px 0 0; font-size:23px; }
.sv-signature-media-dialog header button { width:32px; height:32px; padding:0; border:0; border-radius:6px; background:var(--soft,#edf4ff); color:var(--ink); font-size:25px; cursor:pointer; }
.sv-signature-media-dialog > p { margin:15px 0; color:var(--muted,#64748b); font-size:12px; line-height:1.7; }
.sv-signature-media-dialog > label { display:grid; gap:7px; margin-top:14px; font-size:13px; font-weight:600; }
.sv-signature-media-dialog label > small { color:var(--muted,#64748b); font-size:10px; font-weight:400; }
.sv-signature-media-dialog input { width:100%; min-height:42px; padding:10px; border:1px solid var(--line); border-radius:7px; color:var(--ink); background:var(--soft,#f8fbff); font-size:15px; }
.sv-signature-media-dialog > footer { display:flex; justify-content:flex-end; gap:9px; margin-top:20px; }
.sv-signature-media-dialog footer button { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:38px; padding:9px 12px; border:1px solid var(--line); border-radius:7px; color:var(--ink); background:var(--surface); font-size:12px; cursor:pointer; }
.sv-signature-media-dialog footer button.primary { color:#fff; background:var(--blue,#0874f7); border-color:var(--blue,#0874f7); }
.sv-signature-media-dialog footer .sv-icon { width:16px; height:16px; }
.sv-signature-media-dialog button:disabled { opacity:.5; }
@media(max-width:520px) { .sva-signature-editor-actions button { width:100%; justify-content:center; } .sv-signature-media-dialog { padding:18px; } .sv-signature-media-dialog input { font-size:16px; } .sva-signature-editor .mce-toolbar-grp { scrollbar-width:thin; } }