/* --- Stage List Partial: Construction-Themed Accent --- */

/* Blueprint-inspired accent color */
:root {
  --buildops-accent: #1f6fb2;
  --buildops-accent-light: #e8f2fa;
  --buildops-border: #d0e2ef;
}

/* Card styling */
.stage-list .card {
  border: 1px solid var(--buildops-border);
  transition: box-shadow 0.25s ease, transform 0.2s ease;
}

.stage-list .card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(31, 111, 178, 0.15);
}

/* Card header: light blueprint tint */
.stage-list .card-header {
  background-color: var(--buildops-accent-light);
  border-bottom: 1px solid var(--buildops-border);
  color: #0f3c61;
  font-weight: 600;
}

/* Thumbnails */
.stage-list img {
  cursor: pointer;
  border: 1px solid var(--buildops-border);
  border-radius: 8px;
  object-fit: cover;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.stage-list img:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(31, 111, 178, 0.25);
}

/* Notes */
.stage-list p.text-body-secondary {
  font-size: 0.9rem;
  line-height: 1.4;
  color: #444;
}

/* Delete button */
.stage-list .btn-outline-danger {
  border-color: #e66;
  color: #e66;
  font-size: 0.85rem;
}

.stage-list .btn-outline-danger:hover {
  background-color: #e66;
  color: #fff;
}

/* "Add Update" button */
.stage-list .btn-primary {
  background-color: var(--buildops-accent);
  border-color: var(--buildops-accent);
  font-weight: 500;
}

.stage-list .btn-primary:hover {
  background-color: #145b94;
  border-color: #145b94;
}