/* Web analytics concept: page-only styles. Shared parts live in concepts.css. */

/* hero stage: dashboard tile with a site bar and the live count above the chart */
.wa-stage>.tile{overflow:hidden;color:var(--text)}
@media (max-width:560px){ .wa-stage .kpi:nth-child(n+3){display:none} }

/* kicker used over a split-copy heading */
.wa-kicker{font-size:13px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-ink)}
.split-copy p.wa-kicker{font-size:13px;margin-bottom:-4px}
.band.ink .wa-kicker{color:#9fb0ff}

/* reports frame */
#reports .src-plat{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
#reports .src-plat h3{font-size:12.5px;font-weight:600;color:var(--text2);margin-bottom:8px}

/* revenue by source table: labels for the card layout on small screens */
.srctable .roas-bar b{min-width:52px}
@media (max-width:640px){
  .srctable{min-width:0}
  .srctable tr{grid-template-columns:auto auto minmax(0,1fr);gap:6px 14px;padding:12px 2px}
  .srctable tr>th{grid-column:1/3!important;grid-row:1}
  .srctable tr>td::before{content:none!important}
  .srctable tr>td:nth-of-type(-n+3){grid-row:2;font-size:12.5px;color:var(--text2);display:block}
  .srctable tr>td:nth-of-type(1)::after{content:" visitors"}
  .srctable tr>td:nth-of-type(2)::after{content:" customers"}
  .srctable tr>td:nth-of-type(3)::after{content:" convert"}
  .srctable tr>td:nth-of-type(4){grid-column:3;grid-row:1;justify-self:end;font-weight:600;display:block}
  .srctable tr>td.roas-col{grid-column:1/-1;grid-row:3}
  .srctable tfoot td.roas-col{display:none!important}
}

/* privacy band: stats + browser mock */
.wa-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0 6px}
.wa-stats>div{border:1px solid #ffffff1f;border-radius:14px;padding:14px;display:grid;gap:2px;background:#ffffff08}
.wa-stats dt{font-size:12.5px;color:#aeb7e0}
.wa-stats dd{font-family:var(--font-display);font-weight:var(--display-weight);font-size:26px;letter-spacing:-.02em;color:#fff;line-height:1.15}
.wa-stats span{font-size:12.5px;color:#aeb7e0}
@media (max-width:560px){ .wa-stats{grid-template-columns:minmax(0,1fr)} .wa-stats>div{grid-template-columns:1fr auto;align-items:baseline} .wa-stats span{grid-column:1/-1} .wa-stats dd{font-size:22px;grid-row:1;grid-column:2} }

/* privacy band: the same page with a cookie banner and with DataDad */
.wa-cmp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.wa-mini{margin:0;display:grid;gap:10px}
.wa-mini figcaption{font-size:13px;font-weight:600;color:#aeb7e0;display:flex;align-items:center;gap:8px}
.wa-mini figcaption::before{content:"";width:8px;height:8px;border-radius:50%;background:#e0764b}
.wa-mini.is-dd figcaption{color:#fff}
.wa-mini.is-dd figcaption::before{background:#3fb97a}
.wa-win{position:relative;background:#fff;color:#1a1f36;border-radius:14px;overflow:hidden;box-shadow:0 30px 60px -34px #000c,0 0 0 1px #ffffff1a;height:300px}
.wa-mini.is-banner .wa-win{transform:translateY(18px)}
.wa-wbar{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#f1f3f9;border-bottom:1px solid #e3e6f0}
.wa-wbar .dots{display:flex;gap:5px}
.wa-wbar .dots i{width:8px;height:8px;border-radius:50%;background:#d5d9e6}
.wa-wbar .addr{flex:1;max-width:150px;margin:0 auto;text-align:center;font-size:11px;color:#6b7290;background:#fff;border:1px solid #e3e6f0;border-radius:6px;padding:2px 8px}
.wa-pg{padding:14px 16px;display:grid;gap:16px}
.wa-pnav{display:flex;align-items:center;gap:8px}
.wa-pnav i{width:22px;height:22px;border-radius:7px;background:#1a1f36;margin-right:auto}
.wa-pnav span{width:30px;height:6px;border-radius:3px;background:#e6e9f2}
.wa-phero{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;align-items:center}
.wa-phero>div{display:grid;gap:7px}
.wa-phero i{display:block;border-radius:4px;background:#e6e9f2;height:6px}
.wa-phero i.h1{height:12px;background:#1a1f36}
.wa-phero i.s{width:70%}
.wa-phero em{display:block;width:64px;height:20px;border-radius:6px;background:#3348d6;margin-top:6px}
.wa-phero b{display:block;height:92px;border-radius:10px;background:linear-gradient(135deg,#e8ecff,#d7defc)}
.wa-prow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.wa-prow i{height:44px;border-radius:8px;background:#f1f3f9}
.is-banner .wa-pg{filter:blur(1.5px);opacity:.55}
.wa-consent{position:absolute;left:10px;right:10px;bottom:10px;background:#fff;border:1px solid #e3e6f0;border-radius:12px;padding:12px 14px;box-shadow:0 14px 34px -12px #1a1f3680;display:grid;gap:4px;font-size:12px;color:#45526b}
.wa-consent b{color:#1a1f36;font-size:13px}
.wa-consent div{display:flex;gap:6px;margin-top:6px}
.wa-consent em{font-style:normal;font-weight:600;font-size:11.5px;border:1px solid #d5d9e6;border-radius:7px;padding:5px 9px;color:#1a1f36}
.wa-consent em.pri{background:#1a1f36;border-color:#1a1f36;color:#fff}
.wa-toast{position:absolute;left:10px;right:10px;bottom:10px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e3e6f0;border-radius:12px;padding:10px 12px;box-shadow:0 14px 34px -16px #1a1f3659;font-size:12.5px}
.wa-toast div{display:grid;gap:1px;min-width:0}
.wa-toast small{color:#6b7290;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wa-tag{margin-left:auto;flex:none;font-size:11px;font-weight:650;color:#0c6b43;background:#e3f7ec;border-radius:999px;padding:3px 8px}
@media (max-width:1100px) and (min-width:861px){ .wa-cmp{grid-template-columns:minmax(0,1fr)} .wa-mini.is-banner{display:none} }
@media (max-width:520px){ .wa-cmp{grid-template-columns:minmax(0,1fr);gap:22px} .wa-mini.is-banner .wa-win{transform:none} .wa-win{height:270px} }

/* setup snippet */
.wa-code{margin-top:14px;white-space:pre}

/* related card note */
.wa-upnote{margin-top:10px;font-size:12.5px;color:var(--text2)}
#reports .bento>.tile{align-self:stretch}