Enhance progression rolls, damage rolls and other fixes

styles/global.less

@@ -1,8 +1,11 @@
 :root {
   --font-size-standard: 0.9rem;
   --font-size-result: 1.4rem;
-  --background-image-base: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), 
-                url("../assets/ui/jazz_background_main.webp");
+  --background-image-base: linear-gradient(
+      rgba(255, 255, 255, 0.8),
+      rgba(255, 255, 255, 0.8)
+    ),
+    url("../assets/ui/jazz_background_main.webp");
   --font-primary: "RozhaOne";
   --font-secondary: "RozhaOne";
   --font-title: "Broadway";
@@ -12,7 +15,11 @@
   --color-warning: darkorange;
   --color-critical-success: rgb(21, 39, 204);
   --color-critical-failure: rgb(141, 32, 231);
-  --img-icon-color-filter: brightness(0) saturate(100%) invert(52%) sepia(9%) saturate(2368%) hue-rotate(360deg) brightness(86%) contrast(84%);
+  --img-icon-color-filter: brightness(0) saturate(100%) invert(52%) sepia(9%)
+    saturate(2368%) hue-rotate(360deg) brightness(86%) contrast(84%);
+}
+
+body {
 }
 
 .d100 {
@@ -60,7 +67,7 @@ i.fvtt-cthulhu-eternal {
 
 .application.dialog.fvtt-cthulhu-eternal {
   font-family: var(--font-primary);
-  font-size: calc(var(--font-size-standard) * 1.0);
+  font-size: calc(var(--font-size-standard) * 1);
   background-image: var(--background-image-base);
   button:hover {
     background: var(--color-dark-6);
@@ -74,7 +81,7 @@ i.fvtt-cthulhu-eternal {
 .chat-message.whisper {
   font-family: var(--font-primary);
   background-image: var(--background-image-base);
-  background-repeat:repeat-y;
+  background-repeat: repeat-y;
   background-position: 0%;
   background-size: 100% 100%;
 }

styles/mixins.less

@@ -1,11 +1,17 @@
 .sheet-common() {
   font-family: var(--font-primary);
-  font-size: calc(var(--font-size-standard) * 1);
+  font-size: calc(var(--font-size-standard) * 1.05);
   color: var(--color-dark-1);
   background-image: var(--background-image-base);
   background-repeat: no-repeat;
   background-size: 100% 100%;
 
+  .sheet-tabs {
+    a {
+    color: rgba(32, 31, 31, 0.8);
+    }
+  }
+
   input:disabled,
   select:disabled {
     background-color: rgba(0, 0, 0, 0.2);
@@ -34,15 +40,23 @@
     border-radius: 4px;
   }
 
+  .form-group {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 4px;
+  }
+
   .form-fields {
     input,
     select {
       text-align: center;
-      font-size: calc(var(--font-size-standard) * 1.0);
+      font-size: calc(var(--font-size-standard) * 1);
     }
     select {
       font-family: var(--font-secondary);
-      font-size: calc(var(--font-size-standard) * 1.0);
+      font-size: calc(var(--font-size-standard) * 1);
     }
   }
 
@@ -57,46 +71,41 @@
 .protagonist-sheet-common {
   label {
     font-family: var(--font-secondary);
-    font-size: calc(var(--font-size-standard) * 1.0);
+    font-size: calc(var(--font-size-standard) * 1);
   }
 }
 
 .vehicle-sheet-common {
   label {
     font-family: var(--font-secondary);
-    font-size: calc(var(--font-size-standard) * 1.0);
+    font-size: calc(var(--font-size-standard) * 1);
   }
 }
 
 .creature-sheet-common {
   label {
     font-family: var(--font-secondary);
-    font-size: calc(var(--font-size-standard) * 1.0);
+    font-size: calc(var(--font-size-standard) * 1);
   }
 }
 
 .item-sheet-common {
+
   .form-fields {
     padding-top: 4px;
   }
 
   label {
     font-family: var(--font-secondary);
-    font-size: calc(var(--font-size-standard) * 1.0);
+    font-size: calc(var(--font-size-standard) * 1);
     flex: 50%;
   }
-  
-  .align-top {
-    align-self: flex-start;
-    padding: 0.1rem;
-    margin-right: 0.2rem;
-    /*border-color: black;
-    border-width: 1px;
-    border-style: solid;
-    border-radius: 2%;*/
+
+  input[type="checkbox"] {
+    --checkbox-checkmark-color: var(--color-dark-1);
   }
 
   .shift-right {
     margin-left: 2rem;
-  }  
+  }
 }

styles/protagonist.less

@@ -120,7 +120,8 @@
           margin-left: 4px;
         }
         .label-field {
-          font-size: 0.9rem;
+          display: flex;
+          font-size: 1.05rem;
           max-width: 6rem;
           min-width: 6rem;
           flex-grow: 1;
@@ -310,6 +311,11 @@
         min-width: 1.2rem;
         max-width: 1.2rem;
       }
+      .skill-failed-progress {
+        text-decoration: dashed underline;
+        text-underline-offset: 4px;
+        text-decoration-color: rgb(70, 90, 72);
+      }
       .name {
         min-width: 10rem;
         max-width: 10rem;

styles/roll.less

@@ -95,7 +95,12 @@
         }
         .nudge-roll {
           font-size: calc(var(--font-size-standard) * 1.0);
-          margin-left: 4rem;
+          margin-left: 2rem;
+          display: none;
+        }
+        .roll-damage {
+          font-size: calc(var(--font-size-standard) * 1.0);
+          margin-left: 2rem;
           display: none;
         }
         .result-success {