.ads-dashboard{--ads-purple:#7954ed;--ads-green:#0ea875;--ads-red:#ec5579;--ads-blue:#407dff;--ads-orange:#f6a12b}
.ads-dashboard .traffic-intro{margin-bottom:20px}.ads-dashboard .traffic-intro h1{font-size:29px}.ads-dashboard .traffic-intro .page-description{max-width:none}
.ads-dashboard .ads-context{display:flex;gap:18px;align-items:flex-end;padding:17px 21px;border-radius:23px;background:var(--surface);margin-bottom:24px}
.ads-context>label{flex:1;min-width:0;max-width:460px;font-size:11px;color:var(--muted);display:flex;flex-direction:column;gap:7px}.ads-context .traffic-period-info{margin-left:auto;flex:1;max-width:350px;font-size:10px;align-self:center}.ads-context .traffic-note{display:none}
.ads-dashboard #trafficContent{display:block}.ads-dashboard .ads-legacy{display:none!important}
.ads-portfolio-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}
.ads-portfolio-stat{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--surface);min-width:0}
.ads-portfolio-stat>i{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;flex-shrink:0;background:#ede7ff;color:var(--ads-purple)}
.ads-portfolio-stat svg{width:22px;height:22px}.ads-portfolio-stat span{display:block;color:var(--muted);font-size:11px;line-height:1.5}.ads-portfolio-stat strong{display:block;font:750 26px/1.2 var(--font-display);letter-spacing:-.7px;margin-top:5px}
.ads-portfolio-stat.stat-good>i{background:#e0f6ed;color:var(--ads-green)}.ads-portfolio-stat.stat-attention>i{background:#fff0da;color:#ce7a0b}.ads-portfolio-stat.stat-clock>i{background:var(--surface-soft);color:var(--muted)}
.ads-client-card,.ads-panel{background:var(--surface);border:1px solid var(--line);border-radius:23px;overflow:hidden}
.ads-section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.ads-section-heading h2,.ads-panel h3{font:700 16px/1.5 var(--font-display);letter-spacing:-.35px;margin:0}.ads-section-heading h2{font-size:19px}.ads-section-heading p{font-size:11px;line-height:1.6;color:var(--muted);margin:4px 0 0}
.ads-client-card>.ads-section-heading{padding:22px 24px 18px}.ads-client-search input{min-width:220px;width:100%;padding:11px 16px;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft);font-size:12px}
.ads-client-table-wrap{overflow-x:auto;scrollbar-width:thin}.ads-client-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}
.ads-client-table th{padding:14px 17px;background:var(--surface-soft);border-block:1px solid var(--line);color:var(--muted);font-size:10px;font-weight:550;white-space:nowrap}
.ads-client-table td{padding:15px 17px;border-bottom:1px solid var(--line);vertical-align:middle}.ads-client-table tr:last-child td{border-bottom:0}.ads-client-table tbody tr:hover{background:color-mix(in srgb,var(--cyan-soft) 30%,var(--surface))}
.ads-client-table td:first-child{min-width:215px}.ads-client-table td>small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.ads-client-table td>strong{font-weight:650;white-space:nowrap}
.ads-client-link{display:flex;align-items:center;gap:12px;text-align:left;padding:0;min-width:0;width:100%}.ads-client-link>span:last-child{min-width:0}.ads-client-link strong{display:block;font-size:12px;font-weight:700;line-height:1.5}.ads-client-link small{display:block;color:var(--muted);font-size:10px;line-height:1.5;margin-top:3px}
.ads-client-avatar{display:grid;place-items:center;flex:0 0 37px;width:37px;height:37px;border-radius:13px;background:#ede5ff;color:#6942c5;font:700 12px var(--font-display)}.ads-client-avatar.colour-1{background:#fff0da;color:#a76c0d}.ads-client-avatar.colour-2{background:#dff3f0;color:#147d73}.ads-client-avatar.colour-3{background:#e2ecff;color:#366ac0}
.ads-meta-badge{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#e6f0ff;color:#0866ff;font-size:25px;font-weight:700;line-height:1}
.ads-status{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:10px;font-weight:600;padding:6px 9px;border-radius:999px;background:var(--surface-soft);color:var(--muted)}.ads-status i{width:6px;height:6px;border-radius:50%;background:currentColor}.ads-status.status-good{background:#e3f7ee;color:#07865a}.ads-status.status-attention{background:#fff0d9;color:#b36b0c}.ads-status.status-stale{background:var(--surface-soft);color:var(--muted)}
.ads-row-open{width:34px;height:34px;border-radius:50%;font-size:18px;color:var(--muted)}.ads-row-open:hover{background:var(--cyan-soft);color:var(--cyan)}
.ads-data-caption{font-size:10px;line-height:1.7;color:var(--muted);margin:0;padding:15px 20px}.ads-no-comparison{font-size:10px;line-height:1.5;color:var(--muted);display:block}.ads-delta{display:block;font-weight:650;font-size:12px;line-height:1.5}.ads-delta.positive{color:var(--ads-green)}.ads-delta.negative{color:var(--ads-red)}.ads-delta small{font-size:10px;font-weight:400;color:var(--muted);margin-left:4px}.ads-client-table .ads-delta small{display:none}
.ads-back{font-size:12px;color:var(--cyan);padding:0;margin:0 0 20px;min-height:30px}.ads-client-heading{display:flex;gap:15px;align-items:center;margin:0 0 22px}.ads-client-heading .ads-client-avatar{width:54px;height:54px;flex-basis:54px;border-radius:19px;font-size:18px}.ads-client-heading h2{font:750 26px/1.3 var(--font-display);letter-spacing:-.8px;margin:0}.ads-client-heading p{font-size:12px;color:var(--muted);margin:6px 0 0}.ads-channel{margin-left:auto;background:#e6f0ff;color:#0866ff;border-radius:999px;padding:8px 13px;font-size:11px;white-space:nowrap}
.ads-tabs{display:flex;gap:23px;border-bottom:1px solid var(--line);margin:0 0 22px;padding:0 4px;overflow-x:auto}.ads-tabs button{font-size:12px;line-height:1.5;padding:13px 2px;border-bottom:3px solid transparent;white-space:nowrap;color:var(--muted);min-height:44px}.ads-tabs button[aria-selected=true]{color:var(--ink);font-weight:700;border-color:var(--ads-purple)}
.ads-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.ads-metric{position:relative;min-width:0;padding:20px;border:1px solid var(--line);border-radius:21px;background:var(--surface);overflow:hidden}.ads-metric:after{content:'';position:absolute;width:80px;height:80px;border-radius:50%;background:var(--cyan-soft);right:-27px;bottom:-36px;opacity:.5;pointer-events:none}.ads-metric-label{display:flex;align-items:center;gap:10px;font-size:11px;line-height:1.4}.ads-metric-label i{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:11px;background:#ede7ff;color:var(--ads-purple)}.ads-metric-label svg{width:17px;height:17px}.ads-metric>strong{display:block;font:750 30px/1.3 var(--font-display);letter-spacing:-1px;margin:14px 0 8px}.ads-metric>small{display:block;color:var(--muted);font-size:10px;margin-top:9px}.metric-leads .ads-metric-label i{background:#e0f6ed;color:var(--ads-green)}.metric-cost .ads-metric-label i{background:#ffe5ed;color:var(--ads-red)}.metric-conversion .ads-metric-label i{background:#e6efff;color:var(--ads-blue)}
.ads-analysis-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1.15fr) minmax(185px,.7fr);gap:17px;align-items:stretch;margin-bottom:20px}.ads-panel{padding:22px}.ads-panel .ads-section-heading{align-items:flex-start;margin-bottom:19px}.ads-panel h3{font-size:14px}.ads-panel .ads-section-heading>button{font-size:11px;color:var(--ads-purple);padding:0;white-space:nowrap;min-height:30px}.ads-chart-legend{font-size:9px;color:var(--muted);display:flex;gap:5px;align-items:center;white-space:nowrap;padding-top:6px}.ads-chart-legend i{width:6px;height:6px;background:var(--ads-purple);border-radius:50%}
#adsHistoryChart svg{width:100%;display:block;height:auto;min-height:180px;max-height:260px}#adsHistoryChart svg text{fill:var(--muted);font:10px var(--font-body)}.ads-chart-grid{stroke:var(--line);stroke-dasharray:3 4;stroke-width:1}.ads-chart-panel .ads-data-caption{padding:7px 0 0;font-size:9px}.ads-chart-empty{min-height:208px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:10px;gap:12px;color:var(--muted)}.ads-chart-empty svg{width:36px!important;min-height:36px!important;height:36px!important;color:var(--ads-purple);padding:7px;background:var(--cyan-soft);border-radius:12px}.ads-chart-empty strong{font-size:12px;line-height:1.6;max-width:260px;font-weight:600;color:var(--ink)}.ads-chart-empty p{font-size:11px;line-height:1.7;max-width:260px;margin:0}
.ads-mini-head,.ads-mini-row{display:grid;grid-template-columns:minmax(90px,1.8fr) minmax(60px,1fr) 35px minmax(45px,.7fr);gap:8px;align-items:center}.ads-mini-head{font-size:9px;line-height:1.5;color:var(--muted);padding-bottom:12px;border-bottom:1px solid var(--line)}.ads-mini-row{padding:14px 0;text-align:left;width:100%;border-bottom:1px solid var(--line);font-size:10px;line-height:1.6}.ads-mini-row:last-child{border-bottom:0}.ads-mini-row:hover{color:var(--cyan)}.ads-mini-row>span:first-child{font-weight:600;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ads-mini-row>span:first-child>i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ads-purple);margin-right:6px}.ads-mini-row .dot-1{background:var(--ads-orange)!important}.ads-mini-row .dot-2{background:var(--ads-blue)!important}.ads-mini-row .dot-3{background:var(--muted)!important}
.ads-updates>h3{margin-bottom:20px}.ads-updates article{display:flex;gap:10px;position:relative;padding-bottom:20px}.ads-updates article:not(:last-child):before{content:'';position:absolute;left:3px;top:12px;bottom:2px;border-left:1px solid var(--line)}.ads-updates article>i{margin-top:5px;flex:0 0 7px;height:7px;border-radius:50%;background:var(--ads-green)}.ads-updates article:nth-child(2)>i{background:var(--ads-purple)}.ads-updates article:nth-child(3)>i{background:var(--ads-orange)}.ads-updates article strong{display:block;font-size:10px;line-height:1.5;font-weight:600}.ads-updates article span,.ads-updates article small{display:block;color:var(--muted);font-size:9px;line-height:1.6;margin-top:3px}
.ads-reading{display:flex;align-items:center;gap:15px;padding:20px 23px;border:1px solid var(--line);border-radius:23px;background:linear-gradient(110deg,var(--surface),var(--cyan-soft))}.ads-reading>img{flex-shrink:0}.ads-reading>div{flex:1;min-width:0}.ads-reading strong{font-size:12px;font-weight:700}.ads-reading p{font-size:11px;color:var(--muted);line-height:1.8;margin:6px 0 0}.ads-reading .button{font-size:12px;white-space:nowrap;padding:12px 19px;min-height:44px}
.ads-empty{padding:24px 15px;text-align:center;color:var(--muted);font-size:12px;line-height:1.8}.ads-ad-selector{margin:0 0 20px;max-width:540px}.ads-ad-selector>label{display:flex;flex-direction:column;gap:8px;font-size:12px}.ads-dashboard .traffic-campaign-panel,.ads-dashboard #trafficAdsPanel{border-radius:23px;padding:23px}.ads-dashboard #trafficAdsPanel{margin-top:15px}.ads-dashboard .traffic-table-wrap{border-radius:15px}.ads-dashboard .traffic-campaign-panel .traffic-section-heading h2{font-size:20px}
[data-theme=dark] .ads-status.status-good{background:#123b30;color:#7de0b7}[data-theme=dark] .ads-status.status-attention{background:#43331b;color:#ffd083}[data-theme=dark] .ads-metric-label i,[data-theme=dark] .ads-portfolio-stat>i{background:var(--surface-soft)}
@media(max-width:1350px){.ads-analysis-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.ads-updates{grid-column:1/-1}.ads-updates>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.ads-updates article{padding-bottom:0}.ads-updates article:before{display:none}.ads-client-table td,.ads-client-table th{padding-inline:12px}.ads-portfolio-stat{padding:17px;gap:10px}.ads-metric{padding:18px}.ads-metric>strong{font-size:27px}}
@media(max-width:1000px){.ads-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ads-portfolio-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ads-reading{flex-wrap:wrap}.ads-reading .button{margin-left:57px}.ads-analysis-grid{grid-template-columns:1fr}.ads-updates>div{grid-template-columns:repeat(2,minmax(0,1fr))}.ads-context .traffic-period-info{display:none}.ads-mini-row,.ads-mini-head{grid-template-columns:minmax(130px,1.8fr) minmax(75px,1fr) 50px minmax(65px,.7fr)}.ads-mini-row{font-size:12px}.ads-mini-head{font-size:11px}}
@media(max-width:600px){.ads-dashboard .ads-context{padding:15px;gap:13px;flex-direction:column;align-items:stretch;margin-bottom:19px}.ads-context>label{max-width:none}.ads-portfolio-stats{gap:10px;margin-bottom:17px}.ads-portfolio-stat{padding:15px 12px;gap:9px;border-radius:19px}.ads-portfolio-stat>i{width:33px;height:33px;border-radius:12px}.ads-portfolio-stat svg{width:18px;height:18px}.ads-portfolio-stat span{font-size:10px}.ads-portfolio-stat strong{font-size:24px}.ads-client-card>.ads-section-heading{padding:20px;align-items:stretch;flex-direction:column;gap:15px}.ads-client-search input{min-width:0;font-size:16px}.ads-client-table-wrap{overflow:visible}.ads-client-table,.ads-client-table tbody{display:block}.ads-client-table thead{display:none}.ads-client-table tr{display:grid;grid-template-columns:1fr 1fr;gap:17px 14px;margin:0 13px 13px;border:1px solid var(--line);border-radius:20px;padding:18px;background:var(--surface-soft)}.ads-client-table td{display:block;border:0!important;padding:0;font-size:12px;min-width:0}.ads-client-table td:first-child{grid-column:1/-1;min-width:0}.ads-client-table td:nth-child(2){display:none}.ads-client-table td:last-child{display:none}.ads-client-table td:nth-child(7){grid-column:1/-1}.ads-client-table td:nth-child(n+3):nth-child(-n+6):before{content:attr(data-label);display:block;font-size:10px;color:var(--muted);margin-bottom:5px}.ads-client-link strong{font-size:14px}.ads-client-link small{font-size:11px}.ads-client-avatar{width:42px;height:42px;flex-basis:42px;font-size:14px;border-radius:14px}.ads-status{font-size:11px}.ads-data-caption{padding:5px 19px 18px;font-size:10px}.ads-client-heading{gap:12px;flex-wrap:wrap}.ads-client-heading h2{font-size:22px}.ads-client-heading p{font-size:11px}.ads-client-heading .ads-client-avatar{width:46px;height:46px;flex-basis:46px}.ads-channel{font-size:10px;padding:6px 10px;margin-left:58px;margin-top:-5px}.ads-tabs{gap:22px;margin-bottom:18px}.ads-tabs button{font-size:12px}.ads-metrics{gap:10px;margin-bottom:15px}.ads-metric{padding:15px 13px;border-radius:20px}.ads-metric-label{font-size:10px;gap:7px}.ads-metric-label i{width:27px;height:27px;flex-basis:27px;border-radius:9px}.ads-metric-label svg{width:15px;height:15px}.ads-metric>strong{font-size:25px;margin-top:14px}.ads-metric .ads-no-comparison{font-size:9px;line-height:1.7;min-height:30px}.ads-metric .ads-delta{font-size:11px}.ads-delta small{display:block;margin-left:0;font-size:9px}.ads-metric>small{font-size:9px;line-height:1.6}.ads-analysis-grid{gap:13px;margin-bottom:15px}.ads-panel{padding:19px;border-radius:21px}.ads-panel h3{font-size:14px}.ads-panel .ads-section-heading{gap:8px}.ads-chart-legend{font-size:8px}.ads-section-heading p{font-size:10px}.ads-mini-row,.ads-mini-head{grid-template-columns:minmax(90px,1.7fr) minmax(55px,.9fr) 31px minmax(45px,.7fr);gap:6px}.ads-mini-row{font-size:10px}.ads-mini-head{font-size:9px}.ads-updates>div{gap:18px 12px}.ads-reading{padding:18px;gap:12px;border-radius:22px}.ads-reading>img{width:34px;height:34px}.ads-reading>div{flex-basis:calc(100% - 46px)}.ads-reading .button{margin:3px 0 0 46px;font-size:11px}.ads-reading p{font-size:11px}.ads-dashboard .traffic-campaign-panel,.ads-dashboard #trafficAdsPanel{padding:18px}.ads-dashboard .traffic-campaign-panel .traffic-section-heading h2{font-size:18px}}