/* Readable full-width editor for the Auto replies page. */
#auto-replies-view .reply-template-card>summary strong,#auto-replies-view .reply-template-card>summary small{white-space:normal;overflow:visible;text-overflow:clip}
#auto-replies-view .reply-editor{width:100%;max-width:none;background:var(--surface)}
#auto-replies-view .reply-editor>label,#auto-replies-view .reply-editor .form-row>label{display:grid;gap:7px;margin:0;color:var(--text-secondary);font-size:14px;font-weight:700}
#auto-replies-view .reply-editor input:not([type="checkbox"]),#auto-replies-view .reply-editor select,#auto-replies-view .reply-editor textarea{display:block;width:100%;min-height:44px;margin:0;padding:11px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text)}
#auto-replies-view .reply-editor textarea{min-height:210px;line-height:1.55;resize:vertical}
#auto-replies-view .reply-editor .checkbox-row{display:flex;align-items:center;gap:9px;font-weight:700}
#auto-replies-view .reply-editor .checkbox-row input{width:20px;height:20px;margin:0}
#auto-replies-view .reply-variable-help{display:grid;gap:8px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-hover)}
#auto-replies-view .reply-variable-help strong{font-size:14px}
#auto-replies-view .reply-variable-help small{color:var(--text-muted);line-height:1.45}
#auto-replies-view .variable-list{display:flex;gap:7px;flex-wrap:wrap}
#auto-replies-view .variable-list .button{min-height:34px;padding:6px 9px;font-size:12px}
#auto-replies-view .variable-list code{margin-left:3px;color:var(--primary);font-size:11px}
#auto-replies-view .reply-advanced{border:1px solid var(--border);border-radius:12px;background:var(--surface-hover)}
#auto-replies-view .reply-advanced>summary{padding:12px 14px;color:var(--text-secondary);font-weight:750;cursor:pointer}
#auto-replies-view .reply-advanced-body{display:grid;gap:12px;padding:14px;border-top:1px solid var(--border)}
#auto-replies-view .reply-advanced .form-row{display:grid;grid-template-columns:minmax(320px,1fr) minmax(240px,.45fr);gap:14px}
#auto-replies-view .reply-price-row>small{color:var(--text-muted);font-size:13px}
#auto-replies-view .reply-welcome-editor{padding:0;margin-top:14px;background:transparent}
#auto-replies-view .reply-welcome-editor textarea{min-height:170px}
@media(max-width:760px){#auto-replies-view .reply-editor textarea{min-height:160px}#auto-replies-view .reply-advanced .form-row{grid-template-columns:1fr}#auto-replies-view .variable-list{display:grid;grid-template-columns:1fr 1fr}#auto-replies-view .variable-list .button{text-align:left}}