style(chat): simplify insufficient credits description

src/app/chat/__tests__/chat-screen.helpers.test.ts

@@ -6,7 +6,7 @@ describe("getInsufficientCreditsMessageLimitView", () => {
   it("asks guests to log in for more free chats", () => {
     expect(getInsufficientCreditsMessageLimitView("guest")).toEqual({
       title: "Log in to get more free chats",
-      description: "Free chats refresh every day. Log in to get more chances.",
+      description: "Free chats refresh every day.",
       ctaLabel: "Log in to continue",
       action: "auth",
     });
@@ -15,7 +15,7 @@ describe("getInsufficientCreditsMessageLimitView", () => {
   it("treats the transient not logged in state like guest", () => {
     expect(getInsufficientCreditsMessageLimitView("notLoggedIn")).toEqual({
       title: "Log in to get more free chats",
-      description: "Free chats refresh every day. Log in to get more chances.",
+      description: "Free chats refresh every day.",
       ctaLabel: "Log in to continue",
       action: "auth",
     });
@@ -25,8 +25,8 @@ describe("getInsufficientCreditsMessageLimitView", () => {
     "asks %s users to top up credits",
     (loginStatus) => {
       expect(getInsufficientCreditsMessageLimitView(loginStatus)).toEqual({
-        title: "Insufficient credits\nTop up to continue chatting",
-        description: "Free chats refresh every day. You can also top up credits now.",
+        title: "Insufficient credits",
+        description: "Free chats refresh every day.",
         ctaLabel: "Top up credits to continue",
         action: "topup",
       });

src/app/chat/chat-screen.helpers.ts

@@ -28,7 +28,7 @@ export function getInsufficientCreditsMessageLimitView(
   if (loginStatus === "guest" || loginStatus === "notLoggedIn") {
     return {
       title: "Log in to get more free chats",
-      description: "Free chats refresh every day. Log in to get more chances.",
+      description: "Free chats refresh every day.",
       ctaLabel: "Log in to continue",
       action: "auth",
     };
@@ -36,7 +36,7 @@ export function getInsufficientCreditsMessageLimitView(
 
   return {
     title: "Insufficient credits",
-    description: "Free chats refresh every day. You can also top up credits now.",
+    description: "Free chats refresh every day.",
     ctaLabel: "Top up credits to continue",
     action: "topup",
   };

src/app/chat/components/chat-insufficient-credits-banner.module.css

@@ -34,9 +34,9 @@
   max-width: min(100%, 360px);
   margin: 0 auto var(--spacing-lg, 16px);
   color: rgba(255, 255, 255, 0.88);
-  font-size: var(--responsive-body, 16px);
+  font-size: var(--responsive-caption, 14px);
   font-weight: 600;
-  line-height: 1.45;
+  line-height: 1.4;
 }
 
 .cta {