/* Email Templates — SPA tokens only */
#nxtpl-wrap{--tp-line:var(--lmm-border2,var(--lmm-border));--tp-bad:var(--lmm-danger,#e5484d);--tp-ok:var(--lmm-green,#2fb36b)}
#nxtpl-wrap *{box-sizing:border-box}
.nxtpl-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.nxtpl-head-actions .lmm-input{width:200px}
.nxtpl-tabs{margin:4px 0 16px;overflow-x:auto;white-space:nowrap}
.nxtpl-empty{padding:48px 0;text-align:center;color:var(--lmm-text2)}
.nxtpl-note{padding:12px 14px;border:1px solid var(--tp-line);border-radius:2px;margin:0 0 14px;color:var(--lmm-text2)}
.nxtpl-note.bad{border-color:var(--tp-bad);color:var(--tp-bad)}
.nxtpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}
.nxtpl-card{background:var(--lmm-surface);border:1px solid var(--lmm-border);border-radius:var(--lmm-radius,2px);padding:16px 18px;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-width:0;text-align:left;color:inherit;font:inherit}
.nxtpl-card:hover,.nxtpl-card:focus-visible{border-color:var(--lmm-accent,var(--lmm-text2));outline:none}
.nxtpl-card h4{margin:0;font-size:15px;color:var(--lmm-text);overflow-wrap:anywhere}
.nxtpl-card p{margin:0;font-size:13px;color:var(--lmm-text2);overflow-wrap:anywhere}
.nxtpl-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:6px}
.nxtpl-chip{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border:1px solid var(--tp-line);border-radius:2px;color:var(--lmm-text2)}
.nxtpl-chip.marketing{color:var(--lmm-accent,#c9a227);border-color:currentColor}
.nxtpl-overlay{position:fixed;top:0;left:0;bottom:0;right:var(--lmm-sidebar-w,240px);background:rgba(8,9,11,.55);z-index:9000;display:flex;justify-content:flex-end}
@media(max-width:768px){.nxtpl-overlay{right:0}}
.nxtpl-drawer{background:var(--lmm-surface);border-left:1px solid var(--tp-line);width:min(1180px,100%);height:100%;display:flex;flex-direction:column;overflow:hidden;box-shadow:-28px 0 70px rgba(0,0,0,.38)}
.nxtpl-drawer.narrow{width:min(520px,100%)}
.nxtpl-drawer-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;border-bottom:1px solid var(--tp-line)}
.nxtpl-drawer-head h3{margin:0;font:800 20px var(--lmm-font-display,inherit);color:var(--lmm-text)}
.nxtpl-close{width:32px;height:32px;border:1px solid var(--tp-line);background:none;color:var(--lmm-text2);cursor:pointer;border-radius:2px}
.nxtpl-drawer-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px}
.nxtpl-drawer-foot{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:14px 24px;border-top:1px solid var(--tp-line)}
.nxtpl-foot-gap{flex:1}
.nxtpl-edit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
@media(max-width:900px){.nxtpl-edit{grid-template-columns:1fr}}
.nxtpl-f{display:flex;flex-direction:column;gap:5px;margin:0 0 14px}
.nxtpl-f label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--lmm-text3)}
.nxtpl-f .hint{font-size:12px;color:var(--lmm-text3)}
.nxtpl-f textarea.lmm-input{min-height:300px;font:13px/1.5 ui-monospace,Menlo,Consolas,monospace;resize:vertical}
.nxtpl-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.nxtpl-row .lmm-input{flex:1;min-width:120px}
.nxtpl-tool{display:flex;gap:6px;flex-wrap:wrap}
.nxtpl-prev-bar{display:flex;gap:8px;align-items:center;margin:0 0 8px}
.nxtpl-prev-subj{font-size:13px;color:var(--lmm-text2);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nxtpl-frame-wrap{background:#edf0f3;border:1px solid var(--tp-line);border-radius:2px;padding:0;display:flex;justify-content:center;overflow:hidden}
.nxtpl-frame{border:0;background:#edf0f3;width:100%;height:640px;max-width:100%;transition:width .15s}
.nxtpl-frame.mobile{width:375px}
.nxtpl-vars{display:grid;grid-template-columns:140px 1fr 32px;gap:6px;align-items:center}
.nxtpl-miss{font-size:12px;color:var(--tp-bad);margin:6px 0 0}
.nxtpl-rev{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--tp-line);font-size:13px;color:var(--lmm-text2)}
.nxtpl-brandgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.nxtpl-brandgrid .full{grid-column:1/-1}
.nxtpl-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:9999;background:var(--lmm-surface);color:var(--lmm-text);border:1px solid var(--tp-line);padding:10px 16px;border-radius:2px}

/* The SPA's .lmm-btn-outline is a colour modifier only; give it the same box as the other buttons */
#nxtpl-wrap .lmm-btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:600;border-radius:var(--lmm-radius-sm,2px);cursor:pointer;transition:border-color .15s,color .15s}
#nxtpl-wrap .lmm-btn-outline.lmm-btn-sm,#nxtpl-wrap .lmm-btn-ghost.lmm-btn-sm{padding:6px 14px;font-size:12px}
#nxtpl-wrap .lmm-btn-outline:disabled,#nxtpl-wrap .lmm-btn-primary:disabled{opacity:.5;cursor:default}

.nxtpl-count{margin-top:6px;font-size:12px;color:var(--lmm-text3)}
.nxtpl-count.warn{color:var(--lmm-warn,#c9a227)}
.nxtpl-phone{background:var(--lmm-surface);border:1px solid var(--lmm-border,rgba(127,127,127,.25));border-radius:18px;padding:18px;max-width:340px}
.nxtpl-bubble{background:var(--lmm-accent,#c9a227);color:#14161a;border-radius:16px 16px 16px 4px;padding:10px 14px;font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word}