.close-probability-top{margin:12px 12px 8px;padding:12px;border:1px solid #d7e6f3;border-radius:13px;background:linear-gradient(135deg,#f8fbfe,#eef5fb);display:grid;gap:8px;flex:none}.close-top-main{display:grid;grid-template-columns:1fr auto;align-items:start;gap:8px}.close-top-copy{display:grid;gap:3px;min-width:0}.close-top-badge{display:inline-flex;width:max-content;padding:3px 6px;border-radius:999px;background:#275d90;color:#fff;font-size:7px;font-weight:800;letter-spacing:.08em}.close-top-copy strong{font-size:12px;color:#101828}.close-top-copy small{font-size:8px;line-height:1.4;color:#667085}.close-top-score{display:grid;justify-items:end;gap:1px}.close-top-score b{font-size:22px;line-height:1;color:#275d90}.close-top-score span{font-size:7px;color:#98a2b3;text-align:right}.close-probability-track{height:7px;border-radius:999px;background:#e5ebf1;overflow:hidden}.close-probability-track i{display:block;height:100%;border-radius:inherit;background:#275d90;transition:width .35s ease}.close-probability-scale{display:grid;grid-template-columns:1fr;gap:3px}.close-probability-scale span{font-size:7px;color:#667085;font-weight:600}.close-probability-top.is-confidence{background:linear-gradient(135deg,#fffaf3,#fff4e5);border-color:#fedf89}.close-probability-top.is-confidence .close-top-badge{background:#b54708}.close-probability-top.is-confidence .close-top-score b,.close-probability-top.is-confidence .close-probability-track i{color:#b54708;background:#d97706}.close-probability-top.is-close{background:linear-gradient(135deg,#f6fef9,#ecfdf3);border-color:#abefc6}.close-probability-top.is-close .close-top-badge{background:#027a48}.close-probability-top.is-close .close-top-score b,.close-probability-top.is-close .close-probability-track i{color:#027a48;background:#039855}@media(max-width:820px){.close-probability-top{display:none}}

.close-probability-side{margin:0 0 14px;padding:12px;border-radius:12px}.close-probability-side .close-top-main{gap:10px;align-items:flex-start}.close-probability-side .close-top-copy{gap:3px}.close-probability-side .close-top-copy strong{font-size:12px}.close-probability-side .close-top-copy small{font-size:8px}.close-probability-side .close-top-score{min-width:68px}.close-probability-side .close-top-score b{font-size:22px}.close-probability-side .close-top-score span{font-size:7px;text-align:right}.close-probability-side .close-probability-track{height:8px}.close-probability-side .close-probability-scale{gap:4px}.close-probability-side .close-probability-scale span{font-size:7px}.close-probability-side .close-probability-scale span:nth-child(2),.close-probability-side .close-probability-scale span:last-child{text-align:left}.close-probability-side .close-probability-scale{grid-template-columns:1fr}

/* Header placement: compact close strip beside prospect identity */
.close-probability-header{margin:0 4px 0 auto;padding:6px 9px;min-width:250px;max-width:350px;flex:0 1 350px;border-radius:11px;gap:5px;align-self:center}
.close-probability-header .close-top-main{display:flex;align-items:center;gap:7px}
.close-probability-header .close-top-copy{display:flex;align-items:center;gap:6px;min-width:0;white-space:nowrap}
.close-probability-header .close-top-badge{font-size:6px;padding:2px 5px;flex:none}
.close-probability-header .close-top-copy strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.close-probability-header .close-top-copy small{display:none}
.close-probability-header .close-top-score{display:flex;align-items:baseline;gap:3px;min-width:auto;margin-left:auto;white-space:nowrap}
.close-probability-header .close-top-score b{font-size:16px;line-height:1}
.close-probability-header .close-top-score span{font-size:6px;white-space:nowrap}
.close-probability-header .close-probability-track{height:4px;margin:0}
.close-probability-header .close-probability-scale{display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden}
.close-probability-header .close-probability-scale span{font-size:6px;overflow:hidden;text-overflow:ellipsis}
.close-probability-header .close-probability-scale span:nth-child(2),.close-probability-header .close-probability-scale span:last-child{text-align:left}
.chat-header{gap:10px;min-height:58px}
.chat-header .header-tags{margin-left:0}
@media(max-width:1180px){.close-probability-header{min-width:225px;max-width:310px;flex-basis:310px}.close-probability-header .close-probability-scale{gap:5px}.close-probability-header .close-top-score span{display:none}}
@media(max-width:980px){.close-probability-header{min-width:210px;max-width:260px;flex-basis:260px}.close-probability-header .close-probability-scale{display:none}}
@media(max-width:820px){.close-probability-header{display:none}}


/* The close card now lives inside the commercial header wrapper */
.chat-commercial-header .close-probability-header{
  flex:none;
  min-width:0;
  max-width:none;
  width:100%;
}


/* Close card V3 — visually lighter above pipeline */
.chat-commercial-header .close-probability-header{
  padding:7px 10px;
  border-radius:12px;
  gap:5px;
}
.chat-commercial-header .close-probability-header .close-top-main{
  gap:8px;
}
.chat-commercial-header .close-probability-header .close-top-copy{
  gap:7px;
}
.chat-commercial-header .close-probability-header .close-top-badge{
  font-size:6px;
  padding:2px 6px;
}
.chat-commercial-header .close-probability-header .close-top-copy strong{
  font-size:10px;
}
.chat-commercial-header .close-probability-header .close-top-score b{
  font-size:16px;
  line-height:1;
  padding:0;
  background:transparent;
}
.chat-commercial-header .close-probability-header .close-top-score span{
  display:none;
}
.chat-commercial-header .close-probability-header .close-probability-track{
  height:4px;
}
.chat-commercial-header .close-probability-header .close-probability-scale{
  display:grid;
  grid-template-columns:repeat(3,max-content);
  justify-content:start;
  gap:14px;
  overflow:hidden;
}
.chat-commercial-header .close-probability-header .close-probability-scale span{
  font-size:6px;
}
@media(max-width:1280px) and (min-width:821px){
  .chat-commercial-header .close-probability-header{padding:6px 8px}
  .chat-commercial-header .close-probability-header .close-probability-scale{gap:8px}
}