Migrate remaining legacy operator workflows

Web/manual-financial-ui.css

@@ -96,7 +96,7 @@
 
 .mfui-list-panel {
   display: grid;
-  grid-template-rows: auto auto minmax(0, 1fr);
+  grid-template-rows: auto auto auto minmax(0, 1fr);
   gap: 12px;
   border-right: 1px solid var(--mfui-border);
   background: rgba(8, 19, 31, 0.92);
@@ -118,7 +118,7 @@
 
 .mfui-search {
   display: grid;
-  grid-template-columns: minmax(0, 1fr) auto;
+  grid-template-columns: minmax(76px, 1fr) auto auto auto;
   gap: 8px;
 }
 
@@ -164,6 +164,31 @@
   background: rgba(2, 10, 19, 0.48);
 }
 
+.mfui-list-sort {
+  width: 100%;
+  min-height: 30px;
+  padding: 0 11px;
+  border: 1px solid rgba(135, 158, 186, 0.24);
+  border-radius: 7px;
+  background: rgba(19, 37, 56, 0.88);
+  color: #b8c9da;
+  font-size: 11px;
+  font-weight: 700;
+  text-align: left;
+  cursor: pointer;
+}
+
+.mfui-list-sort:hover,
+.mfui-list-sort:focus-visible {
+  border-color: #55a9ed;
+  color: #fff;
+  outline: none;
+}
+
+.mfui-list-sort[data-direction="descending"] {
+  color: #73b8ee;
+}
+
 .mfui-list-row {
   width: 100%;
   padding: 10px 12px;
@@ -234,6 +259,7 @@
 
 .mfui-button,
 .mfui-search-button,
+.mfui-find-button,
 .mfui-close {
   min-height: 36px;
   padding: 0 13px;
@@ -247,6 +273,7 @@
 
 .mfui-button:hover:not(:disabled),
 .mfui-search-button:hover:not(:disabled),
+.mfui-find-button:hover:not(:disabled),
 .mfui-close:hover:not(:disabled) {
   border-color: #78b9eb;
   background: rgba(43, 75, 105, 0.96);
@@ -268,11 +295,18 @@
 }
 
 .mfui-button:disabled,
-.mfui-search-button:disabled {
+.mfui-search-button:disabled,
+.mfui-find-button:disabled {
   opacity: 0.42;
   cursor: not-allowed;
 }
 
+.mfui-search-button,
+.mfui-find-button {
+  padding-inline: 9px;
+  white-space: nowrap;
+}
+
 .mfui-status {
   color: #c6d4e2;
   font-size: 12px;
@@ -320,6 +354,14 @@
     grid-template-columns: 1fr;
   }
 
+  .mfui-search {
+    grid-template-columns: minmax(0, 1fr) auto;
+  }
+
+  .mfui-find-button {
+    width: 100%;
+  }
+
   .mfui-quarantine {
     max-width: none;
   }