[UI] Mobile sticky action bar on shift/job details (native-app feel)

On mobile the action panel (CTA + map) stacked at the very bottom, so users had to scroll the whole page to act. Add a fixed bottom action bar (<=860px) with the primary «اعلام تمایل» button + a quick save, always reachable like a native app; when contact is revealed it becomes a «تماس با مرکز» tel: button. The in-aside primary CTA is hidden on mobile (.aside-apply) to avoid duplication, and pages get bottom padding (.has-action-bar) so the bar never covers content. Desktop layout unchanged (bar hidden, sidebar CTA shown).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

src/JobsMedical.Web/Pages/Shifts/Details.cshtml

@@ -28,7 +28,7 @@
     </div>
 </div>
 
-<div class="container section">
+<div class="container section has-action-bar">
     <div class="detail-grid">
         <div>
             @if (Model.ShowContact)
@@ -93,11 +93,13 @@
                 {
                     <div class="alert alert-success" style="margin-bottom:12px;">✓ این فرصت ذخیره شد و در پیشنهادهای شما لحاظ می‌شود.</div>
                 }
-                <form method="post">
-                    <button type="submit" asp-page-handler="Interest" asp-route-id="@s.Id"
-                            class="btn btn-accent btn-block btn-lg">اعلام تمایل و مشاهده راه ارتباطی</button>
-                </form>
-                <p class="muted center" style="font-size:12px; margin:8px 0;">با اعلام تمایل، اطلاعات تماس مرکز نمایش داده می‌شود.</p>
+                <div class="aside-apply">
+                    <form method="post">
+                        <button type="submit" asp-page-handler="Interest" asp-route-id="@s.Id"
+                                class="btn btn-accent btn-block btn-lg">اعلام تمایل و مشاهده راه ارتباطی</button>
+                    </form>
+                    <p class="muted center" style="font-size:12px; margin:8px 0;">با اعلام تمایل، اطلاعات تماس مرکز نمایش داده می‌شود.</p>
+                </div>
                 <div style="display:flex; gap:8px;">
                     <form method="post" style="flex:1;">
                         <button type="submit" asp-page-handler="Save" asp-route-id="@s.Id"
@@ -167,6 +169,30 @@
     </div>
 </div>
 
+@* Sticky bottom action bar — mobile only. Always-reachable primary action (native-app feel). *@
+<div class="mobile-action-bar">
+    @if (Model.ShowContact)
+    {
+        @if (!string.IsNullOrEmpty(f.Phone))
+        {
+            <a class="btn btn-accent btn-lg cta-main" href="tel:@f.Phone">📞 تماس با مرکز</a>
+        }
+        else
+        {
+            <span class="cta-main center muted" style="align-self:center;">اطلاعات تماس در بالای صفحه</span>
+        }
+    }
+    else
+    {
+        <form method="post" class="cta-main">
+            <button type="submit" asp-page-handler="Interest" asp-route-id="@s.Id" class="btn btn-accent btn-block btn-lg">اعلام تمایل و مشاهده تماس</button>
+        </form>
+        <form method="post">
+            <button type="submit" asp-page-handler="Save" asp-route-id="@s.Id" class="btn btn-outline btn-lg" aria-label="ذخیره" title="ذخیره">♡</button>
+        </form>
+    }
+</div>
+
 @if (!string.IsNullOrEmpty(Model.MapKey) && Model.Shift?.Facility?.Lat is not null)
 {
     <partial name="_NeshanMap" model="Model.MapKey" />