.page-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.button-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.newsletter-heading{margin-bottom:22px}.newsletter-connection{min-height:72px;padding:16px 20px;background:#f7fafc;border-color:#d8e2ec}.newsletter-connection h2{margin:0 0 2px;font-size:14px}.newsletter-connection p{font-size:12px}.newsletter-connection time{margin-left:auto;color:var(--muted);font-size:11px;white-space:nowrap}.connection-pulse{width:10px;height:10px;border-radius:50%;background:#9aa8b6;box-shadow:0 0 0 5px #edf0f3;flex-shrink:0}.connection-pulse.is-active{background:#1f7551;box-shadow:0 0 0 5px #e4f2eb}
.newsletter-scoreboard{display:grid;grid-template-columns:1.2fr repeat(3,1fr);background:#fff;border:1px solid #d7e0e9;border-top:3px solid #236db3;border-radius:9px;margin-bottom:24px}.newsletter-scoreboard>div{min-height:137px;padding:22px 24px;border-right:1px solid #e3e8ed;display:flex;flex-direction:column;justify-content:center}.newsletter-scoreboard>div:last-child{border-right:0}.newsletter-scoreboard span{font-size:11px;color:var(--muted)}.newsletter-scoreboard strong{font-size:32px;line-height:1.15;font-weight:650;color:#102c4c;margin:8px 0 7px;letter-spacing:-.8px}.newsletter-scoreboard .score-primary strong{font-size:45px}.newsletter-scoreboard small{color:#6b7b8b;line-height:1.35}.newsletter-scoreboard strong.negative,.trend-copy.down,.period-comparison.down{color:#9b464b}.trend-copy.up,.period-comparison.up{color:#1f7551}.trend-copy.new,.period-comparison.new{color:#236db3}
.newsletter-analysis-grid{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(280px,.85fr);gap:20px;align-items:stretch}.newsletter-analysis-grid>.panel{margin-bottom:24px}.trend-panel{padding:28px 30px}.trend-heading{align-items:flex-end;margin-bottom:12px}.trend-heading h2,.audience-panel h2,.weekday-panel h2,.subscriber-panel h2{margin-bottom:3px}.trend-heading p,.audience-panel .section-heading p,.weekday-panel .section-heading p,.subscriber-panel .section-heading p{font-size:12px;color:var(--muted);margin:0}.trend-heading form{display:flex;align-items:center;gap:9px}.trend-heading label{font-size:11px;color:var(--muted)}.trend-heading select{min-height:36px;padding:6px 28px 6px 10px;font-size:12px}.chart-summary{display:flex;align-items:baseline;gap:10px;margin:18px 0 8px}.chart-summary>strong{font-size:38px;line-height:1;color:#102c4c;letter-spacing:-1px}.chart-summary>span{font-size:12px;color:var(--muted)}.chart-summary .period-comparison{margin-left:auto;font-weight:600;text-align:right}.chart-legend{display:flex;justify-content:flex-end;gap:20px;margin-bottom:6px;color:#607184;font-size:11px}.chart-legend span:before{content:"";display:inline-block;width:16px;height:3px;border-radius:4px;margin-right:7px;vertical-align:middle}.chart-legend .signups:before{background:#236db3}.chart-legend .verified:before{background:#1f7551}.chart-legend .unsubscribed:before{background:#a86a18}
.newsletter-line-chart{position:relative;height:315px;padding:0 0 30px 40px}.chart-y-labels{position:absolute;inset:0 auto 30px 0;width:31px;display:flex;flex-direction:column;justify-content:space-between}.chart-y-labels span{color:#718093;font-size:10px;text-align:right;padding-right:5px}.chart-plot{height:285px;position:relative}.chart-plot>svg{display:block;width:100%;height:100%;overflow:visible}.grid-line{stroke:#e5ebf0;stroke-width:.55;vector-effect:non-scaling-stroke}.signup-area{fill:#236db312}.data-line{fill:none;stroke-width:2.25;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.signup-line{stroke:#236db3}.verified-line{stroke:#1f7551;stroke-width:1.8}.unsubscribe-line{stroke:#a86a18;stroke-width:1.6;stroke-dasharray:5 4}.data-point{stroke:#fff;stroke-width:1.3;vector-effect:non-scaling-stroke}.signup-point{fill:#236db3}.verified-point{fill:#1f7551}.unsubscribe-point{fill:#a86a18}.chart-x-labels{position:absolute;left:0;right:0;bottom:-23px;height:18px;display:grid;grid-template-columns:repeat(5,1fr);color:#718093;font-size:10px}.chart-x-labels.seven{grid-template-columns:repeat(7,1fr)}.chart-x-labels span{text-align:center;white-space:nowrap}.chart-x-labels span.first{text-align:left}.chart-x-labels span.last{text-align:right}.chart-zero{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--muted);font-size:12px}.chart-zero strong{color:var(--ink);font-size:14px}.daily-values{border-top:1px solid #e5eaf0;margin-top:16px;padding-top:14px;font-size:12px}.daily-values summary{cursor:pointer;color:#52687e;font-weight:600}.daily-values .table-scroll{max-height:280px;margin-top:12px}.daily-values td{padding:8px 12px}
.audience-panel{padding:28px;display:flex;flex-direction:column}.audience-panel .section-heading{margin-bottom:28px}.audience-total strong{display:block;font-size:42px;color:#102c4c;line-height:1}.audience-total span{display:block;color:var(--muted);font-size:12px;margin-top:7px}.status-track{display:block;width:100%;height:12px;background:#edf0f3;border-radius:2px;overflow:hidden;margin:28px 0 22px}.status-track .active{fill:#1f7551}.status-track .pending{fill:#7da2c7}.status-track .unsubscribed{fill:#c58a3c}.status-breakdown{margin:0}.status-breakdown>div{display:grid;grid-template-columns:1fr auto;align-items:center;padding:13px 0;border-bottom:1px solid #e9edf1}.status-breakdown dt{font-size:12px;color:#40546a}.status-breakdown dt:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:8px}.status-breakdown .active dt:before{background:#1f7551}.status-breakdown .pending dt:before{background:#7da2c7}.status-breakdown .unsubscribed dt:before{background:#c58a3c}.status-breakdown dd{margin:0;display:flex;gap:12px;align-items:baseline}.status-breakdown dd strong{font-size:15px}.status-breakdown dd span{font-size:10px;color:var(--muted);min-width:38px;text-align:right}.audience-note{margin-top:auto;padding-top:24px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.audience-note strong{font-size:18px;color:#102c4c}
.weekday-panel{padding:28px 30px}.weekday-layout{display:grid;grid-template-columns:minmax(360px,1.45fr) minmax(300px,1fr);gap:42px;align-items:end}.weekday-chart{height:245px;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;padding-top:18px;border-bottom:1px solid #dfe6ed}.weekday-chart>div{display:grid;grid-template-rows:18px 1fr 22px 0;justify-items:center;min-width:0}.weekday-chart>div>span{font-size:10px;color:#718093}.weekday-chart>div>svg{height:160px;width:min(42px,70%);border-radius:3px 3px 0 0;overflow:hidden}.weekday-base{fill:#edf2f6}.weekday-value{fill:#3777b5;stroke:#1f5f9e;stroke-width:.8;vector-effect:non-scaling-stroke}.weekday-chart strong{font-size:12px;align-self:center}.weekday-chart small{visibility:hidden}.period-facts{display:grid;grid-template-columns:1fr 1fr;margin:0;border-top:1px solid #dde4eb;border-left:1px solid #dde4eb}.period-facts>div{min-height:96px;border-right:1px solid #dde4eb;border-bottom:1px solid #dde4eb;padding:16px}.period-facts dt{font-size:10px;color:var(--muted)}.period-facts dd{font-size:21px;color:#102c4c;font-weight:650;margin:6px 0 0;line-height:1.2}.period-facts dd small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:4px}
.subscriber-panel{padding:28px 30px}.newsletter-filters{display:grid;grid-template-columns:minmax(220px,1fr) 220px auto;gap:10px;margin-bottom:22px;align-items:end}.newsletter-filters>div label{display:block;font-size:11px;color:#53667a;margin-bottom:5px}.newsletter-filters input,.newsletter-filters select{width:100%}.danger-zone{display:flex;align-items:center;justify-content:space-between;gap:20px;border-color:#edcdd0}.danger-zone h2{color:#8c3b40;margin-bottom:5px}.danger-zone p{margin-bottom:0}.newsletter-empty{min-height:390px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:linear-gradient(#fff,#fbfcfd)}.newsletter-empty h2{margin:18px 0 7px}.newsletter-empty p{color:var(--muted);font-size:13px;max-width:540px}.newsletter-empty .button{margin-top:12px}
@media(max-width:1200px){.newsletter-scoreboard{grid-template-columns:1fr 1fr}.newsletter-scoreboard>div:nth-child(2){border-right:0}.newsletter-scoreboard>div:nth-child(-n+2){border-bottom:1px solid #e3e8ed}.newsletter-analysis-grid{grid-template-columns:1fr}.audience-panel{min-height:440px}.weekday-layout{grid-template-columns:1fr;gap:24px}}
@media(max-width:720px){.page-actions{justify-content:flex-start}.page-actions .button,.page-actions .button-disabled{width:100%}.newsletter-connection{align-items:flex-start}.newsletter-connection time{margin:3px 0 0;width:100%;padding-left:25px}.newsletter-scoreboard{grid-template-columns:1fr 1fr}.newsletter-scoreboard>div{padding:18px 16px;min-height:125px}.newsletter-scoreboard .score-primary strong{font-size:37px}.newsletter-scoreboard strong{font-size:27px}.newsletter-scoreboard small{font-size:10px}.trend-panel,.weekday-panel,.subscriber-panel{padding:20px}.trend-heading{align-items:flex-start;flex-direction:column}.trend-heading form{width:100%;justify-content:space-between}.trend-heading select{width:130px}.chart-summary{align-items:flex-start;display:grid;grid-template-columns:auto 1fr}.chart-summary .period-comparison{grid-column:1/-1;margin-left:0;text-align:left}.chart-legend{justify-content:flex-start;gap:12px;flex-wrap:wrap}.newsletter-line-chart{height:270px;padding-left:32px}.chart-plot{height:240px}.audience-panel{min-height:auto;padding:22px}.weekday-layout{display:block}.weekday-chart{height:220px;gap:4px}.weekday-chart>div>svg{height:140px;width:72%}.period-facts{margin-top:26px}.newsletter-filters{grid-template-columns:1fr}.newsletter-filters .button{width:100%}.subscriber-panel .section-heading{align-items:flex-start;flex-direction:column}.subscriber-panel .section-heading .button{width:100%}.pagination{justify-content:center;flex-wrap:wrap}}
.newsletter-line-chart[data-newsletter-chart]{height:auto;padding:0;margin-top:14px;min-width:0}
.newsletter-chart-svg{display:block;max-width:100%;overflow:visible}
.chart-grid{stroke:#e0e7ed;stroke-width:1}
.chart-axis,.chart-axis-title{font-family:inherit;font-size:11px;fill:#65798b}
.chart-axis-title{font-size:10px}
.chart-inspector{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;align-items:center;padding:14px 0 4px;border-top:1px solid #e5ebf0}
.chart-inspector label{font-size:11px;color:#52687e}
.chart-inspector input{width:100%;min-height:24px;padding:0;accent-color:#236db3}
.chart-inspector output{grid-column:1/-1;font-size:12px;min-height:36px;color:#223e58;line-height:1.6}
.chart-caption{font-size:11px;color:#65798b;line-height:1.6;margin:8px 0}
@media(min-width:1201px){.newsletter-scoreboard{grid-template-columns:1.2fr repeat(4,1fr)}}
@media(max-width:1200px){.newsletter-scoreboard>div:last-child{grid-column:1/-1}}