#crm-analytics-panel[hidden],#crm-workspace[hidden],#crm-analytics-panel [hidden]{display:none}
.crm-analytics-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px}
.crm-analytics-heading h1{margin:4px 0;font-size:clamp(23px,3vw,34px);line-height:1.5}
.crm-analytics-heading p,.crm-analytics-card header p{margin:4px 0 0;color:#526b83}
.crm-analytics-filter{display:flex;align-items:end;flex-wrap:wrap;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}
.crm-analytics-filter label{min-width:140px;flex:1}
.crm-analytics-presets{display:flex;gap:4px;padding:4px;background:#eef4f9;border-radius:9px}
.crm-analytics-presets button{background:transparent;border:0;border-radius:6px;color:#47647d;padding:8px 12px;white-space:nowrap}
.crm-analytics-presets button[aria-pressed="true"]{background:#fff;color:#075c94;box-shadow:0 1px 5px #172f5020;font-weight:700}
.crm-analytics-status{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-height:42px;color:#526b83}
.crm-analytics-status p{margin:6px 0}
.crm-analytics-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}
.crm-analytics-metric{display:grid;gap:8px;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:12px;color:#526b83}
.crm-analytics-metric[data-kind="traffic"]{border-top:3px solid #1683bc}
.crm-analytics-metric[data-kind="crm"]{border-top:3px solid #279078}
.crm-analytics-metric strong{font-size:clamp(22px,3vw,32px);line-height:1.25;color:#153e5e}
.crm-analytics-card{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:16px;overflow:hidden}
.crm-analytics-card header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 20px}
.crm-analytics-card header h2{font-size:17px;margin:0}
.crm-analytics-legend{display:flex;gap:12px;flex-wrap:wrap;color:#526b83}
.crm-analytics-legend span::before{content:"";display:inline-block;width:9px;height:9px;margin-inline-end:6px;background:#087cb5;border-radius:50%}
.crm-analytics-legend span+span::before{background:#258a72}
.crm-analytics-graph{display:grid;grid-template-columns:24px minmax(0,1fr);padding:6px 20px 18px;direction:ltr}
.crm-analytics-graph svg{display:block;width:100%;height:auto;overflow:visible}
.crm-analytics-graph svg line{stroke:#e4ebf3;vector-effect:non-scaling-stroke}
.crm-analytics-graph svg polyline{fill:none;stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.analytics-area{fill:#eaf5fb}
.analytics-visits{stroke:#087cb5}
.analytics-products{stroke:#258a72}
.analytics-visit-dot{fill:#087cb5}
.analytics-product-dot{fill:#258a72}
.crm-analytics-axis,.crm-analytics-scale{display:flex;justify-content:space-between;gap:5px;color:#526b83;font-size:11px}
.crm-analytics-scale{flex-direction:column;padding-bottom:20px}
.crm-analytics-daily{border-top:1px solid var(--line)}
.crm-analytics-daily summary{cursor:pointer;padding:12px 20px;color:#095e94}
.crm-analytics-empty{margin:0;padding:24px 20px;color:#526b83}
.crm-analytics-search{padding:0 20px 14px;display:flex;align-items:end;gap:8px;flex-wrap:wrap}
.crm-analytics-search label{flex:1;min-width:135px;max-width:390px}
.crm-analytics-search input{margin:0}
.crm-analytics-pages{display:flex;gap:12px;align-items:center;justify-content:flex-end;padding:12px 20px;border-top:1px solid var(--line)}
.crm-analytics-note{color:#526b83;font-size:11px;margin:0}
.crm-analytics-card th,.crm-analytics-card td{font-size:12px}
@media(max-width:760px){
 .crm-analytics-heading{flex-wrap:wrap}
 .crm-analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .crm-analytics-metric{padding:11px 13px}
 .crm-analytics-filter label{min-width:110px}
 .crm-analytics-filter{padding:12px}
 .crm-analytics-graph{padding-inline:10px}
 .crm-analytics-card td,.crm-analytics-card th{padding:10px}
}