Mobile: add vault context indicator pill below header

frontend/style.css

@@ -6554,6 +6554,9 @@ body.popup-mode .content-area {
 .mobile-toolbar {
   display: none;
 }
+.vault-context-bar {
+  display: none;
+}
 
 @media (max-width: 768px) {
   .mobile-toolbar {
@@ -6611,6 +6614,24 @@ body.popup-mode .content-area {
     display: none !important;
   }
 
+  /* Vault context indicator */
+  .vault-context-bar {
+    display: flex;
+    align-items: center;
+    padding: 6px 14px;
+    background: var(--bg-primary);
+    border-bottom: 1px solid var(--border);
+  }
+  .vault-context-pill {
+    font-size: 0.72rem;
+    font-weight: 600;
+    color: var(--accent);
+    background: color-mix(in srgb, var(--accent) 10%, transparent);
+    padding: 3px 10px;
+    border-radius: 12px;
+    white-space: nowrap;
+  }
+
   .mt-btn {
     display: flex;
     flex-direction: column;