.analytics{--an-border:#e1e7ed;font-size:13px;color:var(--ink)}
.analytics .an-chart svg{stroke:none;stroke-width:1;fill:none}.analytics .an-chart svg text{stroke:none;font-weight:400}
.an-notice{display:flex;align-items:center;gap:15px;background:#eaf7ff;border:1px solid #c8e6f8;border-radius:12px;padding:17px 20px;margin:0 0 24px}.an-notice-icon{width:36px;height:36px;border-radius:10px;background:#d3edfc;display:grid;place-items:center;color:#0876b1;font-size:23px;flex-shrink:0}.an-notice strong{font-size:13px;color:var(--primary)}.an-notice p{font-size:12px;line-height:1.6;margin:4px 0 0;color:#466478}.an-notice .an-tag{margin-left:auto;white-space:nowrap}.an-real{background:#eff8f3;border-color:#cce4d6}.an-real .an-notice-icon{background:#d9eee3;color:var(--green)}
.an-tag{display:inline-flex;align-items:center;padding:6px 9px;border-radius:5px;font-size:9px;font-weight:750;letter-spacing:.6px;background:#d6edfc;color:#16577c;white-space:nowrap}.an-filters{display:grid;grid-template-columns:160px 1fr 1.6fr 190px;gap:14px;margin-bottom:16px}.an-filters label,.an-filters form>label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:650;color:#536574}.an-filters select,.an-filters input{width:100%;height:40px;border:1px solid #d8e1e9;border-radius:7px;padding:0 12px;background:white;color:#273c4d;font:inherit;font-size:12px;min-width:0}.an-filters select:focus-visible,.an-filters input:focus-visible,.analytics button:focus-visible,.analytics summary:focus-visible{outline:2px solid #008fca;outline-offset:3px}.an-filters form{margin:0;min-width:0}.an-filters form>div{display:flex;gap:7px;margin-top:8px}.an-filters form .btn{height:40px;font-size:11px;padding:0 12px}.an-context{display:flex;justify-content:space-between;align-items:center;color:#627382;font-size:11px;margin:10px 0 24px;min-height:22px}.an-context strong{color:var(--primary)}
.an-tabs{display:flex;gap:27px;border-bottom:1px solid #dce4eb;margin-bottom:25px;overflow:auto}.an-tabs button{background:none;border:0;border-bottom:3px solid transparent;color:#607184;font:inherit;font-size:12px;font-weight:650;padding:0 0 14px;white-space:nowrap;cursor:pointer}.an-tabs button.active{border-bottom-color:var(--brand);color:var(--primary)}.an-content{min-height:300px}.an-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.an-kpi{background:white;border:1px solid var(--an-border);border-radius:11px;padding:19px 20px;min-width:0;box-shadow:0 2px 3px #22385803}.an-kpi>p{font-size:11px;font-weight:650;color:#536574;margin:0 0 13px}.an-kpi>strong{display:block;font-size:30px;font-weight:720;line-height:1.25;letter-spacing:-1px;color:var(--primary);font-variant-numeric:tabular-nums}.an-kpi-bottom{font-size:10px;color:#72808d;margin-top:14px;line-height:1.6;display:flex;gap:7px;align-items:center;flex-wrap:wrap;min-height:22px}.an-kpi>small{display:block;color:#84909a;font-size:9px;margin-top:7px;line-height:1.5}.an-delta{color:#16816c;background:#eaf7f1;font-weight:750;padding:2px 6px;border-radius:5px;font-size:10px}.an-delta.negative{color:#a34739;background:#fff0ec}.an-delta.neutral{background:#f3f5f7;color:#71808b}.an-vs{font-size:9px}.an-star{color:#eea526;font-size:.67em;vertical-align:middle}.an-grid-wide{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(280px,1fr);gap:22px;margin-bottom:24px}.an-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:24px}.an-panel{background:#fff;border:1px solid var(--an-border);border-radius:11px;min-width:0;margin-bottom:24px;overflow:hidden}.an-grid .an-panel,.an-grid-wide .an-panel{margin-bottom:0}.an-panel>header{padding:22px 24px 15px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.an-panel h2{margin:0;font-size:14px;color:#243950;font-weight:700;line-height:1.5}.an-panel header p{font-size:10px;margin:6px 0 0;line-height:1.6;color:#7b8a97}.an-segment{display:flex;background:#f3f6f9;border-radius:6px;padding:3px;gap:3px}.an-segment button{font-size:9px;font-weight:650;background:none;border:0;border-radius:4px;padding:6px 8px;color:#7c8b98;cursor:pointer}.an-segment button.active{background:#fff;box-shadow:0 1px 4px #23405c16;color:var(--primary)}.an-chart{padding:10px 20px 0;min-width:0}.an-chart svg{width:100%;height:auto;display:block;overflow:visible}.an-chart svg text{fill:#84929d;font-size:10px;font-family:inherit}.an-point{opacity:0;cursor:help}.an-point:hover,.an-point:focus{opacity:1;outline:none}.an-chart-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;font-size:9px;color:#7d8d99;padding:14px 14px 20px}.an-chart-legend span{display:flex;align-items:center;gap:6px}.an-chart-legend i{display:block;width:16px;height:3px;background:#00aeef}.an-chart-legend i.previous{background:repeating-linear-gradient(to right,#b6c3d3 0 5px,transparent 5px 8px)}.an-data{padding:0 24px 16px}.an-data summary{font-size:10px;color:#647e93;cursor:pointer}.an-data .an-table-wrap{max-height:260px;overflow:auto;margin-top:14px}.an-donut-wrap{display:flex;justify-content:center;margin:5px 0 20px}.an-donut{height:150px;width:150px;border-radius:50%;padding:17px;display:flex;align-items:center;justify-content:center}.an-donut>div{background:white;border-radius:50%;height:100%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.an-donut strong{font-size:27px;color:var(--primary);letter-spacing:-1px}.an-donut small{text-align:center;color:#7e8e9a;font-size:8px;max-width:80px;line-height:1.5;margin-top:2px}.an-breakdown{padding:0 22px 20px}.an-breakdown>div{display:grid;grid-template-columns:1fr 40px 58px;gap:8px;font-size:9px;padding:6px 0;align-items:center}.an-breakdown span{color:#647685;display:flex;align-items:center;gap:7px}.an-breakdown i{width:7px;height:7px;border-radius:2px;display:inline-block;flex-shrink:0}.an-breakdown strong{text-align:right;color:#344d64;font-size:10px}.an-breakdown small{font-size:9px;text-align:right;color:#8593a0}.an-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.an-mini-grid .an-kpi{padding:16px 20px}.an-mini-grid .an-kpi strong{font-size:24px}.an-mini-grid .an-kpi p{margin-bottom:10px}.an-mini-grid .an-kpi-bottom{margin-top:8px;min-height:0;font-size:9px}
.an-bars{padding:8px 24px 24px;display:grid;gap:16px}.an-bar-row{display:grid;grid-template-columns:minmax(85px,1fr) minmax(60px,1.7fr) 65px;align-items:center;gap:12px;font-size:11px}.an-bar-row>span{color:#647888;font-size:10px;line-height:1.6}.an-bar-row>div{background:#f1f5f8;height:7px;border-radius:6px;overflow:hidden}.an-bar-row i{display:block;height:100%;border-radius:6px}.an-bar-row strong{text-align:right;font-size:11px;color:#3d5265}.an-state-list{padding:4px 24px 21px}.an-state-list button{width:100%;background:transparent;border:0;padding:9px 0;display:grid;grid-template-columns:1.3fr 1fr 60px;align-items:center;gap:14px;text-align:left;cursor:pointer;color:#415a70}.an-state-list button:hover span{color:#007eb6}.an-state-list span{font:inherit;font-size:11px}.an-state-list small{display:block;color:#8a98a4;font-size:9px;margin-top:3px}.an-state-list button>div{height:6px;border-radius:5px;background:#eff5fa}.an-state-list i{display:block;height:6px;background:#73c5ec;border-radius:5px}.an-state-list strong{text-align:right;font-size:11px}.an-tasks{padding:0 24px 14px}.an-tasks>div{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid #eef2f5;font-size:11px;color:#647788}.an-tasks>div:last-child{border:0}.an-tasks strong{font-size:18px;color:var(--primary)}.an-text-button{color:#007fad;font:inherit;font-size:11px;font-weight:650;border:0;background:none;cursor:pointer}.an-panel>.an-text-button{margin:0 24px 22px}.an-table-wrap{overflow-x:auto}.analytics table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left;font-size:11px}.analytics th{background:#f8fafc;color:#7b8a98;font-size:9px;font-weight:650;padding:14px 23px}.analytics td{padding:16px 23px;border-top:1px solid #f0f3f6;color:#4b6073;font-variant-numeric:tabular-nums}.an-rank-name{display:flex;gap:15px;align-items:center}.an-rank-name>b{font-size:11px;color:#a2b2bf}.an-rank-name button{font:inherit;font-weight:650;text-align:left;background:none;border:0;padding:0;color:#2f4860;cursor:pointer}.an-rank-name small{display:block;color:#8b99a6;font-size:9px;margin-top:5px}.an-rating-summary{display:flex;align-items:center;gap:20px;padding:5px 24px 25px}.an-rating-summary>strong{color:var(--primary);font-size:48px;letter-spacing:-2px}.an-rating-summary>span{color:#eaa320;letter-spacing:3px;font-size:19px}.an-rating-summary small{display:block;color:#84929f;font-size:10px;letter-spacing:0;margin-top:6px}.an-reply-rate{padding:5px 24px 22px}.an-reply-rate strong{font-size:45px;color:var(--primary);letter-spacing:-2px}.an-reply-rate strong small{font-size:21px;margin-left:3px}.an-reply-rate p{display:inline-block;margin:0 0 0 16px;color:#83929e;font-size:11px}.an-metric-note{font-size:10px;line-height:1.8;color:#7a8b98;margin:0 24px 24px}.an-focus-number{font-size:45px;letter-spacing:-2px;color:var(--primary);padding:8px 24px 20px}.an-focus-number p{font-size:11px;color:#7c8d9a;letter-spacing:0;margin:7px 0 0}.an-explainer{padding:19px 23px;font-size:11px;line-height:1.9;color:#698092;background:#edf3f8;border-radius:8px;margin-bottom:24px}.an-explainer p{margin:5px 0}.an-source-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.an-source{padding:24px;margin:0}.an-source-label{text-transform:uppercase;font-size:9px;letter-spacing:1px;color:#3491b7;display:block;margin-bottom:10px;font-weight:700}.an-source p{font-size:12px;line-height:1.85;color:#708393;margin:10px 0 16px}.an-source a{font-size:11px;color:#007faf;text-decoration:none}.an-empty,.an-loading{text-align:center;padding:45px 25px;color:#6f8393;display:flex;flex-direction:column;gap:14px;align-items:center}.an-empty strong{font-size:17px;color:#2f4c65}.an-empty p{font-size:12px;margin:0;line-height:1.8}.an-empty>span{font-size:38px;color:#66b7dd}.an-empty-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:0 24px 35px}.an-footer{text-align:right;color:#8b99a4;font-size:9px;line-height:1.8;margin-top:22px}
@media(min-width:1500px){.an-chart{padding-top:26px}.an-chart-legend{padding-top:24px}}
@media(max-width:1250px){.an-filters{grid-template-columns:1fr 1fr}.an-grid-wide{grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr)}.an-panel>header{flex-wrap:wrap}.an-kpi{padding:17px 15px}.an-kpi>strong{font-size:25px}.an-tabs{gap:22px}.an-breakdown>div{grid-template-columns:1fr 36px}.an-breakdown small{display:none}}
@media(max-width:950px){.an-kpis,.an-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.an-grid-wide,.an-grid{grid-template-columns:1fr}.an-donut-wrap{float:left;margin:10px 25px 25px}.an-breakdown{padding-top:23px;min-height:185px}.an-source-grid{grid-template-columns:1fr}.an-notice{align-items:flex-start;flex-wrap:wrap}.an-notice .an-tag{margin:0 0 0 51px}.an-notice>div{flex:1}.an-breakdown small{display:block}.an-breakdown>div{grid-template-columns:1fr 40px 65px}}
@media(max-width:640px){.an-filters{grid-template-columns:1fr}.an-tabs{gap:22px}.an-context{line-height:1.8;align-items:flex-start;gap:14px}.an-kpis,.an-mini-grid{gap:10px}.an-kpi>strong{font-size:24px}.an-kpi{padding:15px 12px}.an-kpi>p{font-size:10px}.an-kpi-bottom{font-size:9px}.an-notice{padding:15px}.an-panel>header{padding:18px}.an-bars{padding:8px 18px 22px}.an-bar-row{grid-template-columns:100px 1fr 50px;gap:8px}.an-footer{text-align:left}.an-donut-wrap{float:none;margin-bottom:12px}.an-breakdown{min-height:0;padding-top:0}.analytics td,.analytics th{padding-left:18px;padding-right:18px}}

.an-filter>label{margin-bottom:8px}

/* Responsive analytics: readable charts and cards rather than wide rankings. */
.an-filter,.an-notice>div{min-width:0}
.an-kpi>p,.an-kpi-bottom,.an-kpi>small{overflow-wrap:anywhere}
.an-grid,.an-grid-wide,.an-source-grid{min-width:0}
@media(max-width:960px){
  .an-grid,.an-grid-wide{grid-template-columns:minmax(0,1fr)}
  .analytics .an-ranking{display:block;white-space:normal}
  .an-ranking thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .an-ranking tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 18px 18px}
  .an-ranking tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;padding:16px;border:1px solid var(--line);border-radius:10px;min-width:0}
  .analytics .an-ranking td{padding:0;border:0;font-size:13px;min-width:0;overflow-wrap:anywhere}
  .an-ranking td::before{content:attr(data-label);display:block;font-size:11px;color:var(--muted);margin-bottom:7px;line-height:1.5}
  .an-ranking td:first-child{grid-column:1/-1}
  .an-ranking td:first-child::before{display:none}
  .an-rank-name{align-items:flex-start;gap:10px}
  .an-rank-name button{min-height:44px;font-size:13px;line-height:1.5}
  .an-rank-name small{font-size:11px;line-height:1.5}
}
@media(max-width:640px){
  .an-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}
  .an-filters form,.an-filters .an-filter:last-child{grid-column:1/-1}
  .an-filters label,.an-filters form>label{font-size:12px}
  .an-filters select,.an-filters input{min-height:46px;height:auto;font-size:16px;padding:10px 8px}
  .an-filters form .btn{min-height:46px;font-size:13px;flex-shrink:0}
  .an-notice{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;padding:16px;margin-bottom:20px}
  .an-notice-icon{width:30px;height:30px;font-size:20px}
  .an-notice .an-tag{grid-column:2;margin:0;justify-self:start}
  .an-notice strong{font-size:13px;line-height:1.5}
  .an-context{font-size:12px;flex-wrap:wrap}
  .an-tabs{gap:22px;scroll-padding:4px}
  .an-tabs button{font-size:13px;min-height:48px;flex-shrink:0}
  .an-kpis,.an-mini-grid{gap:12px}
  .an-kpi{padding:16px 12px}
  .an-kpi>strong{font-size:clamp(21px,5.5vw,26px);letter-spacing:-.7px;overflow-wrap:anywhere}
  .an-kpi>p{font-size:12px;line-height:1.5;min-height:36px}
  .an-kpi-bottom,.an-kpi>small,.an-vs{font-size:11px}
  .an-mini-grid .an-kpi{padding:14px 12px}
  .an-mini-grid .an-kpi>strong{font-size:22px}
  .an-mini-grid .an-kpi-bottom{font-size:11px}
  .an-panel>header{padding:18px 16px 12px;gap:12px}
  .an-panel h2{font-size:15px}
  .an-panel header p{font-size:12px}
  .an-segment{width:100%}
  .an-segment button{flex:1;min-height:40px;font-size:12px}
  .an-chart{padding:8px 12px 0}
  .an-chart svg text{font-size:11px}
  .an-chart-legend{gap:12px;font-size:11px;justify-content:flex-start;padding:12px 16px 20px;line-height:1.6}
  .an-data{padding:0 16px 18px}
  .an-data summary{font-size:12px;min-height:36px;padding-top:8px}
  .an-breakdown{padding:0 16px 18px}
  .an-breakdown>div{grid-template-columns:minmax(0,1fr) 48px 64px;gap:6px;font-size:11px;padding:9px 0}
  .an-breakdown strong,.an-breakdown small{font-size:11px}
  .an-bars,.an-state-list{padding-left:16px;padding-right:16px}
  .an-bar-row{grid-template-columns:minmax(0,1fr) minmax(30px,.65fr) minmax(50px,auto);gap:8px}
  .an-bar-row>span,.an-bar-row strong{font-size:12px;overflow-wrap:anywhere}
  .an-state-list button{grid-template-columns:minmax(0,1.5fr) minmax(30px,1fr) 52px;gap:10px;min-height:54px}
  .an-state-list span,.an-state-list strong{font-size:12px;overflow-wrap:anywhere}
  .an-state-list small{font-size:11px}
  .an-tasks{padding:0 16px 16px}
  .an-tasks>div{font-size:12px;line-height:1.6}
  .an-tasks strong{flex-shrink:0}
  .an-text-button{font-size:12px;min-height:44px;text-align:left;line-height:1.5}
  .an-ranking tbody{grid-template-columns:minmax(0,1fr);padding:0 14px 16px}
  .an-rating-summary{padding:5px 16px 20px;gap:14px;flex-wrap:wrap}
  .an-rating-summary>strong{font-size:42px}
  .an-reply-rate{padding:5px 16px 20px}
  .an-reply-rate p{display:block;margin:8px 0 0;font-size:12px}
  .an-explainer{padding:16px;font-size:12px;overflow-wrap:anywhere}
  .an-metric-note{margin:0 16px 20px;font-size:12px}
  .an-source{padding:20px}
  .an-source a{font-size:12px;display:inline-flex;align-items:center;min-height:44px}
  .an-footer{font-size:11px}
}
@media(max-width:380px){
  .an-filters{grid-template-columns:minmax(0,1fr)}
}