diff --git a/display.php b/display.php
index 2f5febf..22784ef 100644
--- a/display.php
+++ b/display.php
@@ -39,15 +39,15 @@ qh_page_start(
     padding-bottom: 0 !important;
   }
   @keyframes highlightPulse {
-    0% { transform: scale(1); box-shadow: var(--shadow); border: 2px solid transparent; background-color: #ffffff; }
-    50% { transform: scale(1.05); box-shadow: 0 0 30px rgba(255, 179, 102, 0.8); border: 2px solid #ff9933; background-color: #ffb366; color: #000; }
-    100% { transform: scale(1); box-shadow: var(--shadow); border: 2px solid transparent; background-color: #ffffff; }
+    0% { transform: scale(1); box-shadow: var(--shadow); border-color: transparent; background-color: var(--surface); }
+    50% { transform: scale(1.08); box-shadow: 0 0 40px rgba(255, 235, 59, 0.9); border-color: #ffb300; background-color: #ffeb3b; }
+    100% { transform: scale(1); box-shadow: var(--shadow); border-color: transparent; background-color: var(--surface); }
   }
   .blinking-ticket {
     animation: highlightPulse 1.5s ease-in-out infinite;
     z-index: 10;
     position: relative;
-    /* removed */ 
+    background-image: none !important; /* Ensure background-color animation works against shorthand */
   }
 </style>
 <div class="container-fluid px-0 px-lg-0 py-0 m-0" data-auto-refresh="3" style="min-height: 100vh; display: flex; flex-direction: column; ">
@@ -95,7 +95,7 @@ qh_page_start(
                 $blinkClass = $isNew ? 'blinking-ticket' : '';
               ?>
                 <div class="col">
-                  <div class="card border-0 shadow-sm h-100 announcement-card <?= $blinkClass ?>" data-announcement-key="<?= qh_h((string) $ticket['id']) ?>-<?= qh_h((string) strtotime((string) $ticket['called_at'])) ?>" data-announcement-en="<?= qh_h($speech['speech_en'] ?? $speech['en']) ?>" data-announcement-ar="<?= qh_h($speech['speech_ar'] ?? $speech['ar']) ?>">
+                  <div class="card shadow-sm h-100 announcement-card <?= $blinkClass ?>" data-announcement-key="<?= qh_h((string) $ticket['id']) ?>-<?= qh_h((string) strtotime((string) $ticket['called_at'])) ?>" data-announcement-en="<?= qh_h($speech['speech_en'] ?? $speech['en']) ?>" data-announcement-ar="<?= qh_h($speech['speech_ar'] ?? $speech['ar']) ?>">
                     <div class="card-body w-100 text-center p-1 d-flex flex-column align-items-center justify-content-center">
                       <div class="fs-3 fw-bold text-primary mb-1"><?= qh_h($ticket['ticket_number']) ?></div>
                       <div class="small text-muted mb-1 text-truncate w-100" title="<?= qh_h(qh_name($ticket, 'doctor_name', qh_t('Doctor', 'الطبيب'))) ?>"><?= qh_h(qh_name($ticket, 'doctor_name', qh_t('Doctor', 'الطبيب'))) ?></div>
@@ -301,4 +301,4 @@ qh_page_start(
 </div>
 <?php endif; ?>
 
-<?php qh_page_end(); ?>
\ No newline at end of file
+<?php qh_page_end(); ?>