:root{--ms-ink:hsl(var(--brand-h) 100% 11.8%);--ms-link:hsl(var(--brand-h) 100% 32.4%);--ms-font:'Segoe UI',system-ui,sans-serif;--ms-base:16px;--ms-filter-width:260px;--ms-chart-width:600px;--ms-overlay:hsl(var(--brand-h) 100% 8.0% / 0.25);--ms-deals:#5622ad;--ms-sales:#31b4b7;--ms-card:#e5e8eb;--ms-gap:32px;--ms-title:28px;--ms-value:36px;--ms-card-height:154px;--ms-radius:16px;--ms-drawer:440px;--ms-line:#e3e7ea}
.marketing-sales h1{font-size:var(--ms-title);margin:0 0 var(--ms-gap)}.ms-filters{display:flex;gap:var(--space-4);align-items:center;margin-bottom:var(--space-12)}.ms-filters .report-period{min-width:var(--ms-filter-width)}.ms-help-trigger{margin-left:auto;color:var(--ms-link);font-weight:bold}.ms-funnel{display:grid;grid-template-columns:1fr 1fr;gap:var(--ms-gap);position:relative;margin-bottom:var(--ms-gap)}.ms-funnel>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:var(--ms-card-height);border:0;border-radius:var(--ms-radius);background:var(--ms-card);color:var(--ms-ink)}.ms-funnel span:not(.ms-conversion){text-transform:uppercase;font-size:var(--font-sm);font-weight:600}.ms-funnel strong{font-size:var(--ms-value);line-height:1}.ms-funnel small{text-transform:uppercase;font-size:var(--ms-base);font-weight:400}.ms-conversion{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:var(--radius-sm);background:var(--ms-ink);color:var(--surface);padding:var(--space-3) var(--space-4);font-weight:700;z-index:1}.ms-chart-tools{display:flex;justify-content:flex-end;gap:var(--space-4);align-items:center}.ms-chart-tools select{width:auto;max-width:100%}.ms-chart{overflow:auto}.ms-chart svg{display:block;width:100%;min-width:var(--ms-chart-width);height:auto}.ms-chart text{font:var(--font-sm) var(--ms-font);fill:var(--muted)}.ms-grid{stroke:var(--ms-line)}.ms-chart [role=button]{cursor:pointer}.ms-chart [role=button]:focus{outline:2px solid var(--ms-ink)}.ms-legend{display:flex;justify-content:center;gap:var(--ms-gap)}.ms-legend span{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm)}.ms-legend i{width:var(--space-3);height:var(--space-3);border-radius:50%}.ms-legend .deals{background:var(--ms-deals)}.ms-legend .sales{background:var(--ms-sales)}.ms-updated{text-align:center;color:var(--muted);font-size:var(--font-sm);margin:var(--space-6)}.ms-help-backdrop{position:fixed;inset:0;z-index:70;background:var(--ms-overlay)}.ms-help{position:fixed;right:0;top:0;bottom:0;z-index:71;width:min(var(--ms-drawer),100vw);background:var(--surface);box-shadow:var(--shadow);display:flex;flex-direction:column}.ms-help header{display:flex;gap:var(--space-4);padding:var(--space-6);border-bottom:var(--border) solid var(--line)}.ms-help h2{font-size:var(--font-xl);margin:0}.ms-help header button{align-self:flex-start}.ms-help>div{padding:var(--space-6);overflow:auto;flex:1}.ms-help details{border-bottom:var(--border) solid var(--line);padding:var(--space-4) 0}.ms-help summary{cursor:pointer;font-weight:600}.ms-help p{line-height:1.6}.ms-help footer{padding:var(--space-4);border-top:var(--border) solid var(--line);text-align:right}
@media(max-width:760px){.ms-funnel{grid-template-columns:1fr}.ms-conversion{left:auto;right:0;top:calc(var(--ms-card-height) / 2);transform:translateY(-50%)}.ms-filters{flex-wrap:wrap}.ms-filters .report-period{min-width:0;max-width:100%}.ms-chart-tools{flex-wrap:wrap}.marketing-sales h1{font-size:var(--font-xl)}}