/* Opt-in reports. Tenant brand and theme tokens inherit from the CRM shell. */
html[data-crm-ui="v2"] .crm-v2-analytics { display:flex;flex-direction:column;gap:20px;padding:24px;min-width:0;font-size:14px;line-height:1.45;color:var(--text-primary,#0b1f2a); }
html[data-crm-ui="v2"] .crm-v2-analytics :is(h1,h3,h4,p) { margin:0; }
html[data-crm-ui="v2"] .crm-v2-analytics .analytics-heading { display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:12px; }
html[data-crm-ui="v2"] .crm-v2-analytics h1 { font-size:22px;font-weight:650;letter-spacing:-.01em; }
html[data-crm-ui="v2"] .crm-v2-analytics .analytics-heading p { margin-top:4px;color:var(--text-secondary,#3e525c); }
html[data-crm-ui="v2"] .crm-v2-analytics .date-range-bar { display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;margin:0;padding:0;background:transparent;border:0; }
html[data-crm-ui="v2"] .crm-v2-analytics .analytics-presets { display:flex;flex-wrap:wrap;align-items:center;gap:4px; }
html[data-crm-ui="v2"] .crm-v2-analytics .analytics-presets [aria-pressed="true"] { color:var(--brand-link,#00707f);border-color:currentColor;background:var(--primary-light,#e3f6f8); }
html[data-crm-ui="v2"] .crm-v2-analytics .analytics-dates { display:flex;flex-wrap:wrap;align-items:end;gap:10px; }
html[data-crm-ui="v2"] .crm-v2-analytics .analytics-dates label { display:flex;flex-direction:column;gap:5px;font-size:12.5px;font-weight:600; }
html[data-crm-ui="v2"] .crm-v2-analytics .analytics-dates input { width:155px;min-height:38px;padding:7px 10px;border:1px solid var(--border-color,#d3dade);border-radius:var(--brand-radius,9px);background:var(--bg-card,#fff);color:inherit;font:inherit; }
html[data-crm-ui="v2"] .crm-v2-analytics .btn { min-height:38px;border-radius:var(--brand-radius,9px);font-size:13px; }
html[data-crm-ui="v2"] .crm-v2-analytics .btn-primary { background:var(--brand-link,#00707f);color:var(--brand-on-primary,#fff);box-shadow:none; }
html[data-crm-ui="v2"] .crm-v2-analytics #analytics-content { display:flex;flex-direction:column;gap:20px;min-width:0; }
html[data-crm-ui="v2"] .crm-v2-analytics .analytics-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 20px; }
html[data-crm-ui="v2"] .crm-v2-analytics :is(.card,.analytics-card) { border:1px solid var(--border-color,#e1e6e9);border-radius:var(--brand-radius,12px);background:var(--bg-card,#fff);box-shadow:none;min-width:0;overflow:hidden; }
html[data-crm-ui="v2"] .crm-v2-analytics .card { padding:0; }
html[data-crm-ui="v2"] .crm-v2-analytics .analytics-card { padding:16px 18px;text-align:left; }
html[data-crm-ui="v2"] .crm-v2-analytics .analytics-label { color:var(--text-secondary,#3e525c);font-size:13px;text-transform:none;letter-spacing:normal; }
html[data-crm-ui="v2"] .crm-v2-analytics .analytics-value { margin-top:7px;font-size:28px;font-weight:650;letter-spacing:-.02em;color:inherit;-webkit-text-fill-color:currentColor;background:none;font-variant-numeric:tabular-nums; }
html[data-crm-ui="v2"] .crm-v2-analytics .card-header { padding:14px 18px;border-bottom:1px solid var(--border-color,#e1e6e9);background:transparent; }
html[data-crm-ui="v2"] .crm-v2-analytics .card-header h3 { font-size:15px;font-weight:650; }
html[data-crm-ui="v2"] .crm-v2-analytics .analytics-secondary-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px; }
html[data-crm-ui="v2"] .crm-v2-analytics :is(.analytics-chart-body,.analytics-team-list,.analytics-csat-distribution) { padding:18px; }
html[data-crm-ui="v2"] .crm-v2-analytics canvas { display:block;width:100%;height:200px; }
html[data-crm-ui="v2"] .crm-v2-analytics .analytics-chart-data { margin-top:14px;font-size:13px; }
html[data-crm-ui="v2"] .crm-v2-analytics summary { cursor:pointer;padding:8px 0;color:var(--brand-link,#00707f); }
html[data-crm-ui="v2"] .crm-v2-analytics .analytics-csat-metrics { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 18px 0;gap:16px; }
html[data-crm-ui="v2"] .crm-v2-analytics .analytics-csat-metrics .analytics-card { border:0;padding:0; }
html[data-crm-ui="v2"] .crm-v2-analytics .analytics-csat-distribution h4 { font-size:13px;margin-bottom:12px; }
html[data-crm-ui="v2"] .crm-v2-analytics .csat-row { display:grid;grid-template-columns:36px minmax(0,1fr) 40px;align-items:center;gap:12px;margin:8px 0;font-variant-numeric:tabular-nums; }
html[data-crm-ui="v2"] .crm-v2-analytics .perf-bar { height:8px;border-radius:999px;background:var(--bg-tertiary,#eef1f3);overflow:hidden; }
html[data-crm-ui="v2"] .crm-v2-analytics .perf-bar-fill { height:100%;background:var(--brand-link,#00707f);border-radius:inherit; }
html[data-crm-ui="v2"] .crm-v2-analytics .analytics-team { padding:16px 0;border-bottom:1px solid var(--border-color,#e1e6e9); }
html[data-crm-ui="v2"] .crm-v2-analytics .analytics-team:first-child { padding-top:0; }
html[data-crm-ui="v2"] .crm-v2-analytics .analytics-team:last-child { border-bottom:0;padding-bottom:0; }
html[data-crm-ui="v2"] .crm-v2-analytics .analytics-team-heading { display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px; }
html[data-crm-ui="v2"] .crm-v2-analytics .analytics-team-heading h4 { font-size:14px;overflow-wrap:anywhere; }
html[data-crm-ui="v2"] .crm-v2-analytics .analytics-team-heading span { font-size:12px;color:var(--text-secondary,#3e525c); }
html[data-crm-ui="v2"] .crm-v2-analytics .perf-bar-wrapper { display:grid;grid-template-columns:70px minmax(0,1fr) 50px;align-items:center;gap:10px;font-size:12px; }
html[data-crm-ui="v2"] .crm-v2-analytics .analytics-table-scroll { max-width:100%;overflow-x:auto; }
html[data-crm-ui="v2"] .crm-v2-analytics table { width:100%;border-collapse:collapse;font-size:13px; }
html[data-crm-ui="v2"] .crm-v2-analytics th { color:var(--text-secondary,#3e525c);font-size:12px;font-weight:600;text-align:left;text-transform:none;letter-spacing:normal;background:var(--bg-tertiary,#f8fafa); }
html[data-crm-ui="v2"] .crm-v2-analytics :is(td,th) { padding:12px 16px;border-bottom:1px solid var(--border-color,#e1e6e9);white-space:nowrap;font-variant-numeric:tabular-nums; }
html[data-crm-ui="v2"] .crm-v2-analytics tbody th { background:transparent;color:inherit; }
html[data-crm-ui="v2"] .crm-v2-analytics tbody tr:last-child :is(td,th) { border-bottom:0; }
html[data-crm-ui="v2"] .crm-v2-analytics .analytics-agent { display:flex;gap:10px;align-items:center; }
html[data-crm-ui="v2"] .crm-v2-analytics .analytics-agent .avatar { background:var(--primary-light,#e3f6f8);color:var(--brand-link,#00707f); }
html[data-crm-ui="v2"] .crm-v2-analytics :is(.analytics-error,.analytics-empty) { padding:24px 18px; }
html[data-crm-ui="v2"] .crm-v2-analytics .analytics-error { display:flex;flex-direction:column;align-items:start;gap:10px; }
html[data-crm-ui="v2"] .crm-v2-analytics .analytics-error p { color:var(--text-secondary,#3e525c); }
html[data-crm-ui="v2"] .crm-v2-analytics .analytics-loading { display:flex;align-items:center;justify-content:center;gap:12px;padding:32px;color:var(--text-secondary,#3e525c); }
html[data-crm-ui="v2"] .crm-v2-analytics .analytics-loading .spinner { width:22px;height:22px;margin:0; }
html[data-crm-ui="v2"] .crm-v2-analytics #analytics-validation { color:var(--danger,#a8200f); }
html[data-crm-ui="v2"] .crm-v2-analytics :focus-visible { outline:2px solid var(--brand-link,#00707f);outline-offset:3px; }
@media (max-width:1024px) {
    html[data-crm-ui="v2"] .crm-v2-analytics .analytics-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:768px) {
    html[data-crm-ui="v2"] .crm-v2-analytics { padding:16px; }
    html[data-crm-ui="v2"] .crm-v2-analytics .analytics-secondary-grid { grid-template-columns:minmax(0,1fr); }
    html[data-crm-ui="v2"] .crm-v2-analytics .analytics-dates { width:100%; }
    html[data-crm-ui="v2"] .crm-v2-analytics .analytics-dates label { flex:1 1 120px;min-width:0; }
    html[data-crm-ui="v2"] .crm-v2-analytics .analytics-dates input { width:100%;min-width:0;min-height:44px; }
    html[data-crm-ui="v2"] .crm-v2-analytics :is(.btn,summary) { min-height:44px; }
    html[data-crm-ui="v2"] .crm-v2-analytics .analytics-value { font-size:23px; }
    html[data-crm-ui="v2"] .crm-v2-analytics .analytics-card { padding:14px; }
}
html[data-crm-ui="v2"] .crm-v2-analytics .analytics-report-actions { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-block: 16px; }
html[data-crm-ui="v2"] .crm-v2-analytics .analytics-report-actions label { display: inline-flex; gap: 8px; align-items: center; }
html[data-crm-ui="v2"] .crm-v2-analytics .analytics-comparison { padding: 16px; margin-block-start: 16px; }