Fix select text clipping in header stat cards

Use height:auto + padding:1px instead of fixed 20px height so browser
renders select text without vertical clipping.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

less/actor-styles.less

@@ -202,11 +202,11 @@
             line-height: 1;
           }
 
-          input[type="text"],
-          select {
+          input[type="text"] {
             flex: 1;
             min-width: 0;
             height: 20px;
+            line-height: 20px;
             font-size: 0.72rem;
             font-weight: 600;
             padding: 0 3px;
@@ -233,12 +233,39 @@
           }
 
           select {
+            flex: 1;
+            min-width: 0;
+            height: auto;
+            min-height: 20px;
+            font-size: 0.72rem;
+            font-weight: 600;
+            padding: 1px 14px 1px 3px;
+            line-height: 1.2;
+            background: rgba(35, 20, 5, 0.85);
+            border: 1px solid rgba(120,75,20,0.55);
+            border-radius: 2px;
+            color: #f0dfc0;
+            text-align: center;
+            text-shadow: none;
             appearance: none;
             -webkit-appearance: none;
-            padding-right: 14px;
             background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath fill='%23b09060' d='M0 0l4 5 4-5z'/%3E%3C/svg%3E");
             background-repeat: no-repeat;
             background-position: right 3px center;
+
+            &:hover {
+              border-color: rgba(200,150,40,0.7);
+              background-color: rgba(50,30,10,0.9);
+            }
+            &:focus {
+              outline: none;
+              border-color: #ffd700;
+              box-shadow: 0 0 4px rgba(255,215,0,0.3);
+            }
+            &:disabled {
+              opacity: 0.6;
+              cursor: default;
+            }
           }
 
           // Valeur centrale (Vigueur)