- added evaluation single page new sections;

src/assets/scss/components/appPage.scss

@@ -88,6 +88,18 @@
     display: flex;
     flex-direction: column;
     align-items: flex-start;
+    width: 100%;
+
+    &.columns {
+        display: grid;
+        gap: 1rem;
+        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+        width: 100%;
+        
+        /*> div {
+            max-width: 50%;
+        }*/
+    }
 
     h2 {
         color: var(--global-textColor);
@@ -103,6 +115,13 @@
         gap: 1rem;
         align-items: center;
         padding: 5px 0;
+        width: 100%;
+    }
+    
+    .col {
+        display: flex;
+        flex-direction: column;
+        gap: 1rem;
     }
 }
 
@@ -117,6 +136,10 @@
     container-name: section_with_border;
     container-type: inline-size;
 
+    &.grey {
+        border-color: var(--table-border-color)
+    }
+
     &.disabled {
         filter: grayscale(1);
         opacity: 0.8;
@@ -171,6 +194,37 @@
     }
 }
 
+.appPageSection__list {
+    display: flex;
+    flex-direction: column;
+    padding: 0;
+
+    li {
+        padding: 15px;
+        border-bottom: 1px solid var(--button-secondary-borderColor);
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        gap: 1rem;
+    }
+}
+
+.appPageSection__checklist {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    
+    div {
+        display: flex;
+        gap: 0.5rem;
+    }
+}
+
+.appPageSection__iconActions {
+    display: flex;
+    gap: 0.5em;
+}
+
 @container section_with_border (max-width: 600px) {
     .appPageSection__withBorder {
         .row {