Update style.css

style.css

@@ -220,13 +220,13 @@ button.gr-button.card {
 
 /* =====================================================
    MEDDELANDE (Textbox)
-   ===================================================== */
+   ===================================================== 
 .message-box,
 .message-box .form,
 .message-box .wrap,
 .message-box.gr-box {
     background: #ffffff !important;
-/*    border: none !important; */
+/*    border: none !important; 
     color: #000000 !important;
     background-color: #ffffff !important;
     box-shadow: none !important;
@@ -235,7 +235,7 @@ button.gr-button.card {
 .message-box .form *{
     --border-color-primary: #ffffff !important;
     background: #ffffff !important;
-/*    border: none !important; */
+/*    border: none !important; 
 }
 
 .message-box{
@@ -247,12 +247,12 @@ button.gr-button.card {
     background: #ffffff !important;
 }
 
-/* Ta bort Textbox-label */
+/* Ta bort Textbox-label 
 .message-box label {
     display: none !important;
 }
 
-/* Själva textarea */
+/* Själva textarea 
 .message-box textarea {
     background-color: #ffffff !important;
     color: #000000 !important;
@@ -260,10 +260,10 @@ button.gr-button.card {
 /*
     border: 2px solid #1e5bd7 !important;
     border-radius: 10px !important;
-*/
+
     font-size: 15px;
     min-height: 220px;
-    padding: 12px;          /* ← AVGÖRANDE */
+    padding: 12px;          /* ← AVGÖRANDE 
     resize: none;
 
     --background-fill-primary: #ffffff !important;
@@ -271,23 +271,69 @@ button.gr-button.card {
     --body-background-fill: #ffffff !important;
 }
 
-/* Placeholder */
+/* Placeholder 
 .message-box textarea::placeholder {
     color: #6b6b6b !important;
     opacity: 1 !important;
 }
 
-/* Tvinga textfärg även när värde sätts via JS */
+/* Tvinga textfärg även när värde sätts via JS 
 .message-box textarea,
 .message-box textarea:focus,
 .message-box textarea:active {
     color: #000000 !important;
-    -webkit-text-fill-color: #000000 !important; /* KRITISKT för Chromium */
+    -webkit-text-fill-color: #000000 !important; /* KRITISKT för Chromium 
 }
 
 .messagebox.block {
     background: #ffffff !important;
     color: #000000 !important;
+}*/
+
+/* =====================================================
+   MEDDELANDE (Textbox) – STABIL LÖSNING
+   ===================================================== */
+
+/* Yttre container */
+.message-box {
+    background: #ffffff !important;
+    border: 2px solid #1e5bd7 !important;
+    border-radius: 16px !important;
+    padding: 0 !important;
+    min-height: 220px;
+}
+
+/* Ta bort Gradio-inre effekter */
+.message-box .wrap,
+.message-box.gr-box {
+    background: transparent !important;
+    border: none !important;
+    box-shadow: none !important;
+}
+
+/* Själva textarea – ALL text ritas här */
+.message-box textarea {
+    width: 100% !important;
+    min-height: 220px;
+    padding: 14px !important;
+
+    background-color: #ffffff !important;
+    color: #000000 !important;
+
+    border: none !important;
+    outline: none !important;
+    resize: none;
+
+    font-size: 15px;
+    line-height: 1.4;
+
+    -webkit-text-fill-color: #000000 !important;
+}
+
+/* Placeholder */
+.message-box textarea::placeholder {
+    color: #6b6b6b !important;
+    opacity: 1 !important;
 }
 
 /* =====================================================