/**
 * AG Grid Icons for Organization View Only
 *
 * This CSS works WITH AG Grid's icon system (not against it) by setting CSS variables
 * that control icon appearance. This isolates changes to only the organization view.
 */

/* Define a custom filter icon unicode (simple 3-line filter) as a variable */
.org-viewcontainer {
  /* Default icon font family */
  --ag-icon-font-family: "agGridQuartz";
  --ag-icon-font-weight: normal;
  
  /* The filter icon - 3 lines minimalist design (using built-in icon) */
  --ag-icon-font-code-filter: "\f115"; /* Using menu icon which has 3 horizontal lines */
  
  /* Make icons more visible */
  --ag-icon-font-color: rgba(0, 0, 0, 0.85);
  
  /* Make sure icons are displayed */
  --ag-icon-image-display: none; /* Use font icons only, not background images */
}

/* Additional styling to ensure icons are properly visible */
.org-viewcontainer .ag-icon {
  opacity: 0.87;
  visibility: visible;
}

/* Make filter icon specifically more visible if needed */
.org-viewcontainer .ag-icon-filter {
  visibility: visible;
  opacity: 1;
}

/* Apply specifically to header filtering icons */
.org-viewcontainer .ag-header-cell-menu-button .ag-icon-filter {
  visibility: visible !important;
  opacity: 1 !important;
}

/* Fix for header icons in cells */
.org-viewcontainer .ag-header-cell-label .ag-header-icon.ag-icon {
  display: inline-block;
}

/* Load AG Grid Alpine font if it's not already available */
@font-face {
  font-family: "agGridAlpine";
  src: url("https://cdn.jsdelivr.net/npm/ag-grid-community@31.0.1/styles/agGridAlpineFont.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}