.web-analytics{--wa-bg:#fffdfa;--wa-subtle:#f5f3ef;--wa-text:#173b5e;--wa-muted:#536578;--wa-border:#d7dde4;--wa-good:#087443;--wa-current:#9d4c06;--wa-bad:#b42318;color:var(--wa-text);background:var(--wa-bg);min-width:0;margin-top:20px;border-top:1px solid var(--wa-border);padding:20px 16px;font-size:13px;line-height:1.5}
body[data-crm-appearance=night] .web-analytics{--wa-bg:#1c3a57;--wa-subtle:#234660;--wa-text:#f7f9fc;--wa-muted:#c4d3e2;--wa-border:#52728e;--wa-good:#70e5ac;--wa-current:#ffc477;--wa-bad:#ffa59c}
.web-analytics *{box-sizing:border-box}.web-analytics [hidden]{display:none!important}.web-analytics h3,.web-analytics h4,.web-analytics p{color:inherit}.web-analytics-heading,.web-analytics-site-report>header{display:flex;align-items:start;justify-content:space-between;gap:12px;flex-wrap:wrap}.web-analytics-heading h3{margin:2px 0;font-size:23px;line-height:1.3}.web-analytics-heading p{margin:4px 0 16px;color:var(--wa-muted)}.web-analytics-eyebrow{font-size:11px;letter-spacing:.08em;color:var(--wa-current);font-weight:700}
.web-analytics button,.web-analytics input,.web-analytics select{font:inherit;line-height:1.4;min-height:44px;border:1px solid var(--wa-border);border-radius:7px;background:var(--wa-bg);color:var(--wa-text);padding:8px 10px;max-width:100%}.web-analytics button{cursor:pointer;font-weight:600}.web-analytics button:hover{background:var(--wa-subtle)}.web-analytics :is(button,input,select):focus-visible{outline:3px solid #5ba8e8;outline-offset:2px}.web-analytics button:disabled{cursor:wait;opacity:.65}.web-analytics-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end;padding:14px 0;border-block:1px solid var(--wa-border)}.web-analytics-filters label{display:grid;gap:5px;min-width:0;color:var(--wa-muted);font-size:12px}.web-analytics-filters input,.web-analytics-filters select{width:100%;min-width:0;color-scheme:light}body[data-crm-appearance=night] .web-analytics-filters :is(input,select){color-scheme:dark}.web-analytics-filters label.web-analytics-checkbox{display:flex;align-items:center;gap:8px;min-height:44px}.web-analytics-checkbox input{width:18px;height:18px;min-height:18px;flex:0 0 18px;accent-color:var(--wa-text)}
.web-analytics-notice,.web-analytics-note{font-size:12px;color:var(--wa-muted)!important;line-height:1.6}.web-analytics-tabs{display:flex;gap:5px;flex-wrap:wrap;margin:14px 0}.web-analytics-tabs button{border-color:transparent}.web-analytics-tabs [aria-pressed=true]{background:var(--wa-text);color:var(--wa-bg);border-color:var(--wa-text)}.web-analytics-content{display:grid;gap:16px;min-width:0}.web-analytics-coverage{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--wa-muted)}.web-analytics-badge{display:inline-block;background:var(--wa-subtle);border:1px solid var(--wa-border);border-radius:6px;padding:4px 7px;font-size:12px;color:var(--wa-muted);overflow-wrap:anywhere}.web-analytics-badge.good{color:var(--wa-good)}.web-analytics-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.web-analytics button.web-analytics-metric{display:flex;align-items:start;flex-direction:column;text-align:left;padding:14px;gap:7px;background:var(--wa-subtle);min-width:0}.web-analytics-metric strong{font-size:clamp(17px,1.8vw,25px);font-variant-numeric:tabular-nums;color:var(--wa-current);overflow-wrap:anywhere}.web-analytics-metric.good strong{color:var(--wa-good)}.web-analytics-metric small{font-size:12px;color:var(--wa-muted);font-weight:400}.web-analytics-detail-hint{font-size:12px;margin-top:auto}.web-analytics-empty{padding:16px;background:var(--wa-subtle);border-radius:7px;color:var(--wa-muted)!important;margin:0}.web-analytics-table-wrap{overflow:auto;max-width:100%;min-width:0}.web-analytics table{width:100%;border-collapse:collapse;background:var(--wa-bg);color:var(--wa-text);font-size:12px;min-width:620px}.web-analytics caption{text-align:left;font-size:14px;font-weight:700;padding:0 0 10px}.web-analytics th,.web-analytics td{padding:10px 8px;text-align:left;border-bottom:1px solid var(--wa-border);vertical-align:top;color:var(--wa-text);background:var(--wa-bg);max-width:260px;min-width:90px;overflow-wrap:anywhere}.web-analytics th{background:var(--wa-subtle);color:var(--wa-muted)}.web-analytics td small{display:block;margin-top:4px;color:var(--wa-muted)}.web-analytics button.web-analytics-link{border:0;background:transparent;padding:5px 3px;min-height:36px;text-align:left;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.web-analytics-section{min-width:0;padding:16px 0;border-top:1px solid var(--wa-border)}.web-analytics-section h4,.web-analytics-site-report h4{margin:0 0 10px;font-size:15px}.web-analytics-section p{max-width:100ch}.web-analytics-events{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.web-analytics-events>div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--wa-border)}.web-analytics-events dt{color:var(--wa-muted)}.web-analytics-events dd{margin:0;font-weight:600;text-align:right}.web-analytics li{margin:7px 0}.web-analytics ul{padding-left:18px}.web-analytics-site-report{min-width:0;border-bottom:1px solid var(--wa-border);padding-bottom:15px}.web-analytics-test td{border-top:2px solid var(--wa-border)}
@media(max-width:1000px){.web-analytics-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.web-analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.web-analytics{padding:16px 10px}.web-analytics-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.web-analytics-filters label:nth-child(3){grid-column:1/-1}.web-analytics-tabs button{flex:1 1 auto;font-size:12px}.web-analytics-events{grid-template-columns:1fr}.web-analytics-metric strong{font-size:18px}}@media(max-width:360px){.web-analytics-kpis{grid-template-columns:1fr}.web-analytics-filters{grid-template-columns:1fr}.web-analytics-filters label:nth-child(3){grid-column:auto}}@media(prefers-reduced-motion:reduce){.web-analytics *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* The native IT workspace has ID-scoped generic controls; keep this component's theme authoritative. */
#website-analytics.web-analytics :is(button,input,select){min-height:44px;background:var(--wa-bg);color:var(--wa-text);border-color:var(--wa-border);font:inherit;line-height:1.4}
#website-analytics.web-analytics button:hover{background:var(--wa-subtle)}
#website-analytics.web-analytics button.web-analytics-metric{display:flex;align-items:start;flex-direction:column;text-align:left;padding:14px;gap:7px;background:var(--wa-subtle)}
#website-analytics.web-analytics .web-analytics-tabs button[aria-pressed=true]{background:var(--wa-text);color:var(--wa-bg);border-color:var(--wa-text)}
#website-analytics.web-analytics button.web-analytics-link{border:0;background:transparent;min-height:44px;padding:5px 3px}
#website-analytics.web-analytics .web-analytics-checkbox input{min-height:18px;width:18px;flex-basis:18px}
body[data-crm-appearance=night] .content #website-analytics.web-analytics :is(input:not([type=checkbox]),select){background:var(--wa-bg)!important;color:var(--wa-text)!important;border-color:var(--wa-border)!important;color-scheme:dark}
#website-analytics.web-analytics input::placeholder{color:var(--wa-muted)!important;opacity:1}

#website-analytics-panel{min-width:0}#website-analytics-panel>.website-analytics-accessible-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#website-analytics-panel>.web-analytics{border-top:0;margin-top:0}

.web-analytics-metric.bad strong{color:var(--wa-bad)}
