.marketing-performance{color:#fff;box-shadow:0 5px 18px var(--shadow);background:#0b0c0f;border:1px solid #34363c;border-radius:18px;min-width:0;margin:0 0 24px;padding:10px 20px}.marketing-performance-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.marketing-performance-header h2{color:#fff;margin:0;font-size:.75rem;line-height:1.3}.marketing-performance-filters{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:10px;display:flex}.marketing-performance-filters label{gap:3px;min-width:0;display:grid}.marketing-performance-filters label>span{color:#aeb2bd;text-transform:uppercase;letter-spacing:.04em;font-size:.6rem;font-weight:750}.marketing-performance-filters select,.marketing-performance-filters .ops-date-input{font:inherit;color:#fff;background:#16181d;border:1px solid #444750;border-radius:8px;min-width:0;max-width:100%;height:32px;min-height:32px;padding:4px 9px;font-size:.75rem;font-weight:650}.marketing-performance-filters .ops-date-control{min-width:0;height:32px;min-height:32px}.marketing-performance-filters .ops-date-trigger{color:#fff}.marketing-performance-filters :is(select,input,button):focus-visible,.marketing-performance-footer :is(a,button):focus-visible{outline-offset:3px;outline:2px solid #7cb6ff}.marketing-performance-custom{gap:8px;min-width:0;max-width:100%;display:flex}.marketing-performance-kpis{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.marketing-performance-kpis article{border-left:1px solid #34363c;min-width:0;padding:0 14px}.marketing-performance-kpis article:first-child{border-left:0;padding-left:0}.marketing-performance-kpis h3{color:#aeb2bd;margin:0 0 5px;font-size:.6875rem;font-weight:700;line-height:1.4}.marketing-performance-kpis strong,.marketing-performance-unavailable{color:#fff;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:1.5rem;font-weight:750;line-height:1.25;display:block}.marketing-performance-unavailable{min-height:30px;font-size:1rem}.marketing-performance-comparison{color:#aeb2bd;font-variant-numeric:tabular-nums;gap:2px;min-height:29px;margin-top:4px;font-size:.625rem;line-height:1.35;display:grid}.marketing-performance-comparison .favorable{color:#65db97}.marketing-performance-comparison .unfavorable{color:#ff8d8d}.marketing-performance-comparison .neutral{color:#aeb2bd}.marketing-performance-skeleton{background:#30333b;border-radius:4px;width:75%;height:30px;animation:1.2s ease-in-out infinite alternate marketing-kpi-pulse;display:block}.marketing-performance-footer{color:#aeb2bd;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;font-size:.625rem;line-height:1.4;display:flex}.marketing-performance-footer a,.marketing-performance-footer button{color:#fff;font:inherit;align-items:center;gap:4px;font-weight:750;display:inline-flex}.marketing-performance-footer a{text-align:right;margin-left:auto}.marketing-performance-footer svg{flex-shrink:0;width:13px;height:13px}.marketing-performance-footer button{cursor:pointer;background:#16181d;border:1px solid #444750;border-radius:5px;padding:2px 5px}@keyframes marketing-kpi-pulse{to{opacity:.45}}@media (prefers-reduced-motion:reduce){.marketing-performance-skeleton{animation:none}}@media (max-width:900px){.marketing-performance-header{flex-wrap:wrap;align-items:flex-start}.marketing-performance-filters{justify-content:flex-start}}@media (max-width:650px){.marketing-performance{margin-bottom:18px;padding:12px 14px}.marketing-performance-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.marketing-performance-filters select{width:100%}.marketing-performance-custom{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.marketing-performance-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 0}.marketing-performance-kpis article{padding:0 8px}.marketing-performance-kpis article:nth-child(3n+1){border-left:0;padding-left:0}.marketing-performance-kpis strong{font-size:1.25rem}.marketing-performance-footer{align-items:flex-end;gap:8px}.marketing-performance-footer a{max-width:50%}}@media (max-width:359px){.marketing-performance-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-performance-kpis article:nth-child(3n+1){border-left:1px solid #34363c;padding-left:8px}.marketing-performance-kpis article:nth-child(odd){border-left:0;padding-left:0}}
