/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - TSP - Travelling Salesman Problem                       - */
/* -                                                          - */
/* - Author: Cylian                                           - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
layout-main main {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem;
  gap: 1.5rem; }

layout-main .tsp-container {
  display: flex;
  justify-content: center;
  width: 100%; }

layout-main #tsp-canvas {
  width: 100%;
  height: 100%;
  border: 1px solid var(--draw-color-surface);
  border-radius: 4px;
  background: var(--background-color-surface); }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - Controls Widget                                         - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.tsp-controls {
  display: flex;
  gap: 0.5rem; }
  .tsp-controls .button {
    flex: 1; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - History Widget                                          - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.history-container #history-canvas {
  width: 100%;
  height: 100%; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - Confidence Colors                                       - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.confidence-high {
  color: #27ae60 !important; }

.confidence-medium {
  color: #f39c12 !important; }

.confidence-low {
  color: #e74c3c !important; }