Refactor GPC plus flow to page recharge

sidepanel/sidepanel.css

@@ -921,6 +921,16 @@ header {
   min-width: 0;
 }
 
+.gpc-card-key-inline > .input-with-icon {
+  flex: 0 1 376px;
+  max-width: 376px;
+}
+
+.gpc-card-key-inline > .data-value {
+  flex: 0 0 auto;
+  white-space: nowrap;
+}
+
 .ip-proxy-fold-row {
   display: block;
 }
@@ -1287,6 +1297,18 @@ header {
   min-width: 0;
 }
 
+.data-value[data-tone="ok"] {
+  color: var(--green);
+}
+
+.data-value[data-tone="running"] {
+  color: var(--blue);
+}
+
+.data-value[data-tone="error"] {
+  color: var(--red);
+}
+
 .data-value-fill {
   flex: 1;
 }
@@ -2094,10 +2116,6 @@ header {
   cursor: default;
 }
 
-.gpc-helper-api-input {
-  font-family: 'JetBrains Mono', monospace;
-}
-
 .editable-list-picker {
   position: relative;
   flex: 1 1 0;