.media-selector-popover {
  .ant-popover-inner-content {
    position: relative;
    max-width: 640px;
    max-height: 480px;
    overflow-y: auto;
    padding: 8px;
    background-color: var(--popover-bg);
    border-radius: 8px;
  }
}

.media-selector-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.error-message {
  color: var(--error-text);
  font-size: 12px;
  text-align: center;
  margin-bottom: 8px;
}

.no-jobs-message {
  font-size: 14px;
  color: var(--no-jobs-text);
  text-align: center;
  padding: 8px;
}

/* Style images within gallery components */
.media-selector-content img {
  object-fit: cover;
  border-radius: 4px;
  margin: 4px;
  cursor: pointer;
}

/* Grid layout for gallery components */
.media-selector-content .ant-image,
.media-selector-content .gallery-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  gap: 4px;
}