
/* V28 — panels: mobile-first, avoid horizontal overflow */
.insight-panel{margin-top:20px;overflow:hidden}
.insight-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.insight-heading h3{margin:5px 0;font-size:clamp(19px,4vw,25px)}
.insight-heading p,.insight-note{color:var(--muted,#92a4b3);font-size:13px;line-height:1.55;margin:4px 0 0}
.insight-kicker{color:var(--accent,#a3fa64);font-size:11px;font-weight:900;letter-spacing:.11em}
.insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.insight-stat{border:1px solid var(--line,rgba(255,255,255,.12));background:rgba(10,18,25,.37);border-radius:18px;padding:16px;min-width:0}
.insight-stat>span{display:block;font-size:12px;color:var(--muted,#a1abb4);line-height:1.45}
.insight-stat>strong{display:block;font-size:clamp(19px,3vw,28px);margin:9px 0 5px;overflow-wrap:anywhere}
.insight-stat small{font-size:11px;color:var(--muted,#a1abb4);line-height:1.5;display:block}
.insight-stat.good strong{color:#9ff271}.insight-stat.risk strong{color:#ffb676}
.insight-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.insight-actions .btn{min-height:42px}
.insight-dropdown{display:grid;gap:6px;font-size:12px;color:var(--muted,#a1abb4)}
.insight-dropdown select{background:#0c151e;color:#e8f2f0;border:1px solid #42514d;border-radius:12px;padding:11px;max-width:100%;min-width:150px}
.insight-rank{display:grid;gap:8px;margin-top:18px}
.insight-rank-row{display:grid;grid-template-columns:36px minmax(0,1fr) minmax(60px,84px);gap:10px;align-items:center;padding:11px 12px;background:rgba(0,0,0,.14);border:1px solid rgba(255,255,255,.075);border-radius:14px}
.insight-rank-pos{background:rgba(165,250,100,.12);color:var(--accent,#a3fa64);font-weight:900;min-width:32px;height:32px;display:grid;place-items:center;border-radius:10px}
.insight-rank-name{min-width:0}.insight-rank-name b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.insight-rank-name small{display:block;color:var(--muted,#a1abb4);font-size:11px;padding-top:3px}
.insight-rank-score{text-align:right;font-weight:900;color:#a5f6e0;font-size:14px;white-space:nowrap}.insight-rank-score.down{color:#ffb779}
.insight-alerts{display:grid;gap:8px;margin-top:16px}
.insight-alert{border:1px solid rgba(255,175,110,.3);background:rgba(249,140,58,.075);border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.5;color:#f9d0af}
.insight-alert.ok{color:#a9efc6;background:rgba(48,184,130,.09);border-color:rgba(48,184,130,.3)}
.insight-brand-risk{margin-top:14px;border-top:1px solid rgba(255,255,255,.12);padding-top:12px}
.insight-brand-risk summary{cursor:pointer;color:#bad6d0;font-weight:800;font-size:13px}
.insight-brand-risk-list{display:grid;gap:8px;margin-top:13px}
.insight-brand-risk-line{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted,#b5c9ca);padding:8px 10px;background:rgba(0,0,0,.18);border-radius:10px}
.insight-brand-risk-line b{color:#ffc18c}
.insight-report-preview{max-height:190px;overflow:auto;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;color:var(--muted,#a5b7ba);line-height:1.5;background:rgba(1,7,12,.42);padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:12px}
.insight-advisor{margin-top:18px}.insight-advisor-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.insight-advisor-card{padding:16px;border:1px solid rgba(255,255,255,.14);background:rgba(8,16,22,.32);border-radius:15px;min-width:0}
.insight-advisor-card small{display:block;color:var(--muted,#a4b8b8);font-size:11px;line-height:1.5;margin-top:8px}
.insight-advisor-card h4{margin:0 0 10px;font-size:15px}
.insight-advisor-card strong{font-size:25px;color:var(--accent,#b0fb78);display:block}
.insight-advisor-card button{width:100%;margin-top:14px;white-space:normal;line-height:1.3}
.insight-quality{margin:12px 0;display:grid;gap:6px}
.insight-quality-item{padding:11px 12px;border-radius:12px;background:rgba(255,157,56,.08);border:1px solid rgba(255,157,56,.24);color:#fbd1a1;font-size:12px}
.insight-quality-item.ok{background:rgba(39,192,129,.08);border-color:rgba(39,192,129,.2);color:#a4f0c3}
@media(max-width:760px){.insight-grid{grid-template-columns:1fr 1fr}.insight-stat:last-child{grid-column:1/-1}.insight-advisor-cards{grid-template-columns:1fr}}
@media(max-width:400px){.insight-grid{grid-template-columns:1fr}.insight-stat:last-child{grid-column:auto}.insight-heading{align-items:stretch}.insight-dropdown{width:100%}.insight-dropdown select{width:100%}.insight-actions .btn{flex:1 1 auto;min-width:0}.insight-rank-row{grid-template-columns:30px minmax(0,1fr) 75px;gap:8px;padding:10px 8px}}
