.admin-tabs{display:flex;gap:8px;align-items:center;margin-bottom:12px;border-bottom:1px solid #eee;padding-bottom:6px}
.admin-tabs .tab{padding:6px 10px;border-radius:8px;text-decoration:none;color:#334155;border:1px solid transparent}
.admin-tabs .tab.active{background:#f1f5f9;border-color:#cbd5e1;color:#0f172a}
.admin-tabs .tab:hover{background:#f8fafc;border-color:#e2e8f0}
.admin-tabs .spacer{flex:1}

.mail-grid{ display:grid; grid-template-columns: 1fr; gap:16px; }
/* FORCE true rows (horizontal layout) */
.row{ display: grid; grid-template-rows: 1fr 2fr; }
.row .col-subject{ width: 100%; }
.row .col-editor{ width: 100%; }

.field-inline{ display:grid;grid-template-rows: min-content auto; }
.field-inline > label{ margin:0; min-width:60px; font-size:14px; color:var(--ink-2); padding-top:6px; }
.field-inline input[type="text"]{ flex:1 1 auto; }
.field-inline textarea{ flex:1 1 auto; }

/* Code editor look for HTML bodies */
/* Prism overlay editor (textarea above highlighted preview) */
.prism-editor{ position:relative; width:100%; min-height:220px; }
.prism-editor .editor-highlight{ position:absolute; inset:0; overflow:hidden; padding:12px 14px; border-radius:8px; background:#0f172a; color:#e2e8f0; border:1px solid #1f2937; white-space:pre-wrap; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; line-height:1.5; tab-size:2; pointer-events:none; z-index:0; }
.prism-editor .editor-highlight code{ display:block; white-space:pre-wrap; word-break:break-word; }
.prism-editor .editor-input{ position:absolute; inset:0; resize:none; width:100%; height:100%; padding:12px 14px; border-radius:8px; border:1px solid transparent; background:transparent; color:transparent; caret-color:#e2e8f0; font: inherit; line-height:1.5; tab-size:2; z-index:1; }
.prism-editor .editor-input:focus{ outline:none; box-shadow:0 0 0 3px rgba(56,189,248,.25); }

/* Plain textarea variant + separate preview (fallback) */
.code-editor-plain{ width:100%; min-height:220px; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
.code-preview-block pre{ background:#0f172a; color:#e2e8f0; border:1px solid #1f2937; border-radius:8px; padding:12px 14px; overflow:auto; }

.note{ font-size:12px; color:var(--muted); }

/* Inline actions bar */
.admin-inline-actions{ margin-top:12px; display:flex; gap:8px; align-items:flex-end; flex-wrap:wrap; }