diff --git a/deploy/deploy.sh b/deploy/deploy.sh
index cba5911..291af66 100644
--- a/deploy/deploy.sh
+++ b/deploy/deploy.sh
@@ -16,7 +16,7 @@ git fetch --prune origin
 git checkout "$BRANCH"
 git pull --ff-only origin "$BRANCH"
 npm ci
-npm run build
+VITE_DEPLOY_ENV="$BRANCH" npm run build
 sudo systemctl restart "$SVC"
 echo "Deployed $BRANCH ($SVC). Status:"
 systemctl --no-pager status "$SVC" | head -n 5
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index b205305..4a94187 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -63,8 +63,8 @@ export default function Header({
 
         {/* System Indicator */}
         <div className="hidden md:flex items-center gap-2 px-3 py-1 bg-slate-800/60 rounded-full border border-slate-700/50 text-xs font-mono text-slate-300">
-          <span className={`w-2 h-2 rounded-full animate-pulse ${import.meta.env.PROD ? 'bg-emerald-500' : 'bg-amber-400'}`} />
-          <span>System: {import.meta.env.PROD ? 'Production' : 'Development'}</span>
+          <span className={`w-2 h-2 rounded-full animate-pulse ${(import.meta.env.VITE_DEPLOY_ENV === 'dev' || import.meta.env.DEV) ? 'bg-amber-400' : 'bg-emerald-500'}`} />
+          <span>System: {(import.meta.env.VITE_DEPLOY_ENV === 'dev' || import.meta.env.DEV) ? 'Development' : 'Production'}</span>
         </div>
 
         {/* Mail Inbox */}