UI: сворачивание активного звонка

shine-UI/styles/components.css

@@ -1733,16 +1733,57 @@
   display: none;
 }
 
-.call-overlay {
-  position: fixed;
+.call-ui-root[hidden] {
+  display: none;
+}
+
+.call-ui-root {
+  position: absolute;
   inset: 0;
   z-index: 80;
+  pointer-events: none;
+}
+
+.call-minimized-bar {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  min-height: 44px;
+  padding: calc(8px + env(safe-area-inset-top)) 14px 8px;
+  border: 0;
+  border-bottom: 1px solid rgba(159, 255, 196, 0.28);
+  background: linear-gradient(180deg, rgba(30, 138, 79, 0.98), rgba(18, 106, 60, 0.98));
+  box-shadow: 0 10px 24px rgba(5, 30, 16, 0.28);
+  color: #f3fff8;
+  font-size: 13px;
+  font-weight: 700;
+  line-height: 1.2;
+  text-align: left;
+  pointer-events: auto;
+  cursor: pointer;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.call-minimized-bar-text {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.call-overlay {
+  position: absolute;
+  inset: 0;
   display: flex;
   align-items: flex-end;
   justify-content: center;
   padding: 16px;
   background: rgba(6, 10, 16, 0.55);
   backdrop-filter: blur(4px);
+  pointer-events: auto;
 }
 
 .call-overlay-panel {
@@ -1756,12 +1797,23 @@
   gap: 10px;
 }
 
+.call-overlay-head {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+}
+
 .call-overlay-title {
   margin: 0;
   font-size: 20px;
   color: #eff4ff;
 }
 
+.call-overlay-minimize-btn {
+  flex: 0 0 auto;
+}
+
 .call-overlay-status {
   color: #c8d7f6;
   font-size: 14px;

shine-UI/styles/layout.css

@@ -24,6 +24,7 @@ body::before {
   width: min(100vw, 430px);
   height: 100dvh;
   position: relative;
+  --call-minimized-bar-height: 0px;
   background: transparent;
   border-left: 1px solid rgba(211, 170, 86, 0.2);
   border-right: 1px solid rgba(211, 170, 86, 0.2);
@@ -39,7 +40,7 @@ body::before {
 
 .screen-content {
   position: absolute;
-  top: 0;
+  top: var(--call-minimized-bar-height, 0px);
   left: 0;
   right: 0;
   bottom: 74px;
@@ -52,6 +53,10 @@ body::before {
   padding-bottom: calc(24px + env(safe-area-inset-bottom));
 }
 
+.app-shell.has-minimized-call .screen-content {
+  padding-top: 12px;
+}
+
 .screen-content.network-scroll-lock {
   overflow: hidden;
   padding: 0;