update

layout/style.scss

@@ -851,7 +851,7 @@ table {
     border-top: 1px solid #F1F5F9;
 
     &:first-child {
-      display: none;
+      display: none !important;
     }
   }
 
@@ -2113,6 +2113,80 @@ table {
         background: $cWhite;
       }
     }
+
+    .products-dt-footer {
+      display: flex !important;
+      align-items: center;
+      justify-content: space-between;
+      gap: 16px;
+      padding: 14px 20px;
+      border-top: 1px solid #F1F5F9;
+    }
+
+    .products-dt-info {
+      flex: 0 1 auto;
+      color: #8899A6;
+      font-size: 13px;
+      white-space: nowrap;
+    }
+
+    .products-dt-actions {
+      display: flex;
+      flex: 1 1 auto;
+      align-items: center;
+      justify-content: flex-end;
+      gap: 14px;
+      min-width: 0;
+    }
+
+    .dt-paging {
+      flex: 0 1 auto;
+
+      .pagination {
+        justify-content: flex-end;
+      }
+    }
+
+    .dt-length {
+      flex: 0 0 auto;
+      color: #64748B;
+      font-size: 13px;
+      font-weight: 500;
+      white-space: nowrap;
+
+      label {
+        display: inline-flex;
+        align-items: center;
+        gap: 7px;
+        margin: 0;
+      }
+
+      select,
+      select.dt-input {
+        height: 36px;
+        min-width: 70px;
+        border: 1px solid $cBorder;
+        border-radius: 8px;
+        background: $cWhite;
+        color: $cTextDark;
+        font-size: 13px;
+        font-weight: 600;
+        padding: 0 10px;
+        outline: none;
+        cursor: pointer;
+        transition: border-color 0.2s, box-shadow 0.2s, background-color 0.2s;
+
+        &:hover {
+          border-color: $cPrimary;
+          background: #F8FAFC;
+        }
+
+        &:focus {
+          border-color: $cPrimary;
+          box-shadow: 0 0 0 3px rgba($cPrimary, 0.12);
+        }
+      }
+    }
   }
 
   // Przycisk usuwania w wierszu
@@ -3683,4 +3757,4 @@ table#products {
 .js-title-alt-apply {
   color: #000;
   justify-content: flex-start;
-}
+}