Update style.css

style.css

@@ -398,11 +398,11 @@ label.container.show_textbox_border {
     border-radius: 10px !important;*/
 }
 
-/* =====================================
-   SKICKA & RENSA – TVINGAT LJUST
-   ===================================== */
+/* ===============================
+   SKICKA & RENSA – GARANTERAT LJUST
+   =============================== */
 
-button.gr-button.send-btn {
+.gradio-container button.gr-button.send-btn {
     background-color: #ffffff !important;
     color: #000000 !important;
     border: 2px solid #000000 !important;
@@ -413,45 +413,30 @@ button.gr-button.send-btn {
     min-width: 120px !important;
 
     box-shadow: none !important;
-}
-
-/* Hover */
-button.gr-button.send-btn:hover {
-    background-color: #f2f2f2 !important;
-    color: #000000 !important;
-}
 
-/* Ta bort Gradio "primary"-färger */
-button.gr-button.send-btn {
+    /* Döda theme-variabler */
     --button-primary-background-fill: #ffffff !important;
     --button-primary-background-fill-hover: #f2f2f2 !important;
     --button-primary-text-color: #000000 !important;
 }
 
-/* =====================================
+.gradio-container button.gr-button.send-btn:hover {
+    background-color: #f2f2f2 !important;
+}
+
+/* ===============================
    CHECKBOX – VISA RESONEMANG
-   ===================================== */
+   =============================== */
 
-.gr-checkbox {
+.gradio-container .gr-checkbox {
     background: transparent !important;
 }
 
-/* Själva checkbox-rutan */
-.gr-checkbox input[type="checkbox"] {
-    accent-color: #000000;        /* modern browsers */
-    width: 16px;
-    height: 16px;
+.gradio-container .gr-checkbox input[type="checkbox"] {
+    accent-color: #000000;
 }
 
-/* Texten */
-.gr-checkbox label {
+.gradio-container .gr-checkbox label {
     color: #000000 !important;
     font-weight: 500;
-}
-
-/* Ingen mörk bakgrund vid hover/focus */
-.gr-checkbox:hover,
-.gr-checkbox:focus,
-.gr-checkbox * {
-    background: transparent !important;
 }