/* RECUPERO Mail Editor · Fluent-inspired, RECUPERO-branded compose experience */
.mail-rich-toolbar{display:flex;align-items:center;gap:4px;min-height:46px;padding:6px 8px;border-bottom:1px solid #e6e9ee;background:#fff;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin}
.mail-rich-toolbar::-webkit-scrollbar{height:5px}.mail-rich-toolbar::-webkit-scrollbar-thumb{background:#d4d9df;border-radius:999px}
.mail-toolbar-group,.mail-toolbar-actions{display:inline-flex;align-items:center;gap:2px;flex:none}.mail-toolbar-group--type{gap:5px}.mail-toolbar-actions{gap:5px}.mail-toolbar-grow{flex:1 0 16px;min-width:16px}.mail-toolbar-sep{width:1px;height:22px;flex:none;background:#e0e4e9;margin:0 3px}
.mail-rich-toolbar button,.mail-rich-toolbar select{height:32px;border:0;border-radius:6px;background:transparent;color:#323130;font:600 12px/1 "Segoe UI",Arial,sans-serif;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.mail-rich-toolbar button{min-width:32px;padding:0 8px}.mail-rich-toolbar select{min-width:62px;padding:0 26px 0 9px;border:1px solid transparent;appearance:auto}.mail-rich-toolbar .mail-toolbar-group--type select:first-child{min-width:98px}.mail-rich-toolbar .mail-toolbar-group--type select:last-child{min-width:58px}.mail-rich-toolbar .mail-color-select{min-width:72px}.mail-rich-toolbar button:hover,.mail-rich-toolbar select:hover{background:#f3f4f5;border-color:#e5e7ea}.mail-rich-toolbar button:active{background:#e8eaed}.mail-rich-toolbar button:focus-visible,.mail-rich-toolbar select:focus-visible{outline:2px solid #0f6cbd;outline-offset:1px}.mail-rich-toolbar svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.mail-rich-toolbar .mail-highlight-chip{display:inline-block;width:16px;height:6px;border-radius:2px;background:#fff200;border:1px solid #d7c900}.mail-rich-toolbar .mail-attach-label,.mail-rich-toolbar .mail-signature-label{display:inline-flex;align-items:center;gap:6px;padding:0 10px;border:1px solid #e2e6eb;background:#fff}.mail-rich-toolbar .mail-attach-label:hover,.mail-rich-toolbar .mail-signature-label:hover{background:#f5f8fb;border-color:#cfd8e3}
.mail-rich-editor{min-height:190px;max-height:420px;overflow:auto;padding:16px 18px;border:0;outline:0;background:#fff;color:#242424;font:400 13px/1.58 "Aptos","Segoe UI",Arial,sans-serif;white-space:normal;overflow-wrap:anywhere}.mail-rich-editor:empty::before{content:attr(data-placeholder);color:#8a8886;pointer-events:none}.mail-rich-editor img{max-width:min(100%,560px);height:auto}.mail-rich-editor a{color:#0f6cbd;text-decoration:underline}.mail-rich-editor [data-recupero-signature]{margin-top:18px;padding-top:10px;border-top:1px solid #edebe9}
.mail-attachment-list{display:flex;flex-wrap:wrap;gap:7px;padding:8px 10px;border-top:1px solid #edebe9;background:#fafafa}.mail-attachment-list:empty{display:none}.mail-attachment-chip{display:inline-flex;align-items:center;gap:7px;max-width:280px;padding:7px 9px;border:1px solid #d6d6d6;border-radius:8px;background:#fff;color:#424242;font:600 11px/1.2 "Segoe UI",Arial,sans-serif}.mail-attachment-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-attachment-chip small{color:#777;font-weight:400}.mail-attachment-chip button{border:0;background:transparent;color:#777;cursor:pointer;font-size:14px}.mail-attachment-chip button:hover{color:#c50f1f}

/* Signature manager */
.mail-signature-modal{position:fixed;inset:0;z-index:210000;display:grid;place-items:center;padding:20px}.mail-signature-modal.hidden{display:none!important}.mail-signature-backdrop{position:absolute;inset:0;background:rgba(14,24,38,.42);backdrop-filter:blur(5px)}
.mail-signature-card{position:relative;width:min(980px,calc(100vw - 32px));max-height:min(780px,calc(100vh - 36px));overflow:hidden;border:1px solid #d6e0ec;border-radius:18px;background:#fff;box-shadow:0 28px 85px rgba(15,23,42,.30);font-family:"Segoe UI",Arial,sans-serif}
.mail-signature-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 24px 17px;border-bottom:1px solid #e8edf3;background:linear-gradient(180deg,#fff,#fbfcfe)}.mail-signature-head-copy{min-width:0}.mail-signature-kicker{font-size:10px;font-weight:850;letter-spacing:.13em;color:#0f6cbd}.mail-signature-head h3{margin:5px 0 4px;color:#172b4d;font-size:23px;letter-spacing:-.02em}.mail-signature-head p{margin:0;color:#64748b;font-size:12px;line-height:1.45}.mail-signature-close{width:38px;height:38px;flex:none;border:0;border-radius:10px;background:#f2f5f8;color:#475569;font-size:23px;cursor:pointer}.mail-signature-close:hover{background:#e8edf4}
.mail-signature-layout{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:515px;max-height:660px}.mail-signature-list-pane{padding:16px;border-right:1px solid #e6ebf1;background:#f7f9fc;overflow:auto}.mail-signature-list-head{display:flex;flex-direction:column;gap:2px;margin:1px 2px 12px}.mail-signature-list-head strong{color:#334155;font-size:12px}.mail-signature-list-head small{color:#7b8a9d;font-size:10px}.mail-signature-new{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;height:39px;border:1px solid #bdd2ec;border-radius:9px;background:#fff;color:#0f6cbd;font-weight:750;cursor:pointer}.mail-signature-new:hover{background:#f1f7fd;border-color:#8db8e0}.mail-signature-new-icon{font-size:16px;font-weight:400}.mail-signature-list{display:flex;flex-direction:column;gap:6px;margin-top:10px}.mail-signature-empty{padding:12px 8px;color:#718096;font-size:11px;line-height:1.45}.mail-signature-item{display:flex;width:100%;flex-direction:column;gap:3px;padding:10px 11px;border:1px solid transparent;border-radius:9px;background:transparent;text-align:left;color:#334155;cursor:pointer}.mail-signature-item:hover{background:#edf4fb}.mail-signature-item.active{border-color:#b9d2eb;background:#deecf9;color:#0b4f86}.mail-signature-item strong{font-size:12px}.mail-signature-item small{font-size:10px;color:#718096}
.mail-signature-edit-pane{display:flex;min-width:0;flex-direction:column;padding:17px 20px 18px;overflow:auto}.mail-signature-form-head{display:flex;align-items:end;gap:12px}.mail-signature-name{display:flex;flex:1;flex-direction:column;gap:6px;color:#475569;font-size:11px;font-weight:750}.mail-signature-name input{height:39px;border:1px solid #cbd5e1;border-radius:8px;padding:0 11px;background:#fff;color:#242424;font:400 12px "Segoe UI",Arial,sans-serif}.mail-signature-name input:focus{outline:0;border-color:#0f6cbd;box-shadow:0 0 0 2px rgba(15,108,189,.10)}
.mail-signature-compose-card{margin-top:13px;border:1px solid #d8e0e9;border-radius:10px;overflow:hidden;background:#fff}.mail-signature-tabs{display:flex;align-items:center;gap:6px;padding:8px 10px 0;background:#fafbfd}.mail-signature-tab{height:31px;padding:0 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:#66788f;font-size:11px;font-weight:750;cursor:pointer}.mail-signature-tab:hover{background:#f0f4f8;border-radius:6px 6px 0 0}.mail-signature-tab.active{color:#0f6cbd;border-bottom-color:#0f6cbd}.mail-signature-toolpanel{display:none}.mail-signature-toolpanel.active{display:block}.mail-signature-toolbar{display:flex;align-items:center;gap:3px;min-height:44px;padding:6px 9px;border-top:1px solid #edf1f5;border-bottom:1px solid #e4e9ef;background:#fbfcfd;overflow-x:auto;white-space:nowrap}.mail-signature-toolbar button,.mail-signature-toolbar select{height:31px;border:0;border-radius:6px;background:transparent;color:#334155;cursor:pointer;font:600 11px "Segoe UI",Arial,sans-serif}.mail-signature-toolbar button{min-width:31px;padding:0 8px}.mail-signature-toolbar select{min-width:58px;padding:0 24px 0 8px}.mail-signature-toolbar select:first-child{min-width:92px}.mail-signature-toolbar button:hover,.mail-signature-toolbar select:hover{background:#edf2f7}.mail-signature-toolbar .mail-highlight-chip{display:inline-block;width:15px;height:5px;border-radius:2px;background:#fff200;border:1px solid #d7c900}
.mail-signature-insertbar{display:flex;gap:8px;padding:9px;border-top:1px solid #edf1f5;border-bottom:1px solid #e4e9ef;background:#fbfcfd}.mail-signature-insert-tool{display:flex;align-items:center;gap:9px;min-height:48px;padding:7px 11px;border:1px solid #d9e1e9;border-radius:8px;background:#fff;color:#334155;text-align:left;cursor:pointer;transition:.14s}.mail-signature-insert-tool:hover{background:#f4f8fc;border-color:#b7cbe0;box-shadow:0 3px 10px rgba(20,45,75,.06)}.mail-signature-insert-tool--image{border-color:#b9d6ee;background:#f7fbff}.mail-signature-insert-icon{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:7px;background:#edf5fc;color:#0f6cbd}.mail-signature-insert-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mail-signature-insert-tool>span:last-child{display:flex;flex-direction:column;gap:1px}.mail-signature-insert-tool strong{font-size:11px}.mail-signature-insert-tool small{color:#7c8da1;font-size:9px;font-weight:400}
.mail-signature-editor{min-height:205px;max-height:270px;overflow:auto;padding:15px 16px;color:#242424;font:400 12px/1.55 "Aptos","Segoe UI",Arial,sans-serif;outline:0;background:#fff}.mail-signature-editor:empty::before{content:attr(data-placeholder);color:#94a3b8}.mail-signature-editor img{max-width:100%;height:auto}.mail-signature-editor:focus{box-shadow:inset 0 0 0 1px rgba(15,108,189,.20)}
.mail-signature-settings{display:grid;grid-template-columns:minmax(170px,.8fr) 1fr 1fr;gap:8px;align-items:stretch;margin-top:13px}.mail-signature-settings-copy{display:flex;flex-direction:column;justify-content:center;padding:10px 11px}.mail-signature-settings-copy strong{color:#334155;font-size:11px}.mail-signature-settings-copy small{margin-top:2px;color:#7d8b9d;font-size:9px;line-height:1.35}.mail-signature-switch-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border:1px solid #e0e6ed;border-radius:9px;background:#fafbfd;cursor:pointer}.mail-signature-switch-row>span{display:flex;min-width:0;flex-direction:column;gap:2px}.mail-signature-switch-row strong{color:#334155;font-size:10px}.mail-signature-switch-row small{color:#8290a1;font-size:9px;line-height:1.3}.mail-signature-switch-row input{position:absolute;opacity:0;pointer-events:none}.mail-signature-switch-row i{position:relative;width:34px;height:18px;flex:none;border-radius:999px;background:#c8d1dc;transition:.15s}.mail-signature-switch-row i::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.22);transition:.15s}.mail-signature-switch-row input:checked+i{background:#0f6cbd}.mail-signature-switch-row input:checked+i::after{transform:translateX(16px)}
.mail-signature-actions{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:14px}.mail-signature-spacer{flex:1}.mail-signature-actions .btn{min-height:38px;border-radius:8px;padding-inline:15px}

/* Dark */
html[data-theme="dark"] .mail-rich-toolbar,body.dark .mail-rich-toolbar{background:#1f1f1f;border-color:#3b3a39}html[data-theme="dark"] .mail-rich-toolbar button,html[data-theme="dark"] .mail-rich-toolbar select,body.dark .mail-rich-toolbar button,body.dark .mail-rich-toolbar select{color:#f3f3f3;background:transparent}html[data-theme="dark"] .mail-rich-toolbar button:hover,html[data-theme="dark"] .mail-rich-toolbar select:hover,body.dark .mail-rich-toolbar button:hover,body.dark .mail-rich-toolbar select:hover{background:#343434;border-color:#444}html[data-theme="dark"] .mail-rich-toolbar .mail-attach-label,html[data-theme="dark"] .mail-rich-toolbar .mail-signature-label{border-color:#454545;background:#292929}html[data-theme="dark"] .mail-rich-editor,body.dark .mail-rich-editor{background:#181818;color:#f2f2f2}html[data-theme="dark"] .mail-rich-editor [data-recupero-signature],body.dark .mail-rich-editor [data-recupero-signature]{border-color:#3b3a39}html[data-theme="dark"] .mail-attachment-list,body.dark .mail-attachment-list{background:#202020;border-color:#393939}html[data-theme="dark"] .mail-attachment-chip,body.dark .mail-attachment-chip{background:#2b2b2b;border-color:#494949;color:#eee}
html[data-theme="dark"] .mail-signature-card,body.dark .mail-signature-card{background:#1f1f1f;border-color:#454545;color:#f5f5f5}html[data-theme="dark"] .mail-signature-head,body.dark .mail-signature-head{background:linear-gradient(180deg,#242424,#202020);border-color:#3b3a39}html[data-theme="dark"] .mail-signature-head h3,body.dark .mail-signature-head h3{color:#fff}html[data-theme="dark"] .mail-signature-head p,body.dark .mail-signature-head p{color:#bbb}html[data-theme="dark"] .mail-signature-close,body.dark .mail-signature-close{background:#303030;color:#eee}html[data-theme="dark"] .mail-signature-list-pane,body.dark .mail-signature-list-pane{background:#252525;border-color:#3b3a39}html[data-theme="dark"] .mail-signature-list-head strong,html[data-theme="dark"] .mail-signature-settings-copy strong,body.dark .mail-signature-list-head strong,body.dark .mail-signature-settings-copy strong{color:#eee}html[data-theme="dark"] .mail-signature-list-head small,html[data-theme="dark"] .mail-signature-settings-copy small,body.dark .mail-signature-list-head small,body.dark .mail-signature-settings-copy small{color:#aaa}html[data-theme="dark"] .mail-signature-new,body.dark .mail-signature-new{background:#292929;border-color:#4c6680;color:#7dc3ff}html[data-theme="dark"] .mail-signature-item,body.dark .mail-signature-item{color:#eee}html[data-theme="dark"] .mail-signature-item:hover,body.dark .mail-signature-item:hover{background:#333}html[data-theme="dark"] .mail-signature-item.active,body.dark .mail-signature-item.active{background:#17354d;border-color:#285e85;color:#dcefff}html[data-theme="dark"] .mail-signature-item small,body.dark .mail-signature-item small{color:#aaa}html[data-theme="dark"] .mail-signature-name,body.dark .mail-signature-name{color:#ccc}html[data-theme="dark"] .mail-signature-name input,html[data-theme="dark"] .mail-signature-compose-card,html[data-theme="dark"] .mail-signature-editor,body.dark .mail-signature-name input,body.dark .mail-signature-compose-card,body.dark .mail-signature-editor{background:#242424;border-color:#494949;color:#f5f5f5}html[data-theme="dark"] .mail-signature-tabs,html[data-theme="dark"] .mail-signature-toolbar,html[data-theme="dark"] .mail-signature-insertbar,body.dark .mail-signature-tabs,body.dark .mail-signature-toolbar,body.dark .mail-signature-insertbar{background:#292929;border-color:#444}html[data-theme="dark"] .mail-signature-tab,body.dark .mail-signature-tab{color:#bbb}html[data-theme="dark"] .mail-signature-tab.active,body.dark .mail-signature-tab.active{color:#7dc3ff;border-bottom-color:#7dc3ff}html[data-theme="dark"] .mail-signature-toolbar button,html[data-theme="dark"] .mail-signature-toolbar select,body.dark .mail-signature-toolbar button,body.dark .mail-signature-toolbar select{color:#eee;background:transparent}html[data-theme="dark"] .mail-signature-toolbar button:hover,html[data-theme="dark"] .mail-signature-toolbar select:hover,body.dark .mail-signature-toolbar button:hover,body.dark .mail-signature-toolbar select:hover{background:#353535}html[data-theme="dark"] .mail-signature-insert-tool,body.dark .mail-signature-insert-tool{background:#252525;border-color:#4a4a4a;color:#eee}html[data-theme="dark"] .mail-signature-insert-tool:hover,body.dark .mail-signature-insert-tool:hover{background:#303030;border-color:#5d7791}html[data-theme="dark"] .mail-signature-insert-icon,body.dark .mail-signature-insert-icon{background:#17354d;color:#7dc3ff}html[data-theme="dark"] .mail-signature-insert-tool small,body.dark .mail-signature-insert-tool small{color:#aaa}html[data-theme="dark"] .mail-signature-switch-row,body.dark .mail-signature-switch-row{background:#292929;border-color:#454545}html[data-theme="dark"] .mail-signature-switch-row strong,body.dark .mail-signature-switch-row strong{color:#eee}html[data-theme="dark"] .mail-signature-switch-row small,body.dark .mail-signature-switch-row small{color:#aaa}

@media(max-width:860px){.mail-signature-layout{grid-template-columns:200px minmax(0,1fr)}.mail-signature-settings{grid-template-columns:1fr 1fr}.mail-signature-settings-copy{grid-column:1/-1;padding:4px 2px}.mail-toolbar-actions span:last-child{display:none}}
@media(max-width:680px){.mail-signature-card{overflow:auto}.mail-signature-layout{grid-template-columns:1fr;max-height:none}.mail-signature-list-pane{max-height:155px;border-right:0;border-bottom:1px solid #e8edf3}.mail-signature-settings{grid-template-columns:1fr}.mail-signature-actions{position:sticky;bottom:0;padding:10px 0 0;background:inherit}.mail-rich-toolbar .mail-attach-label span:last-child,.mail-rich-toolbar .mail-signature-label span:last-child{display:none}}

/* Compatibility with registrar legacy toolbar rules */
.mail-rich-toolbar>span.mail-toolbar-sep{display:block!important;min-width:1px!important;width:1px!important;height:22px!important;padding:0!important;border-radius:0!important;background:#e0e4e9!important}.mail-rich-toolbar>span.mail-toolbar-sep:hover{background:#e0e4e9!important}.mail-rich-toolbar select,.mail-signature-toolbar select{width:auto!important;flex:none!important}.mail-signature-item-meta{display:flex;align-items:center;min-height:16px}.mail-signature-item-meta i{display:inline-flex;align-items:center;height:17px;padding:0 6px;border-radius:999px;background:#edf6ff;color:#0f6cbd;font-size:8px;font-style:normal;font-weight:750}.mail-signature-item.active .mail-signature-item-meta i{background:#cfe7fb;color:#0b4f86}html[data-theme="dark"] .mail-rich-toolbar>span.mail-toolbar-sep,body.dark .mail-rich-toolbar>span.mail-toolbar-sep{background:#454545!important}html[data-theme="dark"] .mail-signature-item-meta i,body.dark .mail-signature-item-meta i{background:#17354d;color:#8ac9f5}

/* BETA 1.2.3.5.40.10 · editor de imagen de firma + acciones siempre accesibles */
.mail-signature-card{display:flex;flex-direction:column;height:min(800px,calc(100vh - 36px));max-height:min(800px,calc(100vh - 36px))}
.mail-signature-head{flex:none}.mail-signature-layout{flex:1;min-height:0;max-height:none}.mail-signature-list-pane{min-height:0}.mail-signature-edit-pane{min-height:0;overflow:auto;padding-bottom:0;scrollbar-gutter:stable}
.mail-signature-compose-card{flex:none}.mail-signature-editor{max-height:300px}.mail-signature-editor img{max-width:100%;max-height:245px;height:auto;object-fit:contain;cursor:pointer;border-radius:4px;transition:box-shadow .14s ease,opacity .14s ease}.mail-signature-editor img:hover{box-shadow:0 0 0 2px rgba(15,108,189,.35);opacity:.96}
.mail-signature-actions{position:sticky;z-index:8;bottom:0;margin:14px -20px 0;padding:12px 20px 16px;border-top:1px solid #e6ebf1;background:rgba(255,255,255,.97);backdrop-filter:blur(10px)}

.mail-image-editor-modal{position:fixed;inset:0;z-index:220000;display:grid;place-items:center;padding:20px}.mail-image-editor-modal.hidden{display:none!important}.mail-image-editor-backdrop{position:absolute;inset:0;background:rgba(10,20,34,.48);backdrop-filter:blur(6px)}
.mail-image-editor-card{position:relative;display:flex;width:min(920px,calc(100vw - 32px));max-height:min(720px,calc(100vh - 32px));flex-direction:column;overflow:hidden;border:1px solid #d6e0ec;border-radius:18px;background:#fff;box-shadow:0 28px 85px rgba(15,23,42,.34);font-family:"Segoe UI",Arial,sans-serif}
.mail-image-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px 15px;border-bottom:1px solid #e8edf3;background:linear-gradient(180deg,#fff,#fbfcfe)}.mail-image-editor-head h3{margin:5px 0 3px;color:#172b4d;font-size:21px}.mail-image-editor-head p{margin:0;color:#64748b;font-size:11px}
.mail-image-editor-body{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.72fr);gap:16px;min-height:0;padding:16px;overflow:auto}.mail-image-preview-pane{display:flex;min-width:0;flex-direction:column;gap:7px}.mail-image-stage{position:relative;display:grid;min-height:360px;place-items:center;overflow:hidden;border:1px solid #dbe3ec;border-radius:12px;background:linear-gradient(45deg,#f5f7fa 25%,transparent 25%),linear-gradient(-45deg,#f5f7fa 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f5f7fa 75%),linear-gradient(-45deg,transparent 75%,#f5f7fa 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0;background-color:#fff}.mail-image-stage>img{display:block;max-width:100%;max-height:420px;object-fit:contain;user-select:none;pointer-events:none}.mail-image-help{color:#77879b;font-size:9px}
.mail-image-crop-box{position:absolute;box-sizing:border-box;border:2px solid #0f6cbd;border-radius:3px;background:rgba(15,108,189,.08);box-shadow:0 0 0 9999px rgba(13,31,51,.36),0 0 0 1px rgba(255,255,255,.8) inset;cursor:move;touch-action:none}.mail-image-crop-box:focus-visible{outline:3px solid rgba(15,108,189,.24);outline-offset:2px}.mail-image-crop-corner{position:absolute;width:10px;height:10px;border:2px solid #fff;border-radius:2px;background:#0f6cbd;box-shadow:0 1px 3px rgba(0,0,0,.24)}.mail-image-crop-corner--tl{left:-6px;top:-6px}.mail-image-crop-corner--tr{right:-6px;top:-6px}.mail-image-crop-corner--bl{left:-6px;bottom:-6px}.mail-image-crop-corner--br{right:-6px;bottom:-6px}
.mail-image-controls{display:flex;flex-direction:column;gap:13px;padding:13px;border:1px solid #e0e6ed;border-radius:12px;background:#f8fafc}.mail-image-control-group>strong,.mail-image-slider-row strong{display:block;color:#334155;font-size:10px}.mail-image-ratios,.mail-image-size-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:7px}.mail-image-ratios button,.mail-image-size-presets button{min-height:34px;border:1px solid #d7e0e9;border-radius:7px;background:#fff;color:#4a5b70;font-size:10px;font-weight:700;cursor:pointer}.mail-image-ratios button:hover,.mail-image-size-presets button:hover{border-color:#9ebddb;background:#f4f9fd}.mail-image-ratios button.active,.mail-image-size-presets button.active{border-color:#79add8;background:#eaf4fc;color:#0f6cbd;box-shadow:0 0 0 1px rgba(15,108,189,.08)}
.mail-image-slider-row{display:flex;flex-direction:column;gap:7px}.mail-image-slider-row>span{display:flex;align-items:center;justify-content:space-between;gap:8px}.mail-image-slider-row small{color:#65778d;font-size:9px}.mail-image-slider-row input{width:100%;accent-color:#0f6cbd}.mail-image-size-presets{grid-template-columns:repeat(3,1fr);margin-top:0}.mail-image-output-info{padding:9px 10px;border-radius:8px;background:#eef5fb;color:#567086;font-size:9px;line-height:1.4}
.mail-image-editor-actions{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;padding:12px 16px;border-top:1px solid #e6ebf1;background:#fff}.mail-image-editor-actions .btn{min-height:38px;border-radius:8px;padding-inline:15px}

html[data-theme="dark"] .mail-signature-actions,body.dark .mail-signature-actions{background:rgba(31,31,31,.97);border-color:#414141}
html[data-theme="dark"] .mail-image-editor-card,body.dark .mail-image-editor-card{background:#1f1f1f;border-color:#454545;color:#f5f5f5}html[data-theme="dark"] .mail-image-editor-head,body.dark .mail-image-editor-head{background:linear-gradient(180deg,#242424,#202020);border-color:#3b3a39}html[data-theme="dark"] .mail-image-editor-head h3,body.dark .mail-image-editor-head h3{color:#fff}html[data-theme="dark"] .mail-image-editor-head p,body.dark .mail-image-editor-head p{color:#aaa}html[data-theme="dark"] .mail-image-stage,body.dark .mail-image-stage{border-color:#494949;background-color:#252525;background-image:linear-gradient(45deg,#303030 25%,transparent 25%),linear-gradient(-45deg,#303030 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#303030 75%),linear-gradient(-45deg,transparent 75%,#303030 75%)}html[data-theme="dark"] .mail-image-controls,body.dark .mail-image-controls{background:#252525;border-color:#454545}html[data-theme="dark"] .mail-image-control-group>strong,html[data-theme="dark"] .mail-image-slider-row strong,body.dark .mail-image-control-group>strong,body.dark .mail-image-slider-row strong{color:#eee}html[data-theme="dark"] .mail-image-ratios button,html[data-theme="dark"] .mail-image-size-presets button,body.dark .mail-image-ratios button,body.dark .mail-image-size-presets button{background:#292929;border-color:#4a4a4a;color:#ddd}html[data-theme="dark"] .mail-image-ratios button.active,html[data-theme="dark"] .mail-image-size-presets button.active,body.dark .mail-image-ratios button.active,body.dark .mail-image-size-presets button.active{background:#17354d;border-color:#3977a6;color:#8bcef8}html[data-theme="dark"] .mail-image-output-info,body.dark .mail-image-output-info{background:#173047;color:#b9d3e6}html[data-theme="dark"] .mail-image-editor-actions,body.dark .mail-image-editor-actions{background:#1f1f1f;border-color:#414141}

@media(max-width:760px){.mail-image-editor-body{grid-template-columns:1fr}.mail-image-stage{min-height:280px}.mail-image-editor-card{max-height:calc(100vh - 16px)}.mail-image-editor-modal{padding:8px}}