.insights-root { --insights-ink: #173452; --insights-muted: #63788f; --insights-border: rgba(43, 84, 128, .12); color: var(--insights-ink); display: grid; gap: 22px; min-width: 0; }
.insights-toolbar { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 20px; padding: 8px 2px 6px; }
[data-settings-view="insights"][aria-busy="true"] > .insights-toolbar,
[data-settings-view="insights"][aria-busy="true"] > [data-insights-status],
[data-settings-view="insights"][aria-busy="true"] > [data-insights-employee-ratings] { display: none; }
.insights-heading h2 { margin: 0; font: 600 clamp(24px, 2.6vw, 32px)/1.2 "Sora", sans-serif; letter-spacing: -.9px; color: #173452; }
.insights-heading p { margin: 8px 0 0; color: #63788f; font-size: 14px; }
.insights-filters, .insights-custom-dates { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 10px; }
.insights-custom-dates[hidden] { display: none; }
.insights-period-field { display: grid; gap: 5px; color: #63788f; font-size: 11px; font-weight: 600; }
.insights-filters select, .insights-filters input, .insights-filters button { min-height: 40px; padding: 9px 12px; border: 1px solid rgba(43, 84, 128, .17); border-radius: 10px; background: rgba(255,255,255,.85); color: #173452; font: 500 13px "IBM Plex Sans", sans-serif; }
.insights-filters button { cursor: pointer; background: #eaf2ff; border-color: #d1e1f9; color: #235eb1; }
.insights-status { margin: 0; color: #63788f; font-size: 13px; }
.insights-status:empty { display: none; }
.insights-status.is-error { color: #a44839; padding: 12px 15px; border: 1px solid #efd4cc; border-radius: 10px; background: #fff6f2; }
.insights-loading { display: grid; place-items: center; align-content: center; gap: 4px; min-height: 260px; padding: 30px; border: 1px solid rgba(43, 84, 128, .12); border-radius: 20px; color: #6984a1; background: rgba(255,255,255,.75); font-size: 13px; }
.insights-loading little-blue-loader { --blob-size: 200px; }
.insights-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.insights-stat { position: relative; min-width: 0; padding: 20px; border: 1px solid var(--insights-border); border-radius: 18px; background: rgba(255, 255, 255, .85); box-shadow: 0 5px 20px rgba(20, 60, 110, .035); }
.insights-stat-top { display: flex; justify-content: space-between; align-items: center; gap: 10px; color: #5b718a; font-size: 12px; font-weight: 600; }
.insights-stat-icon { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 9px; background: #edf4ff; color: #367ee1; flex-shrink: 0; }
.insights-stat-icon svg { width: 17px; height: 17px; }
.insights-stat-value { display: block; margin-top: 12px; color: #143353; font: 600 clamp(23px, 2.2vw, 32px)/1.3 "Sora", sans-serif; letter-spacing: -1.2px; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.insights-stat-detail { min-height: 18px; margin-top: 11px; color: var(--insights-muted); font-size: 11px; line-height: 1.5; }
.insights-comparison { display: inline-flex; gap: 3px; align-items: center; flex-wrap: wrap; font-weight: 600; }
.insights-comparison-up { color: #258065; }
.insights-comparison-down { color: #ae614f; }
.insights-comparison-neutral { color: #78899d; }
.insights-comparison-caption { margin-left: 2px; color: #7a8a9c; font-weight: 400; }
.insights-card { min-width: 0; padding: 25px; border: 1px solid var(--insights-border); border-radius: 20px; background: rgba(255, 255, 255, .88); box-shadow: 0 5px 24px rgba(20, 60, 110, .035); }
.insights-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 23px; }
.insights-eyebrow { margin: 0 0 7px; color: #6986a8; text-transform: uppercase; letter-spacing: 1.5px; font-size: 9px; font-weight: 700; line-height: 1.4; }
.insights-card h3 { margin: 0; color: #193958; font: 600 17px/1.4 "Sora", sans-serif; letter-spacing: -.4px; }
.insights-caption { margin: 6px 0 0; color: var(--insights-muted, #63788f); font-size: 12px; line-height: 1.6; }
.insights-card-summary { display: grid; gap: 4px; text-align: right; flex-shrink: 0; }
.insights-card-summary > span { color: #798b9e; font-size: 10px; }
.insights-card-summary > strong { font-size: 14px; font-weight: 500; }
.insights-chart-summary { display: flex; align-items: center; flex-wrap: wrap; gap: 18px; margin-bottom: 14px; }
.insights-chart-summary > strong { color: #173452; font: 600 27px "Sora", sans-serif; letter-spacing: -.8px; }
.insights-dot-label { display: inline-flex; align-items: center; gap: 7px; color: #6b7f96; font-size: 11px; white-space: nowrap; }
.insights-dot-label i { width: 7px; height: 7px; border-radius: 3px; background: #2777eb; }
.insights-dot-mint i { background: #68b69b; }
.insights-best-day { display: flex; gap: 8px; align-items: center; margin-left: auto; font-size: 11px; color: #7b8ea3; }
.insights-best-day b { font-weight: 500; color: #355776; }
.insights-best-day > span { color: #355776; background: #f0f6fc; border-radius: 6px; padding: 4px 7px; }
.insights-chart-scroll { width: 100%; overflow-x: auto; }
.insights-bar-chart { display: block; width: 100%; min-width: 420px; height: auto; overflow: visible; }
.insights-grid-line { stroke: #eaf0f6; stroke-width: 1; stroke-dasharray: 3 4; }
.insights-zero-line { stroke: #dce6f0; stroke-width: 1; }
.insights-axis { fill: #8494a7; font: 11px "IBM Plex Sans", sans-serif; }
.insights-chart-bar { outline: none; }
.insights-chart-bar:hover > rect:not(.insights-chart-hit), .insights-chart-bar:focus > rect:not(.insights-chart-hit) { filter: brightness(1.1); }
.insights-chart-bar:focus-visible .insights-chart-hit { stroke: #9fc5fc; stroke-width: 1; rx: 4; }
.insights-chart-tip { pointer-events: none; visibility: hidden; }
.insights-chart-tip rect { fill: #183a5f; }
.insights-chart-tip text { fill: #c8d8e9; font: 10px "IBM Plex Sans", sans-serif; }
.insights-chart-tip .insights-chart-tip-value { fill: #fff; font-weight: 500; }
.insights-chart-bar:hover .insights-chart-tip, .insights-chart-bar:focus .insights-chart-tip { visibility: visible; }
.insights-chart-footer { display: flex; justify-content: space-between; gap: 12px; margin-top: 8px; color: #8998a9; font-size: 10px; }
.insights-product-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 22px; align-items: stretch; }
.insights-item-controls { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin: -3px 0 25px; }
.insights-segmented { display: flex; background: #f0f4fa; padding: 3px; border: 1px solid #e8eef6; border-radius: 9px; }
.insights-segmented button { border: 0; border-radius: 6px; padding: 7px 12px; color: #74859b; background: transparent; font: 500 11px "IBM Plex Sans", sans-serif; cursor: pointer; box-shadow: none; transform: none; }
.insights-segmented button[aria-pressed="true"] { color: #2563be; background: #fff; box-shadow: 0 1px 4px #12345612; }
.insights-select-label select { width: auto; min-height: 34px; padding: 6px 24px 6px 10px; border: 1px solid #e0e8f2; border-radius: 8px; background-color: #fff; color: #5b718a; font: 500 11px "IBM Plex Sans", sans-serif; }
.insights-item-bars { display: grid; gap: 17px; }
.insights-item-bar { min-width: 0; border-radius: 5px; outline-offset: 4px; }
.insights-item-bar-label { display: flex; align-items: center; gap: 9px; font-size: 12px; }
.insights-item-rank { color: #98a9bc; font-size: 10px; font-variant-numeric: tabular-nums; }
.insights-item-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; }
.insights-item-bar-label > strong { margin-left: auto; flex-shrink: 0; font-size: 11px; font-weight: 600; font-variant-numeric: tabular-nums; }
.insights-item-track { height: 7px; margin: 8px 0 4px 23px; background: #f0f4f9; border-radius: 4px; overflow: hidden; }
.insights-item-track > span { display: block; height: 100%; border-radius: 4px; background: linear-gradient(90deg, #83b7fb, #307aea); }
.insights-item-bar:nth-child(n+4) .insights-item-track > span { background: linear-gradient(90deg, #a8caf4, #6a9fe8); }
.insights-item-bar-detail { display: flex; justify-content: space-between; gap: 12px; margin-left: 23px; color: #8a99a9; font-size: 9px; }
.insights-item-bar-detail > span:first-child { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.insights-donut-layout { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.insights-donut-visual { position: relative; width: 210px; max-width: 100%; margin: 0 auto; flex-shrink: 0; }
.insights-donut { display: block; width: 100%; height: auto; overflow: visible; }
.insights-donut-segment { outline: none; transition: stroke-width 150ms ease; }
.insights-donut-segment:hover, .insights-donut-segment:focus { stroke-width: 33; }
.insights-donut-segment:focus-visible { filter: drop-shadow(0 0 2px #183a5f); }
.insights-donut-center { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; pointer-events: none; }
.insights-donut-center strong { color: #24405f; font: 600 24px "Sora", sans-serif; letter-spacing: -.8px; }
.insights-donut-center span { color: #8696a7; font-size: 10px; }
.insights-legend { display: grid; gap: 15px; min-width: 165px; flex: 1; margin: 0; padding: 0; list-style: none; }
.insights-legend li { display: grid; grid-template-columns: 7px minmax(0, 1fr) auto; align-items: center; gap: 3px 8px; }
.insights-legend-dot { width: 7px; height: 7px; border-radius: 3px; background: var(--insights-color); }
.insights-legend-name { font-size: 11px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.insights-legend li > strong { font-size: 11px; font-weight: 600; font-variant-numeric: tabular-nums; }
.insights-legend-value { grid-column: 2 / -1; color: #8a99aa; font-size: 10px; }
.insights-categories { margin-top: 25px; padding-top: 20px; border-top: 1px solid #edf1f7; }
.insights-subheading { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 14px; }
.insights-subheading h4 { margin: 0; font-size: 12px; font-weight: 600; }
.insights-subheading > span { color: #8a99aa; font-size: 9px; }
.insights-category-row { display: grid; grid-template-columns: minmax(70px, 1fr) minmax(40px, 1.2fr) 40px; align-items: center; gap: 12px; margin-top: 13px; font-size: 10px; }
.insights-category-name { color: #667c93; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.insights-category-track { height: 5px; background: #f1f5f9; border-radius: 3px; }
.insights-category-track i { display: block; height: 100%; border-radius: 3px; }
.insights-category-row strong { text-align: right; font-weight: 500; }
.insights-count-badge { display: inline-flex; align-items: center; min-height: 26px; padding: 4px 9px; border: 1px solid #e5ecf5; background: #f5f8fd; border-radius: 7px; color: #6984a1; font-size: 10px; white-space: nowrap; }
.insights-table-scroll { width: 100%; overflow-x: auto; scrollbar-width: thin; scrollbar-color: #c8d7e9 transparent; }
.insights-table { width: 100%; border-collapse: collapse; font-size: 12px; font-variant-numeric: tabular-nums; }
.insights-table th, .insights-table td { padding: 14px 16px; border-bottom: 1px solid #edf1f7; text-align: right; white-space: nowrap; }
.insights-table th:first-child, .insights-table td:first-child { text-align: left; padding-left: 0; }
.insights-table th:last-child, .insights-table td:last-child { padding-right: 0; }
.insights-table thead th { padding-top: 0; padding-bottom: 12px; color: #8393a6; font-size: 10px; font-weight: 500; }
.insights-table thead th > span { display: block; font-size: 9px; color: #9eabba; margin-top: 2px; }
.insights-table tbody th { font-weight: 500; }
.insights-table tbody tr:last-child > * { border-bottom: 0; }
.insights-table tbody tr:hover { background: #f8fbff; }
.insights-table-name { display: block; color: #294863; max-width: 260px; white-space: normal; }
.insights-table-sub { display: block; color: #8a99aa; font-size: 10px; margin-top: 4px; }
.insights-table td { color: #60758e; }
.insights-table .insights-table-emphasis { color: #2c4c6f; font-weight: 500; }
.insights-share { display: flex; align-items: center; justify-content: flex-end; gap: 12px; font-size: 11px; }
.insights-share i { display: block; width: 57px; height: 4px; background: linear-gradient(90deg, #8db7f0 var(--insights-share), #edf2f9 var(--insights-share)); border-radius: 3px; }
.insights-pagination { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding-top: 16px; margin-top: 5px; border-top: 1px solid #edf1f7; color: #8999ab; font-size: 10px; }
.insights-pagination > div { display: flex; gap: 13px; align-items: center; }
.insights-pagination button { display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid #e2eaf4; border-radius: 6px; background: white; color: #496b8d; font: 14px "IBM Plex Sans", sans-serif; cursor: pointer; padding: 0; box-shadow: none; }
.insights-pagination button:disabled { opacity: .35; cursor: default; transform: none; }
.insights-loyalty { display: grid; gap: 20px; min-width: 0; margin-top: 12px; }
.insights-section-head { display: flex; align-items: center; gap: 15px; margin: 5px 0 4px; padding-top: 8px; }
.insights-section-mark { display: grid; place-items: center; width: 47px; height: 47px; border: 1px solid #cfe4e3; border-radius: 14px; color: #46877e; background: linear-gradient(135deg, #e4f3ef, #f5fbfc); flex-shrink: 0; }
.insights-section-mark svg { width: 23px; height: 23px; }
.insights-section-head .insights-eyebrow { color: #6c948c; margin-bottom: 5px; }
.insights-section-head h2 { margin: 0; color: #173b55; font: 600 24px/1.3 "Sora", sans-serif; letter-spacing: -.75px; }
.insights-customer-stats .insights-stat { background: linear-gradient(145deg, rgba(255,255,255,.93), rgba(247,253,252,.93)); }
.insights-customer-stats .insights-stat-icon { color: #4c9a88; background: #ebf6f2; }
.insights-customer-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); gap: 22px; }
.insights-chart-key { display: flex; flex-wrap: wrap; gap: 18px; margin-bottom: 18px; }
.insights-customer-grid .insights-bar-chart { min-width: 380px; }
.insights-customer-mix .insights-donut-layout { gap: 12px; }
.insights-customer-mix .insights-donut-visual { width: 165px; }
.insights-customer-mix .insights-legend { min-width: 130px; }
.insights-repeat-spend { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-top: 23px; padding-top: 18px; border-top: 1px solid #edf1f7; }
.insights-repeat-spend span { color: #8295a4; font-size: 10px; }
.insights-repeat-spend strong { color: #397d6e; font: 600 17px "Sora", sans-serif; }
.insights-rewards-card { background: linear-gradient(115deg, rgba(242,249,252,.95), rgba(255,255,255,.92)); }
.insights-rewards-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.insights-rewards-grid > div { display: grid; align-content: start; gap: 8px; padding-left: 23px; border-left: 1px solid #dfe9f1; }
.insights-rewards-grid > div:first-child { border: 0; padding-left: 0; }
.insights-rewards-grid > div > span { color: #627e94; font-size: 11px; }
.insights-rewards-grid strong { color: #244d68; font: 600 25px "Sora", sans-serif; letter-spacing: -.8px; overflow-wrap: anywhere; }
.insights-rewards-grid small { color: #889aa9; font-size: 10px; line-height: 1.5; }
.insights-customer-table { font-size: 11px; }
.insights-customer-table th, .insights-customer-table td { padding-left: 18px; padding-right: 18px; }
.insights-customer-table tbody th { min-width: 150px; }
.insights-customer-badge { display: inline-block; margin-top: 5px; color: #7c8fa7; font-size: 9px; font-weight: 400; }
.insights-customer-repeat { color: #468d7e; }
.insights-customer-repeat::before { content: ""; display: inline-block; width: 4px; height: 4px; margin-right: 5px; border-radius: 50%; background: #68b69b; vertical-align: middle; }
.insights-search { display: flex; align-items: center; gap: 8px; max-width: 210px; padding: 8px 10px; border: 1px solid #e1e9f3; border-radius: 9px; background: #fbfdff; }
.insights-search > svg { color: #99a9bc; width: 15px; height: 15px; flex-shrink: 0; }
.insights-search input { width: 100%; min-width: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: #46637f; font: 11px "IBM Plex Sans", sans-serif; box-shadow: none; }
.insights-search input::placeholder { color: #92a1b3; }
.insights-search:focus-within { outline: 2px solid #9ac2f5; outline-offset: 2px; }
.insights-search input:focus { outline: 0; box-shadow: none; }
.insights-data-notes { color: #8092a6; padding: 0 3px; font-size: 10px; line-height: 1.7; }
.insights-data-notes strong { display: block; color: #68839e; font-size: 11px; font-weight: 500; margin-bottom: 6px; }
.insights-data-notes p { margin: 3px 0; }
.insights-empty { display: grid; place-content: center; justify-items: center; min-height: 205px; text-align: center; gap: 11px; padding: 30px; border: 1px dashed #dfe8f3; border-radius: 12px; background: linear-gradient(135deg, #f9fbfe, #fff); }
.insights-empty-icon { display: grid; place-items: center; width: 42px; height: 42px; background: #eff5fd; color: #90aed1; border-radius: 13px; }
.insights-empty-icon svg { width: 23px; height: 23px; }
.insights-empty p { color: #8093a7; max-width: 260px; margin: 0; font-size: 12px; line-height: 1.6; }
.insights-sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.insights-root button:focus-visible, .insights-root select:focus-visible, .insights-item-bar:focus-visible, .insights-filters button:focus-visible, .insights-filters select:focus-visible, .insights-filters input:focus-visible { outline: 2px solid #72a9f4; outline-offset: 3px; }
@media (min-width: 1450px) { .insights-customer-grid { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); } }
@media (max-width: 1150px) {
  .insights-stat { padding: 16px; }
  .insights-product-grid { grid-template-columns: 1fr 1fr; }
  .insights-donut-layout { justify-content: center; }
  .insights-mix-card .insights-donut-visual { width: 175px; }
  .insights-customer-grid { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); }
  .insights-customer-mix .insights-donut-visual { width: 150px; }
}
@media (max-width: 820px) {
  .insights-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .insights-card { padding: 20px; }
  .insights-product-grid, .insights-customer-grid { grid-template-columns: 1fr; gap: 18px; }
  .insights-root, .insights-loyalty { gap: 18px; }
  .insights-mix-card .insights-donut-visual { width: 210px; }
  .insights-customer-mix .insights-donut-visual { width: 190px; }
  .insights-rewards-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
  .insights-rewards-grid > div:nth-child(3) { border: 0; padding-left: 0; }
  .insights-best-day { display: none; }
  .insights-bar-chart { min-width: 470px; }
}
@media (max-width: 480px) {
  .insights-toolbar { align-items: stretch; gap: 17px; }
  .insights-filters { width: 100%; }
  .insights-filters > .insights-period-field { flex: 1; }
  .insights-custom-dates { width: 100%; order: 3; }
  .insights-custom-dates .insights-period-field { flex: 1; min-width: 0; }
  .insights-custom-dates input { width: 100%; min-width: 0; }
  .insights-heading h2 { font-size: 24px; }
  .insights-stat { padding: 14px; border-radius: 14px; }
  .insights-stat-top { font-size: 11px; gap: 4px; }
  .insights-stat-icon { width: 25px; height: 25px; }
  .insights-stat-icon svg { width: 14px; height: 14px; }
  .insights-stat-value { font-size: 23px; letter-spacing: -.8px; }
  .insights-comparison-caption { display: block; width: 100%; }
  .insights-card { padding: 18px 16px; border-radius: 17px; }
  .insights-card-head { gap: 12px; margin-bottom: 20px; }
  .insights-card h3 { font-size: 15px; }
  .insights-caption { font-size: 11px; }
  .insights-card-summary { display: none; }
  .insights-chart-summary > strong { font-size: 25px; }
  .insights-section-head h2 { font-size: 21px; }
  .insights-section-mark { width: 40px; height: 40px; }
  .insights-donut-layout { gap: 12px; }
  .insights-mix-card .insights-donut-visual { width: 175px; }
  .insights-legend { min-width: 135px; }
  .insights-customer-detail .insights-card-head { flex-direction: column; }
  .insights-search { width: 100%; max-width: none; }
  .insights-rewards-grid > div { padding-left: 15px; }
  .insights-rewards-grid strong { font-size: 22px; }
  .insights-share i { display: none; }
}
@media (prefers-reduced-motion: reduce) { .insights-root *, .insights-filters * { transition: none !important; animation: none !important; } }

/* The overview extends the existing blue-and-mint Insights visual language. */
.insights-overview { min-width: 0; border: 1px solid #d5e4f8; border-radius: 22px; overflow: hidden; background: linear-gradient(115deg, #edf5ff 0%, #f7faff 56%, #eef7fd 100%); box-shadow: 0 9px 32px #286dc009; }
.insights-hero { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 26px; align-items: center; padding: 28px; }
.insights-hero-message { display: flex; gap: 16px; align-items: flex-start; min-width: 0; }
.insights-hero-message > div { min-width: 0; }
.insights-hero-message .insights-eyebrow { margin: 0 0 12px; color: #4579bc; }
.insights-hero-spark { flex-shrink: 0; display: grid; place-items: center; width: 34px; height: 34px; color: #2d76db; font-size: 24px; background: #ffffffa6; border: 1px solid #d4e5fd; border-radius: 11px; box-shadow: 0 3px 8px #2974d409; }
.insights-message-bubble { position: relative; padding: 15px 18px; border: 1px solid #d9e8fb; border-radius: 3px 18px 18px 18px; background: #ffffffc9; color: #45617f; font: 400 clamp(15px, 1.35vw, 19px)/1.7 "Sora", sans-serif; letter-spacing: -.45px; overflow-wrap: anywhere; }
.insights-message-bubble strong { color: #1d62be; font-weight: 600; }
.insights-hero-message .insights-message-bubble ~ .insights-message-bubble { margin-top: 16px; }
.insights-hero-message .insights-caption { margin-top: 10px; font-size: 11px; color: #7490ae; }
.insights-message-bubble .insights-caption { font-family: "IBM Plex Sans", "Segoe UI", sans-serif; letter-spacing: normal; }
.insights-root .insights-customer-jump { display: flex; align-items: center; gap: 15px; min-width: 210px; padding: 20px 22px; border: 1px solid #cddff9; border-radius: 18px; background: #ffffffa6; color: #1c73e7; text-align: left; cursor: pointer; box-shadow: 0 5px 18px #296abc08; transition: background 150ms ease, box-shadow 150ms ease; }
.insights-customer-jump:hover { background: #fff; box-shadow: 0 6px 20px #286abc15; }
.insights-customer-jump img { width: 78px; height: auto; flex-shrink: 0; }
.insights-customer-jump > span { display: grid; gap: 5px; }
.insights-customer-jump strong { color: #1c73e7; font: 600 clamp(29px, 3vw, 42px)/1 "Sora", sans-serif; letter-spacing: -1.5px; }
.insights-customer-jump > span > span { color: #2571d4; font: 500 12px "IBM Plex Sans", sans-serif; }
.insights-customer-jump small { display: flex; gap: 12px; align-items: center; color: #7092bd; font: 400 10px "IBM Plex Sans", sans-serif; }
.insights-customer-jump small span { font-size: 14px; }
.insights-spotlights { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); padding: 0 28px 22px; gap: 20px; }
.insights-spotlights > div { display: flex; align-items: center; gap: 12px; min-width: 0; padding-left: 20px; border-left: 1px solid #d5e4f6; }
.insights-spotlights > div:first-child { padding-left: 0; border-left: 0; }
.insights-spotlight-icon { display: grid; place-items: center; flex-shrink: 0; width: 32px; height: 32px; border-radius: 10px; background: #e1edfd; color: #6594cf; }
.insights-spotlight-icon svg { width: 17px; height: 17px; }
.insights-spotlights > div > div { display: grid; gap: 5px; min-width: 0; }
.insights-spotlights span:not(.insights-spotlight-icon) { color: #7590af; font-size: 10px; }
.insights-spotlights strong { color: #284c73; font: 500 14px "Sora",sans-serif; overflow-wrap: anywhere; }
.insights-spotlights small { color: #8197af; font-size: 10px; }
.insights-jump-nav { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding: 13px 28px; border-top: 1px solid #dce7f5; background: #ffffff61; }
.insights-jump-nav > span { margin-right: auto; color: #7890ab; font-size: 10px; }
.insights-root .insights-jump-nav button { display: flex; align-items: center; gap: 18px; padding: 7px 11px; border: 1px solid #dce7f5; border-radius: 8px; background: #fff9; color: #4e729e; cursor: pointer; font: 500 11px "IBM Plex Sans",sans-serif; box-shadow: none; }
.insights-jump-nav button:hover { border-color: #9dc3f4; color: #266ac7; }
.insights-jump-nav button span { color: #8dacd2; }
.insights-trend-controls { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; margin-bottom: 20px; }
.insights-trend-controls .insights-segmented { flex-wrap: wrap; }
.insights-root .insights-compare-toggle { border: 1px solid #e1e7f4; border-radius: 8px; background: #f9faff; color: #8c88aa; padding: 8px 10px; cursor: pointer; font: 500 11px "IBM Plex Sans",sans-serif; box-shadow: none; }
.insights-compare-toggle[aria-pressed="true"] { color: #7770b3; border-color: #d6d0ee; background: #f5f3fc; }
.insights-compare-toggle span { padding-right: 5px; }
.insights-prior-line { pointer-events: none; }
.insights-prior-line polyline { fill: none; stroke: #9384c6; stroke-width: 2; stroke-dasharray: 5 4; stroke-linejoin: round; }
.insights-prior-line circle { fill: #9384c6; }
.insights-prior-key i { width: 17px; height: 0; border-top: 2px dashed #9384c6; border-radius: 0; background: none; }
.insights-customer-filters { width: fit-content; max-width: 100%; flex-wrap: wrap; gap: 2px; margin-bottom: 24px; }
.insights-root [data-insights-section] { scroll-margin-top: 24px; outline-offset: 5px; }
.insights-root [data-insights-section]:focus:not(:focus-visible) { outline: none; }
@media (max-width: 1100px) {
  .insights-hero { padding: 22px; gap: 18px; }
  .insights-root .insights-customer-jump { min-width: 175px; padding: 18px 15px; gap: 10px; }
  .insights-customer-jump img { width: 56px; }
  .insights-hero-spark { display: none; }
  .insights-spotlights { padding: 0 22px 22px; gap: 12px; }
  .insights-spotlights > div { padding-left: 12px; }
  .insights-spotlight-icon { display: none; }
}
@media (max-width: 620px) {
  .insights-hero { grid-template-columns: 1fr; padding: 20px; }
  .insights-root .insights-customer-jump { width: 100%; min-width: 0; justify-content: center; padding: 13px 20px; }
  .insights-customer-jump img { width: 62px; }
  .insights-customer-jump > span { grid-template-columns: auto auto; column-gap: 12px; align-items: center; }
  .insights-customer-jump strong { grid-row: span 2; }
  .insights-customer-jump small { grid-column: 2; }
  .insights-spotlights { padding: 0 20px 20px; grid-template-columns: 1fr; gap: 14px; }
  .insights-spotlights > div { border: 0; padding: 0; }
  .insights-spotlights > div > div { grid-template-columns: minmax(110px,1fr) minmax(0,1.2fr); width: 100%; align-items: center; gap: 3px 10px; }
  .insights-spotlights strong { text-align: right; font-size: 12px; }
  .insights-spotlights small { grid-column: 2; text-align: right; }
  .insights-jump-nav { justify-content: space-between; gap: 6px; padding: 12px 15px; }
  .insights-jump-nav > span { display: none; }
  .insights-root .insights-jump-nav button { flex: 1; justify-content: center; gap: 6px; padding: 7px 5px; font-size: 10px; }
  .insights-trend-controls .insights-segmented button { padding: 7px 9px; font-size: 10px; }
}