@burdenoff/microfe-subscriberbot 2026.624.1 → 2026.625.1

package/dist/subscriberbot/pages/common/SettingsPage.js

@@ -121,7 +121,7 @@ function I({ checked: e, onChange: n, label: r }) {
 		"aria-label": r,
 		onClick: () => n(!e),
 		className: t("relative inline-flex h-6 w-11 items-center rounded-full transition-colors shrink-0", e ? "bg-action-primary-bg" : "bg-bg-sunken"),
-		children: /* @__PURE__ */ M("span", { className: t("inline-block h-4 w-4 transform rounded-full bg-white transition-transform", e ? "translate-x-6" : "translate-x-1") })
+		children: /* @__PURE__ */ M("span", { className: t("inline-block h-4 w-4 transform rounded-full bg-bg-surface transition-transform", e ? "translate-x-6" : "translate-x-1") })
 	});
 }
 function L() {
@@ -192,7 +192,7 @@ function L() {
 			children: [B && /* @__PURE__ */ N("button", {
 				type: "button",
 				onClick: X,
-				className: "flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
+				className: "flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 				children: [/* @__PURE__ */ M(C, { className: "h-4 w-4" }), K("subscriberbot.settings.reset", "Reset")]
 			}), /* @__PURE__ */ M("button", {
 				type: "button",
@@ -203,7 +203,7 @@ function L() {
 			})]
 		}),
 		children: [W && /* @__PURE__ */ N("div", {
-			className: t("mb-6 flex items-center gap-2 rounded-lg border p-3 text-sm", W.includes("successfully") ? "border-green-500/30 bg-green-500/5 text-green-600 dark:text-green-400" : "border-red-500/30 bg-red-500/5 text-red-600 dark:text-red-400"),
+			className: t("mb-6 flex items-center gap-2 rounded-lg border p-3 text-sm", W.includes("successfully") ? "border-status-success-border/30 bg-status-success-bg/5 text-status-success-text" : "border-status-error-border/30 bg-status-error-bg/5 text-status-error-text"),
 			children: [W.includes("successfully") ? /* @__PURE__ */ M(d, { className: "h-4 w-4 shrink-0" }) : /* @__PURE__ */ M(s, { className: "h-4 w-4 shrink-0" }), W]
 		}), /* @__PURE__ */ N("div", {
 			className: "flex flex-col gap-6 lg:flex-row",
@@ -224,9 +224,9 @@ function L() {
 						}, e.id);
 					})
 				}), /* @__PURE__ */ N("div", {
-					className: "hidden lg:block rounded-lg border border-border-subtle bg-bg-surface",
+					className: "hidden lg:block rounded-lg border border-border-seam bg-bg-surface",
 					children: [/* @__PURE__ */ M("div", {
-						className: "p-3 border-b border-border-subtle",
+						className: "p-3 border-b border-border-seam",
 						children: /* @__PURE__ */ M("p", {
 							className: "text-sm font-semibold text-text-primary",
 							children: K("subscriberbot.settings.title", "Settings")
@@ -245,7 +245,7 @@ function L() {
 					})]
 				})]
 			}), /* @__PURE__ */ M("div", {
-				className: "flex-1 rounded-lg border border-border-subtle bg-bg-surface p-6",
+				className: "flex-1 rounded-lg border border-border-seam bg-bg-surface p-6",
 				children: {
 					profile: () => /* @__PURE__ */ N("div", {
 						className: "space-y-6",
@@ -261,7 +261,7 @@ function L() {
 									children: [/* @__PURE__ */ M("img", {
 										src: R.profile.profilePicture,
 										alt: "Profile",
-										className: "h-20 w-20 rounded-full object-cover border border-border-subtle"
+										className: "h-20 w-20 rounded-full object-cover border border-border-seam"
 									}), /* @__PURE__ */ M("button", {
 										type: "button",
 										onClick: () => alert("Photo upload coming soon"),
@@ -285,7 +285,7 @@ function L() {
 									type: "text",
 									value: R.profile.firstName,
 									onChange: (e) => J("profile", "firstName", e.target.value),
-									className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
+									className: "w-full rounded-lg border border-border-seam bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 								})] }), /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("label", {
 									className: "block text-sm font-medium text-text-primary mb-1.5",
 									children: "Last Name *"
@@ -293,7 +293,7 @@ function L() {
 									type: "text",
 									value: R.profile.lastName,
 									onChange: (e) => J("profile", "lastName", e.target.value),
-									className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
+									className: "w-full rounded-lg border border-border-seam bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 								})] })]
 							}),
 							/* @__PURE__ */ N("div", {
@@ -305,7 +305,7 @@ function L() {
 									type: "email",
 									value: R.profile.email,
 									onChange: (e) => J("profile", "email", e.target.value),
-									className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
+									className: "w-full rounded-lg border border-border-seam bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 								})] }), /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("label", {
 									className: "block text-sm font-medium text-text-primary mb-1.5",
 									children: "Phone Number"
@@ -313,7 +313,7 @@ function L() {
 									type: "tel",
 									value: R.profile.phone,
 									onChange: (e) => J("profile", "phone", e.target.value),
-									className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
+									className: "w-full rounded-lg border border-border-seam bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 								})] })]
 							}),
 							/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("label", {
@@ -324,7 +324,7 @@ function L() {
 								value: R.profile.bio,
 								onChange: (e) => J("profile", "bio", e.target.value),
 								placeholder: "Tell us about yourself...",
-								className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] resize-none"
+								className: "w-full rounded-lg border border-border-seam bg-bg-surface py-2 px-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] resize-none"
 							})] }),
 							/* @__PURE__ */ N("div", {
 								className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
@@ -335,14 +335,14 @@ function L() {
 									type: "date",
 									value: R.profile.dateOfBirth,
 									onChange: (e) => J("profile", "dateOfBirth", e.target.value),
-									className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
+									className: "w-full rounded-lg border border-border-seam bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 								})] }), /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("label", {
 									className: "block text-sm font-medium text-text-primary mb-1.5",
 									children: "Gender"
 								}), /* @__PURE__ */ N("select", {
 									value: R.profile.gender,
 									onChange: (e) => J("profile", "gender", e.target.value),
-									className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
+									className: "w-full rounded-lg border border-border-seam bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 									children: [
 										/* @__PURE__ */ M("option", {
 											value: "",
@@ -388,7 +388,7 @@ function L() {
 									}), /* @__PURE__ */ N("select", {
 										value: R.preferences.language,
 										onChange: (e) => J("preferences", "language", e.target.value),
-										className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
+										className: "w-full rounded-lg border border-border-seam bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 										children: [
 											/* @__PURE__ */ M("option", {
 												value: "en",
@@ -422,7 +422,7 @@ function L() {
 									}), /* @__PURE__ */ N("select", {
 										value: R.preferences.timezone,
 										onChange: (e) => J("preferences", "timezone", e.target.value),
-										className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
+										className: "w-full rounded-lg border border-border-seam bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 										children: [
 											/* @__PURE__ */ M("option", {
 												value: "Asia/Kolkata",
@@ -448,7 +448,7 @@ function L() {
 									}), /* @__PURE__ */ N("select", {
 										value: R.preferences.currency,
 										onChange: (e) => J("preferences", "currency", e.target.value),
-										className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
+										className: "w-full rounded-lg border border-border-seam bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 										children: [
 											/* @__PURE__ */ M("option", {
 												value: "INR",
@@ -492,7 +492,7 @@ function L() {
 										Icon: b
 									}
 								].map(({ value: e, label: n, Icon: r }) => /* @__PURE__ */ N("label", {
-									className: t("flex items-center gap-2 rounded-lg border px-4 py-2.5 text-sm font-medium cursor-pointer transition-colors", R.preferences.theme === e ? "border-primary bg-action-primary-bg/10 text-text-primary" : "border-border-subtle text-text-secondary hover:border-accent-foreground/20 hover:text-text-primary"),
+									className: t("flex items-center gap-2 rounded-lg border px-4 py-2.5 text-sm font-medium cursor-pointer transition-colors", R.preferences.theme === e ? "border-primary bg-action-primary-bg/10 text-text-primary" : "border-border-seam text-text-secondary hover:border-accent-foreground/20 hover:text-text-primary"),
 									children: [
 										/* @__PURE__ */ M("input", {
 											type: "radio",
@@ -545,7 +545,7 @@ function L() {
 										label: "Security alerts"
 									}
 								].map((e) => /* @__PURE__ */ N("div", {
-									className: "flex items-center justify-between rounded-lg border border-border-subtle p-3",
+									className: "flex items-center justify-between rounded-lg border border-border-seam p-3",
 									children: [/* @__PURE__ */ M("span", {
 										className: "text-sm text-text-primary",
 										children: e.label
@@ -566,8 +566,8 @@ function L() {
 								children: "Security Settings"
 							}),
 							/* @__PURE__ */ N("div", {
-								className: "flex items-start gap-3 rounded-lg border border-yellow-500/30 bg-yellow-500/5 p-4",
-								children: [/* @__PURE__ */ M(s, { className: "h-5 w-5 text-yellow-600 dark:text-yellow-400 shrink-0 mt-0.5" }), /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("p", {
+								className: "flex items-start gap-3 rounded-lg border border-status-warning-border/30 bg-status-warning-bg/5 p-4",
+								children: [/* @__PURE__ */ M(s, { className: "h-5 w-5 text-status-warning-text shrink-0 mt-0.5" }), /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("p", {
 									className: "text-sm font-medium text-text-primary",
 									children: "Account Security"
 								}), /* @__PURE__ */ M("p", {
@@ -576,7 +576,7 @@ function L() {
 								})] })]
 							}),
 							/* @__PURE__ */ N("div", {
-								className: "flex items-center justify-between rounded-lg border border-border-subtle p-4",
+								className: "flex items-center justify-between rounded-lg border border-border-seam p-4",
 								children: [/* @__PURE__ */ N("div", {
 									className: "flex-1",
 									children: [/* @__PURE__ */ N("div", {
@@ -596,7 +596,7 @@ function L() {
 								})]
 							}),
 							/* @__PURE__ */ N("div", {
-								className: "flex items-center justify-between rounded-lg border border-border-subtle p-4",
+								className: "flex items-center justify-between rounded-lg border border-border-seam p-4",
 								children: [/* @__PURE__ */ N("div", {
 									className: "flex-1",
 									children: [/* @__PURE__ */ M("p", {
@@ -613,7 +613,7 @@ function L() {
 								})]
 							}),
 							/* @__PURE__ */ N("div", {
-								className: "flex items-center justify-between rounded-lg border border-border-subtle p-4",
+								className: "flex items-center justify-between rounded-lg border border-border-seam p-4",
 								children: [/* @__PURE__ */ N("div", {
 									className: "flex-1",
 									children: [/* @__PURE__ */ M("p", {
@@ -626,7 +626,7 @@ function L() {
 								}), /* @__PURE__ */ N("select", {
 									value: R.security.sessionTimeout,
 									onChange: (e) => J("security", "sessionTimeout", e.target.value),
-									className: "rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] w-36",
+									className: "rounded-lg border border-border-seam bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] w-36",
 									children: [
 										/* @__PURE__ */ M("option", {
 											value: "15",
@@ -657,7 +657,7 @@ function L() {
 							}), /* @__PURE__ */ M("div", {
 								className: "space-y-3",
 								children: R.security.trustedDevices.map((e) => /* @__PURE__ */ N("div", {
-									className: "flex items-center justify-between rounded-lg border border-border-subtle p-4",
+									className: "flex items-center justify-between rounded-lg border border-border-seam p-4",
 									children: [/* @__PURE__ */ N("div", {
 										className: "flex items-center gap-3",
 										children: [e.os.toLowerCase().includes("mac") || e.os.toLowerCase().includes("windows") ? /* @__PURE__ */ M(h, { className: "h-5 w-5 text-text-secondary shrink-0" }) : /* @__PURE__ */ M(D, { className: "h-5 w-5 text-text-secondary shrink-0" }), /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ N("div", {
@@ -666,7 +666,7 @@ function L() {
 												className: "text-sm font-medium text-text-primary",
 												children: e.name
 											}), e.isCurrent && /* @__PURE__ */ M("span", {
-												className: "inline-flex items-center rounded-full bg-green-500/20 px-2 py-0.5 text-xs font-medium text-green-600 dark:text-green-400",
+												className: "inline-flex items-center rounded-full bg-status-success-bg/20 px-2 py-0.5 text-xs font-medium text-status-success-text",
 												children: "Current"
 											})]
 										}), /* @__PURE__ */ N("p", {
@@ -680,7 +680,7 @@ function L() {
 									}), !e.isCurrent && /* @__PURE__ */ M("button", {
 										type: "button",
 										onClick: () => Q(e.id),
-										className: "rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-status-error-text hover:bg-status-error-bg/10 transition-colors",
+										className: "rounded-lg border border-border-seam px-3 py-1.5 text-xs font-medium text-status-error-text hover:bg-status-error-bg/10 transition-colors",
 										children: "Remove"
 									})]
 								}, e.id))
@@ -690,12 +690,12 @@ function L() {
 								children: [/* @__PURE__ */ N("button", {
 									type: "button",
 									onClick: () => alert("Password change functionality coming soon"),
-									className: "flex items-center gap-1.5 rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
+									className: "flex items-center gap-1.5 rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 									children: [/* @__PURE__ */ M(_, { className: "h-4 w-4" }), "Change Password"]
 								}), /* @__PURE__ */ N("button", {
 									type: "button",
 									onClick: $,
-									className: "flex items-center gap-1.5 rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
+									className: "flex items-center gap-1.5 rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 									children: [/* @__PURE__ */ M(v, { className: "h-4 w-4" }), "Logout All Devices"]
 								})]
 							})
@@ -717,7 +717,7 @@ function L() {
 							}), /* @__PURE__ */ N("select", {
 								value: R.privacy.profileVisibility,
 								onChange: (e) => J("privacy", "profileVisibility", e.target.value),
-								className: "w-full max-w-sm rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
+								className: "w-full max-w-sm rounded-lg border border-border-seam bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 								children: [
 									/* @__PURE__ */ M("option", {
 										value: "public",
@@ -752,7 +752,7 @@ function L() {
 										label: "Share data with third-party partners"
 									}
 								].map((e) => /* @__PURE__ */ N("div", {
-									className: "flex items-center justify-between rounded-lg border border-border-subtle p-3",
+									className: "flex items-center justify-between rounded-lg border border-border-seam p-3",
 									children: [/* @__PURE__ */ M("span", {
 										className: "text-sm text-text-primary",
 										children: e.label
@@ -766,7 +766,7 @@ function L() {
 							/* @__PURE__ */ N("div", {
 								className: "space-y-3",
 								children: [/* @__PURE__ */ N("div", {
-									className: "flex items-center justify-between rounded-lg border border-border-subtle p-4",
+									className: "flex items-center justify-between rounded-lg border border-border-seam p-4",
 									children: [/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("p", {
 										className: "text-sm font-medium text-text-primary",
 										children: "Location Tracking"
@@ -779,7 +779,7 @@ function L() {
 										label: "Location tracking"
 									})]
 								}), /* @__PURE__ */ N("div", {
-									className: "flex items-center justify-between rounded-lg border border-border-subtle p-4",
+									className: "flex items-center justify-between rounded-lg border border-border-seam p-4",
 									children: [/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("p", {
 										className: "text-sm font-medium text-text-primary",
 										children: "Activity History"
@@ -794,10 +794,10 @@ function L() {
 								})]
 							}),
 							/* @__PURE__ */ M("div", {
-								className: "rounded-lg border border-red-500/30 bg-red-500/5 p-4",
+								className: "rounded-lg border border-status-error-border/30 bg-status-error-bg/5 p-4",
 								children: /* @__PURE__ */ N("div", {
 									className: "flex items-start gap-3",
-									children: [/* @__PURE__ */ M(k, { className: "h-5 w-5 text-red-600 dark:text-red-400 shrink-0 mt-0.5" }), /* @__PURE__ */ N("div", { children: [
+									children: [/* @__PURE__ */ M(k, { className: "h-5 w-5 text-status-error-text shrink-0 mt-0.5" }), /* @__PURE__ */ N("div", { children: [
 										/* @__PURE__ */ M("p", {
 											className: "text-sm font-medium text-text-primary",
 											children: "Delete Account"
@@ -809,7 +809,7 @@ function L() {
 										/* @__PURE__ */ M("button", {
 											type: "button",
 											onClick: ee,
-											className: "mt-3 rounded-lg border border-red-500/30 px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/10 transition-colors",
+											className: "mt-3 rounded-lg border border-status-error-border/30 px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/10 transition-colors",
 											children: "Delete Account"
 										})
 									] })]
@@ -831,7 +831,7 @@ function L() {
 									children: [/* @__PURE__ */ M(f, { className: "h-4 w-4 text-text-secondary" }), " Default Payment Method"]
 								})
 							}), R.billing.paymentMethod ? /* @__PURE__ */ N("div", {
-								className: "flex items-center justify-between rounded-lg border border-border-subtle p-4",
+								className: "flex items-center justify-between rounded-lg border border-border-seam p-4",
 								children: [/* @__PURE__ */ N("div", {
 									className: "flex items-center gap-3",
 									children: [/* @__PURE__ */ M(f, { className: "h-6 w-6 text-text-secondary" }), /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ N("p", {
@@ -849,11 +849,11 @@ function L() {
 								}), /* @__PURE__ */ M("button", {
 									type: "button",
 									onClick: () => alert("Change payment method coming soon"),
-									className: "rounded-lg border border-border-subtle px-3 py-1.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
+									className: "rounded-lg border border-border-seam px-3 py-1.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 									children: "Change"
 								})]
 							}) : /* @__PURE__ */ N("div", {
-								className: "rounded-lg border border-border-subtle p-4 text-center",
+								className: "rounded-lg border border-border-seam p-4 text-center",
 								children: [/* @__PURE__ */ M("p", {
 									className: "text-sm text-text-secondary",
 									children: "No default payment method set"
@@ -870,7 +870,7 @@ function L() {
 									children: "Auto Recharge"
 								}),
 								/* @__PURE__ */ N("div", {
-									className: "flex items-center justify-between rounded-lg border border-border-subtle p-4 mb-3",
+									className: "flex items-center justify-between rounded-lg border border-border-seam p-4 mb-3",
 									children: [/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("p", {
 										className: "text-sm font-medium text-text-primary",
 										children: "Enable Auto Recharge"
@@ -891,7 +891,7 @@ function L() {
 									value: R.billing.autoRechargeAmount,
 									onChange: (e) => J("billing", "autoRechargeAmount", e.target.value),
 									placeholder: "1000",
-									className: "w-full max-w-xs rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
+									className: "w-full max-w-xs rounded-lg border border-border-seam bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 								})] })
 							] }),
 							/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("label", {
@@ -905,7 +905,7 @@ function L() {
 								value: R.billing.invoiceEmail,
 								onChange: (e) => J("billing", "invoiceEmail", e.target.value),
 								placeholder: "billing@example.com",
-								className: "w-full max-w-sm rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
+								className: "w-full max-w-sm rounded-lg border border-border-seam bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 							})] }),
 							/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("h4", {
 								className: "text-sm font-semibold text-text-primary mb-3",
@@ -924,7 +924,7 @@ function L() {
 										value: R.billing.gstNumber,
 										onChange: (e) => J("billing", "gstNumber", e.target.value),
 										placeholder: "29ABCDE1234F1Z5",
-										className: "w-full max-w-sm rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
+										className: "w-full max-w-sm rounded-lg border border-border-seam bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 									})] }),
 									/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("label", {
 										className: "block text-sm font-medium text-text-primary mb-1.5",
@@ -934,7 +934,7 @@ function L() {
 										value: R.billing.companyName,
 										onChange: (e) => J("billing", "companyName", e.target.value),
 										placeholder: "Your Company Name",
-										className: "w-full max-w-sm rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
+										className: "w-full max-w-sm rounded-lg border border-border-seam bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 									})] }),
 									/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ M("label", {
 										className: "block text-sm font-medium text-text-primary mb-1.5",
@@ -947,7 +947,7 @@ function L() {
 										value: R.billing.billingAddress,
 										onChange: (e) => J("billing", "billingAddress", e.target.value),
 										placeholder: "Enter your complete billing address",
-										className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] resize-none"
+										className: "w-full rounded-lg border border-border-seam bg-bg-surface py-2 px-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] resize-none"
 									})] })
 								]
 							})] })