v2

CONTENT/ROOT_URI/Agent/Agent_Nav.php

@@ -1,17 +1,39 @@
 <style>
-    .agent-body {
+  body {
     margin: 0;
-      padding: 0;
     font-family: Arial, sans-serif;
-      overflow-y: auto;
-
-      /* ✅ Keep content above bottom nav */
-      padding-bottom: calc(55px + 40px); /* nav height + safe gap */
   }
 
+  /* ===== Header ===== */
+  .agent-header {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 60px;
+    background: #e95420;
+    color: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 18px;
+    font-weight: bold;
+    z-index: 1000;
+  }
+
+  /* ===== Page Content ===== */
+  .agent-body {
+    margin-top: 60px; /* ✅ header height */
+    padding: 15px;
+    padding-bottom: calc(55px + env(safe-area-inset-bottom)); /* ✅ bottom nav height + safe area */
+    box-sizing: border-box;
+    min-height: 100vh;
+  }
+
+  /* ===== Bottom Nav ===== */
   .agent-bottom-nav {
     position: fixed;
-      bottom: 40px; /* ✅ keep above phone navigation bar */
+    bottom: env(safe-area-inset-bottom); /* ✅ stays above phone navigation bar */
     left: 0;
     right: 0;
     height: 55px;
@@ -19,13 +41,12 @@
     display: flex;
     justify-content: space-around;
     align-items: center;
-      border-top: 1px solid rgba(255,255,255,0.2);
+    border-top: 1px solid rgba(255, 255, 255, 0.2);
     z-index: 999;
 
-      /* Optional floating style */
+    /* Optional floating look */
-      border-radius: 12px;
+    border-radius: 12px 12px 0 0;
-      margin: 0 10px;
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
-      box-shadow: 0 2px 6px rgba(0,0,0,0.2);
   }
 
   .agent-bottom-link {
@@ -42,13 +63,26 @@
     margin-bottom: 2px;
   }
   .agent-bottom-link.active {
-      background: rgba(255,255,255,0.2);
+    background: rgba(255, 255, 255, 0.2);
     border-radius: 8px;
   }
 </style>
 
-<!-- ✅ Bottom Navigation -->
+<!-- ===== Header ===== -->
-<?php if(isset($_SESSION) && !empty($_SESSION['user_id'])){ ?>
+<div class="agent-header">
+  Agent Panel
+</div>
+
+<!-- ===== Content ===== -->
+<div class="agent-body">
+  <h2>Dashboard Content</h2>
+  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque habitant morbi.</p>
+  <p>Scroll down to test bottom nav spacing...</p>
+  <p style="margin-bottom:1000px;">Dummy long content...</p>
+</div>
+
+<!-- ===== Bottom Navigation ===== -->
+<?php if (isset($_SESSION) && !empty($_SESSION['user_id'])) { ?>
   <div class="agent-bottom-nav">
     <a href="/Agent/Dashboard" class="agent-bottom-link active">
       <i class="fa-solid fa-house"></i>