.email-page{max-width:1500px;margin:auto}.email-page>.head{margin-bottom:16px}.email-page>.head p{max-width:740px}.email-message{min-height:1.5em;color:#a96716;font-weight:600}.email-layout{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:18px;align-items:start}.email-template-list,.email-editor-main,.email-editors{background:var(--panel,#fff);border:2px solid #142322;border-radius:16px;padding:18px}.email-template-list{position:sticky;top:20px;display:grid;gap:8px}.email-template-list h2{font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin:16px 0 4px}.email-template-list h2:first-child{margin-top:0}.email-template-list button{text-align:left;border:1px solid #b9c4bf;background:#f5f7f5;border-radius:10px;padding:12px;color:#172322;cursor:pointer}.email-template-list button strong,.email-template-list button small{display:block}.email-template-list button small{margin-top:4px;color:#50615b}.email-template-list button[aria-current=page]{background:#e7b73b;border:2px solid #172322}.email-template-list button:focus-visible,.email-page button:focus-visible,.email-page input:focus-visible,.email-page textarea:focus-visible,.email-page select:focus-visible{outline:3px solid #368b82;outline-offset:2px}.email-editor-heading{display:flex;justify-content:space-between;gap:20px;align-items:start;border-bottom:1px solid #dce2df;padding-bottom:18px;margin-bottom:18px}.email-editor-heading h2{margin:5px 0}.email-editor-heading p{margin:0;color:#66736d}.email-variables{background:#f3f6f4;border-left:4px solid #d9a826;padding:12px 14px;margin:0 0 20px;line-height:1.8}.email-variables code{display:inline-block;background:#e1e9e3;border-radius:5px;padding:1px 5px;margin-right:4px}.email-edit-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1fr);gap:22px}.email-fields .field{display:grid;gap:6px;margin:0 0 14px}.email-fields input:not([type=file]),.email-fields textarea,.email-fields select{width:100%;box-sizing:border-box}.email-fields textarea{min-height:100px;resize:vertical}.email-fields h3,.email-preview h3{margin:20px 0 12px}.email-block{border:1px solid #c9d4ce;border-radius:10px;padding:14px;margin:12px 0;background:#fbfcfb}.email-block header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.email-block-actions{display:flex;gap:5px;flex-wrap:wrap}.email-block-actions button{padding:5px 9px;font-size:12px}.email-block img{display:block;max-width:100%;max-height:180px;margin:0 0 12px;border-radius:8px}.email-block small,.email-image-add small{color:#5b6b64}.email-add{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.email-image-add{padding:14px;border:1px dashed #8d9b94;border-radius:10px;background:#f6f8f6}.email-preview{position:sticky;top:20px;border-left:1px solid #dce2df;padding-left:18px}.email-preview>p{margin:0 0 10px;color:#64726c}.email-preview strong{display:block;padding:12px;border:1px solid #dce2df;border-radius:8px;margin-bottom:12px;overflow-wrap:anywhere}.email-preview iframe{width:100%;height:680px;border:1px solid #c8d3cc;border-radius:10px;background:#f2f4f3}.email-published{margin-top:18px;color:#596861}.email-editors{margin-top:18px}.email-editors summary{cursor:pointer;font-weight:700}.email-editors>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}.email-editors label{padding:10px;background:#f5f7f5;border:1px solid #dce2df;border-radius:8px}.email-editors small{display:block;color:#66736d;margin-left:22px}@media(max-width:1050px){.email-edit-grid{grid-template-columns:1fr}.email-preview{position:static;border-left:0;border-top:1px solid #dce2df;padding:10px 0 0}}@media(max-width:700px){.email-layout{grid-template-columns:1fr}.email-template-list{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.email-template-list h2{grid-column:1/-1}.email-editor-heading{display:block}.email-editor-heading .actions{margin-top:14px}.email-preview iframe{height:520px}}

/* The editor is a full-width administration module inside the shared shell. */
#app > .shell .email-page { width: 100%; max-width: none; margin: 0; }
#app > .shell .email-page > .head { margin-bottom: 12px; }