/* This targets all elements with a class starting with crmf-custom_84_ */
[data-table] [class^="crmf-custom_84_"] a,
[data-table] [class^="crmf-custom_57_"] a,
[data-table] [class^="crmf-custom_103_"] a {
  font-size: 0; /* Hides original text */
  color: blue; /* Sets the color for the new text */
}

/* Adding content with ::after */
[data-table] [class^="crmf-custom_84_"] a::after {
  content: "Application";
  font-size: 16px;
  text-decoration: underline;
}

[data-table] [class^="crmf-custom_57_"] a::after {
  content: "Draft";
  font-size: 16px;
  text-decoration: underline;
}

[data-table] [class^="crmf-custom_103_"] a::after {
  content: "Submitted";
  font-size: 16px;
  text-decoration: underline;
}

/* Targeting elements with a class starting with crmf-custom_63_ */
[data-table] [class^="crmf-custom_63_"] div {
  display: block;
  max-height: 100px; /* Maximum height */
  overflow: hidden; /* Hide overflow */
  white-space: normal; /* Allows the text to break into multiple lines */
  text-overflow: ellipsis; /* Add ellipsis for single line overflow, won't apply to multiline */
  line-height: 16px; /* Line height */
  min-width: 200px;
}

/* the above did not work... want to revisit but for now do it more broadly */

#records-14 td a:not(.action-item):not(.crm-hover-button) {
  font-size: 0 !important;
  visibility: hidden !important;
}


#records-14 td a:not(.action-item):not(.crm-hover-button)::after {
  content: "link";
  visibility: visible !important;
  font-size: initial !important;
}

  th[data-data="summary_63"] {
    width: 150px !important; /* Adjust width as needed */
  }