ext(affordances): wireFillFromTab + .glyph-btn CSS

extension/src/vault/vault.css

@@ -10,6 +10,7 @@
   --bg-page:       #0d1117;
   --bg-pane:       #161b22;
   --bg-elevated:   #21262d;
+  --bg-input:      #161b22;
   --border-subtle: #30363d;
 
   /* Text */
@@ -1362,3 +1363,32 @@ textarea {
 .vault-lock-screen__form input {
   text-align: center;
 }
+
+/* Glyph button used by smart-input affordances. Sits inline with an input. */
+.glyph-btn {
+  min-width: 28px;
+  height: 28px;
+  padding: 0 6px;
+  background: var(--bg-input);
+  border: 1px solid var(--border-subtle);
+  border-radius: 3px;
+  color: var(--text-muted);
+  font-family: inherit;
+  font-size: 14px;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+.glyph-btn:hover:not(:disabled) {
+  border-color: var(--accent);
+  color: var(--accent);
+}
+.glyph-btn:focus-visible {
+  outline: none;
+  box-shadow: var(--focus-ring);
+}
+.glyph-btn:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+}