/* Shared role surfaces, desktop and mobile. */
.role-source-status{padding:16px;margin:16px 0}.role-source-status summary{cursor:pointer;font-weight:600}.role-source-status .connection-strip{margin-top:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.connection-chip{min-width:0;gap:12px;flex-wrap:wrap}.connection-chip>div{min-width:0}.connection-chip-status{flex-shrink:0;min-width:88px;white-space:nowrap}.connection-chip-status .pill{white-space:nowrap;word-break:normal;overflow-wrap:normal;display:inline-flex}.role-next-actions{padding:20px;margin:20px 0}.role-next-actions h3{margin:0}.role-next-actions p{color:var(--muted,#65748b)}.role-view-switch{display:flex;gap:8px;margin:16px 0;flex-wrap:wrap}.wd-tools .btn{white-space:normal}.role-responsibilities{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.role-responsibilities span{background:#eef3fa;border-radius:8px;padding:8px 12px;color:#30465d}@media(max-width:600px){.role-source-status .connection-strip{grid-template-columns:1fr}.role-next-actions .wd-tools{display:grid;grid-template-columns:1fr}.marketing-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.marketing-kpi{min-width:0}.marketing-kpi small{white-space:normal}.marketing-selects{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%}.marketing-selects select{font-size:14px!important;padding:10px!important}.marketing-selects select{width:100%;min-width:0}.role-source-status{padding:12px}.role-source-status summary{font-size:14px}}

.customer-marketing-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}@media(min-width:1800px){.customer-marketing-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}}