Update verbatim.css

verbatim.css

@@ -1,6 +1,6 @@
 @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&display=swap');
 
-/* ====== Forcer le mode clair, même si l'hôte impose le dark ====== */
+/* ====== Forcer le mode clair / overrides Gradio ====== */
 :root,
 html[data-theme="dark"],
 body[data-theme="dark"],
@@ -13,7 +13,7 @@ body[data-theme="dark"],
   --vb-primary-2:#06B6D4;
   --vb-border:#E2E8F0;
 
-  /* override des tokens Gradio (V5) */
+  /* Tokens Gradio */
   --body-background-fill:#F8FAFC;
   --panel-background-fill:#FFFFFF;
   --block-background-fill:#FFFFFF;
@@ -33,10 +33,10 @@ html, body, .gradio-container {
   background: var(--vb-bg) !important;
   color: var(--vb-text) !important;
   font-family: Manrope, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif !important;
-  font-weight: 500 !important; /* non gras par défaut */
+  font-weight: 500 !important; /* tout en noir, non gras */
 }
 
-/* ====== Encart / cartes ====== */
+/* ====== Encart / cartes (dégradé du logo, pas de bordures noires) ====== */
 .gradio-container .block,
 .gradio-container .gr-block,
 .gradio-container .gr-box,
@@ -50,12 +50,12 @@ html, body, .gradio-container {
 .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;   /* pas de bordure noire */
+  border: 1px solid transparent !important;
   border-radius: 14px !important;
   box-shadow: 0 10px 26px rgba(2,6,23,.08);
 }
 
-/* ====== Titre / sous-titres (header) ====== */
+/* ====== Header ====== */
 .vb-hero{
   display:flex;align-items:center;gap:16px;
   padding:20px 22px;margin:10px 0 20px;
@@ -65,7 +65,7 @@ html, body, .gradio-container {
 .vb-hero .vb-title{font-size:22px;color:#0F172A;font-weight:500}
 .vb-hero .vb-sub{font-size:13px;color:#0F172A}
 
-/* ====== Labels : tout en noir, suppression des pills noires ====== */
+/* ====== Labels noirs – suppression des rubans/pills auto ====== */
 .gradio-container [data-testid="block-label"],
 .gradio-container .component-label,
 .gradio-container .label,
@@ -95,17 +95,15 @@ html, body, .gradio-container {
   box-shadow:0 0 0 2px rgba(124,58,237,.35), 0 0 0 4px rgba(6,182,212,.25) !important;
 }
 
-/* ====== Checkboxes / radios ====== */
+/* ====== Checkboxes / radios : couleur bouton & déjà cochées côté Python ====== */
 .gradio-container input[type="checkbox"],
 .gradio-container input[type="radio"],
 .gradio-container [data-testid="checkbox"] input[type="checkbox"]{
-  accent-color: var(--vb-primary) !important;     /* finit l’orange */
-}
-
-/* ====== Sliders (no orange) ====== */
-.gradio-container input[type="range"]{
   accent-color: var(--vb-primary) !important;
 }
+
+/* ====== Sliders (plus d’orange) ====== */
+.gradio-container input[type="range"]{ accent-color: var(--vb-primary) !important; }
 .gradio-container .noUi-target{ background:rgba(124,58,237,.18) !important; border:0 !important; box-shadow:none !important; }
 .gradio-container .noUi-connect{ background:linear-gradient(90deg, var(--vb-primary), var(--vb-primary-2)) !important; }
 .gradio-container .noUi-handle{
@@ -122,7 +120,7 @@ html, body, .gradio-container {
 }
 .gradio-container .vb-cta:hover{ transform:translateY(-2px); filter:brightness(1.05) }
 
-/* ====== Tableaux / DataFrames ====== */
+/* ====== DataFrames ====== */
 .gradio-container .table,
 .gradio-container .table * ,
 .gradio-container .svelte-virtual-table-viewport,