.heading-actions{display:flex;align-items:center;gap:10px}.export{border:1px solid #b6cbd6;border-radius:7px;background:#fff;color:#0f5e91;padding:6px 9px;font-size:11px;font-weight:700;cursor:pointer}.export:hover{background:#eef8fc}.confidence{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:11px;color:#647788}.confidence strong{color:#0f5e91;font-size:12px}.confidence-bar{width:92px;height:6px;border-radius:99px;background:#e3edf1;overflow:hidden}.confidence-bar i{display:block;height:100%;background:#0f5e91;border-radius:99px}.reactions{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.reaction{border:1px solid #c9d9df;color:#466474;background:#fff;border-radius:8px;padding:7px 9px;font-size:12px;font-weight:700;cursor:pointer}.reaction:hover{background:#eef8fc}.reaction.active{background:#e4f3ef;border-color:#86c6b4;color:#176a57}.reaction.negative.active{background:#fff4df;border-color:#e5bf73;color:#8c5c08}.reaction[data-reaction=helpful].active{background:#e8f0fa;border-color:#a9c5e5;color:#225b91}@media(max-width:640px){.heading-actions{align-items:end;flex-direction:column}.export{font-size:10px}.reactions{width:100%}.reaction{flex:1;white-space:nowrap}.confidence{flex-wrap:wrap}}