.automation-template-preview-module__x1ei3a__preview{scrollbar-gutter:stable;background:#f7f8fc;border:1px solid #dde3e8;border-radius:10px;flex-direction:column;flex:300px;gap:12px;min-width:0;height:740px;padding:16px;display:flex;overflow-y:auto}.automation-template-preview-module__x1ei3a__heading{flex-direction:column;gap:4px;display:flex}.automation-template-preview-module__x1ei3a__heading strong{font-size:16px;font-weight:700}.automation-template-preview-module__x1ei3a__heading span{color:#676c85;font-size:12.5px;line-height:1.45}.automation-template-preview-module__x1ei3a__choice{color:#676c85;flex-direction:column;gap:5px;font-size:12px;font-weight:600;display:flex}.automation-template-preview-module__x1ei3a__choice select{color:#2b3254;background-color:#fff;border:1px solid #dde3e8;border-radius:5px;padding:8px 30px 8px 10px;font-size:13px;font-weight:500;line-height:1.3}.automation-template-preview-module__x1ei3a__shopNote{color:#676c85;font-size:12px;line-height:1.45}.automation-template-preview-module__x1ei3a__shopNote a{font-weight:700}.automation-template-preview-module__x1ei3a__workflow{background:#fff radial-gradient(#dfe5ee 1px,#0000 1px) 0 0/14px 14px;border:1px solid #e3e7ee;border-radius:10px;flex-direction:column;gap:6px;padding:10px;display:flex}.automation-template-preview-module__x1ei3a__trigger{background:#fff;border:1.5px solid #0ed2af;border-radius:8px;align-items:center;gap:10px;padding:9px 11px;display:flex}.automation-template-preview-module__x1ei3a__triggerIcon{color:#02a789;background:#e7fbf7;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:12px;font-weight:800;display:grid}.automation-template-preview-module__x1ei3a__triggerLabel{color:#9198b6;font-size:11px;font-weight:600;display:block}.automation-template-preview-module__x1ei3a__trigger strong{font-size:13px;font-weight:600}.automation-template-preview-module__x1ei3a__triggerDetail{color:#676c85;font-size:11.5px;display:block}.automation-template-preview-module__x1ei3a__step{background:#fff;border:1px solid #dde3e8;border-radius:7px;align-items:center;gap:8px;padding:6px 9px;font-size:12.5px;line-height:1.35;display:flex}.automation-template-preview-module__x1ei3a__stepIcon{border-radius:5px;flex:none;place-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:grid}.automation-template-preview-module__x1ei3a__stepLabel{color:#9198b6;font-weight:600}.automation-template-preview-module__x1ei3a__step strong{font-weight:600}.automation-template-preview-module__x1ei3a__notice{color:#2b3254;background:#e7f5fe;border-radius:6px;padding:8px 10px;font-size:12px;line-height:1.45}
.md-automations{font-family:var(--font-figtree,"Maildroppa Figtree"), system-ui, sans-serif;color:#171d3e;overflow-wrap:anywhere;font-size:1rem;line-height:1.5}.md-automations *,.md-automations :before,.md-automations :after{box-sizing:border-box;min-width:0}.md-automations :is(h1,h2,h3,h4,p,figure){margin:0}.md-automations a{color:#08775f;text-decoration:none}.md-automations a:hover{text-underline-offset:.2em;text-decoration:underline}.md-automations :is(button,input,select){font:inherit;max-width:100%}.md-automations button{white-space:normal;cursor:pointer}.md-automations :is(a,button,input,select,summary):focus-visible{outline-offset:3px;outline:3px solid #109cf1}.md-automations section{scroll-margin-top:110px}.md-automations [role=tablist]{flex-wrap:wrap}.md-automations [role=tab]{white-space:normal!important}.md-automations .automation-hero-actions{grid-auto-rows:auto}.sales-page-shell main .automation-hero-actions>a{text-align:center;border-radius:16px;min-height:58px;padding:12px 18px;font-size:1.0625rem;line-height:1.25}.sales-page-shell main .automation-hero-actions>.sales-demo-link{background:#fff;border-color:#dce3f2}.automation-canvas-wide,.automation-canvas-narrow{flex-direction:column;align-items:center;width:100%;max-width:560px;display:flex}.automation-canvas-narrow{max-width:260px;display:none}.automation-conditions{color:#2b3254;background:#fff;border-radius:16px;font-family:Maildroppa App Gilroy,system-ui,sans-serif;box-shadow:0 18px 40px #03061f30}.automation-conditions header{border-bottom:1px solid #dde3e8;padding:18px 20px 14px}.automation-conditions header strong{font-size:18px}.automation-conditions header p{color:#676c85;margin-top:4px;font-size:13px}.automation-condition-groups{background:#f7f8fc;gap:10px;padding:18px;display:grid}.automation-condition-group{background:#fff;border:1px solid #dde3e8;border-radius:8px;gap:10px;padding:12px;display:grid}.automation-condition-row{flex-wrap:wrap;align-items:start;gap:8px;display:flex}.automation-condition-row select,.automation-filter-values{color:#2b3254;background:#fff;border:1px solid #dde3e8;border-radius:5px;flex:150px;width:100%;font-size:13px}.automation-condition-row select{padding:8px}.automation-filter-values{background:#f3faff;border-color:#109cf1}.automation-filter-values summary{cursor:pointer;padding:8px}.automation-filter-values>div{border-top:1px solid #dde3e8;gap:10px;padding:10px;display:grid}.automation-filter-values label{align-items:start;gap:8px;display:flex}.automation-filter-values input{accent-color:#08775f;flex:none;width:16px;height:16px}.automation-condition-or{color:#8a5a00;background:#fff6e3;border-radius:20px;width:max-content;margin:0 auto 10px;padding:3px 10px;font-size:11px;font-weight:700;display:block}.automation-condition-and{color:#08775f;flex:1 0 100%;font-size:11px;font-weight:700}.md-automations .automation-remove-filter{color:#676c85;background:#f1f3f9;border:0;border-radius:5px;padding:3px 9px;font-size:20px}.md-automations .automation-filter-add{color:#0874b2;background:0 0;border:0;justify-self:start;padding:4px;font-size:13px;font-weight:600}.automation-conditions footer{border-top:1px solid #dde3e8;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.automation-conditions footer button{color:#2b3254;background:#fff;border:1px solid #dde3e8;border-radius:5px;padding:9px 14px;font-size:13px;font-weight:600}.automation-conditions footer button:last-child{background:#0ed2af;border-color:#0ed2af}.automation-conditions footer button:disabled{color:#61677e;cursor:default;background:#e9edf3;border-color:#dde3e8}.md-automations .automation-condition-notice{color:#676c85;padding:0 20px 14px;font-size:12px}.automation-report-chart{background:#fff;border:1px solid #dde3e8;border-radius:10px;gap:18px;padding:20px;display:grid}.automation-report-chart figcaption{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.automation-report-chart figcaption strong{font-size:16px}.automation-report-chart figcaption>span{color:#676c85;font-size:12px}.automation-chart-legend{flex-wrap:wrap;gap:8px 16px;font-size:12px;display:flex}.automation-chart-legend>span{align-items:center;gap:6px;display:flex}.automation-chart-legend i{border-radius:3px;width:10px;height:10px}.automation-chart-message{gap:5px;display:grid}.automation-chart-message>strong{margin-bottom:3px;font-size:13px;font-weight:600}.automation-chart-row{grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:8px;font-size:12px;display:grid}.automation-chart-track{background:#f1f3f9;border-radius:3px;height:10px}.automation-chart-track>span{border-radius:3px;height:100%;display:block}@media (max-width:600px){.md-automations .automation-hero-actions{grid-auto-rows:1fr;width:100%;grid-template-columns:minmax(0,1fr)!important}.md-automations #hero-demo-note{grid-column:1!important}.md-automations table{min-width:0!important}.md-automations thead{display:none}.md-automations tr{border-bottom:1px solid #dde3e8;grid-template-columns:minmax(0,1fr);padding:8px 0;display:grid}.md-automations td{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;display:flex;text-align:left!important;border:0!important;padding:6px 12px!important}.md-automations td:before{content:attr(data-label);color:#676c85;font-size:12px}}@media (max-width:559px){.automation-canvas-wide{display:none}.automation-canvas-narrow{display:flex}}.automation-report-panel{gap:16px;display:grid}
