/* Inline marketing visibility, separate from campaign strategy and sales. */
.marketing-motion{margin-top:14px;background:linear-gradient(135deg,#fffdf9,#f7f4fa);border-color:#ddd3e5}
.marketing-motion-head{display:flex;justify-content:space-between;align-items:center;gap:16px}
.marketing-motion-head h3{margin:0 0 6px;color:#654780;font-size:22px}
.marketing-motion-head p{margin:0;font-size:14px}
.marketing-motion-period{padding:8px 13px;border:1px solid #ded4e7;border-radius:4px;background:#f0eaf6;font-size:12px;font-weight:700;white-space:nowrap;color:#654780}
.marketing-motion-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:16px}
.marketing-motion-metrics>div{grid-column:span 2;padding:14px 16px;border:1px solid #e5dfe8;border-radius:14px;background:#ffffffb3}
.marketing-motion-metrics>div:nth-last-child(-n+2){grid-column:span 3}
.marketing-motion-metrics span{font-size:14px;font-weight:700}.marketing-motion-metrics strong{display:block;font-size:28px;line-height:1.4;color:#7451a6;margin:4px 0}
.marketing-motion-metrics small{font-size:12px;color:#726879}
.marketing-motion-note{font-size:13px;color:#726879;margin:12px 0 18px!important;line-height:1.5}
.marketing-motion-activity{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border-top:1px solid #e2dbe8;padding-top:16px}
.marketing-motion-activity span{display:block;font-size:12px;color:#726879;margin-bottom:5px}.marketing-motion-activity b{font-size:13px;font-weight:600;color:#49414f}
@media(max-width:600px){.marketing-motion-metrics>div,.marketing-motion-metrics>div:nth-last-child(-n+2){grid-column:auto}.marketing-motion-head{align-items:flex-start}.marketing-motion-metrics,.marketing-motion-activity{grid-template-columns:1fr;gap:10px}.marketing-motion-head h3{font-size:20px}}

/* Charcoal uses neutral slate rather than the Ivory theme's lavender. */
html[data-owner-theme=charcoal] .marketing-motion{background:linear-gradient(135deg,#d4dce5,#c2cdd9);border-color:#b5bec8;color:#282d34}
html[data-owner-theme=charcoal] .marketing-motion :is(h3,strong){color:#34475c}
html[data-owner-theme=charcoal] .marketing-motion-period{background:#dce3ea;color:#34475c;border-color:#b5bec8}
html[data-owner-theme=charcoal] .marketing-motion-metrics>div{background:#fffdfb;border-color:#c4ccd4}
html[data-owner-theme=charcoal] .marketing-motion :is(small,.marketing-motion-note,.marketing-motion-activity span){color:#586572}
html[data-owner-theme=charcoal] .marketing-motion-activity{border-color:#c4ccd4}
html[data-owner-theme=charcoal] .marketing-motion-activity b{color:#34475c}