Move manager tabs above content canvas

app/assets/css/main.css

@@ -11,6 +11,7 @@
   --brand-surface: #f4fbf7;
   --brand-muted: #d8eee1;
   --brand-ink: #0f2f20;
+  --lk-canvas-bg: color-mix(in oklab, #edf3ef 82%, white);
 }
 
 [data-theme='aqua'] {
@@ -96,13 +97,18 @@ body {
 .lk-content-canvas {
   border: 0;
   border-radius: 2rem;
-  background: color-mix(in oklab, #edf3ef 82%, white);
+  background: var(--lk-canvas-bg);
   box-shadow:
     0 18px 46px rgba(16, 73, 44, 0.08),
     inset 0 1px 0 rgba(255, 255, 255, 0.32);
   padding: clamp(1rem, 1.2vw, 1.5rem);
 }
 
+.lk-content-canvas--with-tabs {
+  position: relative;
+  z-index: 1;
+}
+
 .surface-card {
   border: 0;
   background: #fff;
@@ -238,38 +244,44 @@ body {
   color: #557562;
 }
 
+.lk-page-tabs-shell {
+  position: relative;
+  z-index: 2;
+  margin-bottom: -1px;
+  padding-left: clamp(0.75rem, 1.3vw, 1.35rem);
+}
+
 .manager-page-tabs {
   display: inline-flex;
-  align-items: center;
-  gap: 0.35rem;
-  border: 1px solid #d7e9de;
-  border-radius: 999px;
-  background: rgba(255, 255, 255, 0.72);
-  padding: 0.3rem;
+  align-items: flex-end;
+  gap: 0.45rem;
 }
 
 .manager-page-tab {
-  border: 0;
-  border-radius: 999px;
+  border: 1px solid #d7e9de;
+  border-bottom: 0;
+  border-radius: 1.15rem 1.15rem 0 0;
   background: transparent;
-  padding: 0.75rem 1.15rem;
+  margin-bottom: -1px;
+  padding: 0.8rem 1.2rem 0.95rem;
   font-size: 0.95rem;
   font-weight: 700;
   color: #5c7b69;
   transition:
     background-color 0.18s ease,
-    box-shadow 0.18s ease,
+    border-color 0.18s ease,
     color 0.18s ease;
 }
 
 .manager-page-tab:hover {
   color: #123824;
+  border-color: #bfd8ca;
 }
 
 .manager-page-tab--active {
-  background: var(--brand-primary);
-  color: #fff;
-  box-shadow: 0 12px 28px rgba(19, 153, 87, 0.22);
+  background: var(--lk-canvas-bg);
+  color: #123824;
+  border-color: #d2e3da;
 }
 
 .manager-dock-shell {