Уточнить уведомления и карточку звонка

shine-UI/styles/components.css

@@ -1763,7 +1763,6 @@
 
 .bubble-call-card {
   display: grid;
-  gap: 4px;
   min-width: min(280px, 72vw);
 }
 
@@ -1771,11 +1770,14 @@
   display: inline-flex;
   align-items: center;
   gap: 8px;
+  flex-wrap: wrap;
 }
 
 .bubble-call-icon {
-  display: inline-grid;
-  place-items: center;
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
   width: 28px;
   height: 28px;
   border-radius: 999px;
@@ -1783,22 +1785,51 @@
   border: 1px solid rgba(123, 191, 255, 0.28);
   color: #d9ecff;
   font-size: 15px;
+  flex: 0 0 auto;
+}
+
+.bubble-call-icon-phone {
+  font-size: 15px;
+  line-height: 1;
+  transform: translateX(-1px);
+}
+
+.bubble-call-icon-arrow {
+  position: absolute;
+  right: 4px;
+  bottom: 3px;
+  font-size: 10px;
+  line-height: 1;
+  font-weight: 700;
+}
+
+.bubble-call-icon--incoming .bubble-call-icon-arrow {
+  color: rgba(167, 225, 255, 0.98);
+}
+
+.bubble-call-icon--outgoing .bubble-call-icon-arrow {
+  color: rgba(255, 214, 132, 0.98);
 }
 
 .bubble-call-title {
   font-size: 14px;
   font-weight: 700;
   color: #eef6ff;
+  line-height: 1.2;
 }
 
 .bubble-call-line {
   font-size: 12px;
-  line-height: 1.35;
-  color: rgba(230, 240, 255, 0.94);
+  line-height: 1.2;
+  margin-left: 2px;
 }
 
-.bubble-call-line--muted {
-  color: rgba(188, 207, 238, 0.78);
+.bubble-call-line--success {
+  color: #7ee19e;
+}
+
+.bubble-call-line--plain {
+  color: rgba(230, 240, 255, 0.94);
 }
 
 .chat-input {