Fixes for appointments and My Pets fields.

web/app/globals.css

@@ -1627,6 +1627,11 @@ body {
   color: #c62828;
 }
 
+.appt-card-status--pending {
+  background: #fff8e1;
+  color: #f57f17;
+}
+
 .appt-card-details {
   display: flex;
   justify-content: space-between;
@@ -1640,6 +1645,34 @@ body {
   margin-top: 0.35rem;
 }
 
+.appt-card-actions {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 0.6rem;
+}
+
+.appt-cancel-btn {
+  font-size: 0.8rem;
+  font-weight: 600;
+  padding: 0.25rem 0.85rem;
+  border-radius: 6px;
+  border: 1px solid #e53935;
+  background: transparent;
+  color: #e53935;
+  cursor: pointer;
+  transition: background 0.15s, color 0.15s;
+}
+
+.appt-cancel-btn:hover:not(:disabled) {
+  background: #e53935;
+  color: #fff;
+}
+
+.appt-cancel-btn:disabled {
+  opacity: 0.5;
+  cursor: default;
+}
+
 /* Adoption Pet Selection */
 
 .appt-adopt-grid {