/* Conversion tracking page components. */
.ct-dashboard { padding: 28px; border: 1px solid #dfe5ed; border-radius: 20px; background: #fff; box-shadow: 0 24px 65px #263c5512; }
.ct-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.ct-metrics > div { padding: 18px 12px; border-radius: 10px; background: #f6f8fb; }
.ct-metrics span { display: block; font-size: .67rem; color: #697785; }
.ct-metrics strong { display: block; font-size: 2rem; letter-spacing: -.05em; margin-top: 8px; }
.ct-metrics small { font-size: 1rem; }
.ct-metrics > div:last-child { background: #fff0f1; color: var(--brand); }
.ct-chart-title { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 28px 0 20px; }
.ct-chart-title h2 { font-size: .95rem; margin: 0; letter-spacing: -.02em; }
.ct-chart-title span { font-size: .6rem; color: #788697; }
.ct-funnel { display: grid; gap: 17px; }
.ct-funnel > div { display: grid; grid-template-columns: 1fr auto; gap: 10px; font-size: .73rem; }
.ct-funnel > div > span { color: #677483; }
.ct-funnel i { display: block; grid-column: 1 / -1; height: 12px; border-radius: 4px; background: linear-gradient(to right, #d94e56 0 var(--bar), #f0f3f7 var(--bar) 100%); }
.ct-event { display: flex; align-items: center; gap: 11px; padding: 17px 12px; margin-top: 28px; background: #f0f6f1; border: 1px solid #e2ece3; border-radius: 10px; }
.ct-event-check { display: grid; place-items: center; flex-shrink: 0; width: 29px; height: 29px; background: #dcecdf; border-radius: 50%; color: #37623f; }
.ct-event b { display: block; font-size: .7rem; }
.ct-event div span { display: block; margin-top: 5px; color: #738277; font-size: .57rem; }
.ct-event-status { color: #486b50; font-size: .56rem; margin-left: auto; white-space: nowrap; }
.ct-signal-table { border: 1px solid #e1e6ed; border-radius: 14px; overflow: hidden; background: #fff; }
.ct-signal-table > div { display: grid; grid-template-columns: 1fr 1.4fr; gap: 20px; padding: 23px; border-bottom: 1px solid #e8ecf1; font-size: .9rem; }
.ct-signal-table > div:first-child { background: #eff3f8; font-size: .78rem; }
.ct-signal-table > div:last-child { border: 0; }
.ct-signal-table span:last-child { color: #677483; }
.ct-platform { padding: 26px; }
.ct-platform-logo { display: flex; align-items: center; height: 55px; }
.ct-platform-logo img { width: 65px; height: 48px; object-fit: contain; }
.ct-platform-logo > i { font-size: 2.6rem; color: #e5941d; }
.ct-platform h3 { font-size: 1.3rem; }
@media (max-width: 575.98px) { .ct-dashboard { padding: 17px; } .ct-metrics { gap: 7px; } .ct-metrics > div { padding: 15px 8px; } .ct-metrics strong { font-size: 1.6rem; } .ct-metrics span { font-size: .58rem; } .ct-chart-title h2 { font-size: .82rem; } .ct-event { gap: 7px; } .ct-event-status { font-size: .5rem; } .ct-event b { font-size: .65rem; } .ct-signal-table > div { padding: 18px 14px; gap: 14px; font-size: .8rem; } }