message achoix

static/css/style.css

@@ -735,5 +735,63 @@ body {
 
 .user-status.testing {
     background-color: var(--warning-color);
-    animation: pulse 1s infinite;
+}
+
+/* Sélecteurs d'utilisateurs */
+.user-selector {
+    margin-bottom: 1rem;
+}
+
+.user-selector .form-label {
+    font-size: 0.875rem;
+    font-weight: 500;
+    color: var(--text-secondary);
+    margin-bottom: 0.5rem;
+}
+
+.user-selector .form-select {
+    background-color: var(--secondary-bg);
+    border: 1px solid var(--border-color);
+    color: var(--text-primary);
+    border-radius: 6px;
+    font-size: 0.875rem;
+    transition: all 0.3s ease;
+}
+
+.user-selector .form-select:focus {
+    background-color: var(--secondary-bg);
+    border-color: var(--accent-color);
+    color: var(--text-primary);
+    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
+
+.user-selector .form-select option {
+    background-color: var(--secondary-bg);
+    color: var(--text-primary);
+    padding: 0.5rem;
+}
+
+/* Amélioration des sélecteurs dans le chat */
+.chat-container .form-select {
+    background-color: var(--tertiary-bg);
+    border: 1px solid var(--border-color);
+    color: var(--text-primary);
+    font-size: 0.8rem;
+    padding: 0.375rem 0.75rem;
+}
+
+.chat-container .form-select:focus {
+    background-color: var(--tertiary-bg);
+    border-color: var(--accent-color);
+    color: var(--text-primary);
+}
+
+/* Animation pour les sélecteurs */
+.form-select {
+    transition: all 0.3s ease;
+}
+
+.form-select:hover {
+    border-color: var(--accent-color);
+    transform: translateY(-1px);
 }