.analytics-page { display:flex; flex-direction:column; gap:24px; color:#1d1d1f; min-width:0; max-width:1440px; margin:0 auto; width:100%; font-size:14px }
.analytics-page h1 { font-size:28px; letter-spacing:-.8px; font-weight:650; margin:0 0 6px }
.analytics-page h2 { font-weight:600; font-size:16px; letter-spacing:-.25px; margin:0 }
.analytics-page p { margin:0 }
.analytics-heading,.analytics-section-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:24px }
.analytics-heading>div>p,.analytics-section-heading>div>p { color:#6e6e73; font-size:13px; margin-top:6px; line-height:1.6 }
.analytics-actions { display:flex; gap:10px; align-items:center; flex-wrap:wrap }
.analytics-button { display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:9px 12px; border:1px solid #d2d2d7; border-radius:7px; color:#424247; background:white; font-size:12px; font-weight:550; cursor:pointer; white-space:nowrap; min-height:36px }
.analytics-button:hover { background:#f5f5f7 }
.analytics-button:disabled { opacity:.5; cursor:default }
.analytics-button-primary { background:#0071e3; color:white; border-color:#0071e3 }
.analytics-button-primary:hover { background:#0064ca }
.analytics-page :is(button,input,select,summary):focus-visible { outline:3px solid #0071e3; outline-offset:3px }
.analytics-panel { border:1px solid #dedee3; border-radius:12px; background:white; padding:24px; min-width:0 }
.analytics-controls { display:flex; flex-direction:column; gap:16px }
.analytics-filter-row { display:flex; justify-content:space-between; gap:18px; align-items:flex-end; flex-wrap:wrap }
.analytics-presets { display:flex; flex-wrap:wrap; gap:5px }
.analytics-presets button { background:transparent; border:1px solid transparent; color:#6e6e73; border-radius:6px; font-size:12px; padding:8px 10px; cursor:pointer }
.analytics-presets button:hover { background:#f5f5f7 }
.analytics-presets button[aria-pressed=true] { border-color:#b9d8f9; background:#edf5fe; color:#0062c4; font-weight:600 }
.analytics-field { display:flex; flex-direction:column; align-items:flex-start; gap:6px; font-size:11px; color:#6e6e73; font-weight:550 }
.analytics-field :is(select,input) { min-height:36px; border:1px solid #d2d2d7; border-radius:6px; padding:6px 10px; background:#fff; color:#1d1d1f; font-size:12px; font-weight:400; max-width:100% }
.analytics-date-form { display:flex; align-items:flex-end; gap:12px; flex-wrap:wrap }
.analytics-date-note { color:#6e6e73; font-size:11px; align-self:center; margin-top:19px }
.analytics-view-row { border-top:1px solid #ededf0; padding-top:16px; display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap }
.analytics-segment { display:inline-flex; background:#f0f0f3; padding:3px; border-radius:8px }
.analytics-segment button { padding:8px 13px; border:0; background:transparent; border-radius:6px; font-size:12px; color:#6e6e73; cursor:pointer }
.analytics-segment button[aria-pressed=true] { background:white; color:#1d1d1f; box-shadow:0 1px 4px #00000016; font-weight:600 }
.analytics-checkbox { display:inline-flex; align-items:center; gap:7px; font-size:12px; color:#535359; cursor:pointer }
.analytics-checkbox input { accent-color:#0071e3; height:14px; width:14px }
.analytics-explainer { font-size:13px; line-height:1.7; color:#535359; max-width:940px }
.analytics-comparison { font-size:11px; color:#6e6e73; margin-top:-9px!important }
.analytics-stats { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); border:1px solid #dedee3; border-radius:12px; overflow:hidden; background:#fff }
.analytics-stat { padding:20px 18px; border-right:1px solid #ededf0; min-width:0 }
.analytics-stat:last-child { border-right:0 }
.analytics-stat h2 { font-size:11px; line-height:1.5; font-weight:550; letter-spacing:0; color:#535359; min-height:34px }
.analytics-stat>strong { display:block; font-size:29px; font-weight:600; letter-spacing:-1px; font-variant-numeric:tabular-nums; margin:9px 0 6px }
.analytics-stat>p { font-size:10px; color:#6e6e73; line-height:1.5; min-height:30px }
.analytics-stat-change { font-size:10px; margin-top:9px; line-height:1.5; font-variant-numeric:tabular-nums }
.analytics-muted { color:#6e6e73 }
.analytics-positive { color:#167238 }
.analytics-negative { color:#b8472e }
.analytics-state { display:flex; flex-direction:column; align-items:center; gap:12px; text-align:center; padding:40px 20px; color:#6e6e73 }
.analytics-state h2 { color:#1d1d1f }
.analytics-chart-summary { display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; padding-top:24px }
.analytics-chart-summary>strong { font-size:30px; font-weight:600; letter-spacing:-1px; font-variant-numeric:tabular-nums }
.analytics-chart-summary>span { font-size:12px; color:#6e6e73 }
.analytics-chart { width:100%; margin-top:10px }
.analytics-chart svg { width:100%; height:auto; min-height:160px; overflow:visible }
.analytics-legend { display:flex; justify-content:center; gap:22px; flex-wrap:wrap; font-size:11px; color:#6e6e73 }
.analytics-legend>span { display:inline-flex; align-items:center; gap:7px }
.analytics-legend i { width:18px; border-top:2px solid #0071e3 }
.analytics-legend .analytics-legend-prior { border-top:2px dashed #929ba5 }
.analytics-page summary { cursor:pointer; color:#535359; font-size:12px; padding:8px 0; width:fit-content }
.analytics-trend-data { margin-top:12px }
.analytics-table-scroll { overflow:auto; max-width:100% }
.analytics-page table { width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; font-size:12px }
.analytics-page th { font-weight:500; text-align:left }
.analytics-page :is(td,th) { padding:13px 14px; border-bottom:1px solid #ededf0; vertical-align:top }
.analytics-page thead th { font-size:11px; color:#6e6e73; background:#f8f8fa; white-space:nowrap }
.analytics-page thead th button { display:inline-flex; gap:4px; align-items:center; justify-content:flex-end; cursor:pointer; background:none; border:0; padding:0; color:inherit; font:inherit; width:100% }
.analytics-channel-table { min-width:840px }
.analytics-channel-table :is(td,th):not(:first-child) { text-align:right }
.analytics-channel-table small { display:block; font-size:10px; color:#6e6e73; margin-top:4px }
.analytics-channel-table td strong { font-weight:550 }
.analytics-channel-table tfoot { background:#f8f8fa; font-weight:600 }
.analytics-channels { padding:0; overflow:hidden }
.analytics-channels .analytics-section-heading { padding:24px 24px 18px }
.analytics-insight { display:flex; gap:10px; align-items:flex-start; margin:0 24px 20px; padding:13px 15px; background:#f0f6fd; border-left:3px solid #0071e3; color:#19436c; font-size:12px; line-height:1.7 }
.analytics-insight svg { flex-shrink:0; margin-top:2px }
.analytics-insight span { color:#535359 }
.analytics-channel-filter { background:none; border:0; cursor:pointer; padding:0; text-align:left }
.analytics-channel-filter>span { display:inline-block; border-radius:4px; padding:5px 7px; font-size:11px; white-space:nowrap; font-weight:550 }
.analytics-row-evidence { margin-top:4px; font-size:10px; color:#6e6e73 }
.analytics-row-evidence summary { font-size:10px; padding:3px 0 }
.analytics-row-evidence p { padding:3px 0; white-space:nowrap }
.analytics-table-note { padding:16px 24px; font-size:11px; color:#6e6e73; line-height:1.7 }
.analytics-table-note button { border:0; padding:0; color:#0071e3; background:none; cursor:pointer; font-size:inherit; text-decoration:underline }
.analytics-quality h2 { display:flex; align-items:center; gap:8px }
.analytics-quality-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; padding:22px 0 }
.analytics-quality-grid strong { display:block; font-size:25px; font-weight:600; letter-spacing:-.7px; margin-bottom:5px }
.analytics-quality-grid span { display:block; font-size:12px; font-weight:550 }
.analytics-quality-grid p { font-size:11px; color:#6e6e73; line-height:1.7; margin-top:7px }
.analytics-quality details { border-top:1px solid #ededf0; padding-top:8px }
.analytics-quality details>p,.analytics-methodology p { font-size:12px; color:#6e6e73; line-height:1.8; margin:8px 0 12px; max-width:980px }
.analytics-evidence-grid { display:grid; grid-template-columns:1fr 1fr; gap:30px; margin-top:20px }
.analytics-evidence-grid h3 { font-size:12px; font-weight:600; margin-bottom:12px }
.analytics-evidence-grid p { display:flex; justify-content:space-between; gap:15px; color:#6e6e73; font-size:11px; line-height:1.8; overflow-wrap:anywhere }
.analytics-methodology { padding:0 2px }
@media(min-width:1280px) { .analytics-stats { grid-template-columns:repeat(6,minmax(0,1fr)) } }
@media(max-width:1199px) { .analytics-stats { grid-template-columns:repeat(3,minmax(0,1fr)) } .analytics-stat:nth-child(3) { border-right:0 } .analytics-stat:nth-child(-n+3) { border-bottom:1px solid #ededf0 } .analytics-stat h2,.analytics-stat>p { min-height:0 } .analytics-section-heading { flex-wrap:wrap } }
@media(max-width:639px) { .analytics-page { gap:16px } .analytics-heading { flex-direction:column; gap:16px } .analytics-panel { padding:18px } .analytics-date-form { gap:10px } .analytics-date-form .analytics-field { width:calc(50% - 5px) } .analytics-date-form input { width:100%; min-width:0 } .analytics-date-note { margin-top:0; flex:1; line-height:1.5 } .analytics-filter-row>.analytics-field { width:100% } .analytics-filter-row select { width:100% } .analytics-stats { grid-template-columns:repeat(2,minmax(0,1fr)) } .analytics-stat { padding:16px; border-right:0; border-bottom:1px solid #ededf0 } .analytics-stat:nth-child(odd) { border-right:1px solid #ededf0 } .analytics-stat:nth-last-child(-n+2) { border-bottom:0 } .analytics-stat>strong { font-size:27px } .analytics-stat h2 { min-height:32px } .analytics-quality-grid { grid-template-columns:1fr; gap:22px } .analytics-quality-grid>div { border-bottom:1px solid #ededf0; padding-bottom:20px } .analytics-quality-grid>div:last-child { border-bottom:0; padding-bottom:0 } .analytics-section-heading { gap:15px } .analytics-chart-summary { gap:8px } .analytics-chart-summary>span:last-child { font-size:11px } .analytics-chart svg { min-height:130px } .analytics-channels { padding:0 } .analytics-channels .analytics-section-heading { padding:18px } .analytics-insight { margin:0 18px 18px } .analytics-evidence-grid { grid-template-columns:1fr } .analytics-view-row { gap:14px } }

/* Acquisition economics is the primary reporting surface. */
.analytics-economics { border:1px solid #c8d5e2; border-radius:14px; background:#fff; padding:26px; min-width:0; box-shadow:0 3px 14px #102e4510 }
.analytics-economics .analytics-section-heading h2 { font-size:23px; letter-spacing:-.6px; color:#102e45; margin:8px 0 }
.economics-eyebrow { font-size:10px; font-weight:700; letter-spacing:1.6px; color:#377898 }
.economics-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); background:#102e45; color:#fff; border-radius:10px; margin-top:22px }
.economics-summary article { padding:23px; border-right:1px solid #ffffff25; min-width:0 }
.economics-summary article:last-child { border:0 }
.economics-summary span { display:block; font-size:12px; color:#c8dce9 }
.economics-summary strong { display:block; font-size:29px; letter-spacing:-.8px; font-variant-numeric:tabular-nums; margin:12px 0 }
.economics-summary small { display:block; color:#b6cdda; font-size:10px; line-height:1.6 }
.economics-notice { font-size:11px; color:#556976; background:#f0f5f8; border-radius:6px; line-height:1.8; padding:12px 15px; margin:12px 0!important }
.economics-toolbar { display:flex; gap:14px; align-items:center; justify-content:space-between; margin:24px 0 15px; flex-wrap:wrap }
.economics-toolbar p { font-size:12px; font-weight:600; color:#294b60 }
.economics-toolbar p span { color:#75848d; font-weight:400 }
.economics-table { min-width:1250px; width:100%; border-collapse:collapse; font-size:12px; font-variant-numeric:tabular-nums }
.economics-table th,.economics-table td { text-align:right; padding:17px 13px; white-space:nowrap; border-bottom:1px solid #e7edf1; vertical-align:top }
.economics-table thead th { font-size:10px; color:#556976; background:#f5f8fa }
.economics-table th:first-child { text-align:left; min-width:220px; position:sticky; left:0; background:#fff; z-index:1; border-right:1px solid #e7edf1 }
.economics-table thead th:first-child { background:#f5f8fa }
.economics-table small { display:block; font-size:10px; font-weight:400; color:#75848d; margin-top:7px; max-width:205px; white-space:normal; line-height:1.5 }
.economics-table td small { margin-left:auto }
.economics-table button { display:flex; align-items:center; gap:7px; border:0; background:transparent; cursor:pointer; color:#176584; font-weight:650; padding:0 }
.economics-table tr.economics-selected>* { background:#eef7fb }
.economics-detail { padding:22px; margin-top:16px; border:1px solid #cce0ec; background:#f7fbfd; border-radius:8px }
.economics-detail h3,.economics-trend h3 { color:#193d54; font-size:15px; font-weight:650 }
.economics-detail h4 { margin-top:20px; font-size:12px; font-weight:600 }
.economics-formulas { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:20px }
.economics-formulas article { padding:16px; background:#fff; border:1px solid #e1eaf0; border-radius:7px; min-width:0 }
.economics-formulas span,.economics-formulas small { display:block; font-size:11px; color:#627886; line-height:1.6 }
.economics-formulas strong { display:block; font-size:22px; margin:8px 0; color:#193d54 }
.economics-campaign { display:flex; justify-content:space-between; gap:15px; font-size:12px; padding-top:10px }
.economics-trend { margin-top:28px; border-top:1px solid #e7edf1; padding-top:22px }
.economics-bars { height:175px; margin:25px 0 12px; display:flex; align-items:flex-end; gap:4px; padding-bottom:22px }
.economics-bar-column { flex:1; height:100%; min-width:0; position:relative; display:flex; align-items:flex-end }
.economics-bar-column i { display:block; width:100%; background:#3892b9; border-radius:3px 3px 0 0; min-height:0 }
.economics-bar-column span { position:absolute; top:calc(100% + 7px); left:50%; transform:translateX(-50%); font-size:9px; white-space:nowrap; color:#75848d }
.economics-bar-column:not(:first-child):not(:last-child):not(:nth-child(5n)) span { visibility:hidden }
@media(max-width:1100px) { .economics-summary strong { font-size:23px }.economics-summary article { padding:17px } }
@media(max-width:700px) { .analytics-economics { padding:17px }.analytics-economics .analytics-section-heading h2 { font-size:21px }.economics-summary { grid-template-columns:repeat(2,minmax(0,1fr)) }.economics-summary article { border-bottom:1px solid #ffffff25 }.economics-formulas { grid-template-columns:repeat(2,minmax(0,1fr)) }.economics-table th:first-child { min-width:175px; max-width:190px }.economics-bar-column span { font-size:8px } }
@media(max-width:390px) { .economics-summary,.economics-formulas { grid-template-columns:1fr } }