kaleido-ui 0.1.80 → 0.1.82

package/dist/web/index.js

@@ -513,7 +513,7 @@ var SelectTrigger = React4.forwardRef(({ className, children, compact = false, .
         "w-auto gap-1 rounded-2xl bg-white/[0.09] px-2 py-1.5 text-xs leading-none backdrop-blur-md",
         "hover:bg-white/[0.13] data-[state=open]:bg-white/[0.13]"
       ] : [
-        "w-full gap-3 rounded-xl border bg-white/[0.04] px-4 py-3 text-left text-sm",
+        "w-full gap-3 rounded-xl border border-transparent bg-white/[0.04] px-4 py-3 text-left text-sm",
         "hover:border-primary/30 hover:bg-white/[0.06] data-[state=open]:border-primary/30"
       ],
       "focus:ring-1 focus:ring-primary/50",
@@ -542,7 +542,7 @@ var SelectContent = React4.forwardRef(({ className, children, position = "popper
   {
     ref,
     className: cn(
-      "relative min-w-[8rem] overflow-hidden rounded-2xl border border-primary/20 bg-popover/95 p-2 shadow-xl backdrop-blur",
+      "relative min-w-[8rem] overflow-hidden rounded-2xl bg-popover/95 p-2 shadow-xl backdrop-blur",
       "z-[var(--z-popover)]",
       position === "popper" && "w-[var(--radix-select-trigger-width)]",
       className
@@ -1546,7 +1546,7 @@ function AssetIcon({ ticker, logoUri, cdnBaseUrl, size = 40, className }) {
     "div",
     {
       className: cn(
-        "rounded-full flex items-center justify-center font-bold text-foreground shadow-inner border",
+        "rounded-full flex items-center justify-center font-bold text-foreground shadow-inner",
         bgColor,
         className
       ),
@@ -2263,7 +2263,7 @@ function AccountStatusTabs({
         "div",
         {
           className: cn(
-            "pointer-events-none absolute bottom-[calc(100%+12px)] right-0 z-20 hidden w-64 rounded-2xl border bg-popover/95 p-3.5 opacity-0 shadow-2xl backdrop-blur-xl transition-all duration-150 group-hover:opacity-100 md:block"
+            "pointer-events-none absolute bottom-[calc(100%+12px)] right-0 z-20 hidden w-64 rounded-2xl bg-popover/95 p-3.5 opacity-0 shadow-2xl backdrop-blur-xl transition-all duration-150 group-hover:opacity-100 md:block"
           ),
           children: [
             /* @__PURE__ */ jsxs15("div", { className: "flex items-start gap-3", children: [
@@ -2282,7 +2282,7 @@ function AccountStatusTabs({
             /* @__PURE__ */ jsx28("div", { className: "mt-3 flex flex-wrap gap-1.5", children: account.capabilityBullets.map((capability) => /* @__PURE__ */ jsx28(
               "span",
               {
-                className: "rounded-full border bg-white/[0.05] px-2 py-1 text-xxs font-medium text-white/60",
+                className: "rounded-full bg-white/8 px-2 py-1 text-xxs font-medium text-white/60",
                 children: capability
               },
               capability
@@ -2296,19 +2296,9 @@ function AccountStatusTabs({
       {
         open: selectedAccountId !== null,
         onOpenChange: (open) => !open && setSelectedAccountId(null),
-        children: selectedAccount && /* @__PURE__ */ jsx28(DialogContent, { className: "max-w-md border bg-popover p-0 text-white", children: /* @__PURE__ */ jsxs15("div", { className: "p-6", children: [
+        children: selectedAccount && /* @__PURE__ */ jsx28(DialogContent, { className: "max-w-md bg-popover p-0 text-white", children: /* @__PURE__ */ jsxs15("div", { className: "p-6", children: [
           /* @__PURE__ */ jsx28(DialogHeader, { className: "text-left", children: /* @__PURE__ */ jsxs15("div", { className: "flex items-start gap-3", children: [
-            /* @__PURE__ */ jsx28(
-              "div",
-              {
-                className: cn(
-                  "rounded-2xl border p-3",
-                  selectedAccount.accentBg,
-                  selectedAccount.accentBorder
-                ),
-                children: selectedAccount.icon
-              }
-            ),
+            /* @__PURE__ */ jsx28("div", { className: cn("rounded-2xl p-3", selectedAccount.accentBg), children: selectedAccount.icon }),
             /* @__PURE__ */ jsxs15("div", { className: "min-w-0", children: [
               /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ jsx28("span", { className: "text-xxs font-black uppercase tracking-[0.18em] text-muted-foreground", children: selectedAccount.label }),
@@ -2323,7 +2313,7 @@ function AccountStatusTabs({
               "div",
               {
                 className: cn(
-                  "rounded-2xl border px-4 py-3",
+                  "rounded-2xl px-4 py-3",
                   selectedAccount.networkBannerClassName
                 ),
                 children: [
@@ -2332,7 +2322,7 @@ function AccountStatusTabs({
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs15("div", { className: "rounded-2xl border bg-white/[0.04] px-4 py-3", children: [
+            /* @__PURE__ */ jsxs15("div", { className: "rounded-2xl bg-muted/40 px-4 py-3", children: [
               /* @__PURE__ */ jsx28("div", { className: "text-icon-xxs font-black uppercase tracking-[0.18em] text-white/45", children: "Status" }),
               /* @__PURE__ */ jsx28("div", { className: "mt-1 text-sm font-semibold text-white/90", children: selectedAccount.state })
             ] })
@@ -2343,7 +2333,7 @@ function AccountStatusTabs({
             /* @__PURE__ */ jsx28("div", { className: "mt-3 flex flex-wrap gap-2", children: selectedAccount.capabilityBullets.map((capability) => /* @__PURE__ */ jsxs15(
               "span",
               {
-                className: "inline-flex items-center gap-1.5 rounded-full border bg-white/[0.05] px-2.5 py-1 text-xxs font-medium text-white/70",
+                className: "inline-flex items-center gap-1.5 rounded-full bg-white/8 px-2.5 py-1 text-xxs font-medium text-white/70",
                 children: [
                   /* @__PURE__ */ jsx28("span", { className: "size-1.5 rounded-full bg-primary/70" }),
                   capability
@@ -2436,7 +2426,7 @@ function InlineSelector({
       {
         ref: panelRef,
         className: cn(
-          "absolute left-0 top-full z-[var(--z-popover)] mt-2 w-full rounded-2xl border border-white/[0.08] bg-popover/95 p-1.5 shadow-2xl backdrop-blur-xl duration-200 animate-in fade-in slide-in-from-top-1",
+          "absolute left-0 top-full z-[var(--z-popover)] mt-2 w-full rounded-2xl bg-popover/95 p-1.5 shadow-2xl backdrop-blur-xl duration-200 animate-in fade-in slide-in-from-top-1",
           panelClassName
         ),
         children: [
@@ -2588,7 +2578,7 @@ function OptionSelector({
       options,
       onChange,
       className: cn(compact ? "w-auto shrink-0" : "w-full", className),
-      panelClassName: "right-0 left-auto min-w-[11rem] rounded-xl border-0 bg-card",
+      panelClassName: "right-0 left-auto min-w-[11rem] rounded-xl bg-card",
       optionClassName: "px-3.5 py-2.5 hover:bg-white/6 data-[selected]:bg-transparent data-[selected]:shadow-none",
       onOpenPanelHeightChange,
       renderTrigger: ({ open }) => /* @__PURE__ */ jsxs18(
@@ -2646,7 +2636,7 @@ function SettingsTile({ icon, title, description, value, onClick }) {
     {
       type: "button",
       onClick,
-      className: "w-full rounded-2xl bg-card p-5 text-left transition-all duration-200 hover:bg-accent active:scale-[0.98]",
+      className: "w-full rounded-2xl bg-card/70 p-5 text-left transition-all duration-200 hover:bg-accent active:scale-[0.98]",
       children: /* @__PURE__ */ jsxs19("div", { className: "flex items-center justify-between gap-3", children: [
         /* @__PURE__ */ jsxs19("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
           /* @__PURE__ */ jsx32("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-xl bg-muted", children: icon }),
@@ -2971,10 +2961,10 @@ function ExpandIcon({ expanded }) {
   return /* @__PURE__ */ jsx33(Icon, { name: expanded ? "expand_less" : "expand_more", size: "md" });
 }
 var ACCOUNT_ACCENT_BG = {
-  RGB: "bg-gradient-to-br from-primary/[0.06] via-card to-primary/[0.10]",
-  SPARK: "bg-gradient-to-br from-info/[0.06] via-card to-info/[0.10]",
-  ARKADE: "bg-gradient-to-br from-network-arkade/[0.06] via-card to-network-arkade/[0.10]",
-  NOSTR: "bg-gradient-to-br from-network-arkade/[0.06] via-card to-network-arkade/[0.10]"
+  RGB: "bg-gradient-to-br from-primary/[0.06] via-card/70 to-primary/[0.10]",
+  SPARK: "bg-gradient-to-br from-info/[0.06] via-card/70 to-info/[0.10]",
+  ARKADE: "bg-gradient-to-br from-network-arkade/[0.06] via-card/70 to-network-arkade/[0.10]",
+  NOSTR: "bg-gradient-to-br from-network-arkade/[0.06] via-card/70 to-network-arkade/[0.10]"
 };
 function AccountSettingsRow({
   accountId,
@@ -3113,7 +3103,7 @@ function AssetSkeleton({ index }) {
 }
 function EmptyState({ state }) {
   return /* @__PURE__ */ jsxs22("div", { className: "py-8 text-center", children: [
-    state.icon && /* @__PURE__ */ jsx35("div", { className: "mx-auto mb-3 flex size-12 items-center justify-center rounded-card border bg-card", children: state.icon }),
+    state.icon && /* @__PURE__ */ jsx35("div", { className: "mx-auto mb-3 flex size-12 items-center justify-center rounded-card bg-card", children: state.icon }),
     state.title && /* @__PURE__ */ jsx35("p", { className: "mb-1 text-sm font-medium text-muted-foreground", children: state.title }),
     state.description && /* @__PURE__ */ jsx35("p", { className: "text-xs text-muted-foreground/70", children: state.description })
   ] });
@@ -3228,11 +3218,11 @@ function BalanceBreakdown({
                 ] }) : /* @__PURE__ */ jsxs23(Fragment5, { children: [
                   /* @__PURE__ */ jsxs23("div", { className: "flex min-w-0 max-w-full flex-wrap items-baseline gap-x-1.5 gap-y-1", children: [
                     /* @__PURE__ */ jsx36("span", { className: "text-display font-black leading-[1.1] tracking-tighter text-white drop-shadow-sm transition-all duration-300 group-active:scale-95 group-active:text-primary", children: balanceVisible ? numberOnly(format(totalBTC)) : "\u2022\u2022\u2022\u2022\u2022\u2022" }),
-                    unit !== "fiat" && /* @__PURE__ */ jsx36("span", { className: "inline-block rounded-md border border-white/10 bg-white/5 px-2 py-0.5 text-tiny font-bold uppercase tracking-widest text-white/45", children: label }),
+                    unit !== "fiat" && /* @__PURE__ */ jsx36("span", { className: "inline-block rounded-md bg-white/8 px-2 py-0.5 text-tiny font-bold uppercase tracking-widest text-white/45", children: label }),
                     isPartial && /* @__PURE__ */ jsx36(
                       "span",
                       {
-                        className: "inline-flex size-4 items-center justify-center rounded-full border bg-white/[0.06]",
+                        className: "inline-flex size-4 items-center justify-center rounded-full bg-white/[0.06]",
                         title: "Loading remaining balances",
                         children: /* @__PURE__ */ jsx36("span", { className: "size-2 animate-spin rounded-full border border-primary/30 border-t-primary" })
                       }
@@ -3284,7 +3274,7 @@ function BalanceBreakdown({
         expanded && /* @__PURE__ */ jsxs23(
           "div",
           {
-            className: `space-y-1 border-t border-white/[0.08] duration-300 animate-in fade-in slide-in-from-top-2 ${compact ? "mt-3 pt-3" : "mt-4 pt-4"}`,
+            className: `space-y-1 duration-300 animate-in fade-in slide-in-from-top-2 ${compact ? "mt-3 pt-3" : "mt-4 pt-4"}`,
             children: [
               /* @__PURE__ */ jsx36("p", { className: "mb-3 text-xxs font-bold uppercase tracking-widest text-white/30", children: "Bitcoin" }),
               /* @__PURE__ */ jsx36(
@@ -3369,7 +3359,7 @@ function BalanceBreakdown({
                 }
               ),
               rgbAssets.length > 0 && /* @__PURE__ */ jsx36(RgbAssetsBreakdown, { assets: rgbAssets, balanceVisible }),
-              tokenValueSats !== void 0 && tokenValueSats > 0 && /* @__PURE__ */ jsxs23("div", { className: "mt-3 border-t border-white/[0.08] pt-4", children: [
+              tokenValueSats !== void 0 && tokenValueSats > 0 && /* @__PURE__ */ jsxs23("div", { className: "mt-4 pt-1", children: [
                 /* @__PURE__ */ jsx36("p", { className: "mb-3 text-xxs font-bold uppercase tracking-widest text-white/30", children: "Token Holdings" }),
                 /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between rounded-xl bg-white/[0.03] px-3 py-2", children: [
                   /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
@@ -3386,7 +3376,7 @@ function BalanceBreakdown({
                   ] })
                 ] })
               ] }),
-              accounts.RGB?.connected && nodeInfo?.pubkey && /* @__PURE__ */ jsxs23("div", { className: "mt-3 border-t border-white/[0.08] pt-4", children: [
+              accounts.RGB?.connected && nodeInfo?.pubkey && /* @__PURE__ */ jsxs23("div", { className: "mt-4 pt-1", children: [
                 /* @__PURE__ */ jsx36("p", { className: "mb-3 text-xxs font-bold uppercase tracking-widest text-white/30", children: "RLN Details" }),
                 /* @__PURE__ */ jsxs23("div", { className: "grid grid-cols-3 gap-2", children: [
                   /* @__PURE__ */ jsx36(
@@ -3406,7 +3396,7 @@ function BalanceBreakdown({
         /* @__PURE__ */ jsxs23(
           "div",
           {
-            className: `relative z-10 flex gap-2.5 border-t border-white/[0.08] ${compact ? "mt-2 pt-2" : "mt-3 pt-3"}`,
+            className: `relative z-10 flex gap-2.5 ${compact ? "mt-2 pt-2" : "mt-3 pt-3"}`,
             children: [
               /* @__PURE__ */ jsx36(
                 ActionTile,
@@ -3446,7 +3436,7 @@ function RgbAssetsBreakdown({
   assets,
   balanceVisible
 }) {
-  return /* @__PURE__ */ jsxs23("div", { className: "mt-3 border-t border-white/[0.08] pt-4", children: [
+  return /* @__PURE__ */ jsxs23("div", { className: "mt-4 pt-1", children: [
     /* @__PURE__ */ jsx36("p", { className: "mb-3 text-xxs font-bold uppercase tracking-widest text-white/30", children: "RGB Assets" }),
     /* @__PURE__ */ jsx36("div", { className: "space-y-2", children: assets.map((asset) => {
       const bal = asset.balance ?? {};
@@ -3457,7 +3447,7 @@ function RgbAssetsBreakdown({
       const formatRgb = (value) => (value / Math.pow(10, precision)).toFixed(precision);
       return /* @__PURE__ */ jsxs23("div", { className: "flex items-start justify-between py-1", children: [
         /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2.5", children: [
-          /* @__PURE__ */ jsx36("div", { className: "flex size-5 items-center justify-center overflow-hidden rounded border border-network-rgb/20 bg-network-rgb/10", children: /* @__PURE__ */ jsx36("img", { src: "/icons/rgb/rgb-logo.svg", alt: "RGB", className: "size-3.5 object-contain" }) }),
+          /* @__PURE__ */ jsx36("div", { className: "flex size-5 items-center justify-center overflow-hidden rounded bg-network-rgb/10", children: /* @__PURE__ */ jsx36("img", { src: "/icons/rgb/rgb-logo.svg", alt: "RGB", className: "size-3.5 object-contain" }) }),
           /* @__PURE__ */ jsxs23("div", { className: "flex flex-col", children: [
             /* @__PURE__ */ jsx36("span", { className: "text-xs font-semibold text-white/90", children: asset.ticker }),
             /* @__PURE__ */ jsx36("span", { className: "max-w-[90px] truncate text-xxs text-white/40", children: asset.name })
@@ -3489,7 +3479,7 @@ function RgbAssetsBreakdown({
   ] });
 }
 function StatusChip({ label, value }) {
-  return /* @__PURE__ */ jsxs23("div", { className: "rounded-xl border border-white/[0.08] bg-white/5 px-3 py-2", children: [
+  return /* @__PURE__ */ jsxs23("div", { className: "rounded-xl bg-muted/40 px-3 py-2", children: [
     /* @__PURE__ */ jsx36("div", { className: "text-xxs font-bold uppercase tracking-widest text-white/30", children: label }),
     /* @__PURE__ */ jsx36("div", { className: "mt-1 truncate text-xs font-semibold text-white/80", children: value })
   ] });
@@ -3529,7 +3519,7 @@ function NetworkRow({
         ] }),
         /* @__PURE__ */ jsx36("div", { className: "flex flex-col items-end", children: isPending ? /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-1.5", children: [
           /* @__PURE__ */ jsx36("div", { className: "h-3.5 w-12 animate-pulse rounded bg-white/10" }),
-          /* @__PURE__ */ jsx36("span", { className: "inline-flex size-3 items-center justify-center rounded-full border bg-white/[0.06]", children: /* @__PURE__ */ jsx36("span", { className: "size-1.5 animate-spin rounded-full border border-primary/30 border-t-primary" }) })
+          /* @__PURE__ */ jsx36("span", { className: "inline-flex size-3 items-center justify-center rounded-full bg-white/[0.06]", children: /* @__PURE__ */ jsx36("span", { className: "size-1.5 animate-spin rounded-full border border-primary/30 border-t-primary" }) })
         ] }) : /* @__PURE__ */ jsxs23(Fragment5, { children: [
           /* @__PURE__ */ jsx36("span", { className: "tabular-nums text-xs font-bold text-white", children: visible ? format(amount) : "\u2022\u2022\u2022\u2022\u2022\u2022" }),
           fiat && visible && !isEmpty && /* @__PURE__ */ jsx36("span", { className: "mt-0.5 font-mono text-xxs text-white/35", children: fiat })
@@ -3669,7 +3659,7 @@ function AssetSelector({
             children: /* @__PURE__ */ jsxs24(
               "div",
               {
-                className: "flex max-h-[85vh] w-full max-w-[26rem] flex-col overflow-hidden rounded-t-3xl bg-popover/95 shadow-popover backdrop-blur-2xl duration-300 animate-in slide-in-from-bottom-8 sm:max-h-[80vh] sm:rounded-3xl sm:border sm:slide-in-from-bottom-0 sm:zoom-in-95",
+                className: "flex max-h-[85vh] w-full max-w-[26rem] flex-col overflow-hidden rounded-t-3xl bg-popover/95 shadow-popover backdrop-blur-2xl duration-300 animate-in slide-in-from-bottom-8 sm:max-h-[80vh] sm:rounded-3xl sm:slide-in-from-bottom-0 sm:zoom-in-95",
                 onClick: (event) => event.stopPropagation(),
                 children: [
                   /* @__PURE__ */ jsx37("div", { className: "flex-shrink-0 bg-white/[0.03] px-4 py-3.5", children: /* @__PURE__ */ jsxs24("div", { className: "flex items-center justify-between gap-3", children: [
@@ -3768,7 +3758,7 @@ function AssetSelector({
                         },
                         className: cn(
                           "group flex w-full items-center gap-3 rounded-2xl border px-3 py-3 text-sm transition-all duration-200",
-                          optionSelected ? "border-primary/30 bg-primary/[0.12]" : optionDisabled ? "cursor-not-allowed border-white/[0.04] bg-white/[0.015] opacity-45" : "border-transparent bg-transparent hover:border-border hover:bg-accent"
+                          optionSelected ? "border-primary/30 bg-primary/[0.12]" : optionDisabled ? "cursor-not-allowed border-transparent bg-white/[0.015] opacity-45" : "border-transparent bg-transparent hover:bg-accent"
                         ),
                         children: renderAssetOption(option, optionSelected, optionDisabled)
                       },
@@ -3796,7 +3786,7 @@ function AssetSelector({
       },
       disabled,
       className: "space-y-1.5",
-      panelClassName: "border-border bg-popover/95 p-0 shadow-popover",
+      panelClassName: "bg-popover/95 p-0 shadow-popover",
       optionClassName: "mx-1.5 px-3 py-3",
       onOpenPanelHeightChange,
       renderTrigger: ({ open: open2 }) => /* @__PURE__ */ jsxs24("span", { className: "block", children: [
@@ -4352,7 +4342,7 @@ function ActivityFilterBar({
         onValueChange: (value) => onStatusFilterChange(value),
         children: [
           /* @__PURE__ */ jsx41(SelectTrigger, { className: "h-full rounded-2xl border-0 bg-surface-card px-3 py-0 text-xs font-bold text-white shadow-inner backdrop-blur-xl hover:bg-surface-elevated focus:ring-0 data-[state=open]:bg-surface-elevated", children: /* @__PURE__ */ jsx41(SelectValue, {}) }),
-          /* @__PURE__ */ jsx41(SelectContent, { className: "border-0 bg-popover/95 p-1.5 shadow-popover", children: statusOptions.map((option) => /* @__PURE__ */ jsx41(SelectItem, { value: option.value, className: "py-2 text-xs", children: option.label }, option.value)) })
+          /* @__PURE__ */ jsx41(SelectContent, { className: "bg-popover/95 p-1.5 shadow-popover", children: statusOptions.map((option) => /* @__PURE__ */ jsx41(SelectItem, { value: option.value, className: "py-2 text-xs", children: option.label }, option.value)) })
         ]
       }
     ) }),
@@ -4656,7 +4646,7 @@ function WithdrawAmountInput({
           )
         ] }),
         /* @__PURE__ */ jsxs33("div", { className: cn(
-          "flex items-center justify-between border-t border-white/[0.05] px-4 py-2"
+          "flex items-center justify-between bg-muted/40 px-4 py-2"
         ), children: [
           /* @__PURE__ */ jsx46("span", { className: "text-xxs text-white/40", children: "Available" }),
           /* @__PURE__ */ jsxs33("span", { className: cn(
@@ -4710,7 +4700,7 @@ function WithdrawAmountInput({
                 setFeeRateMode?.(mode);
                 if (mode !== "custom") setFeeRate(mode);
               },
-              className: `group relative overflow-hidden rounded-xl border px-2 py-3 shadow-sm transition-all active:scale-[0.98] ${selected ? "border-primary/40 bg-primary/10" : "border-border bg-card/40 hover:border-primary/40"}`,
+              className: `group relative overflow-hidden rounded-xl border px-2 py-3 shadow-sm transition-all active:scale-[0.98] ${selected ? "border-primary/40 bg-primary/10" : "border-transparent bg-card/70 hover:border-primary/40"}`,
               children: [
                 /* @__PURE__ */ jsx46(
                   "span",
@@ -4832,7 +4822,7 @@ function WithdrawInvoiceInfo({
   maxLightningCapacity
 }) {
   if (decodedLnInvoice && addressType === "lightning") {
-    return /* @__PURE__ */ jsxs34("div", { className: "space-y-3 rounded-2xl border bg-card p-5 shadow-inner", children: [
+    return /* @__PURE__ */ jsxs34("div", { className: "space-y-3 rounded-2xl bg-card p-5 shadow-inner", children: [
       /* @__PURE__ */ jsx47("p", { className: "text-xs font-medium uppercase tracking-wide text-primary", children: "Lightning Invoice" }),
       decodedLnInvoice.amount != null && decodedLnInvoice.amount > 0 && /* @__PURE__ */ jsxs34("div", { className: "flex justify-between text-sm", children: [
         /* @__PURE__ */ jsx47("span", { className: "text-muted-foreground", children: "Amount" }),
@@ -4864,7 +4854,7 @@ function WithdrawInvoiceInfo({
     ] });
   }
   if (decodedRgbInvoice && addressType === "rgb") {
-    return /* @__PURE__ */ jsxs34("div", { className: "space-y-3 rounded-2xl border bg-card p-5 shadow-inner", children: [
+    return /* @__PURE__ */ jsxs34("div", { className: "space-y-3 rounded-2xl bg-card p-5 shadow-inner", children: [
       /* @__PURE__ */ jsx47("p", { className: "text-xs font-medium uppercase tracking-wide text-primary", children: "RGB Invoice" }),
       decodedRgbInvoice.asset_id && /* @__PURE__ */ jsxs34("div", { className: "flex justify-between text-sm", children: [
         /* @__PURE__ */ jsx47("span", { className: "text-muted-foreground", children: "Asset" }),
@@ -4892,7 +4882,7 @@ function WithdrawInvoiceInfo({
     ] });
   }
   if (addressType === "bitcoin" || addressType === "arkade") {
-    return /* @__PURE__ */ jsx47("div", { className: "rounded-2xl border bg-card p-5 shadow-inner", children: /* @__PURE__ */ jsxs34("div", { className: "flex justify-between text-sm", children: [
+    return /* @__PURE__ */ jsx47("div", { className: "rounded-2xl bg-card p-5 shadow-inner", children: /* @__PURE__ */ jsxs34("div", { className: "flex justify-between text-sm", children: [
       /* @__PURE__ */ jsx47("span", { className: "text-muted-foreground", children: addressType === "arkade" ? "Available Arkade Balance" : "Available Balance" }),
       /* @__PURE__ */ jsxs34("span", { className: "font-bold text-white", children: [
         formatRawAmount(assetBalance, getAssetPrecisionForId(allAssets, selectedAssetId)),
@@ -5018,31 +5008,31 @@ function WithdrawConfirmation({
         /* @__PURE__ */ jsx49("h1", { className: "mb-2 text-4xl font-bold", children: displayAmount.toLocaleString() }),
         /* @__PURE__ */ jsx49("p", { className: "text-base text-muted-foreground", children: selectedAssetId === "BTC" ? "sats" : selectedAsset?.ticker ?? "units" })
       ] }),
-      /* @__PURE__ */ jsxs36("div", { className: "overflow-hidden rounded-2xl border bg-card/90 shadow-inner backdrop-blur-2xl", children: [
-        /* @__PURE__ */ jsxs36("div", { className: "flex items-center justify-between border-b border-border p-5", children: [
+      /* @__PURE__ */ jsxs36("div", { className: "overflow-hidden rounded-2xl bg-card/90 py-1 shadow-inner backdrop-blur-2xl", children: [
+        /* @__PURE__ */ jsxs36("div", { className: "flex items-center justify-between px-5 py-4", children: [
           /* @__PURE__ */ jsx49("span", { className: "text-sm text-muted-foreground", children: "To" }),
           /* @__PURE__ */ jsx49("span", { className: "max-w-[200px] truncate font-mono text-sm text-white", title: destination, children: destination.length > 24 ? `${destination.substring(0, 12)}...${destination.slice(-12)}` : destination })
         ] }),
-        /* @__PURE__ */ jsxs36("div", { className: "flex items-center justify-between border-b border-border p-5", children: [
+        /* @__PURE__ */ jsxs36("div", { className: "flex items-center justify-between px-5 py-4", children: [
           /* @__PURE__ */ jsx49("span", { className: "text-sm text-muted-foreground", children: "Network" }),
           /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-1.5", children: [
             /* @__PURE__ */ jsx49("div", { className: "size-1.5 rounded-full bg-primary" }),
             /* @__PURE__ */ jsx49("span", { className: "text-sm font-bold text-white", children: networkLabel })
           ] })
         ] }),
-        routeAccount && /* @__PURE__ */ jsxs36("div", { className: "flex items-center justify-between border-b border-border p-5", children: [
+        routeAccount && /* @__PURE__ */ jsxs36("div", { className: "flex items-center justify-between px-5 py-4", children: [
           /* @__PURE__ */ jsx49("span", { className: "text-sm text-muted-foreground", children: "From Account" }),
           /* @__PURE__ */ jsx49("span", { className: "text-sm font-bold text-white", children: routeAccount })
         ] }),
-        routeMethod && /* @__PURE__ */ jsxs36("div", { className: "flex items-center justify-between border-b border-border p-5", children: [
+        routeMethod && /* @__PURE__ */ jsxs36("div", { className: "flex items-center justify-between px-5 py-4", children: [
           /* @__PURE__ */ jsx49("span", { className: "text-sm text-muted-foreground", children: "Route Method" }),
           /* @__PURE__ */ jsx49("span", { className: "text-sm font-bold text-white", children: routeMethod })
         ] }),
-        /* @__PURE__ */ jsxs36("div", { className: "flex items-center justify-between border-b border-border p-5", children: [
+        /* @__PURE__ */ jsxs36("div", { className: "flex items-center justify-between px-5 py-4", children: [
           /* @__PURE__ */ jsx49("span", { className: "text-sm text-muted-foreground", children: "Asset" }),
           /* @__PURE__ */ jsx49("span", { className: "text-sm font-bold text-white", children: selectedAsset?.ticker ?? selectedAssetId })
         ] }),
-        estimatedFee > 0 && /* @__PURE__ */ jsxs36("div", { className: "flex items-center justify-between p-5", children: [
+        estimatedFee > 0 && /* @__PURE__ */ jsxs36("div", { className: "flex items-center justify-between px-5 py-4", children: [
           /* @__PURE__ */ jsx49("span", { className: "text-sm text-muted-foreground", children: "Network Fee" }),
           /* @__PURE__ */ jsxs36("div", { className: "flex flex-col items-end", children: [
             /* @__PURE__ */ jsxs36("span", { className: "text-sm text-white", children: [
@@ -5053,7 +5043,7 @@ function WithdrawConfirmation({
             /* @__PURE__ */ jsx49("span", { className: "mt-0.5 text-xxs font-bold capitalize tracking-wider text-primary", children: feeRate })
           ] })
         ] }),
-        addressType === "rgb" && decodedRgbInvoice?.recipient_type === "Witness" && /* @__PURE__ */ jsxs36("div", { className: "flex items-center justify-between border-t border-border p-4", children: [
+        addressType === "rgb" && decodedRgbInvoice?.recipient_type === "Witness" && /* @__PURE__ */ jsxs36("div", { className: "flex items-center justify-between px-5 py-4", children: [
           /* @__PURE__ */ jsx49("span", { className: "text-sm text-muted-foreground", children: "Witness Amount" }),
           /* @__PURE__ */ jsxs36("span", { className: "text-sm text-white", children: [
             witnessAmountSat,
@@ -5061,7 +5051,7 @@ function WithdrawConfirmation({
           ] })
         ] })
       ] }),
-      selectedAssetId === "BTC" && estimatedFee > 0 && /* @__PURE__ */ jsxs36("div", { className: "flex items-center justify-between rounded-2xl border border-primary/20 bg-primary/10 p-5 px-2 shadow-inner", children: [
+      selectedAssetId === "BTC" && estimatedFee > 0 && /* @__PURE__ */ jsxs36("div", { className: "flex items-center justify-between rounded-2xl bg-primary/10 p-5 px-2 shadow-inner", children: [
         /* @__PURE__ */ jsx49("span", { className: "text-sm font-bold uppercase tracking-wider text-primary", children: "Total to deduct" }),
         /* @__PURE__ */ jsxs36("span", { className: "text-xl font-bold text-white", children: [
           (Math.round(parseFloat(amount) || 0) + estimatedFee).toLocaleString(),
@@ -5069,7 +5059,7 @@ function WithdrawConfirmation({
           /* @__PURE__ */ jsx49("span", { className: "text-lg text-primary/70", children: "sats" })
         ] })
       ] }),
-      isPollingStatus && /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-3 rounded-xl border border-primary/20 bg-primary/5 p-4", children: [
+      isPollingStatus && /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-3 rounded-xl bg-primary/10 p-4", children: [
         /* @__PURE__ */ jsx49("span", { className: "material-symbols-outlined animate-spin text-primary", children: "progress_activity" }),
         /* @__PURE__ */ jsxs36("div", { children: [
           /* @__PURE__ */ jsx49("p", { className: "text-sm font-medium text-white", children: "Processing payment..." }),
@@ -5117,7 +5107,7 @@ function WithdrawSuccess({
       /* @__PURE__ */ jsx50("h1", { className: "mb-2 text-3xl font-bold", children: "Payment Sent!" }),
       /* @__PURE__ */ jsx50("p", { className: "max-w-xs text-center text-muted-foreground", children: "Your transaction has been successfully processed." }),
       /* @__PURE__ */ jsxs37("div", { className: "mt-12 w-full max-w-xs space-y-4", children: [
-        /* @__PURE__ */ jsxs37("div", { className: "flex items-center justify-between rounded-2xl border bg-card p-5 shadow-inner", children: [
+        /* @__PURE__ */ jsxs37("div", { className: "flex items-center justify-between rounded-2xl bg-card p-5 shadow-inner", children: [
           /* @__PURE__ */ jsx50("span", { className: "text-sm text-muted-foreground", children: "Amount" }),
           /* @__PURE__ */ jsxs37("span", { className: "text-xl font-bold", children: [
             displayAmount.toLocaleString(),
@@ -5125,11 +5115,11 @@ function WithdrawSuccess({
             selectedAssetId === "BTC" ? /* @__PURE__ */ jsx50("span", { className: "text-sm text-primary/70", children: "sats" }) : selectedAsset?.ticker ?? "units"
           ] })
         ] }),
-        (txResult?.paymentHash || txResult?.payment_hash) && /* @__PURE__ */ jsxs37("div", { className: "rounded-2xl border bg-card p-5 shadow-inner", children: [
+        (txResult?.paymentHash || txResult?.payment_hash) && /* @__PURE__ */ jsxs37("div", { className: "rounded-2xl bg-card p-5 shadow-inner", children: [
           /* @__PURE__ */ jsx50("p", { className: "mb-2 text-xs font-bold uppercase tracking-wider text-muted-foreground", children: "Payment Hash" }),
           /* @__PURE__ */ jsx50("p", { className: "break-all font-mono text-xs leading-relaxed text-muted-foreground", children: txResult.paymentHash ?? txResult.payment_hash })
         ] }),
-        txResult?.txid && /* @__PURE__ */ jsxs37("div", { className: "rounded-2xl border bg-card p-5 shadow-inner", children: [
+        txResult?.txid && /* @__PURE__ */ jsxs37("div", { className: "rounded-2xl bg-card p-5 shadow-inner", children: [
           /* @__PURE__ */ jsx50("p", { className: "mb-2 text-xs font-bold uppercase tracking-wider text-muted-foreground", children: "Transaction ID" }),
           /* @__PURE__ */ jsx50("p", { className: "break-all font-mono text-xs leading-relaxed text-muted-foreground", children: txResult.txid })
         ] })
@@ -5143,7 +5133,7 @@ function WithdrawSuccess({
           handleReset();
           onDone();
         },
-        className: "w-full rounded-2xl border bg-card py-4 text-lg font-bold text-white transition-all hover:bg-accent active:scale-[0.98]",
+        className: "w-full rounded-2xl bg-card py-4 text-lg font-bold text-white transition-all hover:bg-accent active:scale-[0.98]",
         children: "Back to Dashboard"
       }
     ) })
@@ -5287,7 +5277,7 @@ function SettingItem({
     "div",
     {
       className: cn(
-        "p-5 rounded-2xl bg-card transition-all duration-200 group",
+        "p-5 rounded-2xl bg-card/70 transition-all duration-200 group",
         isClickable && "cursor-pointer active:scale-[0.98]",
         className
       ),
@@ -5391,32 +5381,32 @@ function AlertBanner({ variant = "info", icon, children, className }) {
 import { jsx as jsx58, jsxs as jsxs44 } from "react/jsx-runtime";
 var toneClass = {
   default: {
-    panel: "border-white/8 bg-white/[0.03]",
+    panel: "bg-card/70",
     icon: "text-muted-foreground",
     title: "text-foreground"
   },
   primary: {
-    panel: "border-primary/30 bg-primary/5",
+    panel: "bg-primary/10",
     icon: "text-primary",
     title: "text-primary"
   },
   info: {
-    panel: "border-info/20 bg-info/10",
+    panel: "bg-info/10",
     icon: "text-info",
     title: "text-info"
   },
   warning: {
-    panel: "border-warning/20 bg-warning/5",
+    panel: "bg-warning/10",
     icon: "text-warning",
     title: "text-warning"
   },
   danger: {
-    panel: "border-danger/20 bg-danger/10",
+    panel: "bg-danger/10",
     icon: "text-danger",
     title: "text-danger"
   },
   success: {
-    panel: "border-success/20 bg-success/10",
+    panel: "bg-success/10",
     icon: "text-success",
     title: "text-success"
   }
@@ -5430,7 +5420,7 @@ function InfoPanel({
 }) {
   const styles = toneClass[tone];
   const renderedIcon = typeof icon === "string" ? /* @__PURE__ */ jsx58(Icon, { name: icon, className: cn("mt-0.5 shrink-0 text-icon-xl", styles.icon) }) : icon;
-  return /* @__PURE__ */ jsx58("div", { className: cn("rounded-xl border p-4", styles.panel, className), children: /* @__PURE__ */ jsxs44("div", { className: "flex items-start gap-3", children: [
+  return /* @__PURE__ */ jsx58("div", { className: cn("rounded-xl p-4", styles.panel, className), children: /* @__PURE__ */ jsxs44("div", { className: "flex items-start gap-3", children: [
     renderedIcon,
     /* @__PURE__ */ jsxs44("div", { className: "min-w-0 flex-1", children: [
       title && /* @__PURE__ */ jsx58("p", { className: cn("text-sm font-bold", styles.title), children: title }),
@@ -5519,7 +5509,7 @@ function RecoveryPhraseCard({
             /* @__PURE__ */ jsx60("span", { className: "font-mono text-sm text-white", children: word })
           ] }, `${index}-${word}`))
         }
-      ) : /* @__PURE__ */ jsx60("div", { className: "rounded-xl border border-warning/30 bg-warning/10 px-4 py-3 text-sm text-warning", children: emptyMessage }),
+      ) : /* @__PURE__ */ jsx60("div", { className: "rounded-xl bg-warning/10 px-4 py-3 text-sm text-warning", children: emptyMessage }),
       hasWords && !revealed && onRevealChange && /* @__PURE__ */ jsx60("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxs46(
         Button,
         {
@@ -5603,7 +5593,7 @@ function BottomSheet({
     "div",
     {
       className: cn(
-        "fixed inset-0 z-50 flex items-end justify-center bg-black/60 backdrop-blur-sm",
+        "fixed inset-0 z-50 flex items-end justify-center bg-background/80 backdrop-blur-lg",
         className
       ),
       onClick: handleBackdropClick,
@@ -5611,7 +5601,7 @@ function BottomSheet({
         "div",
         {
           className: cn(
-            "max-h-[90vh] w-full overflow-y-auto rounded-t-2xl border-t border-border bg-background px-4 pb-6 pt-5 shadow-xl animate-in slide-in-from-bottom-4 duration-200",
+            "max-h-[90vh] w-full overflow-y-auto rounded-t-2xl bg-card px-4 pb-6 pt-5 shadow-xl animate-in slide-in-from-bottom-4 duration-200",
             contentClassName
           ),
           children: [
@@ -5663,7 +5653,7 @@ function DisclosureCard({
         type: "button",
         onClick: () => onOpenChange(!open),
         className: cn(
-          "flex w-full items-center justify-between rounded-xl border border-border bg-white/3 px-3 py-2 text-left transition-colors hover:bg-white/6",
+          "flex w-full items-center justify-between rounded-xl bg-muted/40 px-3 py-2 text-left transition-colors hover:bg-muted/60",
           triggerClassName
         ),
         children: [
@@ -5685,7 +5675,7 @@ function DisclosureCard({
       "div",
       {
         className: cn(
-          "mt-3 rounded-xl border border-border bg-white/3 px-3 py-3",
+          "mt-3 rounded-xl bg-muted/40 px-3 py-3",
           contentClassName
         ),
         children
@@ -5767,13 +5757,13 @@ function StepperNumberInput({
 // src/web/components/metric-card.tsx
 import { jsx as jsx65, jsxs as jsxs51 } from "react/jsx-runtime";
 var toneClasses2 = {
-  primary: "border-primary/20 bg-primary/10 text-primary",
-  purple: "border-network-arkade/20 bg-network-arkade/10 text-network-arkade",
-  blue: "border-info/20 bg-info/10 text-info",
-  info: "border-info/20 bg-info/10 text-info",
-  warning: "border-warning/20 bg-warning/10 text-warning",
-  success: "border-success/20 bg-success/10 text-success",
-  muted: "border-white/8 bg-white/5 text-muted-foreground"
+  primary: "bg-primary/10 text-primary",
+  purple: "bg-network-arkade/10 text-network-arkade",
+  blue: "bg-info/10 text-info",
+  info: "bg-info/10 text-info",
+  warning: "bg-warning/10 text-warning",
+  success: "bg-success/10 text-success",
+  muted: "bg-white/8 text-muted-foreground"
 };
 function MetricCard({
   label,
@@ -5783,7 +5773,7 @@ function MetricCard({
   tone = "muted",
   className
 }) {
-  return /* @__PURE__ */ jsxs51("div", { className: cn("space-y-1 rounded-xl border border-white/8 bg-white/3 p-2.5", className), children: [
+  return /* @__PURE__ */ jsxs51("div", { className: cn("space-y-1 rounded-xl bg-card/70 p-2.5", className), children: [
     /* @__PURE__ */ jsxs51("div", { className: "flex items-center gap-1.5", children: [
       icon && /* @__PURE__ */ jsx65("span", { className: cn("flex size-5 items-center justify-center rounded-md", toneClasses2[tone]), children: typeof icon === "string" ? /* @__PURE__ */ jsx65(Icon, { name: icon, className: "text-icon-xs" }) : icon }),
       /* @__PURE__ */ jsx65("span", { className: "text-xxs font-bold uppercase tracking-widest text-white/45", children: label })
@@ -5953,7 +5943,7 @@ function SecretRevealCard({
         {
           type: "button",
           onClick: () => onRevealChange(true),
-          className: "flex items-center gap-2 rounded-xl border border-white/20 bg-card px-4 py-2 text-sm font-bold text-foreground shadow-lg transition-all hover:bg-accent",
+          className: "flex items-center gap-2 rounded-xl bg-card px-4 py-2 text-sm font-bold text-foreground shadow-lg transition-all hover:bg-accent",
           children: [
             /* @__PURE__ */ jsx69(Icon, { name: "visibility", className: "text-icon-lg" }),
             revealLabel
@@ -6000,7 +5990,7 @@ function SettingsSectionCard({
   className,
   bodyClassName
 }) {
-  return /* @__PURE__ */ jsxs56("section", { className: cn("space-y-4 rounded-xl bg-card p-4", className), children: [
+  return /* @__PURE__ */ jsxs56("section", { className: cn("space-y-4 rounded-xl bg-card/70 p-4", className), children: [
     /* @__PURE__ */ jsxs56("div", { className: "flex items-start justify-between gap-4", children: [
       /* @__PURE__ */ jsxs56("div", { className: "min-w-0 flex-1", children: [
         /* @__PURE__ */ jsx70("h2", { className: "text-sm font-bold text-foreground", children: title }),
@@ -6071,7 +6061,7 @@ function SelectableCard({
   ] });
   const cardClassName = cn(
     "w-full rounded-2xl border p-4 text-left transition-all duration-200",
-    selected ? "border-primary/40 bg-primary/10 shadow-sm" : "border-border bg-card hover:bg-accent",
+    selected ? "border-primary/40 bg-primary/10 shadow-sm" : "border-transparent bg-card/70 hover:bg-card",
     className
   );
   if (onClick) {
@@ -7223,8 +7213,8 @@ function InvoiceStatusBanner({
     "div",
     {
       className: cn(
-        "flex items-center justify-center gap-2 rounded-xl border px-3 py-1.5 text-xs font-bold",
-        isInvoicePaid ? "border-primary/30 bg-primary/10 text-primary" : isInvoiceFailedOrExpired ? "border-danger/20 bg-danger/10 text-danger" : "border-warning/20 bg-warning/10 text-warning"
+        "flex items-center justify-center gap-2 rounded-xl px-3 py-1.5 text-xs font-bold",
+        isInvoicePaid ? "bg-primary/10 text-primary" : isInvoiceFailedOrExpired ? "bg-danger/10 text-danger" : "bg-warning/10 text-warning"
       ),
       children: [
         isInvoicePending && /* @__PURE__ */ jsxs60(Fragment15, { children: [
@@ -7332,7 +7322,7 @@ function NetworkInfoDisclosure({
 }) {
   const [open, setOpen] = useState14(false);
   if (networks.length === 0) return null;
-  return /* @__PURE__ */ jsxs60("div", { className: cn("overflow-hidden rounded-xl border border-white/8 bg-white/3 transition-all", className), children: [
+  return /* @__PURE__ */ jsxs60("div", { className: cn("overflow-hidden rounded-xl bg-card/70 transition-all", className), children: [
     /* @__PURE__ */ jsxs60(
       "button",
       {
@@ -7408,11 +7398,11 @@ function DepositSuccessScreen({
   return /* @__PURE__ */ jsx75("div", { className: "flex h-screen flex-col overflow-hidden bg-background font-display text-foreground", children: /* @__PURE__ */ jsxs61("div", { className: "flex flex-1 flex-col items-center justify-center p-6 text-center", children: [
     /* @__PURE__ */ jsxs61("div", { className: "relative mb-8", children: [
       /* @__PURE__ */ jsx75("div", { className: "absolute inset-0 scale-150 animate-pulse rounded-full bg-primary/20 blur-2xl" }),
-      /* @__PURE__ */ jsx75("div", { className: "relative flex size-20 items-center justify-center rounded-full border-2 border-primary/40 bg-primary/10 shadow-sm", children: /* @__PURE__ */ jsx75("span", { className: "material-symbols-outlined text-5xl text-primary animate-in zoom-in-50 duration-500", children: "check_circle" }) })
+      /* @__PURE__ */ jsx75("div", { className: "relative flex size-20 items-center justify-center rounded-full bg-primary/15 shadow-sm", children: /* @__PURE__ */ jsx75("span", { className: "material-symbols-outlined text-5xl text-primary animate-in zoom-in-50 duration-500", children: "check_circle" }) })
     ] }),
     /* @__PURE__ */ jsx75("h1", { className: "mb-2 text-2xl font-bold text-white", children: title }),
     /* @__PURE__ */ jsx75("p", { className: "mb-8 max-w-[260px] text-sm leading-relaxed text-muted-foreground", children: subtitle }),
-    /* @__PURE__ */ jsxs61("div", { className: "mb-10 flex items-center gap-3 rounded-2xl border bg-white/5 px-4 py-3", children: [
+    /* @__PURE__ */ jsxs61("div", { className: "mb-10 flex items-center gap-3 rounded-2xl bg-card/70 px-4 py-3", children: [
       /* @__PURE__ */ jsx75(AssetIcon, { ticker: displayTicker, size: 36 }),
       /* @__PURE__ */ jsxs61("div", { className: "text-left", children: [
         /* @__PURE__ */ jsx75("p", { className: "text-sm font-bold text-white", children: displayTicker }),
@@ -7484,7 +7474,7 @@ function DepositNetworkDefaultModal({
 }) {
   if (!open) return null;
   const options = availableAccounts.map((id) => NETWORK_OPTIONS[id]).filter(Boolean);
-  return /* @__PURE__ */ jsx76("div", { className: "fixed inset-0 z-50 flex items-end justify-center bg-black/60 backdrop-blur-sm", children: /* @__PURE__ */ jsxs62("div", { className: "w-full space-y-4 rounded-t-2xl border-t border-border bg-background px-4 pb-7 pt-5 animate-in slide-in-from-bottom-4 duration-200", children: [
+  return /* @__PURE__ */ jsx76("div", { className: "fixed inset-0 z-50 flex items-end justify-center bg-background/80 backdrop-blur-lg", children: /* @__PURE__ */ jsxs62("div", { className: "w-full space-y-4 rounded-t-2xl bg-card px-4 pb-7 pt-5 animate-in slide-in-from-bottom-4 duration-200", children: [
     /* @__PURE__ */ jsx76("div", { className: "-mt-1 mb-1 flex justify-center", children: /* @__PURE__ */ jsx76("div", { className: "h-1 w-10 rounded-full bg-white/15" }) }),
     /* @__PURE__ */ jsxs62("div", { children: [
       /* @__PURE__ */ jsx76("p", { className: "text-sm font-bold text-white", children: "Choose your default network" }),
@@ -7503,8 +7493,8 @@ function DepositNetworkDefaultModal({
           type: "button",
           onClick: () => onSelect(option.network),
           className: cn(
-            "flex w-full items-center gap-3 rounded-xl border p-3 text-left transition-all",
-            isSuggested ? cn("border-2", option.accentBorder, option.accentBg) : "border border-white/8 bg-white/4 hover:bg-white/8"
+            "flex w-full items-center gap-3 rounded-xl p-3 text-left transition-all",
+            isSuggested ? option.accentBg : "bg-muted/40 hover:bg-muted/60"
           ),
           children: [
             /* @__PURE__ */ jsx76(
@@ -7756,7 +7746,7 @@ function DepositGeneratedView({
   onRegenerate
 }) {
   return /* @__PURE__ */ jsxs64("div", { className: "space-y-3 animate-in fade-in zoom-in-95 duration-300", children: [
-    (network === "lightning" || network === "arkade" && arkSubMode === "ark") && isBtc && /* @__PURE__ */ jsxs64("div", { className: "flex flex-col gap-1.5 rounded-xl border border-white/8 bg-white/3 p-2.5", children: [
+    (network === "lightning" || network === "arkade" && arkSubMode === "ark") && isBtc && /* @__PURE__ */ jsxs64("div", { className: "flex flex-col gap-1.5 rounded-xl bg-card/70 p-2.5", children: [
       /* @__PURE__ */ jsx78("div", { className: "flex items-center justify-between px-1", children: /* @__PURE__ */ jsx78("label", { className: "text-xxs font-bold uppercase tracking-widest text-white/40", children: "Specify amount (optional)" }) }),
       /* @__PURE__ */ jsx78(
         "input",
@@ -7776,7 +7766,7 @@ function DepositGeneratedView({
         "..."
       ] }) : network === "arkade" ? `Unified URI for ${amount} ${getUnitLabel()}` : `Invoice for ${amount} ${getUnitLabel()}` })
     ] }),
-    network === "lightning" && !isBtc && /* @__PURE__ */ jsxs64("div", { className: "flex flex-col gap-1.5 rounded-xl border border-white/8 bg-white/3 p-2.5", children: [
+    network === "lightning" && !isBtc && /* @__PURE__ */ jsxs64("div", { className: "flex flex-col gap-1.5 rounded-xl bg-card/70 p-2.5", children: [
       /* @__PURE__ */ jsx78("div", { className: "flex items-center justify-between px-1", children: /* @__PURE__ */ jsx78("label", { className: "text-xxs font-bold uppercase tracking-widest text-white/40", children: "Specify amount (optional)" }) }),
       /* @__PURE__ */ jsx78(
         "input",
@@ -7793,7 +7783,7 @@ function DepositGeneratedView({
         /* @__PURE__ */ jsx78("span", { className: "material-symbols-outlined animate-spin text-icon-xxs", children: "progress_activity" }),
         "Updating invoice..."
       ] }) : `Invoice for ${amount} ${getUnitLabel()}` }),
-      amount && maxDepositAmount > 0 && parseAssetAmount(amount, selectedAsset) > maxDepositAmount && /* @__PURE__ */ jsxs64("p", { className: "rounded-lg border border-danger/20 bg-danger/10 px-2.5 py-1.5 text-xxs text-danger", children: [
+      amount && maxDepositAmount > 0 && parseAssetAmount(amount, selectedAsset) > maxDepositAmount && /* @__PURE__ */ jsxs64("p", { className: "rounded-lg bg-danger/10 px-2.5 py-1.5 text-xxs text-danger", children: [
         "Exceeds max: ",
         formatAssetAmount(maxDepositAmount, selectedAsset),
         " ",
@@ -7804,10 +7794,7 @@ function DepositGeneratedView({
       /* @__PURE__ */ jsxs64(
         "div",
         {
-          className: cn(
-            "relative flex flex-col items-center rounded-2xl border-2 bg-white p-3.5 transition-all",
-            net.qrBorder
-          ),
+          className: "relative flex flex-col items-center rounded-2xl bg-white p-3.5 transition-all",
           style: net.qrGlow,
           children: [
             showQrNetworkBadge && network !== "spark" && network !== "arkade" && /* @__PURE__ */ jsxs64(
@@ -7869,11 +7856,9 @@ function DepositGeneratedView({
         "data-testid": "deposit-generated-address",
         "data-address": address,
         className: cn(
-          "group flex cursor-pointer items-center gap-2 rounded-xl border bg-white/3 px-2.5 py-1.5",
-          "transition-all hover:bg-white/6 active:scale-[0.98]",
-          net.border
+          "group flex cursor-pointer items-center gap-2 rounded-xl bg-card/70 px-2.5 py-1.5",
+          "transition-all hover:bg-card active:scale-[0.98]"
         ),
-        style: { borderLeftWidth: 3, borderLeftColor: net.color },
         onClick: () => void copyToClipboard(address),
         children: [
           /* @__PURE__ */ jsx78("div", { className: cn("flex size-5 flex-shrink-0 items-center justify-center rounded-md", net.bg), children: net.icon }),
@@ -7889,10 +7874,9 @@ function DepositGeneratedView({
       "div",
       {
         className: cn(
-          "group flex cursor-pointer items-center gap-2 rounded-xl border bg-primary/5 px-2.5 py-1.5",
-          "border-primary/20 transition-all hover:bg-primary/8 active:scale-[0.98]"
+          "group flex cursor-pointer items-center gap-2 rounded-xl bg-primary/10 px-2.5 py-1.5",
+          "transition-all hover:bg-primary/15 active:scale-[0.98]"
         ),
-        style: { borderLeftWidth: 3, borderLeftColor: "var(--primary)" },
         onClick: () => void copyToClipboard(recipientId),
         children: [
           /* @__PURE__ */ jsx78("div", { className: "flex size-5 flex-shrink-0 items-center justify-center rounded-md bg-primary/15", children: /* @__PURE__ */ jsx78(Icon, { name: "person", size: "xs", className: "text-primary" }) }),
@@ -7981,7 +7965,7 @@ function DepositPreGeneration({
   const method = METHOD_META2[currentMethod];
   const isRgbOnchain = network === "onchain" && !isBtc;
   return /* @__PURE__ */ jsxs65("div", { className: "space-y-3", children: [
-    showReceiveSummary && /* @__PURE__ */ jsxs65("div", { className: "rounded-2xl border border-white/8 bg-white/4 p-3", children: [
+    showReceiveSummary && /* @__PURE__ */ jsxs65("div", { className: "rounded-2xl bg-card/70 p-3", children: [
       /* @__PURE__ */ jsx79("p", { className: "text-xxs font-bold uppercase tracking-widest text-white/35", children: "Receive Summary" }),
       /* @__PURE__ */ jsxs65("div", { className: "mt-2 grid grid-cols-1 gap-2 text-xs", children: [
         /* @__PURE__ */ jsxs65("div", { className: "flex items-center justify-between gap-3", children: [
@@ -7999,7 +7983,7 @@ function DepositPreGeneration({
         /* @__PURE__ */ jsx79("p", { className: "text-tiny text-white/35", children: method.summary })
       ] })
     ] }),
-    channelsLoading && selectedAccount === "RGB" && currentMethod === "lightning" && !isBtc && /* @__PURE__ */ jsxs65("div", { className: "flex items-center gap-2.5 rounded-xl border bg-card p-3", children: [
+    channelsLoading && selectedAccount === "RGB" && currentMethod === "lightning" && !isBtc && /* @__PURE__ */ jsxs65("div", { className: "flex items-center gap-2.5 rounded-xl bg-card/70 p-3", children: [
       /* @__PURE__ */ jsx79("span", { className: "material-symbols-outlined animate-spin text-icon-lg text-primary", children: "progress_activity" }),
       /* @__PURE__ */ jsx79("span", { className: "text-xs font-medium text-white/60", children: "Checking channel availability..." })
     ] }),
@@ -8016,7 +8000,7 @@ function DepositPreGeneration({
       ] })
     ] }),
     isAutoGenerate && loading && /* @__PURE__ */ jsxs65("div", { className: "flex flex-col items-center gap-4 py-10", children: [
-      /* @__PURE__ */ jsx79("div", { className: cn("flex size-16 items-center justify-center rounded-2xl border", net.bg, net.border), children: /* @__PURE__ */ jsx79("span", { className: cn("material-symbols-outlined animate-spin text-icon-4xl", net.text), children: "progress_activity" }) }),
+      /* @__PURE__ */ jsx79("div", { className: cn("flex size-16 items-center justify-center rounded-2xl", net.bg), children: /* @__PURE__ */ jsx79("span", { className: cn("material-symbols-outlined animate-spin text-icon-4xl", net.text), children: "progress_activity" }) }),
       /* @__PURE__ */ jsxs65("div", { className: "space-y-1 text-center", children: [
         /* @__PURE__ */ jsxs65("p", { className: "text-sm font-bold text-muted-foreground", children: [
           "Generating ",
@@ -8045,7 +8029,7 @@ function DepositPreGeneration({
       ),
       /* @__PURE__ */ jsx79("p", { className: "text-xxs text-white/35", children: "Enter a specific asset ID to receive it, or leave empty to accept any RGB asset to this invoice." })
     ] }),
-    isRgbOnchain && /* @__PURE__ */ jsxs65("div", { className: "space-y-2.5 rounded-xl border bg-card p-3", children: [
+    isRgbOnchain && /* @__PURE__ */ jsxs65("div", { className: "space-y-2.5 rounded-xl bg-card/70 p-3", children: [
       /* @__PURE__ */ jsxs65("div", { className: "flex items-center justify-between gap-3", children: [
         /* @__PURE__ */ jsxs65("div", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ jsx79("h4", { className: "text-xs font-bold text-white", children: usePrivacy ? "Blinded receive" : "Witness receive" }),
@@ -8057,7 +8041,7 @@ function DepositPreGeneration({
             type: "button",
             "aria-label": "Toggle blinded (private) receive",
             className: cn(
-              "relative inline-flex h-5 w-9 flex-shrink-0 items-center rounded-full border shadow-inner transition-colors",
+              "relative inline-flex h-5 w-9 flex-shrink-0 items-center rounded-full shadow-inner transition-colors",
               usePrivacy ? "bg-primary" : "bg-white/10"
             ),
             onClick: () => setUsePrivacy(!usePrivacy),
@@ -8078,8 +8062,8 @@ function DepositPreGeneration({
         "div",
         {
           className: cn(
-            "flex items-center justify-between rounded-lg border px-2.5 py-1.5 text-xxs",
-            colorableUtxoCount > 0 ? "border-success/20 bg-success/5 text-success/80" : "border-warning/20 bg-warning/5 text-warning/80"
+            "flex items-center justify-between rounded-lg px-2.5 py-1.5 text-xxs",
+            colorableUtxoCount > 0 ? "bg-success/10 text-success/80" : "bg-warning/10 text-warning/80"
           ),
           children: [
             /* @__PURE__ */ jsx79("span", { className: "font-medium", children: "Available colorable UTXOs" }),
@@ -8308,7 +8292,7 @@ function DepositAssetSelection({
             {
               type: "button",
               "data-testid": `deposit-asset-${asset.asset_id}`,
-              className: "group flex w-full min-w-0 items-center gap-3 overflow-hidden rounded-2xl border border-white/8 bg-white/3 px-4 py-3 text-sm transition-all hover:border-border hover:bg-accent",
+              className: "group flex w-full min-w-0 items-center gap-3 overflow-hidden rounded-2xl bg-white/3 px-4 py-3 text-sm transition-all hover:bg-accent",
               onClick: () => onSelectAsset(asset),
               children: [
                 /* @__PURE__ */ jsx80(AssetIcon, { ticker: asset.ticker, size: 40, className: "flex-shrink-0" }),
@@ -8361,7 +8345,7 @@ function DepositAssetSelection({
           type: "button",
           "data-testid": "deposit-add-asset",
           onClick: () => setShowAddAssetModal(true),
-          className: "group flex w-full items-center gap-3 rounded-2xl border border-white/8 bg-white/3 p-3 transition-all hover:border-border hover:bg-accent",
+          className: "group flex w-full items-center gap-3 rounded-2xl bg-white/3 p-3 transition-all hover:bg-accent",
           children: [
             /* @__PURE__ */ jsx80("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-xl bg-primary/15", children: /* @__PURE__ */ jsx80(Icon, { name: "add", size: "md", className: "text-primary" }) }),
             /* @__PURE__ */ jsxs66("div", { className: "flex-1 text-left", children: [
@@ -8590,7 +8574,7 @@ function DepositInvoiceGeneration({
     (() => {
       const hideDestinationRail = isNewAsset && (network === "spark" || network === "arkade");
       if (hideDestinationRail) return null;
-      return /* @__PURE__ */ jsx81("div", { className: "flex-shrink-0 border-b border-border bg-background px-4 py-2", children: /* @__PURE__ */ jsxs67("div", { className: "space-y-2", children: [
+      return /* @__PURE__ */ jsx81("div", { className: "flex-shrink-0 bg-background px-4 py-2", children: /* @__PURE__ */ jsxs67("div", { className: "space-y-2", children: [
         /* @__PURE__ */ jsxs67("div", { children: [
           /* @__PURE__ */ jsx81("p", { className: "text-xxs font-bold uppercase tracking-widest text-white/35", children: "Destination Account" }),
           /* @__PURE__ */ jsx81("div", { className: "mt-1.5 flex gap-1.5 overflow-x-auto no-scrollbar", children: availableAccounts.map((account) => /* @__PURE__ */ jsx81(
@@ -8659,9 +8643,8 @@ function DepositInvoiceGeneration({
         "div",
         {
           className: cn(
-            "flex size-16 items-center justify-center rounded-2xl border",
-            NETWORK_CONFIG[btcSelectedAccount === "SPARK" ? "spark" : btcSelectedAccount === "ARKADE" ? "arkade" : "onchain"].bg,
-            NETWORK_CONFIG[btcSelectedAccount === "SPARK" ? "spark" : btcSelectedAccount === "ARKADE" ? "arkade" : "onchain"].border
+            "flex size-16 items-center justify-center rounded-2xl",
+            NETWORK_CONFIG[btcSelectedAccount === "SPARK" ? "spark" : btcSelectedAccount === "ARKADE" ? "arkade" : "onchain"].bg
           ),
           children: /* @__PURE__ */ jsx81(
             "span",