feat(license): strings + styles for Manage Licenses Account section

Companion to the phoenix-pro Manage Licenses redesign:

- Rename MANAGE_LICENSE_DIALOG_TITLE to "Manage Licenses" (was
  "Manage Device License"). LICENSE_KEY_ACTIVATE shortened to
  "Activate" since it now sits next to a key input rather than on
  its own row.
- New strings for the Account section: LICENSE_ACCOUNT_HEADING,
  LICENSE_DEVICE_HEADING, LICENSE_SIGN_IN, LICENSE_PLAN_UNKNOWN,
  LICENSE_GET_PRO, LICENSE_MANAGE_ACCOUNT, LICENSE_KEY_PROMPT.
- Override the base modal-body max-height (which was clipping the
  dialog at 400px and forcing scroll) up to viewport-relative.
- New .license-account-row flex layout for the single-line signed-in
  card (plan name + action button).
- New .license-key-row flex for input + Activate button on one row.

Author: abose

src/nls/root/strings.js

@@ -2114,10 +2114,17 @@ define({
     "GET_PHOENIX_PRO": "Get Phoenix Pro",
     "USER_FREE_PLAN_NAME_DO_NOT_TRANSLATE": "Community Edition",
     // license dialogs
-    "MANAGE_LICENSE_DIALOG_TITLE": "Manage Device License",
+    "MANAGE_LICENSE_DIALOG_TITLE": "Manage Licenses",
+    "LICENSE_ACCOUNT_HEADING": "Account License",
+    "LICENSE_DEVICE_HEADING": "Device License",
+    "LICENSE_SIGN_IN": "Sign In",
+    "LICENSE_PLAN_UNKNOWN": "Unknown",
+    "LICENSE_GET_PRO": "Get Phoenix Pro",
+    "LICENSE_MANAGE_ACCOUNT": "Manage Account",
     "LICENSE_KEY": "License Key",
+    "LICENSE_KEY_PROMPT": "Have a device license key?",
     "LICENSE_KEY_PLACEHOLDER": "Enter your license key\u2026",
-    "LICENSE_KEY_ACTIVATE": "Activate License",
+    "LICENSE_KEY_ACTIVATE": "Activate",
     "LICENSE_KEY_ACTIVATING": "Activating\u2026",
     "LICENSE_KEY_CURRENT": "Current Device License",
     "LICENSE_KEY_CHECKING": "Checking license status\u2026",

src/styles/phoenix-pro.less

@@ -344,13 +344,27 @@
 
 /* ---- License Management Dialog ---- */
 .license-management-dialog {
+  /* The base modal caps body height at ~400px and turns on overflow:auto.
+     This dialog has two stacked sections that exceed that; let it grow
+     up to the viewport so the user doesn't have to scroll. */
+  .modal-body {
+    max-height: calc(100vh - 160px);
+  }
+
   /* ---- Layout ---- */
-  .license-activation-section {
-    margin-bottom: 24px;
+  .license-account-section {
+    margin-bottom: 8px;
+
+    /* Account section uses a bare <h3> (no flex header), so add the
+       breathing room that .license-section-header would otherwise
+       provide. */
+    > .license-section-title {
+      margin-bottom: 12px;
+    }
   }
 
   .license-status-section {
-    margin-top: 24px;
+    margin-top: 8px;
   }
 
   /* ---- Form Elements ---- */
@@ -362,31 +376,43 @@
     display: block;
     margin-bottom: 8px;
     font-weight: 500;
-    font-size: 16px;
-    color: @bc-text-emphasized;
+    font-size: 14px;
+    color: @bc-text-medium;
 
     .dark & {
-      color: @dark-bc-text-alt;
+      color: @dark-bc-text-medium;
     }
   }
 
   .license-form-input {
-    width: 100%;
     box-sizing: border-box;
     height: 38px;
     margin: 0;
   }
 
+  /* Activate-key row sits above the current-license card; input
+     stretches, the Activate button hugs the right edge. */
+  .license-key-row {
+    display: flex;
+    gap: 8px;
+    align-items: stretch;
+
+    .license-form-input {
+      flex: 1;
+      min-width: 0;
+    }
+  }
+
   /* ---- Activation Button ---- */
   .license-activate-btn {
-    width: 100%;
     box-sizing: border-box;
     margin: 0;
-    padding: 10px 16px;
+    padding: 0 16px;
     font-size: 14px;
     font-weight: 500;
     border-radius: @bc-border-radius;
     transition: background-color 0.15s ease, border-color 0.15s ease;
+    white-space: nowrap;
 
     .btn-spinner {
       display: none;
@@ -398,9 +424,25 @@
     }
   }
 
+  /* Account section action row: right-aligned, tight spacing. */
+  .license-account-actions {
+    display: flex;
+    justify-content: flex-end;
+    gap: 8px;
+  }
+
+  /* Signed-in account card: plan name on the left, action on the right,
+     all on one line — drops the redundant "Plan:" label. */
+  .license-account-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+  }
+
   /* ---- Section Divider ---- */
   .license-divider {
-    margin: 24px 0;
+    margin: 16px 0;
     border: none;
     border-top: 1px solid @bc-panel-border;