.click-analytics-list{display:grid;gap:18px;margin:18px 0 28px}
.click-analytics-email{padding:20px}
.click-analytics-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.click-analytics-heading h3{margin:0;font-size:1.08rem}
.click-analytics-heading p{margin:4px 0 0;color:var(--ds-text-muted)}
.click-analytics-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}
.click-analytics-summary div{padding:14px;border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-surface-soft)}
.click-analytics-summary dt{color:var(--ds-text-muted);font-size:.82rem}
.click-analytics-summary dd{margin:6px 0 0;font-size:1.45rem;font-weight:750}
.click-analytics-summary small{margin-left:3px;font-size:.78rem;font-weight:650}
.click-analytics-email h4{margin:18px 0 10px}
.click-analytics-email table code{white-space:normal;overflow-wrap:anywhere;font-family:inherit}
.click-analytics-email th:not(:first-child),.click-analytics-email td:not(:first-child){white-space:nowrap}
@media(max-width:760px){.click-analytics-heading{display:grid}.click-analytics-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.click-analytics-email{padding:16px}}
@media(max-width:480px){.click-analytics-summary{grid-template-columns:1fr}}
.click-filter{display:flex;flex-wrap:wrap;align-items:end;gap:16px;padding:22px;margin:18px 0}
.click-filter>div{min-width:0}.click-filter label{display:block;font-size:.86rem;font-weight:650;margin-bottom:6px}
.click-filter-mail{flex:1 1 320px}.click-filter input,.click-filter select{width:100%;max-width:100%}
.click-filter-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.click-detail{padding:24px}.click-period{color:var(--ds-text-muted);font-size:.9rem;margin:12px 0}
.click-detail-tabs{display:flex;overflow-x:auto;border-bottom:1px solid var(--ds-border);gap:6px;margin:24px 0 18px}
.click-detail-tabs a{padding:14px 18px;text-decoration:none;white-space:nowrap;color:var(--ds-text-muted);font-weight:700;border-bottom:3px solid transparent}
.click-detail-tabs .is-current{border-bottom-color:#206cb4;color:#206cb4}.click-detail-tabs a:hover{background:var(--ds-surface-soft)}
.click-url-filter{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:20px}
.click-url-filter label{font-size:.9rem;font-weight:650}.click-url-filter select{flex:1 1 240px;min-width:0;width:240px;max-width:100%}
.click-detail-table table{width:100%;min-width:740px}.click-detail-table th{font-weight:650}.click-detail-table td,.click-detail-table th{vertical-align:top}
.click-url-text{overflow-wrap:anywhere;word-break:break-word;min-width:190px;max-width:520px;text-align:left}
.click-nowrap{white-space:nowrap}.click-number{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.click-number small{color:var(--ds-text-muted)}
.click-ratio-bar{display:block;width:100%;height:5px;min-width:68px;margin-top:8px;border:0;border-radius:4px;overflow:hidden;background:var(--ds-surface-soft);appearance:none}.click-ratio-bar::-webkit-meter-bar{height:5px;border:0;border-radius:4px;background:var(--ds-surface-soft)}.click-ratio-bar::-webkit-meter-optimum-value{background:#4c88bc}.click-ratio-bar::-moz-meter-bar{background:#4c88bc}
.click-times{font-size:.8rem;color:var(--ds-text-muted);line-height:1.9}.click-pagination{display:flex;justify-content:space-between;gap:16px;margin:18px 0 0;color:var(--ds-text-muted);font-size:.9rem}.click-pagination div{display:flex;gap:22px}
.click-help{margin:18px 0;padding:18px 22px;font-size:.9rem}.click-help summary{cursor:pointer;font-weight:650}.click-help li{margin:9px 0;line-height:1.7}
@media(max-width:760px){.click-filter,.click-detail{padding:16px}.click-detail-tabs a{padding:12px 14px}.click-filter>div{flex-basis:100%}.click-filter-actions{justify-content:space-between}.click-url-filter label{flex-basis:100%}.click-detail .click-analytics-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}