#reporting #report-overview:not([hidden]){display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,1fr);gap:18px;align-items:start}
#reporting .portal-overview-data{display:flex;flex-direction:column;gap:16px;min-width:0}
#reporting #report-overview .portal-audience{grid-template-columns:110px minmax(0,1fr) 24px;gap:12px}
#reporting .portal-ai-chat{display:flex;flex-direction:column;min-width:0;min-height:320px;height:100%;max-height:420px;border:1px solid #e1e6e9;border-radius:8px;background:#fff;overflow:hidden}
#reporting .portal-chat-header{display:flex;align-items:center;gap:9px;flex:none;padding:12px 14px;border-bottom:1px solid #eceef1}
#reporting .portal-chat-header>img{flex:none;width:28px;height:28px;border-radius:6px}
#reporting .portal-chat-header>div{min-width:0}
#reporting #portal-chat-title{margin:0;color:#30353e;font-size:13px;font-weight:600;line-height:1.35}
#reporting .portal-chat-header>div>span{display:block;color:#828793;font-size:10px;line-height:1.4;margin-top:1px}
#reporting .portal-chat-demo{margin-left:auto;padding:3px 6px;border-radius:4px;background:#f1f3f5;color:#717984;font-size:10px;line-height:1.4}
#reporting .portal-chat-thread{flex:1;min-height:0;padding:14px;overflow:hidden}
#reporting .portal-chat-exchange{display:flex;flex-direction:column;gap:14px}
#reporting .portal-chat-question{align-self:flex-end;max-width:94%;text-align:right}
#reporting .portal-chat-question>span{display:block;font-size:10px;line-height:1.4;color:#828793;margin-bottom:4px}
#reporting .portal-chat-question>p{margin:0;padding:9px 11px;border-radius:8px 8px 2px 8px;background:#edf3fa;color:#344a65;font-size:12px;line-height:1.45;text-align:left}
#reporting .portal-chat-answer{min-width:0}
#reporting .portal-chat-sender{display:flex;align-items:center;gap:6px;font-size:11px;line-height:1.4;color:#30353e;font-weight:600;margin-bottom:7px}
#reporting .portal-chat-sender>img{flex:none;width:16px;height:16px}
#reporting .portal-chat-answer>p{font-size:12px;line-height:1.5;color:#59616e;margin:0 0 7px}
#reporting .portal-chat-answer strong{color:#30353e;font-weight:600}
#reporting .portal-chat-source{display:flex;align-items:center;gap:5px;color:#828793;font-size:9px;line-height:1.4;margin-top:10px}
#reporting .portal-chat-source>img{width:14px;height:14px;opacity:.6;flex:none}
#reporting .portal-chat-source>span{color:#c2c7ce}
#reporting .portal-chat-breakdown{display:grid;gap:5px;margin:0;font-size:11px;line-height:1.4;color:#59616e}
#reporting .portal-chat-breakdown>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
#reporting .portal-chat-breakdown dd{margin:0;color:#287256;font-weight:600;font-variant-numeric:tabular-nums}
#reporting .portal-chat-composer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;margin:0 12px 12px;padding:9px 10px;border:1px solid #e5e7ec;border-radius:6px;color:#9299a3;font-size:11px;line-height:18px;background:#fafbfc}
#reporting .portal-chat-composer>img{width:18px;height:18px;opacity:.4}
#reporting .portal-chat-exchange.is-arriving .portal-chat-question{animation:portal-chat-arrive 180ms ease-out both}
#reporting .portal-chat-exchange.is-arriving .portal-chat-answer{animation:portal-chat-arrive 240ms 140ms ease-out both}
@keyframes portal-chat-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:761px) and (max-width:1000px){
 #reporting #report-overview:not([hidden]){grid-template-columns:minmax(0,1fr) minmax(280px,1fr);gap:12px}
 #reporting #report-overview .portal-metrics>div{padding-inline:8px}
 #reporting #report-overview .portal-metrics span{font-size:10px;min-height:2.8em}
 #reporting #report-overview .portal-audience{grid-template-columns:90px minmax(0,1fr) 20px;font-size:11px;gap:8px}
}
@media(min-width:761px) and (max-height:800px){
 #reporting:has(#report-tab-overview[aria-current=true]) .report-toolbar{display:none}
 #reporting .portal-ai-chat{min-height:0}
 #reporting .portal-chat-header{padding:9px 12px}
 #reporting .portal-chat-thread{padding:8px 12px}
 #reporting .portal-chat-exchange{gap:10px}
 #reporting .portal-chat-question>span{display:none}
 #reporting .portal-chat-composer{margin-bottom:10px;padding-block:7px}
}
@media(max-width:760px){
 #reporting #report-overview:not([hidden]){display:flex;gap:10px}
 #reporting #report-overview .portal-performance{display:none}
 #reporting:has(#report-tab-overview[aria-current=true]) .report-toolbar{display:none}
 #reporting:has(#report-tab-overview[aria-current=true]) .report-main{height:100%}
 #reporting .portal-ai-chat{flex:1;min-height:280px;height:auto;max-height:none}
 #reporting .portal-chat-header{padding:10px 12px}
 #reporting .portal-chat-thread{padding:12px}
 #reporting .portal-chat-exchange{gap:12px}
 #reporting .portal-chat-question>span{display:none}
 #reporting .portal-chat-answer>p,#reporting .portal-chat-question>p{font-size:13px;line-height:1.45}
 #reporting .portal-chat-sender{display:none}
 #reporting .portal-chat-breakdown{font-size:12px}
 #reporting .portal-chat-source{font-size:9px;margin-top:8px}
 #reporting .portal-chat-composer{padding:7px 10px;margin:0 10px 10px}
}
@media(max-width:760px) and (max-height:820px){
 #reporting .portal-ai-chat{min-height:252px}
 #reporting .portal-chat-header{padding:8px 10px}
 #reporting .portal-chat-header>div>span{display:none}
 #reporting .portal-chat-thread{padding:8px 10px}
 #reporting .portal-chat-exchange{gap:10px}
 #reporting .portal-chat-answer>p,#reporting .portal-chat-question>p{font-size:12px}
 #reporting .portal-chat-composer{padding-block:6px;margin-bottom:8px}
}
@media(max-width:760px) and (max-height:740px){
 #reporting .portal-overview-data{display:none}
 #reporting .portal-ai-chat{min-height:220px}
}
@media(prefers-reduced-motion:reduce){
 #reporting .portal-ai-chat{height:auto;min-height:0;max-height:none}
 #reporting .portal-chat-thread{overflow:visible}
 #reporting .portal-chat-exchange+.portal-chat-exchange{margin-top:20px}
 #reporting .portal-chat-exchange.is-arriving .portal-chat-question,
 #reporting .portal-chat-exchange.is-arriving .portal-chat-answer{animation:none}
}