/* Match the existing J2 dashboard sign-in, without restyling other screens. */
.j2-ms-login {
  --ms-ink: #f1f5f9;
  --ms-muted: #a6b0bf;
  --ms-line: #344055;
  --ms-button: #fff;
  --ms-button-ink: #17202e;
  --ms-focus: #24b9a8;
  --ms-error: #ffaaaa;
  --ms-text: .875rem;
  --ms-caption: .75rem;
  --ms-gap: .75rem;
  color: var(--ms-ink);
}
.j2-ms-button {
  display: flex; align-items: center; justify-content: center;
  gap: var(--ms-gap); min-height: 48px; padding: var(--ms-gap) 1rem;
  border: 1px solid var(--ms-line); border-radius: .75rem;
  font: inherit; font-size: var(--ms-text); font-weight: 600;
  text-decoration: none; color: var(--ms-button-ink); background: var(--ms-button);
  transition: background .15s ease, outline-color .15s ease;
}
.j2-ms-button:hover { background: #e8eff4; }
.j2-ms-button:focus-visible { outline: 3px solid var(--ms-focus); outline-offset: 3px; }
.j2-ms-mark { display: grid; grid-template-columns: repeat(2, 9px); gap: 2px; flex: 0 0 auto; }
.j2-ms-mark i { width: 9px; height: 9px; background: #f25022; }
.j2-ms-mark i:nth-child(2) { background: #7fba00; }
.j2-ms-mark i:nth-child(3) { background: #00a4ef; }
.j2-ms-mark i:nth-child(4) { background: #ffb900; }
.j2-ms-caption { color: var(--ms-muted); font-size: var(--ms-caption); text-align: center; margin: .5rem 0 0; }
.j2-ms-divider { color: var(--ms-muted); text-align: center; font-size: var(--ms-caption); padding: 1rem 0 0; }
.j2-ms-error { color: var(--ms-error); font-size: var(--ms-text); line-height: 1.5; margin: var(--ms-gap) 0; }
.j2-insights-login .j2-ms-login { --ms-ink: #17202e; --ms-muted: #586575; --ms-error: #a4322a; margin-bottom: 1rem; }