ESP32 wallet RPC, browser wallet provider, and side panel

SHiNE-browser-plugin-wallet/popup.css

@@ -2,22 +2,34 @@
   box-sizing: border-box;
 }
 
+html {
+  min-height: 100%;
+}
+
 body {
   margin: 0;
-  min-width: 360px;
+  min-width: 320px;
+  max-width: none;
+  min-height: 100vh;
   background: #0f1720;
   color: #e8eef6;
   font: 14px/1.4 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
 }
 
+.side-panel-body {
+  width: 100%;
+}
+
 .layout {
   padding: 12px;
+  min-height: 100vh;
 }
 
 .panel {
   display: flex;
   flex-direction: column;
   gap: 12px;
+  min-height: calc(100vh - 24px);
 }
 
 .panel-header {
@@ -140,9 +152,9 @@ select {
 }
 
 .code {
-  font-size: 34px;
+  font-size: 30px;
   font-weight: 700;
-  letter-spacing: 0.18em;
+  letter-spacing: 0.12em;
 }
 
 .summary-row {
@@ -153,7 +165,7 @@ select {
 }
 
 .summary-row code {
-  max-width: 180px;
+  max-width: 140px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -209,3 +221,15 @@ select {
 .device-state-unknown {
   color: #f8e2a0;
 }
+
+.wallet-pubkey {
+  display: block;
+  width: 100%;
+  padding: 10px 12px;
+  border: 1px solid #314459;
+  border-radius: 8px;
+  background: #0d141d;
+  color: #bed5f5;
+  white-space: normal;
+  line-break: anywhere;
+}