/* --- III. TAB-SPECIFIC STYLES --- */
/* --- Data Improvement Tab (`#dataGapsTab`) Styles --- */

/* The `#dataGapsTab` itself is a `.tab-content` div,
   which gets its basic visibility and fade-in animation from Shared Component styles.
   It typically contains a `.card` element as its direct child, also styled
   by Shared Component styles.
*/

/* Styling for the list of missing data items or data improvement suggestions */
.missing-data-list {
  list-style: none; /* Remove default list bullets */
  padding: 0; /* Remove default list padding */
  /* Margin-top/bottom would typically be handled by the parent .card or other layout elements */
}

/* Styling for an individual missing data item / improvement suggestion */
/* Mindstate: Simplified item styling with clean borders and minimal shadows */
.missing-data-item {
  background: #FAFAFA; /* Mindstate: Very light gray instead of gradient */
  margin-bottom: 15px; /* Space between items */
  padding: 18px;
  border-radius: 0; /* Mindstate: Sharp corners */
  border-left: 4px solid var(--ms-data-green); /* Mindstate: Data green accent */
  transition: all var(--transition-medium) ease; /* Base transition from global */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); /* Mindstate: Minimal shadow */
  border: 1px solid #F4F4F4; /* Mindstate: Light border */
  border-left-width: 4px; /* Ensure left border stays 4px */
}

.missing-data-item:hover {
  transform: translateX(4px); /* Mindstate: Reduced movement from 8px */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); /* Mindstate: Subtle shadow on hover */
  background: #FFFFFF; /* Mindstate: White on hover */
}

/* Styling for the title of a missing data item (e.g., "Average Annual Cost Per Patient") */
.missing-data-title {
  font-weight: 600;
  margin-bottom: 8px;
  color: #000000; /* Mindstate: Pure black instead of primary */
  letter-spacing: -0.02em; /* Mindstate: Tighter letter spacing */
}

/* Styling for the description or suggestion text for a missing data item */
.missing-data-desc {
  font-size: 14px;
  color: #8B9187; /* Mindstate: Medium gray instead of text-light */
  line-height: 1.5;
}

/* If there are other unique sections within the #dataGapsTab,
 for example, the "Data Collection Recommendations" section mentioned in the HTML:
*/
#dataGapsTab .card div > h4 { /* Targeting the h4 for "Data Collection Recommendations" */
  /* This might already be styled by `.card h4` or general `h4` styles.
     If specific overrides are needed:
     margin-top: var(--spacing-xl); // Add more space above this heading
     font-size: 1.2rem;
     color: #000000; // Mindstate: Pure black
     letter-spacing: -0.02em; // Mindstate: Tighter letter spacing
  */
}

#dataGapsTab .card div > p,
#dataGapsTab .card div > ol {
  /* These would be styled by `.card p` and default list styles.
     If specific overrides are needed for the recommendations paragraph or ordered list:
     color: #3B3B3B; // Mindstate: Dark gray
     line-height: 1.7;
  */
}

#dataGapsTab .card div > ol li {
  /* Specific styling for list items in the recommendations if needed:
     margin-bottom: var(--spacing-sm);
  */
}