html, body {
  height: 100%;
  background: url('/assets/img/blue-background.jpg') no-repeat center center fixed !important;
  background-size: cover !important;
  color: #ffffff;
}

.container, .container-fluid, .row, .card, .card-body {
  background: transparent !important;
}

/* AI Coach Styles */
#motivation_box .ai-coach-img {
  box-shadow: 0 2px 8px rgba(0,0,0,0.12);
  background: #fff;
  border-radius: 50%;
  border: 2px solid #1976d2;
  position: absolute;
  top: -18px;
  left: -18px;
  width: 56px;
  height: 56px;
  z-index: 2;
  object-fit: cover;
}

#motivation_box .ai-coach-box {
  padding-left: 58px !important;
  min-height: 110px;
}
.colorDark {
  color: #222;
}

#aiCoachOutput {
  max-height: 220px;
  overflow-y: auto;
  background: #f7f9fa;
  border-radius: 8px;
  padding: 12px;
  font-size: 1.07em;
  margin-bottom: 4px;
}

#aiCoachUserPrompt {
  background: #e3f0ff;
  color: #134a7c;
  border-radius: 8px;
  padding: 8px 12px;
  margin-bottom: 8px;
  font-weight: 500;
  word-break: break-word;
  box-shadow: 0 1px 2px rgba(19,74,124,0.04);
  display: none;
}

/* Make all SVG text in Google Charts white */
#fasts_timeline_chart text {
  fill: #fff !important;
}

/* Force Google Charts tooltip text to black */
.google-visualization-tooltip, 
.google-visualization-tooltip * {
  color: #111 !important;
}