changes

web/src/styles.scss

@@ -239,7 +239,7 @@ body {
 .toast-host {
   z-index: 1080;
   width: min(420px, 100vw);
-  top: 5rem !important;
+  top: 1rem !important;
 }
 
 .toast-host .toast {
@@ -386,7 +386,7 @@ body {
   }
 
   .toast-host {
-    top: 4.5rem !important;
+    top: 0.75rem !important;
     left: 0;
     right: 0;
     width: 100%;
@@ -506,3 +506,84 @@ body {
   .pv-subnav-tabs { flex-direction: column; width: 100%; }
   .ec-footer-shell { flex-direction: column; align-items: flex-start; }
 }
+
+
+.ec-modal-close {
+  min-width: 2.75rem;
+  min-height: 2.75rem;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 999px;
+  flex: 0 0 auto;
+}
+
+.ec-proof-modal-body {
+  min-height: min(70vh, 720px);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0.75rem;
+}
+
+.ec-proof-frame {
+  width: 100%;
+  min-height: min(72vh, 760px);
+  border: 0;
+  border-radius: 0.75rem;
+  background: #fff;
+}
+
+.ec-scroll-list {
+  max-height: 36rem;
+  overflow: auto;
+}
+
+.ec-toolbar-toggle {
+  border: 1px solid var(--ec-card-border);
+  border-radius: 999px;
+  padding: 0.125rem;
+  background: rgba(var(--tblr-bg-surface-rgb), 0.75);
+  box-shadow: var(--ec-card-shadow);
+}
+
+.ec-toolbar-toggle .btn {
+  border-radius: 999px;
+}
+
+
+.pv-logout-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 2.375rem;
+  cursor: pointer;
+  position: relative;
+  z-index: 3;
+}
+
+.pv-logout-btn__content {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  pointer-events: none;
+}
+
+.ec-proof-modal-body {
+  padding: 0.75rem;
+}
+
+.ec-proof-frame {
+  display: block;
+  width: 100%;
+  min-height: 78vh;
+  border: 0;
+  border-radius: 0.75rem;
+  background: rgba(15, 23, 42, 0.04);
+}
+
+.ec-modal-close {
+  cursor: pointer;
+  position: relative;
+  z-index: 2;
+}