.measurement-dashboard { display: grid; gap: 1.15rem; min-width: 0; }
.dashboard-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .7rem; }
.dashboard-metric { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: .3rem; padding: 1rem 1.1rem .8rem; min-width: 0; border: 1px solid var(--line); border-radius: 12px; background: var(--paper); color: var(--ink); text-align: left; cursor: pointer; font: inherit; box-shadow: 0 2px 7px #153b2d04; }
.dashboard-metric:hover { border-color: #90b7a8; background: #fff; }
.dashboard-metric:focus-visible, .dashboard-text-button:focus-visible { outline: 3px solid var(--forest); outline-offset: 3px; }
.dashboard-metric > span:first-child { font-size: .8rem; font-weight: 600; }
.dashboard-metric > strong { font: 650 clamp(1.7rem, 3vw, 2.35rem)/1.1 Inter, system-ui, sans-serif; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.dashboard-metric > small { font-size: .71rem; color: var(--muted); line-height: 1.35; min-height: 1.9em; }
.dashboard-spark { display: block; align-self: stretch; width: 100%; height: 32px; margin-top: .2rem; overflow: visible; }
.dashboard-spark-empty { display: inline-block; height: 24px; color: var(--muted); font-size: .65rem; padding-top: .25rem; }
.dashboard-metric-link { align-self: flex-end; font-size: .62rem; color: var(--forest); }
.dashboard-metric-link > span { display: inline-block; font-size: .8rem; }
.dashboard-focus-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; align-items: stretch; }
.dashboard-panel { border: 1px solid var(--line); border-radius: 14px; background: var(--paper); padding: 1.2rem 1.35rem; min-width: 0; }
.dashboard-panel-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .65rem; margin-bottom: .9rem; }
.dashboard-panel-head h2 { margin: .2rem 0 0; font-size: 1.3rem; line-height: 1.2; }
.dashboard-kicker { color: var(--forest); text-transform: uppercase; letter-spacing: .13em; font-size: .63rem; font-weight: 700; }
.dashboard-tag { display: inline-flex; padding: .3rem .5rem; background: #eef3ee; border-radius: 5px; color: #426052; font-size: .66rem; }
.dashboard-caption { margin: .75rem 0 0; color: var(--muted); font-size: .72rem; line-height: 1.5; }
.dashboard-empty { padding: 1.4rem 0; color: var(--muted); font-size: .85rem; line-height: 1.6; }
.dashboard-funnel { border-top: 3px solid var(--forest); }
.dashboard-funnel-stages { list-style: none; padding: 0; margin: 0; display: grid; gap: .6rem; }
.dashboard-funnel-stages li { padding: 0; }
.dashboard-funnel-label { display: flex; align-items: center; gap: .5rem; margin-bottom: .3rem; }
.dashboard-step { display: grid; place-items: center; flex: 0 0 1.25rem; height: 1.25rem; border: 1px solid #cfdfd5; border-radius: 50%; font-size: .65rem; color: var(--forest); }
.dashboard-funnel-label > strong { font-size: .8rem; font-weight: 600; }
.dashboard-funnel-count { margin-left: auto; white-space: nowrap; font-size: 1.1rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.dashboard-funnel-count small { font-size: .65rem; font-weight: 400; color: var(--muted); }
.dashboard-funnel-track { position: relative; height: 25px; border-radius: 4px; margin-left: 1.75rem; background: #eff3ee; overflow: hidden; border: 1px solid #e3e9e1; }
.dashboard-funnel-fill { display: block; height: 100%; background: #a2cabb; }
.dashboard-funnel-fill.stage-1 { background: #b5d3ba; }
.dashboard-funnel-fill.stage-2 { background: #d8d9ab; }
.dashboard-funnel-fill.stage-3 { background: #ead5a5; }
.dashboard-funnel-rate { position: absolute; inset: 0; display: flex; align-items: center; padding: 0 .55rem; color: #294c3d; font-size: .62rem; font-variant-numeric: tabular-nums; }
.dashboard-method { margin-top: .3rem; font-size: .72rem; color: var(--muted); }
.dashboard-method summary { color: var(--forest); cursor: pointer; padding: .35rem 0; }
.dashboard-method ul { padding-left: 1.2rem; line-height: 1.6; }
.dashboard-findings { background: #edf2e9; border-color: #dce5d7; }
.dashboard-findings .dashboard-panel-head { margin-bottom: .55rem; }
.dashboard-findings .dashboard-panel-head h2 { font-size: 1rem; margin: 0; }
.dashboard-findings-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; align-items: start; }
.dashboard-finding { min-width: 0; padding-left: 1rem; border-left: 1px solid #d7e0d0; }
.dashboard-finding:first-child { padding-left: 0; border-left: 0; }
.dashboard-finding h3 { margin: 0 0 .3rem; font: 650 .81rem/1.45 Inter, system-ui, sans-serif; color: #294839; }
.dashboard-finding p { margin: 0; font-size: .72rem; line-height: 1.55; color: #596e5e; }
.dashboard-finding.needs-attention h3 { color: #916921; }
.dashboard-finding-detail { font-size: .72rem; }
.dashboard-finding-detail summary { cursor: pointer; color: var(--forest); padding: .3rem 0; }
.dashboard-finding .dashboard-text-button { font-size: .68rem; }
.dashboard-entry-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }
.dashboard-landing-route { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: .65rem; }
.dashboard-landing-route > div { display: grid; gap: .2rem; }
.dashboard-landing-route strong { font: 650 1.65rem/1.2 Inter, system-ui, sans-serif; font-variant-numeric: tabular-nums; }
.dashboard-landing-route span { color: var(--muted); font-size: .73rem; }
.dashboard-landing-route .dashboard-route-arrow { color: #83a793; font-size: 1.4rem; }
.dashboard-landing-route > small { grid-column: 1 / -1; font-size: .7rem; color: var(--forest); }
.dashboard-entry-channels { border-left: 1px solid var(--line); padding-left: 1.3rem; display: grid; gap: .6rem; align-content: center; }
.dashboard-entry-channels > div { display: grid; grid-template-columns: 7.5rem 1fr 2.2rem; align-items: center; gap: .6rem; font-size: .72rem; }
.dashboard-entry-channels strong { font-weight: 650; text-align: right; font-variant-numeric: tabular-nums; }
.dashboard-channel-track { height: 7px; background: #e7eee8; border-radius: 10px; overflow: hidden; }
.dashboard-channel-track i { display: block; height: 100%; border-radius: inherit; background: #629d89; }
.dashboard-sort { display: flex; align-items: center; gap: .5rem; font-size: .7rem; color: var(--muted); margin: 0; }
.dashboard-sort select { width: auto; min-width: 8rem; padding: .35rem .7rem; margin: 0; font-size: .75rem; }
.dashboard-tour-table th:first-child { width: 42%; }
.dashboard-tour-table tbody th { text-transform: none; letter-spacing: normal; font-size: .8rem; }
.dashboard-tour-table td { min-width: 5rem; }
.dashboard-table-value { position: relative; display: block; min-width: 4rem; padding: .3rem .45rem; border-radius: 3px; overflow: hidden; text-align: right; }
.dashboard-table-value > i { position: absolute; inset: 0 auto 0 0; background: #e4eee7; border-radius: 3px; }
.dashboard-table-value.is-action > i { background: #edf0d9; }
.dashboard-table-value > b { position: relative; font-weight: 600; font-size: .8rem; }
.dashboard-matrix-empty { display: grid; gap: .4rem; text-align: center; padding: 1.5rem .5rem; color: var(--muted); }
.dashboard-matrix-empty strong { color: var(--ink); font-size: .85rem; }
.dashboard-matrix-empty span { font-size: .76rem; max-width: 60ch; margin: auto; }
.dashboard-error-count { color: #974f33 !important; }
.dashboard-section-footer { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: .5rem; }
.dashboard-section-footer .dashboard-caption { flex: 1 1 20rem; }
.dashboard-text-button { border: 0; background: transparent; padding: .35rem 0; color: var(--forest); font: 600 .72rem/1.4 Inter, system-ui, sans-serif; cursor: pointer; text-align: left; }
.dashboard-text-button:hover { text-decoration: underline; }
.dashboard-context-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.dashboard-index-values { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.dashboard-index-values > div { display: grid; gap: .35rem; border-left: 3px solid #c5d6ba; padding: .3rem 0 .3rem .8rem; }
.dashboard-index-values > div:nth-child(2) { border-color: #e2d4ad; }
.dashboard-index-values span { font-size: .76rem; font-weight: 600; }
.dashboard-index-values strong { font: 650 2rem/1.2 Inter, system-ui, sans-serif; font-variant-numeric: tabular-nums; }
.dashboard-index-values small { font-size: .7rem; color: var(--muted); }
.dashboard-source-list { list-style: none; padding: 0; margin: 0; }
.dashboard-source-list li { display: flex; align-items: center; justify-content: space-between; gap: .8rem; padding: .6rem 0; border-bottom: 1px solid var(--line); }
.dashboard-source-list li:last-child { border-bottom: 0; }
.dashboard-source-list li > span:first-child { display: grid; gap: .2rem; }
.dashboard-source-list strong { font-size: .73rem; font-weight: 600; }
.dashboard-source-list small { font-size: .67rem; color: var(--muted); }
.dashboard-source-status { white-space: nowrap; font-size: .63rem; padding: .2rem .4rem; color: #397659; background: #e6efe5; border-radius: 4px; }
.dashboard-source-status.is-muted { color: #866b3d; background: #f2eddf; }
.dashboard-data-details { border-top: 1px solid var(--line); padding-top: .25rem; }
.dashboard-data-details > summary { cursor: pointer; color: var(--forest); padding: .85rem 0; font-size: .85rem; }
.dashboard-data-details > summary > span { margin-left: .8rem; color: var(--muted); font-size: .72rem; }
.dashboard-data-details[open] > summary { margin-bottom: .4rem; }
@media (min-width: 1101px) {
  .dashboard-focus-grid .dashboard-entry-layout { grid-template-columns: 1fr; }
  .dashboard-focus-grid .dashboard-entry-channels { border-left: 0; border-top: 1px solid var(--line); padding: 1rem 0 0; }
}
@media (max-width: 1100px) {
  .dashboard-focus-grid { grid-template-columns: 1fr; }
  .dashboard-panel { padding: 1rem; }
  .dashboard-entry-layout { gap: 1rem; }
  .dashboard-entry-channels { padding-left: 1rem; }
  .dashboard-entry-channels > div { grid-template-columns: 6rem 1fr 1.8rem; }
}
@media (max-width: 720px) {
  .dashboard-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dashboard-focus-grid, .dashboard-context-grid { grid-template-columns: 1fr; }
  .dashboard-findings-list { grid-template-columns: 1fr; }
  .dashboard-finding { padding: .6rem 0 0; border-left: 0; border-top: 1px solid #d7e0d0; }
  .dashboard-finding:first-child { padding-top: 0; border-top: 0; }
  .dashboard-entry-layout { grid-template-columns: 1fr; }
  .dashboard-entry-channels { border-left: 0; border-top: 1px solid var(--line); padding: 1rem 0 0; }
  .dashboard-funnel-label > strong { font-size: .76rem; }
  .dashboard-funnel-rate { font-size: .6rem; }
  .dashboard-source-status { white-space: normal; text-align: right; }
}
@media (prefers-reduced-motion: reduce) { .measurement-dashboard * { scroll-behavior: auto; } }