merging code

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/app/system/audit-trails/audit-trails.component.scss

@@ -6,6 +6,7 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 
+@use 'sass:color';
 @use '../../shared/styles/list-layout' as *;
 
 $blue: #1353a0;
@@ -90,7 +91,7 @@ $muted: #64748b;
     box-shadow: 0 1px 4px rgb(19 83 160 / 25%);
 
     &:hover {
-      background: darken($blue, 6%);
+      background: color.adjust($blue, $lightness: -6%);
     }
   }
 }
@@ -263,7 +264,7 @@ $muted: #64748b;
 }
 
 // ===== Responsive =====
-@media (max-width: 960px) {
+@media (width <= 960px) {
   .at-filters__row--3 {
     grid-template-columns: repeat(2, 1fr);
   }
@@ -278,7 +279,7 @@ $muted: #64748b;
   }
 }
 
-@media (max-width: 600px) {
+@media (width <= 600px) {
   .at-filters__row--3 {
     grid-template-columns: 1fr;
   }