.email-preview{width:min(780px,94vw);max-height:90vh;box-sizing:border-box;overflow:auto;border:1px solid #d4ddd1;border-radius:12px;padding:28px;color:#234c3e;background:#fafbf7}.email-preview::backdrop{background:#102b23aa}.email-preview h2{font-size:28px;margin:20px 0}.email-close{display:block;margin-left:auto;padding:8px 12px;background:white;border:1px solid #234c3e;cursor:pointer}.email-content{margin:22px 0;overflow-wrap:anywhere}.email-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.email-actions .button{font-size:14px;padding:12px 16px}.email-status{font-weight:600}.email-preview :focus-visible{outline:3px solid #b17b2c;outline-offset:3px}@media(max-width:600px){.email-preview{padding:16px}.email-preview h2{font-size:23px}.email-content th,.email-content td{padding:9px!important;font-size:13px}}
.email-actions[hidden]{display:none}.email-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.email-fields label{display:flex;flex-direction:column;gap:6px}.email-fields input{width:100%;box-sizing:border-box;padding:10px;border:1px solid #809a8c;background:white;color:#234c3e;border-radius:4px}.email-trap{position:absolute;left:-10000px}.email-preview button:disabled{opacity:.6;cursor:wait}@media(max-width:600px){.email-fields{grid-template-columns:1fr}}

.training-details input,.training-details textarea{display:block;width:100%;box-sizing:border-box;margin-top:12px;padding:12px;border:1px solid #809a8c;border-radius:4px;background:#fff;color:#234c3e;font:inherit}.training-details textarea{resize:vertical}.training-details .training-step>div{min-width:0;width:100%}

.training-audience-choice{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid #809a8c;border-radius:4px;background:white;cursor:pointer}.training-audience-choice:has(input:checked){background:#e4edb6;border-color:#234c3e}.training-audience-choice input{width:18px;height:18px;accent-color:#234c3e;flex-shrink:0}

.training-recap{margin:20px 0;display:grid;gap:0}.training-recap>div{display:grid;grid-template-columns:minmax(110px,32%) 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #244c3d26}.training-recap dt{font-weight:600}.training-recap dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:480px){.training-recap>div{grid-template-columns:1fr;gap:4px}}