/* Styles for wash instance manager and wash stage modal */
/* Match the dark UnitSearch shell */
.active-instances-panel.card {
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: var(--r-xl);
  color: var(--text);
  box-shadow: var(--shadow-1);
}
.active-instances-panel .card-header {
  background: transparent;
  border: none;
  padding: 10px 14px;
}
.active-instances-panel .card-body {
  background: transparent;
  padding: 10px;
}
.active-instance-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid var(--panel-border);
  border-radius: var(--r-lg);
  background: rgba(255, 255, 255, 0.06);
  margin-bottom: 8px;
}
.active-instance-row:last-child {
  margin-bottom: 0;
}
.active-instance-meta {
  font-size: 12px;
  color: var(--muted-2);
}
.active-instance-title {
  font-weight: 700;
  margin: 0;
}
.active-instances-panel .btn-outline-primary {
  --bs-btn-color: var(--text);
  --bs-btn-border-color: var(--panel-border);
  --bs-btn-hover-color: var(--text);
  --bs-btn-hover-bg: rgba(255, 255, 255, 0.08);
  --bs-btn-hover-border-color: var(--panel-border);
  --bs-btn-active-bg: rgba(255, 255, 255, 0.12);
  --bs-btn-active-border-color: var(--panel-border);
}
.active-instances-panel .btn-outline-secondary {
  --bs-btn-color: var(--text);
  --bs-btn-border-color: var(--panel-border);
  --bs-btn-hover-color: var(--text);
  --bs-btn-hover-bg: rgba(255, 255, 255, 0.08);
  --bs-btn-hover-border-color: var(--panel-border);
  --bs-btn-active-bg: rgba(255, 255, 255, 0.12);
  --bs-btn-active-border-color: var(--panel-border);
}
.wash-stage-modal .prewash-uploaded-image {
  width: 90px;
  height: 90px;
}