/* Marketing Automation: contact timeline, campaign steps, email preview. */

.mkt-timeline { list-style: none; margin: 0; padding: 0; max-height: 70vh; overflow-y: auto; }
.mkt-timeline li { display: flex; gap: .6rem; padding: .45rem 0; border-bottom: 1px solid var(--bs-border-color-translucent); }
.mkt-timeline li > .bi { font-size: 1.05rem; margin-top: .1rem; }

.mkt-step {
    display: flex;
    gap: .75rem;
    align-items: flex-start;
    border: 1px solid var(--bs-border-color);
    border-left: 4px solid #d6336c;
    border-radius: .5rem;
    padding: .6rem;
    margin-bottom: .6rem;
    background: var(--bs-body-bg);
}

.mkt-step-no {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
    background: #d6336c;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    flex: none;
}

.mkt-preview { width: 100%; height: 460px; border: 0; background: #fff; border-radius: 0 0 .5rem .5rem; }

.mkt-scroll { max-height: 360px; overflow-y: auto; }