/* Custom styles for the Social Investment Simulator */

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background-color: #f8fafc;
}

/* Styled sliders */
input[type="range"] {
  -webkit-appearance: none;
  width: 100%;
  height: 6px;
  background: #cbd5e1;
  border-radius: 4px;
  outline: none;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #3b82f6;
  cursor: pointer;
  transition: background 0.15s ease;
}

input[type="range"]::-webkit-slider-thumb:hover {
  background: #2563eb;
}

input[type="range"]::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border: 0;
  border-radius: 50%;
  background: #3b82f6;
  cursor: pointer;
  transition: background 0.15s ease;
}

input[type="range"]::-moz-range-thumb:hover {
  background: #2563eb;
}

/* Selected quick-preset button */
.preset-btn.preset-active {
  background-color: #eef2ff;
  color: #4338ca;
  border-color: #c7d2fe;
  box-shadow: 0 1px 2px rgba(67, 56, 202, 0.08);
}

/* Card hover transitions */
.kpi-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.kpi-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.08);
}

#verdict-banner.win-aligned {
  background: linear-gradient(180deg, #ecfdf5 0%, #f0fdf4 100%);
  border-color: #6ee7b7;
  color: #064e3b;
}

#verdict-banner.win-mixed {
  background: #fffbeb;
  border-color: #fcd34d;
  color: #78350f;
}

#verdict-banner.win-miss {
  background: #f8fafc;
  border-color: #e2e8f0;
  color: #334155;
}

#sensitivity-body tr.sensitivity-current {
  background: #eef2ff;
  font-weight: 600;
}

@media print {
  .no-print,
  aside input[type="range"],
  aside select,
  .preset-btn,
  #reset-preset-btn {
    display: none !important;
  }

  body {
    background: #fff;
  }

  aside {
    break-inside: avoid;
  }

  #verdict-banner {
    break-inside: avoid;
  }

  canvas {
    max-height: 260px !important;
  }
}