Update verbatim.css

verbatim.css

@@ -69,6 +69,15 @@ html, body, .gradio-container {
 }
 
 /* ====== Encart / cartes (fond doux, pas de bordures noires épaisses) ====== */
+.gradio-container .block, .gradio-container .gr-block, .gradio-container .gr-box,
+.gradio-container .panel, .gradio-container .form, .gradio-container .group,
+.gradio-container .row, .gradio-container .column, .gradio-container .tabs,
+.gradio-container .tabitem, .gradio-container [class*="accordion"],
+.gradio-container [class*="box"]{
+  background: linear-gradient(180deg, rgba(124,58,237,.10), rgba(6,182,212,.10)) !important;
+  border: 1px solid transparent !important;
+  border-radius: 14px !important;
+  box-shadow: 0 10px 26px rgba(2,6,23,.08);
 }
 
 /* ====== Header ====== */
@@ -147,73 +156,3 @@ html, body, .gradio-container {
 
 /* ====== Footer ====== */
 .vb-footer{color:#0F172A !important;font-size:12px;text-align:center;margin:16px 0;font-weight:400 !important}
-
-/* ---------- FIX encarts noirs / texte invisible (placeholders "empty") ---------- */
-/* Normalise tous les conteneurs vides et variantes "unpadded_box" */
-.gradio-container .empty,
-.gradio-container [class*="unpadded_box"],
-.gradio-container [class*="unpadded-box"],
-.gradio-container .empty[class*="box"]{
-  background:#FFFFFF !important;          /* plus de fond noir */
-  background-image:none !important;
-  border:1px solid transparent !important;
-  box-shadow:none !important;
-}
-
-/* Le contenu (icônes, textes) des encarts vides reste lisible */
-.gradio-container .empty *,
-.gradio-container [class*="unpadded_box"] *{
-  color:#0F172A !important;               /* texte noir */
-  fill:#0F172A !important;                /* icônes SVG en noir si présents */
-}
-
-/* Si Gradio injecte une icône "Empty value", on la rend discrète ou on la masque */
-.gradio-container .empty [class*="icon"],
-.gradio-container [class*="unpadded_box"] [class*="icon"]{
-  color:#0F172A !important;
-  fill:#0F172A !important;
-  opacity:.65;                             /* ou: display:none !important; pour la cacher */
-}
-
-/* Optionnel : toasts / notifications en clair aussi */
-.gradio-container [class*="toast"]{
-  background:#FFFFFF !important;
-  color:#0F172A !important;
-  border:1px solid #E2E8F0 !important;
-  box-shadow:0 10px 26px rgba(2,6,23,.08) !important;
-}
-
-/* ---------- FIX encarts noirs / texte invisible (placeholders "empty") ---------- */
-/* Normalise tous les conteneurs vides et variantes "unpadded_box" */
-.gradio-container .empty,
-.gradio-container [class*="unpadded_box"],
-.gradio-container [class*="unpadded-box"],
-.gradio-container .empty[class*="box"]{
-  background:#FFFFFF !important;          /* fond blanc garanti */
-  background-image:none !important;
-  border:1px solid transparent !important;
-  box-shadow:none !important;
-}
-
-/* Texte & icônes lisibles (noirs) dans ces encarts */
-.gradio-container .empty *,
-.gradio-container [class*="unpadded_box"] *{
-  color:#0F172A !important;
-  fill:#0F172A !important;
-}
-
-/* Icône "Empty value" si injectée par Gradio : discrète (ou masque-la) */
-.gradio-container .empty [class*="icon"],
-.gradio-container [class*="unpadded_box"] [class*="icon"]{
-  color:#0F172A !important;
-  fill:#0F172A !important;
-  opacity:.65; /* ou: display:none !important; */
-}
-
-/* Optionnel : toasts / notifications en clair aussi */
-.gradio-container [class*="toast"]{
-  background:#FFFFFF !important;
-  color:#0F172A !important;
-  border:1px solid #E2E8F0 !important;
-  box-shadow:0 10px 26px rgba(2,6,23,.08) !important;
-}