2.7

New profile tabs
Moved Solar model to Why box

assets/css/table.css

@@ -11,7 +11,7 @@
 /* Wrapper that hosts the scrollable strip, edge fades, and chevrons. */
 .utci-day-tabs-wrap {
   position: relative;
-  margin-top: 14px;
+  margin-top: 12px;
 }
 
 /* Edge fade gradients — only show when there's content to scroll to. */
@@ -132,7 +132,7 @@
   flex-direction: column;
   gap: 0;
   margin-bottom: 0;
-  padding: 0 14px 0;
+  padding: 0px;
   background: transparent;
   border: none;
 }
@@ -160,8 +160,8 @@
   justify-content: safe center; /* fall back to flex-start if it overflows */
   overflow-x: auto;
   overflow-y: auto;         /* forced by browser when overflow-x is non-visible */
-  padding-bottom: 400px;    /* extends clip boundary so the tallest dropdown (Activities) isn't cut off */
-  margin-bottom: -400px;    /* cancel that extra space in the layout */
+  padding-bottom: 6px;
+  margin-bottom: 0;
   scrollbar-width: none;
   -ms-overflow-style: none;
   padding-right: 4px;       /* breathing room at right edge */
@@ -173,6 +173,12 @@
 .profile-scroll-wrap {
   position: relative;
   width: 100%;
+  padding-top:8px;
+  padding-bottom:4px;
+  background-color: #fffcf2;
+  border-left: 1.5px solid #c9b08a;
+  border-right: 1.5px solid #c9b08a;
+  border-bottom: 1.5px solid #c9b08a;
 }
 
 .profile-scroll-wrap::before,
@@ -285,6 +291,47 @@
   color: #fff;
 }
 
+/* Tab strip above the profile scroll row */
+.profile-tabs {
+  display: flex;
+  width: 100%;
+  border-bottom: 1.5px solid #c9b08a;
+  margin-bottom: 0px;
+}
+.profile-tab {
+  flex: 1;
+  padding: 7px 4px;
+  background: transparent;
+  border: none;
+  border-bottom: 2.5px solid transparent;
+  border-left: 1.5px solid #f5edd6;
+  border-right: 1.5px solid #f5edd6;
+  border-top: 1.5px solid #f5edd6;
+  margin-bottom: -1.5px;
+  font-family: Manrope, sans-serif;
+  font-size: 11px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  color: #9a7a4a;
+  cursor: pointer;
+  transition: color 0.15s, border-color 0.15s;
+  white-space: nowrap;
+}
+.profile-tab:hover { 
+	color: #c8922a;
+	background: #f0e4c4;
+}
+.profile-tab.active {
+  color: #c8922a;
+  background-color: #fffcf2;
+  border-bottom-color: #fffcf2;
+  border-left: 1.5px solid #c9b08a;
+  border-right: 1.5px solid #c9b08a;
+  border-top: 1.5px solid #c9b08a;
+  border-radius:7px 7px 0px 0px
+}
+
 
 /* ── 6. COLUMN TOGGLES  (the "Columns: Hour Air RH ..." bar) ────────── */