first commit

app/assets/styles/OperationToasts.DfA_b8om.css

@@ -0,0 +1,71 @@
+.operation-toasts.p-toast {
+  width: min(380px, 100% - 24px);
+  top: 76px !important;
+  right: 20px !important;
+}
+.operation-toasts .p-toast-message {
+  background: var(--p-content-background);
+  color: var(--p-text-color);
+  border: 1px solid var(--p-content-border-color);
+  -webkit-backdrop-filter: none;
+  backdrop-filter: none;
+  border-radius: 10px;
+  box-shadow: 0 8px 28px #0f172a1f;
+}
+.operation-toasts .p-toast-message-content {
+  align-items: flex-start;
+  gap: 10px;
+  padding: 14px;
+}
+.operation-toast-icon {
+  flex-shrink: 0;
+  margin-top: 3px;
+  font-size: 1.125rem;
+}
+.operation-toast-icon.notice-success {
+  color: var(--p-green-500);
+}
+.operation-toast-icon.notice-error {
+  color: var(--p-red-500);
+}
+.operation-toast-icon.notice-warn {
+  color: var(--p-orange-500);
+}
+.operation-toast-icon.notice-info {
+  color: var(--p-primary-color);
+}
+.operation-toast-copy {
+  overflow-wrap: anywhere;
+  flex: 1;
+  min-width: 0;
+  font-size: 0.9375rem;
+  line-height: 1.6;
+}
+.operation-toast-results {
+  margin-top: 8px;
+  font-size: 0.875rem;
+}
+.operation-toast-results summary {
+  cursor: pointer;
+  color: var(--p-primary-color);
+}
+.operation-toast-results ul {
+  max-height: min(240px, 40vh);
+  margin: 8px 0 0;
+  padding-left: 18px;
+  overflow: auto;
+}
+.operation-toast-results li + li {
+  margin-top: 6px;
+}
+@media (width<=600px) {
+  .operation-toasts.p-toast {
+    top: 68px !important;
+    right: 12px !important;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .operation-toasts .p-toast-message {
+    transition: none !important;
+  }
+}