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"],
+          input[type="text"] {
-          select {
             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)

styles/mournblade-cyd2.css

@@ -2582,11 +2582,11 @@ li {
   padding: 0;
   line-height: 1;
 }
-.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field input[type="text"],
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field input[type="text"] {
-.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field select {
   flex: 1;
   min-width: 0;
   height: 20px;
+  line-height: 20px;
   font-size: 0.72rem;
   font-weight: 600;
   padding: 0 3px;
@@ -2597,30 +2597,53 @@ li {
   text-align: center;
   text-shadow: none;
 }
-.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field input[type="text"]:hover,
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field input[type="text"]:hover {
-.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field select:hover {
   border-color: rgba(200, 150, 40, 0.7);
   background: rgba(50, 30, 10, 0.9);
 }
-.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field input[type="text"]:focus,
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field input[type="text"]:focus {
+  outline: none;
+  border-color: #ffd700;
+  box-shadow: 0 0 4px rgba(255, 215, 0, 0.3);
+}
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field input[type="text"]:disabled {
+  opacity: 0.6;
+  cursor: default;
+}
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field 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;
+  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;
+}
+.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field select:hover {
+  border-color: rgba(200, 150, 40, 0.7);
+  background-color: rgba(50, 30, 10, 0.9);
+}
 .fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field select:focus {
   outline: none;
   border-color: #ffd700;
   box-shadow: 0 0 4px rgba(255, 215, 0, 0.3);
 }
-.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field input[type="text"]:disabled,
 .fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field select:disabled {
   opacity: 0.6;
   cursor: default;
 }
-.fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field select {
-  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;
-}
 .fvtt-mournblade-cyd-2-0.actor .sheet-header .header-stat-cards .stat-card .stat-field.stat-field-center {
   justify-content: center;
 }