/**
 * Visibility Fixes for White Background
 * Ensures all text is visible on white background
 */

/* Force all white text to be Carrier Blue for visibility */
.text-white,
.text-white * {
  color: var(--carrier-blue) !important;
}

/* Executive Dashboard specific fixes */
#insights-container,
#insights-container * {
  color: var(--carrier-text-primary) !important;
}

#insights-container h2,
#insights-container h3 {
  color: var(--carrier-blue) !important;
}

/* Recent Activity section */
#recent-activity,
#recent-activity * {
  color: var(--carrier-text-primary) !important;
}

#recent-activity .activity-title {
  color: var(--carrier-blue) !important;
}

/* Risk Heatmap */
#risk-heatmap,
#risk-heatmap * {
  color: var(--carrier-text-primary) !important;
}

/* Product summary cards */
#product-summary .product-card,
#product-summary .product-card * {
  color: var(--carrier-text-primary) !important;
}

#product-summary .product-card h3 {
  color: var(--carrier-blue) !important;
}

/* Report configuration section */
.report-config,
.report-config * {
  color: var(--carrier-text-primary) !important;
}

.report-config label {
  color: var(--carrier-blue) !important;
}

/* Ensure all cards have proper text color */
.card,
.card * {
  color: var(--carrier-text-primary);
}

.card h2,
.card h3 {
  color: var(--carrier-blue) !important;
}

/* Executive metrics with gradient backgrounds */
.metric-card[style*="linear-gradient"],
.metric-card[style*="gradient"] {
  color: white !important;
}

.metric-card[style*="linear-gradient"] *,
.metric-card[style*="gradient"] * {
  color: white !important;
}

/* Trend indicators */
.metric-trend,
.trend-indicator {
  color: var(--carrier-text-primary) !important;
}

/* Any div with inline styles that might have white text */
div[style*="color: white"],
div[style*="color: #fff"],
div[style*="color: #FFF"],
div[style*="color: #ffffff"],
div[style*="color: #FFFFFF"] {
  color: var(--carrier-text-primary) !important;
}

/* Activity items */
.activity-item,
.activity-item * {
  color: var(--carrier-text-primary) !important;
}

.activity-date {
  color: var(--carrier-blue) !important;
  font-weight: 600;
}

/* Insight cards */
.insight-card,
.insight-card * {
  color: var(--carrier-text-primary) !important;
}

.insight-card .insight-title {
  color: var(--carrier-blue) !important;
  font-weight: 700;
}

/* Report preview section */
.report-preview,
.report-preview * {
  color: var(--carrier-text-primary) !important;
}

/* Any element with explicit white color */
[style*="color: white"],
[style*="color: #fff"],
[style*="color: #FFF"],
[style*="color: #ffffff"],
[style*="color: #FFFFFF"] {
  color: var(--carrier-text-primary) !important;
}

/* User Management Link Visibility - Admin Only */
/* Default: hidden */
#userManagementLink {
  display: none !important;
}

/* Show for admins - JavaScript will add .admin-visible class */
#userManagementLink.admin-visible {
  display: list-item !important;
}

/* Risk Heatmap - Only column headers in white, all data in Carrier blue */
/* Keep all table headers white (Product/Category, Threat Intelligence, SAST, etc.) */
#risk-heatmap table th,
#risk-heatmap table thead th,
#risk-heatmap .heatmap-table th,
#risk-heatmap .heatmap-table thead th {
  color: white !important;
}

/* Make ALL data cells Carrier blue (including product names and percentages) */
#risk-heatmap table tbody td,
#risk-heatmap .heatmap-table tbody td {
  color: var(--carrier-blue) !important;
}

