/* Reference compositions: real account readings and honest connector states. */
#metricsHistory,#connectorReadiness{min-width:0}
.ref-eyebrow{display:block;font-size:11px;font-weight:600;letter-spacing:.13em;color:var(--muted,#78849a);margin-bottom:10px}
.ref-history-heading,.ref-connectors-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.ref-history-heading h2,.ref-connectors-heading h2{margin:0 0 8px;font-size:25px;letter-spacing:-.7px}
.ref-history-heading p,.ref-connectors-heading p{margin:0;color:var(--muted,#78849a)}
.ref-history-controls{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.ref-history-controls label{flex:1;min-width:180px}
.ref-history-controls select,.ref-connectors-heading select{width:100%;max-width:350px}
.ref-social-state,.ref-connection-notice{display:flex;align-items:center;gap:20px;padding:22px 24px;background:var(--surface,#fff);border:1px solid var(--border,#e8edf3);border-radius:14px;margin-bottom:20px}
.ref-social-state>div,.ref-connection-notice>div{flex:1;min-width:0}.ref-social-state strong,.ref-connection-notice strong{font-size:18px;font-weight:600}.ref-social-state p,.ref-connection-notice p{margin:6px 0 0;color:var(--muted,#78849a);font-size:13px;line-height:1.6}
.ref-platform-mark{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:15px;background:#fff1e9;color:#e84b16;font-size:28px;font-weight:600}.ref-connection-notice>span{font-size:30px;color:#eb501c}.ref-connection-notice{background:linear-gradient(110deg,var(--surface,#fff) 65%,#fff0e6)}
.ref-history-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.ref-history-kpi{display:flex;align-items:flex-start;gap:14px;padding:22px 18px;background:var(--surface,#fff);border:1px solid var(--border,#e8edf3);border-radius:14px;min-width:0}.ref-kpi-icon{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:12px;background:#fff3ec;color:#ed501a;font-size:25px}.ref-history-kpi>div{min-width:0}.ref-history-kpi strong{display:block;font-size:27px;font-weight:600;letter-spacing:-.7px;line-height:1.5;overflow-wrap:anywhere}.ref-history-kpi span:not(.ref-kpi-icon),.ref-history-kpi small{font-size:12px;color:var(--muted,#78849a)}
.ref-insights-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:20px}.ref-insight-panel{min-width:0;border:1px solid var(--border,#e8edf3);border-radius:14px;background:var(--surface,#fff);padding:24px}.ref-insight-panel h3{font-size:19px;letter-spacing:-.4px;margin:0 0 8px}.ref-insight-panel p{font-size:13px;line-height:1.6;color:var(--muted,#78849a)}.ref-panel-title{display:flex;gap:16px;justify-content:space-between;align-items:start}.ref-panel-title p{margin:0}.ref-chart-key{color:#e34a14;font-size:11px;white-space:nowrap}.ref-history-chart{display:flex;gap:16px;align-items:end;height:220px;overflow-x:auto;padding:16px 8px 6px;margin:18px 0 24px;background:repeating-linear-gradient(to top,transparent 0,transparent 49px,var(--border,#edf0f3) 50px)}.ref-chart-column{flex:1;min-width:46px;display:flex;align-items:center;flex-direction:column;gap:8px;font-size:12px}.ref-chart-column>span{font-weight:600}.ref-chart-column small{color:var(--muted,#78849a)}.ref-chart-track{display:flex;align-items:end;height:140px;width:100%;max-width:48px}.ref-chart-track i{display:block;width:100%;border-radius:5px 5px 0 0;background:linear-gradient(#ff6325,#ffbe98)}.ref-chart-empty{display:grid;place-items:center;min-height:170px;margin:20px 0;color:var(--muted,#78849a);font-size:14px;background:var(--surface-alt,#f8fafc);border-radius:12px;text-align:center;padding:20px}
.ref-table-scroll{max-width:100%;overflow:auto}.ref-table-scroll table{width:100%;border-collapse:collapse;font-size:12px}.ref-table-scroll caption{text-align:left;padding:12px 0;color:var(--muted,#78849a);font-size:11px}.ref-table-scroll th{text-align:left;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#78849a);font-weight:500}.ref-table-scroll td,.ref-table-scroll th{padding:12px 9px;border-bottom:1px solid var(--border,#edf0f3);white-space:nowrap}.ref-table-scroll td:first-child,.ref-table-scroll th:first-child{padding-left:0}.ref-data-notes{border-top:1px solid var(--border,#edf0f3);margin-top:20px;padding-top:16px}.ref-data-notes summary{font-size:12px;color:var(--muted,#78849a);cursor:pointer}.ref-timing-advice{background:var(--surface-alt,#fff6f0);border-radius:10px;padding:15px}.ref-timing-panel select{width:100%}
#connectorReadiness .integration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}#connectorReadiness .ref-connector{padding:26px;gap:20px;border:1px solid var(--border,#e8edf3);background:var(--surface,#fff);border-radius:16px;box-shadow:none}.ref-connector-top{display:flex;align-items:center;gap:18px}.ref-connector-top h3{font-size:22px;margin:0 0 5px;letter-spacing:-.5px}.ref-connector-top p{margin:0;font-size:13px;color:var(--muted,#78849a)}.ref-connector[data-platform=FACEBOOK] .ref-platform-mark{color:#1877f2;background:#edf4ff;font-size:38px}.ref-connector[data-platform=WHATSAPP] .ref-platform-mark{color:#168950;background:#eafaf1;font-size:20px}.ref-connector[data-platform=META_ADS] .ref-platform-mark{color:#1877f2;background:#edf4ff}.ref-connector-state{display:flex;justify-content:space-between;align-items:center;gap:12px}.ref-priority{font-size:11px;color:#b74d21;background:#fff2e9;padding:5px 10px;border-radius:20px}.ref-connector .ref-account-count{font-size:12px;color:var(--muted,#78849a);margin:0;padding:15px;background:var(--surface-alt,#f8fafc);border-radius:10px}.ref-connector details{border-top:1px solid var(--border,#e8edf3);padding-top:15px;font-size:13px;line-height:1.7}.ref-connector summary{cursor:pointer;font-weight:500}.ref-connector details a{color:var(--accent,#c74513)}
[data-theme=dark] .ref-connection-notice{background:var(--surface)}[data-theme=dark] .ref-platform-mark,[data-theme=dark] .ref-kpi-icon,[data-theme=dark] .ref-priority{background:#38271e;color:#ffa26d}[data-theme=dark] .ref-chart-key{color:#ffa26d}
@media(max-width:1200px){.ref-insights-layout{grid-template-columns:minmax(0,1fr)}.ref-history-heading{align-items:start;flex-direction:column}.ref-history-controls{width:100%}.ref-history-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.ref-connectors-heading{align-items:stretch;flex-direction:column}.ref-history-kpis{gap:10px}.ref-history-kpi{padding:15px 12px;flex-direction:column;gap:8px}.ref-history-kpi strong{font-size:23px}.ref-history-controls{align-items:stretch;flex-direction:column}.ref-history-controls label{min-width:0}.ref-history-controls select{max-width:none}.ref-social-state{padding:18px;flex-wrap:wrap;gap:12px}.ref-social-state>div{flex-basis:calc(100% - 70px)}.ref-social-state>.status{margin-left:64px}.ref-insight-panel{padding:18px}.ref-panel-title{flex-wrap:wrap}#connectorReadiness .integration-grid{grid-template-columns:minmax(0,1fr)}#connectorReadiness .ref-connector{padding:20px}.ref-connection-notice{padding:18px;align-items:flex-start}.ref-connector-top h3{font-size:20px}}