/* Device-independent vector icons for every call-history state. */
.call-history-bubble{grid-template-columns:42px minmax(0,1fr)!important;grid-template-rows:42px!important;align-items:center!important;gap:8px!important;min-width:0!important}
.call-history-bubble .call-history-icon{position:relative;grid-column:1;grid-row:1;display:grid;place-items:center;width:42px;height:42px;overflow:hidden;border:1px solid #b8ea58;border-radius:50%!important;background:radial-gradient(circle at 30% 22%,#e9ffa3,#cfff57 38%,#8fc82d 100%)!important;color:#14231a!important;box-shadow:0 8px 22px #84b92c32!important}
.call-history-icon svg{display:block;width:24px;height:24px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.call-history-icon .call-state-mark{stroke-width:2.1;filter:drop-shadow(0 1px 1px #fff8)}
.call-history-icon.is-attempt{background:radial-gradient(circle at 30% 22%,#efffb8,#cfff57 42%,#80b927 100%)!important}
.call-history-icon.is-completed{background:radial-gradient(circle at 30% 22%,#e5ffae,#bce957 42%,#69aa32 100%)!important}
.call-history-icon.is-missed,.call-history-icon.is-rejected{border-color:#ff858a;background:radial-gradient(circle at 30% 22%,#ffd1d3,#ff858a 44%,#bc3944 100%)!important;color:#361015!important;box-shadow:0 8px 22px #d94a5440!important}
.call-history-copy{grid-column:2;grid-row:1;display:grid;align-content:center;gap:3px;min-width:0;height:42px}.call-history-copy>strong{overflow:hidden;color:inherit;font-size:13px;font-weight:700;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.call-history-meta{display:flex;align-items:center;gap:7px;min-width:0;color:#7f8c82;line-height:1}.call-history-meta small{font-size:10px;white-space:nowrap}.call-history-meta time{display:inline!important;margin:0!important;color:#879187!important;font-size:8px!important;text-align:left!important;white-space:nowrap}.call-history-bubble>.message-reactions:empty{display:none}.call-history-bubble>.message-reactions{grid-column:2}
html[data-theme=dark] .call-history-bubble .call-history-icon{border-color:#cfff5766;box-shadow:0 8px 24px #0007,0 0 0 1px #cfff5718!important}
@media(max-width:700px){.call-history-bubble{grid-template-columns:38px minmax(0,1fr)!important;grid-template-rows:38px!important}.call-history-bubble .call-history-icon{width:38px;height:38px}.call-history-copy{height:38px}.call-history-icon svg{width:22px;height:22px}.call-history-copy>strong{font-size:12px}}