/* Bulk target price modal. Extends .target-modal from target-price-modal.css. */

.target-modal--bulk .target-modal__panel {
  width: 480px;
}

.target-modal__filters {
  margin-bottom: 12px;
}

.target-modal__filters-notice {
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  padding: 8px 12px;
  background-color: var(--color-deep-dark);
  border-radius: 4px;
}

/* When the active-filters bar is cloned into the modal, let the chips wrap
   within the narrower modal width. */
.target-modal__filters .active-filters--in-modal {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 8px 10px;
  background-color: var(--color-deep-dark);
  border-radius: 4px;
  margin: 0;
}

.target-modal__filters .active-filters--in-modal .active-filters__label {
  font-size: 0.75rem;
  color: var(--color-text-muted);
  margin-right: 4px;
  align-self: center;
}

.target-modal__summary {
  background-color: var(--color-deep-dark);
  border-radius: 4px;
  padding: 10px 14px;
  margin-bottom: 16px;
  font-size: 0.875rem;
  color: var(--color-text-light);
  line-height: 1.5;
  min-height: 2.5em;
}

.target-modal__mode {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 16px;
}

.target-modal__mode-label {
  font-size: 0.75rem;
  color: var(--color-text-muted);
  margin-bottom: 2px;
}

.target-modal__mode-radio {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.875rem;
  color: var(--color-text-light);
  cursor: pointer;
  padding: 4px 0;
}

.target-modal__mode-radio input[type="radio"] {
  cursor: pointer;
  accent-color: var(--color-steam-blue);
}

.target-modal__preset.is-selected {
  background-color: rgba(102, 192, 244, 0.18);
  border-color: var(--color-steam-blue);
  color: var(--color-steam-blue);
}

/* Sidebar action button (bulk target price opener). */
.sidebar__action-button {
  width: 100%;
  padding: 10px 12px;
  background-color: var(--color-deep-dark);
  border: 1px solid var(--color-border-subtle);
  border-radius: 4px;
  color: var(--color-text-light);
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.15s ease;
}

.sidebar__action-button:hover:not(:disabled) {
  border-color: var(--color-steam-blue);
  color: var(--color-steam-blue);
  background-color: rgba(102, 192, 244, 0.08);
}

.sidebar__action-button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}