/* Short labels use one quiet surface, whether the trigger is a row action or a form control. */
html:root:not(#ui) body .mint-shared-tooltip {
  position: fixed;
  inset: auto;
  margin: 0;
  width: max-content;
  max-width: min(300px, calc(100vw - 16px));
  box-sizing: border-box;
  padding: 7px 10px;
  border: 0;
  border-radius: 6px;
  background: #fff;
  color: #294740;
  box-shadow: 0 3px 14px rgba(18, 49, 44, .16);
  font: 500 12px/1.4 'MintGothic', system-ui, sans-serif;
  letter-spacing: 0;
  text-align: left;
  white-space: normal;
  overflow-wrap: anywhere;
  pointer-events: auto;
  z-index: 2147483647;
}
html:root:not(#ui) body .mint-shared-tooltip[hidden] { display: none !important; }
html:root:not(#ui) body [data-mint-tooltip-suppressed]::before,
html:root:not(#ui) body [data-mint-tooltip-suppressed]::after {
  display: none !important;
  content: none !important;
}
/* Rich explanatory popovers retain their contents and placement. */
html:root:not(#ui) body :is(.hint-tooltip,.avatar-tooltip,.preview-field-tooltip,.comp-tooltip,.ef-urgency-tooltip,.ineligible-tooltip) {
  background: #fff !important;
  color: #294740 !important;
  border: 0 !important;
  border-radius: 6px !important;
  box-shadow: 0 3px 14px rgba(18, 49, 44, .16) !important;
  font-family: 'MintGothic', system-ui, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
}
html:root:not(#ui) body :is(.hint-tooltip,.avatar-tooltip,.preview-field-tooltip,.comp-tooltip,.ef-urgency-tooltip,.ineligible-tooltip)::before,
html:root:not(#ui) body :is(.hint-tooltip,.avatar-tooltip,.preview-field-tooltip,.comp-tooltip,.ef-urgency-tooltip,.ineligible-tooltip)::after { display: none !important; }
html:root:not(#ui) body :is(.hint-tooltip,.avatar-tooltip,.preview-field-tooltip,.comp-tooltip,.ef-urgency-tooltip,.ineligible-tooltip) :is(strong,b) { color: inherit !important; }
html:root:not(#ui) body .avatar-tooltip-role { color: #667e77 !important; }