.insights { --member:#8270db; --message:#4e94dc; --ticket:#d7a847; --suggestion:#4fa993; --moderation:#d97891; display:grid; gap:24px; }
.insights h2 { font-family:inherit; }
.insights h1 { font-family:var(--display); font-size:32px; letter-spacing:-.9px; font-weight:700; }
.insights h2 { font-size:17px; letter-spacing:-.3px; font-weight:650; }
.insights p { font-size:13px; color:var(--muted); line-height:1.6; }
.insights-header { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.insights-header p { margin-top:7px; }
.insights-header-actions { display:flex; align-items:center; gap:8px; }
.insights-body { display:grid; gap:22px; min-width:0; }
.insights .button { font-size:13px; min-height:38px; }
.insights-header-actions .icon { width:16px; height:16px; }
.insights-header-actions .insights-export { background:var(--paper); }
.insights-header-actions .insights-refresh { background:transparent; border-color:transparent; }
.insights-toolbar { display:flex; align-items:center; justify-content:space-between; gap:14px; padding-bottom:2px; }
.insights-periods { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
.insights .insights-periods button.button { background:transparent; color:var(--muted); padding:8px 12px; margin:0; min-height:40px; border:1px solid transparent; border-radius:8px; box-shadow:none; font-size:13px; font-weight:600; transition:background-color 160ms ease,border-color 160ms ease,color 160ms ease; }
.insights .insights-periods button.button[aria-pressed=true] { background:var(--accent-wash); border-color:var(--accent-line); color:var(--accent-ink); }
.insights .insights-periods button.button:hover:not([aria-pressed=true]) { background:var(--paper); border-color:var(--line); color:var(--ink); }
.insights .insights-periods button.button:focus-visible { outline:2px solid var(--accent-line); outline-offset:2px; }
.insights-custom .icon { width:15px; height:15px; }
.insights-range-label { color:var(--muted); font-size:12px; text-align:right; }
.insights-feedback:empty { display:none; }
.insights-feedback .notice { margin:0; flex-wrap:wrap; }
.insights-content { display:grid; gap:22px; min-width:0; }
.insights-content[aria-busy=true] { opacity:.65; }
.insights-workspace { border:1px solid var(--line); border-radius:12px; background:var(--paper); overflow:hidden; min-width:0; }
.insights-metrics { display:flex; flex-wrap:wrap; align-items:flex-start; gap:8px 10px; padding:16px 16px 14px; border-bottom:1px solid var(--line); background:var(--paper); }
.insights-metric { display:flex; flex-direction:column; align-items:flex-start; min-width:0; max-width:100%; gap:5px; border:1px solid transparent; border-radius:6px; padding:8px; background:transparent; text-align:left; }
.insights-metric[aria-selected=true] { background:var(--wash); border-color:var(--line); }
.insights-metric:hover { background:var(--wash); }
.insights-metric:focus-visible { outline:2px solid var(--tone); outline-offset:2px; }
.insights .tone-members { --tone:var(--member); }
.insights .tone-messages { --tone:var(--message); }
.insights .tone-tickets { --tone:var(--ticket); }
.insights .tone-suggestions { --tone:var(--suggestion); }
.insights .tone-moderation { --tone:var(--moderation); }
.insights-metric-summary { display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; }
.insights-metric-label { display:flex; align-items:center; gap:7px; font-size:12px; font-weight:600; color:var(--muted); }
.insights-dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; background:var(--tone); display:inline-block; }
.insights-metric-value { font-size:16px; font-weight:650; line-height:1.3; color:var(--ink); font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.insights-metric small { padding-left:23px; font-size:11px; line-height:1.4; color:var(--muted); }
.insights-main { padding:24px 24px 18px; min-width:0; }
.insights-chart-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin-bottom:24px; }
.insights-chart-heading p { font-size:12px; margin-top:5px; }
.insights-recorded-days { display:inline-block; margin-top:8px; border:1px solid var(--line); border-radius:5px; padding:3px 6px; font-size:10px; color:var(--muted); }
.insights-grouping { display:flex; align-items:center; gap:2px; padding:3px; background:var(--wash); border-radius:8px; }
.insights .insights-grouping .button { min-height:28px; padding:4px 10px; font-size:11px; border:0; border-radius:6px; background:transparent; box-shadow:none; }
.insights .insights-grouping .button[aria-pressed=true] { background:var(--paper); box-shadow:0 1px 3px #00000012; }
.insights-plot { position:relative; width:100%; min-width:0; }
.insights-plot-main { height:280px; }
.insights-plot-support { height:260px; }
.insights-plot canvas { display:block; width:100%; height:100%; }
.insights-canvas:focus-visible { outline:2px solid var(--accent-line); outline-offset:5px; border-radius:2px; }
.insights-chart-footer { border-top:1px solid var(--line); margin-top:16px; padding-top:13px; display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:12px; min-height:36px; }
.insights-selection { display:flex; align-items:center; flex-wrap:wrap; gap:8px; color:var(--muted); min-height:19px; }
.insights-selection strong { color:var(--ink); font-weight:600; font-variant-numeric:tabular-nums; }
.insights-partial { color:var(--muted); font-size:11px; }
.insights-period-total { color:var(--muted); font-size:11px; text-align:right; }
.insights .insights-chart-help { font-size:10px; color:var(--muted); margin-top:9px; }
.insights-support { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:22px; align-items:start; }
.insights-support-panel { background:var(--paper); padding:22px; border:1px solid var(--line); border-radius:12px; min-width:0; }
.insights-support-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.insights-support-heading>.icon { width:19px; height:19px; color:var(--muted); }
.insights-support-heading p { font-size:12px; margin-top:5px; }
.insights-workload .insights-chart-heading { flex-wrap:wrap; gap:12px; margin-bottom:20px; }
.insights-workload .insights-chart-heading p { max-width:none; }
.insights-series { display:flex; flex-wrap:wrap; gap:8px 18px; margin:0 0 18px -8px; }
.insights .button.insights-series-toggle { display:flex; align-items:center; gap:10px; min-width:0; padding:6px 8px; border:0; border-radius:6px; background:transparent; box-shadow:none; }
.insights .button.insights-series-toggle:hover:not(:disabled) { background:var(--wash); }
.insights-series-label { display:flex; align-items:center; gap:7px; font-size:12px; font-weight:600; color:var(--muted); }
.insights-series-toggle strong { font-size:16px; font-weight:650; line-height:1.3; color:var(--ink); font-variant-numeric:tabular-nums; }
.insights-series-toggle[aria-pressed=false] .insights-series-swatch { opacity:.3; }
.insights-series-toggle[aria-pressed=false] .insights-series-label { text-decoration:line-through; }
.insights .insights-series-toggle:disabled { opacity:1; cursor:default; }
.insights-series-toggle:focus-visible { outline:2px solid var(--tone); outline-offset:3px; }
.insights-inspected-series { display:inline-flex; align-items:center; gap:6px; }
.insights-workload .insights-chart-footer { min-height:44px; }
.insights-workload .insights-selection { column-gap:14px; row-gap:7px; }
.insights-series-swatch { display:inline-block; width:16px; height:0; border-top:2px solid var(--tone); flex-shrink:0; }
.tone-suggestions .insights-series-swatch,.insights-series-swatch.tone-suggestions { border-top-style:dashed; }
.insights-plot canvas { touch-action:pan-y; }
.insights-inspection { position:absolute; inset:0; pointer-events:none; opacity:0; transition:opacity 120ms ease; }
.insights-inspection[data-visible=true] { opacity:1; }
.insights-cursor { position:absolute; left:0; width:1px; background:var(--outline); opacity:.4; }
.insights-tooltip { position:absolute; top:0; left:0; width:204px; max-width:calc(100% - 16px); padding:12px 14px; border:1px solid var(--line); border-radius:8px; background:var(--paper); color:var(--ink); box-shadow:0 4px 16px color-mix(in srgb,var(--shadow) 12%,transparent); font-size:12px; }
.insights-inspection[data-motion=smooth] :is(.insights-cursor,.insights-tooltip) { transition:transform 100ms cubic-bezier(.2,.7,.2,1); }
.insights-tooltip-date { color:var(--muted); font-size:11px; line-height:1.5; margin-bottom:8px; }
.insights-tooltip-row { display:flex; justify-content:space-between; align-items:center; gap:16px; line-height:1.5; }
.insights-tooltip-row+.insights-tooltip-row { margin-top:6px; }
.insights-tooltip-row>span { display:flex; align-items:center; gap:7px; }
.insights-tooltip-row strong { font-size:13px; font-weight:650; font-variant-numeric:tabular-nums; white-space:nowrap; }
.insights-tooltip-note { color:var(--muted); font-size:10px; border-top:1px solid var(--line); padding-top:8px; margin-top:9px; }
@media(prefers-reduced-motion:reduce) { .insights-inspection,.insights-inspection :is(.insights-cursor,.insights-tooltip) { transition:none !important; } }
.insights-action-total { display:flex; align-items:baseline; gap:9px; margin:20px 0 20px; }
.insights-action-total strong { font-size:29px; font-weight:650; letter-spacing:-.8px; font-variant-numeric:tabular-nums; }
.insights-action-total span { font-size:12px; color:var(--muted); }
.insights-action-rows { display:grid; gap:18px; max-height:220px; overflow-y:auto; padding-right:3px; }
.insights-action-row>div:first-child { display:flex; align-items:center; gap:12px; font-size:12px; margin-bottom:8px; }
.insights-action-row strong { margin-left:auto; font-weight:600; font-variant-numeric:tabular-nums; }
.insights-action-row small { width:35px; text-align:right; font-size:11px; }
.insights-action-track { height:7px; background:var(--wash); border-radius:4px; overflow:hidden; }
.insights-action-fill { display:block; height:100%; background:var(--moderation); border-radius:4px; }
.insights .empty { min-height:220px; padding:34px 20px; }
.insights .empty h3 { font-size:15px; font-weight:600; }
.insights .empty p { font-size:12px; max-width:48ch; }
.insights .insights-moderation .empty { min-height:160px; }
.insights-loading { min-height:400px; border:1px solid var(--line); border-radius:16px; background:var(--paper); display:flex; align-items:center; justify-content:center; gap:12px; color:var(--muted); }
.insights-loading strong { font-weight:500; }
.insights-coverage { display:flex; gap:10px; align-items:flex-start; }
.insights-coverage .icon { width:17px; height:17px; color:var(--muted); margin-top:2px; }
.insights-coverage p,.insights-panel-note { font-size:11px; max-width:90ch; }
.insights-records { background:var(--paper); border:1px solid var(--line); border-radius:12px; overflow:hidden; }
.insights-records summary { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:19px 23px; cursor:pointer; list-style:none; font-size:13px; font-weight:600; }
.insights-records summary::-webkit-details-marker { display:none; }
.insights-records summary>span { display:flex; align-items:center; gap:10px; }
.insights-records summary>span:last-child { color:var(--muted); font-size:12px; font-weight:400; }
.insights-records summary .icon { width:17px; height:17px; }
.insights-records[open] summary>span:last-child .icon { transform:rotate(180deg); }
.insights-table-scroll { overflow-x:auto; }
.insights-table-scroll:focus-visible { outline:2px solid var(--accent-line); outline-offset:-2px; }
.insights-records table { border-collapse:collapse; width:100%; font-size:12px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.insights-records caption { text-align:left; font-size:11px; color:var(--muted); padding:0 23px 16px; white-space:normal; }
.insights-records th,.insights-records td { padding:12px 23px; border-top:1px solid var(--line); text-align:right; }
.insights-records th:first-child { text-align:left; }
.insights-records thead { background:var(--wash); }
.insights-records tbody th { font-weight:400; }
.insights-records tbody tr:hover { background:var(--wash); }
.insights-footer { display:flex; justify-content:space-between; gap:14px; color:var(--muted); font-size:10px; }
.insights-dates { display:grid; gap:18px; }
.insights-dates>div { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.insights-dates label { display:grid; gap:8px; font-size:12px; font-weight:600; color:var(--ink); }
.insights-dates input { min-width:0; width:100%; min-height:44px; padding:10px 12px; font-size:13px; font-weight:400; border:1px solid var(--edge); border-radius:8px; background:var(--canvas); color:var(--ink); }
.insights-dates input:focus-visible { outline:2px solid var(--accent-line); outline-offset:2px; }
.insights-date-error { color:var(--red); font-size:12px; }
.insights-date-error:empty { display:none; }
@media(max-width:1100px) {
  .insights-support { grid-template-columns:1.2fr 1fr; gap:18px; }
  .insights-support-panel { padding:20px 18px; }
  .insights-toolbar { align-items:flex-start; }
  .insights-range-label { padding-top:10px; max-width:165px; line-height:1.5; }
}
@media(max-width:750px) {
  .insights,.insights-body { gap:18px; }
  .insights-header { align-items:flex-start; }
  .insights-header-actions { gap:2px; }
  .insights-toolbar { align-items:flex-start; flex-direction:column; gap:6px; }
  .insights-range-label { padding-top:0; max-width:none; text-align:left; }
  .insights-metrics { padding:12px 10px 10px; gap:6px; }
  .insights-main { padding:22px 18px 14px; }
  .insights-plot-main { height:270px; }
  .insights-chart-footer { align-items:flex-start; flex-direction:column; gap:7px; }
  .insights-period-total { text-align:left; }
  .insights-support { grid-template-columns:minmax(0,1fr); }
  .insights-footer { flex-direction:column; gap:6px; }
}
@media(max-width:450px) {
  .insights-header { flex-wrap:wrap; gap:14px; }
  .insights-header-actions { width:100%; justify-content:flex-end; margin-top:-2px; }
  .insights h1 { font-size:28px; }
  .insights-periods { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; }
  .insights-chart-heading { gap:10px; margin-bottom:20px; }
  .insights-chart-heading p { max-width:22ch; }
  .insights .insights-grouping .button { padding:4px 7px; }
  .insights-main { padding:20px 13px 14px; }
  .insights-records summary { padding:17px; }
  .insights-dates>div { grid-template-columns:minmax(0,1fr); }
}
@media(prefers-reduced-motion:reduce) { .insights .insights-periods button.button { transition:none; } }
.analytics-outcomes { display:grid; gap:22px; min-width:0; }
.outcome-measures { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:24px 0 18px; }
.outcome-measure { min-width:0; padding:0 24px; border-left:1px solid var(--line); }
.outcome-measure:first-child { padding-left:0; border-left:0; }
.outcome-measure:last-child { padding-right:0; }
.insights .outcome-measure h3,.insights .outcome-retention h3 { font-size:12px; font-weight:600; color:var(--muted); }
.outcome-measure>strong,.outcome-headline>strong { display:block; font-size:29px; line-height:1.25; letter-spacing:-.8px; font-weight:650; font-variant-numeric:tabular-nums; margin:10px 0; }
.insights .outcome-measure p,.insights .outcome-note,.insights .outcome-footnotes p { font-size:11px; }
.outcome-footnotes { border-top:1px solid var(--line); padding-top:14px; display:grid; gap:5px; }
.outcome-community { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:22px; }
.outcome-headline { display:flex; align-items:baseline; gap:10px; margin-top:18px; }
.outcome-headline span { color:var(--muted); font-size:12px; }
.outcome-meter { display:block; width:100%; height:10px; margin:10px 0; border:0; background:var(--wash); border-radius:5px; }
.outcome-meter::-webkit-meter-bar { background:var(--wash); border:0; border-radius:5px; }
.outcome-meter::-webkit-meter-optimum-value { background:var(--suggestion); border-radius:5px; }
.outcome-meter::-moz-meter-bar { background:var(--suggestion); border-radius:5px; }
.outcome-funnel { margin:20px 0; display:grid; gap:13px; }
.outcome-funnel>div { display:flex; justify-content:space-between; gap:15px; font-size:12px; }
.outcome-funnel dt { color:var(--muted); }
.outcome-funnel dd { margin:0; font-weight:650; font-variant-numeric:tabular-nums; }
.outcome-retention { margin:22px 0 18px; display:grid; gap:22px; }
.outcome-retention-row>div { display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
.outcome-retention-row strong { font-size:22px; font-weight:650; font-variant-numeric:tabular-nums; }
.insights .outcome-retention-row p { font-size:12px; }
.outcome-retention-row small { display:block; margin-top:5px; font-size:11px; color:var(--muted); line-height:1.6; }
.outcome-records { min-width:0; }
.insights .outcome-records-help { padding:0 23px 16px; font-size:11px; }
.outcome-records th { white-space:normal; min-width:120px; }
.analytics-outcomes .empty { min-height:180px; }
@media (max-width:1000px) {
  .outcome-community { grid-template-columns:minmax(0,1fr); }
  .outcome-measure { padding:0 15px; }
}
@media (max-width:600px) {
  .outcome-measures { grid-template-columns:minmax(0,1fr); gap:18px; }
  .outcome-measure { padding:18px 0 0; border-left:0; border-top:1px solid var(--line); }
  .outcome-measure:first-child { padding-top:0; border-top:0; }
}