/* PH WebChat shared call-card layout — authoritative owner for Admin + customer widget. */
.ph-webchat-call-card{
  display:block!important;
  width:max-content!important;
  min-width:220px!important;
  max-width:min(320px,100%)!important;
  padding:12px 14px 0!important;
  border:1px solid #cfd6e0!important;
  border-radius:12px!important;
  background:#fff!important;
  overflow:hidden!important;
  color:#1d2939!important;
}
.ph-webchat-call-card__title{
  display:block!important;
  margin:0 0 9px!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
.ph-webchat-call-card.is-danger .ph-webchat-call-card__title{color:#d92d20!important}
.ph-webchat-call-card__body{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:0 0 11px!important;
}
.ph-webchat-call-card__body small{
  display:block!important;
  margin:0!important;
  color:#667085!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:400!important;
  white-space:nowrap!important;
}
.ph-webchat-call-card__icon{
  display:inline-grid!important;
  place-items:center!important;
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
  color:#7d8da1!important;
}
.ph-webchat-call-card__glyph{display:block!important;width:28px!important;height:28px!important;overflow:visible!important}
.ph-webchat-call-card__glyph .ph-call-phone{fill:#7d8da1!important}
.ph-webchat-call-card__glyph .ph-call-mark{fill:none!important;stroke-width:2.2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.ph-webchat-call-card__glyph .ph-call-mark--in{stroke:#12b76a!important}
.ph-webchat-call-card__glyph .ph-call-mark--out{stroke:#f04438!important}
.ph-webchat-call-card__glyph .ph-call-reject-circle,
.ph-webchat-call-card__glyph .ph-call-reject-slash{fill:none!important;stroke:#d92d20!important;stroke-width:2.1!important;stroke-linecap:round!important}
.ph-webchat-call-card__glyph--missed{width:28px!important;height:28px!important;overflow:visible!important}
.ph-webchat-call-card__glyph--missed .ph-call-missed-handset{fill:#d92d20!important;transform:none!important}
.ph-webchat-call-card__glyph--missed .ph-call-missed-arrow{fill:none!important;stroke:#d92d20!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.ph-webchat-call-card__retry{
  display:block!important;
  width:calc(100% + 28px)!important;
  margin:0 -14px!important;
  padding:10px 12px!important;
  border:0!important;
  border-top:1px solid #d0d5dd!important;
  background:transparent!important;
  color:#1570ef!important;
  text-align:center!important;
  font-size:14px!important;
  font-weight:600!important;
  cursor:pointer!important;
}


/* BUILD109.0.108 — canonical missed-call glyph + shared Admin/customer layout lock. */
.ph-webchat-call-card__icon.is-missed{
  display:inline-grid!important;
  place-items:center!important;
  width:28px!important;
  height:24px!important;
  flex:0 0 28px!important;
  color:#d92d20!important;
}
.ph-webchat-call-card__missed-glyph{
  display:block!important;
  width:28px!important;
  height:20px!important;
  background:url("../../icons/ai/webchat-call-missed.svg?wc=109.0.110") center/28px 20px no-repeat!important;
}
.ph-ai-chat .ph-webchat-call-card,
.webchat-message.is-call .ph-webchat-call-card{
  display:block!important;
  width:max-content!important;
  min-width:220px!important;
  max-width:min(320px,100%)!important;
  padding:12px 14px 0!important;
  border:1px solid #cfd6e0!important;
  border-radius:12px!important;
  background:#fff!important;
  overflow:hidden!important;
}
.ph-ai-chat .ph-webchat-call-card__body,
.webchat-message.is-call .ph-webchat-call-card__body{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:0 0 11px!important;
}