plan-alm: move PLAN_STATUS badge next to the "Generated" line

The Draft/Approved/In Execution/Completed status badge sat top-right of the
topbar (justify-content:space-between). Move it inline next to the "Generated
<timestamp>" sub-line via a new .topbar-sub-row flexbox, so the status reads
alongside the plan metadata rather than floating in the corner.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: tyaginidhi

plugins/power-pages/skills/plan-alm/assets/alm-plan-template.html

@@ -30,6 +30,7 @@
 .topbar-left{display:flex;align-items:center;gap:14px;}
 .logo{width:36px;height:36px;border-radius:var(--radius);background:linear-gradient(135deg,#0078d4,#5c2d91);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff;font-family:var(--mono);}
 .topbar-title{font-size:16px;font-weight:700;color:var(--text-bright);}
+.topbar-sub-row{display:flex;align-items:center;gap:10px;margin-top:1px;}
 .topbar-sub{font-size:11px;color:var(--text-dim);margin-top:1px;}
 .plan-status{font-size:10px;font-weight:700;padding:3px 10px;border-radius:10px;text-transform:uppercase;letter-spacing:0.6px;background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border);}
 .plan-status.draft{background:var(--high-bg);color:var(--high);border-color:var(--high-border);}
@@ -319,10 +320,12 @@
     <div class="logo">PP</div>
     <div>
       <div class="topbar-title">ALM Plan &mdash; __SITE_NAME__</div>
-      <div class="topbar-sub">Generated __GENERATED_AT__</div>
+      <div class="topbar-sub-row">
+        <div class="topbar-sub">Generated __GENERATED_AT__</div>
+        <span class="plan-status">__PLAN_STATUS__</span>
+      </div>
     </div>
   </div>
-  <span class="plan-status">__PLAN_STATUS__</span>
 </div>
 
 <div class="layout">