Update app.py

app.py

@@ -638,6 +638,7 @@ footer {{ display: none !important; }}
     border: 1px solid {T['line']} !important;
     border-radius: 4px !important;
     padding: 0 !important;
+    overflow: visible !important; /* Critical to prevent dropdown detachment */
 }}
 
 /* ── Labels ───────────────────────────────────────── */
@@ -653,8 +654,15 @@ label span, .block-title, label {{
 }}
 label * {{ color: {T['dim']} !important; font-size: inherit !important; }}
 
-/* ── Inputs ───────────────────────────────────────── */
-textarea, select {{
+/* ── Grid Items ───────────────────────────────────── */
+#panel-config .block {{
+    padding: 14px 16px !important;
+    border-right: 1px solid {T['line']} !important;
+    border-bottom: 1px solid {T['line']} !important;
+}}
+
+/* ── Inputs (Targeted to avoid breaking Dropdowns) ── */
+#a-input textarea {{
     background: {T['slab']} !important;
     color: {T['bone']} !important;
     border: 1px solid {T['line']} !important;
@@ -662,32 +670,15 @@ textarea, select {{
     font-size: 15.5px !important;
     line-height: 1.7 !important;
     transition: border-color .15s !important;
+    min-height: 190px !important;
+    padding: 16px 18px !important;
 }}
-textarea:focus, select:focus {{
+#a-input textarea:focus {{
     border-color: {T['ember']} !important;
     outline: none !important;
     box-shadow: none !important;
 }}
-textarea::placeholder {{ color: {T['dim']} !important; }}
-
-#panel-config .block {{
-    padding: 14px 16px !important;
-    border-right: 1px solid {T['line']} !important;
-    border-bottom: 1px solid {T['line']} !important;
-}}
-
-#panel-config input, 
-#panel-config .wrap-inner, 
-#panel-config .secondary-wrap,
-#panel-config .single-select,
-#panel-config .token {{
-    background: transparent !important;
-    border: none !important;
-    padding-left: 0 !important;
-    font-size: 15px !important;
-    font-weight: 500 !important;
-    color: {T['bone']} !important;
-}}
+#a-input textarea::placeholder {{ color: {T['dim']} !important; }}
 
 /* ── Seniority segmented switch ───────────────────── */
 #seniority-radio {{ padding: 0 !important; }}
@@ -772,42 +763,6 @@ textarea::placeholder {{ color: {T['dim']} !important; }}
 }}
 #q-display label span {{ color: {T['ember']} !important; }}
 
-#a-input textarea {{ min-height: 190px !important; padding: 16px 18px !important; }}
-
-/* ── Dropdown menu ────────────────────────────────── */
-#panel-config,
-#panel-config .block {{
-    overflow: visible !important;
-}}
-
-#panel-config .block {{
-    position: relative !important;
-    z-index: 1 !important;
-}}
-
-/* Elevate the active block so its menu paints over the blocks below it */
-#panel-config .block:hover,
-#panel-config .block:focus-within {{
-    z-index: 999 !important;
-}}
-
-.options, .options-wrap, [role="listbox"], ul.options {{
-    background: {T['raise']} !important;
-    border: 1px solid {T['line2']} !important;
-    border-radius: 4px !important;
-    color: {T['bone']} !important;
-    position: absolute !important;
-    z-index: 9999 !important;
-    top: 100% !important;
-    left: 0 !important;
-    width: 100% !important;
-    margin-top: 4px !important;
-    box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important;
-}}
-
-li.item {{ background: {T['raise']} !important; color: {T['ash']} !important; font-family: {BODY} !important; }}
-li.item:hover, li.item.selected {{ background: {T['line']} !important; color: {T['hot']} !important; }}
-
 /* ── Buttons ──────────────────────────────────────── */
 button.primary {{
     background: {T['ember']} !important;