Polish operator messenger layout

ui/operator/styles.css

@@ -27,6 +27,10 @@
   box-sizing: border-box;
 }
 
+[hidden] {
+  display: none !important;
+}
+
 html,
 body {
   margin: 0;
@@ -1688,6 +1692,7 @@ textarea::placeholder {
   background:
     linear-gradient(135deg, rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0.18)),
     repeating-linear-gradient(45deg, rgba(51, 102, 232, 0.04) 0 10px, transparent 10px 20px);
+  align-content: start;
 }
 
 .messenger-composer-wrap {
@@ -1697,11 +1702,27 @@ textarea::placeholder {
 
 .messenger-composer-shell {
   grid-template-columns: minmax(0, 1fr) 48px;
+  max-width: none;
+  align-items: center;
   background: #fff;
   border: 1px solid #dce5f0;
   box-shadow: 0 12px 30px rgba(16, 33, 61, 0.08);
 }
 
+.messenger-composer-shell textarea {
+  min-height: 42px;
+  max-height: 112px;
+  height: 42px;
+  padding: 10px 8px;
+  border: 0;
+  background: transparent;
+  resize: none;
+  outline: none;
+  font-size: 15px;
+  line-height: 1.45;
+  overflow-y: auto;
+}
+
 .messenger-composer-shell textarea:disabled {
   background: #f6f8fb;
   color: #94a3b8;
@@ -2380,6 +2401,7 @@ textarea::placeholder {
   padding: 16px;
   display: grid;
   gap: 8px;
+  align-content: start;
 }
 
 .telegram-message {
@@ -2528,7 +2550,7 @@ textarea::placeholder {
   opacity: 1;
 }
 
-.telegram-composer textarea {
+.telegram-composer-shell textarea {
   min-height: 48px;
   max-height: 128px;
   height: 48px;