/* ── Tracking & Reporting previews (scenes used by js/periodic/trk.js) ── */

/* Shared pieces */
.pv .pv-trk-w80 { width: 80%; }
.pv .pv-trk-w84 { width: 84%; }
.pv .pv-trk-w86 { width: 88%; }
.pv-trk-brand { display: flex; align-items: center; gap: .7em; margin-bottom: .9em; }
.pv-trk-brand b { display: block; font-size: .95em; margin-bottom: .1em; }
.pv-trk-ico {
  flex: none; display: grid; place-items: center; width: 2.1em; height: 2.1em; border-radius: .55em; color: #0a0a0a;
  background: linear-gradient(135deg, var(--c), color-mix(in srgb, var(--c) 55%, #0b100e));
}
.pv-trk-ico svg { width: 1.2em; height: 1.2em; }
.pv-trk-field { margin-bottom: .6em; }
.pv-trk-input {
  margin-top: .3em; padding: .42em .7em; border-radius: .45em; border: 1px solid rgba(236, 253, 245, 0.12);
  background: rgba(236, 253, 245, 0.03); font-size: .82em; color: rgba(236, 253, 245, 0.88);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.pv-trk-field .pv-trk-input, .pv-trk-meta code, .pv-trk-ga code, .pv-trk-evrow b, .pv-trk-url, .pv-trk-kv b, .pv-trk-utm-tbl .pv-trk-tr:not(.pv-trk-th) span {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
.pv-trk-select { position: relative; padding-right: 2em; }
.pv-trk-select::after { content: ""; position: absolute; right: .8em; top: 50%; width: .4em; height: .4em; margin-top: -.3em; border: solid rgba(236, 253, 245, 0.5); border-width: 0 1.5px 1.5px 0; transform: rotate(45deg); }
/* Base (finished) look for anything lit by pv-hlK / pv-togK */
.pv-trk-lit { border: 1px solid var(--c); background: var(--pv-on-bg); color: var(--pv-on-fg); box-shadow: 0 0 1em color-mix(in srgb, var(--c) 45%, transparent); }
.pv-trk-flash { color: #34d399 !important; }
.pv-trk-tbl { display: flex; flex-direction: column; }
.pv-trk-tr { display: grid; align-items: center; gap: .6em; padding: .5em .3em; border-top: 1px solid rgba(236, 253, 245, 0.07); font-size: .82em; }
.pv-trk-th { border-top: 0; padding-top: 0; }
.pv-trk-th span { font-size: .85em; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: rgba(236, 253, 245, 0.45); }
.pv-trk-tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: .6em; }
.pv-trk-tiles > div { padding: .6em .8em; border-radius: .5em; background: rgba(236, 253, 245, 0.04); }
.pv-trk-tiles b { display: block; font-size: 1.45em; color: var(--c); margin-top: .1em; }
.pv-trk-live { display: inline-block; width: .6em; height: .6em; margin-right: .45em; border-radius: 50%; background: #34d399; vertical-align: .05em; animation: pvTrkPulse 1s infinite; }
@keyframes pvTrkPulse { 0% { box-shadow: 0 0 0 0 rgba(52, 211, 153, 0.7); } 70%, 100% { box-shadow: 0 0 0 .55em rgba(52, 211, 153, 0); } }
.pv-trk-axis { display: flex; justify-content: space-between; margin-top: .35em; font-size: .7em; color: rgba(236, 253, 245, 0.45); }
.pv-trk-en { display: flex; align-items: center; gap: .55em; font-size: .82em; }
.pv-trk-en i { position: relative; flex: none; width: 2em; height: 1.1em; border-radius: 1em; background: var(--c); }
.pv-trk-en i::after { content: ""; position: absolute; top: .15em; right: .15em; width: .8em; height: .8em; border-radius: 50%; background: #0b100e; }
.pv-trk-pick { display: flex; flex-wrap: wrap; gap: .4em; margin: .35em 0 .7em; }
/* Reveal a chart left to right between step 2 and step 5 */
@keyframes pvTrkWipe { 0%, 15% { clip-path: inset(0 100% 0 0); opacity: 1; } 52%, 91% { clip-path: inset(0 0 0 0); opacity: 1; } 96%, 100% { clip-path: inset(0 0 0 0); opacity: 0; } }
.pv-trk-wipe { animation: pvTrkWipe var(--pv-t) infinite; }
.pv-trk-l1, .pv-trk-l2, .pv-trk-l3 { fill: none; stroke-width: 2.4; stroke-linecap: round; }
.pv-trk-l1 { stroke: var(--c); }
.pv-trk-l2 { stroke: #fbbf24; }
.pv-trk-l3 { stroke: #2dd4bf; }

/* Meta Pixel + CAPI */
.pv-trk-2col { display: grid; grid-template-columns: 1fr 1.08fr; gap: 1.4em; align-items: start; }
.pv-trk-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .8em; margin-top: .9em; }
.pv-trk-evhead { display: flex; align-items: center; justify-content: space-between; gap: .8em; margin-bottom: .55em; }
.pv-trk-legend { display: flex; gap: .9em; font-size: .72em; color: rgba(236, 253, 245, 0.65); }
.pv-trk-legend em { display: inline-flex; align-items: center; gap: .35em; font-style: normal; white-space: nowrap; }
.pv-trk-legend em::before { content: ""; width: .65em; height: .65em; border-radius: 50%; background: currentColor; }
.pv-trk-px { color: var(--c); }
.pv-trk-sv { color: #34d399; }
.pv-trk-legend .pv-trk-px, .pv-trk-legend .pv-trk-sv { color: rgba(236, 253, 245, 0.7); }
.pv-trk-legend .pv-trk-px::before { background: var(--c); }
.pv-trk-legend .pv-trk-sv::before { background: #34d399; }
.pv-trk-evrow {
  display: grid; grid-template-columns: 1fr auto auto auto; align-items: center; gap: .8em; margin-bottom: .32em;
  padding: .42em .7em; border-radius: .45em; border: 1px solid transparent; background: rgba(236, 253, 245, 0.04); font-size: .84em;
}
.pv-trk-evrow b { font-weight: 600; font-size: .95em; }
.pv-trk-evrow em { font-style: normal; font-weight: 700; color: var(--c); }
.pv-trk-evrow code { font-size: .85em; color: rgba(236, 253, 245, 0.45); }
.pv-trk-pair { display: flex; gap: .3em; }
.pv-trk-pair i { width: .65em; height: .65em; border-radius: 50%; background: currentColor; }
.pv-trk-buy { border-color: color-mix(in srgb, var(--c) 55%, transparent); background: color-mix(in srgb, var(--c) 12%, transparent); }
.pv-trk-dedupe { display: flex; align-items: center; gap: .45em; margin-top: .6em; font-size: .78em; color: rgba(236, 253, 245, 0.7); }

/* Google Ads */
.pv-trk-ga-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 1.3em; align-items: start; }
.pv-trk-hc { display: flex; flex-direction: column; gap: .6em; }
.pv-trk-hc-top { display: flex; align-items: center; gap: .8em; }
.pv-trk-hc-top .pv-sub { line-height: 1.35; }
.pv-trk-hc-list { display: flex; flex-direction: column; gap: .35em; font-size: .82em; }
.pv-trk-hc-list span { display: flex; align-items: center; gap: .5em; }
.pv-trk-hc-list code { font-family: inherit; }
.pv-trk-pass { align-self: flex-start; display: inline-flex; align-items: center; gap: .4em; padding: .3em .8em; border-radius: 999px; background: rgba(52, 211, 153, 0.12); color: #6ee7b7; font-size: .78em; font-weight: 600; }
.pv-trk-pass .pv-check { color: #34d399; }
.pv-trk-chain { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.6em; margin-top: 1.1em; padding-top: .9em; border-top: 1px solid rgba(236, 253, 245, 0.07); }
.pv-trk-step { position: relative; display: flex; flex-direction: column; gap: .2em; padding: .55em .75em; border-radius: .55em; --pv-off-bd: rgba(236, 253, 245, 0.12); }
.pv-trk-step span { font-size: .78em; opacity: .8; }
.pv-trk-step code { font-size: .86em; font-weight: 600; color: var(--c); }
.pv-trk-step + .pv-trk-step::before { content: ""; position: absolute; left: -1.35em; top: 50%; width: 1.1em; height: 1px; background: rgba(236, 253, 245, 0.25); }
.pv-trk-conv { position: absolute; right: -.5em; top: -1.1em; font-style: normal; padding: .3em .8em; border-radius: .45em; background: var(--c); color: #0a0a0a; font-size: .78em; font-weight: 700; white-space: nowrap; }

/* UTM tracking */
.pv-trk-utm { gap: 1.4em; }
.pv-trk-browser { position: relative; width: 38%; border-radius: .8em; background: #f6faf8; color: #1b2421; box-shadow: 0 1.6em 3.2em rgba(0, 0, 0, 0.5); padding-bottom: .9em; }
.pv-trk-url { display: flex; gap: .55em; padding: .7em .9em; border-radius: .8em .8em 0 0; background: #e3ebe7; font-size: .72em; line-height: 1.45; color: #5b6763; word-break: break-all; }
.pv-trk-url i { flex: none; width: .9em; height: .9em; margin-top: .2em; border-radius: 50%; border: 1.5px solid #8a9792; }
.pv-trk-url em { font-style: normal; font-weight: 700; color: #4f46e5; background: rgba(129, 140, 248, 0.16); border-radius: .2em; }
.pv-trk-page { display: grid; grid-template-columns: 34% 1fr; gap: .8em; align-items: center; margin: .9em .9em 0; }
.pv-trk-hero { height: 5em; border-radius: .45em; background: linear-gradient(135deg, var(--c), color-mix(in srgb, var(--c) 30%, #1b2421)); }
.pv-trk-ptxt { display: flex; flex-direction: column; align-items: flex-start; gap: .35em; }
.pv-trk-ptxt > b { font-size: 1.05em; }
.pv-trk-ptxt > span:not(.pv-swap) { font-size: .75em; color: #5b6763; }
.pv-trk-ptxt .pv-btn { color: #0a0a0a; }
.pv-trk-okay { display: inline-flex; align-items: center; gap: .35em; padding: .45em .8em; border-radius: .5em; background: rgba(16, 185, 129, 0.14); color: #047857; font-size: .82em; font-weight: 700; white-space: nowrap; }
.pv-trk-okay .pv-check { color: #059669; }
.pv-trk-capt { margin: .9em .9em 0; padding: .7em .8em; border-radius: .55em; background: #121a17; color: #ecfdf5; }
.pv-trk-kv { display: grid; grid-template-columns: auto 1fr auto 1fr; gap: .3em .7em; margin-top: .45em; font-size: .8em; }
.pv-trk-kv span { color: rgba(236, 253, 245, 0.55); }
.pv-trk-kv b { color: var(--c); }
.pv-trk-arrow { position: relative; flex: none; width: 2.6em; height: .2em; background: rgba(236, 253, 245, 0.3); }
.pv-trk-arrow::after { content: ""; position: absolute; right: -.1em; top: -.35em; border: .45em solid transparent; border-left-color: rgba(236, 253, 245, 0.3); border-right: 0; }
.pv .pv-trk-utm-win { width: 46%; }
.pv-trk-plat { display: flex; flex-wrap: wrap; align-items: center; gap: .35em; margin-bottom: .8em; }
.pv-trk-plat .pv-lbl { margin-right: .3em; }
.pv-trk-plat .pv-chip { padding: .25em .65em; font-size: .72em; border-color: rgba(236, 253, 245, 0.12); background: rgba(236, 253, 245, 0.04); color: rgba(236, 253, 245, 0.7); }
.pv-trk-utm-tbl .pv-trk-tr { grid-template-columns: .9fr 1.1fr 1.1fr; }
.pv-trk-utm-tbl .pv-trk-tr span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pv-trk-new { border-radius: .4em; border: 1px solid color-mix(in srgb, var(--c) 55%, transparent); background: color-mix(in srgb, var(--c) 14%, transparent); }
.pv-trk-new span { color: #ecfdf5; font-weight: 600; }
.pv-trk-new + .pv-trk-tr { border-top-color: transparent; }

/* Funnel analytics */
.pv-trk-fun-grid { display: grid; grid-template-columns: 1fr 34%; gap: 1.3em; align-items: stretch; }
.pv-trk-fhead { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: .5em; margin-bottom: .8em; }
.pv-trk-mini { display: flex; gap: 1em; font-size: .74em; color: rgba(236, 253, 245, 0.55); }
.pv-trk-mini b { color: #ecfdf5; margin-left: .2em; }
.pv-trk-cols { display: grid; grid-template-columns: repeat(5, 1fr); gap: .8em; }
.pv-trk-colm { position: relative; display: flex; flex-direction: column; align-items: center; gap: .35em; text-align: center; }
.pv-trk-colm > b { font-size: .95em; }
.pv-trk-colm > span { font-size: .74em; line-height: 1.2; color: rgba(236, 253, 245, 0.7); min-height: 2.4em; }
.pv-trk-ctrack { display: flex; align-items: flex-end; width: 100%; height: 9em; border-radius: .4em; background: rgba(236, 253, 245, 0.04); }
.pv-trk-cbar { --from: scaleY(0); width: 100%; min-height: .4em; border-radius: .4em; transform-origin: bottom; background: linear-gradient(180deg, var(--c), color-mix(in srgb, var(--c) 45%, #0a0a0a)); }
.pv-trk-drop { margin-top: -.1em; padding: .1em .4em; border-radius: .3em; background: rgba(248, 113, 113, 0.14); color: #fca5a5; font-size: .7em; font-style: normal; font-weight: 600; }
.pv-trk-ring { position: absolute; inset: -.4em; border-radius: .6em; border: 1.5px solid var(--c); box-shadow: 0 0 1em color-mix(in srgb, var(--c) 45%, transparent); pointer-events: none; }
.pv-trk-fside { display: grid; }
.pv-trk-bd { display: flex; flex-direction: column; gap: .7em; }
.pv-trk-split { display: flex; height: .8em; margin: .6em 0 .45em; border-radius: .4em; overflow: hidden; background: rgba(236, 253, 245, 0.12); }
.pv-trk-split i:first-child { background: var(--c); }
.pv-trk-legend2 { display: flex; justify-content: space-between; gap: .6em; font-size: .72em; color: rgba(236, 253, 245, 0.65); }
.pv-trk-sheet { display: flex; flex-direction: column; gap: .45em; padding: .8em; border-radius: .6em; background: #18221e; border: 1px solid color-mix(in srgb, var(--c) 45%, transparent); --from: translateX(2em); }
.pv-trk-sheet-h b { display: block; font-size: .95em; }
.pv-trk-switch { display: flex; align-items: center; gap: .5em; font-size: .75em; color: rgba(236, 253, 245, 0.75); }
.pv-trk-switch i { position: relative; width: 1.9em; height: 1.05em; border-radius: 1em; background: var(--c); }
.pv-trk-switch i::after { content: ""; position: absolute; top: .15em; right: .15em; width: .75em; height: .75em; border-radius: 50%; background: #0b100e; }
.pv-trk-sess { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: .1em .5em; padding: .4em .55em; border-radius: .4em; background: rgba(236, 253, 245, 0.04); font-size: .78em; }
.pv-trk-sess b { font-size: .95em; }
.pv-trk-sess .pv-badge { grid-column: 1 / -1; justify-self: start; font-size: .82em; }
.pv-trk-badge-bad { background: rgba(248, 113, 113, 0.14); color: #fca5a5; }
.pv-trk-cv { font-size: .7em; }

/* Purchase traffic */
.pv-trk-pthead { display: flex; align-items: center; justify-content: space-between; gap: .8em; flex-wrap: wrap; margin-bottom: .8em; }
.pv-trk-pthead .pv-seg { margin: 0; font-size: .74em; }
.pv-trk-pthead .pv-seg span { border: 1px solid transparent; }
.pv-trk-pt .pv-trk-tiles b { font-size: 1.5em; }
.pv-trk-sp { margin: 1em 0 .5em; }
.pv-trk-pt-tbl .pv-trk-tr { grid-template-columns: 1.5fr repeat(5, 1fr); }
.pv-trk-pt-tbl .pv-trk-tr span:not(:first-child) { text-align: right; }
.pv-trk-pt-tbl .pv-swap { justify-items: end; }
.pv-trk-pt-tbl b { color: var(--c); }

/* Live dashboard */
.pv-trk-kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: .6em; margin-bottom: .7em; }
.pv-trk-kpis > div { padding: .5em .8em; border-radius: .5em; background: rgba(236, 253, 245, 0.04); }
.pv-trk-kpis b { display: block; font-size: 1.35em; margin-top: .05em; }
.pv-trk-ld-grid { display: grid; grid-template-columns: 1.55fr 1fr; gap: .7em; }
.pv-trk-yoy-h { display: flex; align-items: center; justify-content: space-between; gap: .6em; margin-bottom: .6em; }
.pv-trk-yoy-h b { font-size: .8em; }
.pv-trk-key { display: flex; gap: .7em; font-size: .7em; color: rgba(236, 253, 245, 0.6); }
.pv-trk-key span { display: inline-flex; align-items: center; gap: .3em; }
.pv-trk-key span::before { content: ""; width: .65em; height: .65em; border-radius: .15em; background: rgba(236, 253, 245, 0.25); }
.pv-trk-key .pv-trk-k26::before { background: var(--c); }
.pv-trk-months { display: grid; grid-template-columns: repeat(12, 1fr); gap: .35em; }
.pv-trk-mo { display: flex; flex-direction: column; align-items: center; gap: .25em; }
.pv-trk-mo span { font-size: .7em; color: rgba(236, 253, 245, 0.45); }
.pv-trk-mbars { --from: scaleY(0); transform-origin: bottom; display: flex; align-items: flex-end; justify-content: center; gap: .12em; width: 100%; height: 5.6em; }
.pv-trk-mbars i { width: 42%; border-radius: .15em .15em 0 0; background: rgba(236, 253, 245, 0.22); }
.pv-trk-mbars .pv-trk-k26 { background: var(--c); }
.pv-trk-qa { display: flex; flex-direction: column; gap: .4em; }
.pv-trk-qa > .pv-swap { display: grid; align-items: start; }
.pv-trk-hint { font-size: .8em; line-height: 1.4; }
.pv-trk-qa-body { display: flex; flex-direction: column; gap: .3em; }
.pv-trk-qa-t { display: flex; align-items: center; justify-content: space-between; gap: .5em; }
.pv-trk-qa-t b { font-size: .95em; }
.pv-trk-livebadge { background: rgba(52, 211, 153, 0.14); color: #6ee7b7; }
.pv-trk-livebadge .pv-trk-live { width: .55em; height: .55em; margin-right: .35em; }
.pv-trk-qa-body > .pv-sub { font-size: .72em; }
.pv-trk-qa-s { display: grid; grid-template-columns: 1fr 1fr; gap: .5em; margin-top: .3em; }
.pv-trk-qa-s b { display: block; font-size: 1.25em; color: var(--c); }
.pv-trk-evcards { display: grid; grid-template-columns: repeat(3, 1fr); gap: .6em; margin-top: .7em; }
.pv-trk-evc { display: flex; align-items: center; justify-content: space-between; gap: .5em; padding: .5em .8em; border-radius: .5em; border: 1px solid rgba(236, 253, 245, 0.1); background: rgba(236, 253, 245, 0.03); font-size: .8em; }
.pv-trk-evc span { font-size: .85em; opacity: .65; }

/* Reports suite */
.pv-trk-rp-top { display: flex; align-items: center; justify-content: space-between; gap: .8em; flex-wrap: wrap; margin-bottom: .7em; }
.pv-trk-rp-top .pv-tabs { margin: 0; }
.pv-trk-filters { display: flex; gap: .4em; }
.pv-trk-sel { position: relative; padding: .3em 1.8em .3em .7em; border-radius: .45em; border: 1px solid rgba(236, 253, 245, 0.12); font-size: .72em; white-space: nowrap; color: rgba(236, 253, 245, 0.8); }
.pv-trk-sel::after { content: ""; position: absolute; right: .7em; top: 50%; width: .35em; height: .35em; margin-top: -.28em; border: solid rgba(236, 253, 245, 0.5); border-width: 0 1.5px 1.5px 0; transform: rotate(45deg); }
.pv-trk-rp-tiles { margin-bottom: .7em; }
.pv-trk-rp-tiles b { font-size: 1.3em; }
.pv-trk-rp-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: .7em; }
.pv-trk-line { display: block; width: 100%; height: 6.4em; margin-top: .5em; color: var(--c); overflow: visible; }
.pv-trk-hbars { display: flex; flex-direction: column; gap: .5em; margin-top: .6em; }
.pv-trk-hb { display: grid; grid-template-columns: 7.5em 1fr 4.6em; align-items: center; gap: .6em; font-size: .78em; }
.pv-trk-hb b { text-align: right; }
.pv-trk-track { height: 1em; border-radius: .3em; background: rgba(236, 253, 245, 0.05); overflow: hidden; }
.pv-trk-bar { --from: scaleX(0); height: 100%; min-width: .4em; border-radius: .3em; transform-origin: left; background: linear-gradient(90deg, var(--c), color-mix(in srgb, var(--c) 60%, #0a0a0a)); }

/* Event comparison */
.pv-trk-ec-top { display: flex; align-items: center; justify-content: space-between; gap: .8em; margin-bottom: .7em; }
.pv-trk-evchips { display: flex; align-items: center; flex-wrap: wrap; gap: .4em; }
.pv-trk-evchips .pv-sub { margin-left: .3em; }
.pv-trk-ech { display: inline-flex; align-items: center; gap: .4em; padding: .3em .75em; border-radius: 999px; font-size: .76em; font-weight: 600; white-space: nowrap; border: 1px solid rgba(236, 253, 245, 0.14); background: rgba(236, 253, 245, 0.04); }
.pv-trk-ech::before, .pv-trk-sw { content: ""; display: inline-block; width: .65em; height: .65em; border-radius: 50%; background: currentColor; }
.pv-trk-c1 { color: var(--c); }
.pv-trk-c2 { color: #fbbf24; }
.pv-trk-c3 { color: #2dd4bf; }
.pv-trk-export { position: relative; display: flex; align-items: center; gap: .6em; }
.pv-trk-menu {
  position: absolute; top: 2.4em; right: 0; z-index: 2; display: flex; flex-direction: column; gap: .15em; padding: .35em; min-width: 9em;
  border-radius: .5em; background: #1f2b26; border: 1px solid rgba(236, 253, 245, 0.14); box-shadow: 0 1em 2em rgba(0, 0, 0, 0.5); font-size: .78em;
}
.pv-trk-menu span { padding: .35em .6em; border-radius: .35em; white-space: nowrap; }
.pv-trk-menu .pv-trk-menu-on { background: color-mix(in srgb, var(--c) 20%, transparent); color: var(--c); }
.pv-trk-saved { white-space: nowrap; }
.pv-trk-export .pv-btn { font-size: .78em; }
.pv-trk-ctrls { display: flex; align-items: center; flex-wrap: wrap; gap: .5em; margin-bottom: .7em; }
.pv-trk-ctrls .pv-seg { margin: 0 .8em 0 0; font-size: .74em; }
.pv-trk-ec-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .8em; align-items: start; }
.pv-trk-plot { margin-top: .5em; }
.pv-trk-plot svg { display: block; width: 100%; height: 7.6em; overflow: visible; }
.pv-trk-gl { fill: none; stroke: rgba(236, 253, 245, 0.07); stroke-width: 1; }
.pv-trk-ectbl { display: flex; flex-direction: column; }
.pv-trk-ectbl .pv-trk-tr { grid-template-columns: 1.7fr repeat(4, 1fr); font-size: .78em; }
.pv-trk-ectbl .pv-trk-tr span:not(:first-child) { text-align: right; }
.pv-trk-ectbl .pv-trk-tr:not(.pv-trk-th) span:first-child { display: flex; align-items: center; gap: .45em; font-weight: 600; white-space: nowrap; }
.pv-trk-ectbl .pv-trk-th span { font-size: .9em; }

/* Event financials */
.pv-trk-ef-bar { display: flex; align-items: center; gap: .6em; margin-bottom: .7em; }
.pv-trk-ef-bar .pv-seg { margin: 0; font-size: .74em; }
.pv-trk-formula { margin-left: auto; font-size: .72em; color: rgba(236, 253, 245, 0.5); }
.pv-trk-ef-bar .pv-btn { display: inline-flex; align-items: center; gap: .4em; font-size: .76em; }
.pv-trk-dl { width: 1.1em; height: 1.1em; }
.pv-trk-ef-tbl .pv-trk-tr { grid-template-columns: 1.3fr repeat(7, 1fr); gap: .5em; font-size: .8em; }
.pv-trk-ef-tbl .pv-trk-tr > span:not(:first-child) { text-align: right; }
.pv-trk-ef-tbl .pv-trk-th span { font-size: .88em; letter-spacing: .04em; line-height: 1.25; align-self: end; }
.pv-trk-ef-tbl .pv-trk-tr > span:first-child { font-weight: 600; white-space: nowrap; }
.pv-trk-cell { position: relative; display: grid; justify-items: end; }
.pv-trk-cell .pv-swap { justify-items: end; }
.pv-trk-cell b { font-weight: 600; }
.pv-trk-empty { font-style: normal; font-size: .85em; color: rgba(236, 253, 245, 0.4); white-space: nowrap; }
.pv-trk-edit { position: absolute; inset: -.35em -.4em; border-radius: .35em; border: 1.5px solid var(--c); background: color-mix(in srgb, var(--c) 10%, transparent); }
.pv-trk-np b { color: #34d399; font-weight: 700; }
.pv-trk-np .pv-swap { justify-items: end; }
.pv-trk-ef-tag { display: flex; justify-content: flex-end; margin-top: .6em; }

/* Query builder */
.pv-trk-qb-grid { display: grid; grid-template-columns: 36% 1fr; gap: 1.2em; align-items: start; }
.pv-trk-qb-l { display: flex; flex-direction: column; align-items: stretch; }
.pv-trk-qb-l .pv-lbl { margin-top: .1em; }
.pv-trk-qbh { font-size: .85em; font-weight: 600; margin-bottom: .6em; }
.pv-trk-qb-l .pv-trk-input { margin-bottom: .6em; }
.pv-trk-cmp { flex-wrap: wrap; font-size: .7em; margin-bottom: .8em; align-self: flex-start; }
.pv-trk-cmp span { border: 1px solid transparent; white-space: nowrap; }
.pv-trk-qb-act { display: flex; gap: .5em; flex-wrap: wrap; }
.pv-trk-qb-r { display: flex; flex-direction: column; gap: .6em; min-width: 0; }
.pv-trk-kinds { display: grid; }
.pv-trk-kinds .pv-seg { margin: 0; font-size: .72em; }
.pv-trk-qkey { display: flex; align-items: center; gap: 1em; font-size: .72em; color: rgba(236, 253, 245, 0.65); }
.pv-trk-qkey span:not(.pv-btn) { display: inline-flex; align-items: center; gap: .35em; }
.pv-trk-qkey span:not(.pv-btn)::before { content: ""; width: .8em; height: .25em; border-radius: .1em; background: var(--c); }
.pv-trk-qkey span.pv-trk-prior::before { background: #fbbf24; }
.pv-trk-copy { margin-left: auto; font-size: 1em; padding: .35em .8em; }
.pv-trk-qstage { display: grid; justify-items: stretch; width: 100%; }
.pv-trk-qempty { align-self: center; justify-self: center; font-size: .8em; color: rgba(236, 253, 245, 0.45); }
.pv-trk-qviz { display: grid; margin-top: .6em; }
.pv-trk-qviz svg { display: block; width: 100%; height: 8.6em; overflow: visible; }
.pv-trk-qviz .pv-trk-l2 { stroke-dasharray: 4 4; }
.pv-trk-gbars { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1em; align-items: end; height: 8.6em; }
.pv-trk-gbars > div { display: flex; flex-direction: column; align-items: center; gap: .3em; height: 100%; }
.pv-trk-gpair { flex: 1; display: flex; align-items: flex-end; justify-content: center; gap: .25em; width: 100%; }
.pv-trk-gpair i { width: 34%; border-radius: .25em .25em 0 0; background: var(--c); }
.pv-trk-gpair .pv-trk-gp { background: color-mix(in srgb, #fbbf24 75%, transparent); }
.pv-trk-gbars span { font-size: .7em; color: rgba(236, 253, 245, 0.6); white-space: nowrap; }
.pv-trk-saved-row { display: flex; align-items: center; gap: .7em; }
.pv-trk-sq { display: inline-flex; align-items: center; gap: .4em; padding: .3em .75em; border-radius: .45em; background: color-mix(in srgb, var(--c) 14%, transparent); font-size: .78em; font-weight: 600; }

/* Scheduled reports */
.pv-trk-sr { gap: 1.8em; }
.pv .pv-trk-sr-win { width: 46%; }
.pv-trk-sr-win .pv-lbl { margin-bottom: .3em; }
.pv-trk-sr-win .pv-trk-input { margin: 0 0 .7em; }
.pv-trk-sr-win .pv-seg { font-size: .74em; margin-bottom: .9em; }
.pv-trk-days { display: flex; align-items: center; gap: .3em; margin-bottom: .8em; }
.pv-trk-days span { display: grid; place-items: center; width: 1.9em; height: 1.9em; border-radius: 50%; border: 1px solid rgba(236, 253, 245, 0.12); font-size: .76em; color: rgba(236, 253, 245, 0.6); }
.pv-trk-days span.pv-trk-lit { color: var(--pv-on-fg); border-color: var(--c); }
.pv-trk-days em { margin-left: .6em; font-style: normal; font-size: .72em; color: rgba(236, 253, 245, 0.55); white-space: nowrap; }
.pv-trk-deliv { display: flex; flex-direction: column; align-items: flex-start; gap: .35em; margin-bottom: .8em; }
.pv-trk-deliv span { display: inline-flex; align-items: center; gap: .5em; padding: .3em .7em; border-radius: .45em; font-size: .78em; }
.pv-trk-deliv i { display: grid; place-items: center; }
.pv-trk-sr-foot { display: flex; align-items: center; justify-content: space-between; gap: .8em; }
.pv-trk-sr-foot .pv-trk-input { margin: 0 !important; }
.pv-trk-sr-out { display: flex; flex-direction: column; gap: .7em; width: 32%; }
.pv-trk-sheet2 { border-radius: .6em; overflow: hidden; background: #fff; color: #1b2421; box-shadow: 0 1.6em 3.2em rgba(0, 0, 0, 0.5); }
.pv-trk-sh-top { display: flex; align-items: center; gap: .5em; padding: .55em .8em; background: #f1f5f3; font-size: .8em; }
.pv-trk-sh-top i { width: 1.1em; height: 1.3em; border-radius: .15em; background: #16a34a; }
.pv-trk-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.pv-trk-grid i { height: 1.3em; border-right: 1px solid #e3ebe7; border-bottom: 1px solid #e3ebe7; }
.pv-trk-grid i:nth-child(-n+4) { background: #eef3f1; }
.pv-trk-grid i:nth-child(4n+1):not(:nth-child(-n+4)) { background: linear-gradient(#cfdad5, #cfdad5) .4em 50% / 60% .35em no-repeat; }
.pv-trk-tabs2 { display: flex; gap: .2em; padding: .35em .4em 0; background: #f1f5f3; font-size: .7em; }
.pv-trk-tabs2 span { padding: .35em .6em; border-radius: .3em .3em 0 0; color: #5b6763; white-space: nowrap; }
.pv-trk-tabs2 .pv-trk-tabnew { background: #fff; color: #4338ca; font-weight: 700; box-shadow: inset 0 2px 0 var(--c); }
.pv-trk-sr-note { font-size: .74em; }
.pv-trk-mailmini { display: flex; align-items: center; gap: .7em; padding: .7em .8em; border-radius: .6em; background: #f6faf8; color: #1b2421; box-shadow: 0 1.2em 2.4em rgba(0, 0, 0, 0.45); }
.pv-trk-mailmini .pv-env { color: #4f46e5; flex: none; }
.pv-trk-mailmini b { display: block; font-size: .85em; }
.pv-trk-mailmini .pv-sub { display: inline; color: #5b6763; font-size: .72em; }
.pv-trk-pdf { display: inline-block; margin: .3em .4em 0 0; padding: .1em .45em; border-radius: .25em; background: #ef4444; color: #fff; font-size: .7em; font-weight: 700; }

/* Daily event report */
.pv-trk-dr { gap: 1.6em; }
.pv-trk-drcard { width: 34%; padding: 1em 1.1em; border-radius: .8em; background: #121a17; border: 1px solid rgba(236, 253, 245, 0.1); box-shadow: 0 1.6em 3.2em rgba(0, 0, 0, 0.5); }
.pv-trk-drcard .pv-lbl { margin: .7em 0 .3em; }
.pv-trk-drcard .pv-trk-input { margin: 0; }
.pv-trk-en-big b { font-size: 1.05em; }
.pv-trk-checks { display: flex; flex-direction: column; gap: .3em; font-size: .78em; }
.pv-trk-checks span { display: flex; align-items: center; gap: .5em; }
.pv-trk-checks i { display: grid; place-items: center; width: 1.25em; height: 1.25em; border-radius: .3em; }
.pv-trk-checks .pv-check { width: .9em; height: .9em; color: #ecfdf5; }
.pv-trk-drcard .pv-trk-pick { margin: 0 0 .6em; }
.pv-trk-chip-off { border-color: rgba(236, 253, 245, 0.12); background: transparent; color: rgba(236, 253, 245, 0.5); }
.pv-trk-pdfpage { height: 86%; aspect-ratio: 8.5 / 11; padding: .9em 1em; border-radius: .3em; background: #fff; color: #1b2421; box-shadow: 0 1.6em 3.2em rgba(0, 0, 0, 0.5); display: flex; flex-direction: column; gap: .45em; overflow: hidden; }
.pv-trk-pdfh { padding-bottom: .5em; border-bottom: 2px solid var(--c); }
.pv-trk-pdfh b { display: block; font-size: .9em; }
.pv-trk-pdfh span { font-size: .72em; color: #5b6763; }
.pv-trk-pbadges { display: flex; flex-wrap: wrap; gap: .3em; }
.pv-trk-pbadges span { padding: .15em .5em; border-radius: 999px; background: rgba(16, 185, 129, 0.14); color: #047857; font-size: .7em; font-weight: 600; white-space: nowrap; }
.pv-trk-psec { display: flex; flex-direction: column; gap: .15em; }
.pv-trk-ph { font-size: .7em; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #4338ca; }
.pv-trk-prow { display: flex; justify-content: space-between; gap: .6em; font-size: .72em; padding: .15em 0; border-bottom: 1px solid #e8efec; }
.pv-trk-prow span { color: #3c4744; }
.pv-trk-pmore { margin-top: auto; font-size: .72em; color: #5b6763; font-style: italic; }
.pv-trk-drsend { display: flex; flex-direction: column; align-items: center; gap: .5em; text-align: center; --from: translateX(-1.5em); }
.pv-trk-drsend .pv-env { width: 3em; }
.pv-trk-drsend .pv-tag { font-size: .85em; }

/* Data exports */
.pv-trk-dx { gap: 2.2em; }
.pv .pv-trk-dx-win { width: 34%; }
.pv-trk-dx-win .pv-lbl { margin-bottom: .35em; }
.pv-trk-dx-win .pv-seg { font-size: .76em; margin-bottom: .9em; }
.pv-trk-dx-win .pv-trk-input { margin: 0 0 1em; }
.pv-trk-dx-act { display: flex; align-items: center; gap: .8em; min-height: 2.1em; }
.pv-trk-busy { font-size: .78em; color: rgba(236, 253, 245, 0.6); white-space: nowrap; }
.pv-trk-dx-act .pv-swap { align-items: center; }
.pv-trk-files { display: flex; flex-direction: column; gap: .5em; width: 40%; }
.pv-trk-file { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .7em; padding: .55em .8em; border-radius: .6em; background: #18221e; border: 1px solid rgba(236, 253, 245, 0.08); --from: translateX(-1.5em); }
.pv-trk-file b { display: block; font-size: .84em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pv-trk-file .pv-sub { font-size: .72em; }
.pv-trk-file > div { min-width: 0; }
.pv-trk-file .pv-trk-dl { color: rgba(236, 253, 245, 0.5); }
.pv-trk-fico { display: grid; place-items: center; width: 2.4em; height: 2.4em; border-radius: .4em; font-size: .7em; font-weight: 800; letter-spacing: .04em; color: #fff; }
.pv-trk-fcsv { background: #16a34a; }
.pv-trk-fpdf { background: #ef4444; }
.pv-trk-hot { border-color: color-mix(in srgb, var(--c) 55%, transparent); box-shadow: 0 0 1em color-mix(in srgb, var(--c) 30%, transparent); }
.pv-trk-hot .pv-trk-dl { color: var(--c); }