Fix health icon stuck spinning: target SVG via CSS instead of Vue class binding

room_cal/vue/calendar.html

@@ -115,7 +115,7 @@
     .icon-btn.is-health-ok:not(:disabled):hover    { background: #2d7a4f; border-color: #2d7a4f; color: #fff; }
     .icon-btn.is-health-warn:not(:disabled):hover  { background: #b07d1a; border-color: #b07d1a; color: #fff; }
     .icon-btn.is-health-error:not(:disabled):hover { background: #c04a2a; border-color: #c04a2a; color: #fff; }
-    .anim-spin { animation: spin 0.7s linear infinite; }
+    .icon-btn.is-health-checking svg { animation: spin 0.7s linear infinite; }
 
     /* ── Page layout ─────────────────────────────────────────── */
     .page-layout {
@@ -669,7 +669,7 @@
         <span class="iconify" data-icon="mdi:refresh"></span>
       </button>
       <button class="icon-btn" :class="`is-health-${healthStatus}`" @click="runHealthCheck" :disabled="healthStatus === 'checking'" :title="healthTitle">
-        <span class="iconify" data-icon="mdi:heart-cog" :class="{ 'anim-spin': healthStatus === 'checking' }"></span>
+        <span class="iconify" data-icon="mdi:heart-cog"></span>
       </button>
     </div>
   </div>