.email-tabs{display:flex;gap:8px;margin-bottom:18px}.email-tabs button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 15px;color:var(--muted);cursor:pointer}.email-tabs button.active{background:var(--green);color:#fff}.email-panel{padding:24px}.template-cards{display:flex;flex-direction:column;gap:18px}.template-card{border:1px solid var(--line);border-radius:12px;padding:18px;background:#fff}.template-card-head{display:flex;justify-content:space-between}.template-card h3{margin:0 0 3px;font-size:17px}.template-card small{color:var(--muted)}.template-card-subject{font-size:13px;color:var(--muted);margin:14px 0}.email-preview{border:1px solid var(--line);border-radius:10px;padding:14px;background:#fbfcfb}.email-preview>div{background:#fff;border-radius:8px;padding:18px;min-height:80px}.drawer-backdrop{position:fixed;z-index:30;inset:0;background:#13251f66;display:flex;justify-content:flex-end}.template-drawer{height:100%;width:min(50vw,760px);min-width:480px;overflow:auto;background:#fff;padding:28px;box-shadow:-12px 0 35px #13251f26}.drawer-header{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:22px}.drawer-header h2{margin:5px 0 0;font-size:22px}.drawer-close{border:0;background:var(--paper);border-radius:50%;width:32px;height:32px;font-size:23px;color:var(--muted);cursor:pointer}.template-editor,.smtp-form{display:flex;flex-direction:column;gap:14px}.template-editor label,.smtp-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700}.template-editor input,.smtp-form input{width:100%;border:1px solid #cfd7d2;border-radius:8px;padding:10px 11px}.wysiwyg-toolbar{display:flex;gap:6px;border:1px solid #cfd7d2;border-bottom:0;border-radius:8px 8px 0 0;padding:7px;background:var(--paper)}.wysiwyg-toolbar button{border:1px solid var(--line);background:#fff;border-radius:5px;padding:4px 9px;cursor:pointer}.wysiwyg-editor{min-height:260px;border:1px solid #cfd7d2;border-radius:0 0 8px 8px;padding:14px;background:#fff;line-height:1.55;outline:none}.wysiwyg-editor:focus{border-color:var(--green2)}.drawer-actions{display:flex;justify-content:flex-end;gap:10px}.toggle,.check-option{display:flex!important;flex-direction:row!important;align-items:center;gap:8px}.email-panel hr{border:0;border-top:1px solid var(--line);margin:28px 0}@media(max-width:850px){.template-drawer{width:100%;min-width:0}}
.template-split{display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px;min-height:480px}.template-list{border-right:1px solid var(--line);padding-right:18px}.template-list .panel-title{margin-bottom:15px}.template-list .panel-title h2{font-size:18px;margin:0 0 4px}.template-list .panel-title p{font-size:12px;color:var(--muted);margin:0}.template-item{display:block;width:100%;text-align:left;border:1px solid var(--line);background:#fff;border-radius:9px;padding:11px;margin-bottom:8px;cursor:pointer}.template-item.selected{border-color:var(--green);background:var(--soft)}.template-item b,.template-item small{display:block}.template-item small{color:var(--muted);margin-top:3px}.template-preview{min-width:0}.template-preview .panel-title{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.template-preview .panel-title h2{margin:5px 0}.template-preview .panel-title p{font-size:13px;color:var(--muted)}.email-preview.large{min-height:300px;padding:28px;background:#fbfcfb}.email-preview.large>*{max-width:100%}@media(max-width:850px){.template-split{grid-template-columns:1fr}.template-list{border-right:0;border-bottom:1px solid var(--line);padding:0 0 14px}.template-preview .panel-title{display:block}.template-preview .panel-title button{margin-top:12px}}
.html-editor{width:100%;resize:vertical;border:1px solid #cfd7d2;border-radius:8px;padding:14px;font:12px/1.55 Consolas,monospace;background:#fbfcfb;color:var(--ink)}.html-editor:focus{outline:none;border-color:var(--green2);box-shadow:0 0 0 3px #23765e18}