.marketing-message{display:grid;gap:10px;min-width:180px;max-width:340px;padding:6px}.marketing-message strong{font-size:16px;overflow-wrap:anywhere}.marketing-message small{color:#237452}.marketing-message button{background:#237452;color:white}.marketing-message .muted{font-size:11px}.marketing-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0}.marketing-toolbar p{flex:1;min-width:180px}.marketing-list article{display:flex;gap:16px;align-items:center;justify-content:space-between;border:1px solid #dce5df;border-radius:12px;padding:16px;margin:12px 0}.marketing-list article>div{min-width:0}.marketing-list p,.marketing-detail p{white-space:pre-wrap;overflow-wrap:anywhere}.marketing-list small{color:#237452}.marketing-entry{padding:14px 0;border-bottom:1px solid #e4e9e5}.marketing-entry button{margin:8px 8px 0 0}#marketing-form [hidden]{display:none!important}#marketing-form{max-width:760px}#marketing-form input,#marketing-form select,#marketing-form textarea{max-width:100%}#marketing-form .form-grid{gap:14px}.marketing-entry p{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:600px){.marketing-list article{align-items:flex-start;flex-direction:column}#marketing-form .form-grid{grid-template-columns:1fr}.marketing-toolbar button{min-height:40px}}
.modal:has(#marketing-form),.modal:has(.marketing-list-page){width:800px;max-height:calc(100dvh - 32px)}
.modal:has(#marketing-form) .modal-body{display:flex;flex:1;overflow:hidden;padding:0}
#marketing-form{display:flex;flex-direction:column;width:100%;max-width:none;min-height:0;margin:0}
.marketing-form-fields{min-height:0;overflow-y:auto;padding:24px 28px;scrollbar-gutter:stable}
.marketing-course-context{display:grid;gap:5px;padding:16px 18px;border-radius:10px;background:#edf5f0;border:1px solid #dcebe2;margin-bottom:24px;overflow-wrap:anywhere}
.marketing-course-context span,.marketing-course-context small{font-size:12px;color:#567466}
.marketing-course-context strong{font-size:16px;color:#205e46}
.marketing-form-section+.marketing-form-section{margin-top:24px;padding-top:22px;border-top:1px solid #e7ede9}
.marketing-form-section h3{display:flex;align-items:center;gap:10px;margin:0 0 18px;font-size:15px}
.marketing-form-section h3>span{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:#edf5f0;color:#237452;font-size:12px;font-weight:600}
.marketing-section-note{margin:-8px 0 16px;color:#78877e;font-size:12px}
#marketing-form .field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;min-width:0;line-height:1.6}
#marketing-form .field input,#marketing-form .field select{min-width:0;width:100%;min-height:42px}
#marketing-form .field textarea{min-height:86px;resize:vertical}
#marketing-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
#marketing-form .form-grid>div{min-width:0}
#marketing-form .marketing-identity{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
#marketing-form .field-inline{display:flex;align-items:flex-start;gap:9px;line-height:1.7;margin:4px 0 18px;color:#52675a}
#marketing-form .field-inline input{flex:none;width:16px;height:16px;margin:3px 0 0}
.marketing-form-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;flex-shrink:0;padding:16px 28px;border-top:1px solid #e4ebe6;background:#fff}
.marketing-form-actions>button{min-height:42px}
.marketing-form-actions>button:first-child{margin-right:auto}
.marketing-form-actions>[type=submit]{min-width:132px}
#marketing-error:not([hidden]){padding:12px 14px;margin-top:16px;border:1px solid #efcfcb;border-radius:8px;color:#a53d37;background:#fff4f2;line-height:1.7;overflow-wrap:anywhere}
#marketing-preview{margin-top:20px;padding:16px;line-height:1.8;overflow-wrap:anywhere;white-space:pre-wrap}
.marketing-list-page .marketing-toolbar{align-items:flex-start;justify-content:space-between;margin:0 0 22px;padding:18px;background:#f2f7f4;border-radius:10px}
.marketing-list-intro{flex:1;min-width:200px}
.marketing-list-page .marketing-toolbar p{margin:0;font-size:13px;line-height:1.8}
.marketing-list-page .marketing-toolbar p+p{margin-top:8px;color:#738578;font-size:12px}
.marketing-list-page .marketing-list article{margin:12px 0 0;padding:20px;gap:24px}
.marketing-list article>button{flex-shrink:0}
.marketing-list h3{margin:8px 0;font-size:16px;overflow-wrap:anywhere}
.marketing-list article p{margin:8px 0 12px;color:#67796e;font-size:13px;line-height:1.7}
.marketing-list article span{font-size:12px;color:#7e8a82}
.marketing-list-page .empty{padding:48px 24px;background:#fafcfb;border:1px dashed #dce5df;border-radius:10px;line-height:1.8;text-align:center}
@media(max-width:600px){.marketing-form-fields{padding:18px 16px}.marketing-form-actions{padding:14px 16px;gap:8px}.marketing-form-actions>button{padding:9px 12px}#marketing-form .form-grid{grid-template-columns:1fr}.marketing-list-page .marketing-toolbar{padding:14px}.marketing-list-intro{min-width:0;flex-basis:100%}.marketing-list-page .marketing-list article{padding:16px}}
@media(max-width:380px){.marketing-form-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-form-actions>button:first-child{margin:0}.marketing-form-actions>[type=submit]{grid-column:1/-1}}