/* Training & Play — DISC•IQ */
.training-hero {
  background: linear-gradient(135deg, #66BB6A 0%, #228B22 100%);
  color: #fff;
  padding: 40px 0;
}
.training-hero h1 { font-weight: 700; }
.tool-card {
  border: none;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  transition: transform 0.2s, box-shadow 0.2s;
  height: 100%;
}
.tool-card:hover { transform: translateY(-4px); box-shadow: 0 8px 20px rgba(0,0,0,0.12); }
.tool-card .card-body { padding: 1.5rem; }
.tool-card h5 { color: #228B22; font-weight: 600; }
.session-type-badge { font-size: 0.75rem; }
.metric-card { border-left: 4px solid #228B22; }
.csv-drop-zone {
  border: 2px dashed #dee2e6;
  border-radius: 8px;
  padding: 2rem;
  text-align: center;
  background: #f8f9fa;
  cursor: pointer;
  transition: border-color 0.2s, background 0.2s;
}
.csv-drop-zone:hover, .csv-drop-zone.dragover { border-color: #228B22; background: #e8f5e9; }
.csv-drop-zone input { display: none; }
.hole-grid { display: flex; flex-wrap: wrap; gap: 8px; }
.hole-cell {
  width: 48px;
  text-align: center;
  padding: 6px 4px;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  font-size: 0.85rem;
}
.hole-cell .hole-num { font-size: 0.7rem; color: #6c757d; }
.hole-cell input { width: 100%; text-align: center; padding: 2px; }
