개선관리 요구사항과 Google 로그인을 완료

apps/web/src/pages/session/session.css

@@ -2843,7 +2843,7 @@
   background: var(--bg-surface);
   border: 1px solid var(--border-subtle);
   border-radius: var(--radius);
-  min-height: 40px;
+  min-height: 44px;
   padding: 9px 13px;
   cursor: pointer;
   display: inline-flex;
@@ -4835,6 +4835,26 @@
   .sx-page--active .sx-review-button {
     min-width: 116px;
   }
+
+  /* 390px 이하에서는 코칭/전송 문구가 입력 필드를 122px까지 밀어 placeholder가
+     세로로 잘렸다. 접근 가능한 이름은 유지하고 두 액션만 44px 아이콘형으로 압축한다. */
+  .sx-page--active .sx-coach-trigger-btn,
+  .sx-page--active .sx-compose .vg-btn {
+    width: 44px;
+    min-width: 44px;
+    padding-inline: 0;
+    justify-content: center;
+  }
+  .sx-page--active .sx-coach-trigger-btn > span {
+    display: none;
+  }
+  .sx-page--active .sx-compose .vg-btn {
+    font-size: 0;
+  }
+  .sx-page--active .sx-compose textarea {
+    height: 44px;
+    padding-inline: 7px;
+  }
 }
 
 /* 프리스타트 아주 좁은 폭: 1180 이하 규칙이 아바타 열을 140px 로 고정해 두는데,
@@ -5557,11 +5577,14 @@
   }
 
   .sx-page--active .sx-compose {
-    margin-top: 5px;
-    padding-top: 5px;
+    margin-top: 3px;
+    padding-top: 3px;
+  }
+
+  .sx-page--active .sx-compose textarea {
+    height: 44px;
   }
 
-  .sx-page--active .sx-compose textarea,
   .sx-page--active .sx-compose .vg-btn {
     height: 44px;
   }