/* Analytics chart and controls. Shared page furniture comes from datapages.css. */

.an-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.an-ranges{margin-bottom:0}
.an-number{height:30px;max-width:220px}
.an-meta{display:flex;gap:14px;flex-wrap:wrap;margin:0;font-family:var(--mono);font-size:11px;color:var(--ink-3)}

.an-custom{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:0 0 16px;padding:14px 16px;background:var(--surface);border:1px solid var(--bd);border-radius:var(--radius-lg)}
.an-custom .dv-field{min-width:160px}
.an-custom .ash-btn{height:36px;border-radius:var(--radius-md)}

.an-stack{display:flex;flex-direction:column;gap:18px}

.an-fail-table{--dp-cols:120px minmax(220px,1.6fr) 100px 148px;--dp-min:650px;--dp-gap:12px}
.an-num-table{--dp-cols:minmax(160px,1.4fr) 96px 76px 92px 76px 76px 110px 96px;--dp-min:900px;--dp-gap:12px}
.an-tpl-table{--dp-cols:minmax(180px,1.6fr) 76px 92px 76px 76px 110px 96px;--dp-min:800px;--dp-gap:12px}
.an-reason{display:block;font-size:13px;font-weight:var(--fw-semibold);color:var(--ink)}
.an-tpl-name{display:block;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}
.an-sub{display:block;font-size:11.5px;line-height:var(--lh-ui);color:var(--ink-3);margin-top:2px;white-space:normal}

.an-chart-wrap{position:relative;padding:18px 20px 8px}
.an-chart{display:block;width:100%;height:260px;overflow:visible}
.an-grid{stroke:var(--bd);stroke-width:1}
.an-axis{fill:var(--ink-4);font-family:var(--mono);font-size:9.5px;font-variant-numeric:tabular-nums}
.an-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.an-crosshair{stroke:var(--bd-2);stroke-width:1;stroke-dasharray:3 3}
.an-dotmark{transition:opacity var(--dur-fast) var(--ease)}
.an-hit{cursor:crosshair}

.an-legend{display:flex;gap:14px;flex-wrap:wrap}
.an-leg{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:var(--fw-semibold);color:var(--ink-2)}
.an-swatch{width:22px;height:8px;flex:none;overflow:visible}
.an-swatch line{stroke-width:2;stroke-linecap:round}

.an-tooltip{position:absolute;z-index:5;min-width:150px;padding:10px 12px;background:var(--surface);border:1px solid var(--bd-2);border-radius:10px;box-shadow:var(--shadow-md);pointer-events:none}
.an-tip-day{font-family:var(--mono);font-size:10.5px;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-4);margin-bottom:7px}
.an-tip-row{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink-2);line-height:1.9}
.an-tip-row b{margin-left:auto;font-family:var(--mono);font-size:12px;color:var(--ink);font-variant-numeric:tabular-nums}

@media (prefers-reduced-motion:reduce){.an-dotmark{transition:none}}
@media (max-width:760px){
  .an-controls{align-items:stretch;flex-direction:column}
  .an-number{max-width:none;width:100%}
  .an-chart{height:220px}
  .an-chart-wrap{padding:14px 14px 6px}
  .an-sub{white-space:normal}
}
.an-spend-table{--dp-cols:minmax(160px,1fr) 150px;--dp-min:340px;--dp-gap:12px}
.an-spend-table.an-spend-money{--dp-cols:minmax(160px,1fr) 150px 170px;--dp-min:500px}