fix(executive-dashboard): remove Both filter, improve filter button visibility

- Removed "Both" button; default view is V1 Forms
- Buttons styled as a joined segmented control (shared border, no gap)
- V1 always renders in blue, EDS always in purple — colour-coded even when inactive
- Active state uses solid fill (blue/purple); inactive has coloured text + white bg
- Hover shows a tinted background matching the form type colour
- Button labels expanded to "V1 Forms" / "EDS Forms" for clarity

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: subodhkj

dashboards/executive-dashboard.js

@@ -188,25 +188,31 @@ const STYLE = `
 .form-filter-btns{
   margin-left:auto;
   display:flex;
-  gap:6px;
+  gap:0;
   align-items:center;
+  border-radius:8px;
+  overflow:hidden;
+  border:1px solid var(--border);
 }
 .form-filter-btn{
-  padding:4px 12px;
-  border-radius:6px;
-  border:1px solid var(--border);
+  padding:7px 20px;
+  border:none;
+  border-right:1px solid var(--border);
   background:white;
-  font-size:11px;
-  font-weight:600;
-  color:var(--muted);
+  font-size:12px;
+  font-weight:700;
+  letter-spacing:.4px;
   cursor:pointer;
-  transition:background .15s,color .15s,border-color .15s;
+  transition:background .15s,color .15s;
   font-family:'IBM Plex Sans',system-ui,sans-serif;
 }
-.form-filter-btn:hover{background:#f8fafc}
-.form-filter-btn.active[data-filter="both"]{background:var(--navy);color:white;border-color:var(--navy)}
-.form-filter-btn.active[data-filter="v1"]{background:var(--blue-lt);color:var(--blue);border-color:var(--blue-mid)}
-.form-filter-btn.active[data-filter="eds"]{background:var(--purple-lt);color:var(--purple);border-color:var(--purple-mid)}
+.form-filter-btn:last-child{border-right:none}
+.form-filter-btn[data-filter="v1"]{color:var(--blue)}
+.form-filter-btn[data-filter="eds"]{color:var(--purple)}
+.form-filter-btn[data-filter="v1"]:hover:not(.active){background:var(--blue-lt)}
+.form-filter-btn[data-filter="eds"]:hover:not(.active){background:var(--purple-lt)}
+.form-filter-btn.active[data-filter="v1"]{background:var(--blue);color:white}
+.form-filter-btn.active[data-filter="eds"]{background:var(--purple);color:white}
 .section-hdr h2{
   font-family:'Playfair Display',Georgia,serif;
   font-size:20px;
@@ -1074,12 +1080,11 @@ class ExecutiveDashboard extends HTMLElement {
             <h2>Weekly Trends</h2>
             <span class="section-sub">${trendsSubText}</span>
             <div class="form-filter-btns" id="trends-filter-btns">
-              <button class="form-filter-btn active" data-filter="both">Both</button>
-              <button class="form-filter-btn" data-filter="v1">V1</button>
-              <button class="form-filter-btn" data-filter="eds">EDS</button>
+              <button class="form-filter-btn active" data-filter="v1">V1 Forms</button>
+              <button class="form-filter-btn" data-filter="eds">EDS Forms</button>
             </div>
           </div>
-          <div id="trends-table-wrap">${renderTrendsTable(aprilWeeks)}</div>
+          <div id="trends-table-wrap">${renderTrendsTable(aprilWeeks, 'v1')}</div>
         </div>
 
         <div class="monthly-section">