merging code

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

src/app/bank-calendar/bank-calendar.component.scss

@@ -6,6 +6,8 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 
+@use 'sass:color';
+
 $navy: #0d1b2a;
 $blue: #1e88e5;
 $green: #10b981;
@@ -239,7 +241,7 @@ $purple: #7c3aed;
     flex-shrink: 0;
 
     &:hover {
-      background: darken($blue, 8%);
+      background: color.adjust($blue, $lightness: -8%);
       box-shadow: 0 2px 8px rgb(30 136 229 / 35%);
     }
   }
@@ -434,7 +436,7 @@ $purple: #7c3aed;
 }
 
 // ─── Responsive ───
-@media screen and (max-width: 1200px) {
+@media screen and (width <= 1200px) {
   .cal-months {
     grid-template-columns: repeat(2, 1fr);
   }
@@ -444,7 +446,7 @@ $purple: #7c3aed;
   }
 }
 
-@media screen and (max-width: 768px) {
+@media screen and (width <= 768px) {
   .cal-months {
     grid-template-columns: 1fr;
   }