diff --git a/INSTALL.md b/INSTALL.md
new file mode 100644
index 0000000..2c39045
--- /dev/null
+++ b/INSTALL.md
@@ -0,0 +1,55 @@
+# Animal Management Installation Guide
+
+This guide installs the `animal_management` module in a reusable way for any HumHub instance.
+
+## 1. Requirements
+
+- HumHub `1.14+`
+- Module directory access on the target instance
+- Optional but recommended: `rescue_foundation` module
+
+## 2. Clone into HumHub Modules Directory
+
+The folder name must be exactly `animal_management`.
+
+```bash
+git clone https://gitea.kelinreij.duckdns.org/humhub-modules/animal-management.git \
+  /var/www/localhost/htdocs/protected/modules/animal_management
+```
+
+If the folder already exists:
+
+```bash
+cd /var/www/localhost/htdocs/protected/modules/animal_management
+git pull
+```
+
+## 3. Enable the Module
+
+In HumHub UI:
+
+1. Go to `Administration` -> `Modules`.
+2. Enable `Animal Management`.
+3. Enable it per space where needed.
+
+## 4. Run Migrations
+
+From the HumHub app host/container:
+
+```bash
+php /var/www/localhost/htdocs/protected/yii migrate/up \
+  --include-module-migrations=1 --interactive=0
+```
+
+## 5. Verify
+
+1. Open a space where the module is enabled.
+2. Confirm Animals views load.
+3. Confirm medical/progress/transfer flows render without errors.
+
+## Docker Example
+
+```bash
+docker exec humhub php /var/www/localhost/htdocs/protected/yii migrate/up \
+  --include-module-migrations=1 --interactive=0
+```
diff --git a/controllers/AnimalsController.php b/controllers/AnimalsController.php
index 8979c4b..6eb5c23 100644
--- a/controllers/AnimalsController.php
+++ b/controllers/AnimalsController.php
@@ -42,6 +42,8 @@ class AnimalsController extends ContentContainerController
                 'add-medical-visit' => ['post'],
                 'add-progress-update' => ['post'],
                 'add-gallery-images' => ['post'],
+                'add-gallery-images-inline' => ['get', 'post'],
+                'transfer-inline' => ['get', 'post'],
                 'remove-gallery-image' => ['post'],
                 'transfer-respond' => ['post'],
                 'transfer-complete' => ['post'],
@@ -55,7 +57,7 @@ class AnimalsController extends ContentContainerController
     protected function getAccessRules()
     {
         return [
-            [ContentContainerControllerAccess::RULE_USER_GROUP_ONLY => [Space::USERGROUP_OWNER, Space::USERGROUP_ADMIN, Space::USERGROUP_MODERATOR], 'actions' => ['create', 'edit', 'delete', 'transfer', 'add-medical-visit', 'add-medical-visit-inline', 'edit-medical-visit', 'add-progress-update', 'add-progress-update-inline', 'edit-progress-update', 'add-gallery-images', 'remove-gallery-image', 'transfer-respond', 'transfer-complete', 'transfer-cancel']],
+            [ContentContainerControllerAccess::RULE_USER_GROUP_ONLY => [Space::USERGROUP_OWNER, Space::USERGROUP_ADMIN, Space::USERGROUP_MODERATOR], 'actions' => ['create', 'edit', 'delete', 'transfer', 'transfer-inline', 'add-medical-visit', 'add-medical-visit-inline', 'edit-medical-visit', 'add-progress-update', 'add-progress-update-inline', 'edit-progress-update', 'add-gallery-images', 'add-gallery-images-inline', 'remove-gallery-image', 'transfer-respond', 'transfer-complete', 'transfer-cancel']],
         ];
     }
 
@@ -68,9 +70,13 @@ class AnimalsController extends ContentContainerController
             GalleryIntegrationService::syncSpaceAnimalGalleries($this->contentContainer);
         }
         $viewMode = trim((string)Yii::$app->request->get('view', 'tiles'));
-        if (!in_array($viewMode, ['tiles', 'table'], true)) {
+        if (!in_array($viewMode, ['tiles', 'tiles2', 'rows', 'tablet', 'table'], true)) {
             $viewMode = 'tiles';
         }
+        $isFocusModeRequest = trim((string)Yii::$app->request->get('focus', '')) === '1';
+        if ($isFocusModeRequest) {
+            $viewMode = 'tablet';
+        }
 
         $sortKey = trim((string)Yii::$app->request->get('sort', 'updated_at'));
         $sortDirection = strtolower(trim((string)Yii::$app->request->get('direction', 'desc'))) === 'asc' ? 'asc' : 'desc';
@@ -165,6 +171,33 @@ class AnimalsController extends ContentContainerController
             return (int)$animal->id;
         }, $animals);
 
+        $animalDonationGoalsByAnimal = [];
+        $donationGoalClass = 'humhub\\modules\\donations\\models\\DonationGoal';
+        if (!empty($animalIds)
+            && $this->contentContainer instanceof Space
+            && $this->contentContainer->moduleManager->isEnabled('donations')
+            && class_exists($donationGoalClass)
+            && Yii::$app->db->schema->getTableSchema($donationGoalClass::tableName(), true) !== null
+        ) {
+            $donationGoals = $donationGoalClass::find()
+                ->where([
+                    'contentcontainer_id' => $this->contentContainer->contentcontainer_id,
+                    'goal_type' => $donationGoalClass::TYPE_ANIMAL,
+                ])
+                ->andWhere(['target_animal_id' => $animalIds])
+                ->orderBy(['is_active' => SORT_DESC, 'id' => SORT_DESC])
+                ->all();
+
+            foreach ($donationGoals as $goal) {
+                $animalId = (int)$goal->target_animal_id;
+                if ($animalId <= 0 || isset($animalDonationGoalsByAnimal[$animalId])) {
+                    continue;
+                }
+
+                $animalDonationGoalsByAnimal[$animalId] = $goal;
+            }
+        }
+
         $animalImageUrls = $this->resolveAnimalImageUrls($animalIds, ['profile_image_url', 'profile_image', 'photo_url', 'image_url', 'photo'], false);
         $tileFieldOverrides = $this->resolveDisplayFieldOverrides($animalIds, 'tile_display_fields');
 
@@ -245,6 +278,7 @@ class AnimalsController extends ContentContainerController
             'animalImageUrls' => $animalImageUrls,
             'tileFields' => $this->getTileFieldSettings(),
             'tileFieldOverrides' => $tileFieldOverrides,
+            'animalDonationGoalsByAnimal' => $animalDonationGoalsByAnimal,
             'space' => $this->contentContainer,
             'canManage' => $this->canManageAnimals(),
             'incomingTransfers' => $incomingTransfers,
@@ -257,6 +291,10 @@ class AnimalsController extends ContentContainerController
     {
         $animal = $this->findAnimal($id);
         $canManage = $this->canManageAnimals();
+        $layoutMode = trim((string)Yii::$app->request->get('layout', 'default'));
+        if (!in_array($layoutMode, ['default', 'tablet'], true)) {
+            $layoutMode = 'default';
+        }
 
         if ($this->contentContainer instanceof Space) {
             GalleryIntegrationService::ensureAnimalGallery($animal, $this->contentContainer);
@@ -279,8 +317,10 @@ class AnimalsController extends ContentContainerController
         $transferEvents = $animal->getTransferEvents()->orderBy(['id' => SORT_DESC])->limit(100)->all();
         $galleryItems = $animal->getGalleryItems()->orderBy(['id' => SORT_DESC])->limit(120)->all();
         $customFieldValues = $animal->getCustomFieldDisplayValues($canManage);
-        $animalImageUrls = $this->resolveAnimalImageUrls([(int)$animal->id], ['cover_image_url', 'image_url', 'photo_url', 'photo'], false);
-        $animalCoverImageUrl = trim((string)($animalImageUrls[(int)$animal->id] ?? ''));
+        $animalCoverImageUrls = $this->resolveAnimalImageUrls([(int)$animal->id], ['cover_image_url', 'image_url', 'photo_url', 'photo'], false);
+        $animalProfileImageUrls = $this->resolveAnimalImageUrls([(int)$animal->id], ['profile_image_url', 'profile_image', 'image_url', 'photo_url', 'photo'], false);
+        $animalCoverImageUrl = trim((string)($animalCoverImageUrls[(int)$animal->id] ?? ''));
+        $animalProfileImageUrl = trim((string)($animalProfileImageUrls[(int)$animal->id] ?? ''));
         $detailHeroFields = $this->getDetailHeroFieldSettings();
         $heroOverrides = $this->resolveDisplayFieldOverrides([(int)$animal->id], 'hero_display_fields');
         if (!empty($heroOverrides[(int)$animal->id])) {
@@ -298,7 +338,9 @@ class AnimalsController extends ContentContainerController
             'galleryItems' => $galleryItems,
             'customFieldValues' => $customFieldValues,
             'animalCoverImageUrl' => $animalCoverImageUrl,
+            'animalProfileImageUrl' => $animalProfileImageUrl,
             'detailHeroFields' => $detailHeroFields,
+            'layoutMode' => $layoutMode,
         ]);
     }
 
@@ -352,6 +394,7 @@ class AnimalsController extends ContentContainerController
     public function actionCreate()
     {
         $model = new AnimalForm(['contentContainer' => $this->contentContainer]);
+        $intakeGoalPayload = (array)Yii::$app->request->post('IntakeGoal', []);
 
         if (Yii::$app->request->isPost) {
             $model->load(Yii::$app->request->post());
@@ -368,6 +411,11 @@ class AnimalsController extends ContentContainerController
                 if ($this->contentContainer instanceof Space) {
                     GalleryIntegrationService::ensureAnimalGallery($savedAnimal, $this->contentContainer);
                 }
+
+                $goalError = $this->createIntakeAnimalGoal($savedAnimal, $intakeGoalPayload);
+                if ($goalError !== null) {
+                    $this->view->error($goalError);
+                }
             }
 
             $this->view->success(Yii::t('AnimalManagementModule.base', 'Animal created.'));
@@ -379,6 +427,7 @@ class AnimalsController extends ContentContainerController
             'space' => $this->contentContainer,
             'isEdit' => false,
             'animal' => null,
+            'showIntakeGoalSection' => $this->canUseIntakeGoalSection(),
         ]);
     }
 
@@ -460,6 +509,7 @@ class AnimalsController extends ContentContainerController
     public function actionTransfer(int $id)
     {
         $animal = $this->findAnimal($id);
+        $returnTo = (string)Yii::$app->request->post('returnTo', Yii::$app->request->get('returnTo', 'view'));
 
         $form = new TransferRequestForm([
             'animal' => $animal,
@@ -468,107 +518,74 @@ class AnimalsController extends ContentContainerController
 
         if ($form->load(Yii::$app->request->post()) && $form->save()) {
             $this->view->success(Yii::t('AnimalManagementModule.base', 'Transfer request sent.'));
-            return $this->redirect($this->contentContainer->createUrl('/animal_management/animals/view', ['id' => $animal->id]));
+            return $this->redirectToAnimalPage((int)$animal->id, $returnTo);
         }
 
         return $this->render('transfer', [
             'space' => $this->contentContainer,
             'animal' => $animal,
             'model' => $form,
+            'isInline' => false,
+            'returnTo' => $returnTo,
         ]);
     }
 
+    public function actionTransferInline(int $id)
+    {
+        $animal = $this->findAnimal($id);
+        $returnTo = (string)Yii::$app->request->post('returnTo', Yii::$app->request->get('returnTo', 'view'));
+        $isInline = (int)Yii::$app->request->get('inline', 1) === 1;
+
+        $form = new TransferRequestForm([
+            'animal' => $animal,
+            'sourceSpace' => $this->contentContainer,
+        ]);
+
+        if ($form->load(Yii::$app->request->post()) && $form->save()) {
+            $this->view->success(Yii::t('AnimalManagementModule.base', 'Transfer request sent.'));
+            if ($isInline) {
+                return $this->renderAjax('inline-edit-result', [
+                    'collapseId' => 'transfer-add-inline',
+                    'refreshSelectors' => ['#animal-transfer-panel'],
+                ]);
+            }
+            return $this->redirectToAnimalPage((int)$animal->id, $returnTo);
+        }
+
+        $params = [
+            'space' => $this->contentContainer,
+            'animal' => $animal,
+            'model' => $form,
+            'isInline' => $isInline,
+            'returnTo' => $returnTo,
+        ];
+
+        if ($isInline) {
+            return $this->renderAjax('transfer', $params);
+        }
+
+        return $this->render('transfer', $params);
+    }
+
     public function actionAddGalleryImages(int $id)
     {
         $animal = $this->findAnimal($id);
-        $uploadedFiles = UploadedFile::getInstancesByName('galleryImages');
-        $maxUploadCount = 10;
+        $result = $this->processGalleryUploads($animal);
 
-        if (empty($uploadedFiles)) {
+        if (!$result['hadSelection']) {
             $this->view->error(Yii::t('AnimalManagementModule.base', 'No gallery images were selected.'));
             return $this->redirect($this->contentContainer->createUrl('/animal_management/animals/view', ['id' => $animal->id]) . '#animal-gallery');
         }
 
-        if (count($uploadedFiles) > $maxUploadCount) {
-            $uploadedFiles = array_slice($uploadedFiles, 0, $maxUploadCount);
-            $this->view->info(Yii::t('AnimalManagementModule.base', 'Only the first {count} selected images were processed.', ['count' => $maxUploadCount]));
+        if ($result['wasLimited']) {
+            $this->view->info(Yii::t('AnimalManagementModule.base', 'Only the first {count} selected images were processed.', ['count' => $result['maxUploadCount']]));
         }
 
-        $allowedExtensions = array_map('strtolower', UploadStandards::imageExtensions());
-        $allowedMimeTypes = array_map('strtolower', UploadStandards::imageMimeTypes());
-        $maxBytes = (int)UploadStandards::IMAGE_MAX_BYTES;
-        $existingItems = AnimalGalleryItem::find()->where(['animal_id' => (int)$animal->id])->all();
-        $existingHashes = [];
-        foreach ($existingItems as $existingItem) {
-            $existingUrl = trim((string)$existingItem->getImageUrl());
-            if ($existingUrl === '') {
-                continue;
-            }
-
-            $hash = $this->computeImageContentHash($existingUrl);
-            if ($hash !== null) {
-                $existingHashes[$hash] = true;
-            }
-        }
-
-        $added = 0;
-        foreach ($uploadedFiles as $uploadedFile) {
-            if (!$uploadedFile instanceof UploadedFile) {
-                continue;
-            }
-
-            $extension = strtolower((string)$uploadedFile->extension);
-            $mimeType = strtolower((string)$uploadedFile->type);
-
-            if (!in_array($extension, $allowedExtensions, true)) {
-                continue;
-            }
-
-            if ($mimeType !== '' && !in_array($mimeType, $allowedMimeTypes, true)) {
-                continue;
-            }
-
-            if ($uploadedFile->size > $maxBytes) {
-                continue;
-            }
-
-            $storedPath = $this->storeGalleryUpload($animal, $uploadedFile);
-            if ($storedPath === null) {
-                continue;
-            }
-
-            $storedHash = $this->computeImageContentHash($storedPath);
-
-            $exactExists = AnimalGalleryItem::find()
-                ->where(['animal_id' => (int)$animal->id, 'file_path' => $storedPath])
-                ->exists();
-
-            if ($exactExists || ($storedHash !== null && isset($existingHashes[$storedHash]))) {
-                $absolute = Yii::getAlias('@webroot') . $storedPath;
-                if (is_file($absolute)) {
-                    @unlink($absolute);
-                }
-                continue;
-            }
-
-            $item = new AnimalGalleryItem();
-            $item->animal_id = (int)$animal->id;
-            $item->file_path = $storedPath;
-            $item->source_type = 'upload';
-            $item->created_by = Yii::$app->user->isGuest ? null : (int)Yii::$app->user->id;
-            if ($item->save()) {
-                $added++;
-                if ($storedHash !== null) {
-                    $existingHashes[$storedHash] = true;
-                }
-            }
-        }
-
-        if ($added > 0) {
+        if ($result['added'] > 0) {
             if ($this->contentContainer instanceof Space) {
                 GalleryIntegrationService::ensureAnimalGallery($animal, $this->contentContainer);
             }
-            $this->view->success(Yii::t('AnimalManagementModule.base', '{count} image(s) added to gallery.', ['count' => $added]));
+            $this->view->success(Yii::t('AnimalManagementModule.base', '{count} image(s) added to gallery.', ['count' => $result['added']]));
         } else {
             $this->view->error(Yii::t('AnimalManagementModule.base', 'No gallery images were added. Check image type/size requirements.'));
         }
@@ -576,6 +593,63 @@ class AnimalsController extends ContentContainerController
         return $this->redirect($this->contentContainer->createUrl('/animal_management/animals/view', ['id' => $animal->id]) . '#animal-gallery');
     }
 
+    public function actionAddGalleryImagesInline(int $id)
+    {
+        $animal = $this->findAnimal($id);
+        $returnTo = (string)Yii::$app->request->post('returnTo', Yii::$app->request->get('returnTo', 'view'));
+        $isInline = (int)Yii::$app->request->get('inline', 1) === 1;
+        $maxUploadCount = 10;
+        $errorMessage = '';
+        $infoMessage = '';
+
+        if (Yii::$app->request->isPost) {
+            $result = $this->processGalleryUploads($animal);
+
+            if (!$result['hadSelection']) {
+                $errorMessage = Yii::t('AnimalManagementModule.base', 'No gallery images were selected.');
+            } else {
+                if ($result['wasLimited']) {
+                    $infoMessage = Yii::t('AnimalManagementModule.base', 'Only the first {count} selected images were processed.', ['count' => $result['maxUploadCount']]);
+                }
+
+                if ($result['added'] > 0) {
+                    if ($this->contentContainer instanceof Space) {
+                        GalleryIntegrationService::ensureAnimalGallery($animal, $this->contentContainer);
+                    }
+                    $this->view->success(Yii::t('AnimalManagementModule.base', '{count} image(s) added to gallery.', ['count' => $result['added']]));
+                    if ($isInline) {
+                        return $this->renderAjax('inline-edit-result', [
+                            'collapseId' => 'gallery-add-inline',
+                            'refreshSelectors' => ['#animal-gallery-panel'],
+                        ]);
+                    }
+                    return $this->redirectToAnimalPage((int)$animal->id, $returnTo);
+                }
+
+                $errorMessage = Yii::t('AnimalManagementModule.base', 'No gallery images were added. Check image type/size requirements.');
+            }
+        }
+
+        $galleryItems = $animal->getGalleryItems()->orderBy(['id' => SORT_DESC])->limit(120)->all();
+
+        $params = [
+            'space' => $this->contentContainer,
+            'animal' => $animal,
+            'galleryItems' => $galleryItems,
+            'isInline' => $isInline,
+            'returnTo' => $returnTo,
+            'maxUploadCount' => $maxUploadCount,
+            'errorMessage' => $errorMessage,
+            'infoMessage' => $infoMessage,
+        ];
+
+        if ($isInline) {
+            return $this->renderAjax('add-gallery-images-inline', $params);
+        }
+
+        return $this->render('add-gallery-images-inline', $params);
+    }
+
     public function actionRemoveGalleryImage(int $id, int $galleryId)
     {
         $animal = $this->findAnimal($id);
@@ -646,6 +720,9 @@ class AnimalsController extends ContentContainerController
         $animal = $this->findAnimal($id);
         $this->ensureMedicalMediaFieldDefinition();
         $form = new AnimalMedicalVisitForm(['animal' => $animal]);
+        if (trim((string)$form->visit_at) === '') {
+            $form->visit_at = date('Y-m-d\TH:i');
+        }
         $returnTo = (string)Yii::$app->request->post('returnTo', Yii::$app->request->get('returnTo', 'medical-visits'));
         $isInline = (int)Yii::$app->request->get('inline', 1) === 1;
 
@@ -1258,6 +1335,105 @@ class AnimalsController extends ContentContainerController
         return $result;
     }
 
+    private function processGalleryUploads(Animal $animal): array
+    {
+        $uploadedFiles = UploadedFile::getInstancesByName('galleryImages');
+        $maxUploadCount = 10;
+        $hadSelection = !empty($uploadedFiles);
+        $wasLimited = false;
+
+        if (!$hadSelection) {
+            return [
+                'hadSelection' => false,
+                'wasLimited' => false,
+                'maxUploadCount' => $maxUploadCount,
+                'added' => 0,
+            ];
+        }
+
+        if (count($uploadedFiles) > $maxUploadCount) {
+            $uploadedFiles = array_slice($uploadedFiles, 0, $maxUploadCount);
+            $wasLimited = true;
+        }
+
+        $allowedExtensions = array_map('strtolower', UploadStandards::imageExtensions());
+        $allowedMimeTypes = array_map('strtolower', UploadStandards::imageMimeTypes());
+        $maxBytes = (int)UploadStandards::IMAGE_MAX_BYTES;
+        $existingItems = AnimalGalleryItem::find()->where(['animal_id' => (int)$animal->id])->all();
+        $existingHashes = [];
+        foreach ($existingItems as $existingItem) {
+            $existingUrl = trim((string)$existingItem->getImageUrl());
+            if ($existingUrl === '') {
+                continue;
+            }
+
+            $hash = $this->computeImageContentHash($existingUrl);
+            if ($hash !== null) {
+                $existingHashes[$hash] = true;
+            }
+        }
+
+        $added = 0;
+        foreach ($uploadedFiles as $uploadedFile) {
+            if (!$uploadedFile instanceof UploadedFile) {
+                continue;
+            }
+
+            $extension = strtolower((string)$uploadedFile->extension);
+            $mimeType = strtolower((string)$uploadedFile->type);
+
+            if (!in_array($extension, $allowedExtensions, true)) {
+                continue;
+            }
+
+            if ($mimeType !== '' && !in_array($mimeType, $allowedMimeTypes, true)) {
+                continue;
+            }
+
+            if ($uploadedFile->size > $maxBytes) {
+                continue;
+            }
+
+            $storedPath = $this->storeGalleryUpload($animal, $uploadedFile);
+            if ($storedPath === null) {
+                continue;
+            }
+
+            $storedHash = $this->computeImageContentHash($storedPath);
+
+            $exactExists = AnimalGalleryItem::find()
+                ->where(['animal_id' => (int)$animal->id, 'file_path' => $storedPath])
+                ->exists();
+
+            if ($exactExists || ($storedHash !== null && isset($existingHashes[$storedHash]))) {
+                $absolute = Yii::getAlias('@webroot') . $storedPath;
+                if (is_file($absolute)) {
+                    @unlink($absolute);
+                }
+                continue;
+            }
+
+            $item = new AnimalGalleryItem();
+            $item->animal_id = (int)$animal->id;
+            $item->file_path = $storedPath;
+            $item->source_type = 'upload';
+            $item->created_by = Yii::$app->user->isGuest ? null : (int)Yii::$app->user->id;
+            if ($item->save()) {
+                $added++;
+                if ($storedHash !== null) {
+                    $existingHashes[$storedHash] = true;
+                }
+            }
+        }
+
+        return [
+            'hadSelection' => true,
+            'wasLimited' => $wasLimited,
+            'maxUploadCount' => $maxUploadCount,
+            'added' => $added,
+        ];
+    }
+
     private function storeGalleryUpload(Animal $animal, UploadedFile $file): ?string
     {
         $random = Yii::$app->security->generateRandomString(8);
@@ -1707,4 +1883,74 @@ class AnimalsController extends ContentContainerController
         $item->created_by = Yii::$app->user->isGuest ? null : (int)Yii::$app->user->id;
         $item->save();
     }
+
+    private function canUseIntakeGoalSection(): bool
+    {
+        if (!($this->contentContainer instanceof Space)) {
+            return false;
+        }
+
+        if (!$this->contentContainer->moduleManager->isEnabled('donations')) {
+            return false;
+        }
+
+        $goalFormClass = 'humhub\\modules\\donations\\models\\forms\\DonationGoalForm';
+        $goalClass = 'humhub\\modules\\donations\\models\\DonationGoal';
+
+        if (!class_exists($goalFormClass) || !class_exists($goalClass)) {
+            return false;
+        }
+
+        return Yii::$app->db->schema->getTableSchema($goalClass::tableName(), true) !== null;
+    }
+
+    private function createIntakeAnimalGoal(Animal $animal, array $payload): ?string
+    {
+        if ((int)($payload['enabled'] ?? 0) !== 1) {
+            return null;
+        }
+
+        if (!$this->canUseIntakeGoalSection()) {
+            return Yii::t('AnimalManagementModule.base', 'Animal was created, but donation goal setup is not available in this space.');
+        }
+
+        $goalFormClass = 'humhub\\modules\\donations\\models\\forms\\DonationGoalForm';
+        $goalClass = 'humhub\\modules\\donations\\models\\DonationGoal';
+
+        $targetAmount = max(0.0, (float)($payload['target_amount'] ?? 0));
+        if ($targetAmount <= 0) {
+            return Yii::t('AnimalManagementModule.base', 'Animal was created, but the intake donation goal target must be greater than zero.');
+        }
+
+        $title = trim((string)($payload['title'] ?? ''));
+        if ($title === '') {
+            $title = Yii::t('AnimalManagementModule.base', '{animalName} Care Fund', ['animalName' => $animal->getDisplayName()]);
+        }
+
+        $description = trim((string)($payload['description'] ?? ''));
+        $imagePath = trim((string)($payload['image_path'] ?? ''));
+        $isActive = (int)($payload['is_active'] ?? 1) === 1;
+
+        $goalForm = new $goalFormClass();
+        $goalForm->contentContainer = $this->contentContainer;
+        $goalForm->goal_type = $goalClass::TYPE_ANIMAL;
+        $goalForm->target_animal_id = (int)$animal->id;
+        $goalForm->title = $title;
+        $goalForm->description = $description;
+        $goalForm->target_amount = $targetAmount;
+        $goalForm->is_active = $isActive;
+
+        if ($imagePath !== '') {
+            $goalForm->imageGalleryPath = $imagePath;
+        }
+
+        $savedGoal = $goalForm->save();
+        if ($savedGoal === null) {
+            $firstErrors = $goalForm->getFirstErrors();
+            $errorText = !empty($firstErrors) ? implode(' ', array_values($firstErrors)) : Yii::t('AnimalManagementModule.base', 'Unknown donation goal error.');
+            return Yii::t('AnimalManagementModule.base', 'Animal was created, but donation goal could not be saved: {error}', ['error' => $errorText]);
+        }
+
+        return null;
+    }
 }
diff --git a/controllers/SettingsController.php b/controllers/SettingsController.php
index 93cbf5b..f304445 100644
--- a/controllers/SettingsController.php
+++ b/controllers/SettingsController.php
@@ -5,11 +5,13 @@ namespace humhub\modules\animal_management\controllers;
 use humhub\modules\animal_management\models\Animal;
 use humhub\modules\animal_management\models\forms\DisplaySettingsForm;
 use humhub\modules\animal_management\models\forms\FieldDefinitionSettingsForm;
+use humhub\modules\animal_management\services\ModuleSetupService;
 use humhub\modules\content\components\ContentContainerController;
 use humhub\modules\content\components\ContentContainerControllerAccess;
 use humhub\modules\rescue_foundation\widgets\RescueSettingsMenu;
 use humhub\modules\space\models\Space;
 use Yii;
+use yii\web\BadRequestHttpException;
 
 class SettingsController extends ContentContainerController
 {
@@ -53,6 +55,37 @@ class SettingsController extends ContentContainerController
             'animalCount' => (int)$animalCount,
             'fieldSettingsForm' => $fieldSettingsForm,
             'displaySettingsForm' => $displaySettingsForm,
+            'space' => $this->contentContainer,
         ]);
     }
+
+    public function actionSetup()
+    {
+        if (!Yii::$app->request->isPost) {
+            throw new BadRequestHttpException('Invalid request method.');
+        }
+
+        if (!$this->contentContainer instanceof Space) {
+            $this->view->error(Yii::t('AnimalManagementModule.base', 'Setup can only be run inside a space.'));
+            return $this->redirect($this->contentContainer->createUrl('/animal_management/settings'));
+        }
+
+        try {
+            $result = ModuleSetupService::runForSpace($this->contentContainer);
+            $appliedCount = count($result['applied'] ?? []);
+
+            if ($appliedCount > 0) {
+                $this->view->success(Yii::t('AnimalManagementModule.base', 'Setup completed. Applied {count} migration(s).', [
+                    'count' => $appliedCount,
+                ]));
+            } else {
+                $this->view->success(Yii::t('AnimalManagementModule.base', 'Setup completed. No pending migrations were found.'));
+            }
+        } catch (\Throwable $e) {
+            Yii::error($e, 'animal_management.setup');
+            $this->view->error(Yii::t('AnimalManagementModule.base', 'Setup failed. Please check logs and try again.'));
+        }
+
+        return $this->redirect($this->contentContainer->createUrl('/animal_management/settings'));
+    }
 }
diff --git a/events/AnimalTileRenderEvent.php b/events/AnimalTileRenderEvent.php
new file mode 100644
index 0000000..d364ed6
--- /dev/null
+++ b/events/AnimalTileRenderEvent.php
@@ -0,0 +1,41 @@
+<?php
+
+namespace humhub\modules\animal_management\events;
+
+use humhub\modules\animal_management\models\Animal;
+use humhub\modules\content\components\ContentContainerActiveRecord;
+use yii\base\Event;
+
+class AnimalTileRenderEvent extends Event
+{
+    public const EVENT_RENDER_OVERLAY = 'renderOverlay';
+
+    public Animal $animal;
+    public ContentContainerActiveRecord $contentContainer;
+    public $existingDonationGoal = null;
+    public bool $showDonationSettingsButton = false;
+    public string $donationToggleInputId = '';
+    public string $donationInlineFormId = '';
+
+    /** @var string[] */
+    private array $htmlFragments = [];
+
+    public function addHtml(string $html): void
+    {
+        $html = trim($html);
+        if ($html === '') {
+            return;
+        }
+
+        $this->htmlFragments[] = $html;
+    }
+
+    public function getHtml(): string
+    {
+        if (empty($this->htmlFragments)) {
+            return '';
+        }
+
+        return implode("\n", $this->htmlFragments);
+    }
+}
diff --git a/events/AnimalTileSizeEvent.php b/events/AnimalTileSizeEvent.php
new file mode 100644
index 0000000..e732e66
--- /dev/null
+++ b/events/AnimalTileSizeEvent.php
@@ -0,0 +1,32 @@
+<?php
+
+namespace humhub\modules\animal_management\events;
+
+use humhub\modules\animal_management\models\Animal;
+use humhub\modules\content\components\ContentContainerActiveRecord;
+use yii\base\Event;
+
+class AnimalTileSizeEvent extends Event
+{
+    public const EVENT_RESOLVE_SIZE = 'resolveSize';
+
+    public Animal $animal;
+    public ContentContainerActiveRecord $contentContainer;
+    public $existingDonationGoal = null;
+
+    private int $additionalHeightPx = 0;
+
+    public function addAdditionalHeightPx(int $heightPx): void
+    {
+        if ($heightPx <= 0) {
+            return;
+        }
+
+        $this->additionalHeightPx += $heightPx;
+    }
+
+    public function getAdditionalHeightPx(): int
+    {
+        return max(0, $this->additionalHeightPx);
+    }
+}
diff --git a/services/AnimalStreamPublisherService.php b/services/AnimalStreamPublisherService.php
index b396516..a2c47c8 100644
--- a/services/AnimalStreamPublisherService.php
+++ b/services/AnimalStreamPublisherService.php
@@ -61,6 +61,8 @@ class AnimalStreamPublisherService
             $entry->medical_visit_id = $medicalVisitId;
             $entry->progress_update_id = $progressUpdateId;
             $entry->content->container = $space;
+            // Respect each space's configured stream visibility policy.
+            $entry->content->visibility = (int)$space->getDefaultContentVisibility();
 
             if (!$entry->save()) {
                 Yii::warning([
diff --git a/services/ModuleSetupService.php b/services/ModuleSetupService.php
new file mode 100644
index 0000000..dcda16b
--- /dev/null
+++ b/services/ModuleSetupService.php
@@ -0,0 +1,72 @@
+<?php
+
+namespace humhub\modules\animal_management\services;
+
+use humhub\modules\space\models\Space;
+use Yii;
+
+class ModuleSetupService
+{
+    public static function runForSpace(Space $space): array
+    {
+        $result = static::applyModuleMigrations();
+
+        $settings = Yii::$app->getModule('animal_management')->settings->contentContainer($space);
+        if ($settings->get('searchBlockHeading') === null) {
+            $settings->set('searchBlockHeading', 'Animals Available for Intake & Transfer');
+            $result['defaultsApplied'] = ['searchBlockHeading'];
+        } else {
+            $result['defaultsApplied'] = [];
+        }
+
+        return $result;
+    }
+
+    private static function applyModuleMigrations(): array
+    {
+        $migrationDir = dirname(__DIR__) . '/migrations';
+        $files = glob($migrationDir . '/m*.php') ?: [];
+        sort($files, SORT_NATURAL);
+
+        $existingVersions = Yii::$app->db->createCommand('SELECT version FROM migration')->queryColumn();
+        $history = array_fill_keys($existingVersions, true);
+
+        $applied = [];
+        $skipped = [];
+
+        foreach ($files as $file) {
+            $version = pathinfo($file, PATHINFO_FILENAME);
+            if (isset($history[$version])) {
+                $skipped[] = $version;
+                continue;
+            }
+
+            if (!class_exists($version, false)) {
+                require_once $file;
+            }
+
+            if (!class_exists($version, false)) {
+                throw new \RuntimeException('Migration class not found: ' . $version);
+            }
+
+            $migration = new $version();
+            $ok = method_exists($migration, 'safeUp') ? $migration->safeUp() : $migration->up();
+            if ($ok === false) {
+                throw new \RuntimeException('Migration failed: ' . $version);
+            }
+
+            Yii::$app->db->createCommand()->insert('migration', [
+                'version' => $version,
+                'apply_time' => time(),
+            ])->execute();
+
+            $applied[] = $version;
+            $history[$version] = true;
+        }
+
+        return [
+            'applied' => $applied,
+            'skipped' => $skipped,
+        ];
+    }
+}
diff --git a/views/animals/_tablet_quick_donate_extras.php b/views/animals/_tablet_quick_donate_extras.php
new file mode 100644
index 0000000..6137f15
--- /dev/null
+++ b/views/animals/_tablet_quick_donate_extras.php
@@ -0,0 +1,184 @@
+<?php
+
+use humhub\libs\Html;
+
+/*
+ * @var array $donationHistoryRows
+ * @var bool $showDonationSettingsButton
+ * @var string $goalEditorToggleId
+ * @var int $existingGoalId
+ * @var string $createInlineGoalUrl
+ * @var string $existingGoalTitle
+ * @var float $existingGoalTargetAmount
+ * @var string $existingGoalDescription
+ * @var string $existingGoalImage
+ * @var array $galleryUrls
+ * @var \humhub\modules\animal_management\models\Animal $animal
+ * @var int $existingGoalActive
+ * @var string $fileFieldId
+ * @var string $previewId
+ * @var string $quickDonateToggleId
+ * @var string $quickDonatePanelId
+ */
+?>
+<div class="animal-tile-quick-donate-layout<?= $showDonationSettingsButton ? ' has-goal-settings' : '' ?>">
+    <div class="animal-tile-quick-donate-history-col">
+        <div style="font-size:14px;font-weight:700;color:#f8fafc;margin-bottom:6px;"><?= Yii::t('DonationsModule.base', 'Donation History') ?></div>
+        <?php if (empty($donationHistoryRows)): ?>
+            <div style="font-size:12px;color:rgba(226,232,240,0.9);"><?= Yii::t('DonationsModule.base', 'No donations yet.') ?></div>
+        <?php else: ?>
+            <div class="animal-tile-scroll-region" style="flex:1 1 auto;min-height:0;overflow-y:auto;">
+                <?php foreach ($donationHistoryRows as $donationRow): ?>
+                    <div class="animal-tile-donation-history-item">
+                        <div class="animal-tile-donation-history-meta">
+                            <?php if (!empty($donationRow['avatarUrl'])): ?>
+                                <img class="animal-tile-donation-history-avatar" src="<?= Html::encode((string)$donationRow['avatarUrl']) ?>" alt="<?= Html::encode((string)$donationRow['donor']) ?>">
+                            <?php else: ?>
+                                <span class="animal-tile-donation-history-avatar animal-tile-donation-history-avatar-fallback">
+                                    <i class="fa fa-user"></i>
+                                </span>
+                            <?php endif; ?>
+                            <div class="animal-tile-donation-history-identity">
+                                <?php if (!empty($donationRow['donorUrl'])): ?>
+                                    <?= Html::a(
+                                        Html::encode($donationRow['donor']),
+                                        (string)$donationRow['donorUrl'],
+                                        ['class' => 'animal-tile-donation-history-name']
+                                    ) ?>
+                                <?php else: ?>
+                                    <span class="animal-tile-donation-history-name"><?= Html::encode($donationRow['donor']) ?></span>
+                                <?php endif; ?>
+                                <span class="animal-tile-donation-history-when"><?= Html::encode((string)($donationRow['when'] ?? '')) ?></span>
+                            </div>
+                        </div>
+                        <span class="animal-tile-donation-history-amount"><?= Html::encode($donationRow['amount']) ?></span>
+                    </div>
+                <?php endforeach; ?>
+            </div>
+        <?php endif; ?>
+    </div>
+
+    __ANIMAL_TILE_QUICK_DONATE_FORM_SLOT__
+
+    <?php if ($showDonationSettingsButton): ?>
+        <div class="animal-tile-quick-donate-goal-col">
+            <input type="checkbox" id="<?= Html::encode($goalEditorToggleId) ?>" class="animal-tile-goal-editor-toggle" <?= $existingGoalId > 0 ? 'checked' : '' ?>>
+            <?php if ($existingGoalId <= 0): ?>
+                <label for="<?= Html::encode($goalEditorToggleId) ?>" class="btn btn-default btn-xs animal-tile-set-goal-btn" style="margin:0 0 8px 0;align-self:flex-start;">
+                    <i class="fa fa-plus"></i> <?= Yii::t('DonationsModule.base', 'Set Goal') ?>
+                </label>
+            <?php endif; ?>
+
+            <div class="animal-tile-goal-editor-fields animal-tile-scroll-region" style="<?= $existingGoalId > 0 ? 'display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow-y:auto;' : 'display:none;flex-direction:column;flex:1 1 auto;min-height:0;overflow-y:auto;' ?>">
+                <?= Html::beginForm($createInlineGoalUrl, 'post', [
+                    'enctype' => 'multipart/form-data',
+                    'style' => 'margin:0;',
+                ]) ?>
+                <?= Html::hiddenInput(Yii::$app->request->csrfParam, Yii::$app->request->getCsrfToken()) ?>
+                <?= Html::hiddenInput('DonationGoalForm[id]', $existingGoalId) ?>
+                <?= Html::hiddenInput('DonationGoalForm[goal_type]', 'animal') ?>
+                <?= Html::hiddenInput('DonationGoalForm[target_animal_id]', (int)$animal->id) ?>
+                <?= Html::hiddenInput('DonationGoalForm[is_active]', $existingGoalActive) ?>
+
+                <div style="display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;">
+                    <div style="font-size:14px;font-weight:700;color:#f8fafc;"><?= Yii::t('DonationsModule.base', 'Goal Settings') ?></div>
+                    <div style="display:flex;align-items:center;gap:8px;">
+                        <button type="submit" class="animal-tile-goal-header-action" title="<?= Yii::t('DonationsModule.base', 'Save Goal') ?>" aria-label="<?= Yii::t('DonationsModule.base', 'Save Goal') ?>">
+                            <i class="fa fa-check"></i>
+                        </button>
+                        <label for="<?= Html::encode($quickDonateToggleId) ?>" class="animal-tile-goal-header-action" title="<?= Yii::t('AnimalManagementModule.base', 'Close') ?>" aria-label="<?= Yii::t('AnimalManagementModule.base', 'Close') ?>">
+                            <i class="fa fa-times"></i>
+                        </label>
+                    </div>
+                </div>
+
+                <div class="animal-tile-goal-title-target-row" style="display:grid;grid-template-columns:minmax(0,1fr) minmax(0,180px);gap:10px;align-items:end;margin-bottom:8px;">
+                    <div class="form-group" style="margin-bottom:0;min-width:0;">
+                        <label style="font-size:12px;font-weight:600;margin-bottom:4px;display:block;"><?= Yii::t('DonationsModule.base', 'Title') ?></label>
+                        <?= Html::textInput('DonationGoalForm[title]', $existingGoalTitle, [
+                            'class' => 'form-control input-sm',
+                            'maxlength' => 190,
+                            'required' => true,
+                        ]) ?>
+                    </div>
+
+                    <div class="form-group" style="margin-bottom:0;min-width:0;">
+                        <label style="font-size:12px;font-weight:600;margin-bottom:4px;display:block;"><?= Yii::t('DonationsModule.base', 'Target') ?></label>
+                        <div class="input-group" style="width:100%;max-width:none;">
+                            <span class="input-group-addon" style="background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.24);color:#f8fafc;">$</span>
+                            <?= Html::input('number', 'DonationGoalForm[target_amount]', $existingGoalTargetAmount > 0 ? (string)round($existingGoalTargetAmount) : '', [
+                                'class' => 'form-control input-sm',
+                                'step' => '1',
+                                'min' => '1',
+                                'inputmode' => 'numeric',
+                                'required' => true,
+                            ]) ?>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="form-group" style="margin-bottom:8px;">
+                    <label style="font-size:12px;font-weight:600;margin-bottom:4px;display:block;"><?= Yii::t('DonationsModule.base', 'Description') ?></label>
+                    <?= Html::textarea('DonationGoalForm[description]', $existingGoalDescription, [
+                        'class' => 'form-control input-sm',
+                        'rows' => 2,
+                    ]) ?>
+                </div>
+
+                <div class="form-group" style="margin-bottom:8px;">
+                    <label style="font-size:12px;font-weight:600;margin-bottom:4px;display:block;"><?= Yii::t('DonationsModule.base', 'Image') ?></label>
+                    <div class="animal-tile-goal-image-row" style="display:flex;align-items:flex-start;gap:10px;margin-bottom:8px;">
+                        <div id="<?= Html::encode($previewId) ?>" class="animal-tile-goal-selected-image text-muted" style="font-size:12px;">
+                            <?php if ($existingGoalImage !== ''): ?>
+                                <img class="animal-tile-goal-selected-image-thumb" src="<?= Html::encode($existingGoalImage) ?>" alt="">
+                            <?php else: ?>
+                                <span class="animal-tile-goal-selected-image-empty"><?= Yii::t('DonationsModule.base', 'No image selected.') ?></span>
+                            <?php endif; ?>
+                        </div>
+
+                        <div class="animal-tile-goal-image-list" style="display:flex;flex-wrap:wrap;gap:6px;min-width:0;flex:1 1 auto;align-content:flex-start;">
+                            <?php if (!empty($galleryUrls)): ?>
+                                <?php foreach ($galleryUrls as $galleryIndex => $galleryUrl): ?>
+                                    <?php $galleryOptionId = 'animal-donation-gallery-option-' . (int)$animal->id . '-' . (int)$galleryIndex; ?>
+                                    <div style="position:relative;">
+                                        <input
+                                            type="radio"
+                                            class="animal-donation-gallery-radio"
+                                            id="<?= Html::encode($galleryOptionId) ?>"
+                                            name="DonationGoalForm[imageGalleryPath]"
+                                            value="<?= Html::encode($galleryUrl) ?>"
+                                            data-preview="#<?= Html::encode($previewId) ?>"
+                                            data-editor-bg="#<?= Html::encode($quickDonatePanelId) ?>"
+                                            <?= $existingGoalImage === $galleryUrl ? 'checked' : '' ?>
+                                        >
+                                        <label
+                                            for="<?= Html::encode($galleryOptionId) ?>"
+                                            class="animal-donation-inline-gallery-item"
+                                            style="display:block;border:1px solid rgba(255,255,255,0.2);background:rgba(15,23,42,0.22);padding:3px;border-radius:4px;line-height:0;pointer-events:auto;cursor:pointer;"
+                                        >
+                                            <img src="<?= Html::encode($galleryUrl) ?>" alt="" style="width:56px;height:56px;object-fit:cover;border-radius:2px;">
+                                        </label>
+                                    </div>
+                                <?php endforeach; ?>
+                            <?php else: ?>
+                                <div class="text-muted" style="font-size:12px;align-self:center;"><?= Yii::t('DonationsModule.base', 'No gallery images found for this animal.') ?></div>
+                            <?php endif; ?>
+                        </div>
+                    </div>
+
+                    <?= Html::fileInput('DonationGoalForm[imageFile]', null, [
+                        'id' => $fileFieldId,
+                        'class' => 'js-animal-donation-upload animal-tile-goal-upload-input',
+                        'data-preview' => '#' . $previewId,
+                        'data-editor-bg' => '#' . $quickDonatePanelId,
+                        'accept' => 'image/*',
+                    ]) ?>
+                    <label for="<?= Html::encode($fileFieldId) ?>" class="animal-tile-goal-upload-btn">
+                        <?= Yii::t('DonationsModule.base', 'Upload') ?>
+                    </label>
+                </div>
+                <?= Html::endForm() ?>
+            </div>
+        </div>
+    <?php endif; ?>
+</div>
diff --git a/views/animals/_tile.php b/views/animals/_tile.php
index 5a494b0..93b1ded 100644
--- a/views/animals/_tile.php
+++ b/views/animals/_tile.php
@@ -1,10 +1,20 @@
 <?php
 
-use humhub\modules\animal_management\models\Animal;
+use humhub\modules\animal_management\events\AnimalTileRenderEvent;
+use humhub\modules\animal_management\events\AnimalTileSizeEvent;
 use humhub\modules\animal_management\helpers\DateDisplayHelper;
+use humhub\modules\animal_management\models\Animal;
+use humhub\modules\animal_management\models\AnimalGalleryItem;
 use humhub\modules\animal_management\models\AnimalMedicalVisit;
-use humhub\modules\content\components\ContentContainerActiveRecord;
+use humhub\modules\animal_management\models\AnimalProgressUpdate;
+use humhub\modules\animal_management\models\AnimalTransfer;
+use humhub\modules\animal_management\models\AnimalTransferEvent;
+use humhub\modules\animal_management\permissions\ManageAnimals;
+use humhub\modules\space\models\Space;
+use yii\base\Event;
 use yii\helpers\Html;
+use yii\helpers\Json;
+use yii\web\View;
 
 /* @var Animal $animal */
 /* @var ContentContainerActiveRecord $contentContainer */
@@ -12,8 +22,19 @@ use yii\helpers\Html;
 /* @var string $imageUrl */
 /* @var array $tileFields */
 /* @var bool $showMedicalIcon */
+/* @var bool $showDonationSettingsButton */
+/* @var mixed $existingDonationGoal */
+/* @var string $tileLayoutMode */
 
 $showMedicalIcon = isset($showMedicalIcon) ? (bool)$showMedicalIcon : true;
+$showDonationSettingsButton = isset($showDonationSettingsButton) ? (bool)$showDonationSettingsButton : false;
+$existingDonationGoal = $existingDonationGoal ?? null;
+$tileLayoutMode = isset($tileLayoutMode) ? trim((string)$tileLayoutMode) : 'tiles';
+$canManageTile = false;
+if ($contentContainer instanceof Space && !Yii::$app->user->isGuest) {
+    $canManageTile = $contentContainer->permissionManager->can(new ManageAnimals());
+}
+$showInlineAddControls = $canManageTile;
 $imageUrl = trim((string)$imageUrl);
 $hasImage = $imageUrl !== '' && (preg_match('/^https?:\/\//i', $imageUrl) || substr($imageUrl, 0, 1) === '/');
 
@@ -53,29 +74,346 @@ if ($summaryText !== '') {
 
 $animalViewUrl = $contentContainer->createUrl('/animal_management/animals/view', ['id' => $animal->id]);
 $medicalUrl = $contentContainer->createUrl('/animal_management/animals/medical-visits', ['id' => $animal->id]);
+$createInlineGoalUrl = $contentContainer->createUrl('/donations/settings/create-animal-goal-inline', [
+    'animalId' => (int)$animal->id,
+]);
+
+$toggleInputId = 'animal-donation-toggle-' . (int)$animal->id;
+$inlineFormId = 'animal-donation-inline-' . (int)$animal->id;
+$fileFieldId = 'animal-donation-image-file-' . (int)$animal->id;
+$previewId = 'animal-donation-image-preview-' . (int)$animal->id;
+
+$galleryItems = [];
+if (class_exists(AnimalGalleryItem::class)) {
+    $galleryItems = $animal->getGalleryItems()
+        ->orderBy(['id' => SORT_DESC])
+        ->limit(8)
+        ->all();
+}
+
+$galleryUrls = [];
+foreach ($galleryItems as $galleryItem) {
+    if (!$galleryItem instanceof AnimalGalleryItem) {
+        continue;
+    }
+
+    $url = trim((string)$galleryItem->getImageUrl());
+    if ($url === '') {
+        continue;
+    }
+
+    $galleryUrls[] = $url;
+}
+
+$overlayStackId = 'animal-tile-overlay-stack-' . (int)$animal->id;
+$inlineMenuId = 'animal-tile-inline-menu-' . (int)$animal->id;
+$inlinePanelWrapId = 'animal-tile-inline-panel-wrap-' . (int)$animal->id;
+$tileUiGalleryId = 'animal-tile-gallery-' . (int)$animal->id;
+$inlinePanelRadioName = 'animal-tile-inline-panel-' . (int)$animal->id;
+$inlinePanelNoneId = 'animal-tile-inline-none-' . (int)$animal->id;
+$inlinePanelIds = [
+    'gallery' => 'animal-tile-inline-gallery-' . (int)$animal->id,
+    'files' => 'animal-tile-inline-files-' . (int)$animal->id,
+    'medical-progress' => 'animal-tile-inline-medical-progress-' . (int)$animal->id,
+    'transfer' => 'animal-tile-inline-transfer-' . (int)$animal->id,
+];
+$galleryColsRadioName = 'animal-tile-gallery-cols-' . (int)$animal->id;
+$galleryCols2Id = 'animal-tile-gallery-cols-2-' . (int)$animal->id;
+$galleryCols3Id = 'animal-tile-gallery-cols-3-' . (int)$animal->id;
+$formModeRadioName = 'animal-tile-form-mode-' . (int)$animal->id;
+$formModeNoneId = 'animal-tile-form-none-' . (int)$animal->id;
+$formModeMedicalId = 'animal-tile-form-medical-' . (int)$animal->id;
+$formModeProgressId = 'animal-tile-form-progress-' . (int)$animal->id;
+$galleryAddToggleId = 'animal-tile-gallery-add-toggle-' . (int)$animal->id;
+$galleryFormWrapId = 'animal-tile-gallery-form-wrap-' . (int)$animal->id;
+$galleryListWrapId = 'animal-tile-gallery-list-' . (int)$animal->id;
+$transferAddToggleId = 'animal-tile-transfer-add-toggle-' . (int)$animal->id;
+$transferFormWrapId = 'animal-tile-transfer-form-wrap-' . (int)$animal->id;
+$transferHistoryWrapId = 'animal-tile-transfer-history-wrap-' . (int)$animal->id;
+$medicalFormWrapId = 'animal-tile-medical-form-wrap-' . (int)$animal->id;
+$progressFormWrapId = 'animal-tile-progress-form-wrap-' . (int)$animal->id;
+$donorHistoryToggleId = 'donation-goal-toggle-' . (int)$animal->id;
+$quickDonateToggleId = 'donation-goal-quick-toggle-' . (int)$animal->id;
+$goalCardId = 'donation-goal-card-' . (int)$animal->id;
+$donorPanelId = 'donation-goal-donors-panel-' . (int)$animal->id;
+$quickDonatePanelId = 'donation-goal-quick-panel-' . (int)$animal->id;
+$goalEditorToggleId = 'donation-goal-editor-toggle-' . (int)$animal->id;
+
+$cfilesEnabled = false;
+$cfilesBrowseUrl = '';
+$recentMedicalVisits = [];
+$recentProgressUpdates = [];
+$recentTransferEvents = [];
+$recentTransfersById = [];
+$medicalAddInlineUrl = $contentContainer->createUrl('/animal_management/animals/add-medical-visit-inline', ['id' => (int)$animal->id, 'inline' => 1, 'returnTo' => 'medical-visits']);
+$progressAddInlineUrl = $contentContainer->createUrl('/animal_management/animals/add-progress-update-inline', ['id' => (int)$animal->id, 'inline' => 1, 'returnTo' => 'progress-updates']);
+$galleryAddInlineUrl = $contentContainer->createUrl('/animal_management/animals/add-gallery-images-inline', ['id' => (int)$animal->id, 'inline' => 1, 'returnTo' => 'view']);
+$transferAddInlineUrl = $contentContainer->createUrl('/animal_management/animals/transfer-inline', ['id' => (int)$animal->id, 'inline' => 1, 'returnTo' => 'view']);
+
+$donationHistoryRows = [];
+$existingGoalIdForHistory = is_object($existingDonationGoal) ? (int)($existingDonationGoal->id ?? 0) : 0;
+
+if ($tileLayoutMode === 'tablet') {
+    if ($contentContainer instanceof Space) {
+        $cfilesEnabled = $contentContainer->moduleManager->isEnabled('cfiles');
+    }
+    if ($cfilesEnabled) {
+        $cfilesBrowseUrl = $contentContainer->createUrl('/cfiles/browse');
+    }
+
+    $recentMedicalVisits = $animal->getMedicalVisits()
+        ->orderBy(['visit_at' => SORT_DESC, 'id' => SORT_DESC])
+        ->limit(6)
+        ->all();
+
+    if (class_exists(AnimalProgressUpdate::class)) {
+        $recentProgressUpdates = $animal->getProgressUpdates()
+            ->orderBy(['update_at' => SORT_DESC, 'id' => SORT_DESC])
+            ->limit(6)
+            ->all();
+    }
+
+    if (class_exists(AnimalTransferEvent::class)) {
+        $recentTransferEvents = $animal->getTransferEvents()
+            ->orderBy(['id' => SORT_DESC])
+            ->limit(18)
+            ->all();
+
+        $transferIds = [];
+        foreach ($recentTransferEvents as $recentTransferEvent) {
+            if ($recentTransferEvent instanceof AnimalTransferEvent) {
+                $transferIds[] = (int)$recentTransferEvent->transfer_id;
+            }
+        }
+        $transferIds = array_values(array_unique(array_filter($transferIds)));
+
+        if (!empty($transferIds)) {
+            $recentTransfersById = AnimalTransfer::find()
+                ->where(['id' => $transferIds])
+                ->indexBy('id')
+                ->all();
+        }
+    }
+
+    if ($existingGoalIdForHistory > 0) {
+        $transactionClass = 'humhub\\modules\\donations\\models\\DonationTransaction';
+        if (class_exists($transactionClass) && Yii::$app->db->schema->getTableSchema($transactionClass::tableName(), true) !== null) {
+            $transactions = $transactionClass::find()
+                ->where([
+                    'contentcontainer_id' => (int)$contentContainer->contentcontainer_id,
+                    'goal_id' => $existingGoalIdForHistory,
+                    'status' => $transactionClass::STATUS_SUCCEEDED,
+                ])
+                ->orderBy(['id' => SORT_DESC])
+                ->limit(120)
+                ->all();
+
+            foreach ($transactions as $transaction) {
+                $amount = max(0.0, (float)($transaction->amount ?? 0));
+                if ($amount <= 0) {
+                    continue;
+                }
+
+                $donorLabel = Yii::t('DonationsModule.base', 'Anonymous');
+                $donorUrl = '';
+                $donorAvatarUrl = '';
+                $createdAtRaw = trim((string)($transaction->created_at ?? ''));
+                $createdAtTs = $createdAtRaw !== '' ? strtotime($createdAtRaw) : false;
+                $whenText = $createdAtTs !== false
+                    ? date('m/d/y g:i A', $createdAtTs)
+                    : DateDisplayHelper::format($createdAtRaw);
+                if ((int)($transaction->is_anonymous ?? 0) !== 1 && (int)($transaction->donor_user_id ?? 0) > 0) {
+                    $userClass = 'humhub\\modules\\user\\models\\User';
+                    if (class_exists($userClass)) {
+                        $donor = $userClass::findOne(['id' => (int)$transaction->donor_user_id]);
+                        if ($donor !== null) {
+                            $donorLabel = (string)$donor->getDisplayName();
+                            if (method_exists($donor, 'getUrl')) {
+                                $donorUrl = (string)$donor->getUrl();
+                            } elseif (method_exists($donor, 'createUrl')) {
+                                $donorUrl = (string)$donor->createUrl('/user/profile');
+                            }
+                            if (method_exists($donor, 'getProfileImage')) {
+                                $profileImage = $donor->getProfileImage();
+                                if ($profileImage !== null && method_exists($profileImage, 'getUrl')) {
+                                    $donorAvatarUrl = (string)$profileImage->getUrl();
+                                }
+                            }
+                        }
+                    }
+                }
+
+                $donationHistoryRows[] = [
+                    'when' => $whenText,
+                    'donor' => $donorLabel,
+                    'donorUrl' => $donorUrl,
+                    'avatarUrl' => $donorAvatarUrl,
+                    'amount' => '$' . number_format($amount, 2),
+                ];
+            }
+        }
+    }
+}
+$defaultGoalTitle = Yii::t('DonationsModule.base', '{animalName} Care Fund', [
+    'animalName' => (string)$animal->getDisplayName(),
+]);
+
+$existingGoalId = is_object($existingDonationGoal) ? (int)($existingDonationGoal->id ?? 0) : 0;
+$existingGoalTitle = trim((string)(is_object($existingDonationGoal) ? ($existingDonationGoal->title ?? '') : ''));
+$existingGoalTargetAmount = is_object($existingDonationGoal) ? (float)($existingDonationGoal->target_amount ?? 0) : 0.0;
+$existingGoalDescription = trim((string)(is_object($existingDonationGoal) ? ($existingDonationGoal->description ?? '') : ''));
+$existingGoalImage = trim((string)(is_object($existingDonationGoal) ? ($existingDonationGoal->image_path ?? '') : ''));
+$existingGoalActive = is_object($existingDonationGoal) ? (int)($existingDonationGoal->is_active ?? 1) : 1;
+
+if ($existingGoalTitle === '') {
+    $existingGoalTitle = $defaultGoalTitle;
+}
+
+$tileRenderEvent = new AnimalTileRenderEvent([
+    'animal' => $animal,
+    'contentContainer' => $contentContainer,
+    'existingDonationGoal' => $existingDonationGoal,
+    'showDonationSettingsButton' => $showDonationSettingsButton,
+    'donationToggleInputId' => $toggleInputId,
+    'donationInlineFormId' => $inlineFormId,
+]);
+Event::trigger(AnimalTileRenderEvent::class, AnimalTileRenderEvent::EVENT_RENDER_OVERLAY, $tileRenderEvent);
+$tileOverlayAddonHtml = $tileRenderEvent->getHtml();
+
+if ($tileLayoutMode === 'tablet' && $tileOverlayAddonHtml !== '') {
+    $tabletQuickDonateExtrasHtml = trim((string)$this->render('_tablet_quick_donate_extras', [
+        'donationHistoryRows' => $donationHistoryRows,
+        'showDonationSettingsButton' => $showDonationSettingsButton,
+        'goalEditorToggleId' => $goalEditorToggleId,
+        'existingGoalId' => $existingGoalId,
+        'createInlineGoalUrl' => $createInlineGoalUrl,
+        'existingGoalTitle' => $existingGoalTitle,
+        'existingGoalTargetAmount' => $existingGoalTargetAmount,
+        'existingGoalDescription' => $existingGoalDescription,
+        'existingGoalImage' => $existingGoalImage,
+        'galleryUrls' => $galleryUrls,
+        'animal' => $animal,
+        'existingGoalActive' => $existingGoalActive,
+        'fileFieldId' => $fileFieldId,
+        'previewId' => $previewId,
+        'quickDonateToggleId' => $quickDonateToggleId,
+        'quickDonatePanelId' => $quickDonatePanelId,
+    ]));
+
+    if ($tabletQuickDonateExtrasHtml !== '') {
+        $quickPanelPattern = '/(<div id="' . preg_quote($quickDonatePanelId, '/') . '"[^>]*>)(\s*<form\b.*?<\/form>)(\s*<\/div>)/s';
+        $replaceCount = 0;
+        $replacedOverlayHtml = preg_replace_callback(
+            $quickPanelPattern,
+            static function (array $matches) use ($tabletQuickDonateExtrasHtml): string {
+                $layoutHtml = str_replace('__ANIMAL_TILE_QUICK_DONATE_FORM_SLOT__', $matches[2], $tabletQuickDonateExtrasHtml);
+                return $matches[1]
+                    . $layoutHtml
+                    . $matches[3];
+            },
+            $tileOverlayAddonHtml,
+            1,
+            $replaceCount
+        );
+        if ($replaceCount > 0 && is_string($replacedOverlayHtml)) {
+            $tileOverlayAddonHtml = $replacedOverlayHtml;
+        }
+    }
+}
+
+$tileSizeEvent = new AnimalTileSizeEvent([
+    'animal' => $animal,
+    'contentContainer' => $contentContainer,
+    'existingDonationGoal' => $existingDonationGoal,
+]);
+Event::trigger(AnimalTileSizeEvent::class, AnimalTileSizeEvent::EVENT_RESOLVE_SIZE, $tileSizeEvent);
+$extraTileHeightPx = $tileSizeEvent->getAdditionalHeightPx();
+
+// Fallback: read donations setting directly in case size hook listeners are not yet active in cache.
+if ($extraTileHeightPx <= 0
+    && $contentContainer instanceof Space
+    && $contentContainer->moduleManager->isEnabled('donations')
+) {
+    $donationsModule = Yii::$app->getModule('donations', false);
+    if ($donationsModule !== null) {
+        $extraTileHeightPx = max(0, (int)$donationsModule->settings->contentContainer($contentContainer)->get('animal_tile_extra_height_px', 0));
+    }
+}
+
+$tileBaseHeightPx = 260;
+if ($tileLayoutMode === 'rows') {
+    $tileBaseHeightPx = 210;
+} elseif ($tileLayoutMode === 'tiles2') {
+    $tileBaseHeightPx = 360;
+} elseif ($tileLayoutMode === 'tablet') {
+    $tileBaseHeightPx = 560;
+}
+$tileTotalHeightPx = $tileBaseHeightPx + max(0, (int)$extraTileHeightPx);
+$tileMediaStyle = 'display:block;position:relative;background:#d8dee8;height:' . (int)$tileTotalHeightPx . 'px;overflow:visible;border-radius:12px;';
+if ($tileLayoutMode === 'tablet') {
+    $tileMediaStyle = 'display:block;position:relative;background:#d8dee8;min-height:520px;height:min(84vh,860px);overflow:visible;border-radius:12px;';
+}
+$tileImageFitMode = 'cover';
+$overlayPointerEvents = $tileLayoutMode === 'tablet' ? 'auto' : 'none';
+$overlayVerticalStyle = $tileLayoutMode === 'tablet' ? 'top:12px;' : '';
+
+$inlineFormBackgroundStyle = 'display:none;position:absolute;left:12px;right:12px;top:12px;z-index:5;max-height:calc(100% - 24px);overflow:auto;padding:12px;border:1px solid rgba(213,222,234,0.9);border-radius:10px;background:#fff;';
+if ($existingGoalImage !== '') {
+    $inlineFormBackgroundStyle = 'display:none;position:absolute;left:12px;right:12px;top:12px;z-index:5;max-height:calc(100% - 24px);overflow:auto;padding:12px;border:1px solid rgba(213,222,234,0.9);border-radius:10px;'
+    . 'background-image:linear-gradient(rgba(255,255,255,0.35),rgba(255,255,255,0.45)),url(' . Html::encode($existingGoalImage) . ');'
+        . 'background-size:cover;background-position:center;';
+}
 ?>
 
-<div class="panel panel-default" style="margin-bottom:0;overflow:hidden;border-radius:12px;border:0;box-shadow:0 8px 24px rgba(15,23,42,0.14);">
-    <div style="display:block;position:relative;aspect-ratio:4 / 3;background:#d8dee8;">
-        <a href="<?= Html::encode($animalViewUrl) ?>" aria-label="<?= Html::encode($animal->getDisplayName()) ?>" style="position:absolute;inset:0;z-index:1;"></a>
-        <?php if ($hasImage): ?>
-            <img src="<?= Html::encode($imageUrl) ?>" alt="<?= Html::encode($animal->getDisplayName()) ?>" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;">
-        <?php endif; ?>
-        <div style="position:absolute;inset:0;background:linear-gradient(180deg, rgba(7,10,16,0.05) 0%, rgba(7,10,16,0.62) 58%, rgba(7,10,16,0.78) 100%);"></div>
+<div class="panel panel-default" style="margin-bottom:0;overflow:visible;border-radius:12px;border:0;box-shadow:0 8px 24px rgba(15,23,42,0.14);position:relative;">
+    <?php if ($showDonationSettingsButton && $tileLayoutMode !== 'tablet'): ?>
+        <input
+            type="checkbox"
+            id="<?= Html::encode($toggleInputId) ?>"
+            style="display:none;"
+            onchange="var f=document.getElementById('<?= Html::encode($inlineFormId) ?>');if(f){f.style.display=this.checked?'block':'none';}"
+        >
+    <?php endif; ?>
 
-        <div style="position:absolute;left:12px;right:12px;bottom:12px;z-index:2;color:#fff;pointer-events:none;">
+    <?php if ($tileLayoutMode === 'tablet'): ?>
+        <input type="radio" name="<?= Html::encode($inlinePanelRadioName) ?>" id="<?= Html::encode($inlinePanelNoneId) ?>" style="display:none;" checked>
+        <input type="radio" name="<?= Html::encode($inlinePanelRadioName) ?>" id="<?= Html::encode($inlinePanelIds['gallery']) ?>" style="display:none;">
+        <input type="radio" name="<?= Html::encode($inlinePanelRadioName) ?>" id="<?= Html::encode($inlinePanelIds['files']) ?>" style="display:none;">
+        <input type="radio" name="<?= Html::encode($inlinePanelRadioName) ?>" id="<?= Html::encode($inlinePanelIds['medical-progress']) ?>" style="display:none;">
+        <input type="radio" name="<?= Html::encode($inlinePanelRadioName) ?>" id="<?= Html::encode($inlinePanelIds['transfer']) ?>" style="display:none;">
+        <input type="radio" name="<?= Html::encode($galleryColsRadioName) ?>" id="<?= Html::encode($galleryCols2Id) ?>" style="display:none;">
+        <input type="radio" name="<?= Html::encode($galleryColsRadioName) ?>" id="<?= Html::encode($galleryCols3Id) ?>" style="display:none;" checked>
+        <input type="radio" name="<?= Html::encode($formModeRadioName) ?>" id="<?= Html::encode($formModeNoneId) ?>" style="display:none;" checked>
+        <input type="radio" name="<?= Html::encode($formModeRadioName) ?>" id="<?= Html::encode($formModeMedicalId) ?>" style="display:none;">
+        <input type="radio" name="<?= Html::encode($formModeRadioName) ?>" id="<?= Html::encode($formModeProgressId) ?>" style="display:none;">
+        <?php if ($showInlineAddControls): ?>
+            <input type="checkbox" id="<?= Html::encode($galleryAddToggleId) ?>" class="animal-tile-item-edit-toggle">
+            <input type="checkbox" id="<?= Html::encode($transferAddToggleId) ?>" class="animal-tile-item-edit-toggle">
+        <?php endif; ?>
+    <?php endif; ?>
+
+    <div style="<?= Html::encode($tileMediaStyle) ?>">
+        <a href="<?= Html::encode($animalViewUrl) ?>" aria-label="<?= Html::encode($animal->getDisplayName()) ?>" style="position:absolute;inset:0;z-index:1;border-radius:12px;"></a>
+        <?php if ($hasImage): ?>
+            <img src="<?= Html::encode($imageUrl) ?>" alt="<?= Html::encode($animal->getDisplayName()) ?>" style="position:absolute;inset:0;width:100%;height:100%;object-fit:<?= Html::encode($tileImageFitMode) ?>;object-position:center center;border-radius:12px;">
+        <?php endif; ?>
+        <div style="position:absolute;inset:0;background:linear-gradient(180deg, rgba(7,10,16,0.05) 0%, rgba(7,10,16,0.62) 58%, rgba(7,10,16,0.78) 100%);border-radius:12px;"></div>
+
+        <div id="<?= Html::encode($overlayStackId) ?>" data-animal-tile-overlay-stack="1" style="position:absolute;left:12px;right:12px;bottom:12px;<?= Html::encode($overlayVerticalStyle) ?>z-index:2;color:#fff;pointer-events:<?= Html::encode($overlayPointerEvents) ?>;transition:top 150ms ease,bottom 150ms ease;display:flex;flex-direction:column;justify-content:flex-end;">
             <div style="display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;">
-                <span style="font-size:20px;font-weight:700;line-height:1.15;text-shadow:0 2px 8px rgba(0,0,0,0.4);color:#fff;">
+                <a href="<?= Html::encode($animalViewUrl) ?>" style="font-size:20px;font-weight:700;line-height:1.15;text-shadow:0 2px 8px rgba(0,0,0,0.4);color:#fff;pointer-events:auto;text-decoration:none;">
                     <?= Html::encode($animal->getDisplayName()) ?>
+                </a>
+                <span style="display:flex;align-items:center;gap:6px;position:relative;z-index:3;pointer-events:auto;">
+                    <?php if ($showDonationSettingsButton && $tileLayoutMode !== 'tablet' && $existingGoalId <= 0): ?>
+                        <label for="<?= Html::encode($toggleInputId) ?>" class="btn btn-xs btn-default" title="<?= Yii::t('DonationsModule.base', 'Set Goal') ?>" aria-label="<?= Yii::t('DonationsModule.base', 'Set Goal') ?>" style="border-radius:999px;padding:6px 10px;background:rgba(255,255,255,0.92);border:0;margin:0;">
+                            <i class="fa fa-plus"></i> <?= Yii::t('DonationsModule.base', 'Set Goal') ?>
+                        </label>
+                    <?php endif; ?>
                 </span>
-                <?php if ($showMedicalIcon): ?>
-                    <a href="<?= Html::encode($medicalUrl) ?>" class="btn btn-xs btn-default" title="<?= Yii::t('AnimalManagementModule.base', 'Medical Visits') ?>" aria-label="<?= Yii::t('AnimalManagementModule.base', 'Medical Visits') ?>" style="border-radius:999px;padding:6px 8px;background:rgba(255,255,255,0.92);border:0;position:relative;z-index:3;pointer-events:auto;">
-                        <i class="fa fa-heartbeat"></i>
-                    </a>
-                <?php endif; ?>
             </div>
             <?php if (!empty($selectedMeta)): ?>
-                <div style="display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px;">
+                <div style="display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px;pointer-events:none;">
                     <?php foreach ($selectedMeta as $metaValue): ?>
                         <span style="display:inline-block;background:rgba(15,23,42,0.58);border:1px solid rgba(255,255,255,0.28);padding:2px 8px;border-radius:999px;font-size:12px;">
                             <?= Html::encode($metaValue) ?>
@@ -84,10 +422,1168 @@ $medicalUrl = $contentContainer->createUrl('/animal_management/animals/medical-v
                 </div>
             <?php endif; ?>
             <?php if ($summaryText !== ''): ?>
-                <div style="font-size:12px;line-height:1.35;color:rgba(255,255,255,0.92);text-shadow:0 1px 4px rgba(0,0,0,0.5);">
+                <div style="font-size:12px;line-height:1.35;color:rgba(255,255,255,0.92);text-shadow:0 1px 4px rgba(0,0,0,0.5);pointer-events:none;">
                     <?= Html::encode($summaryText) ?>
                 </div>
             <?php endif; ?>
+            <?php if ($tileOverlayAddonHtml !== ''): ?>
+                <div style="margin-top:8px;pointer-events:auto;max-width:100%;">
+                    <?= $tileOverlayAddonHtml ?>
+                </div>
+            <?php endif; ?>
+
+            <?php if ($tileLayoutMode === 'tablet'): ?>
+                <div id="<?= Html::encode($inlinePanelWrapId) ?>" style="display:none;margin-top:8px;flex:1 1 auto;min-height:0;width:100%;max-width:100%;padding:10px;border-radius:10px;background:rgba(15,23,42,0.34);border:1px solid rgba(255,255,255,0.16);color:#f8fafc;pointer-events:auto;overflow:hidden;">
+                    <div data-inline-tile-panel="gallery" style="display:none;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;">
+                        <div style="display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;">
+                            <div style="font-size:12px;font-weight:700;color:#f8fafc;"><?= Yii::t('AnimalManagementModule.base', 'Gallery') ?></div>
+                            <div style="display:flex;gap:6px;align-items:center;">
+                                <?php if ($showInlineAddControls): ?>
+                                    <label for="<?= Html::encode($galleryAddToggleId) ?>" class="animal-tile-inline-add-action"><i class="fa fa-plus"></i> <?= Yii::t('AnimalManagementModule.base', 'New') ?></label>
+                                <?php endif; ?>
+                                <label for="<?= Html::encode($galleryCols2Id) ?>" class="animal-tile-gallery-cols-toggle" title="<?= Yii::t('AnimalManagementModule.base', '2 Columns') ?>" aria-label="<?= Yii::t('AnimalManagementModule.base', '2 Columns') ?>">
+                                    <i class="fa fa-th-large"></i> 2
+                                </label>
+                                <label for="<?= Html::encode($galleryCols3Id) ?>" class="animal-tile-gallery-cols-toggle" title="<?= Yii::t('AnimalManagementModule.base', '3 Columns') ?>" aria-label="<?= Yii::t('AnimalManagementModule.base', '3 Columns') ?>">
+                                    <i class="fa fa-th"></i> 3
+                                </label>
+                            </div>
+                        </div>
+
+                        <?php if ($showInlineAddControls): ?>
+                            <div id="<?= Html::encode($galleryFormWrapId) ?>" style="display:none;position:relative;margin-bottom:0;min-height:0;">
+                                <label for="<?= Html::encode($galleryAddToggleId) ?>" class="animal-tile-inline-iframe-close" title="<?= Yii::t('AnimalManagementModule.base', 'Close Form') ?>" aria-label="<?= Yii::t('AnimalManagementModule.base', 'Close Form') ?>">
+                                    <i class="fa fa-times"></i>
+                                </label>
+                                <iframe src="<?= Html::encode($galleryAddInlineUrl) ?>" data-animal-inline-collapse-id="gallery-add-inline" style="width:100%;height:100%;min-height:100%;border:0;border-radius:8px;background:transparent;" loading="lazy"></iframe>
+                            </div>
+                        <?php endif; ?>
+
+                        <div id="<?= Html::encode($galleryListWrapId) ?>" style="min-height:0;">
+                            <?php if (empty($galleryUrls)): ?>
+                                <div style="font-size:12px;color:rgba(226,232,240,0.9);"><?= Yii::t('AnimalManagementModule.base', 'No gallery images yet.') ?></div>
+                            <?php else: ?>
+                                <div class="animal-tile-gallery-grid" style="display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;">
+                                    <?php foreach ($galleryUrls as $galleryUrl): ?>
+                                        <a href="<?= Html::encode($galleryUrl) ?>#.jpeg"
+                                           data-type="image"
+                                           data-toggle="lightbox"
+                                           data-parent="#<?= Html::encode($inlinePanelWrapId) ?>"
+                                           data-ui-gallery="<?= Html::encode($tileUiGalleryId) ?>"
+                                           data-pjax="0"
+                                           data-pjax-prevent
+                                           aria-label="<?= Yii::t('AnimalManagementModule.base', 'Open image') ?>"
+                                           class="animal-tile-gallery-item">
+                                            <img src="<?= Html::encode($galleryUrl) ?>" alt="" class="animal-tile-gallery-image">
+                                        </a>
+                                    <?php endforeach; ?>
+                                </div>
+                            <?php endif; ?>
+                        </div>
+                    </div>
+
+                    <div data-inline-tile-panel="files" style="display:none;">
+                        <div style="min-height:220px;"></div>
+                    </div>
+
+                    <div data-inline-tile-panel="medical-progress" style="display:none;width:100%;height:100%;overflow:hidden;">
+                        <div style="display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;height:100%;">
+                            <div style="min-width:0;border:1px solid rgba(255,255,255,0.12);border-radius:10px;background:rgba(15,23,42,0.14);padding:8px;display:flex;flex-direction:column;min-height:0;">
+                                <div style="display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px;">
+                                    <a href="<?= Html::encode($medicalUrl) ?>" class="animal-tile-section-title"><?= Yii::t('AnimalManagementModule.base', 'Medical Visits') ?></a>
+                                    <?php if ($showInlineAddControls): ?>
+                                        <label for="<?= Html::encode($formModeMedicalId) ?>" class="animal-tile-inline-add-action"><i class="fa fa-plus"></i> <?= Yii::t('AnimalManagementModule.base', 'New') ?></label>
+                                    <?php endif; ?>
+                                </div>
+                                <div id="<?= Html::encode($medicalFormWrapId) ?>" style="display:none;position:relative;margin-top:0;margin-bottom:8px;">
+                                    <label for="<?= Html::encode($formModeNoneId) ?>" class="animal-tile-inline-iframe-close" title="<?= Yii::t('AnimalManagementModule.base', 'Close Form') ?>" aria-label="<?= Yii::t('AnimalManagementModule.base', 'Close Form') ?>">
+                                        <i class="fa fa-times"></i>
+                                    </label>
+                                    <iframe src="<?= Html::encode($medicalAddInlineUrl) ?>" data-animal-inline-collapse-id="medical-add-inline" style="width:100%;min-height:560px;border:0;border-radius:8px;background:transparent;" loading="lazy"></iframe>
+                                </div>
+
+                                <div class="animal-tile-scroll-region" style="flex:1 1 auto;min-height:0;overflow:auto;">
+                                    <?php if (empty($recentMedicalVisits)): ?>
+                                        <div style="font-size:12px;color:rgba(226,232,240,0.9);margin-bottom:8px;"><?= Yii::t('AnimalManagementModule.base', 'No medical visits recorded.') ?></div>
+                                    <?php else: ?>
+                                        <?php foreach ($recentMedicalVisits as $visit): ?>
+                                            <?php
+                                                $visitCustomValues = method_exists($visit, 'getCustomFieldDisplayValues') ? $visit->getCustomFieldDisplayValues(true) : [];
+                                                $medicalMedia = '';
+                                                foreach ($visitCustomValues as $visitCustomField) {
+                                                    $fieldKey = (string)($visitCustomField['field_key'] ?? '');
+                                                    if ($fieldKey === 'medical_media_reference' || $fieldKey === 'media_reference') {
+                                                        $candidateUrl = trim((string)($visitCustomField['value'] ?? ''));
+                                                        if ($candidateUrl !== '') {
+                                                            $medicalMedia = $candidateUrl;
+                                                            break;
+                                                        }
+                                                    }
+                                                }
+                                                $hasMedicalMedia = $medicalMedia !== '' && (preg_match('/^https?:\/\//i', $medicalMedia) || substr($medicalMedia, 0, 1) === '/');
+                                                $canEditMedicalVisit = $showInlineAddControls;
+                                                $medicalEditToggleId = 'animal-tile-medical-edit-toggle-' . (int)$animal->id . '-' . (int)$visit->id;
+                                                $medicalEditInlineUrl = $contentContainer->createUrl('/animal_management/animals/edit-medical-visit', [
+                                                    'id' => (int)$animal->id,
+                                                    'visitId' => (int)$visit->id,
+                                                    'inline' => 1,
+                                                    'returnTo' => 'medical-visits',
+                                                ]);
+                                            ?>
+                                            <?php if ($canEditMedicalVisit): ?>
+                                                <input type="checkbox" id="<?= Html::encode($medicalEditToggleId) ?>" class="animal-tile-item-edit-toggle">
+                                            <?php endif; ?>
+                                            <div class="panel panel-default animal-tile-feed-card animal-tile-item-card" style="margin-bottom:10px;">
+                                                <?php if ($hasMedicalMedia): ?>
+                                                    <img class="animal-tile-feed-cover" src="<?= Html::encode($medicalMedia) ?>" alt="<?= Yii::t('AnimalManagementModule.base', 'Medical media') ?>">
+                                                <?php endif; ?>
+                                                <div class="animal-tile-feed-overlay"></div>
+                                                <div class="animal-tile-feed-content">
+                                                    <div class="animal-tile-feed-top-row">
+                                                        <span class="animal-tile-feed-date"><?= Html::encode(DateDisplayHelper::format((string)$visit->visit_at)) ?></span>
+                                                        <?php if ($canEditMedicalVisit): ?>
+                                                            <label for="<?= Html::encode($medicalEditToggleId) ?>" class="animal-tile-item-edit-btn" title="<?= Yii::t('AnimalManagementModule.base', 'Edit Medical Visit') ?>" aria-label="<?= Yii::t('AnimalManagementModule.base', 'Edit Medical Visit') ?>">
+                                                                <i class="fa fa-pencil"></i>
+                                                            </label>
+                                                        <?php endif; ?>
+                                                    </div>
+                                                    <div class="animal-tile-feed-details">
+                                                        <?php if (!empty($visit->provider_name)): ?>
+                                                            <div class="animal-tile-feed-label"><?= Yii::t('AnimalManagementModule.base', 'Provider') ?></div>
+                                                            <div class="animal-tile-feed-copy"><?= Html::encode((string)$visit->provider_name) ?></div>
+                                                        <?php endif; ?>
+                                                        <?php if (!empty($visit->notes)): ?>
+                                                            <div class="animal-tile-feed-label"><?= Yii::t('AnimalManagementModule.base', 'Clinical Notes') ?></div>
+                                                            <div class="animal-tile-feed-copy"><?= nl2br(Html::encode((string)$visit->notes)) ?></div>
+                                                        <?php endif; ?>
+                                                        <?php if (!empty($visit->recommendations)): ?>
+                                                            <div class="animal-tile-feed-label"><?= Yii::t('AnimalManagementModule.base', 'Recommendations') ?></div>
+                                                            <div class="animal-tile-feed-copy"><?= nl2br(Html::encode((string)$visit->recommendations)) ?></div>
+                                                        <?php endif; ?>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <?php if ($canEditMedicalVisit): ?>
+                                                <div class="animal-tile-item-editor" style="position:relative;margin-bottom:10px;">
+                                                    <label for="<?= Html::encode($medicalEditToggleId) ?>" class="animal-tile-inline-iframe-close" title="<?= Yii::t('AnimalManagementModule.base', 'Close Form') ?>" aria-label="<?= Yii::t('AnimalManagementModule.base', 'Close Form') ?>">
+                                                        <i class="fa fa-times"></i>
+                                                    </label>
+                                                    <iframe src="<?= Html::encode($medicalEditInlineUrl) ?>" data-animal-inline-collapse-id="medical-edit-inline-<?= (int)$visit->id ?>" style="width:100%;min-height:600px;border:0;border-radius:8px;background:transparent;" loading="lazy"></iframe>
+                                                </div>
+                                            <?php endif; ?>
+                                        <?php endforeach; ?>
+                                    <?php endif; ?>
+                                </div>
+                            </div>
+
+                            <div style="min-width:0;border:1px solid rgba(255,255,255,0.12);border-radius:10px;background:rgba(15,23,42,0.14);padding:8px;display:flex;flex-direction:column;min-height:0;">
+                                <div style="display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px;">
+                                    <a href="<?= Html::encode($contentContainer->createUrl('/animal_management/animals/progress-updates', ['id' => $animal->id])) ?>" class="animal-tile-section-title"><?= Yii::t('AnimalManagementModule.base', 'Progress Feed') ?></a>
+                                    <?php if ($showInlineAddControls): ?>
+                                        <label for="<?= Html::encode($formModeProgressId) ?>" class="animal-tile-inline-add-action"><i class="fa fa-plus"></i> <?= Yii::t('AnimalManagementModule.base', 'New') ?></label>
+                                    <?php endif; ?>
+                                </div>
+                                <div class="animal-tile-scroll-region" style="flex:1 1 auto;min-height:0;overflow:auto;">
+                                    <?php if (empty($recentProgressUpdates)): ?>
+                                        <div style="font-size:12px;color:rgba(226,232,240,0.9);margin-bottom:8px;"><?= Yii::t('AnimalManagementModule.base', 'No progress updates recorded.') ?></div>
+                                    <?php else: ?>
+                                        <?php foreach ($recentProgressUpdates as $update): ?>
+                                            <?php
+                                                $progressCustomValues = method_exists($update, 'getCustomFieldDisplayValues') ? $update->getCustomFieldDisplayValues(true) : [];
+                                                $progressMedia = '';
+                                                foreach ($progressCustomValues as $progressCustomField) {
+                                                    if ((string)($progressCustomField['field_key'] ?? '') !== 'media_reference') {
+                                                        continue;
+                                                    }
+                                                    $candidateUrl = trim((string)($progressCustomField['value'] ?? ''));
+                                                    if ($candidateUrl !== '') {
+                                                        $progressMedia = $candidateUrl;
+                                                        break;
+                                                    }
+                                                }
+                                                $hasProgressMedia = $progressMedia !== '' && (preg_match('/^https?:\/\//i', $progressMedia) || substr($progressMedia, 0, 1) === '/');
+                                                $canEditProgressUpdate = $showInlineAddControls;
+                                                $progressEditToggleId = 'animal-tile-progress-edit-toggle-' . (int)$animal->id . '-' . (int)$update->id;
+                                                $progressEditInlineUrl = $contentContainer->createUrl('/animal_management/animals/edit-progress-update', [
+                                                    'id' => (int)$animal->id,
+                                                    'updateId' => (int)$update->id,
+                                                    'inline' => 1,
+                                                    'returnTo' => 'progress-updates',
+                                                ]);
+                                            ?>
+                                            <?php if ($canEditProgressUpdate): ?>
+                                                <input type="checkbox" id="<?= Html::encode($progressEditToggleId) ?>" class="animal-tile-item-edit-toggle">
+                                            <?php endif; ?>
+                                            <div class="panel panel-default animal-tile-feed-card animal-tile-item-card" style="margin-bottom:10px;">
+                                                <?php if ($hasProgressMedia): ?>
+                                                    <img class="animal-tile-feed-cover" src="<?= Html::encode($progressMedia) ?>" alt="<?= Yii::t('AnimalManagementModule.base', 'Progress media') ?>">
+                                                <?php endif; ?>
+                                                <div class="animal-tile-feed-overlay"></div>
+                                                <div class="animal-tile-feed-content">
+                                                    <div class="animal-tile-feed-top-row">
+                                                        <span class="animal-tile-feed-date"><?= Html::encode(DateDisplayHelper::format((string)$update->update_at)) ?></span>
+                                                        <?php if ($canEditProgressUpdate): ?>
+                                                            <label for="<?= Html::encode($progressEditToggleId) ?>" class="animal-tile-item-edit-btn" title="<?= Yii::t('AnimalManagementModule.base', 'Edit Progress Update') ?>" aria-label="<?= Yii::t('AnimalManagementModule.base', 'Edit Progress Update') ?>">
+                                                                <i class="fa fa-pencil"></i>
+                                                            </label>
+                                                        <?php endif; ?>
+                                                    </div>
+                                                    <div class="animal-tile-feed-details">
+                                                        <?php if (!empty($update->vitals)): ?>
+                                                            <div class="animal-tile-feed-label"><?= Yii::t('AnimalManagementModule.base', 'Vitals') ?></div>
+                                                            <div class="animal-tile-feed-copy"><?= nl2br(Html::encode((string)$update->vitals)) ?></div>
+                                                        <?php endif; ?>
+                                                        <?php if (!empty($update->behavior_notes)): ?>
+                                                            <div class="animal-tile-feed-label"><?= Yii::t('AnimalManagementModule.base', 'Behavior') ?></div>
+                                                            <div class="animal-tile-feed-copy"><?= nl2br(Html::encode((string)$update->behavior_notes)) ?></div>
+                                                        <?php endif; ?>
+                                                        <?php if (!empty($update->meal_plan_changes)): ?>
+                                                            <div class="animal-tile-feed-label"><?= Yii::t('AnimalManagementModule.base', 'Meal Plan') ?></div>
+                                                            <div class="animal-tile-feed-copy"><?= nl2br(Html::encode((string)$update->meal_plan_changes)) ?></div>
+                                                        <?php endif; ?>
+                                                        <?php if (!empty($update->housing_changes)): ?>
+                                                            <div class="animal-tile-feed-label"><?= Yii::t('AnimalManagementModule.base', 'Housing') ?></div>
+                                                            <div class="animal-tile-feed-copy"><?= nl2br(Html::encode((string)$update->housing_changes)) ?></div>
+                                                        <?php endif; ?>
+                                                        <?php if (!empty($update->medical_concerns)): ?>
+                                                            <div class="animal-tile-feed-label"><?= Yii::t('AnimalManagementModule.base', 'Medical Concerns') ?></div>
+                                                            <div class="animal-tile-feed-copy"><?= nl2br(Html::encode((string)$update->medical_concerns)) ?></div>
+                                                        <?php endif; ?>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <?php if ($canEditProgressUpdate): ?>
+                                                <div class="animal-tile-item-editor" style="position:relative;margin-bottom:10px;">
+                                                    <label for="<?= Html::encode($progressEditToggleId) ?>" class="animal-tile-inline-iframe-close" title="<?= Yii::t('AnimalManagementModule.base', 'Close Form') ?>" aria-label="<?= Yii::t('AnimalManagementModule.base', 'Close Form') ?>">
+                                                        <i class="fa fa-times"></i>
+                                                    </label>
+                                                    <iframe src="<?= Html::encode($progressEditInlineUrl) ?>" data-animal-inline-collapse-id="progress-edit-inline-<?= (int)$update->id ?>" style="width:100%;min-height:620px;border:0;border-radius:8px;background:transparent;" loading="lazy"></iframe>
+                                                </div>
+                                            <?php endif; ?>
+                                        <?php endforeach; ?>
+                                    <?php endif; ?>
+                                </div>
+
+                                <div id="<?= Html::encode($progressFormWrapId) ?>" style="display:none;position:relative;margin-top:8px;">
+                                    <label for="<?= Html::encode($formModeNoneId) ?>" class="animal-tile-inline-iframe-close" title="<?= Yii::t('AnimalManagementModule.base', 'Close Form') ?>" aria-label="<?= Yii::t('AnimalManagementModule.base', 'Close Form') ?>">
+                                        <i class="fa fa-times"></i>
+                                    </label>
+                                    <iframe src="<?= Html::encode($progressAddInlineUrl) ?>" data-animal-inline-collapse-id="progress-add-inline" style="width:100%;min-height:620px;border:0;border-radius:8px;background:transparent;" loading="lazy"></iframe>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div data-inline-tile-panel="transfer" style="display:none;width:100%;height:100%;overflow-y:auto;">
+                        <div style="display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;">
+                            <?php if ($showInlineAddControls): ?>
+                                <label for="<?= Html::encode($transferAddToggleId) ?>" class="animal-tile-inline-add-action"><i class="fa fa-plus"></i> <?= Yii::t('AnimalManagementModule.base', 'Transfer Form') ?></label>
+                            <?php endif; ?>
+                            <span style="display:inline-block;font-size:11px;padding:3px 8px;border-radius:999px;background:#e7eff8;color:#27435f;"><?= Yii::t('AnimalManagementModule.base', 'Intelligent Rescue Matching (Coming Soon)') ?></span>
+                        </div>
+
+                        <?php if ($showInlineAddControls): ?>
+                            <div id="<?= Html::encode($transferFormWrapId) ?>" style="display:none;position:relative;margin-bottom:8px;">
+                                <label for="<?= Html::encode($transferAddToggleId) ?>" class="animal-tile-inline-iframe-close" title="<?= Yii::t('AnimalManagementModule.base', 'Close Form') ?>" aria-label="<?= Yii::t('AnimalManagementModule.base', 'Close Form') ?>">
+                                    <i class="fa fa-times"></i>
+                                </label>
+                                <iframe src="<?= Html::encode($transferAddInlineUrl) ?>" data-animal-inline-collapse-id="transfer-add-inline" style="width:100%;min-height:500px;border:0;border-radius:8px;background:transparent;" loading="lazy"></iframe>
+                            </div>
+                        <?php endif; ?>
+
+                        <div id="<?= Html::encode($transferHistoryWrapId) ?>" style="max-width:500px;">
+                        <?php if (empty($recentTransferEvents)): ?>
+                            <div style="font-size:12px;color:rgba(226,232,240,0.9);"><?= Yii::t('AnimalManagementModule.base', 'No transfer events recorded yet.') ?></div>
+                        <?php else: ?>
+                            <?php
+                                $eventsByTransfer = [];
+                                foreach ($recentTransferEvents as $transferEvent) {
+                                    if (!$transferEvent instanceof AnimalTransferEvent) {
+                                        continue;
+                                    }
+                                    $transferId = (int)$transferEvent->transfer_id;
+                                    if ($transferId <= 0) {
+                                        continue;
+                                    }
+                                    if (!isset($eventsByTransfer[$transferId])) {
+                                        $eventsByTransfer[$transferId] = [];
+                                    }
+                                    $eventsByTransfer[$transferId][] = $transferEvent;
+                                }
+
+                                $eventActionMap = [
+                                    AnimalTransferEvent::EVENT_REQUESTED => Yii::t('AnimalManagementModule.base', 'requested Transfer'),
+                                    AnimalTransferEvent::EVENT_ACCEPTED => Yii::t('AnimalManagementModule.base', 'accepted Transfer'),
+                                    AnimalTransferEvent::EVENT_DECLINED => Yii::t('AnimalManagementModule.base', 'declined Transfer'),
+                                    AnimalTransferEvent::EVENT_COMPLETED => Yii::t('AnimalManagementModule.base', 'completed Transfer'),
+                                    AnimalTransferEvent::EVENT_CANCELLED => Yii::t('AnimalManagementModule.base', 'cancelled Transfer'),
+                                ];
+
+                                $eventBadgeMap = [
+                                    AnimalTransferEvent::EVENT_REQUESTED => ['label' => Yii::t('AnimalManagementModule.base', 'Requested'), 'class' => 'animal-tile-transfer-badge-requested'],
+                                    AnimalTransferEvent::EVENT_ACCEPTED => ['label' => Yii::t('AnimalManagementModule.base', 'Accepted'), 'class' => 'animal-tile-transfer-badge-accepted'],
+                                    AnimalTransferEvent::EVENT_DECLINED => ['label' => Yii::t('AnimalManagementModule.base', 'Declined'), 'class' => 'animal-tile-transfer-badge-declined'],
+                                    AnimalTransferEvent::EVENT_COMPLETED => ['label' => Yii::t('AnimalManagementModule.base', 'Completed'), 'class' => 'animal-tile-transfer-badge-completed'],
+                                    AnimalTransferEvent::EVENT_CANCELLED => ['label' => Yii::t('AnimalManagementModule.base', 'Cancelled'), 'class' => 'animal-tile-transfer-badge-cancelled'],
+                                ];
+                            ?>
+                            <?php foreach ($eventsByTransfer as $transferId => $transferEventsGroup): ?>
+                                <?php
+                                    $latestEvent = $transferEventsGroup[0] ?? null;
+                                    $latestType = $latestEvent instanceof AnimalTransferEvent ? (string)$latestEvent->event_type : '';
+                                    $eventBadge = $eventBadgeMap[$latestType] ?? ['label' => Yii::t('AnimalManagementModule.base', 'Updated'), 'class' => 'animal-tile-transfer-badge-default'];
+                                    $latestTimeText = $latestEvent instanceof AnimalTransferEvent ? date('m/d/y g:i A', strtotime((string)$latestEvent->created_at)) : '';
+
+                                    $transferModel = $recentTransfersById[(int)$transferId] ?? null;
+                                    $fromName = Yii::t('AnimalManagementModule.base', 'Unknown Rescue');
+                                    $toName = Yii::t('AnimalManagementModule.base', 'Unknown Rescue');
+                                    $fromUrl = '';
+                                    $toUrl = '';
+                                    $careWindow = '';
+
+                                    if ($transferModel instanceof AnimalTransfer) {
+                                        $fromSpace = $transferModel->getFromSpace();
+                                        $toSpace = $transferModel->getToSpace();
+                                        if ($fromSpace !== null) {
+                                            $fromName = (string)$fromSpace->name;
+                                            $fromUrl = (string)$fromSpace->createUrl('/rescues');
+                                        }
+                                        if ($toSpace !== null) {
+                                            $toName = (string)$toSpace->name;
+                                            $toUrl = (string)$toSpace->createUrl('/rescues');
+                                        }
+
+                                        $startTs = strtotime((string)$transferModel->created_at);
+                                        $endRaw = trim((string)($transferModel->completed_at ?? ''));
+                                        if ($endRaw === '') {
+                                            $endRaw = trim((string)$transferModel->updated_at);
+                                        }
+                                        $endTs = $endRaw !== '' ? strtotime($endRaw) : false;
+
+                                        if ($startTs !== false) {
+                                            $careWindow = date('m/d/y', $startTs);
+                                            if ($endTs !== false) {
+                                                $careWindow .= ' - ' . date('m/d/y', $endTs);
+                                            }
+                                        }
+                                    }
+
+                                    $routeFromHtml = $fromUrl !== ''
+                                        ? Html::a(Html::encode($fromName), $fromUrl, ['style' => 'color:#f8fafc;text-decoration:underline;'])
+                                        : '<span style="color:#f8fafc;">' . Html::encode($fromName) . '</span>';
+                                    $routeToHtml = $toUrl !== ''
+                                        ? Html::a(Html::encode($toName), $toUrl, ['style' => 'color:#f8fafc;text-decoration:underline;'])
+                                        : '<span style="color:#f8fafc;">' . Html::encode($toName) . '</span>';
+                                ?>
+                                <?php
+                                    // Match the animal profile transfer tile markup and logic
+                                    $historyImageUrl = $hasImage ? $imageUrl : '';
+                                    $fromAvatarUrl = '';
+                                    $toAvatarUrl = '';
+                                    if ($transferModel instanceof AnimalTransfer) {
+                                        $fromSpace = $transferModel->getFromSpace();
+                                        $toSpace = $transferModel->getToSpace();
+                                        if ($fromSpace && method_exists($fromSpace, 'getProfileImage')) {
+                                            $profileImage = $fromSpace->getProfileImage();
+                                            if ($profileImage && method_exists($profileImage, 'getUrl')) {
+                                                $fromAvatarUrl = $profileImage->getUrl();
+                                            }
+                                        }
+                                        if ($toSpace && method_exists($toSpace, 'getProfileImage')) {
+                                            $profileImage = $toSpace->getProfileImage();
+                                            if ($profileImage && method_exists($profileImage, 'getUrl')) {
+                                                $toAvatarUrl = $profileImage->getUrl();
+                                            }
+                                        }
+                                    }
+                                    $fromNameHtml = $fromUrl !== ''
+                                        ? Html::a(Html::encode($fromName), $fromUrl, ['class' => 'animal-profile-transfer-rescue-name'])
+                                        : '<span class="animal-profile-transfer-rescue-name">' . Html::encode($fromName) . '</span>';
+                                    $toNameHtml = $toUrl !== ''
+                                        ? Html::a(Html::encode($toName), $toUrl, ['class' => 'animal-profile-transfer-rescue-name'])
+                                        : '<span class="animal-profile-transfer-rescue-name">' . Html::encode($toName) . '</span>';
+                                    $careWindowText = $careWindow;
+                                    $receivingStatusDateText = '';
+                                ?>
+                                <div class="animal-profile-transfer-history-card" style="margin-bottom:10px;">
+                                    <?php if ($historyImageUrl !== ''): ?>
+                                        <img class="animal-profile-transfer-history-cover" src="<?= Html::encode($historyImageUrl) ?>" alt="<?= Html::encode($animal->getDisplayName()) ?>">
+                                    <?php endif; ?>
+                                    <div class="animal-profile-transfer-history-overlay"></div>
+                                    <div class="animal-profile-transfer-history-body">
+                                        <div class="animal-profile-transfer-event-head">
+                                            <span class="animal-profile-transfer-badge <?= Html::encode($eventBadge['class']) ?>"><?= Html::encode($eventBadge['label']) ?></span>
+                                        </div>
+                                        <div class="animal-profile-transfer-route-row">
+                                            <div class="animal-profile-transfer-rescue-col">
+                                                <?php if ($fromAvatarUrl !== ''): ?>
+                                                    <?php if ($fromUrl !== ''): ?>
+                                                        <a href="<?= Html::encode($fromUrl) ?>" class="animal-profile-transfer-rescue-avatar-link">
+                                                            <img class="animal-profile-transfer-rescue-avatar" src="<?= Html::encode($fromAvatarUrl) ?>" alt="<?= Html::encode($fromName) ?>">
+                                                        </a>
+                                                    <?php else: ?>
+                                                        <img class="animal-profile-transfer-rescue-avatar" src="<?= Html::encode($fromAvatarUrl) ?>" alt="<?= Html::encode($fromName) ?>">
+                                                    <?php endif; ?>
+                                                <?php else: ?>
+                                                    <span class="animal-profile-transfer-rescue-avatar animal-profile-transfer-rescue-avatar-fallback"><i class="fa fa-home"></i></span>
+                                                <?php endif; ?>
+                                                <?= $fromNameHtml ?>
+                                                <?php if ($careWindowText !== ''): ?>
+                                                    <span class="animal-profile-transfer-rescue-date"><?= Html::encode($careWindowText) ?></span>
+                                                <?php endif; ?>
+                                            </div>
+                                            <div class="animal-profile-transfer-route-arrow" aria-hidden="true">&rarr;</div>
+                                            <div class="animal-profile-transfer-rescue-col">
+                                                <?php if ($toAvatarUrl !== ''): ?>
+                                                    <?php if ($toUrl !== ''): ?>
+                                                        <a href="<?= Html::encode($toUrl) ?>" class="animal-profile-transfer-rescue-avatar-link">
+                                                            <img class="animal-profile-transfer-rescue-avatar" src="<?= Html::encode($toAvatarUrl) ?>" alt="<?= Html::encode($toName) ?>">
+                                                        </a>
+                                                    <?php else: ?>
+                                                        <img class="animal-profile-transfer-rescue-avatar" src="<?= Html::encode($toAvatarUrl) ?>" alt="<?= Html::encode($toName) ?>">
+                                                    <?php endif; ?>
+                                                <?php else: ?>
+                                                    <span class="animal-profile-transfer-rescue-avatar animal-profile-transfer-rescue-avatar-fallback"><i class="fa fa-home"></i></span>
+                                                <?php endif; ?>
+                                                <?= $toNameHtml ?>
+                                                <?php if ($receivingStatusDateText !== ''): ?>
+                                                    <span class="animal-profile-transfer-rescue-date"><?= Html::encode($receivingStatusDateText) ?></span>
+                                                <?php endif; ?>
+                                            </div>
+                                        </div>
+                                        <div class="animal-profile-transfer-event-lines">
+                                            <?php foreach ($transferEventsGroup as $transferEvent): ?>
+                                                <?php
+                                                    $eventTimeText = date('m/d/y g:i A', strtotime((string)$transferEvent->created_at));
+                                                    $eventActionText = $eventActionMap[(string)$transferEvent->event_type] ?? (string)$transferEvent->event_type;
+                                                    $transferActor = $transferEvent->createdByUser;
+                                                    $actorName = $transferActor ? (string)$transferActor->displayName : Yii::t('AnimalManagementModule.base', 'System');
+                                                    $actorUrl = ($transferActor && method_exists($transferActor, 'getUrl')) ? (string)$transferActor->getUrl() : '';
+                                                    $actorAvatarUrl = '';
+                                                    if ($transferActor && method_exists($transferActor, 'getProfileImage')) {
+                                                        $actorProfileImage = $transferActor->getProfileImage();
+                                                        if ($actorProfileImage !== null && method_exists($actorProfileImage, 'getUrl')) {
+                                                            $actorAvatarUrl = trim((string)$actorProfileImage->getUrl());
+                                                        }
+                                                    }
+                                                ?>
+                                                <div class="animal-profile-transfer-event-line">
+                                                    <div class="animal-profile-transfer-event-actor">
+                                                        <?php if ($actorAvatarUrl !== ''): ?>
+                                                            <?php if ($actorUrl !== ''): ?>
+                                                                <a href="<?= Html::encode($actorUrl) ?>" class="animal-profile-transfer-event-avatar-link">
+                                                                    <img class="animal-profile-transfer-event-avatar" src="<?= Html::encode($actorAvatarUrl) ?>" alt="<?= Html::encode($actorName) ?>">
+                                                                </a>
+                                                            <?php else: ?>
+                                                                <img class="animal-profile-transfer-event-avatar" src="<?= Html::encode($actorAvatarUrl) ?>" alt="<?= Html::encode($actorName) ?>">
+                                                            <?php endif; ?>
+                                                        <?php else: ?>
+                                                            <span class="animal-profile-transfer-event-avatar animal-profile-transfer-event-avatar-fallback"><i class="fa fa-user"></i></span>
+                                                        <?php endif; ?>
+                                                        <div class="animal-profile-transfer-event-identity">
+                                                            <?php if ($actorUrl !== ''): ?>
+                                                                <?= Html::a(Html::encode($actorName), $actorUrl, ['class' => 'animal-profile-transfer-event-actor-name']) ?>
+                                                            <?php else: ?>
+                                                                <span class="animal-profile-transfer-event-actor-name"><?= Html::encode($actorName) ?></span>
+                                                            <?php endif; ?>
+                                                            <span class="animal-profile-transfer-event-line-time"><?= Html::encode($eventTimeText) ?></span>
+                                                        </div>
+                                                    </div>
+                                                    <span class="animal-profile-transfer-event-action"><?= Html::encode($eventActionText) ?></span>
+                                                </div>
+                                            <?php endforeach; ?>
+                                        </div>
+                                    </div>
+                                </div>
+                            <?php endforeach; ?>
+                        <?php endif; ?>
+                        </div>
+                    </div>
+                </div>
+
+                <div id="<?= Html::encode($inlineMenuId) ?>" style="margin-top:8px;display:flex;align-items:center;justify-content:flex-start;gap:12px;pointer-events:auto;">
+                    <label for="<?= Html::encode($inlinePanelIds['gallery']) ?>" data-panel-id="<?= Html::encode($inlinePanelIds['gallery']) ?>" class="animal-tile-inline-icon animal-tile-inline-icon-open" title="<?= Yii::t('AnimalManagementModule.base', 'Gallery') ?>" aria-label="<?= Yii::t('AnimalManagementModule.base', 'Gallery') ?>">
+                        <i class="fa fa-picture-o"></i>
+                    </label>
+                    <label for="<?= Html::encode($inlinePanelNoneId) ?>" data-panel-id-close="<?= Html::encode($inlinePanelIds['gallery']) ?>" class="animal-tile-inline-icon animal-tile-inline-icon-close" title="<?= Yii::t('AnimalManagementModule.base', 'Close Gallery') ?>" aria-label="<?= Yii::t('AnimalManagementModule.base', 'Close Gallery') ?>">
+                        <i class="fa fa-times"></i>
+                    </label>
+
+                    <label for="<?= Html::encode($inlinePanelIds['medical-progress']) ?>" data-panel-id="<?= Html::encode($inlinePanelIds['medical-progress']) ?>" class="animal-tile-inline-icon animal-tile-inline-icon-open" title="<?= Yii::t('AnimalManagementModule.base', 'Medical & Progress') ?>" aria-label="<?= Yii::t('AnimalManagementModule.base', 'Medical & Progress') ?>">
+                        <i class="fa fa-heartbeat"></i>
+                    </label>
+                    <label for="<?= Html::encode($inlinePanelNoneId) ?>" data-panel-id-close="<?= Html::encode($inlinePanelIds['medical-progress']) ?>" class="animal-tile-inline-icon animal-tile-inline-icon-close" title="<?= Yii::t('AnimalManagementModule.base', 'Close Medical & Progress') ?>" aria-label="<?= Yii::t('AnimalManagementModule.base', 'Close Medical & Progress') ?>">
+                        <i class="fa fa-times"></i>
+                    </label>
+
+                    <label for="<?= Html::encode($inlinePanelIds['transfer']) ?>" data-panel-id="<?= Html::encode($inlinePanelIds['transfer']) ?>" class="animal-tile-inline-icon animal-tile-inline-icon-open" title="<?= Yii::t('AnimalManagementModule.base', 'Transfer') ?>" aria-label="<?= Yii::t('AnimalManagementModule.base', 'Transfer') ?>">
+                        <i class="fa fa-exchange"></i>
+                    </label>
+                    <label for="<?= Html::encode($inlinePanelNoneId) ?>" data-panel-id-close="<?= Html::encode($inlinePanelIds['transfer']) ?>" class="animal-tile-inline-icon animal-tile-inline-icon-close" title="<?= Yii::t('AnimalManagementModule.base', 'Close Transfer') ?>" aria-label="<?= Yii::t('AnimalManagementModule.base', 'Close Transfer') ?>">
+                        <i class="fa fa-times"></i>
+                    </label>
+
+                    <label for="<?= Html::encode($inlinePanelIds['files']) ?>" data-panel-id="<?= Html::encode($inlinePanelIds['files']) ?>" class="animal-tile-inline-icon animal-tile-inline-icon-open" title="<?= Yii::t('AnimalManagementModule.base', 'Files') ?>" aria-label="<?= Yii::t('AnimalManagementModule.base', 'Files') ?>">
+                        <i class="fa fa-folder-open"></i>
+                    </label>
+                    <label for="<?= Html::encode($inlinePanelNoneId) ?>" data-panel-id-close="<?= Html::encode($inlinePanelIds['files']) ?>" class="animal-tile-inline-icon animal-tile-inline-icon-close" title="<?= Yii::t('AnimalManagementModule.base', 'Close Files') ?>" aria-label="<?= Yii::t('AnimalManagementModule.base', 'Close Files') ?>">
+                        <i class="fa fa-times"></i>
+                    </label>
+                </div>
+            <?php endif; ?>
         </div>
     </div>
+
+    <?php if ($showDonationSettingsButton && $tileLayoutMode !== 'tablet'): ?>
+        <div id="<?= Html::encode($inlineFormId) ?>" style="<?= $inlineFormBackgroundStyle ?>">
+            <div class="animal-donation-inline-surface" style="background:rgba(255,255,255,0.28);padding:10px;border-radius:8px;backdrop-filter:blur(1.8px);">
+            <div style="font-weight:700;margin-bottom:8px;color:#1f2937;">
+                <?= Yii::t('DonationsModule.base', 'Animal Donation Goal') ?>
+            </div>
+
+            <?= Html::beginForm($createInlineGoalUrl, 'post', [
+                'enctype' => 'multipart/form-data',
+                'style' => 'margin:0;',
+            ]) ?>
+            <?= Html::hiddenInput(Yii::$app->request->csrfParam, Yii::$app->request->getCsrfToken()) ?>
+            <?= Html::hiddenInput('DonationGoalForm[id]', $existingGoalId) ?>
+            <?= Html::hiddenInput('DonationGoalForm[goal_type]', 'animal') ?>
+            <?= Html::hiddenInput('DonationGoalForm[target_animal_id]', (int)$animal->id) ?>
+            <?= Html::hiddenInput('DonationGoalForm[is_active]', $existingGoalActive) ?>
+
+            <div class="form-group" style="margin-bottom:8px;">
+                <label style="font-size:12px;font-weight:600;margin-bottom:4px;display:block;"><?= Yii::t('DonationsModule.base', 'Title') ?></label>
+                <?= Html::textInput('DonationGoalForm[title]', $existingGoalTitle, [
+                    'class' => 'form-control input-sm animal-donation-inline-input',
+                    'maxlength' => 190,
+                    'required' => true,
+                ]) ?>
+            </div>
+
+            <div class="form-group" style="margin-bottom:8px;">
+                <label style="font-size:12px;font-weight:600;margin-bottom:4px;display:block;"><?= Yii::t('DonationsModule.base', 'Target') ?></label>
+                <?= Html::input('number', 'DonationGoalForm[target_amount]', $existingGoalTargetAmount > 0 ? (string)$existingGoalTargetAmount : '', [
+                    'class' => 'form-control input-sm animal-donation-inline-input',
+                    'step' => '0.01',
+                    'min' => '0',
+                    'required' => true,
+                ]) ?>
+            </div>
+
+            <div class="form-group" style="margin-bottom:8px;">
+                <label style="font-size:12px;font-weight:600;margin-bottom:4px;display:block;"><?= Yii::t('DonationsModule.base', 'Description') ?></label>
+                <?= Html::textarea('DonationGoalForm[description]', $existingGoalDescription, [
+                    'class' => 'form-control input-sm animal-donation-inline-input',
+                    'rows' => 2,
+                ]) ?>
+            </div>
+
+            <div class="form-group" style="margin-bottom:8px;">
+                <label style="font-size:12px;font-weight:600;margin-bottom:6px;display:block;"><?= Yii::t('DonationsModule.base', 'Image') ?></label>
+                <div id="<?= Html::encode($previewId) ?>" class="text-muted" style="font-size:12px;margin-bottom:6px;">
+                    <?php if ($existingGoalImage !== ''): ?>
+                        <img src="<?= Html::encode($existingGoalImage) ?>" alt="" style="width:64px;height:64px;object-fit:cover;border-radius:3px;border:1px solid #d5deea;">
+                    <?php else: ?>
+                        <?= Yii::t('DonationsModule.base', 'No image selected.') ?>
+                    <?php endif; ?>
+                </div>
+
+                <?php if (!empty($galleryUrls)): ?>
+                    <div class="animal-donation-inline-gallery" style="display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;">
+                        <?php foreach ($galleryUrls as $galleryIndex => $galleryUrl): ?>
+                            <?php $galleryOptionId = 'animal-donation-gallery-option-' . (int)$animal->id . '-' . (int)$galleryIndex; ?>
+                            <div class="animal-donation-inline-gallery-option" style="position:relative;">
+                                <input
+                                    type="radio"
+                                    class="animal-donation-gallery-radio"
+                                    id="<?= Html::encode($galleryOptionId) ?>"
+                                    name="DonationGoalForm[imageGalleryPath]"
+                                    value="<?= Html::encode($galleryUrl) ?>"
+                                    data-preview="#<?= Html::encode($previewId) ?>"
+                                    data-editor-bg="#<?= Html::encode($inlineFormId) ?>"
+                                    <?= $existingGoalImage === $galleryUrl ? 'checked' : '' ?>
+                                >
+                                <label
+                                    for="<?= Html::encode($galleryOptionId) ?>"
+                                    class="animal-donation-inline-gallery-item"
+                                    style="display:block;border:1px solid #d5deea;background:rgba(255,255,255,0.34);padding:3px;border-radius:4px;line-height:0;pointer-events:auto;cursor:pointer;"
+                                >
+                                    <img src="<?= Html::encode($galleryUrl) ?>" alt="" style="width:56px;height:56px;object-fit:cover;border-radius:2px;">
+                                </label>
+                            </div>
+                        <?php endforeach; ?>
+                    </div>
+                <?php else: ?>
+                    <div class="text-muted" style="font-size:12px;margin-bottom:8px;">
+                        <?= Yii::t('DonationsModule.base', 'No gallery images found for this animal.') ?>
+                    </div>
+                <?php endif; ?>
+
+                <?= Html::fileInput('DonationGoalForm[imageFile]', null, [
+                    'id' => $fileFieldId,
+                    'class' => 'form-control input-sm js-animal-donation-upload animal-donation-inline-input',
+                    'data-preview' => '#' . $previewId,
+                    'data-editor-bg' => '#' . $inlineFormId,
+                    'accept' => 'image/*',
+                ]) ?>
+            </div>
+
+            <div style="display:flex;gap:8px;align-items:center;">
+                <?= Html::submitButton($existingGoalId > 0 ? Yii::t('DonationsModule.base', 'Update Goal') : Yii::t('DonationsModule.base', 'Save Goal'), ['class' => 'btn btn-primary btn-sm animal-donation-inline-btn']) ?>
+                <label for="<?= Html::encode($toggleInputId) ?>" class="btn btn-default btn-sm animal-donation-inline-btn" style="margin:0;">
+                    <?= Yii::t('DonationsModule.base', 'Cancel') ?>
+                </label>
+            </div>
+            <?= Html::endForm() ?>
+            </div>
+        </div>
+    <?php endif; ?>
 </div>
+
+<?php
+$this->registerCss("#{$toggleInputId}:checked ~ #{$inlineFormId}{display:block !important;}\n"
+    . ".animal-tile-gallery-grid{align-content:start;grid-auto-flow:row;grid-auto-rows:auto;}\n"
+    . ".animal-tile-gallery-grid{scrollbar-width:none;-ms-overflow-style:none;}\n"
+    . ".animal-tile-gallery-grid::-webkit-scrollbar{width:0;height:0;}\n"
+    . ".animal-tile-gallery-item{display:block;line-height:0;border-radius:8px;overflow:visible;border:1px solid rgba(255,255,255,0.22);background:rgba(15,23,42,0.36);width:100%;margin:0;}\n"
+    . ".animal-tile-gallery-image{width:100%;height:500px;object-fit:cover;display:block;}\n"
+    . ".animal-tile-inline-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;background:transparent;border:0;color:rgba(248,250,252,0.9);font-size:20px;line-height:1;cursor:pointer;opacity:0.66;transition:opacity 120ms ease,background 120ms ease,color 120ms ease;}\n"
+    . ".animal-tile-inline-icon-close{display:none;}\n"
+    . ".animal-tile-inline-icon:hover{opacity:1;color:#fff;background:rgba(255,255,255,0.14);}\n"
+    . ".animal-tile-gallery-cols-toggle{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:transparent;border:0;color:rgba(248,250,252,0.86);font-size:16px;font-weight:700;line-height:1;cursor:pointer;opacity:0.62;transition:opacity 120ms ease,background 120ms ease,color 120ms ease;}\n"
+    . ".animal-tile-gallery-cols-toggle:hover{opacity:1;color:#fff;background:rgba(255,255,255,0.14);}\n"
+    . ".animal-tile-goal-header-action{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,0.24);background:rgba(255,255,255,0.08);color:#f8fafc;cursor:pointer;font-size:14px;line-height:1;padding:0;margin:0;transition:background 120ms ease,border-color 120ms ease,opacity 120ms ease;}\n"
+    . ".animal-tile-goal-header-action:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.42);}\n"
+    . ".animal-tile-goal-upload-input{position:absolute !important;left:-10000px !important;width:1px !important;height:1px !important;opacity:0 !important;pointer-events:none !important;}\n"
+    . ".animal-tile-goal-upload-btn{display:block;width:120px;margin:6px auto 0 auto;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,0.24);background:rgba(255,255,255,0.08);color:#f8fafc;text-align:center;cursor:pointer;font-size:12px;font-weight:700;}\n"
+    . ".animal-tile-goal-upload-btn:hover{background:rgba(255,255,255,0.18);}\n"
+    . "#{$quickDonatePanelId}{width:auto !important;max-width:min(96vw,1600px) !important;overflow:visible !important;align-self:center !important;}\n"
+    . "#{$quickDonatePanelId} .animal-tile-quick-donate-layout{display:grid;grid-template-columns:minmax(260px,1fr) max-content;gap:10px;align-items:start;}\n"
+    . "#{$quickDonatePanelId} .animal-tile-quick-donate-layout.has-goal-settings{grid-template-columns:minmax(260px,1fr) max-content minmax(500px,1fr);}\n"
+    . "#{$quickDonatePanelId} .animal-tile-quick-donate-layout > form{margin:0;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:max-content;border:1px solid rgba(255,255,255,0.12);border-radius:8px;padding:8px;background:rgba(15,23,42,0.14);box-sizing:border-box;}\n"
+    . "#{$quickDonatePanelId} .animal-tile-quick-donate-layout .animal-tile-quick-donate-history-col{min-width:260px;border:1px solid rgba(255,255,255,0.12);border-radius:8px;padding:8px;background:rgba(15,23,42,0.14);display:flex;flex-direction:column;min-height:0;overflow:hidden;max-height:min(58vh,540px);}\n"
+    . "#{$quickDonatePanelId} .animal-tile-quick-donate-layout .animal-tile-quick-donate-goal-col{min-width:500px;border:1px solid rgba(255,255,255,0.12);border-radius:8px;padding:8px;background:rgba(15,23,42,0.14);display:flex;flex-direction:column;justify-content:flex-start;min-height:0;overflow:hidden;max-height:min(58vh,540px);}\n"
+    . "#{$quickDonatePanelId} .animal-tile-quick-donate-layout > form input[name=\"amount\"]{width:100px !important;max-width:100px !important;min-width:100px !important;background:rgba(54,209,124,0.26) !important;border:1px solid rgba(54,209,124,0.62) !important;border-radius:999px !important;color:#f8fafc !important;box-shadow:none !important;font-size:24px !important;font-weight:700 !important;line-height:1.15 !important;text-align:center !important;padding:4px 10px !important;appearance:textfield !important;-moz-appearance:textfield !important;overflow:hidden !important;}\n"
+    . "#{$quickDonatePanelId} .animal-tile-quick-donate-layout > form input[name=\"amount\"]::-webkit-outer-spin-button,#{$quickDonatePanelId} .animal-tile-quick-donate-layout > form input[name=\"amount\"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}\n"
+    . "#{$quickDonatePanelId} .animal-tile-quick-donate-layout > form input[name=\"amount\"]::placeholder{color:rgba(248,250,252,0.82) !important;}\n"
+    . ".animal-tile-goal-title-target-row{width:100%;}\n"
+    . ".animal-tile-goal-selected-image{width:90px;height:90px;display:flex;align-items:center;justify-content:center;padding:3px;border-radius:12px;background:linear-gradient(120deg,rgba(56,189,248,0.7),rgba(52,211,153,0.72),rgba(99,102,241,0.72),rgba(56,189,248,0.7));background-size:220% 220%;animation:animalTileGoalImageBorderFlow 4.6s linear infinite;box-shadow:0 6px 14px rgba(2,8,23,0.28);flex:0 0 auto;}\n"
+    . ".animal-tile-goal-selected-image-thumb{width:100%;height:100%;object-fit:cover;border-radius:9px;border:1px solid rgba(248,250,252,0.72);display:block;}\n"
+    . ".animal-tile-goal-selected-image-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:11px;line-height:1.2;text-align:center;color:rgba(248,250,252,0.92);background:rgba(15,23,42,0.42);border-radius:9px;padding:4px;}\n"
+    . ".animal-tile-goal-image-list{min-height:64px;}\n"
+    . ".animal-tile-donation-history-item{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(255,255,255,0.22);border-radius:10px;padding:10px 12px;background:rgba(15,23,42,0.24);margin-bottom:8px;}\n"
+    . ".animal-tile-donation-history-meta{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto;}\n"
+    . ".animal-tile-donation-history-avatar{width:42px;height:42px;border-radius:999px;object-fit:cover;border:1px solid rgba(255,255,255,0.36);flex:0 0 auto;}\n"
+    . ".animal-tile-donation-history-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.12);color:#f8fafc;font-size:16px;}\n"
+    . ".animal-tile-donation-history-identity{display:flex;flex-direction:column;gap:2px;min-width:0;}\n"
+    . ".animal-tile-donation-history-name{font-size:18px;font-weight:700;line-height:1.2;color:#f8fafc;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}\n"
+    . ".animal-tile-donation-history-name:hover{text-decoration:underline;color:#ffffff;}\n"
+    . ".animal-tile-donation-history-when{font-size:12px;line-height:1.2;color:rgba(226,232,240,0.86);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}\n"
+    . ".animal-tile-donation-history-amount{font-size:18px;font-weight:700;color:#f8fafc;white-space:nowrap;padding-left:8px;}\n"
+    . "#{$inlinePanelWrapId} .animal-tile-goal-editor-fields .form-control,#{$quickDonatePanelId} .animal-tile-goal-editor-fields .form-control{font-size:18px !important;line-height:1.3 !important;}\n"
+    . "#{$inlinePanelWrapId} .animal-tile-goal-editor-fields .input-group-addon,#{$quickDonatePanelId} .animal-tile-goal-editor-fields .input-group-addon{font-size:18px !important;font-weight:700;line-height:1.1;}\n"
+    . "@keyframes animalTileGoalImageBorderFlow{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}\n"
+    . "#{$inlinePanelWrapId} .form-control{background:rgba(255,255,255,0.05) !important;border-color:rgba(255,255,255,0.14) !important;color:#f8fafc !important;}\n"
+    . "#{$quickDonatePanelId} .form-control{background:rgba(255,255,255,0.05) !important;border-color:rgba(255,255,255,0.14) !important;color:#f8fafc !important;}\n"
+    . "#{$inlinePanelWrapId} .form-control::placeholder{color:rgba(226,232,240,0.84) !important;}\n"
+    . "#{$quickDonatePanelId} .form-control::placeholder{color:rgba(226,232,240,0.84) !important;}\n"
+    . "#{$inlinePanelWrapId} .text-muted{color:rgba(226,232,240,0.86) !important;}\n"
+    . "#{$quickDonatePanelId} .text-muted{color:rgba(226,232,240,0.86) !important;}\n"
+    . "#{$inlinePanelWrapId} .animal-donation-gallery-radio{position:absolute;opacity:0;pointer-events:none;}\n"
+    . "#{$quickDonatePanelId} .animal-donation-gallery-radio{position:absolute;opacity:0;pointer-events:none;}\n"
+    . "#{$inlinePanelWrapId} .animal-donation-gallery-radio:checked + .animal-donation-inline-gallery-item{border-color:#f8fafc !important;box-shadow:0 0 0 2px rgba(248,250,252,0.36) !important;}\n"
+    . "#{$quickDonatePanelId} .animal-donation-gallery-radio:checked + .animal-donation-inline-gallery-item{border-color:#f8fafc !important;box-shadow:0 0 0 2px rgba(248,250,252,0.36) !important;}\n"
+    . "#{$inlinePanelWrapId} a{color:#f8fafc;}\n"
+    . ".animal-tile-goal-editor-toggle{position:absolute;left:-10000px;opacity:0;pointer-events:none;}\n"
+    . ".animal-tile-goal-editor-toggle:not(:checked) + .animal-tile-set-goal-btn + .animal-tile-goal-editor-fields{display:none !important;}\n"
+    . ".animal-tile-goal-editor-toggle:checked + .animal-tile-set-goal-btn{display:none !important;}\n"
+    . ".animal-tile-goal-editor-toggle:not(:checked) + .animal-tile-goal-editor-fields{display:none !important;}\n"
+    . ".animal-tile-scroll-region{scrollbar-width:none;-ms-overflow-style:none;}\n"
+    . ".animal-tile-scroll-region::-webkit-scrollbar{width:0;height:0;}\n"
+    . "[data-inline-tile-panel=\"transfer\"]{scrollbar-width:none;-ms-overflow-style:none;}\n"
+    . "[data-inline-tile-panel=\"transfer\"]::-webkit-scrollbar{width:0;height:0;}\n"
+    . ".animal-tile-item-edit-toggle{position:absolute;left:-10000px;opacity:0;pointer-events:none;}\n"
+    . ".animal-tile-item-editor{display:none;}\n"
+    . ".animal-tile-item-edit-toggle:checked + .animal-tile-item-card{display:none !important;}\n"
+    . ".animal-tile-item-edit-toggle:checked + .animal-tile-item-card + .animal-tile-item-editor{display:block !important;}\n"
+    . ".animal-tile-feed-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,0.12);border-radius:12px;background:rgba(34,52,70,0.18);min-height:220px;box-shadow:0 8px 22px rgba(12,24,36,0.12);}\n"
+    . ".animal-tile-feed-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}\n"
+    . ".animal-tile-feed-overlay{position:absolute;inset:0;background:linear-gradient(110deg, rgba(10,18,28,0.08) 10%, rgba(10,18,28,0.24) 52%, rgba(10,18,28,0.42) 100%);}\n"
+    . ".animal-tile-feed-content{position:relative;z-index:1;min-height:220px;padding:12px;display:flex;flex-direction:column;gap:10px;}\n"
+    . ".animal-tile-feed-top-row{display:flex;align-items:center;justify-content:space-between;gap:8px;}\n"
+    . ".animal-tile-item-edit-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;border:1px solid rgba(255,255,255,0.24);background:rgba(255,255,255,0.12);color:#f8fafc;cursor:pointer;font-size:12px;line-height:1;margin:0;}\n"
+    . ".animal-tile-item-edit-btn:hover{background:rgba(255,255,255,0.24);border-color:rgba(255,255,255,0.42);}\n"
+    . ".animal-tile-section-title{font-size:20px;font-weight:700;line-height:1.15;color:#f8fafc;text-decoration:none;text-shadow:0 2px 8px rgba(0,0,0,0.35);}\n"
+    . ".animal-tile-inline-add-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(30,164,95,0.62);background:linear-gradient(90deg,#36d17c,#1ea45f);color:#f8fafc;cursor:pointer;font-size:12px;font-weight:700;line-height:1;box-shadow:0 2px 8px rgba(10,40,24,0.32);margin:0;text-decoration:none;}\n"
+    . ".animal-tile-inline-add-action:hover{background:linear-gradient(90deg,#42db88,#22b366);border-color:rgba(54,209,124,0.88);color:#ffffff;}\n"
+    . ".animal-tile-inline-iframe-close{position:absolute;top:9px;right:8px;z-index:12;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;border:1px solid rgba(255,255,255,0.36);background:rgba(15,23,42,0.72);color:#f8fafc;cursor:pointer;line-height:1;font-size:12px;box-shadow:0 2px 8px rgba(0,0,0,0.28);}\n"
+    . ".animal-tile-inline-iframe-close:hover{background:rgba(30,41,59,0.86);border-color:rgba(255,255,255,0.5);}\n"
+    . ".animal-tile-feed-date{font-size:16px;font-weight:700;color:#ffffff;}\n"
+    . ".animal-tile-feed-details{border-radius:10px;border:1px solid rgba(255,255,255,0.12);background:rgba(10,18,28,0.2);padding:10px;color:#ecf2f8;}\n"
+    . ".animal-tile-feed-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:rgba(231,241,249,0.78);margin-bottom:3px;}\n"
+    . ".animal-tile-feed-copy{color:#eff5fb;margin-bottom:8px;font-size:12px;line-height:1.35;}\n"
+    . ".animal-tile-transfer-event{border:1px solid #d5dfe8;border-radius:10px;padding:8px;background:linear-gradient(180deg,#2a3e53 0%,#233447 100%);box-shadow:0 6px 16px rgba(15,23,42,0.18);}\n");
+$css =
+    ".animal-profile-transfer-badge { display: inline-block; padding: 3px 8px; border-radius: 999px; font-size: 11px; font-weight: 800; letter-spacing: .02em; text-transform: uppercase; }\n"
+    . ".animal-profile-transfer-badge-requested { background: #ffe600; color: #111; }\n"
+    . ".animal-profile-transfer-badge-accepted { background: #dcfce7; color: #166534; }\n"
+    . ".animal-profile-transfer-badge-declined { background: #fee2e2; color: #991b1b; }\n"
+    . ".animal-profile-transfer-badge-completed { background: #dbeafe; color: #1d4ed8; }\n"
+    . ".animal-profile-transfer-badge-cancelled { background: #e5e7eb; color: #374151; }\n"
+    . ".animal-profile-transfer-badge-default { background: rgba(255, 255, 255, 0.2); color: #f8fafc; }\n"
+    . ".animal-tile-transfer-badge-accepted{background:#dcfce7;color:#166534;}\n"
+    . ".animal-tile-transfer-badge-declined{background:#fee2e2;color:#991b1b;}\n"
+    . ".animal-tile-transfer-badge-completed{background:#dbeafe;color:#1d4ed8;}\n"
+    . ".animal-tile-transfer-badge-cancelled{background:#e5e7eb;color:#374151;}\n"
+    . ".animal-tile-transfer-badge-default{background:rgba(255,255,255,0.2);color:#f8fafc;}\n"
+    . ".animal-profile-transfer-event-head { display: flex; justify-content: flex-end; gap: 8px; margin-bottom: 6px; }\n"
+    . ".animal-profile-transfer-route-row { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: start; gap: 12px; margin-bottom: 10px; }\n"
+    . ".animal-profile-transfer-rescue-col { display: flex; flex-direction: column; align-items: center; text-align: center; min-width: 0; gap: 5px; }\n"
+    . ".animal-profile-transfer-rescue-avatar { width: 54px; height: 54px; border-radius: 999px; object-fit: cover; border: 1px solid rgba(255, 255, 255, 0.38); box-shadow: 0 3px 10px rgba(2, 8, 23, 0.28); display: block; background: rgba(255, 255, 255, 0.12); }\n"
+    . ".animal-profile-transfer-rescue-avatar-fallback { display: inline-flex; align-items: center; justify-content: center; color: #f8fafc; font-size: 20px; }\n"
+    . ".animal-profile-transfer-rescue-name { color: #f8fafc; font-size: 14px; font-weight: 700; line-height: 1.2; text-decoration: none; max-width: 100%; overflow-wrap: anywhere; }\n"
+    . ".animal-profile-transfer-rescue-name:hover { text-decoration: underline; color: #ffffff; }\n"
+    . ".animal-profile-transfer-rescue-date { color: rgba(226, 232, 240, 0.92); font-size: 12px; line-height: 1.2; }\n"
+    . ".animal-profile-transfer-route-arrow { align-self: center; justify-self: center; font-size: 20px; color: rgba(248, 250, 252, 0.9); line-height: 1; padding-top: 8px; }\n"
+    . ".animal-profile-transfer-event-lines { display: flex; flex-direction: column; gap: 4px; }\n"
+    . ".animal-profile-transfer-event-line { font-size: 14px; line-height: 1.35; color: #f8fafc; display: flex; align-items: center; justify-content: space-between; gap: 10px; backdrop-filter: brightness(0.7); padding: 8px 12px; border-radius: 10px; }\n"
+    . ".animal-profile-transfer-event-actor { display: flex; align-items: center; gap: 8px; min-width: 0; flex: 1 1 auto; }\n"
+    . ".animal-profile-transfer-event-avatar { width: 32px; height: 32px; border-radius: 999px; object-fit: cover; border: 1px solid rgba(255, 255, 255, 0.36); flex: 0 0 auto; display: block; background: rgba(255, 255, 255, 0.1); }\n"
+    . ".animal-profile-transfer-event-avatar-fallback { display: inline-flex; align-items: center; justify-content: center; color: #f8fafc; font-size: 14px; }\n"
+    . ".animal-profile-transfer-event-identity { display: flex; flex-direction: column; gap: 1px; min-width: 0; }\n"
+    . ".animal-profile-transfer-event-actor-name { color: #f8fafc; font-size: 13px; font-weight: 700; text-decoration: none; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n"
+    . ".animal-profile-transfer-event-actor-name:hover { text-decoration: underline; color: #ffffff; }\n"
+    . ".animal-profile-transfer-event-line-time { opacity: 0.9; font-weight: 500; font-size: 11px; line-height: 1.2; }\n"
+    . ".animal-profile-transfer-event-action { margin-left: auto; text-align: right; font-size: 13px; font-weight: 700; color: #e2e8f0; white-space: nowrap; flex: 0 0 auto; }\n"
+    . ".animal-profile-transfer-time { font-size: 16px; font-weight: 700; color: #f8fafc; }\n"
+    . ".animal-profile-transfer-badge { display: inline-block; padding: 3px 8px; border-radius: 999px; font-size: 11px; font-weight: 800; letter-spacing: .02em; text-transform: uppercase; }\n"
+    . ".animal-profile-transfer-badge-requested { background: #ffe600; color: #111; }\n"
+    . ".animal-profile-transfer-badge-accepted { background: #dcfce7; color: #166534; }\n"
+    . ".animal-profile-transfer-badge-declined { background: #fee2e2; color: #991b1b; }\n"
+    . ".animal-profile-transfer-badge-completed { background: #dbeafe; color: #1d4ed8; }\n"
+    . ".animal-profile-transfer-badge-cancelled { background: #e5e7eb; color: #374151; }\n"
+    . ".animal-profile-transfer-badge-default { background: rgba(255, 255, 255, 0.2); color: #f8fafc; }\n"
+    . ".animal-tile-transfer-badge-accepted{background:#dcfce7;color:#166534;}\n"
+    . ".animal-tile-transfer-badge-declined{background:#fee2e2;color:#991b1b;}\n"
+    . ".animal-tile-transfer-badge-completed{background:#dbeafe;color:#1d4ed8;}\n"
+    . ".animal-tile-transfer-badge-cancelled{background:#e5e7eb;color:#374151;}\n"
+    . ".animal-tile-transfer-badge-default{background:rgba(255,255,255,0.2);color:#f8fafc;}\n"
+    . ".animal-tile-transfer-badge-requested{background:#ffe600;color:#111;}\n";
+$this->registerCss($css);
+$this->registerCss("#{$inlineFormId} .animal-donation-inline-input{background:rgba(255,255,255,0.34);border-color:rgba(165,178,195,0.72);color:#16202a;}\n"
+    . "#{$inlineFormId} .animal-donation-inline-input::placeholder{color:rgba(31,41,55,0.72);}\n"
+    . "#{$inlineFormId} .animal-donation-inline-gallery{background:rgba(255,255,255,0.16);padding:6px;border-radius:6px;pointer-events:auto;}\n"
+    . "#{$inlineFormId} .animal-donation-gallery-radio{position:absolute;opacity:0;pointer-events:none;}\n"
+    . "#{$inlineFormId} .animal-donation-gallery-radio:checked + .animal-donation-inline-gallery-item{border-color:#1f78c1 !important;box-shadow:0 0 0 2px rgba(31,120,193,0.32) !important;}\n"
+    . "#{$inlineFormId} .animal-donation-inline-btn{opacity:0.82;}");
+
+$uploadPendingText = Json::htmlEncode(Yii::t('DonationsModule.base', 'Image will be uploaded with this goal.'));
+$noImageText = Json::htmlEncode(Yii::t('DonationsModule.base', 'No image selected.'));
+$inlineJsNamespace = 'animalDonationInlineToggle' . (int)$animal->id;
+
+$this->registerJs(<<<JS
+(function() {
+    function syncInlineEditor(toggleSelector, formSelector) {
+        var toggle = $(toggleSelector);
+        var form = $(formSelector);
+        if (!toggle.length || !form.length) {
+            return;
+        }
+
+        form.css('display', toggle.is(':checked') ? 'block' : 'none');
+    }
+
+    function setEditorBackground(editorSelector, imageUrl) {
+        if (!editorSelector) {
+            return;
+        }
+
+        var editor = $(editorSelector);
+        if (!editor.length) {
+            return;
+        }
+
+        if (imageUrl) {
+            editor.css('background-image', 'linear-gradient(rgba(255,255,255,0.35),rgba(255,255,255,0.45)),url(' + imageUrl + ')');
+            editor.css('background-size', 'cover');
+            editor.css('background-position', 'center');
+        } else {
+            editor.css('background-image', 'none');
+            editor.css('background-color', '#fff');
+        }
+    }
+
+    function setPreview(previewSelector, imageUrl) {
+        var preview = $(previewSelector);
+        if (!preview.length) {
+            return;
+        }
+
+        if (!imageUrl) {
+            preview.html('<span class="animal-tile-goal-selected-image-empty">' + $('<div/>').text($noImageText).html() + '</span>');
+            return;
+        }
+
+        preview.html('<img class="animal-tile-goal-selected-image-thumb" src="' + $('<div/>').text(imageUrl).html() + '" alt="">');
+    }
+
+    var inlineToggleSelector = '#$toggleInputId';
+    var inlineFormSelector = '#$inlineFormId';
+
+    syncInlineEditor(inlineToggleSelector, inlineFormSelector);
+
+    $(document).off('change.$inlineJsNamespace').on('change.$inlineJsNamespace', inlineToggleSelector, function() {
+        syncInlineEditor(inlineToggleSelector, inlineFormSelector);
+    });
+
+    $(document).off('change.animalDonationGallery').on('change.animalDonationGallery', '.animal-donation-gallery-radio', function() {
+        var radio = $(this);
+        if (!radio.is(':checked')) {
+            return;
+        }
+
+        var previewSelector = radio.data('preview');
+        var editorSelector = radio.data('editor-bg');
+        var url = radio.val() || '';
+
+        setPreview(previewSelector, url);
+        setEditorBackground(editorSelector, url);
+    });
+
+    $(document).off('change.animalDonationUpload').on('change.animalDonationUpload', '.js-animal-donation-upload', function() {
+        var previewSelector = $(this).data('preview');
+        var editorSelector = $(this).data('editor-bg');
+        if (!previewSelector) {
+            return;
+        }
+
+        var form = $(this).closest('form');
+        form.find('.animal-donation-gallery-radio').prop('checked', false);
+
+        var previousObjectUrl = $(this).data('object-url') || '';
+        if (previousObjectUrl && window.URL && window.URL.revokeObjectURL) {
+            window.URL.revokeObjectURL(previousObjectUrl);
+        }
+
+        if (this.files && this.files.length > 0) {
+            var objectUrl = '';
+            if (window.URL && window.URL.createObjectURL) {
+                objectUrl = window.URL.createObjectURL(this.files[0]);
+                $(this).data('object-url', objectUrl);
+            }
+
+            if (objectUrl) {
+                setPreview(previewSelector, objectUrl);
+                setEditorBackground(editorSelector, objectUrl);
+            } else {
+                $(previewSelector).text($uploadPendingText);
+            }
+        } else {
+            $(this).data('object-url', '');
+            var selectedRadio = form.find('.animal-donation-gallery-radio:checked').first();
+            var fallbackUrl = selectedRadio.length ? (selectedRadio.val() || '') : '';
+            setPreview(previewSelector, fallbackUrl);
+            setEditorBackground(editorSelector, fallbackUrl);
+        }
+    });
+})();
+JS, \yii\web\View::POS_READY, 'animal-donation-inline-' . (int)$animal->id);
+
+if ($tileLayoutMode === 'tablet') {
+    $tabletBehaviorJs = <<<'JS'
+(function() {
+    var animalId = ANIMAL_ID_TOKEN;
+    var inlinePanelNoneSelector = '#INLINE_PANEL_NONE_ID_TOKEN';
+    var formModeNoneSelector = '#FORM_MODE_NONE_ID_TOKEN';
+    var inlineMenuSelector = '#INLINE_MENU_ID_TOKEN';
+    var inlinePanelWrapSelector = '#INLINE_PANEL_WRAP_ID_TOKEN';
+
+    function triggerChange(element) {
+        if (!element) {
+            return;
+        }
+
+        var event;
+        if (typeof Event === 'function') {
+            event = new Event('change', { bubbles: true });
+        } else {
+            event = document.createEvent('Event');
+            event.initEvent('change', true, true);
+        }
+        element.dispatchEvent(event);
+    }
+
+    function setChecked(selector, value) {
+        var element = document.querySelector(selector);
+        if (!element) {
+            return false;
+        }
+
+        element.checked = !!value;
+        triggerChange(element);
+        return true;
+    }
+
+    function setCheckedById(id, value) {
+        var element = document.getElementById(id);
+        if (!element) {
+            return false;
+        }
+
+        element.checked = !!value;
+        triggerChange(element);
+        return true;
+    }
+
+    function closeInlineEditorByFrameControl(collapseId) {
+        var frameNodeList = document.querySelectorAll(inlinePanelWrapSelector + ' iframe[data-animal-inline-collapse-id]');
+        if (!frameNodeList || frameNodeList.length === 0) {
+            return false;
+        }
+
+        var matchedFrame = null;
+        Array.prototype.some.call(frameNodeList, function(frameElement) {
+            var frameCollapseId = String(frameElement.getAttribute('data-animal-inline-collapse-id') || '');
+            if (frameCollapseId !== collapseId) {
+                return false;
+            }
+            matchedFrame = frameElement;
+            return true;
+        });
+
+        if (!matchedFrame || !matchedFrame.parentElement) {
+            return false;
+        }
+
+        var closeControl = matchedFrame.parentElement.querySelector('.animal-tile-inline-iframe-close[for]');
+        if (!closeControl) {
+            return false;
+        }
+
+        var targetId = String(closeControl.getAttribute('for') || '');
+        if (!targetId) {
+            return false;
+        }
+
+        var targetElement = document.getElementById(targetId);
+        if (!targetElement) {
+            return false;
+        }
+
+        if ((targetElement.type || '').toLowerCase() === 'radio') {
+            targetElement.checked = true;
+        } else {
+            targetElement.checked = false;
+        }
+        triggerChange(targetElement);
+        return true;
+    }
+
+    document.addEventListener('click', function(e) {
+        var target = e.target;
+        if (!target || !target.closest) {
+            return;
+        }
+
+        var trigger = target.closest(inlineMenuSelector + ' .animal-tile-inline-icon[data-panel-id]');
+        if (!trigger) {
+            return;
+        }
+
+        var panelId = String(trigger.getAttribute('data-panel-id') || '');
+        if (!panelId) {
+            return;
+        }
+
+        var panelInput = document.getElementById(panelId);
+        if (!panelInput) {
+            return;
+        }
+
+        if (panelInput.checked) {
+            setChecked(inlinePanelNoneSelector, true);
+            e.preventDefault();
+            if (typeof e.stopImmediatePropagation === 'function') {
+                e.stopImmediatePropagation();
+            }
+            e.stopPropagation();
+            return;
+        }
+
+        // Rebind iframe watchers after panel changes and lazy iframe loads.
+        window.setTimeout(bindInlineResultFrameWatchers, 0);
+        window.setTimeout(bindInlineResultFrameWatchers, 250);
+    }, false);
+
+    function closeInlineEditorByPayload(collapseId) {
+        collapseId = String(collapseId || '');
+        if (!collapseId) {
+            return;
+        }
+
+        if (collapseId === 'medical-add-inline' || collapseId === 'progress-add-inline') {
+            setChecked(formModeNoneSelector, true);
+            return;
+        }
+
+        if (collapseId === 'gallery-add-inline') {
+            if (!setCheckedById('GALLERY_ADD_TOGGLE_ID_TOKEN', false)) {
+                closeInlineEditorByFrameControl(collapseId);
+            }
+            return;
+        }
+
+        if (collapseId === 'transfer-add-inline') {
+            if (!setCheckedById('TRANSFER_ADD_TOGGLE_ID_TOKEN', false)) {
+                closeInlineEditorByFrameControl(collapseId);
+            }
+            return;
+        }
+
+        var medicalPrefix = 'medical-edit-inline-';
+        if (collapseId.indexOf(medicalPrefix) === 0) {
+            var medicalVisitId = collapseId.substring(medicalPrefix.length);
+            if (!setCheckedById('animal-tile-medical-edit-toggle-' + animalId + '-' + medicalVisitId, false)) {
+                closeInlineEditorByFrameControl(collapseId);
+            }
+            return;
+        }
+
+        var progressPrefix = 'progress-edit-inline-';
+        if (collapseId.indexOf(progressPrefix) === 0) {
+            var progressUpdateId = collapseId.substring(progressPrefix.length);
+            if (!setCheckedById('animal-tile-progress-edit-toggle-' + animalId + '-' + progressUpdateId, false)) {
+                closeInlineEditorByFrameControl(collapseId);
+            }
+            return;
+        }
+
+        closeInlineEditorByFrameControl(collapseId);
+    }
+
+    function handleInlineResultFrame(frameElement) {
+        if (!frameElement) {
+            return;
+        }
+
+        var collapseId = String(frameElement.getAttribute('data-animal-inline-collapse-id') || '');
+        if (!collapseId) {
+            return;
+        }
+
+        var frameDocument = null;
+        try {
+            frameDocument = frameElement.contentDocument || (frameElement.contentWindow ? frameElement.contentWindow.document : null);
+        } catch (err) {
+            return;
+        }
+
+        if (!frameDocument || !frameDocument.body) {
+            return;
+        }
+
+        var hasSavedMarker = !!frameDocument.querySelector('[data-animal-inline-result="saved"]');
+        if (!hasSavedMarker) {
+            return;
+        }
+
+        closeInlineEditorByPayload(collapseId);
+    }
+
+    function bindInlineResultFrameWatchers() {
+        var frameNodeList = document.querySelectorAll(inlinePanelWrapSelector + ' iframe[data-animal-inline-collapse-id]');
+        if (!frameNodeList || frameNodeList.length === 0) {
+            return;
+        }
+
+        Array.prototype.forEach.call(frameNodeList, function(frameElement) {
+            if (!frameElement || frameElement.getAttribute('data-animal-inline-watch-bound') === '1') {
+                return;
+            }
+
+            frameElement.setAttribute('data-animal-inline-watch-bound', '1');
+            frameElement.addEventListener('load', function() {
+                handleInlineResultFrame(frameElement);
+            });
+
+            handleInlineResultFrame(frameElement);
+        });
+    }
+
+    bindInlineResultFrameWatchers();
+
+    window.addEventListener('message', function(event) {
+        var data = event && event.data ? event.data : null;
+        if (typeof data === 'string') {
+            try {
+                data = JSON.parse(data);
+            } catch (err) {
+                return;
+            }
+        }
+
+        if (!data || typeof data !== 'object' || data.source !== 'animal-inline-editor') {
+            return;
+        }
+
+        var collapseId = String(data.collapseId || '');
+        if (data.type === 'cancel' || data.type === 'saved') {
+            closeInlineEditorByPayload(collapseId);
+        }
+    });
+})();
+JS;
+
+    $tabletBehaviorJs = str_replace('ANIMAL_ID_TOKEN', (string)(int)$animal->id, $tabletBehaviorJs);
+    $tabletBehaviorJs = str_replace('INLINE_PANEL_NONE_ID_TOKEN', Html::encode($inlinePanelNoneId), $tabletBehaviorJs);
+    $tabletBehaviorJs = str_replace('FORM_MODE_NONE_ID_TOKEN', Html::encode($formModeNoneId), $tabletBehaviorJs);
+    $tabletBehaviorJs = str_replace('INLINE_MENU_ID_TOKEN', Html::encode($inlineMenuId), $tabletBehaviorJs);
+    $tabletBehaviorJs = str_replace('INLINE_PANEL_WRAP_ID_TOKEN', Html::encode($inlinePanelWrapId), $tabletBehaviorJs);
+    $tabletBehaviorJs = str_replace('GALLERY_ADD_TOGGLE_ID_TOKEN', Html::encode($galleryAddToggleId), $tabletBehaviorJs);
+    $tabletBehaviorJs = str_replace('TRANSFER_ADD_TOGGLE_ID_TOKEN', Html::encode($transferAddToggleId), $tabletBehaviorJs);
+    $this->registerJs($tabletBehaviorJs, \yii\web\View::POS_READY, 'animal-tablet-inline-behavior-' . (int)$animal->id);
+
+    $inlineTileCss = '#'. Html::encode($inlinePanelNoneId) . ':checked ~ div #' . Html::encode($inlinePanelWrapId) . '{display:none !important;}';
+    $inlineTileCss .= '#'. Html::encode($galleryCols2Id) . ':checked ~ div #' . Html::encode($inlinePanelWrapId) . ' .animal-tile-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;column-gap:8px !important;row-gap:12px !important;}';
+    $inlineTileCss .= '#'. Html::encode($galleryCols3Id) . ':checked ~ div #' . Html::encode($inlinePanelWrapId) . ' .animal-tile-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;column-gap:8px !important;row-gap:10px !important;}';
+    $inlineTileCss .= '#'. Html::encode($galleryCols2Id) . ':checked ~ div #' . Html::encode($inlinePanelWrapId) . ' label[for="' . Html::encode($galleryCols2Id) . '"]{opacity:1;background:rgba(255,255,255,0.2);color:#fff;}';
+    $inlineTileCss .= '#'. Html::encode($galleryCols3Id) . ':checked ~ div #' . Html::encode($inlinePanelWrapId) . ' label[for="' . Html::encode($galleryCols3Id) . '"]{opacity:1;background:rgba(255,255,255,0.2);color:#fff;}';
+    $inlineTileCss .= '#'. Html::encode($galleryCols2Id) . ':checked ~ div #' . Html::encode($inlinePanelWrapId) . ' label[for="' . Html::encode($galleryCols3Id) . '"],#'. Html::encode($galleryCols3Id) . ':checked ~ div #' . Html::encode($inlinePanelWrapId) . ' label[for="' . Html::encode($galleryCols2Id) . '"]{opacity:0.55;background:transparent;color:rgba(248,250,252,0.86);}';
+    $inlineTileCss .= '#'. Html::encode($inlinePanelWrapId) . ' iframe[data-animal-inline-files]{height:250px;}';
+    $inlineTileCss .= '#' . Html::encode($overlayStackId) . '{padding-bottom:58px;box-sizing:border-box;}';
+    $inlineTileCss .= '#' . Html::encode($inlineMenuId) . '{position:absolute;left:0;right:0;bottom:0;z-index:6;margin-top:0 !important;}';
+    $inlineTileCss .= '#' . Html::encode($formModeMedicalId) . ':checked ~ div #' . Html::encode($medicalFormWrapId) . '{display:block !important;}';
+    $inlineTileCss .= '#' . Html::encode($formModeProgressId) . ':checked ~ div #' . Html::encode($progressFormWrapId) . '{display:block !important;}';
+    $inlineTileCss .= '#' . Html::encode($formModeMedicalId) . ':checked ~ div #' . Html::encode($goalCardId) . ',#' . Html::encode($formModeProgressId) . ':checked ~ div #' . Html::encode($goalCardId) . '{display:none !important;}';
+    $inlineTileCss .= '#' . Html::encode($formModeMedicalId) . ':checked ~ div #' . Html::encode($donorPanelId) . ',#' . Html::encode($formModeProgressId) . ':checked ~ div #' . Html::encode($donorPanelId) . '{display:none !important;opacity:0 !important;pointer-events:none !important;}';
+    $inlineTileCss .= '#' . Html::encode($formModeMedicalId) . ':checked ~ div #' . Html::encode($quickDonatePanelId) . ',#' . Html::encode($formModeProgressId) . ':checked ~ div #' . Html::encode($quickDonatePanelId) . '{display:none !important;opacity:0 !important;pointer-events:none !important;}';
+    $inlineTileCss .= '#' . Html::encode($formModeMedicalId) . ':checked ~ div #' . Html::encode($inlinePanelWrapId) . ',#' . Html::encode($formModeProgressId) . ':checked ~ div #' . Html::encode($inlinePanelWrapId) . '{max-height:calc(100% - 56px) !important;overflow:auto !important;}';
+    $inlineTileCss .= '#' . Html::encode($galleryAddToggleId) . ':checked ~ div #' . Html::encode($galleryFormWrapId) . '{display:flex !important;flex-direction:column !important;flex:1 1 auto !important;min-height:0 !important;height:100% !important;}';
+    $inlineTileCss .= '#' . Html::encode($galleryAddToggleId) . ':checked ~ div #' . Html::encode($galleryFormWrapId) . ' iframe[data-animal-inline-collapse-id="gallery-add-inline"]{flex:1 1 auto !important;min-height:0 !important;height:100% !important;}';
+    $inlineTileCss .= '#' . Html::encode($galleryAddToggleId) . ':checked ~ div #' . Html::encode($galleryListWrapId) . '{display:none !important;}';
+    $inlineTileCss .= '#' . Html::encode($inlinePanelWrapId) . ' #' . Html::encode($galleryListWrapId) . '{display:block;flex:1 1 auto;min-height:0;overflow:hidden;}';
+    $inlineTileCss .= '#' . Html::encode($inlinePanelWrapId) . ' #' . Html::encode($galleryListWrapId) . ' .animal-tile-gallery-grid{height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;}';
+    $inlineTileCss .= '#' . Html::encode($transferAddToggleId) . ':checked ~ div #' . Html::encode($transferFormWrapId) . '{display:block !important;}';
+    $inlineTileCss .= '#' . Html::encode($transferAddToggleId) . ':checked ~ div #' . Html::encode($transferHistoryWrapId) . '{display:none !important;}';
+
+    foreach ($inlinePanelIds as $panelKey => $panelId) {
+        $inlineTileCss .= '#' . Html::encode($panelId) . ':checked ~ div #' . Html::encode($overlayStackId) . '{top:12px !important;bottom:12px !important;display:flex !important;flex-direction:column !important;justify-content:flex-start !important;}';
+        $inlineTileCss .= '#' . Html::encode($panelId) . ':checked ~ div #' . Html::encode($inlinePanelWrapId) . '{display:block !important;width:100%;max-width:100%;flex:1 1 auto;min-height:0;overflow:hidden;}';
+        if ($panelKey === 'files') {
+            $inlineTileCss .= '#' . Html::encode($panelId) . ':checked ~ div #' . Html::encode($inlinePanelWrapId) . '{overflow:auto;}';
+        }
+        if ($panelKey === 'gallery') {
+            $inlineTileCss .= '#' . Html::encode($panelId) . ':checked ~ div #' . Html::encode($inlinePanelWrapId) . ' [data-inline-tile-panel="gallery"]{display:grid !important;grid-template-rows:auto minmax(0,1fr) !important;width:100% !important;height:100% !important;min-height:0 !important;overflow:hidden !important;}';
+            $inlineTileCss .= '#' . Html::encode($panelId) . ':checked ~ div #' . Html::encode($inlinePanelWrapId) . ' #' . Html::encode($galleryListWrapId) . '{height:100% !important;min-height:0 !important;overflow:hidden !important;}';
+            $inlineTileCss .= '#' . Html::encode($panelId) . ':checked ~ div #' . Html::encode($inlinePanelWrapId) . ' #' . Html::encode($galleryListWrapId) . ' .animal-tile-gallery-grid{height:100% !important;min-height:0 !important;overflow-y:auto !important;overflow-x:hidden !important;}';
+        } else {
+            $inlineTileCss .= '#' . Html::encode($panelId) . ':checked ~ div #' . Html::encode($inlinePanelWrapId) . ' [data-inline-tile-panel="' . Html::encode($panelKey) . '"]{display:block !important;width:100%;min-width:0;height:100%;overflow:auto;}';
+        }
+        $inlineTileCss .= '#' . Html::encode($panelId) . ':checked ~ div #' . Html::encode($inlineMenuId) . ' label[for="' . Html::encode($panelId) . '"]{opacity:1;background:rgba(255,255,255,0.2);color:#fff;}';
+        $inlineTileCss .= '#' . Html::encode($panelId) . ':checked ~ div #' . Html::encode($inlineMenuId) . ' .animal-tile-inline-icon-open[data-panel-id="' . Html::encode($panelId) . '"]{display:none !important;}';
+        $inlineTileCss .= '#' . Html::encode($panelId) . ':checked ~ div #' . Html::encode($inlineMenuId) . ' .animal-tile-inline-icon-close[data-panel-id-close="' . Html::encode($panelId) . '"]{display:inline-flex !important;opacity:1;background:rgba(255,255,255,0.2);color:#fff;}';
+    }
+
+    $this->registerCss($inlineTileCss);
+}
+?>
diff --git a/views/animals/_transfer_tile.php b/views/animals/_transfer_tile.php
index 0bb94b8..dc11e19 100644
--- a/views/animals/_transfer_tile.php
+++ b/views/animals/_transfer_tile.php
@@ -33,6 +33,30 @@ switch ($transfer->status) {
         $statusTextColor = '#d1d5db';
         break;
 }
+
+static $transferActionButtonStylePrinted = false;
+if (!$transferActionButtonStylePrinted):
+    $transferActionButtonStylePrinted = true;
+    ?>
+    <style>
+        .animal-transfer-action-btn {
+            border-radius: 999px;
+            border: 1px solid rgba(15, 23, 42, 0.24);
+            background: rgba(255, 255, 255, 0.92);
+            color: #0f172a !important;
+            font-weight: 700;
+            box-shadow: 0 2px 10px rgba(15, 23, 42, 0.2);
+        }
+
+        @media (prefers-color-scheme: dark) {
+            .animal-transfer-action-btn {
+                border-color: rgba(226, 232, 240, 0.34);
+                background: rgba(15, 23, 42, 0.72);
+                color: #f8fafc !important;
+            }
+        }
+    </style>
+<?php endif; ?>
 ?>
 
 <div class="panel panel-default" style="margin-bottom:0;overflow:hidden;border-radius:12px;border:0;box-shadow:0 8px 24px rgba(15,23,42,0.14);">
@@ -69,18 +93,16 @@ switch ($transfer->status) {
                     Yii::t('AnimalManagementModule.base', 'Accept'),
                     $space->createUrl('/animal_management/animals/transfer-respond', ['id' => $transfer->id, 'decision' => 'accept']),
                     [
-                        'class' => 'btn btn-xs btn-default',
+                        'class' => 'btn btn-xs btn-default animal-transfer-action-btn',
                         'data-method' => 'post',
-                        'style' => 'border-radius:999px;border:0;background:rgba(255,255,255,0.92);font-weight:600;'
                     ]
                 ) ?>
                 <?= Html::a(
                     Yii::t('AnimalManagementModule.base', 'Decline'),
                     $space->createUrl('/animal_management/animals/transfer-respond', ['id' => $transfer->id, 'decision' => 'decline']),
                     [
-                        'class' => 'btn btn-xs btn-default',
+                        'class' => 'btn btn-xs btn-default animal-transfer-action-btn',
                         'data-method' => 'post',
-                        'style' => 'border-radius:999px;border:0;background:rgba(255,255,255,0.92);font-weight:600;'
                     ]
                 ) ?>
             <?php elseif ($isIncoming && $transfer->status === AnimalTransfer::STATUS_ACCEPTED): ?>
@@ -88,9 +110,8 @@ switch ($transfer->status) {
                     Yii::t('AnimalManagementModule.base', 'Complete Transfer'),
                     $space->createUrl('/animal_management/animals/transfer-complete', ['id' => $transfer->id]),
                     [
-                        'class' => 'btn btn-xs btn-default',
+                        'class' => 'btn btn-xs btn-default animal-transfer-action-btn',
                         'data-method' => 'post',
-                        'style' => 'border-radius:999px;border:0;background:rgba(255,255,255,0.92);font-weight:600;'
                     ]
                 ) ?>
             <?php elseif (!$isIncoming && in_array($transfer->status, [AnimalTransfer::STATUS_REQUESTED, AnimalTransfer::STATUS_ACCEPTED], true)): ?>
@@ -98,9 +119,8 @@ switch ($transfer->status) {
                     Yii::t('AnimalManagementModule.base', 'Cancel Request'),
                     $space->createUrl('/animal_management/animals/transfer-cancel', ['id' => $transfer->id]),
                     [
-                        'class' => 'btn btn-xs btn-default',
+                        'class' => 'btn btn-xs btn-default animal-transfer-action-btn',
                         'data-method' => 'post',
-                        'style' => 'border-radius:999px;border:0;background:rgba(255,255,255,0.92);font-weight:600;'
                     ]
                 ) ?>
             <?php endif; ?>
diff --git a/views/animals/add-gallery-images-inline.php b/views/animals/add-gallery-images-inline.php
new file mode 100644
index 0000000..b2840e4
--- /dev/null
+++ b/views/animals/add-gallery-images-inline.php
@@ -0,0 +1,305 @@
+<?php
+
+use humhub\modules\animal_management\models\Animal;
+use humhub\modules\animal_management\models\AnimalGalleryItem;
+use humhub\modules\space\models\Space;
+use yii\helpers\Html;
+use yii\helpers\Json;
+
+/* @var Space $space */
+/* @var Animal $animal */
+/* @var AnimalGalleryItem[] $galleryItems */
+/* @var bool $isInline */
+/* @var string $returnTo */
+/* @var int $maxUploadCount */
+/* @var string $errorMessage */
+/* @var string $infoMessage */
+
+$isInline = isset($isInline) ? (bool)$isInline : false;
+$showTopCancel = (string)Yii::$app->request->get('showTopCancel', '0') === '1';
+$returnTo = (string)($returnTo ?? 'view');
+$maxUploadCount = max(1, (int)($maxUploadCount ?? 10));
+$errorMessage = trim((string)($errorMessage ?? ''));
+$infoMessage = trim((string)($infoMessage ?? ''));
+$formId = 'animal-gallery-inline-upload-form';
+$submitUrl = $space->createUrl('/animal_management/animals/add-gallery-images-inline', [
+    'id' => (int)$animal->id,
+    'inline' => $isInline ? 1 : 0,
+    'returnTo' => $returnTo,
+]);
+
+$this->registerCss(<<<CSS
+.inline-add-shell.panel {
+    position: relative;
+    overflow: hidden;
+    border: 1px solid rgba(255, 255, 255, 0.22);
+    border-radius: 12px;
+    background: rgba(10, 18, 28, 0.36);
+}
+
+.inline-add-shell > .panel-body {
+    position: relative;
+    z-index: 1;
+    background: rgba(10, 18, 28, 0.2);
+}
+
+.inline-add-shell,
+.inline-add-shell .panel-body,
+.inline-add-shell .control-label,
+.inline-add-shell .help-block,
+.inline-add-shell h4 {
+    color: #eef5fb;
+}
+
+.inline-add-shell .form-control {
+    background: rgba(10, 18, 28, 0.56);
+    border-color: rgba(255, 255, 255, 0.44);
+    color: #f3f8ff;
+}
+
+.inline-add-shell .animal-inline-top-save-action {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 26px;
+    height: 26px;
+    padding: 0;
+    border-radius: 999px;
+    border: 1px solid rgba(255, 255, 255, 0.36);
+    background: rgba(15, 23, 42, 0.72);
+    color: #f8fafc;
+    cursor: pointer;
+    line-height: 1;
+    font-size: 12px;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
+}
+
+.inline-add-shell .animal-inline-top-save-action:hover,
+.inline-add-shell .animal-inline-top-save-action:focus {
+    background: rgba(30, 41, 59, 0.86);
+    border-color: rgba(255, 255, 255, 0.5);
+    color: #f8fafc;
+    outline: none;
+}
+
+.inline-add-shell .animal-gallery-inline-existing-grid {
+    margin: 0;
+}
+
+.inline-add-shell .animal-gallery-inline-existing-item {
+    display: block;
+    width: 100%;
+    aspect-ratio: 1 / 1;
+    min-height: 70px;
+    object-fit: cover;
+    border-radius: 6px;
+}
+
+.inline-add-shell .animal-gallery-inline-existing-wrap {
+    min-height: 220px;
+    max-height: 320px;
+    overflow-y: auto;
+    overflow-x: hidden;
+    margin: 6px 0 10px 0;
+    padding-right: 4px;
+}
+
+.inline-add-shell .animal-gallery-inline-file-input {
+    position: absolute;
+    left: -10000px;
+    width: 1px;
+    height: 1px;
+    opacity: 0;
+    pointer-events: none;
+}
+
+.inline-add-shell .animal-gallery-inline-file-trigger {
+    margin: 0;
+}
+
+.inline-add-shell .animal-gallery-inline-file-name {
+    display: inline-block;
+    margin-left: 8px;
+    color: rgba(233, 242, 250, 0.9);
+    font-size: 12px;
+    vertical-align: middle;
+    max-width: calc(100% - 150px);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+CSS
+);
+
+if ($isInline) {
+    $this->registerCss(<<<CSS
+html, body {
+    margin: 0 !important;
+    padding: 0 !important;
+    background: transparent !important;
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+}
+
+html::-webkit-scrollbar, body::-webkit-scrollbar {
+    width: 0;
+    height: 0;
+}
+
+body > .panel:first-child {
+    margin-top: 0 !important;
+}
+
+body,
+.inline-add-shell,
+.inline-add-shell > .panel-body,
+#{$formId} {
+    height: 100% !important;
+}
+
+#{$formId} {
+    display: flex;
+    flex-direction: column;
+}
+
+#{$formId} .animal-gallery-inline-existing-wrap {
+    flex: 1 1 auto;
+    min-height: 0;
+    max-height: none;
+}
+CSS
+    );
+}
+?>
+
+<div class="panel panel-default inline-add-shell">
+    <div class="panel-body">
+        <form id="<?= Html::encode($formId) ?>" method="post" action="<?= Html::encode($submitUrl) ?>" enctype="multipart/form-data"<?= !$isInline ? ' target="_top"' : '' ?>>
+            <?= Html::hiddenInput(Yii::$app->request->csrfParam, Yii::$app->request->getCsrfToken()) ?>
+            <?= Html::hiddenInput('returnTo', $returnTo) ?>
+
+            <?php if ($isInline): ?>
+                <div class="animal-inline-top-actions" style="display:flex;justify-content:flex-end;gap:8px;margin:0 38px 10px 0;">
+                    <?= Html::submitButton('<i class="fa fa-check"></i>', [
+                        'class' => 'animal-inline-top-save-action',
+                        'title' => Yii::t('AnimalManagementModule.base', 'Upload to Gallery'),
+                        'form' => $formId,
+                    ]) ?>
+                    <?php if ($showTopCancel): ?>
+                        <?= Html::button('<i class="fa fa-times"></i>', [
+                            'id' => 'gallery-inline-add-cancel-icon',
+                            'class' => 'animal-inline-top-save-action',
+                            'title' => Yii::t('AnimalManagementModule.base', 'Cancel'),
+                            'type' => 'button',
+                        ]) ?>
+                    <?php endif; ?>
+                </div>
+            <?php endif; ?>
+
+            <h4 style="margin:0 0 10px 0;"><?= Yii::t('AnimalManagementModule.base', 'Add Images to Gallery') ?></h4>
+
+            <?php if ($errorMessage !== ''): ?>
+                <div class="alert alert-danger" style="margin-bottom:10px;"><?= Html::encode($errorMessage) ?></div>
+            <?php endif; ?>
+            <?php if ($infoMessage !== ''): ?>
+                <div class="alert alert-info" style="margin-bottom:10px;"><?= Html::encode($infoMessage) ?></div>
+            <?php endif; ?>
+
+            <div class="form-group" style="margin-bottom:8px;">
+                <label class="control-label" for="galleryImages"><?= Yii::t('AnimalManagementModule.base', 'Upload Images') ?></label>
+                <div>
+                    <input type="file" class="animal-gallery-inline-file-input" id="galleryImages" name="galleryImages[]" accept="image/*" multiple required>
+                    <label for="galleryImages" class="btn btn-default btn-sm animal-gallery-inline-file-trigger"><?= Yii::t('AnimalManagementModule.base', 'Choose Files') ?></label>
+                    <span id="gallery-inline-file-name" class="animal-gallery-inline-file-name"><?= Yii::t('AnimalManagementModule.base', 'No files selected.') ?></span>
+                </div>
+                <div class="help-block" style="margin-bottom:0;"><?= Yii::t('AnimalManagementModule.base', 'You can upload up to {count} images at a time.', ['count' => $maxUploadCount]) ?></div>
+            </div>
+
+            <?php if (!empty($galleryItems)): ?>
+                <div class="animal-gallery-inline-existing-wrap">
+                    <div class="row animal-gallery-inline-existing-grid">
+                        <?php foreach (array_slice($galleryItems, 0, 12) as $galleryItem): ?>
+                            <?php $galleryUrl = trim((string)$galleryItem->getImageUrl()); ?>
+                            <?php if ($galleryUrl === '') { continue; } ?>
+                            <div class="col-xs-4 col-sm-3" style="margin-bottom:8px;">
+                                <img src="<?= Html::encode($galleryUrl) ?>" alt="<?= Yii::t('AnimalManagementModule.base', 'Gallery image') ?>" class="animal-gallery-inline-existing-item">
+                            </div>
+                        <?php endforeach; ?>
+                    </div>
+                </div>
+            <?php endif; ?>
+
+            <?php if (!$isInline): ?>
+                <button type="submit" class="btn btn-primary"><?= Yii::t('AnimalManagementModule.base', 'Upload to Gallery') ?></button>
+                <a href="<?= Html::encode($space->createUrl('/animal_management/animals/view', ['id' => $animal->id])) ?>" class="btn btn-default"><?= Yii::t('AnimalManagementModule.base', 'Cancel') ?></a>
+            <?php endif; ?>
+        </form>
+    </div>
+</div>
+
+<?php
+if ($isInline) {
+    $cancelPayload = Json::htmlEncode([
+        'source' => 'animal-inline-editor',
+        'type' => 'cancel',
+        'collapseId' => 'gallery-add-inline',
+    ]);
+
+    $this->registerJs(<<<JS
+(function() {
+    var fileInput = document.getElementById('galleryImages');
+    var fileLabel = document.getElementById('gallery-inline-file-name');
+
+    function updateFileLabel() {
+        if (!fileInput || !fileLabel) {
+            return;
+        }
+
+        var files = fileInput.files;
+        if (!files || files.length === 0) {
+            fileLabel.textContent = 'No files selected.';
+            return;
+        }
+
+        if (files.length === 1) {
+            fileLabel.textContent = files[0].name || '1 file selected';
+            return;
+        }
+
+        fileLabel.textContent = files.length + ' files selected';
+    }
+
+    if (fileInput) {
+        fileInput.addEventListener('change', updateFileLabel);
+        updateFileLabel();
+    }
+
+    function postInlineCancel() {
+        if (window.parent && window.parent !== window) {
+            window.parent.postMessage($cancelPayload, '*');
+        }
+    }
+
+    if (window.jQuery) {
+        window.jQuery(document).on('click', '#gallery-inline-add-cancel, #gallery-inline-add-cancel-icon', function() {
+            postInlineCancel();
+        });
+    }
+
+    document.addEventListener('click', function(event) {
+        var target = event.target;
+        if (!target || !target.closest) {
+            return;
+        }
+
+        if (!target.closest('#gallery-inline-add-cancel, #gallery-inline-add-cancel-icon')) {
+            return;
+        }
+
+        postInlineCancel();
+    }, false);
+})();
+JS
+    , \yii\web\View::POS_END);
+}
+?>
diff --git a/views/animals/add-medical-visit.php b/views/animals/add-medical-visit.php
index a47ba09..5ed8e7a 100644
--- a/views/animals/add-medical-visit.php
+++ b/views/animals/add-medical-visit.php
@@ -17,6 +17,7 @@ use yii\helpers\Json;
 /* @var bool $isInline */
 
 $isInline = isset($isInline) ? (bool)$isInline : false;
+$showTopCancel = (string)Yii::$app->request->get('showTopCancel', '0') === '1';
 
 $hiddenMedicalKeys = [
     'second_physician_name',
@@ -135,6 +136,15 @@ $medicalMediaPath = trim((string)($model->customFields['medical_media_reference'
 $hasMedicalMedia = $medicalMediaPath !== '' && (preg_match('/^https?:\/\//i', $medicalMediaPath) || substr($medicalMediaPath, 0, 1) === '/');
 $medicalGalleryModalId = 'add-medical-media-gallery-modal';
 $medicalFormId = 'add-medical-visit-inline-form';
+$visitAtInputValue = trim((string)$model->visit_at);
+if ($visitAtInputValue === '') {
+    $visitAtInputValue = date('Y-m-d\TH:i');
+} else {
+    $visitAtTimestamp = strtotime($visitAtInputValue);
+    if ($visitAtTimestamp !== false) {
+        $visitAtInputValue = date('Y-m-d\TH:i', $visitAtTimestamp);
+    }
+}
 
  $this->registerCss(<<<CSS
 .inline-add-shell.panel {
@@ -172,6 +182,18 @@ $medicalFormId = 'add-medical-visit-inline-form';
     border-color: rgba(255, 255, 255, 0.2);
 }
 
+.inline-add-shell .panel.panel-default > .panel-heading a {
+    color: inherit;
+    display: block;
+    text-decoration: none;
+}
+
+.inline-add-shell .panel.panel-default > .panel-heading a:hover,
+.inline-add-shell .panel.panel-default > .panel-heading a:focus {
+    color: #ffffff;
+    text-decoration: none;
+}
+
 .inline-add-shell,
 .inline-add-shell .panel-body,
 .inline-add-shell .control-label,
@@ -204,6 +226,31 @@ $medicalFormId = 'add-medical-visit-inline-form';
 .inline-add-shell select.form-control option {
     color: #0f1b2a;
 }
+
+.inline-add-shell .animal-inline-top-save-action {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 26px;
+    height: 26px;
+    padding: 0;
+    border-radius: 999px;
+    border: 1px solid rgba(255, 255, 255, 0.36);
+    background: rgba(15, 23, 42, 0.72);
+    color: #f8fafc;
+    cursor: pointer;
+    line-height: 1;
+    font-size: 12px;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
+}
+
+.inline-add-shell .animal-inline-top-save-action:hover,
+.inline-add-shell .animal-inline-top-save-action:focus {
+    background: rgba(30, 41, 59, 0.86);
+    border-color: rgba(255, 255, 255, 0.5);
+    color: #f8fafc;
+    outline: none;
+}
 CSS
 );
 
@@ -213,6 +260,13 @@ html, body {
     margin: 0 !important;
     padding: 0 !important;
     background: transparent !important;
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+}
+
+html::-webkit-scrollbar, body::-webkit-scrollbar {
+    width: 0;
+    height: 0;
 }
 
 body > .panel:first-child {
@@ -243,18 +297,20 @@ CSS
         <?= Html::hiddenInput('medicalMediaGalleryPath', $medicalMediaPath, ['id' => 'medical-media-gallery-path']) ?>
 
         <?php if ($isInline): ?>
-            <div style="display:flex;justify-content:flex-end;gap:8px;margin-bottom:10px;">
+            <div class="animal-inline-top-actions" style="display:flex;justify-content:flex-end;gap:8px;margin:0 38px 10px 0;">
                 <?= Html::submitButton('<i class="fa fa-check"></i>', [
-                    'class' => 'btn btn-default btn-sm',
+                    'class' => 'animal-inline-top-save-action',
                     'title' => Yii::t('AnimalManagementModule.base', 'Save Medical Visit'),
                     'form' => $medicalFormId,
                 ]) ?>
-                <?= Html::button('<i class="fa fa-times"></i>', [
-                    'type' => 'button',
-                    'class' => 'btn btn-default btn-sm',
-                    'id' => 'medical-inline-add-cancel-icon',
-                    'title' => Yii::t('AnimalManagementModule.base', 'Cancel'),
-                ]) ?>
+                <?php if ($showTopCancel): ?>
+                    <?= Html::button('<i class="fa fa-times"></i>', [
+                        'id' => 'medical-inline-add-cancel-icon',
+                        'class' => 'animal-inline-top-save-action',
+                        'title' => Yii::t('AnimalManagementModule.base', 'Cancel'),
+                        'type' => 'button',
+                    ]) ?>
+                <?php endif; ?>
             </div>
         <?php endif; ?>
 
@@ -289,48 +345,77 @@ CSS
         </div>
 
         <div class="panel panel-default" style="margin-bottom:12px;">
-            <div class="panel-heading"><strong><?= Yii::t('AnimalManagementModule.base', 'Medical Visit') ?></strong></div>
-            <div class="panel-body" style="padding-bottom:8px;">
+            <div class="panel-heading">
+                <a data-toggle="collapse" class="collapsed" href="#medical-inline-section-visit" aria-expanded="false" aria-controls="medical-inline-section-visit">
+                    <strong><?= Yii::t('AnimalManagementModule.base', 'Medical Visit') ?></strong>
+                </a>
+            </div>
+            <div id="medical-inline-section-visit" class="panel-collapse collapse" aria-expanded="false">
+                <div class="panel-body" style="padding-bottom:8px;">
                 <div class="row">
-                    <div class="col-sm-6"><?= $form->field($model, 'visit_at')->input('datetime-local') ?></div>
+                    <div class="col-sm-6"><?= $form->field($model, 'visit_at')->input('datetime-local', ['value' => $visitAtInputValue]) ?></div>
                     <div class="col-sm-6"><?= $form->field($model, 'provider_name') ?></div>
                 </div>
                 <?= $form->field($model, 'notes')->textarea(['rows' => 3]) ?>
                 <?= $form->field($model, 'recommendations')->textarea(['rows' => 3]) ?>
+                </div>
             </div>
         </div>
 
         <div class="panel panel-default" style="margin-bottom:12px;">
-            <div class="panel-heading"><strong><?= Yii::t('AnimalManagementModule.base', 'Vitals') ?></strong></div>
-            <div class="panel-body" style="padding-bottom:8px;">
+            <div class="panel-heading">
+                <a data-toggle="collapse" class="collapsed" href="#medical-inline-section-vitals" aria-expanded="false" aria-controls="medical-inline-section-vitals">
+                    <strong><?= Yii::t('AnimalManagementModule.base', 'Vitals') ?></strong>
+                </a>
+            </div>
+            <div id="medical-inline-section-vitals" class="panel-collapse collapse" aria-expanded="false">
+                <div class="panel-body" style="padding-bottom:8px;">
                 <div class="row">
                     <div class="col-sm-3"><?= $renderCustomField('weight', $model, $customDefinitions) ?></div>
                     <div class="col-sm-3"><?= $renderCustomField('pulse', $model, $customDefinitions) ?></div>
                     <div class="col-sm-3"><?= $renderCustomField('blood_pressure', $model, $customDefinitions) ?></div>
                     <div class="col-sm-3"><?= $renderCustomField('oxygen', $model, $customDefinitions) ?></div>
                 </div>
+                </div>
             </div>
         </div>
 
         <div class="panel panel-default" style="margin-bottom:12px;">
-            <div class="panel-heading"><strong><?= Yii::t('AnimalManagementModule.base', 'Conditions') ?></strong></div>
-            <div class="panel-body" style="padding-bottom:8px;">
+            <div class="panel-heading">
+                <a data-toggle="collapse" class="collapsed" href="#medical-inline-section-conditions" aria-expanded="false" aria-controls="medical-inline-section-conditions">
+                    <strong><?= Yii::t('AnimalManagementModule.base', 'Conditions') ?></strong>
+                </a>
+            </div>
+            <div id="medical-inline-section-conditions" class="panel-collapse collapse" aria-expanded="false">
+                <div class="panel-body" style="padding-bottom:8px;">
                 <?= $renderCustomField('chronic_conditions', $model, $customDefinitions) ?>
                 <?= $renderCustomField('acute_conditions', $model, $customDefinitions) ?>
                 <?= $renderCustomField('special_needs', $model, $customDefinitions) ?>
+                </div>
             </div>
         </div>
 
         <div class="panel panel-default" style="margin-bottom:12px;">
-            <div class="panel-heading"><strong><?= Yii::t('AnimalManagementModule.base', 'Medical Visit Detail') ?></strong></div>
-            <div class="panel-body" style="padding-bottom:8px;">
+            <div class="panel-heading">
+                <a data-toggle="collapse" class="collapsed" href="#medical-inline-section-detail" aria-expanded="false" aria-controls="medical-inline-section-detail">
+                    <strong><?= Yii::t('AnimalManagementModule.base', 'Medical Visit Detail') ?></strong>
+                </a>
+            </div>
+            <div id="medical-inline-section-detail" class="panel-collapse collapse" aria-expanded="false">
+                <div class="panel-body" style="padding-bottom:8px;">
                 <?= $renderCustomField('date_of_most_recent_medical_visit', $model, $customDefinitions) ?>
+                </div>
             </div>
         </div>
 
         <div class="panel panel-default" style="margin-bottom:12px;">
-            <div class="panel-heading"><strong><?= Yii::t('AnimalManagementModule.base', 'Physician') ?></strong></div>
-            <div class="panel-body" style="padding-bottom:8px;">
+            <div class="panel-heading">
+                <a data-toggle="collapse" class="collapsed" href="#medical-inline-section-physician" aria-expanded="false" aria-controls="medical-inline-section-physician">
+                    <strong><?= Yii::t('AnimalManagementModule.base', 'Physician') ?></strong>
+                </a>
+            </div>
+            <div id="medical-inline-section-physician" class="panel-collapse collapse" aria-expanded="false">
+                <div class="panel-body" style="padding-bottom:8px;">
                 <div class="row">
                     <div class="col-sm-6"><?= $renderCustomField('physician_name', $model, $customDefinitions) ?></div>
                     <div class="col-sm-6"><?= $renderCustomField('physician_business_name', $model, $customDefinitions) ?></div>
@@ -342,6 +427,7 @@ CSS
                     <div class="col-sm-4"><?= $renderCustomField('physician_business_phone', $model, $customDefinitions) ?></div>
                     <div class="col-sm-4"><?= $renderCustomField('physician_license_number', $model, $customDefinitions) ?></div>
                 </div>
+                </div>
             </div>
         </div>
 
@@ -355,23 +441,23 @@ CSS
 
         <?php if (!empty($remainingDefinitions)): ?>
             <div class="panel panel-default" style="margin-bottom:12px;">
-                <div class="panel-heading"><strong><?= Yii::t('AnimalManagementModule.base', 'Additional Details') ?></strong></div>
-                <div class="panel-body" style="padding-bottom:8px;">
+                <div class="panel-heading">
+                    <a data-toggle="collapse" class="collapsed" href="#medical-inline-section-additional" aria-expanded="false" aria-controls="medical-inline-section-additional">
+                        <strong><?= Yii::t('AnimalManagementModule.base', 'Additional Details') ?></strong>
+                    </a>
+                </div>
+                <div id="medical-inline-section-additional" class="panel-collapse collapse" aria-expanded="false">
+                    <div class="panel-body" style="padding-bottom:8px;">
                     <?php foreach ($remainingDefinitions as $fieldKey => $definition): ?>
                         <?= $renderCustomField($fieldKey, $model, $remainingDefinitions) ?>
                     <?php endforeach; ?>
+                    </div>
                 </div>
             </div>
         <?php endif; ?>
 
         <?= Button::save(Yii::t('AnimalManagementModule.base', 'Save Medical Visit'))->submit() ?>
-        <?php if ($isInline): ?>
-            <?= Html::button(Yii::t('AnimalManagementModule.base', 'Cancel'), [
-                'type' => 'button',
-                'class' => 'btn btn-default',
-                'id' => 'medical-inline-add-cancel',
-            ]) ?>
-        <?php else: ?>
+        <?php if (!$isInline): ?>
             <?= Button::asLink(Yii::t('AnimalManagementModule.base', 'Cancel'))
                 ->link(($returnTo ?? 'medical-visits') === 'medical-visits'
                     ? $space->createUrl('/animal_management/animals/medical-visits', ['id' => $animal->id])
@@ -507,11 +593,32 @@ if ($isInline) {
     ]);
 
     $this->registerJs(<<<JS
-$(document).on('click', '#medical-inline-add-cancel, #medical-inline-add-cancel-icon', function() {
-    if (window.parent && window.parent !== window) {
-        window.parent.postMessage($cancelPayload, '*');
+(function() {
+    function postInlineCancel() {
+        if (window.parent && window.parent !== window) {
+            window.parent.postMessage($cancelPayload, '*');
+        }
     }
-});
+
+    if (window.jQuery) {
+        window.jQuery(document).on('click', '#medical-inline-add-cancel, #medical-inline-add-cancel-icon', function() {
+            postInlineCancel();
+        });
+    }
+
+    document.addEventListener('click', function(event) {
+        var target = event.target;
+        if (!target || !target.closest) {
+            return;
+        }
+
+        if (!target.closest('#medical-inline-add-cancel, #medical-inline-add-cancel-icon')) {
+            return;
+        }
+
+        postInlineCancel();
+    }, false);
+})();
 JS
     , \yii\web\View::POS_END);
 }
diff --git a/views/animals/add-progress-update.php b/views/animals/add-progress-update.php
index 7108843..21ee17c 100644
--- a/views/animals/add-progress-update.php
+++ b/views/animals/add-progress-update.php
@@ -17,6 +17,7 @@ use yii\helpers\Json;
 /* @var bool $isInline */
 
 $isInline = isset($isInline) ? (bool)$isInline : false;
+$showTopCancel = (string)Yii::$app->request->get('showTopCancel', '0') === '1';
 
 $renderCustomField = static function (string $fieldKey, AnimalProgressUpdateForm $formModel, array $definitions): string {
     if (!isset($definitions[$fieldKey])) {
@@ -132,6 +133,18 @@ $this->registerCss(<<<CSS
     border-color: rgba(255, 255, 255, 0.2);
 }
 
+.inline-add-shell .panel.panel-default > .panel-heading a {
+    color: inherit;
+    display: block;
+    text-decoration: none;
+}
+
+.inline-add-shell .panel.panel-default > .panel-heading a:hover,
+.inline-add-shell .panel.panel-default > .panel-heading a:focus {
+    color: #ffffff;
+    text-decoration: none;
+}
+
 .inline-add-shell,
 .inline-add-shell .panel-body,
 .inline-add-shell .control-label,
@@ -164,6 +177,31 @@ $this->registerCss(<<<CSS
 .inline-add-shell select.form-control option {
     color: #0f1b2a;
 }
+
+.inline-add-shell .animal-inline-top-save-action {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 26px;
+    height: 26px;
+    padding: 0;
+    border-radius: 999px;
+    border: 1px solid rgba(255, 255, 255, 0.36);
+    background: rgba(15, 23, 42, 0.72);
+    color: #f8fafc;
+    cursor: pointer;
+    line-height: 1;
+    font-size: 12px;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
+}
+
+.inline-add-shell .animal-inline-top-save-action:hover,
+.inline-add-shell .animal-inline-top-save-action:focus {
+    background: rgba(30, 41, 59, 0.86);
+    border-color: rgba(255, 255, 255, 0.5);
+    color: #f8fafc;
+    outline: none;
+}
 CSS
 );
 
@@ -173,6 +211,13 @@ html, body {
     margin: 0 !important;
     padding: 0 !important;
     background: transparent !important;
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+}
+
+html::-webkit-scrollbar, body::-webkit-scrollbar {
+    width: 0;
+    height: 0;
 }
 
 body > .panel:first-child {
@@ -195,26 +240,33 @@ CSS
         <?= Html::hiddenInput('returnTo', (string)($returnTo ?? 'progress-updates')) ?>
 
         <?php if ($isInline): ?>
-            <div style="display:flex;justify-content:flex-end;gap:8px;margin-bottom:10px;">
+            <div class="animal-inline-top-actions" style="display:flex;justify-content:flex-end;gap:8px;margin:0 38px 10px 0;">
                 <?= Html::submitButton('<i class="fa fa-check"></i>', [
-                    'class' => 'btn btn-default btn-sm',
+                    'class' => 'animal-inline-top-save-action',
                     'title' => Yii::t('AnimalManagementModule.base', 'Save Progress Update'),
                     'form' => $progressFormId,
                 ]) ?>
-                <?= Html::button('<i class="fa fa-times"></i>', [
-                    'type' => 'button',
-                    'class' => 'btn btn-default btn-sm',
-                    'id' => 'progress-inline-add-cancel-icon',
-                    'title' => Yii::t('AnimalManagementModule.base', 'Cancel'),
-                ]) ?>
+                <?php if ($showTopCancel): ?>
+                    <?= Html::button('<i class="fa fa-times"></i>', [
+                        'id' => 'progress-inline-add-cancel-icon',
+                        'class' => 'animal-inline-top-save-action',
+                        'title' => Yii::t('AnimalManagementModule.base', 'Cancel'),
+                        'type' => 'button',
+                    ]) ?>
+                <?php endif; ?>
             </div>
         <?php endif; ?>
 
         <?= $form->errorSummary($model, ['showAllErrors' => true]) ?>
 
         <div class="panel panel-default" style="margin-bottom:12px;">
-            <div class="panel-heading"><strong><?= Yii::t('AnimalManagementModule.base', 'Media') ?></strong></div>
-            <div class="panel-body" style="padding-bottom:8px;">
+            <div class="panel-heading">
+                <a data-toggle="collapse" href="#progress-inline-section-media" aria-expanded="true" aria-controls="progress-inline-section-media">
+                    <strong><?= Yii::t('AnimalManagementModule.base', 'Media') ?></strong>
+                </a>
+            </div>
+            <div id="progress-inline-section-media" class="panel-collapse collapse in" aria-expanded="true">
+                <div class="panel-body" style="padding-bottom:8px;">
                 <input type="hidden" id="progress-media-gallery-path" name="progressMediaGalleryPath" value="<?= Html::encode($currentMediaReference) ?>">
                 <div class="row">
                     <div class="col-sm-4" style="margin-bottom:8px;">
@@ -239,12 +291,18 @@ CSS
                         </div>
                     </div>
                 </div>
+                </div>
             </div>
         </div>
 
         <div class="panel panel-default" style="margin-bottom:12px;">
-            <div class="panel-heading"><strong><?= Yii::t('AnimalManagementModule.base', 'Progress Update') ?></strong></div>
-            <div class="panel-body" style="padding-bottom:8px;">
+            <div class="panel-heading">
+                <a data-toggle="collapse" href="#progress-inline-section-update" aria-expanded="true" aria-controls="progress-inline-section-update">
+                    <strong><?= Yii::t('AnimalManagementModule.base', 'Progress Update') ?></strong>
+                </a>
+            </div>
+            <div id="progress-inline-section-update" class="panel-collapse collapse in" aria-expanded="true">
+                <div class="panel-body" style="padding-bottom:8px;">
                 <div class="row">
                     <div class="col-sm-4"><?= $form->field($model, 'weight') ?></div>
                     <div class="col-sm-8"><?= $form->field($model, 'vitals')->textInput(['maxlength' => 255]) ?></div>
@@ -253,24 +311,37 @@ CSS
                     <div class="col-sm-6"><?= $form->field($model, 'meal_plan_changes')->textarea(['rows' => 2]) ?></div>
                     <div class="col-sm-6"><?= $form->field($model, 'housing_changes')->textarea(['rows' => 2]) ?></div>
                 </div>
+                </div>
             </div>
         </div>
 
         <div class="panel panel-default" style="margin-bottom:12px;">
-            <div class="panel-heading"><strong><?= Yii::t('AnimalManagementModule.base', 'Notes') ?></strong></div>
-            <div class="panel-body" style="padding-bottom:8px;">
+            <div class="panel-heading">
+                <a data-toggle="collapse" href="#progress-inline-section-notes" aria-expanded="true" aria-controls="progress-inline-section-notes">
+                    <strong><?= Yii::t('AnimalManagementModule.base', 'Notes') ?></strong>
+                </a>
+            </div>
+            <div id="progress-inline-section-notes" class="panel-collapse collapse in" aria-expanded="true">
+                <div class="panel-body" style="padding-bottom:8px;">
                 <?= $renderCustomField('progress_notes', $model, $customDefinitions) ?>
                 <?= $renderCustomField('routine_updates', $model, $customDefinitions) ?>
+                </div>
             </div>
         </div>
 
         <?php if (!empty($otherCustomDefinitions)): ?>
             <div class="panel panel-default" style="margin-bottom:12px;">
-                <div class="panel-heading"><strong><?= Yii::t('AnimalManagementModule.base', 'Additional Details') ?></strong></div>
-                <div class="panel-body" style="padding-bottom:8px;">
+                <div class="panel-heading">
+                    <a data-toggle="collapse" href="#progress-inline-section-additional" aria-expanded="true" aria-controls="progress-inline-section-additional">
+                        <strong><?= Yii::t('AnimalManagementModule.base', 'Additional Details') ?></strong>
+                    </a>
+                </div>
+                <div id="progress-inline-section-additional" class="panel-collapse collapse in" aria-expanded="true">
+                    <div class="panel-body" style="padding-bottom:8px;">
                     <?php foreach ($otherCustomDefinitions as $fieldKey => $definition): ?>
                         <?= $renderCustomField($fieldKey, $model, $otherCustomDefinitions) ?>
                     <?php endforeach; ?>
+                    </div>
                 </div>
             </div>
         <?php endif; ?>
@@ -316,13 +387,7 @@ CSS
         </div>
 
         <?= Button::save(Yii::t('AnimalManagementModule.base', 'Save Progress Update'))->submit() ?>
-        <?php if ($isInline): ?>
-            <?= Html::button(Yii::t('AnimalManagementModule.base', 'Cancel'), [
-                'type' => 'button',
-                'class' => 'btn btn-default',
-                'id' => 'progress-inline-add-cancel',
-            ]) ?>
-        <?php else: ?>
+        <?php if (!$isInline): ?>
             <?= Button::asLink(Yii::t('AnimalManagementModule.base', 'Cancel'))
                 ->link(($returnTo ?? 'progress-updates') === 'progress-updates'
                     ? $space->createUrl('/animal_management/animals/progress-updates', ['id' => $animal->id])
@@ -434,11 +499,32 @@ if ($isInline) {
     ]);
 
     $this->registerJs(<<<JS
-$(document).on('click', '#progress-inline-add-cancel, #progress-inline-add-cancel-icon', function() {
-    if (window.parent && window.parent !== window) {
-        window.parent.postMessage($cancelPayload, '*');
+(function() {
+    function postInlineCancel() {
+        if (window.parent && window.parent !== window) {
+            window.parent.postMessage($cancelPayload, '*');
+        }
     }
-});
+
+    if (window.jQuery) {
+        window.jQuery(document).on('click', '#progress-inline-add-cancel, #progress-inline-add-cancel-icon', function() {
+            postInlineCancel();
+        });
+    }
+
+    document.addEventListener('click', function(event) {
+        var target = event.target;
+        if (!target || !target.closest) {
+            return;
+        }
+
+        if (!target.closest('#progress-inline-add-cancel, #progress-inline-add-cancel-icon')) {
+            return;
+        }
+
+        postInlineCancel();
+    }, false);
+})();
 JS
     , \yii\web\View::POS_END);
 }
diff --git a/views/animals/create.php b/views/animals/create.php
index cde0925..c0e3766 100644
--- a/views/animals/create.php
+++ b/views/animals/create.php
@@ -13,6 +13,18 @@ use yii\helpers\Html;
 /* @var Space $space */
 /* @var bool $isEdit */
 /* @var Animal|null $animal */
+/* @var bool $showIntakeGoalSection */
+
+$showIntakeGoalSection = isset($showIntakeGoalSection) ? (bool)$showIntakeGoalSection : false;
+$intakeGoalInput = Yii::$app->request->post('IntakeGoal', []);
+if (!is_array($intakeGoalInput)) {
+    $intakeGoalInput = [];
+}
+$intakeGoalEnabled = !empty($isEdit) ? false : ((int)($intakeGoalInput['enabled'] ?? 0) === 1);
+$intakeGoalTitle = trim((string)($intakeGoalInput['title'] ?? ''));
+$intakeGoalTargetAmount = trim((string)($intakeGoalInput['target_amount'] ?? ''));
+$intakeGoalDescription = trim((string)($intakeGoalInput['description'] ?? ''));
+$intakeGoalIsActive = !empty($isEdit) ? true : ((int)($intakeGoalInput['is_active'] ?? 1) === 1);
 ?>
 
 <div class="panel panel-default">
@@ -215,6 +227,41 @@ use yii\helpers\Html;
             </div>
 
             <div class="col-md-6">
+                <?php if (empty($isEdit) && $showIntakeGoalSection): ?>
+                    <div class="panel panel-default" style="margin-bottom:14px;">
+                        <div class="panel-heading"><strong><?= Yii::t('AnimalManagementModule.base', 'Intake Donation Goal') ?></strong></div>
+                        <div class="panel-body" style="padding-bottom:8px;">
+                            <div class="checkbox" style="margin-top:0;">
+                                <label>
+                                    <input type="checkbox" name="IntakeGoal[enabled]" value="1" id="intake-goal-enabled" <?= $intakeGoalEnabled ? 'checked' : '' ?>>
+                                    <?= Yii::t('AnimalManagementModule.base', 'Create a donation goal for this animal on intake') ?>
+                                </label>
+                            </div>
+                            <div id="intake-goal-fields" style="display:<?= $intakeGoalEnabled ? 'block' : 'none' ?>;">
+                                <div class="form-group">
+                                    <label class="control-label" for="intake-goal-title"><?= Yii::t('AnimalManagementModule.base', 'Goal Title') ?></label>
+                                    <input type="text" id="intake-goal-title" name="IntakeGoal[title]" class="form-control" maxlength="190" value="<?= Html::encode($intakeGoalTitle) ?>" placeholder="<?= Html::encode(Yii::t('AnimalManagementModule.base', 'Example: {animalName} Care Fund', ['animalName' => 'Animal'])) ?>">
+                                </div>
+                                <div class="form-group">
+                                    <label class="control-label" for="intake-goal-target"><?= Yii::t('AnimalManagementModule.base', 'Target Amount') ?></label>
+                                    <input type="number" id="intake-goal-target" name="IntakeGoal[target_amount]" class="form-control" min="1" step="1" value="<?= Html::encode($intakeGoalTargetAmount) ?>" placeholder="1500">
+                                </div>
+                                <div class="form-group">
+                                    <label class="control-label" for="intake-goal-description"><?= Yii::t('AnimalManagementModule.base', 'Goal Description') ?></label>
+                                    <textarea id="intake-goal-description" name="IntakeGoal[description]" class="form-control" rows="3" placeholder="<?= Html::encode(Yii::t('AnimalManagementModule.base', 'Optional context for supporters.')) ?>"><?= Html::encode($intakeGoalDescription) ?></textarea>
+                                </div>
+                                <div class="checkbox" style="margin-bottom:0;">
+                                    <label>
+                                        <input type="hidden" name="IntakeGoal[is_active]" value="0">
+                                        <input type="checkbox" name="IntakeGoal[is_active]" value="1" <?= $intakeGoalIsActive ? 'checked' : '' ?>>
+                                        <?= Yii::t('AnimalManagementModule.base', 'Goal is active immediately') ?>
+                                    </label>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                <?php endif; ?>
+
                 <div class="panel panel-default" style="margin-bottom:14px;">
                     <div class="panel-heading"><strong><?= Yii::t('AnimalManagementModule.base', 'Previous Owner') ?></strong></div>
                     <div class="panel-body" style="padding-bottom:8px;">
@@ -274,7 +321,7 @@ use yii\helpers\Html;
 
         <?= Button::save(!empty($isEdit)
             ? Yii::t('AnimalManagementModule.base', 'Save Changes')
-            : Yii::t('AnimalManagementModule.base', 'Create Animal'))->submit() ?>
+            : Yii::t('AnimalManagementModule.base', 'Complete Intake'))->submit() ?>
         <?= Button::asLink(Yii::t('AnimalManagementModule.base', 'Cancel'))->link(
             !empty($isEdit) && $animal instanceof Animal
                 ? $space->createUrl('/animal_management/animals/view', ['id' => $animal->id])
@@ -306,7 +353,7 @@ use yii\helpers\Html;
                             <?= Yii::t('AnimalManagementModule.base', 'Your image preview updates immediately. Final save happens when you click {action} at the bottom of this intake form.', [
                                 'action' => !empty($isEdit)
                                     ? Yii::t('AnimalManagementModule.base', 'Save Changes')
-                                    : Yii::t('AnimalManagementModule.base', 'Create Animal'),
+                                    : Yii::t('AnimalManagementModule.base', 'Complete Intake'),
                             ]) ?>
                         </div>
                         <?php if (!empty($galleryImageUrls)): ?>
@@ -350,7 +397,7 @@ use yii\helpers\Html;
                             <?= Yii::t('AnimalManagementModule.base', 'Your image preview updates immediately. Final save happens when you click {action} at the bottom of this intake form.', [
                                 'action' => !empty($isEdit)
                                     ? Yii::t('AnimalManagementModule.base', 'Save Changes')
-                                    : Yii::t('AnimalManagementModule.base', 'Create Animal'),
+                                    : Yii::t('AnimalManagementModule.base', 'Complete Intake'),
                             ]) ?>
                         </div>
                         <?php if (!empty($galleryImageUrls)): ?>
@@ -521,6 +568,14 @@ $this->registerJs(<<<JS
         }
     });
 
+    $('#intake-goal-enabled').on('change', function() {
+        if ($(this).is(':checked')) {
+            $('#intake-goal-fields').slideDown(120);
+        } else {
+            $('#intake-goal-fields').slideUp(120);
+        }
+    });
+
     $('#animal-cover-image-manage-modal').on('shown.bs.modal', function() {
         markSelectedThumb('cover', $('#animalform-coverimagegallerypath').val());
     });
diff --git a/views/animals/edit-medical-visit.php b/views/animals/edit-medical-visit.php
index 4ec2df4..3c2be5b 100644
--- a/views/animals/edit-medical-visit.php
+++ b/views/animals/edit-medical-visit.php
@@ -19,6 +19,7 @@ use yii\helpers\Json;
 /* @var bool $isInline */
 
 $isInline = isset($isInline) ? (bool)$isInline : false;
+$showTopCancel = (string)Yii::$app->request->get('showTopCancel', '0') === '1';
 
 $hiddenMedicalKeys = [
     'second_physician_name',
@@ -166,6 +167,18 @@ $this->registerCss(<<<CSS
     border-color: rgba(255, 255, 255, 0.2);
 }
 
+.inline-editor-shell .panel.panel-default > .panel-heading a {
+    color: inherit;
+    display: block;
+    text-decoration: none;
+}
+
+.inline-editor-shell .panel.panel-default > .panel-heading a:hover,
+.inline-editor-shell .panel.panel-default > .panel-heading a:focus {
+    color: #ffffff;
+    text-decoration: none;
+}
+
 .inline-editor-shell,
 .inline-editor-shell .panel-body,
 .inline-editor-shell .control-label,
@@ -198,6 +211,31 @@ $this->registerCss(<<<CSS
 .inline-editor-shell select.form-control option {
     color: #0f1b2a;
 }
+
+.inline-editor-shell .animal-inline-top-save-action {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 26px;
+    height: 26px;
+    padding: 0;
+    border-radius: 999px;
+    border: 1px solid rgba(255, 255, 255, 0.36);
+    background: rgba(15, 23, 42, 0.72);
+    color: #f8fafc;
+    cursor: pointer;
+    line-height: 1;
+    font-size: 12px;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
+}
+
+.inline-editor-shell .animal-inline-top-save-action:hover,
+.inline-editor-shell .animal-inline-top-save-action:focus {
+    background: rgba(30, 41, 59, 0.86);
+    border-color: rgba(255, 255, 255, 0.5);
+    color: #f8fafc;
+    outline: none;
+}
 CSS
 );
 
@@ -207,6 +245,13 @@ html, body {
     margin: 0 !important;
     padding: 0 !important;
     background: transparent !important;
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+}
+
+html::-webkit-scrollbar, body::-webkit-scrollbar {
+    width: 0;
+    height: 0;
 }
 
 body > .panel:first-child {
@@ -229,18 +274,20 @@ CSS
         <div style="display:flex;align-items:center;justify-content:space-between;gap:12px;">
             <span><?= Yii::t('AnimalManagementModule.base', '<strong>Edit</strong> Medical Visit') ?></span>
             <?php if ($isInline): ?>
-                <span style="display:inline-flex;gap:8px;">
+                <span class="animal-inline-top-actions" style="display:inline-flex;gap:8px;margin-right:38px;">
                     <?= Html::submitButton('<i class="fa fa-check"></i>', [
-                        'class' => 'btn btn-default btn-sm',
+                        'class' => 'animal-inline-top-save-action',
                         'title' => Yii::t('AnimalManagementModule.base', 'Save Medical Visit'),
                         'form' => $medicalFormId,
                     ]) ?>
-                    <?= Html::button('<i class="fa fa-times"></i>', [
-                        'type' => 'button',
-                        'class' => 'btn btn-default btn-sm',
-                        'id' => 'medical-inline-cancel-icon',
-                        'title' => Yii::t('AnimalManagementModule.base', 'Cancel'),
-                    ]) ?>
+                    <?php if ($showTopCancel): ?>
+                        <?= Html::button('<i class="fa fa-times"></i>', [
+                            'id' => 'medical-inline-cancel-icon',
+                            'class' => 'animal-inline-top-save-action',
+                            'title' => Yii::t('AnimalManagementModule.base', 'Cancel'),
+                            'type' => 'button',
+                        ]) ?>
+                    <?php endif; ?>
                 </span>
             <?php endif; ?>
         </div>
@@ -259,48 +306,77 @@ CSS
         <?= $form->errorSummary($model, ['showAllErrors' => true]) ?>
 
         <div class="panel panel-default" style="margin-bottom:12px;">
-            <div class="panel-heading"><strong><?= Yii::t('AnimalManagementModule.base', 'Visit') ?></strong></div>
-            <div class="panel-body" style="padding-bottom:8px;">
+            <div class="panel-heading">
+                <a data-toggle="collapse" href="#edit-medical-section-visit" aria-expanded="true" aria-controls="edit-medical-section-visit">
+                    <strong><?= Yii::t('AnimalManagementModule.base', 'Visit') ?></strong>
+                </a>
+            </div>
+            <div id="edit-medical-section-visit" class="panel-collapse collapse in" aria-expanded="true">
+                <div class="panel-body" style="padding-bottom:8px;">
                 <div class="row">
                     <div class="col-sm-6"><?= $form->field($model, 'visit_at')->input('datetime-local') ?></div>
                     <div class="col-sm-6"><?= $form->field($model, 'provider_name') ?></div>
                 </div>
                 <?= $form->field($model, 'notes')->textarea(['rows' => 3]) ?>
                 <?= $form->field($model, 'recommendations')->textarea(['rows' => 3]) ?>
+                </div>
             </div>
         </div>
 
         <div class="panel panel-default" style="margin-bottom:12px;">
-            <div class="panel-heading"><strong><?= Yii::t('AnimalManagementModule.base', 'Vitals') ?></strong></div>
-            <div class="panel-body" style="padding-bottom:8px;">
+            <div class="panel-heading">
+                <a data-toggle="collapse" href="#edit-medical-section-vitals" aria-expanded="true" aria-controls="edit-medical-section-vitals">
+                    <strong><?= Yii::t('AnimalManagementModule.base', 'Vitals') ?></strong>
+                </a>
+            </div>
+            <div id="edit-medical-section-vitals" class="panel-collapse collapse in" aria-expanded="true">
+                <div class="panel-body" style="padding-bottom:8px;">
                 <div class="row">
                     <div class="col-sm-3"><?= $renderCustomField('weight', $model, $customDefinitions) ?></div>
                     <div class="col-sm-3"><?= $renderCustomField('pulse', $model, $customDefinitions) ?></div>
                     <div class="col-sm-3"><?= $renderCustomField('blood_pressure', $model, $customDefinitions) ?></div>
                     <div class="col-sm-3"><?= $renderCustomField('oxygen', $model, $customDefinitions) ?></div>
                 </div>
+                </div>
             </div>
         </div>
 
         <div class="panel panel-default" style="margin-bottom:12px;">
-            <div class="panel-heading"><strong><?= Yii::t('AnimalManagementModule.base', 'Conditions') ?></strong></div>
-            <div class="panel-body" style="padding-bottom:8px;">
+            <div class="panel-heading">
+                <a data-toggle="collapse" href="#edit-medical-section-conditions" aria-expanded="true" aria-controls="edit-medical-section-conditions">
+                    <strong><?= Yii::t('AnimalManagementModule.base', 'Conditions') ?></strong>
+                </a>
+            </div>
+            <div id="edit-medical-section-conditions" class="panel-collapse collapse in" aria-expanded="true">
+                <div class="panel-body" style="padding-bottom:8px;">
                 <?= $renderCustomField('chronic_conditions', $model, $customDefinitions) ?>
                 <?= $renderCustomField('acute_conditions', $model, $customDefinitions) ?>
                 <?= $renderCustomField('special_needs', $model, $customDefinitions) ?>
+                </div>
             </div>
         </div>
 
         <div class="panel panel-default" style="margin-bottom:12px;">
-            <div class="panel-heading"><strong><?= Yii::t('AnimalManagementModule.base', 'Medical Visit Detail') ?></strong></div>
-            <div class="panel-body" style="padding-bottom:8px;">
+            <div class="panel-heading">
+                <a data-toggle="collapse" href="#edit-medical-section-detail" aria-expanded="true" aria-controls="edit-medical-section-detail">
+                    <strong><?= Yii::t('AnimalManagementModule.base', 'Medical Visit Detail') ?></strong>
+                </a>
+            </div>
+            <div id="edit-medical-section-detail" class="panel-collapse collapse in" aria-expanded="true">
+                <div class="panel-body" style="padding-bottom:8px;">
                 <?= $renderCustomField('date_of_most_recent_medical_visit', $model, $customDefinitions) ?>
+                </div>
             </div>
         </div>
 
         <div class="panel panel-default" style="margin-bottom:12px;">
-            <div class="panel-heading"><strong><?= Yii::t('AnimalManagementModule.base', 'Media') ?></strong></div>
-            <div class="panel-body" style="padding-bottom:8px;">
+            <div class="panel-heading">
+                <a data-toggle="collapse" href="#edit-medical-section-media" aria-expanded="true" aria-controls="edit-medical-section-media">
+                    <strong><?= Yii::t('AnimalManagementModule.base', 'Media') ?></strong>
+                </a>
+            </div>
+            <div id="edit-medical-section-media" class="panel-collapse collapse in" aria-expanded="true">
+                <div class="panel-body" style="padding-bottom:8px;">
                 <div class="row">
                     <div class="col-sm-4" style="margin-bottom:8px;">
                         <div id="medical-media-preview" style="border-radius:8px;overflow:hidden;background:#f2f4f6;height:150px;display:flex;align-items:center;justify-content:center;">
@@ -323,12 +399,18 @@ CSS
                         </div>
                     </div>
                 </div>
+                </div>
             </div>
         </div>
 
         <div class="panel panel-default" style="margin-bottom:12px;">
-            <div class="panel-heading"><strong><?= Yii::t('AnimalManagementModule.base', 'Physician') ?></strong></div>
-            <div class="panel-body" style="padding-bottom:8px;">
+            <div class="panel-heading">
+                <a data-toggle="collapse" href="#edit-medical-section-physician" aria-expanded="true" aria-controls="edit-medical-section-physician">
+                    <strong><?= Yii::t('AnimalManagementModule.base', 'Physician') ?></strong>
+                </a>
+            </div>
+            <div id="edit-medical-section-physician" class="panel-collapse collapse in" aria-expanded="true">
+                <div class="panel-body" style="padding-bottom:8px;">
                 <div class="row">
                     <div class="col-sm-6"><?= $renderCustomField('physician_name', $model, $customDefinitions) ?></div>
                     <div class="col-sm-6"><?= $renderCustomField('physician_business_name', $model, $customDefinitions) ?></div>
@@ -340,6 +422,7 @@ CSS
                     <div class="col-sm-4"><?= $renderCustomField('physician_business_phone', $model, $customDefinitions) ?></div>
                     <div class="col-sm-4"><?= $renderCustomField('physician_license_number', $model, $customDefinitions) ?></div>
                 </div>
+                </div>
             </div>
         </div>
 
@@ -353,23 +436,23 @@ CSS
 
         <?php if (!empty($remainingDefinitions)): ?>
             <div class="panel panel-default" style="margin-bottom:12px;">
-                <div class="panel-heading"><strong><?= Yii::t('AnimalManagementModule.base', 'Additional Details') ?></strong></div>
-                <div class="panel-body" style="padding-bottom:8px;">
+                <div class="panel-heading">
+                    <a data-toggle="collapse" href="#edit-medical-section-additional" aria-expanded="true" aria-controls="edit-medical-section-additional">
+                        <strong><?= Yii::t('AnimalManagementModule.base', 'Additional Details') ?></strong>
+                    </a>
+                </div>
+                <div id="edit-medical-section-additional" class="panel-collapse collapse in" aria-expanded="true">
+                    <div class="panel-body" style="padding-bottom:8px;">
                     <?php foreach ($remainingDefinitions as $fieldKey => $definition): ?>
                         <?= $renderCustomField($fieldKey, $model, $remainingDefinitions) ?>
                     <?php endforeach; ?>
+                    </div>
                 </div>
             </div>
         <?php endif; ?>
 
         <?= Button::save(Yii::t('AnimalManagementModule.base', 'Save Medical Visit'))->submit() ?>
-        <?php if ($isInline): ?>
-            <?= Html::button(Yii::t('AnimalManagementModule.base', 'Cancel'), [
-                'type' => 'button',
-                'class' => 'btn btn-default',
-                'id' => 'medical-inline-cancel',
-            ]) ?>
-        <?php else: ?>
+        <?php if (!$isInline): ?>
             <?= Button::asLink(Yii::t('AnimalManagementModule.base', 'Cancel'))
                 ->link(($returnTo ?? 'view') === 'medical-visits'
                     ? $space->createUrl('/animal_management/animals/medical-visits', ['id' => $animal->id])
@@ -486,11 +569,32 @@ if ($isInline) {
     ]);
 
     $this->registerJs(<<<JS
-$(document).on('click', '#medical-inline-cancel, #medical-inline-cancel-icon', function() {
-    if (window.parent && window.parent !== window) {
-        window.parent.postMessage($cancelPayload, '*');
+(function() {
+    function postInlineCancel() {
+        if (window.parent && window.parent !== window) {
+            window.parent.postMessage($cancelPayload, '*');
+        }
     }
-});
+
+    if (window.jQuery) {
+        window.jQuery(document).on('click', '#medical-inline-cancel, #medical-inline-cancel-icon', function() {
+            postInlineCancel();
+        });
+    }
+
+    document.addEventListener('click', function(event) {
+        var target = event.target;
+        if (!target || !target.closest) {
+            return;
+        }
+
+        if (!target.closest('#medical-inline-cancel, #medical-inline-cancel-icon')) {
+            return;
+        }
+
+        postInlineCancel();
+    }, false);
+})();
 JS
     , \yii\web\View::POS_END);
 }
diff --git a/views/animals/edit-progress-update.php b/views/animals/edit-progress-update.php
index 87e2eaa..85f2ef8 100644
--- a/views/animals/edit-progress-update.php
+++ b/views/animals/edit-progress-update.php
@@ -19,6 +19,7 @@ use yii\helpers\Json;
 /* @var bool $isInline */
 
 $isInline = isset($isInline) ? (bool)$isInline : false;
+$showTopCancel = (string)Yii::$app->request->get('showTopCancel', '0') === '1';
 
 $renderCustomField = static function (string $fieldKey, AnimalProgressUpdateForm $formModel, array $definitions): string {
     if (!isset($definitions[$fieldKey])) {
@@ -126,6 +127,18 @@ $this->registerCss(<<<CSS
     border-color: rgba(255, 255, 255, 0.2);
 }
 
+.inline-editor-shell .panel.panel-default > .panel-heading a {
+    color: inherit;
+    display: block;
+    text-decoration: none;
+}
+
+.inline-editor-shell .panel.panel-default > .panel-heading a:hover,
+.inline-editor-shell .panel.panel-default > .panel-heading a:focus {
+    color: #ffffff;
+    text-decoration: none;
+}
+
 .inline-editor-shell,
 .inline-editor-shell .panel-body,
 .inline-editor-shell .control-label,
@@ -158,6 +171,31 @@ $this->registerCss(<<<CSS
 .inline-editor-shell select.form-control option {
     color: #0f1b2a;
 }
+
+.inline-editor-shell .animal-inline-top-save-action {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 26px;
+    height: 26px;
+    padding: 0;
+    border-radius: 999px;
+    border: 1px solid rgba(255, 255, 255, 0.36);
+    background: rgba(15, 23, 42, 0.72);
+    color: #f8fafc;
+    cursor: pointer;
+    line-height: 1;
+    font-size: 12px;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
+}
+
+.inline-editor-shell .animal-inline-top-save-action:hover,
+.inline-editor-shell .animal-inline-top-save-action:focus {
+    background: rgba(30, 41, 59, 0.86);
+    border-color: rgba(255, 255, 255, 0.5);
+    color: #f8fafc;
+    outline: none;
+}
 CSS
 );
 
@@ -167,6 +205,13 @@ html, body {
     margin: 0 !important;
     padding: 0 !important;
     background: transparent !important;
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+}
+
+html::-webkit-scrollbar, body::-webkit-scrollbar {
+    width: 0;
+    height: 0;
 }
 
 body > .panel:first-child {
@@ -182,18 +227,20 @@ CSS
         <div style="display:flex;align-items:center;justify-content:space-between;gap:12px;">
             <span><?= Yii::t('AnimalManagementModule.base', '<strong>Edit</strong> Progress Update') ?></span>
             <?php if ($isInline): ?>
-                <span style="display:inline-flex;gap:8px;">
+                <span class="animal-inline-top-actions" style="display:inline-flex;gap:8px;margin-right:38px;">
                     <?= Html::submitButton('<i class="fa fa-check"></i>', [
-                        'class' => 'btn btn-default btn-sm',
+                        'class' => 'animal-inline-top-save-action',
                         'title' => Yii::t('AnimalManagementModule.base', 'Save Progress Update'),
                         'form' => $progressFormId,
                     ]) ?>
-                    <?= Html::button('<i class="fa fa-times"></i>', [
-                        'type' => 'button',
-                        'class' => 'btn btn-default btn-sm',
-                        'id' => 'progress-inline-cancel-icon',
-                        'title' => Yii::t('AnimalManagementModule.base', 'Cancel'),
-                    ]) ?>
+                    <?php if ($showTopCancel): ?>
+                        <?= Html::button('<i class="fa fa-times"></i>', [
+                            'id' => 'progress-inline-cancel-icon',
+                            'class' => 'animal-inline-top-save-action',
+                            'title' => Yii::t('AnimalManagementModule.base', 'Cancel'),
+                            'type' => 'button',
+                        ]) ?>
+                    <?php endif; ?>
                 </span>
             <?php endif; ?>
         </div>
@@ -211,8 +258,13 @@ CSS
         <?= $form->errorSummary($model, ['showAllErrors' => true]) ?>
 
         <div class="panel panel-default" style="margin-bottom:12px;">
-            <div class="panel-heading"><strong><?= Yii::t('AnimalManagementModule.base', 'Progress Update') ?></strong></div>
-            <div class="panel-body" style="padding-bottom:8px;">
+            <div class="panel-heading">
+                <a data-toggle="collapse" href="#edit-progress-section-update" aria-expanded="true" aria-controls="edit-progress-section-update">
+                    <strong><?= Yii::t('AnimalManagementModule.base', 'Progress Update') ?></strong>
+                </a>
+            </div>
+            <div id="edit-progress-section-update" class="panel-collapse collapse in" aria-expanded="true">
+                <div class="panel-body" style="padding-bottom:8px;">
                 <div class="row">
                     <div class="col-sm-4"><?= $form->field($model, 'weight') ?></div>
                     <div class="col-sm-8"><?= $form->field($model, 'vitals')->textInput(['maxlength' => 255]) ?></div>
@@ -221,31 +273,49 @@ CSS
                     <div class="col-sm-6"><?= $form->field($model, 'meal_plan_changes')->textarea(['rows' => 2]) ?></div>
                     <div class="col-sm-6"><?= $form->field($model, 'housing_changes')->textarea(['rows' => 2]) ?></div>
                 </div>
+                </div>
             </div>
         </div>
 
         <div class="panel panel-default" style="margin-bottom:12px;">
-            <div class="panel-heading"><strong><?= Yii::t('AnimalManagementModule.base', 'Notes') ?></strong></div>
-            <div class="panel-body" style="padding-bottom:8px;">
+            <div class="panel-heading">
+                <a data-toggle="collapse" href="#edit-progress-section-notes" aria-expanded="true" aria-controls="edit-progress-section-notes">
+                    <strong><?= Yii::t('AnimalManagementModule.base', 'Notes') ?></strong>
+                </a>
+            </div>
+            <div id="edit-progress-section-notes" class="panel-collapse collapse in" aria-expanded="true">
+                <div class="panel-body" style="padding-bottom:8px;">
                 <?= $renderCustomField('progress_notes', $model, $customDefinitions) ?>
                 <?= $renderCustomField('routine_updates', $model, $customDefinitions) ?>
+                </div>
             </div>
         </div>
 
         <?php if (!empty($otherCustomDefinitions)): ?>
             <div class="panel panel-default" style="margin-bottom:12px;">
-                <div class="panel-heading"><strong><?= Yii::t('AnimalManagementModule.base', 'Additional Details') ?></strong></div>
-                <div class="panel-body" style="padding-bottom:8px;">
+                <div class="panel-heading">
+                    <a data-toggle="collapse" href="#edit-progress-section-additional" aria-expanded="true" aria-controls="edit-progress-section-additional">
+                        <strong><?= Yii::t('AnimalManagementModule.base', 'Additional Details') ?></strong>
+                    </a>
+                </div>
+                <div id="edit-progress-section-additional" class="panel-collapse collapse in" aria-expanded="true">
+                    <div class="panel-body" style="padding-bottom:8px;">
                     <?php foreach ($otherCustomDefinitions as $fieldKey => $definition): ?>
                         <?= $renderCustomField($fieldKey, $model, $otherCustomDefinitions) ?>
                     <?php endforeach; ?>
+                    </div>
                 </div>
             </div>
         <?php endif; ?>
 
         <div class="panel panel-default" style="margin-bottom:12px;">
-            <div class="panel-heading"><strong><?= Yii::t('AnimalManagementModule.base', 'Media') ?></strong></div>
-            <div class="panel-body" style="padding-bottom:8px;">
+            <div class="panel-heading">
+                <a data-toggle="collapse" href="#edit-progress-section-media" aria-expanded="true" aria-controls="edit-progress-section-media">
+                    <strong><?= Yii::t('AnimalManagementModule.base', 'Media') ?></strong>
+                </a>
+            </div>
+            <div id="edit-progress-section-media" class="panel-collapse collapse in" aria-expanded="true">
+                <div class="panel-body" style="padding-bottom:8px;">
                 <input type="hidden" id="progress-media-gallery-path" name="progressMediaGalleryPath" value="<?= Html::encode($currentMediaReference) ?>">
                 <div class="row">
                     <div class="col-sm-4" style="margin-bottom:8px;">
@@ -270,6 +340,7 @@ CSS
                         </div>
                     </div>
                 </div>
+                </div>
             </div>
         </div>
 
@@ -314,13 +385,7 @@ CSS
         </div>
 
         <?= Button::save(Yii::t('AnimalManagementModule.base', 'Save Progress Update'))->submit() ?>
-        <?php if ($isInline): ?>
-            <?= Html::button(Yii::t('AnimalManagementModule.base', 'Cancel'), [
-                'type' => 'button',
-                'class' => 'btn btn-default',
-                'id' => 'progress-inline-cancel',
-            ]) ?>
-        <?php else: ?>
+        <?php if (!$isInline): ?>
             <?= Button::asLink(Yii::t('AnimalManagementModule.base', 'Cancel'))
                 ->link(($returnTo ?? 'view') === 'progress-updates'
                     ? $space->createUrl('/animal_management/animals/progress-updates', ['id' => $animal->id])
@@ -413,11 +478,32 @@ if ($isInline) {
     ]);
 
     $this->registerJs(<<<JS
-$(document).on('click', '#progress-inline-cancel, #progress-inline-cancel-icon', function() {
-    if (window.parent && window.parent !== window) {
-        window.parent.postMessage($cancelPayload, '*');
+(function() {
+    function postInlineCancel() {
+        if (window.parent && window.parent !== window) {
+            window.parent.postMessage($cancelPayload, '*');
+        }
     }
-});
+
+    if (window.jQuery) {
+        window.jQuery(document).on('click', '#progress-inline-cancel, #progress-inline-cancel-icon', function() {
+            postInlineCancel();
+        });
+    }
+
+    document.addEventListener('click', function(event) {
+        var target = event.target;
+        if (!target || !target.closest) {
+            return;
+        }
+
+        if (!target.closest('#progress-inline-cancel, #progress-inline-cancel-icon')) {
+            return;
+        }
+
+        postInlineCancel();
+    }, false);
+})();
 JS
     , \yii\web\View::POS_END);
 }
diff --git a/views/animals/index.php b/views/animals/index.php
index 83e3d9f..2dd1f0e 100644
--- a/views/animals/index.php
+++ b/views/animals/index.php
@@ -23,11 +23,14 @@ use yii\helpers\Html;
 /* @var array<int, AnimalMedicalVisit> $latestMedicalVisitByAnimal */
 /* @var array<int, string> $animalImageUrls */
 /* @var array<int, string> $transferAnimalImageUrls */
+/* @var array<int, mixed> $animalDonationGoalsByAnimal */
 /* @var array $tileFields */
 /* @var array<int, array> $tileFieldOverrides */
 /* @var Space $space */
 /* @var bool $canManage */
 
+$isTabletFocusMode = ($viewMode === 'tablet') && ((string)Yii::$app->request->get('focus', '') === '1');
+
 $currentParams = [
     'q' => $queryValue,
     'status' => $statusFilter,
@@ -40,6 +43,13 @@ $currentParams = [
 
 $buildUrl = static function (array $overrides) use ($space, $currentParams): string {
     $params = array_merge($currentParams, $overrides);
+
+    if (($params['view'] ?? '') !== 'tablet') {
+        unset($params['focus']);
+    } elseif (($params['focus'] ?? '') !== '1') {
+        unset($params['focus']);
+    }
+
     return $space->createUrl('/animal_management/animals/index', $params);
 };
 
@@ -47,16 +57,70 @@ $sortUrl = static function (string $column) use ($buildUrl, $sortKey, $sortDirec
     $nextDirection = ($sortKey === $column && $sortDirection === 'asc') ? 'desc' : 'asc';
     return $buildUrl(['sort' => $column, 'direction' => $nextDirection, 'view' => 'table']);
 };
+
+$showDonationSettingsLinks = $canManage && $space->moduleManager->isEnabled('donations');
 ?>
 
-<div class="panel panel-default">
+<?php if ($isTabletFocusMode): ?>
+    <style>
+        html,
+        body {
+            overflow: hidden !important;
+        }
+
+        #animals-index-panel.animal-focus-overlay {
+            position: fixed !important;
+            top: 0;
+            right: 0;
+            bottom: 0;
+            left: 0;
+            z-index: 9999;
+            margin: 0 !important;
+            border-radius: 0 !important;
+            border: 0 !important;
+            width: 100vw !important;
+            max-width: 100vw !important;
+            height: 100vh !important;
+            display: flex;
+            flex-direction: column;
+            background: #fff;
+        }
+
+        #animals-index-panel.animal-focus-overlay .panel-heading {
+            flex: 0 0 auto;
+        }
+
+        #animals-index-panel.animal-focus-overlay .panel-body {
+            flex: 1 1 auto;
+            overflow-y: auto;
+            -webkit-overflow-scrolling: touch;
+        }
+    </style>
+<?php endif; ?>
+
+<div id="animals-index-panel" class="panel panel-default<?= $isTabletFocusMode ? ' animal-focus-overlay' : '' ?>">
     <div class="panel-heading" style="display:flex;justify-content:space-between;align-items:center;">
         <span><?= Yii::t('AnimalManagementModule.base', '<strong>Animals</strong>') ?></span>
         <span style="display:flex;gap:8px;flex-wrap:wrap;align-items:center;">
-            <?= Html::a('<i class="fa fa-th-large"></i>', $buildUrl(['view' => 'tiles']), [
+            <?= Html::a('<i class="fa fa-tablet"></i>', $buildUrl(['view' => 'tablet', 'focus' => '1']), [
+                'class' => 'btn btn-default btn-sm' . ($viewMode === 'tablet' ? ' active' : ''),
+                'title' => Yii::t('AnimalManagementModule.base', 'Tablet View'),
+                'aria-label' => Yii::t('AnimalManagementModule.base', 'Tablet View'),
+            ]) ?>
+            <?= Html::a('<i class="fa fa-bars"></i>', $buildUrl(['view' => 'rows']), [
+                'class' => 'btn btn-default btn-sm' . ($viewMode === 'rows' ? ' active' : ''),
+                'title' => Yii::t('AnimalManagementModule.base', 'Row View'),
+                'aria-label' => Yii::t('AnimalManagementModule.base', 'Row View'),
+            ]) ?>
+            <?= Html::a('<i class="fa fa-columns"></i>', $buildUrl(['view' => 'tiles2']), [
+                'class' => 'btn btn-default btn-sm' . ($viewMode === 'tiles2' ? ' active' : ''),
+                'title' => Yii::t('AnimalManagementModule.base', '2-Column View'),
+                'aria-label' => Yii::t('AnimalManagementModule.base', '2-Column View'),
+            ]) ?>
+            <?= Html::a('<i class="fa fa-th"></i>', $buildUrl(['view' => 'tiles']), [
                 'class' => 'btn btn-default btn-sm' . ($viewMode === 'tiles' ? ' active' : ''),
-                'title' => Yii::t('AnimalManagementModule.base', 'Tile View'),
-                'aria-label' => Yii::t('AnimalManagementModule.base', 'Tile View'),
+                'title' => Yii::t('AnimalManagementModule.base', '3-Column View'),
+                'aria-label' => Yii::t('AnimalManagementModule.base', '3-Column View'),
             ]) ?>
             <?= Html::a('<i class="fa fa-table"></i>', $buildUrl(['view' => 'table']), [
                 'class' => 'btn btn-default btn-sm' . ($viewMode === 'table' ? ' active' : ''),
@@ -76,6 +140,9 @@ $sortUrl = static function (string $column) use ($buildUrl, $sortKey, $sortDirec
     <div class="panel-body">
         <form method="get" action="<?= Html::encode($space->createUrl('/animal_management/animals/index')) ?>" class="form-inline" style="margin-bottom:12px;display:flex;gap:8px;flex-wrap:wrap;">
             <input type="hidden" name="view" value="<?= Html::encode($viewMode) ?>">
+            <?php if ($isTabletFocusMode): ?>
+                <input type="hidden" name="focus" value="1">
+            <?php endif; ?>
             <input type="hidden" name="sort" value="<?= Html::encode($sortKey) ?>">
             <input type="hidden" name="direction" value="<?= Html::encode($sortDirection) ?>">
             <?php foreach ($selectedColumns as $col): ?>
@@ -125,12 +192,22 @@ $sortUrl = static function (string $column) use ($buildUrl, $sortKey, $sortDirec
                 <?= Yii::t('AnimalManagementModule.base', 'No animal profiles yet. Create the first intake record to begin tracking.') ?>
             </div>
         <?php else: ?>
-            <?php if ($viewMode === 'tiles'): ?>
+            <?php if ($viewMode !== 'table'): ?>
+                <?php
+                    $tileColumnClass = 'col-xs-12 col-sm-6 col-md-4';
+                    if ($viewMode === 'tiles2') {
+                        $tileColumnClass = 'col-xs-12 col-sm-6';
+                    } elseif ($viewMode === 'rows') {
+                        $tileColumnClass = 'col-xs-12';
+                    } elseif ($viewMode === 'tablet') {
+                        $tileColumnClass = 'col-xs-12';
+                    }
+                ?>
                 <div class="row">
                     <?php foreach ($animals as $animal): ?>
                         <?php $animalId = (int)$animal->id; ?>
                         <?php $lastMedical = $latestMedicalVisitByAnimal[$animalId] ?? null; ?>
-                        <div class="col-sm-6 col-md-4" style="margin-bottom:16px;">
+                        <div class="<?= Html::encode($tileColumnClass) ?>" style="margin-bottom:16px;">
                             <?= $this->render('_tile', [
                                 'animal' => $animal,
                                 'contentContainer' => $space,
@@ -138,6 +215,9 @@ $sortUrl = static function (string $column) use ($buildUrl, $sortKey, $sortDirec
                                 'imageUrl' => $animalImageUrls[$animalId] ?? '',
                                 'tileFields' => $tileFieldOverrides[$animalId] ?? $tileFields,
                                 'showMedicalIcon' => true,
+                                'showDonationSettingsButton' => $showDonationSettingsLinks,
+                                'existingDonationGoal' => $animalDonationGoalsByAnimal[$animalId] ?? null,
+                                'tileLayoutMode' => $viewMode,
                             ]) ?>
                         </div>
                     <?php endforeach; ?>
@@ -205,6 +285,13 @@ $sortUrl = static function (string $column) use ($buildUrl, $sortKey, $sortDirec
                                         ->link($space->createUrl('/animal_management/animals/medical-visits', ['id' => $animal->id])) ?>
                                     <?= Button::asLink(Yii::t('AnimalManagementModule.base', 'Progress'))
                                         ->link($space->createUrl('/animal_management/animals/progress-updates', ['id' => $animal->id])) ?>
+                                    <?php if ($showDonationSettingsLinks): ?>
+                                        <?= Button::asLink(Yii::t('AnimalManagementModule.base', 'Donations'))
+                                            ->link($space->createUrl('/donations/settings', [
+                                                'goalType' => 'animal',
+                                                'targetAnimalId' => (int)$animal->id,
+                                            ])) ?>
+                                    <?php endif; ?>
                                     <?php if ($canManage): ?>
                                         <?= Button::asLink(Yii::t('AnimalManagementModule.base', 'Edit'))
                                             ->link($space->createUrl('/animal_management/animals/edit', ['id' => $animal->id])) ?>
@@ -223,10 +310,11 @@ $sortUrl = static function (string $column) use ($buildUrl, $sortKey, $sortDirec
         <?php if ($canManage): ?>
             <hr>
 
-            <h4 id="incoming-transfers" style="margin-top:0;"><?= Yii::t('AnimalManagementModule.base', 'Incoming Transfer Requests') ?></h4>
-            <?php if (empty($incomingTransfers)): ?>
-                <div class="text-muted" style="margin-bottom:12px;"><?= Yii::t('AnimalManagementModule.base', 'No incoming requests.') ?></div>
-            <?php else: ?>
+            <?php $incomingTransfersHeading = empty($incomingTransfers)
+                ? Yii::t('AnimalManagementModule.base', 'No Incoming Transfers')
+                : Yii::t('AnimalManagementModule.base', 'Incoming Transfer Requests'); ?>
+            <h4 id="incoming-transfers" style="margin-top:0;"><?= Html::encode($incomingTransfersHeading) ?></h4>
+            <?php if (!empty($incomingTransfers)): ?>
                 <div class="row" style="margin-bottom:4px;">
                     <?php foreach ($incomingTransfers as $transfer): ?>
                         <?php
diff --git a/views/animals/inline-edit-result.php b/views/animals/inline-edit-result.php
index 613f164..7b0e414 100644
--- a/views/animals/inline-edit-result.php
+++ b/views/animals/inline-edit-result.php
@@ -15,7 +15,7 @@ $payload = [
 $jsonPayload = json_encode($payload, JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE);
 ?>
 
-<div class="panel panel-success" style="margin:10px;">
+<div class="panel panel-success" data-animal-inline-result="saved" data-animal-inline-collapse-id="<?= Html::encode((string)$collapseId) ?>" style="margin:10px;">
     <div class="panel-body" style="padding:12px;">
         <?= Html::encode(Yii::t('AnimalManagementModule.base', 'Saved. Updating section...')) ?>
     </div>
@@ -25,8 +25,59 @@ $jsonPayload = json_encode($payload, JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNI
 $this->registerJs(<<<JS
 (function() {
     var payload = {$jsonPayload};
+
+    function triggerChange(element) {
+        if (!element) {
+            return;
+        }
+
+        var event;
+        if (typeof Event === 'function') {
+            event = new Event('change', { bubbles: true });
+        } else {
+            event = document.createEvent('Event');
+            event.initEvent('change', true, true);
+        }
+        element.dispatchEvent(event);
+    }
+
+    function closeByFrameContext() {
+        if (!window.parent || window.parent === window) {
+            return;
+        }
+
+        var frameElement = window.frameElement;
+        if (!frameElement || !frameElement.parentElement) {
+            return;
+        }
+
+        var closeControl = frameElement.parentElement.querySelector('.animal-tile-inline-iframe-close[for]');
+        if (!closeControl) {
+            return;
+        }
+
+        var targetId = String(closeControl.getAttribute('for') || '');
+        if (!targetId) {
+            return;
+        }
+
+        var targetElement = window.parent.document.getElementById(targetId);
+        if (!targetElement) {
+            return;
+        }
+
+        if ((targetElement.type || '').toLowerCase() === 'radio') {
+            targetElement.checked = true;
+        } else {
+            targetElement.checked = false;
+        }
+
+        triggerChange(targetElement);
+    }
+
     if (window.parent && window.parent !== window) {
         window.parent.postMessage(payload, '*');
+        closeByFrameContext();
     }
 })();
 JS
diff --git a/views/animals/transfer.php b/views/animals/transfer.php
index 174f7cf..b101b50 100644
--- a/views/animals/transfer.php
+++ b/views/animals/transfer.php
@@ -5,27 +5,205 @@ use humhub\modules\animal_management\models\forms\TransferRequestForm;
 use humhub\modules\space\models\Space;
 use humhub\widgets\Button;
 use yii\bootstrap\ActiveForm;
+use yii\helpers\Json;
 
 /* @var Space $space */
 /* @var Animal $animal */
 /* @var TransferRequestForm $model */
+/* @var bool $isInline */
+/* @var string $returnTo */
+
+$isInline = isset($isInline) ? (bool)$isInline : false;
+$showTopCancel = (string)Yii::$app->request->get('showTopCancel', '0') === '1';
+$returnTo = (string)($returnTo ?? 'view');
+$transferFormId = 'animal-transfer-request-form';
+
+$this->registerCss(<<<CSS
+.animal-transfer-inline-shell.panel {
+    position: relative;
+    overflow: hidden;
+    border: 1px solid rgba(255, 255, 255, 0.22);
+    border-radius: 12px;
+    background: rgba(10, 18, 28, 0.36);
+}
+
+.animal-transfer-inline-shell > .panel-body {
+    position: relative;
+    z-index: 1;
+    background: rgba(10, 18, 28, 0.2);
+}
+
+.animal-transfer-inline-shell,
+.animal-transfer-inline-shell .panel-body,
+.animal-transfer-inline-shell .panel-heading,
+.animal-transfer-inline-shell .control-label,
+.animal-transfer-inline-shell .help-block {
+    color: #eef5fb;
+}
+
+.animal-transfer-inline-shell .panel-heading {
+    background: rgba(15, 23, 42, 0.4);
+    border-color: rgba(255, 255, 255, 0.22);
+    margin-left: 20px;
+    margin-bottom: 20px;
+    padding: 10px 20px;
+    max-width: fit-content;
+    border-radius: 10px;
+}
+
+.animal-transfer-inline-shell .panel-heading strong {
+    color: #f8fafc;
+}
+
+.animal-transfer-inline-shell .form-control {
+    background: rgba(10, 18, 28, 0.56);
+    border-color: rgba(255, 255, 255, 0.44);
+    color: #f3f8ff;
+}
+
+.animal-transfer-inline-shell .form-control::placeholder {
+    color: rgba(243, 248, 255, 0.72);
+}
+
+.animal-transfer-inline-shell select.form-control option {
+    color: #0f1b2a;
+}
+
+.animal-transfer-inline-shell .animal-inline-top-save-action {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 26px;
+    height: 26px;
+    padding: 0;
+    border-radius: 999px;
+    border: 1px solid rgba(255, 255, 255, 0.36);
+    background: rgba(15, 23, 42, 0.72);
+    color: #f8fafc;
+    cursor: pointer;
+    line-height: 1;
+    font-size: 12px;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
+}
+
+.animal-transfer-inline-shell .animal-inline-top-save-action:hover,
+.animal-transfer-inline-shell .animal-inline-top-save-action:focus {
+    background: rgba(30, 41, 59, 0.86);
+    border-color: rgba(255, 255, 255, 0.5);
+    color: #f8fafc;
+    outline: none;
+}
+CSS
+);
+
+if ($isInline) {
+    $this->registerCss(<<<CSS
+html, body {
+    margin: 0 !important;
+    padding: 0 !important;
+    background: transparent !important;
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+}
+
+html::-webkit-scrollbar, body::-webkit-scrollbar {
+    width: 0;
+    height: 0;
+}
+
+body > .panel:first-child {
+    margin-top: 0 !important;
+}
+CSS
+    );
+}
 ?>
 
-<div class="panel panel-default">
+<div class="panel panel-default animal-transfer-inline-shell">
+    <?php if ($isInline): ?>
+        <div class="animal-inline-top-actions" style="display:flex;justify-content:flex-end;gap:8px;margin:8px 38px 6px 0;">
+            <?= \yii\helpers\Html::submitButton('<i class="fa fa-check"></i>', [
+                'class' => 'animal-inline-top-save-action',
+                'title' => Yii::t('AnimalManagementModule.base', 'Send Request'),
+                'form' => $transferFormId,
+            ]) ?>
+            <?php if ($showTopCancel): ?>
+                <?= \yii\helpers\Html::button('<i class="fa fa-times"></i>', [
+                    'id' => 'transfer-inline-add-cancel-icon',
+                    'class' => 'animal-inline-top-save-action',
+                    'title' => Yii::t('AnimalManagementModule.base', 'Cancel'),
+                    'type' => 'button',
+                ]) ?>
+            <?php endif; ?>
+        </div>
+    <?php endif; ?>
+
     <div class="panel-heading">
         <?= Yii::t('AnimalManagementModule.base', '<strong>Transfer Request</strong> for {animal}', ['animal' => $animal->getDisplayName()]) ?>
     </div>
     <div class="panel-body">
-        <?php $form = ActiveForm::begin(); ?>
+        <?php
+        $formOptions = ['id' => $transferFormId];
+        if (!$isInline) {
+            $formOptions['target'] = '_top';
+        }
+        $form = ActiveForm::begin(['options' => $formOptions]);
+        ?>
+
+        <?= \yii\helpers\Html::hiddenInput('returnTo', $returnTo) ?>
+
+        <?= $form->errorSummary($model, ['showAllErrors' => true]) ?>
 
         <?= $form->field($model, 'to_space_id')->dropDownList($model->getTargetOptions(), ['prompt' => Yii::t('AnimalManagementModule.base', 'Select destination rescue')]) ?>
         <?= $form->field($model, 'request_message')->textarea(['rows' => 4]) ?>
         <?= $form->field($model, 'conditions_text')->textarea(['rows' => 3]) ?>
 
-        <?= Button::save(Yii::t('AnimalManagementModule.base', 'Send Request'))->submit() ?>
-        <?= Button::asLink(Yii::t('AnimalManagementModule.base', 'Cancel'))
-            ->link($space->createUrl('/animal_management/animals/index')) ?>
+        <?php if (!$isInline): ?>
+            <?= Button::save(Yii::t('AnimalManagementModule.base', 'Send Request'))->submit() ?>
+            <?= Button::asLink(Yii::t('AnimalManagementModule.base', 'Cancel'))
+                ->link($space->createUrl('/animal_management/animals/index')) ?>
+        <?php endif; ?>
 
         <?php ActiveForm::end(); ?>
     </div>
 </div>
+
+<?php
+if ($isInline) {
+    $cancelPayload = Json::htmlEncode([
+        'source' => 'animal-inline-editor',
+        'type' => 'cancel',
+        'collapseId' => 'transfer-add-inline',
+    ]);
+
+    $this->registerJs(<<<JS
+(function() {
+    function postInlineCancel() {
+        if (window.parent && window.parent !== window) {
+            window.parent.postMessage($cancelPayload, '*');
+        }
+    }
+
+    if (window.jQuery) {
+        window.jQuery(document).on('click', '#transfer-inline-add-cancel, #transfer-inline-add-cancel-icon', function() {
+            postInlineCancel();
+        });
+    }
+
+    document.addEventListener('click', function(event) {
+        var target = event.target;
+        if (!target || !target.closest) {
+            return;
+        }
+
+        if (!target.closest('#transfer-inline-add-cancel, #transfer-inline-add-cancel-icon')) {
+            return;
+        }
+
+        postInlineCancel();
+    }, false);
+})();
+JS
+    , \yii\web\View::POS_END);
+}
+?>
diff --git a/views/animals/view.php b/views/animals/view.php
index 0ba89a6..1bd7b64 100644
--- a/views/animals/view.php
+++ b/views/animals/view.php
@@ -7,9 +7,12 @@ use humhub\modules\animal_management\models\AnimalMedicalVisit;
 use humhub\modules\animal_management\models\AnimalProgressUpdate;
 use humhub\modules\animal_management\models\AnimalTransfer;
 use humhub\modules\animal_management\models\AnimalTransferEvent;
+use humhub\modules\animal_management\events\AnimalTileRenderEvent;
 use humhub\modules\gallery\assets\Assets as GalleryAssets;
 use humhub\modules\space\models\Space;
+use yii\base\Event;
 use yii\helpers\Html;
+use yii\helpers\Json;
 
 /* @var Space $space */
 /* @var Animal $animal */
@@ -21,13 +24,32 @@ use yii\helpers\Html;
 /* @var AnimalGalleryItem[] $galleryItems */
 /* @var array $customFieldValues */
 /* @var string $animalCoverImageUrl */
+/* @var string $animalProfileImageUrl */
 /* @var array $detailHeroFields */
+/* @var string $layoutMode */
 
 $openMedicalEditId = (int)Yii::$app->request->get('inlineMedicalEdit', 0);
 $openProgressEditId = (int)Yii::$app->request->get('inlineProgressEdit', 0);
 
+$layoutMode = isset($layoutMode) ? trim((string)$layoutMode) : 'default';
+$isTabletLayout = $layoutMode === 'tablet';
+
+$medicalVisitsUrl = $space->createUrl('/animal_management/animals/medical-visits', ['id' => (int)$animal->id]);
+$progressUpdatesUrl = $space->createUrl('/animal_management/animals/progress-updates', ['id' => (int)$animal->id]);
+$transferRequestUrl = $space->createUrl('/animal_management/animals/transfer', ['id' => (int)$animal->id]);
+$tabletBackUrl = $space->createUrl('/animal_management/animals/index', ['view' => 'tablet']);
+
+$transferById = [];
+foreach ($transfers as $transfer) {
+    if ($transfer instanceof AnimalTransfer) {
+        $transferById[(int)$transfer->id] = $transfer;
+    }
+}
+
 $coverImageUrl = trim((string)$animalCoverImageUrl);
+$profileImageUrl = trim((string)($animalProfileImageUrl ?? ''));
 $hasCoverImage = $coverImageUrl !== '' && (preg_match('/^https?:\/\//i', $coverImageUrl) || substr($coverImageUrl, 0, 1) === '/');
+$hasProfileImage = $profileImageUrl !== '' && (preg_match('/^https?:\/\//i', $profileImageUrl) || substr($profileImageUrl, 0, 1) === '/');
 $statusLabel = Animal::statusOptions()[$animal->status] ?? (string)$animal->status;
 
 $detailFieldMap = [
@@ -78,12 +100,112 @@ if (class_exists(GalleryAssets::class)) {
 }
 
 $uiGalleryId = 'animal-gallery-' . (int)$animal->id;
+
+$showDonationSettingsButton = $canManage && $space->moduleManager->isEnabled('donations');
+$existingDonationGoal = null;
+$profileTileOverlayAddonHtml = '';
+
+if ($space->moduleManager->isEnabled('donations')) {
+    $donationGoalClass = 'humhub\\modules\\donations\\models\\DonationGoal';
+    if (class_exists($donationGoalClass)
+        && Yii::$app->db->schema->getTableSchema($donationGoalClass::tableName(), true) !== null
+    ) {
+        $existingDonationGoal = $donationGoalClass::find()
+            ->where([
+                'contentcontainer_id' => (int)$space->contentcontainer_id,
+                'goal_type' => $donationGoalClass::TYPE_ANIMAL,
+                'target_animal_id' => (int)$animal->id,
+            ])
+            ->orderBy(['is_active' => SORT_DESC, 'id' => SORT_DESC])
+            ->one();
+    }
+}
+
+$profileDonationToggleInputId = 'animal-profile-donation-toggle-' . (int)$animal->id;
+$profileDonationInlineFormId = 'animal-profile-donation-inline-' . (int)$animal->id;
+$profileDonationFileFieldId = 'animal-profile-donation-image-file-' . (int)$animal->id;
+$profileDonationPreviewId = 'animal-profile-donation-image-preview-' . (int)$animal->id;
+$profileCreateInlineGoalUrl = $space->createUrl('/donations/settings/create-animal-goal-inline', [
+    'animalId' => (int)$animal->id,
+]);
+
+$profileGalleryUrls = [];
+foreach ($galleryItems as $galleryItem) {
+    if (!$galleryItem instanceof AnimalGalleryItem) {
+        continue;
+    }
+
+    $url = trim((string)$galleryItem->getImageUrl());
+    if ($url === '') {
+        continue;
+    }
+
+    $profileGalleryUrls[] = $url;
+}
+$profileGalleryUrls = array_slice($profileGalleryUrls, 0, 8);
+
+$profileDefaultGoalTitle = Yii::t('DonationsModule.base', '{animalName} Care Fund', [
+    'animalName' => (string)$animal->getDisplayName(),
+]);
+
+$profileExistingGoalId = is_object($existingDonationGoal) ? (int)($existingDonationGoal->id ?? 0) : 0;
+$profileExistingGoalTitle = trim((string)(is_object($existingDonationGoal) ? ($existingDonationGoal->title ?? '') : ''));
+$profileExistingGoalTargetAmount = is_object($existingDonationGoal) ? (float)($existingDonationGoal->target_amount ?? 0) : 0.0;
+$profileExistingGoalDescription = trim((string)(is_object($existingDonationGoal) ? ($existingDonationGoal->description ?? '') : ''));
+$profileExistingGoalImage = trim((string)(is_object($existingDonationGoal) ? ($existingDonationGoal->image_path ?? '') : ''));
+$profileExistingGoalActive = is_object($existingDonationGoal) ? (int)($existingDonationGoal->is_active ?? 1) : 1;
+
+if ($profileExistingGoalTitle === '') {
+    $profileExistingGoalTitle = $profileDefaultGoalTitle;
+}
+
+if (class_exists(AnimalTileRenderEvent::class) && $space->moduleManager->isEnabled('donations')) {
+    $profileTileRenderEvent = new AnimalTileRenderEvent([
+        'animal' => $animal,
+        'contentContainer' => $space,
+        'existingDonationGoal' => $existingDonationGoal,
+        'showDonationSettingsButton' => $showDonationSettingsButton,
+        'donationToggleInputId' => $profileDonationToggleInputId,
+        'donationInlineFormId' => $profileDonationInlineFormId,
+    ]);
+
+    Event::trigger(AnimalTileRenderEvent::class, AnimalTileRenderEvent::EVENT_RENDER_OVERLAY, $profileTileRenderEvent);
+    $profileTileOverlayAddonHtml = $profileTileRenderEvent->getHtml();
+}
+
+$profileInlineFormBackgroundStyle = 'padding:12px;border-top:1px solid #e6edf5;display:none;background:#fff;';
+if ($profileExistingGoalImage !== '') {
+    $profileInlineFormBackgroundStyle = 'padding:12px;border-top:1px solid #e6edf5;display:none;'
+        . 'background-image:linear-gradient(rgba(255,255,255,0.35),rgba(255,255,255,0.45)),url(' . Html::encode($profileExistingGoalImage) . ');'
+        . 'background-size:cover;background-position:center;';
+}
 ?>
 
-<div class="panel panel-default">
-    <div style="position:relative;min-height:320px;overflow:hidden;border-radius:12px;background:#dbe3eb;">
-        <?php if ($hasCoverImage): ?>
-            <img src="<?= Html::encode($coverImageUrl) ?>" alt="<?= Html::encode($animal->getDisplayName()) ?>" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;">
+<div class="panel panel-default<?= $isTabletLayout ? ' animal-tablet-layout' : '' ?>">
+    <?php if ($showDonationSettingsButton): ?>
+        <input
+            type="checkbox"
+            id="<?= Html::encode($profileDonationToggleInputId) ?>"
+            style="display:none;"
+            onchange="var f=document.getElementById('<?= Html::encode($profileDonationInlineFormId) ?>');if(f){f.style.display=this.checked?'block':'none';}"
+        >
+    <?php endif; ?>
+
+    <div id="animal-profile-hero-media" class="<?= ($hasCoverImage && $hasProfileImage) ? 'animal-hero-has-both-images' : '' ?>" style="position:relative;min-height:370px;overflow:hidden;border-radius:12px;background:#dbe3eb;">
+        <?php if ($isTabletLayout): ?>
+            <div style="position:absolute;top:12px;left:12px;z-index:3;">
+                <a href="<?= Html::encode($tabletBackUrl) ?>" class="btn btn-default btn-sm" style="border-radius:999px;background:rgba(255,255,255,0.92);border:0;">
+                    <i class="fa fa-chevron-left"></i> <?= Yii::t('AnimalManagementModule.base', 'Animals') ?>
+                </a>
+            </div>
+        <?php endif; ?>
+        <?php if ($hasCoverImage || $hasProfileImage): ?>
+            <?php if ($hasCoverImage): ?>
+                <img class="animal-hero-image-cover" src="<?= Html::encode($coverImageUrl) ?>" alt="<?= Html::encode($animal->getDisplayName()) ?>" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;">
+            <?php endif; ?>
+            <?php if ($hasProfileImage): ?>
+                <img class="animal-hero-image-profile" src="<?= Html::encode($profileImageUrl) ?>" alt="<?= Html::encode($animal->getDisplayName()) ?>" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;<?= $hasCoverImage ? 'display:none;' : '' ?>">
+            <?php endif; ?>
         <?php else: ?>
             <div style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#9aa5b1;">
                 <i class="fa fa-paw fa-4x"></i>
@@ -93,13 +215,13 @@ $uiGalleryId = 'animal-gallery-' . (int)$animal->id;
 
         <?php if ($canManage): ?>
             <div style="position:absolute;top:12px;right:12px;z-index:2;">
-                <a href="<?= Html::encode($space->createUrl('/animal_management/animals/edit', ['id' => $animal->id])) ?>" class="btn btn-default btn-sm" title="<?= Yii::t('AnimalManagementModule.base', 'Edit Profile') ?>" aria-label="<?= Yii::t('AnimalManagementModule.base', 'Edit Profile') ?>" style="border-radius:999px;background:rgba(255,255,255,0.92);border:0;">
+                <a href="<?= Html::encode($space->createUrl('/animal_management/animals/edit', ['id' => $animal->id])) ?>" class="btn btn-default btn-sm animal-profile-action-icon-btn" title="<?= Yii::t('AnimalManagementModule.base', 'Edit Profile') ?>" aria-label="<?= Yii::t('AnimalManagementModule.base', 'Edit Profile') ?>">
                     <i class="fa fa-pencil"></i>
                 </a>
             </div>
         <?php endif; ?>
 
-        <div style="position:absolute;left:14px;right:14px;bottom:14px;color:#fff;z-index:1;">
+        <div data-animal-tile-overlay-stack="1" style="position:absolute;left:14px;right:14px;bottom:14px;color:#fff;z-index:1;transition:top 150ms ease,bottom 150ms ease;">
             <div style="font-size:30px;line-height:1.1;font-weight:800;margin-bottom:8px;text-shadow:0 3px 10px rgba(0,0,0,0.45);">
                 <?= Html::encode($animal->getDisplayName()) ?>
             </div>
@@ -118,11 +240,239 @@ $uiGalleryId = 'animal-gallery-' . (int)$animal->id;
                     <?= nl2br(Html::encode((string)$animal->public_summary)) ?>
                 </div>
             <?php endif; ?>
+
+            <?php if ($profileTileOverlayAddonHtml !== ''): ?>
+                <div style="margin-top:10px;max-width:100%;pointer-events:auto;">
+                    <?= $profileTileOverlayAddonHtml ?>
+                </div>
+            <?php endif; ?>
         </div>
     </div>
+
+    <?php if ($showDonationSettingsButton): ?>
+        <div id="<?= Html::encode($profileDonationInlineFormId) ?>" style="<?= $profileInlineFormBackgroundStyle ?>">
+            <div style="background:rgba(255,255,255,0.28);padding:10px;border-radius:8px;backdrop-filter:blur(1.8px);">
+                <div style="font-weight:700;margin-bottom:8px;color:#1f2937;">
+                    <?= Yii::t('DonationsModule.base', 'Animal Donation Goal') ?>
+                </div>
+
+                <?= Html::beginForm($profileCreateInlineGoalUrl, 'post', [
+                    'enctype' => 'multipart/form-data',
+                    'style' => 'margin:0;',
+                ]) ?>
+                <?= Html::hiddenInput(Yii::$app->request->csrfParam, Yii::$app->request->getCsrfToken()) ?>
+                <?= Html::hiddenInput('DonationGoalForm[id]', $profileExistingGoalId) ?>
+                <?= Html::hiddenInput('DonationGoalForm[goal_type]', 'animal') ?>
+                <?= Html::hiddenInput('DonationGoalForm[target_animal_id]', (int)$animal->id) ?>
+                <?= Html::hiddenInput('DonationGoalForm[is_active]', $profileExistingGoalActive) ?>
+
+                <div class="form-group" style="margin-bottom:8px;">
+                    <label style="font-size:12px;font-weight:600;margin-bottom:4px;display:block;"><?= Yii::t('DonationsModule.base', 'Title') ?></label>
+                    <?= Html::textInput('DonationGoalForm[title]', $profileExistingGoalTitle, [
+                        'class' => 'form-control input-sm animal-profile-donation-inline-input',
+                        'maxlength' => 190,
+                        'required' => true,
+                    ]) ?>
+                </div>
+
+                <div class="form-group" style="margin-bottom:8px;">
+                    <label style="font-size:12px;font-weight:600;margin-bottom:4px;display:block;"><?= Yii::t('DonationsModule.base', 'Target') ?></label>
+                    <?= Html::input('number', 'DonationGoalForm[target_amount]', $profileExistingGoalTargetAmount > 0 ? (string)$profileExistingGoalTargetAmount : '', [
+                        'class' => 'form-control input-sm animal-profile-donation-inline-input',
+                        'step' => '0.01',
+                        'min' => '0',
+                        'required' => true,
+                    ]) ?>
+                </div>
+
+                <div class="form-group" style="margin-bottom:8px;">
+                    <label style="font-size:12px;font-weight:600;margin-bottom:4px;display:block;"><?= Yii::t('DonationsModule.base', 'Description') ?></label>
+                    <?= Html::textarea('DonationGoalForm[description]', $profileExistingGoalDescription, [
+                        'class' => 'form-control input-sm animal-profile-donation-inline-input',
+                        'rows' => 2,
+                    ]) ?>
+                </div>
+
+                <div class="form-group" style="margin-bottom:8px;">
+                    <label style="font-size:12px;font-weight:600;margin-bottom:6px;display:block;"><?= Yii::t('DonationsModule.base', 'Image') ?></label>
+                    <div id="<?= Html::encode($profileDonationPreviewId) ?>" class="text-muted" style="font-size:12px;margin-bottom:6px;">
+                        <?php if ($profileExistingGoalImage !== ''): ?>
+                            <img src="<?= Html::encode($profileExistingGoalImage) ?>" alt="" style="width:64px;height:64px;object-fit:cover;border-radius:3px;border:1px solid #d5deea;">
+                        <?php else: ?>
+                            <?= Yii::t('DonationsModule.base', 'No image selected.') ?>
+                        <?php endif; ?>
+                    </div>
+
+                    <?php if (!empty($profileGalleryUrls)): ?>
+                        <div class="animal-profile-donation-inline-gallery" style="display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;">
+                            <?php foreach ($profileGalleryUrls as $galleryIndex => $galleryUrl): ?>
+                                <?php $profileGalleryOptionId = 'animal-profile-donation-gallery-option-' . (int)$animal->id . '-' . (int)$galleryIndex; ?>
+                                <div style="position:relative;">
+                                    <input
+                                        type="radio"
+                                        class="animal-profile-donation-gallery-radio"
+                                        id="<?= Html::encode($profileGalleryOptionId) ?>"
+                                        name="DonationGoalForm[imageGalleryPath]"
+                                        value="<?= Html::encode($galleryUrl) ?>"
+                                        data-preview="#<?= Html::encode($profileDonationPreviewId) ?>"
+                                        data-editor-bg="#<?= Html::encode($profileDonationInlineFormId) ?>"
+                                        <?= $profileExistingGoalImage === $galleryUrl ? 'checked' : '' ?>
+                                    >
+                                    <label for="<?= Html::encode($profileGalleryOptionId) ?>" style="display:block;border:1px solid #d5deea;background:rgba(255,255,255,0.34);padding:3px;border-radius:4px;line-height:0;pointer-events:auto;cursor:pointer;">
+                                        <img src="<?= Html::encode($galleryUrl) ?>" alt="" style="width:56px;height:56px;object-fit:cover;border-radius:2px;">
+                                    </label>
+                                </div>
+                            <?php endforeach; ?>
+                        </div>
+                    <?php else: ?>
+                        <div class="text-muted" style="font-size:12px;margin-bottom:8px;">
+                            <?= Yii::t('DonationsModule.base', 'No gallery images found for this animal.') ?>
+                        </div>
+                    <?php endif; ?>
+
+                    <?= Html::fileInput('DonationGoalForm[imageFile]', null, [
+                        'id' => $profileDonationFileFieldId,
+                        'class' => 'form-control input-sm js-animal-profile-donation-upload animal-profile-donation-inline-input',
+                        'data-preview' => '#' . $profileDonationPreviewId,
+                        'data-editor-bg' => '#' . $profileDonationInlineFormId,
+                        'accept' => 'image/*',
+                    ]) ?>
+                </div>
+
+                <div style="display:flex;gap:8px;align-items:center;">
+                    <?= Html::submitButton($profileExistingGoalId > 0 ? Yii::t('DonationsModule.base', 'Update Goal') : Yii::t('DonationsModule.base', 'Save Goal'), ['class' => 'btn btn-primary btn-sm']) ?>
+                    <label for="<?= Html::encode($profileDonationToggleInputId) ?>" class="btn btn-default btn-sm" style="margin:0;">
+                        <?= Yii::t('DonationsModule.base', 'Cancel') ?>
+                    </label>
+                </div>
+                <?= Html::endForm() ?>
+            </div>
+        </div>
+    <?php endif; ?>
 </div>
 
 <?php
+if ($showDonationSettingsButton) {
+    $this->registerCss("#{$profileDonationToggleInputId}:checked ~ #{$profileDonationInlineFormId}{display:block !important;}");
+    $this->registerCss("#{$profileDonationInlineFormId} .animal-profile-donation-inline-input{background:rgba(255,255,255,0.34);border-color:rgba(165,178,195,0.72);color:#16202a;}\n"
+        . "#{$profileDonationInlineFormId} .animal-profile-donation-inline-input::placeholder{color:rgba(31,41,55,0.72);}\n"
+        . "#{$profileDonationInlineFormId} .animal-profile-donation-inline-gallery{background:rgba(255,255,255,0.16);padding:6px;border-radius:6px;pointer-events:auto;}\n"
+        . "#{$profileDonationInlineFormId} .animal-profile-donation-gallery-radio{position:absolute;opacity:0;pointer-events:none;}\n"
+        . "#{$profileDonationInlineFormId} .animal-profile-donation-gallery-radio:checked + label{border-color:#1f78c1 !important;box-shadow:0 0 0 2px rgba(31,120,193,0.32) !important;}");
+
+    $profileUploadPendingText = Json::htmlEncode(Yii::t('DonationsModule.base', 'Image will be uploaded with this goal.'));
+    $profileNoImageText = Json::htmlEncode(Yii::t('DonationsModule.base', 'No image selected.'));
+    $profileInlineJsNamespace = 'animalProfileDonationInlineToggle' . (int)$animal->id;
+
+    $this->registerJs(<<<JS
+(function() {
+    function syncProfileInlineEditor(toggleSelector, formSelector) {
+        var toggle = $(toggleSelector);
+        var form = $(formSelector);
+        if (!toggle.length || !form.length) {
+            return;
+        }
+
+        form.css('display', toggle.is(':checked') ? 'block' : 'none');
+    }
+
+    function setProfileEditorBackground(editorSelector, imageUrl) {
+        if (!editorSelector) {
+            return;
+        }
+
+        var editor = $(editorSelector);
+        if (!editor.length) {
+            return;
+        }
+
+        if (imageUrl) {
+            editor.css('background-image', 'linear-gradient(rgba(255,255,255,0.35),rgba(255,255,255,0.45)),url(' + imageUrl + ')');
+            editor.css('background-size', 'cover');
+            editor.css('background-position', 'center');
+        } else {
+            editor.css('background-image', 'none');
+            editor.css('background-color', '#fff');
+        }
+    }
+
+    function setProfilePreview(previewSelector, imageUrl) {
+        var preview = $(previewSelector);
+        if (!preview.length) {
+            return;
+        }
+
+        if (!imageUrl) {
+            preview.text($profileNoImageText);
+            return;
+        }
+
+        preview.html('<img src="' + $('<div/>').text(imageUrl).html() + '" alt="" style="width:64px;height:64px;object-fit:cover;border-radius:3px;border:1px solid #d5deea;">');
+    }
+
+    var profileInlineToggleSelector = '#$profileDonationToggleInputId';
+    var profileInlineFormSelector = '#$profileDonationInlineFormId';
+
+    syncProfileInlineEditor(profileInlineToggleSelector, profileInlineFormSelector);
+
+    $(document).off('change.$profileInlineJsNamespace').on('change.$profileInlineJsNamespace', profileInlineToggleSelector, function() {
+        syncProfileInlineEditor(profileInlineToggleSelector, profileInlineFormSelector);
+    });
+
+    $(document).off('change.animalProfileDonationGallery').on('change.animalProfileDonationGallery', '.animal-profile-donation-gallery-radio', function() {
+        var radio = $(this);
+        if (!radio.is(':checked')) {
+            return;
+        }
+
+        var previewSelector = radio.data('preview');
+        var editorSelector = radio.data('editor-bg');
+        var url = radio.val() || '';
+
+        setProfilePreview(previewSelector, url);
+        setProfileEditorBackground(editorSelector, url);
+    });
+
+    $(document).off('change.animalProfileDonationUpload').on('change.animalProfileDonationUpload', '.js-animal-profile-donation-upload', function() {
+        var previewSelector = $(this).data('preview');
+        var editorSelector = $(this).data('editor-bg');
+        if (!previewSelector) {
+            return;
+        }
+
+        var form = $(this).closest('form');
+        form.find('.animal-profile-donation-gallery-radio').prop('checked', false);
+
+        var previousObjectUrl = $(this).data('object-url') || '';
+        if (previousObjectUrl && window.URL && window.URL.revokeObjectURL) {
+            window.URL.revokeObjectURL(previousObjectUrl);
+        }
+
+        if (this.files && this.files.length > 0) {
+            var objectUrl = '';
+            if (window.URL && window.URL.createObjectURL) {
+                objectUrl = window.URL.createObjectURL(this.files[0]);
+                $(this).data('object-url', objectUrl);
+            }
+
+            if (objectUrl) {
+                setProfilePreview(previewSelector, objectUrl);
+                setProfileEditorBackground(editorSelector, objectUrl);
+            } else {
+                $(previewSelector).text($profileUploadPendingText);
+            }
+        } else {
+            $(this).data('object-url', '');
+            var selectedRadio = form.find('.animal-profile-donation-gallery-radio:checked').first();
+            var fallbackUrl = selectedRadio.length ? (selectedRadio.val() || '') : '';
+            setProfilePreview(previewSelector, fallbackUrl);
+            setProfileEditorBackground(editorSelector, fallbackUrl);
+        }
+    });
+})();
+JS, \yii\web\View::POS_READY, 'animal-profile-donation-inline-' . (int)$animal->id);
+}
+
 $this->registerJs(<<<'JS'
 (function() {
     function getCsrfPayload() {
@@ -209,9 +559,29 @@ $this->registerJs(<<<'JS'
     $(document)
         .off('shown.bs.collapse.animalInlineScroll', '.animal-inline-editor')
         .on('shown.bs.collapse.animalInlineScroll', '.animal-inline-editor', function() {
+            var $content = $(this).closest('.animal-feed-content');
+            if ($content.length) {
+                $content.addClass('animal-feed-editing');
+            }
             scrollInlineEditorIntoView(this);
         });
 
+    $(document)
+        .off('hidden.bs.collapse.animalInlineScroll', '.animal-inline-editor')
+        .on('hidden.bs.collapse.animalInlineScroll', '.animal-inline-editor', function() {
+            var $content = $(this).closest('.animal-feed-content');
+            if ($content.length) {
+                $content.removeClass('animal-feed-editing');
+            }
+        });
+
+    $('.animal-inline-editor.in').each(function() {
+        var $content = $(this).closest('.animal-feed-content');
+        if ($content.length) {
+            $content.addClass('animal-feed-editing');
+        }
+    });
+
     $(document).on('submit', '#animal-gallery-upload', function(event) {
         event.preventDefault();
         var form = this;
@@ -260,14 +630,15 @@ $this->registerJs(<<<'JS'
 })();
 JS
 , \yii\web\View::POS_END);
+
 ?>
 
-<div class="panel panel-default" id="animal-gallery-panel">
+<div class="panel panel-default animal-inline-source-panel" id="animal-gallery-panel" data-inline-panel="gallery" data-inline-title="<?= Html::encode(Yii::t('AnimalManagementModule.base', 'Gallery')) ?>">
     <div class="panel-heading" style="display:flex;justify-content:space-between;align-items:center;gap:8px;">
         <span><?= Yii::t('AnimalManagementModule.base', '<strong>Gallery</strong>') ?></span>
         <?php if ($canManage): ?>
             <?= Html::a('<i class="fa fa-plus"></i> ' . Yii::t('AnimalManagementModule.base', 'Add'), '#animal-gallery-manage-modal', [
-                'class' => 'btn btn-xs btn-success',
+                'class' => 'btn btn-xs animal-profile-action-pill',
                 'title' => Yii::t('AnimalManagementModule.base', 'Upload Gallery Images'),
                 'aria-label' => Yii::t('AnimalManagementModule.base', 'Upload Gallery Images'),
                 'data-toggle' => 'modal',
@@ -298,9 +669,8 @@ JS
                             </a>
                             <?php if ($canManage): ?>
                                 <div style="position:absolute;top:8px;right:8px;">
-                                    <?= Html::a('<i class="fa fa-trash"></i>', $space->createUrl('/animal_management/animals/remove-gallery-image', ['id' => $animal->id, 'galleryId' => $galleryItem->id]), [
-                                        'class' => 'btn btn-xs btn-default js-ajax-gallery-remove',
-                                        'style' => 'background:rgba(255,255,255,0.92);border:0;',
+                                    <?= Html::a('<i class="fa fa-times"></i>', $space->createUrl('/animal_management/animals/remove-gallery-image', ['id' => $animal->id, 'galleryId' => $galleryItem->id]), [
+                                        'class' => 'btn btn-xs btn-default js-ajax-gallery-remove animal-profile-action-icon-btn',
                                         'title' => Yii::t('AnimalManagementModule.base', 'Remove Image'),
                                         'aria-label' => Yii::t('AnimalManagementModule.base', 'Remove Image'),
                                         'data-confirm-message' => Yii::t('AnimalManagementModule.base', 'Remove this image from the gallery?'),
@@ -353,7 +723,87 @@ JS
     </div>
 <?php endif; ?>
 
+<?php
+$profileDonationInlineFormIdJson = Json::htmlEncode((string)$profileDonationInlineFormId);
+$this->registerJs(<<<JS
+(function animalProfileHeroHeightFix() {
+    var inlineFormId = {$profileDonationInlineFormIdJson};
+
+    function syncAnimalProfileHeroHeight() {
+        var hero = document.getElementById('animal-profile-hero-media');
+        if (!hero) {
+            return;
+        }
+
+        var overlayStack = hero.querySelector('[data-animal-tile-overlay-stack="1"]');
+        if (!overlayStack) {
+            return;
+        }
+
+        var inlineForm = document.getElementById(inlineFormId);
+        var requiredHeight = Math.max(370, overlayStack.scrollHeight + 68);
+        if (inlineForm && inlineForm.offsetParent !== null) {
+            requiredHeight = Math.max(requiredHeight, 370 + inlineForm.scrollHeight + 24);
+        }
+
+        hero.style.minHeight = requiredHeight + 'px';
+    }
+
+    function applyFixes() {
+        syncAnimalProfileHeroHeight();
+    }
+
+    applyFixes();
+    window.setTimeout(syncAnimalProfileHeroHeight, 50);
+    window.setTimeout(syncAnimalProfileHeroHeight, 300);
+    window.setTimeout(syncAnimalProfileHeroHeight, 900);
+
+    var attempts = 0;
+    var retryTimer = window.setInterval(function () {
+        attempts += 1;
+        applyFixes();
+        if (attempts >= 20) {
+            window.clearInterval(retryTimer);
+        }
+    }, 250);
+
+    window.addEventListener('resize', syncAnimalProfileHeroHeight);
+
+    if (window.ResizeObserver) {
+        var hero = document.getElementById('animal-profile-hero-media');
+        var overlayStack = hero ? hero.querySelector('[data-animal-tile-overlay-stack="1"]') : null;
+        if (overlayStack) {
+            var observer = new ResizeObserver(syncAnimalProfileHeroHeight);
+            observer.observe(overlayStack);
+        }
+    }
+
+    var inlineForm = document.getElementById(inlineFormId);
+    if (inlineForm && window.MutationObserver) {
+        var mutationObserver = new MutationObserver(syncAnimalProfileHeroHeight);
+        mutationObserver.observe(inlineForm, { attributes: true, childList: true, subtree: true });
+    }
+
+    var iframes = document.querySelectorAll('iframe');
+    for (var i = 0; i < iframes.length; i++) {
+        iframes[i].addEventListener('load', syncAnimalProfileHeroHeight);
+    }
+})();
+JS
+, \yii\web\View::POS_READY, 'animal-profile-hero-height-' . (int)$animal->id);
+?>
+
 <style>
+    <?php if ($showDonationSettingsButton): ?>
+    #animal-profile-hero-media {
+        min-height: 370px !important;
+    }
+
+    #<?= Html::encode($profileDonationToggleInputId) ?>:checked ~ #animal-profile-hero-media {
+        min-height: 370px !important;
+    }
+    <?php endif; ?>
+
     .animal-feed-card {
         position: relative;
         overflow: hidden;
@@ -420,6 +870,10 @@ JS
         color: #ecf2f8;
     }
 
+    .animal-feed-content.animal-feed-editing .animal-feed-details {
+        display: none;
+    }
+
     .animal-feed-head {
         display: flex;
         justify-content: flex-end;
@@ -487,6 +941,282 @@ JS
         background: transparent;
     }
 
+    .animal-profile-transfer-history-card {
+        position: relative;
+        overflow: hidden;
+        border: 1px solid rgba(255, 255, 255, 0.18);
+        border-radius: 12px;
+        min-height: 150px;
+        width: 100%;
+        max-width: 400px;
+        background: rgba(34, 52, 70, 0.34);
+        box-shadow: 0 8px 22px rgba(12, 24, 36, 0.16);
+    }
+
+    .animal-profile-transfer-history-cover {
+        position: absolute;
+        inset: 0;
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+        display: block;
+    }
+
+    .animal-profile-transfer-history-overlay {
+        position: absolute;
+        inset: 0;
+        background: linear-gradient(115deg, rgba(10, 18, 28, 0.2) 8%, rgba(10, 18, 28, 0.42) 54%, rgba(10, 18, 28, 0.62) 100%);
+    }
+
+    .animal-profile-transfer-history-body {
+        position: relative;
+        z-index: 1;
+        padding: 10px;
+    }
+
+    .animal-profile-transfer-event-head {
+        display: flex;
+        justify-content: flex-end;
+        gap: 8px;
+        margin-bottom: 6px;
+    }
+
+    .animal-profile-transfer-route-row {
+        display: grid;
+        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
+        align-items: start;
+        gap: 12px;
+        margin-bottom: 10px;
+    }
+
+    .animal-profile-transfer-rescue-col {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        text-align: center;
+        min-width: 0;
+        gap: 5px;
+    }
+
+    .animal-profile-transfer-rescue-avatar {
+        width: 54px;
+        height: 54px;
+        border-radius: 999px;
+        object-fit: cover;
+        border: 1px solid rgba(255, 255, 255, 0.38);
+        box-shadow: 0 3px 10px rgba(2, 8, 23, 0.28);
+        display: block;
+        background: rgba(255, 255, 255, 0.12);
+    }
+
+    .animal-profile-transfer-rescue-avatar-fallback {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        color: #f8fafc;
+        font-size: 20px;
+    }
+
+    .animal-profile-transfer-rescue-name {
+        color: #f8fafc;
+        font-size: 14px;
+        font-weight: 700;
+        line-height: 1.2;
+        text-decoration: none;
+        max-width: 100%;
+        overflow-wrap: anywhere;
+    }
+
+    .animal-profile-transfer-rescue-name:hover {
+        text-decoration: underline;
+        color: #ffffff;
+    }
+
+    .animal-profile-transfer-rescue-date {
+        color: rgba(226, 232, 240, 0.92);
+        font-size: 12px;
+        line-height: 1.2;
+    }
+
+    .animal-profile-transfer-route-arrow {
+        align-self: center;
+        justify-self: center;
+        font-size: 20px;
+        color: rgba(248, 250, 252, 0.9);
+        line-height: 1;
+        padding-top: 8px;
+    }
+
+    .animal-profile-transfer-event-lines {
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+    }
+
+    .animal-profile-transfer-event-line {
+        font-size: 14px;
+        line-height: 1.35;
+        color: #f8fafc;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: 10px;
+        backdrop-filter: brightness(0.7);
+        padding: 8px 12px;
+        border-radius: 10px;
+    }
+
+    .animal-profile-transfer-event-actor {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        min-width: 0;
+        flex: 1 1 auto;
+    }
+
+    .animal-profile-transfer-event-avatar {
+        width: 32px;
+        height: 32px;
+        border-radius: 999px;
+        object-fit: cover;
+        border: 1px solid rgba(255, 255, 255, 0.36);
+        flex: 0 0 auto;
+        display: block;
+        background: rgba(255, 255, 255, 0.1);
+    }
+
+    .animal-profile-transfer-event-avatar-fallback {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        color: #f8fafc;
+        font-size: 14px;
+    }
+
+    .animal-profile-transfer-event-identity {
+        display: flex;
+        flex-direction: column;
+        gap: 1px;
+        min-width: 0;
+    }
+
+    .animal-profile-transfer-event-actor-name {
+        color: #f8fafc;
+        font-size: 13px;
+        font-weight: 700;
+        text-decoration: none;
+        line-height: 1.2;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+
+    .animal-profile-transfer-event-actor-name:hover {
+        text-decoration: underline;
+        color: #ffffff;
+    }
+
+    .animal-profile-transfer-event-line-time {
+        opacity: 0.9;
+        font-weight: 500;
+        font-size: 11px;
+        line-height: 1.2;
+    }
+
+    .animal-profile-transfer-event-action {
+        margin-left: auto;
+        text-align: right;
+        font-size: 13px;
+        font-weight: 700;
+        color: #e2e8f0;
+        white-space: nowrap;
+        flex: 0 0 auto;
+    }
+
+    .animal-profile-transfer-time {
+        font-size: 16px;
+        font-weight: 700;
+        color: #f8fafc;
+    }
+
+    .animal-profile-transfer-badge {
+        display: inline-block;
+        padding: 3px 8px;
+        border-radius: 999px;
+        font-size: 11px;
+        font-weight: 800;
+        letter-spacing: .02em;
+        text-transform: uppercase;
+    }
+
+    .animal-profile-transfer-badge-requested {
+        background: #fef3c7;
+        color: #92400e;
+    }
+
+    .animal-profile-transfer-badge-accepted {
+        background: #dcfce7;
+        color: #166534;
+    }
+
+    .animal-profile-transfer-badge-declined {
+        background: #fee2e2;
+        color: #991b1b;
+    }
+
+    .animal-profile-transfer-badge-completed {
+        background: #dbeafe;
+        color: #1d4ed8;
+    }
+
+    .animal-profile-transfer-badge-cancelled {
+        background: #e5e7eb;
+        color: #374151;
+    }
+
+    .animal-profile-transfer-badge-default {
+        background: rgba(255, 255, 255, 0.2);
+        color: #f8fafc;
+    }
+
+    .animal-profile-action-icon-btn {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        width: 32px;
+        height: 32px;
+        padding: 0 !important;
+        line-height: 1 !important;
+        border-radius: 999px;
+        border: 1px solid rgba(15, 23, 42, 0.24);
+        background: rgba(255, 255, 255, 0.9);
+        color: #0f172a !important;
+        box-shadow: 0 2px 8px rgba(15, 23, 42, 0.18);
+    }
+
+    .animal-profile-action-icon-btn i {
+        display: block;
+        margin: 0 !important;
+        line-height: 1 !important;
+    }
+
+    .animal-profile-action-pill {
+        border-radius: 999px;
+        border: 1px solid rgba(15, 23, 42, 0.18);
+        background: rgba(255, 255, 255, 0.92);
+        color: #0f172a !important;
+        font-weight: 700;
+    }
+
+    @media (prefers-color-scheme: dark) {
+        .animal-profile-action-icon-btn,
+        .animal-profile-action-pill {
+            border-color: rgba(226, 232, 240, 0.35);
+            background: rgba(15, 23, 42, 0.72);
+            color: #f8fafc !important;
+        }
+    }
+
     @media (max-width: 1200px) {
         .animal-feed-details {
             width: 55%;
@@ -508,7 +1238,7 @@ JS
     }
 </style>
 
-<div class="row">
+<div class="row animal-inline-source-panel" id="animal-medical-progress-panel" data-inline-panel="medical-progress" data-inline-title="<?= Html::encode(Yii::t('AnimalManagementModule.base', 'Medical & Progress')) ?>">
     <div class="col-md-6">
         <div class="panel panel-default" id="animal-medical-panel">
             <div class="panel-heading" style="display:flex;justify-content:space-between;align-items:center;gap:8px;">
@@ -517,7 +1247,7 @@ JS
                 </a>
                 <?php if ($canManage): ?>
                     <?= Html::a('<i class="fa fa-plus"></i> ' . Yii::t('AnimalManagementModule.base', 'Add'), $space->createUrl('/animal_management/animals/medical-visits', ['id' => $animal->id, 'inlineMedicalAdd' => 1]) . '#medical-add-inline', [
-                        'class' => 'btn btn-xs btn-success',
+                        'class' => 'btn btn-xs animal-profile-action-pill',
                         'title' => Yii::t('AnimalManagementModule.base', 'Add Medical Visit'),
                         'aria-label' => Yii::t('AnimalManagementModule.base', 'Add Medical Visit'),
                     ]) ?>
@@ -641,7 +1371,7 @@ JS
                                                 '<i class="fa fa-pencil"></i>',
                                                 '#medical-edit-inline-' . (int)$visit->id,
                                                 [
-                                                    'class' => 'btn btn-xs btn-default',
+                                                    'class' => 'btn btn-xs btn-default animal-profile-action-icon-btn',
                                                     'data-toggle' => 'collapse',
                                                     'title' => Yii::t('AnimalManagementModule.base', 'Edit'),
                                                     'aria-label' => Yii::t('AnimalManagementModule.base', 'Edit'),
@@ -758,7 +1488,7 @@ JS
                                 <?php if ($canManage): ?>
                                     <div id="medical-edit-inline-<?= (int)$visit->id ?>" class="collapse animal-inline-editor<?= $openMedicalEditId === (int)$visit->id ? ' in' : '' ?>">
                                         <iframe
-                                            src="<?= Html::encode($space->createUrl('/animal_management/animals/edit-medical-visit', ['id' => $animal->id, 'visitId' => $visit->id, 'inline' => 1, '_v' => time()])) ?>"
+                                            src="<?= Html::encode($space->createUrl('/animal_management/animals/edit-medical-visit', ['id' => $animal->id, 'visitId' => $visit->id, 'inline' => 1, 'showTopCancel' => 1, '_v' => time()])) ?>"
                                             style="width:100%;min-height:640px;"
                                             loading="lazy"
                                         ></iframe>
@@ -781,7 +1511,7 @@ JS
                 </a>
                 <?php if ($canManage): ?>
                     <?= Html::a('<i class="fa fa-plus"></i> ' . Yii::t('AnimalManagementModule.base', 'Add'), $space->createUrl('/animal_management/animals/progress-updates', ['id' => $animal->id, 'inlineProgressAdd' => 1]) . '#progress-add-inline', [
-                        'class' => 'btn btn-xs btn-success',
+                        'class' => 'btn btn-xs animal-profile-action-pill',
                         'title' => Yii::t('AnimalManagementModule.base', 'Add Progress Update'),
                         'aria-label' => Yii::t('AnimalManagementModule.base', 'Add Progress Update'),
                     ]) ?>
@@ -830,7 +1560,7 @@ JS
                                                 '<i class="fa fa-pencil"></i>',
                                                 '#progress-edit-inline-' . (int)$update->id,
                                                 [
-                                                    'class' => 'btn btn-xs btn-default',
+                                                    'class' => 'btn btn-xs btn-default animal-profile-action-icon-btn',
                                                     'data-toggle' => 'collapse',
                                                     'title' => Yii::t('AnimalManagementModule.base', 'Edit'),
                                                     'aria-label' => Yii::t('AnimalManagementModule.base', 'Edit'),
@@ -858,7 +1588,7 @@ JS
                                 <?php if ($canManage): ?>
                                     <div id="progress-edit-inline-<?= (int)$update->id ?>" class="collapse animal-inline-editor<?= $openProgressEditId === (int)$update->id ? ' in' : '' ?>">
                                         <iframe
-                                                src="<?= Html::encode($space->createUrl('/animal_management/animals/edit-progress-update', ['id' => $animal->id, 'updateId' => $update->id, 'inline' => 1, '_v' => time()])) ?>"
+                                                src="<?= Html::encode($space->createUrl('/animal_management/animals/edit-progress-update', ['id' => $animal->id, 'updateId' => $update->id, 'inline' => 1, 'showTopCancel' => 1, '_v' => time()])) ?>"
                                             style="width:100%;min-height:760px;"
                                             loading="lazy"
                                         ></iframe>
@@ -874,75 +1604,237 @@ JS
     </div>
 </div>
 
-<div class="panel panel-default">
+<div class="panel panel-default animal-inline-source-panel" id="animal-transfer-panel" data-inline-panel="transfer" data-inline-title="<?= Html::encode(Yii::t('AnimalManagementModule.base', 'Transfer')) ?>">
     <div class="panel-heading" style="display:flex;justify-content:space-between;align-items:center;gap:8px;">
-        <span><?= Yii::t('AnimalManagementModule.base', '<strong>Transfer Timeline</strong>') ?></span>
+        <span><?= Yii::t('AnimalManagementModule.base', '<strong>Transfers</strong>') ?></span>
         <?php if ($canManage): ?>
-            <?= Html::a('<i class="fa fa-plus"></i> ' . Yii::t('AnimalManagementModule.base', 'Add'), $space->createUrl('/animal_management/animals/transfer', ['id' => $animal->id]), [
-                'class' => 'btn btn-xs btn-success',
+            <?= Html::a('<i class="fa fa-plus"></i> ' . Yii::t('AnimalManagementModule.base', 'Request Transfer'), $transferRequestUrl, [
+                'class' => 'btn btn-xs animal-profile-action-pill',
                 'title' => Yii::t('AnimalManagementModule.base', 'Request Transfer'),
                 'aria-label' => Yii::t('AnimalManagementModule.base', 'Request Transfer'),
             ]) ?>
         <?php endif; ?>
     </div>
-    <div class="panel-body">
-        <?php if (empty($transfers)): ?>
-            <div class="text-muted"><?= Yii::t('AnimalManagementModule.base', 'No transfers yet.') ?></div>
-        <?php else: ?>
-            <table class="table table-condensed table-hover" style="margin-bottom:0;">
-                <thead>
-                <tr>
-                    <th><?= Yii::t('AnimalManagementModule.base', 'From') ?></th>
-                    <th><?= Yii::t('AnimalManagementModule.base', 'To') ?></th>
-                    <th><?= Yii::t('AnimalManagementModule.base', 'Status') ?></th>
-                    <th><?= Yii::t('AnimalManagementModule.base', 'Updated') ?></th>
-                </tr>
-                </thead>
-                <tbody>
-                <?php foreach ($transfers as $transfer): ?>
-                    <?php $fromSpace = $transfer->getFromSpace(); $toSpace = $transfer->getToSpace(); ?>
-                    <tr>
-                        <td><?= Html::encode($fromSpace ? $fromSpace->name : Yii::t('AnimalManagementModule.base', 'Unknown')) ?></td>
-                        <td><?= Html::encode($toSpace ? $toSpace->name : Yii::t('AnimalManagementModule.base', 'Unknown')) ?></td>
-                        <td><?= Html::encode(AnimalTransfer::statusOptions()[$transfer->status] ?? $transfer->status) ?></td>
-                        <td><?= Html::encode(DateDisplayHelper::format((string)$transfer->updated_at)) ?></td>
-                    </tr>
-                <?php endforeach; ?>
-                </tbody>
-            </table>
+    <div class="panel-body" style="background:#f8fbfe;">
+        <?php if ($canManage): ?>
+            <div style="margin-bottom:10px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;">
+                <?= Html::a('<i class="fa fa-exchange"></i> ' . Yii::t('AnimalManagementModule.base', 'Transfer Form'), $transferRequestUrl, ['class' => 'btn btn-default btn-sm']) ?>
+                <span style="display:inline-block;font-size:12px;padding:4px 8px;border-radius:999px;background:#e7eff8;color:#27435f;">
+                    <?= Yii::t('AnimalManagementModule.base', 'Intelligent Rescue Matching (Coming Soon)') ?>
+                </span>
+            </div>
         <?php endif; ?>
-    </div>
-</div>
 
-<div class="panel panel-default">
-    <div class="panel-heading"><?= Yii::t('AnimalManagementModule.base', '<strong>Transfer Audit Log</strong>') ?></div>
-    <div class="panel-body">
         <?php if (empty($transferEvents)): ?>
-            <div class="text-muted"><?= Yii::t('AnimalManagementModule.base', 'No transfer events recorded yet.') ?></div>
+            <div class="text-muted" style="font-size:12px;"><?= Yii::t('AnimalManagementModule.base', 'No transfer events recorded yet.') ?></div>
         <?php else: ?>
-            <table class="table table-condensed table-hover" style="margin-bottom:0;">
-                <thead>
-                <tr>
-                    <th><?= Yii::t('AnimalManagementModule.base', 'When') ?></th>
-                    <th><?= Yii::t('AnimalManagementModule.base', 'By') ?></th>
-                    <th><?= Yii::t('AnimalManagementModule.base', 'Event') ?></th>
-                    <th><?= Yii::t('AnimalManagementModule.base', 'Status Change') ?></th>
-                    <th><?= Yii::t('AnimalManagementModule.base', 'Message') ?></th>
-                </tr>
-                </thead>
-                <tbody>
-                <?php foreach ($transferEvents as $event): ?>
-                    <?php $actor = $event->createdByUser; ?>
-                    <tr>
-                        <td><?= Html::encode(DateDisplayHelper::format((string)$event->created_at)) ?></td>
-                        <td><?= Html::encode($actor ? $actor->displayName : Yii::t('AnimalManagementModule.base', 'System')) ?></td>
-                        <td><?= Html::encode((string)$event->event_type) ?></td>
-                        <td><?= Html::encode((string)($event->from_status ?: '-') . ' -> ' . (string)($event->to_status ?: '-')) ?></td>
-                        <td><?= Html::encode((string)$event->message) ?></td>
-                    </tr>
-                <?php endforeach; ?>
-                </tbody>
-            </table>
+            <?php
+                $eventsByTransfer = [];
+                foreach ($transferEvents as $transferEvent) {
+                    if (!$transferEvent instanceof AnimalTransferEvent) {
+                        continue;
+                    }
+
+                    $transferId = (int)$transferEvent->transfer_id;
+                    if ($transferId <= 0) {
+                        continue;
+                    }
+
+                    if (!isset($eventsByTransfer[$transferId])) {
+                        $eventsByTransfer[$transferId] = [];
+                    }
+                    $eventsByTransfer[$transferId][] = $transferEvent;
+                }
+
+                foreach ($eventsByTransfer as &$transferEventsGroup) {
+                    usort($transferEventsGroup, static function (AnimalTransferEvent $a, AnimalTransferEvent $b): int {
+                        return strcmp((string)$b->created_at, (string)$a->created_at);
+                    });
+                }
+                unset($transferEventsGroup);
+
+                $eventActionMap = [
+                    AnimalTransferEvent::EVENT_REQUESTED => Yii::t('AnimalManagementModule.base', 'requested Transfer'),
+                    AnimalTransferEvent::EVENT_ACCEPTED => Yii::t('AnimalManagementModule.base', 'accepted Transfer'),
+                    AnimalTransferEvent::EVENT_DECLINED => Yii::t('AnimalManagementModule.base', 'declined Transfer'),
+                    AnimalTransferEvent::EVENT_COMPLETED => Yii::t('AnimalManagementModule.base', 'completed Transfer'),
+                    AnimalTransferEvent::EVENT_CANCELLED => Yii::t('AnimalManagementModule.base', 'cancelled Transfer'),
+                ];
+
+                $eventBadgeMap = [
+                    AnimalTransferEvent::EVENT_REQUESTED => ['label' => Yii::t('AnimalManagementModule.base', 'Requested'), 'class' => 'animal-profile-transfer-badge-requested'],
+                    AnimalTransferEvent::EVENT_ACCEPTED => ['label' => Yii::t('AnimalManagementModule.base', 'Accepted'), 'class' => 'animal-profile-transfer-badge-accepted'],
+                    AnimalTransferEvent::EVENT_DECLINED => ['label' => Yii::t('AnimalManagementModule.base', 'Declined'), 'class' => 'animal-profile-transfer-badge-declined'],
+                    AnimalTransferEvent::EVENT_COMPLETED => ['label' => Yii::t('AnimalManagementModule.base', 'Completed'), 'class' => 'animal-profile-transfer-badge-completed'],
+                    AnimalTransferEvent::EVENT_CANCELLED => ['label' => Yii::t('AnimalManagementModule.base', 'Cancelled'), 'class' => 'animal-profile-transfer-badge-cancelled'],
+                ];
+            ?>
+
+            <?php foreach ($eventsByTransfer as $transferId => $transferEventsGroup): ?>
+                <?php
+                    $latestEvent = $transferEventsGroup[0] ?? null;
+                    $latestType = $latestEvent ? (string)$latestEvent->event_type : '';
+                    $eventBadge = $eventBadgeMap[$latestType] ?? ['label' => Yii::t('AnimalManagementModule.base', 'Updated'), 'class' => 'animal-profile-transfer-badge-default'];
+                    $transferModel = $transferById[(int)$transferId] ?? null;
+                    $fromName = Yii::t('AnimalManagementModule.base', 'Unknown Rescue');
+                    $toName = Yii::t('AnimalManagementModule.base', 'Unknown Rescue');
+                    $fromUrl = '';
+                    $toUrl = '';
+                    $fromAvatarUrl = '';
+                    $toAvatarUrl = '';
+                    $careWindowText = '';
+                    $receivingStatusDateText = '';
+
+                    if ($transferModel instanceof AnimalTransfer) {
+                        $fromSpace = $transferModel->getFromSpace();
+                        $toSpace = $transferModel->getToSpace();
+                        if ($fromSpace !== null) {
+                            $fromName = (string)$fromSpace->name;
+                            $fromUrl = (string)$fromSpace->createUrl('/rescues');
+                            if (method_exists($fromSpace, 'getProfileImage')) {
+                                $fromProfileImage = $fromSpace->getProfileImage();
+                                if ($fromProfileImage !== null && method_exists($fromProfileImage, 'getUrl')) {
+                                    $fromAvatarUrl = trim((string)$fromProfileImage->getUrl());
+                                }
+                            }
+                        }
+                        if ($toSpace !== null) {
+                            $toName = (string)$toSpace->name;
+                            $toUrl = (string)$toSpace->createUrl('/rescues');
+                            if (method_exists($toSpace, 'getProfileImage')) {
+                                $toProfileImage = $toSpace->getProfileImage();
+                                if ($toProfileImage !== null && method_exists($toProfileImage, 'getUrl')) {
+                                    $toAvatarUrl = trim((string)$toProfileImage->getUrl());
+                                }
+                            }
+                        }
+
+                        $startTs = strtotime((string)$transferModel->created_at);
+                        $endRaw = trim((string)($transferModel->completed_at ?? ''));
+                        if ($endRaw === '') {
+                            $endRaw = trim((string)$transferModel->updated_at);
+                        }
+                        $endTs = $endRaw !== '' ? strtotime($endRaw) : false;
+
+                        if ($startTs !== false) {
+                            $careWindowText = date('m/d/y', $startTs);
+                            if ($endTs !== false) {
+                                $careWindowText .= ' - ' . date('m/d/y', $endTs);
+                            }
+                        }
+                    }
+
+                    if ($latestType === AnimalTransferEvent::EVENT_COMPLETED) {
+                        foreach ($transferEventsGroup as $candidateEvent) {
+                            if ((string)$candidateEvent->event_type === AnimalTransferEvent::EVENT_COMPLETED) {
+                                $completedTs = strtotime((string)$candidateEvent->created_at);
+                                if ($completedTs !== false) {
+                                    $receivingStatusDateText = Yii::t('AnimalManagementModule.base', 'Completed {date}', [
+                                        'date' => date('m/d/y', $completedTs),
+                                    ]);
+                                }
+                                break;
+                            }
+                        }
+                    } elseif ($latestType === AnimalTransferEvent::EVENT_REQUESTED) {
+                        foreach ($transferEventsGroup as $candidateEvent) {
+                            if ((string)$candidateEvent->event_type === AnimalTransferEvent::EVENT_REQUESTED) {
+                                $requestedTs = strtotime((string)$candidateEvent->created_at);
+                                if ($requestedTs !== false) {
+                                    $receivingStatusDateText = Yii::t('AnimalManagementModule.base', 'Requested {date}', [
+                                        'date' => date('m/d/y', $requestedTs),
+                                    ]);
+                                }
+                                break;
+                            }
+                        }
+                    }
+
+                    $fromNameHtml = $fromUrl !== ''
+                        ? Html::a(Html::encode($fromName), $fromUrl, ['class' => 'animal-profile-transfer-rescue-name'])
+                        : '<span class="animal-profile-transfer-rescue-name">' . Html::encode($fromName) . '</span>';
+                    $toNameHtml = $toUrl !== ''
+                        ? Html::a(Html::encode($toName), $toUrl, ['class' => 'animal-profile-transfer-rescue-name'])
+                        : '<span class="animal-profile-transfer-rescue-name">' . Html::encode($toName) . '</span>';
+
+                    $historyImageUrl = $hasCoverImage ? $coverImageUrl : ($hasProfileImage ? $profileImageUrl : '');
+                ?>
+                <div class="animal-profile-transfer-history-card" style="margin-bottom:10px;">
+                    <?php if ($historyImageUrl !== ''): ?>
+                        <img class="animal-profile-transfer-history-cover" src="<?= Html::encode($historyImageUrl) ?>" alt="<?= Html::encode($animal->getDisplayName()) ?>">
+                    <?php endif; ?>
+                    <div class="animal-profile-transfer-history-overlay"></div>
+                    <div class="animal-profile-transfer-history-body">
+                        <div class="animal-profile-transfer-event-head">
+                            <span class="animal-profile-transfer-badge <?= Html::encode($eventBadge['class']) ?>"><?= Html::encode($eventBadge['label']) ?></span>
+                        </div>
+                        <div class="animal-profile-transfer-route-row">
+                            <div class="animal-profile-transfer-rescue-col">
+                                <?php if ($fromAvatarUrl !== ''): ?>
+                                    <img class="animal-profile-transfer-rescue-avatar" src="<?= Html::encode($fromAvatarUrl) ?>" alt="<?= Html::encode($fromName) ?>">
+                                <?php else: ?>
+                                    <span class="animal-profile-transfer-rescue-avatar animal-profile-transfer-rescue-avatar-fallback"><i class="fa fa-home"></i></span>
+                                <?php endif; ?>
+                                <?= $fromNameHtml ?>
+                                <?php if ($careWindowText !== ''): ?>
+                                    <span class="animal-profile-transfer-rescue-date"><?= Html::encode($careWindowText) ?></span>
+                                <?php endif; ?>
+                            </div>
+
+                            <div class="animal-profile-transfer-route-arrow" aria-hidden="true">&rarr;</div>
+
+                            <div class="animal-profile-transfer-rescue-col">
+                                <?php if ($toAvatarUrl !== ''): ?>
+                                    <img class="animal-profile-transfer-rescue-avatar" src="<?= Html::encode($toAvatarUrl) ?>" alt="<?= Html::encode($toName) ?>">
+                                <?php else: ?>
+                                    <span class="animal-profile-transfer-rescue-avatar animal-profile-transfer-rescue-avatar-fallback"><i class="fa fa-home"></i></span>
+                                <?php endif; ?>
+                                <?= $toNameHtml ?>
+                                <?php if ($receivingStatusDateText !== ''): ?>
+                                    <span class="animal-profile-transfer-rescue-date"><?= Html::encode($receivingStatusDateText) ?></span>
+                                <?php endif; ?>
+                            </div>
+                        </div>
+
+                        <div class="animal-profile-transfer-event-lines">
+                            <?php foreach ($transferEventsGroup as $transferEvent): ?>
+                                <?php
+                                    $eventTimeText = date('m/d/y g:i A', strtotime((string)$transferEvent->created_at));
+                                    $eventActionText = $eventActionMap[(string)$transferEvent->event_type] ?? (string)$transferEvent->event_type;
+                                    $transferActor = $transferEvent->createdByUser;
+                                    $actorName = $transferActor ? (string)$transferActor->displayName : Yii::t('AnimalManagementModule.base', 'System');
+                                    $actorUrl = ($transferActor && method_exists($transferActor, 'getUrl')) ? (string)$transferActor->getUrl() : '';
+                                    $actorAvatarUrl = '';
+                                    if ($transferActor && method_exists($transferActor, 'getProfileImage')) {
+                                        $actorProfileImage = $transferActor->getProfileImage();
+                                        if ($actorProfileImage !== null && method_exists($actorProfileImage, 'getUrl')) {
+                                            $actorAvatarUrl = trim((string)$actorProfileImage->getUrl());
+                                        }
+                                    }
+                                ?>
+                                <div class="animal-profile-transfer-event-line">
+                                    <div class="animal-profile-transfer-event-actor">
+                                        <?php if ($actorAvatarUrl !== ''): ?>
+                                            <img class="animal-profile-transfer-event-avatar" src="<?= Html::encode($actorAvatarUrl) ?>" alt="<?= Html::encode($actorName) ?>">
+                                        <?php else: ?>
+                                            <span class="animal-profile-transfer-event-avatar animal-profile-transfer-event-avatar-fallback"><i class="fa fa-user"></i></span>
+                                        <?php endif; ?>
+                                        <div class="animal-profile-transfer-event-identity">
+                                            <?php if ($actorUrl !== ''): ?>
+                                                <?= Html::a(Html::encode($actorName), $actorUrl, ['class' => 'animal-profile-transfer-event-actor-name']) ?>
+                                            <?php else: ?>
+                                                <span class="animal-profile-transfer-event-actor-name"><?= Html::encode($actorName) ?></span>
+                                            <?php endif; ?>
+                                            <span class="animal-profile-transfer-event-line-time"><?= Html::encode($eventTimeText) ?></span>
+                                        </div>
+                                    </div>
+                                    <span class="animal-profile-transfer-event-action"><?= Html::encode($eventActionText) ?></span>
+                                </div>
+                            <?php endforeach; ?>
+                        </div>
+                    </div>
+                </div>
+            <?php endforeach; ?>
         <?php endif; ?>
     </div>
 </div>
diff --git a/views/settings/index.php b/views/settings/index.php
index 95ca2c3..a8a2da7 100644
--- a/views/settings/index.php
+++ b/views/settings/index.php
@@ -2,6 +2,7 @@
 
 use humhub\modules\animal_management\models\forms\DisplaySettingsForm;
 use humhub\modules\animal_management\models\forms\FieldDefinitionSettingsForm;
+use humhub\modules\space\models\Space;
 use humhub\widgets\Button;
 use yii\bootstrap\ActiveForm;
 use yii\helpers\Html;
@@ -10,6 +11,7 @@ use yii\helpers\Html;
 /* @var int $animalCount */
 /* @var FieldDefinitionSettingsForm $fieldSettingsForm */
 /* @var DisplaySettingsForm $displaySettingsForm */
+/* @var Space $space */
 ?>
 
 <div class="panel panel-default">
@@ -20,6 +22,25 @@ use yii\helpers\Html;
     <?php endif; ?>
 
     <div class="panel-body">
+        <div class="well well-sm" style="margin-bottom:14px;">
+            <div style="font-weight:700;margin-bottom:6px;"><?= Yii::t('AnimalManagementModule.base', 'Module Setup') ?></div>
+            <div style="margin-bottom:8px;">
+                <?= Yii::t('AnimalManagementModule.base', 'Animal Management provides intake, profile tracking, medical/progress records, transfers, and related feed integrations for this rescue space.') ?>
+            </div>
+            <div style="margin-bottom:10px;">
+                <?= Yii::t('AnimalManagementModule.base', 'Run setup to apply pending Animal Management migrations and initialize default module settings for this space.') ?>
+            </div>
+            <?= Html::a(
+                Yii::t('AnimalManagementModule.base', 'Run Animal Management Setup'),
+                $space->createUrl('/animal_management/settings/setup'),
+                [
+                    'class' => 'btn btn-primary btn-sm',
+                    'data-method' => 'post',
+                    'data-confirm' => Yii::t('AnimalManagementModule.base', 'Run Animal Management setup now for this space?'),
+                ]
+            ) ?>
+        </div>
+
         <p><?= Yii::t('AnimalManagementModule.base', 'Configure intake/profile field definitions used by Animal Management.') ?></p>
 
         <div class="well well-sm" style="margin-bottom:12px;">
diff --git a/widgets/SearchAnimalProfilesBlock.php b/widgets/SearchAnimalProfilesBlock.php
index c3a6650..3681f31 100644
--- a/widgets/SearchAnimalProfilesBlock.php
+++ b/widgets/SearchAnimalProfilesBlock.php
@@ -7,15 +7,17 @@ use humhub\modules\animal_management\models\AnimalFieldValue;
 use humhub\modules\animal_management\models\AnimalGalleryItem;
 use humhub\modules\animal_management\models\AnimalMedicalVisit;
 use humhub\modules\animal_management\models\forms\DisplaySettingsForm;
+use humhub\modules\animal_management\permissions\ManageAnimals;
 use humhub\modules\content\components\ContentContainerActiveRecord;
 use humhub\modules\rescue_foundation\models\RescueFieldDefinition;
+use humhub\modules\space\models\Space;
 use Yii;
 use yii\base\Widget;
 
 class SearchAnimalProfilesBlock extends Widget
 {
     public ContentContainerActiveRecord $contentContainer;
-    public int $limit = 10;
+    public int $limit = 4;
 
     public function run()
     {
@@ -25,29 +27,19 @@ class SearchAnimalProfilesBlock extends Widget
                 . '</div>';
         }
 
-        $queryValue = trim((string)Yii::$app->request->get('q', ''));
-        $showAll = ((int)Yii::$app->request->get('animalFeedAll', 0)) === 1;
-        $countParam = (int)Yii::$app->request->get('animalFeedCount', $this->limit);
-        if ($countParam < $this->limit) {
-            $countParam = $this->limit;
-        }
-        if ($countParam > 200) {
-            $countParam = 200;
-        }
-
         $query = Animal::find()->where(['contentcontainer_id' => $this->contentContainer->contentcontainer_id]);
-
-        if ($queryValue !== '') {
-            $query->andWhere([
-                'or',
-                ['like', 'animal_uid', $queryValue],
-                ['like', 'name', $queryValue],
-                ['like', 'species', $queryValue],
-            ]);
+        $totalCount = (int)$query->count();
+        $perPage = max(1, $this->limit);
+        $page = (int)Yii::$app->request->get('animalFeedPage', 1);
+        if ($page < 1) {
+            $page = 1;
         }
 
-        $totalCount = (int)$query->count();
-        $displayCount = $showAll ? $totalCount : min($countParam, $totalCount);
+        $pageCount = max(1, (int)ceil($totalCount / $perPage));
+        if ($page > $pageCount) {
+            $page = $pageCount;
+        }
+        $offset = ($page - 1) * $perPage;
 
         $settings = Yii::$app->getModule('animal_management')->settings->contentContainer($this->contentContainer);
         $heading = trim((string)$settings->get('searchBlockHeading', DisplaySettingsForm::DEFAULT_SEARCH_BLOCK_HEADING));
@@ -60,7 +52,8 @@ class SearchAnimalProfilesBlock extends Widget
 
         $animals = $query
             ->orderBy(['updated_at' => SORT_DESC, 'id' => SORT_DESC])
-            ->limit($displayCount)
+            ->offset($offset)
+            ->limit($perPage)
             ->all();
 
         $animalIds = array_map(static function (Animal $animal): int {
@@ -70,9 +63,14 @@ class SearchAnimalProfilesBlock extends Widget
         $latestMedicalVisitByAnimal = $this->resolveLatestMedicalVisits($animalIds);
         $animalImageUrls = $this->resolveAnimalImageUrls($animalIds, ['profile_image_url', 'profile_image', 'photo_url', 'image_url', 'photo'], false);
         $tileFieldOverrides = $this->resolveDisplayFieldOverrides($animalIds, 'tile_display_fields');
+        $animalDonationGoalsByAnimal = $this->resolveAnimalDonationGoals($animalIds);
 
-        $hasMore = !$showAll && $displayCount < $totalCount;
-        $nextCount = min($displayCount + $this->limit, $totalCount);
+        $canManageAnimals = $this->contentContainer->can(ManageAnimals::class)
+            || ($this->contentContainer instanceof Space && $this->contentContainer->isAdmin());
+        $showDonationSettingsButton = $canManageAnimals && $this->contentContainer->moduleManager->isEnabled('donations');
+
+        $hasPreviousPage = $page > 1;
+        $hasNextPage = $page < $pageCount;
 
         $viewFile = $this->getViewPath() . '/searchAnimalProfilesBlock.php';
         if (!is_file($viewFile)) {
@@ -84,20 +82,59 @@ class SearchAnimalProfilesBlock extends Widget
         return $this->render('searchAnimalProfilesBlock', [
             'animals' => $animals,
             'contentContainer' => $this->contentContainer,
-            'queryValue' => $queryValue,
             'heading' => $heading,
             'tileFields' => $tileFields,
             'tileFieldOverrides' => $tileFieldOverrides,
             'latestMedicalVisitByAnimal' => $latestMedicalVisitByAnimal,
             'animalImageUrls' => $animalImageUrls,
+            'animalDonationGoalsByAnimal' => $animalDonationGoalsByAnimal,
+            'showDonationSettingsButton' => $showDonationSettingsButton,
             'totalCount' => $totalCount,
-            'displayCount' => $displayCount,
-            'hasMore' => $hasMore,
-            'nextCount' => $nextCount,
-            'showAll' => $showAll,
+            'page' => $page,
+            'pageCount' => $pageCount,
+            'hasPreviousPage' => $hasPreviousPage,
+            'hasNextPage' => $hasNextPage,
         ]);
     }
 
+    private function resolveAnimalDonationGoals(array $animalIds): array
+    {
+        $animalIds = array_values(array_unique(array_map('intval', $animalIds)));
+        if (empty($animalIds)
+            || !$this->contentContainer->moduleManager->isEnabled('donations')
+        ) {
+            return [];
+        }
+
+        $donationGoalClass = 'humhub\\modules\\donations\\models\\DonationGoal';
+        if (!class_exists($donationGoalClass)
+            || Yii::$app->db->schema->getTableSchema($donationGoalClass::tableName(), true) === null
+        ) {
+            return [];
+        }
+
+        $goals = $donationGoalClass::find()
+            ->where([
+                'contentcontainer_id' => $this->contentContainer->contentcontainer_id,
+                'goal_type' => $donationGoalClass::TYPE_ANIMAL,
+            ])
+            ->andWhere(['target_animal_id' => $animalIds])
+            ->orderBy(['is_active' => SORT_DESC, 'id' => SORT_DESC])
+            ->all();
+
+        $result = [];
+        foreach ($goals as $goal) {
+            $animalId = (int)$goal->target_animal_id;
+            if ($animalId <= 0 || isset($result[$animalId])) {
+                continue;
+            }
+
+            $result[$animalId] = $goal;
+        }
+
+        return $result;
+    }
+
     private function normalizeDisplayFields($raw, array $default): array
     {
         if (is_string($raw)) {
diff --git a/widgets/views/searchAnimalProfilesBlock.php b/widgets/views/searchAnimalProfilesBlock.php
index 12700bf..3bcd8ee 100644
--- a/widgets/views/searchAnimalProfilesBlock.php
+++ b/widgets/views/searchAnimalProfilesBlock.php
@@ -7,46 +7,30 @@ use yii\helpers\Html;
 
 /* @var Animal[] $animals */
 /* @var ContentContainerActiveRecord $contentContainer */
-/* @var string $queryValue */
 /* @var string $heading */
 /* @var array $tileFields */
 /* @var array<int, array> $tileFieldOverrides */
 /* @var array<int, AnimalMedicalVisit> $latestMedicalVisitByAnimal */
 /* @var array<int, string> $animalImageUrls */
+/* @var array<int, mixed> $animalDonationGoalsByAnimal */
+/* @var bool $showDonationSettingsButton */
 /* @var int $totalCount */
-/* @var int $displayCount */
-/* @var bool $hasMore */
-/* @var int $nextCount */
-/* @var bool $showAll */
+/* @var int $page */
+/* @var int $pageCount */
+/* @var bool $hasPreviousPage */
+/* @var bool $hasNextPage */
 
 $moduleEnabled = $contentContainer->moduleManager->isEnabled('animal_management');
+$allAnimalsUrl = $contentContainer->createUrl('/animal_management/animals/index');
 $currentParams = Yii::$app->request->getQueryParams();
 $buildProfileUrl = static function (array $overrides) use ($contentContainer, $currentParams): string {
+    unset($currentParams['q'], $currentParams['animalFeedCount'], $currentParams['animalFeedAll']);
     $params = array_merge($currentParams, $overrides);
     return $contentContainer->createUrl('/space_profiles/profile/view', $params);
 };
 ?>
 
-<h4 style="margin-top:0;"><?= Html::encode($heading) ?></h4>
-
-<?php if ($moduleEnabled): ?>
-    <form method="get" action="<?= Html::encode($contentContainer->createUrl('/space_profiles/profile/view')) ?>" style="margin-bottom:12px;">
-        <div class="input-group">
-            <input
-                type="text"
-                class="form-control"
-                name="q"
-                value="<?= Html::encode($queryValue) ?>"
-                placeholder="<?= Html::encode(Yii::t('AnimalManagementModule.base', 'Search by name, species, or ID')) ?>"
-            >
-            <input type="hidden" name="animalFeedCount" value="10">
-            <input type="hidden" name="animalFeedAll" value="0">
-            <span class="input-group-btn">
-                <button class="btn btn-default" type="submit"><?= Yii::t('AnimalManagementModule.base', 'Search') ?></button>
-            </span>
-        </div>
-    </form>
-<?php else: ?>
+<?php if (!$moduleEnabled): ?>
     <div class="well well-sm" style="margin-bottom:12px;">
         <?= Yii::t('AnimalManagementModule.base', 'Animal profiles are not enabled for this rescue.') ?>
     </div>
@@ -68,28 +52,36 @@ $buildProfileUrl = static function (array $overrides) use ($contentContainer, $c
                     'imageUrl' => $animalImageUrls[$animalId] ?? '',
                     'tileFields' => $tileFieldOverrides[$animalId] ?? $tileFields,
                     'showMedicalIcon' => true,
+                    'showDonationSettingsButton' => $showDonationSettingsButton,
+                    'existingDonationGoal' => $animalDonationGoalsByAnimal[$animalId] ?? null,
+                    'tileLayoutMode' => 'rows',
                 ]) ?>
             </div>
         <?php endforeach; ?>
     </div>
 <?php endif; ?>
 
-<?php if ($moduleEnabled): ?>
-    <div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap;">
-        <?php if ($hasMore): ?>
-            <a class="btn btn-default btn-sm" href="<?= Html::encode($buildProfileUrl(['animalFeedCount' => $nextCount, 'animalFeedAll' => 0])) ?>">
-                <?= Yii::t('AnimalManagementModule.base', 'Show More') ?>
-            </a>
-        <?php endif; ?>
-        <?php if (!$showAll && $totalCount > 0): ?>
-            <a class="btn btn-default btn-sm" href="<?= Html::encode($buildProfileUrl(['animalFeedAll' => 1])) ?>">
-                <?= Yii::t('AnimalManagementModule.base', 'Show All') ?>
-            </a>
-        <?php endif; ?>
-        <?php if ($totalCount > 0): ?>
-            <span class="text-muted" style="font-size:12px;">
-                <?= Yii::t('AnimalManagementModule.base', '{shown} of {total} shown', ['shown' => $displayCount, 'total' => $totalCount]) ?>
-            </span>
-        <?php endif; ?>
+<?php if ($moduleEnabled && $totalCount > 0): ?>
+    <div style="display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;">
+        <div class="text-muted" style="font-size:12px;">
+            <?= Yii::t('AnimalManagementModule.base', 'Page {page} of {pages}', ['page' => $page, 'pages' => $pageCount]) ?>
+        </div>
+        <div style="display:flex;align-items:center;gap:8px;">
+            <?php if ($hasPreviousPage): ?>
+                <a class="btn btn-default btn-sm" href="<?= Html::encode($buildProfileUrl(['animalFeedPage' => $page - 1])) ?>">
+                    <?= Yii::t('AnimalManagementModule.base', 'Previous') ?>
+                </a>
+            <?php endif; ?>
+            <?php if ($hasNextPage): ?>
+                <a class="btn btn-default btn-sm" href="<?= Html::encode($buildProfileUrl(['animalFeedPage' => $page + 1])) ?>">
+                    <?= Yii::t('AnimalManagementModule.base', 'Next') ?>
+                </a>
+            <?php endif; ?>
+        </div>
+    </div>
+    <div style="margin-top:10px;text-align:center;">
+        <a href="<?= Html::encode($allAnimalsUrl) ?>" style="font-weight:700;text-decoration:underline;">
+            <?= Yii::t('AnimalManagementModule.base', 'All Animals') ?>
+        </a>
     </div>
 <?php endif; ?>