/* EMERGENCY DASHBOARD COLOR OVERRIDES - v1.0.4 */

/* Blue card - Total Jobs */
.dashboard-stat-card-blue {
  background-color: rgba(37, 99, 235, 0.9) !important;
  border-color: rgba(96, 165, 250, 0.7) !important;
  color: white !important;
}
.dashboard-stat-card-blue * {
  color: white !important;
}

/* Green card - New Today */
.dashboard-stat-card-green {
  background-color: rgba(22, 163, 74, 0.9) !important;
  border-color: rgba(74, 222, 128, 0.7) !important;
  color: white !important;
}
.dashboard-stat-card-green * {
  color: white !important;
}

/* Purple card - Completed */
.dashboard-stat-card-purple {
  background-color: rgba(126, 34, 206, 0.9) !important;
  border-color: rgba(192, 132, 252, 0.7) !important;
  color: white !important;
}
.dashboard-stat-card-purple * {
  color: white !important;
}

/* Red card - Urgent */
.dashboard-stat-card-red {
  background-color: rgba(220, 38, 38, 0.9) !important;
  border-color: rgba(252, 165, 165, 0.7) !important;
  color: white !important;
}
.dashboard-stat-card-red * {
  color: white !important;
}

/* Recent Jobs Table */
.dashboard-jobs-table {
  background-color: rgba(79, 70, 229, 0.8) !important;
  border-color: rgba(129, 140, 248, 0.7) !important;
  color: white !important;
}
.dashboard-jobs-table * {
  color: white !important;
}
.dashboard-jobs-table th {
  background-color: rgba(67, 56, 202, 0.7) !important;
  color: rgba(199, 210, 254, 1) !important;
}
.dashboard-jobs-table tbody {
  background-color: rgba(79, 70, 229, 0.6) !important;
}
.dashboard-jobs-table tr:hover {
  background-color: rgba(99, 102, 241, 0.7) !important;
}

/* EMERGENCY OVERRIDE FOR JOBS PAGE */
[class*="JobList"] .card {
  background-color: rgba(79, 70, 229, 0.8) !important;
  border-color: rgba(129, 140, 248, 0.7) !important;
  color: white !important;
}

/* Target specifically the filter card in the Jobs list */
[class*="JobList"] .card:first-of-type {
  background-color: rgba(126, 34, 206, 0.9) !important;
  border-color: rgba(192, 132, 252, 0.7) !important;
}

/* Force all text in the Jobs page to be white */
[class*="JobList"] .card * {
  color: white !important;
}

/* Input and select fields on the jobs page */
[class*="JobList"] input,
[class*="JobList"] select {
  background-color: rgba(79, 70, 229, 0.6) !important;
  border-color: rgba(129, 140, 248, 0.7) !important;
  color: white !important;
}

/* Fix table headers */
[class*="JobList"] th {
  background-color: rgba(67, 56, 202, 0.7) !important;
  color: rgba(199, 210, 254, 1) !important;
}

/* Fix table rows */
[class*="JobList"] tbody tr {
  background-color: rgba(79, 70, 229, 0.6) !important;
}

[class*="JobList"] tbody tr:hover {
  background-color: rgba(99, 102, 241, 0.7) !important;
}

/* Also target JobDetail page */
[class*="JobDetail"] .card {
  background-color: rgba(79, 70, 229, 0.8) !important;
  border-color: rgba(129, 140, 248, 0.7) !important;
  color: white !important;
}

[class*="JobDetail"] .card * {
  color: white !important;
}