#collection-analytics-dialog { width: min(1080px, calc(100% - 32px)); max-height: calc(100dvh - 36px); }
.analytics-dialog-content { padding: 30px 36px 32px; }
.analytics-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; }
.analytics-heading h2 { font-size:25px; font-weight:600; letter-spacing:-.8px; line-height:1.3; margin:8px 0 9px; overflow-wrap:anywhere; }
.analytics-heading .eyebrow { font-size:10px; }
.analytics-muted { color:var(--muted); font-size:12px; line-height:1.7; }
.analytics-controls { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:17px 0 22px; }
.analytics-controls label { display:flex; align-items:center; gap:12px; margin:0; font-size:12px; }
.analytics-controls select { padding:8px 30px 8px 12px; border:1px solid var(--line); border-radius:6px; background:#fff; font:inherit; color:inherit; }
.analytics-metrics { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); border-block:1px solid var(--line); padding:24px 0; margin:0; gap:18px; }
.analytics-metric dt { font-size:11px; color:var(--muted); margin-bottom:10px; }
.analytics-metric dd { font-size:30px; letter-spacing:-.9px; font-weight:550; margin:0; }
.analytics-chart-section { padding:26px 0 16px; border-bottom:1px solid var(--line); }
.analytics-chart-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.analytics-dialog-content h3 { font-size:14px; font-weight:600; margin:0 0 17px; }
.analytics-legend { display:flex; gap:18px; font-size:11px; color:var(--muted); }
.analytics-legend span::before { content:''; display:inline-block; height:2px; width:14px; margin-right:5px; vertical-align:middle; background:var(--accent); }
.analytics-legend span+span::before { background:#8c937f; }
.analytics-chart svg { display:block; width:100%; height:auto; min-height:150px; }
.analytics-gridline { stroke:#e4e5de; stroke-width:1; stroke-dasharray:3 5; }
.analytics-axis { fill:#72766c; font-size:11px; }
.analytics-chart svg[data-compact="true"] .analytics-axis { font-size:18px; }
.analytics-visits-line { stroke:var(--accent); stroke-width:2.5; stroke-linejoin:round; }
.analytics-clicks-line { stroke:#8c937f; stroke-width:2; stroke-linejoin:round; stroke-dasharray:5 5; }
.analytics-columns { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:40px; padding:28px 0; border-bottom:1px solid var(--line); }
.analytics-ranking { list-style:none; padding:0; margin:0; }
.analytics-ranking-row { display:flex; flex-wrap:wrap; justify-content:space-between; gap:7px 18px; padding:11px 0; border-bottom:1px solid #ebebe5; font-size:12px; line-height:1.6; }
.analytics-ranking-row>span { flex:1; min-width:0; overflow-wrap:anywhere; }
.analytics-ranking-row strong { font-size:11px; color:var(--muted); font-weight:450; }
.analytics-no-data { font-size:12px; color:var(--muted); line-height:1.7; }
.analytics-moments { flex-basis:100%; padding-left:16px; color:var(--muted); font-size:11px; }
.analytics-table-details { margin-top:16px; font-size:12px; }
.analytics-table-details summary,.analytics-definitions summary { cursor:pointer; color:#5e6556; padding:7px 0; font-size:12px; }
.analytics-table-scroll { overflow-x:auto; }
.analytics-table-scroll table { border-collapse:collapse; width:100%; font-size:11px; margin:12px 0; text-align:left; }
.analytics-table-scroll td,.analytics-table-scroll th { border-bottom:1px solid var(--line); padding:10px; white-space:nowrap; font-weight:450; }
.analytics-settings { border-top:1px solid var(--line); padding-top:26px; margin-top:22px; }
.analytics-settings form { display:grid; gap:10px; }
.analytics-settings label { margin:0; font-size:12px; }
.analytics-enable { display:flex; align-items:center; gap:9px; margin-bottom:9px!important; }
.analytics-enable input { width:16px; height:16px; margin:0; accent-color:var(--accent); }
#collection-analytics-campaigns { border:1px solid var(--line); border-radius:6px; padding:11px 12px; font:inherit; font-size:12px; background:#fff; width:100%; }
#collection-analytics-save { justify-self:start; min-height:39px; font-size:12px; }
.analytics-settings form p { margin:0 0 6px; }
.analytics-definitions { padding-top:23px; }
@media(max-width:700px) { .analytics-dialog-content{padding:22px;} .analytics-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 12px;} .analytics-metric dd{font-size:25px;} .analytics-columns{grid-template-columns:1fr;gap:25px;} .analytics-controls{align-items:flex-start;flex-direction:column;gap:5px;} .analytics-heading h2{font-size:21px;} .analytics-chart-heading{align-items:flex-start;flex-wrap:wrap;gap:0;} .analytics-legend{margin-bottom:10px;} .collection-editor-actions{flex-wrap:wrap;} }
@media(max-width:380px){.analytics-dialog-content{padding:18px 14px;}.analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}}
