Update app.py

app.py

@@ -358,7 +358,7 @@ def generateCqOemImport(file_name):
         yield "Unsupported file format"
 
 #================================
-css = """
+css1 = """
 * {
     background-color: #000000 !important;
     color: #FFFFFF !important;
@@ -401,12 +401,16 @@ label {
     background: transparent !important;
     color: #FFFFFF !important;
 }
-span[style*="color"] {
+span[style] {
     color: inherit !important;  /* Respect inline styles */
 }
 
+span[style*="color"] {
+    color: inherit !important !important;  /* Double !important */
+}
+
 span {
-    color: inherit !important;  /* Inherit from inline */
+    all: unset !important;
 }
 #compliance-btn { background: red !important; }
 #compliance-btn-tech { background: #006600 !important; }
@@ -432,7 +436,7 @@ span {
 """
 
 #=====================
-css1 = """
+css = """
 .gradio-container {
     background: linear-gradient(135deg, #000000, #1a1a1a) !important;
     color: #ffffff !important;
@@ -502,6 +506,16 @@ css1 = """
     color: #FFFFFF !important; 
     font-size: 16px !important; 
 }
+#out_cq_elemid {
+    background-color: #00008B !important;
+    color: #FFFFFF !important; 
+    font-size: 16px !important; 
+}
+#out_tech_elemid {
+    background-color: #00008B !important;
+    color: #FFFFFF !important; 
+    font-size: 16px !important;
+}
 """
 
 with gr.Blocks(css=css) as demo:
@@ -553,7 +567,7 @@ with gr.Blocks(css=css) as demo:
                     elem_id="tech-file"
                 )
             run_btn_tech = gr.Button("Check compliance of technical document", elem_id="compliance-btn-tech")
-            out_tech = gr.HTML(label="Compliance Result of technical document")
+            out_tech = gr.HTML(label="Compliance Result of technical document", elem_id="out_tech_elemid")
             #out = gr.Textbox(lines=15, label="Compliance Result",elem_id="compliance-out")
             run_btn_tech.click(check_compliance_tech, inputs=inp_tech, outputs=out_tech)
         with gr.TabItem("CQ generation - OEM "):
@@ -570,9 +584,9 @@ with gr.Blocks(css=css) as demo:
                         </div>"""                        
                 )
             run_btn_oemImport = gr.Button("Generate CQ of OEM-offer", elem_id="generateOEMImport-btn")
-            out_tech = gr.HTML(label="Generated CQ")
+            out_cq = gr.HTML(label="Generated CQ", elem_id="out_cq_elemid")
             #out = gr.Textbox(lines=15, label="Compliance Result",elem_id="compliance-out")
-            run_btn_oemImport.click(generateCqOemImport, inputs=inp_OEM_import, outputs=out_tech)
+            run_btn_oemImport.click(generateCqOemImport, inputs=inp_OEM_import, outputs=out_cq)
         with gr.TabItem("Generate TAC"):
             gr.HTML("""
                         <div style="color: white; background: black; padding: 20px; text-align: center; font-size: 24px;">