/* TipZ365 mobile/light contrast fixes.
   Loaded as a direct stylesheet (not via @import) so mobile browsers
   cannot keep an older imported CSS file in cache. */

/* Selection ticket rows: white surface with dark readable labels. */
html[data-theme="light"] .selection-card .selection-ticket-row {
  background: #ffffff !important;
}

html[data-theme="light"] .selection-card .selection-ticket-name,
html[data-theme="light"] .selection-card strong.selection-ticket-name {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  opacity: 1 !important;
}

html[data-theme="light"] .selection-card .selection-ticket-clear {
  color: #4f5961 !important;
  -webkit-text-fill-color: #4f5961 !important;
}

/* Mobile Predictions column header: anthracite bar with white text. */
html[data-theme="light"] .mobile-app .mobile-list-head {
  background: #2b2e33 !important;
  color: #ffffff !important;
  border-color: #46515a !important;
}

html[data-theme="light"] .mobile-app .mobile-list-head span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

/* Desktop/tablet table header gets the same treatment. */
html[data-theme="light"] .table-card .data-table thead,
html[data-theme="light"] .table-card .data-table thead tr,
html[data-theme="light"] .table-card .data-table thead th {
  background: #2b2e33 !important;
  background-color: #2b2e33 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="light"] .table-card .data-table thead th *,
html[data-theme="light"] .table-card .data-table thead th .arrow {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}