/* CCASS Analysis specific styles */

.analysis-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

.analysis-table tbody tr:nth-child(odd) {
    background-color: #fafafa;
}

.analysis-table tbody tr:nth-child(even) {
    background-color: #ffffff;
}

.analysis-table tbody tr:hover {
    background-color: #f0f8ff; /* light blue hover */
}

/* Ensure neutral text color for Top CCASS Participants table rows */
.analysis-table.ccass-top-table tbody tr td {
    color: #333 !important;
}
/* Ensure neutral link color inside Top CCASS Participants table */
.analysis-table.ccass-top-table tbody tr td a,
.analysis-table.ccass-top-table tbody tr td a:visited {
    color: #333 !important;
    text-decoration: none;
}
.analysis-table.ccass-top-table tbody tr td a:hover {
    color: #0a6cff !important; /* subtle blue hover */
}
/* Explicit zebra stripes for Top CCASS Participants table */
.analysis-table.ccass-top-table tbody tr:nth-child(odd) {
    background-color: #fafafa !important;
}
.analysis-table.ccass-top-table tbody tr:nth-child(even) {
    background-color: #ffffff !important;
}
/* Keep neutral color on hover for Top CCASS Participants */
.analysis-table.ccass-top-table tbody tr:hover td {
    color: #333 !important;
}
.analysis-table.ccass-top-table tbody tr.positive-change:hover td,
.analysis-table.ccass-top-table tbody tr.positive-action:hover td,
.analysis-table.ccass-top-table tbody tr.negative-change:hover td,
.analysis-table.ccass-top-table tbody tr.negative-action:hover td {
    color: #333 !important;
}
.analysis-table tbody tr.positive-change:hover td,
.analysis-table tbody tr.positive-action:hover td {
    color: #218838 !important; /* Darker green */
}

/* Remove red color usage for negative states, use neutral instead */
.analysis-table tbody tr.negative-change:hover td,
.analysis-table tbody tr.negative-action:hover td {
    color: #555 !important; /* neutral grey */
}

.number {
    text-align: right;
}

.positive-action {
    color: #28a745 !important;
}

/* Negative states should be neutral (no red) */
.negative-action {
    color: #555 !important;
}

.positive-change {
    color: #28a745 !important;
}

.negative-change {
    color: #555 !important;
}


/* Tabs UI for CCASS Dashboard */
.tab-container {
  margin: 20px 0;
}
.tab-nav {
  display: flex;
  gap: 16px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 12px;
}
.tab-nav-item {
  padding: 8px 12px;
  cursor: pointer;
  color: #555;
  border-bottom: 2px solid transparent;
}
.tab-nav-item:hover {
  color: #222;
}
.tab-nav-item.active {
  color: #0a6cff;
  border-bottom-color: #0a6cff;
  font-weight: 600;
}
.tab-content {
  margin-top: 12px;
}
.tab-pane {
  display: none;
}
.tab-pane.active {
  display: block;
}

/* Date selector form */
.ccass-date-selector {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
}
.ccass-date-selector label {
  display: flex;
  gap: 6px;
  align-items: center;
  color: #333;
}
.ccass-date-selector select,
.ccass-date-selector input[type="text"],
.ccass-date-selector button {
  padding: 6px 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #fff;
}
.ccass-date-selector button {
  background: #0a6cff;
  color: #fff;
  border-color: #0a6cff;
  cursor: pointer;
}
.ccass-date-selector button:hover {
  background: #0656c5;
  border-color: #0656c5;
}