/* LinkedIn-style media preview components */
.media-preview-container {
  @apply relative w-full mb-4;
}

.media-preview-card {
  @apply rounded-lg overflow-hidden bg-theme-surface border border-theme shadow-sm;
}

/* Image preview */
.media-image-container {
  @apply relative max-h-[500px] overflow-hidden;
}

.media-image {
  @apply w-full h-auto object-contain mx-auto;
}

/* PDF Carousel */
.pdf-carousel {
  @apply relative bg-gray-100 dark:bg-gray-900;
}

.pdf-pages {
  @apply flex transition-transform duration-300 ease-in-out;
}

.pdf-page {
  @apply max-w-full h-auto;
}

.pdf-loading {
  @apply flex items-center justify-center h-64 w-full;
}

.pdf-nav-button {
  @apply absolute top-1/2 -translate-y-1/2 p-2 bg-gray-900/75 hover:bg-gray-900 text-white rounded-full 
         transition-opacity duration-200 disabled:opacity-50 disabled:cursor-not-allowed;
}

.pdf-prev {
  @apply left-2;
}

.pdf-next {
  @apply right-2;
}

.pdf-indicator {
  @apply absolute bottom-2 left-1/2 -translate-x-1/2 bg-gray-900/75 text-white text-sm px-3 py-1 rounded-full;
}

/* Document preview */
.document-preview {
  @apply p-4;
}

.document-info {
  @apply flex items-center;
}

.document-icon {
  @apply flex-shrink-0 w-12 h-12 mr-4;
}

.document-details {
  @apply flex-1 min-w-0;
}

.document-title {
  @apply text-base font-medium text-theme-primary truncate;
}

.document-size {
  @apply text-sm text-theme-secondary;
}

/* Video preview */
.video-preview {
  @apply relative max-h-[500px];
}

.video-player {
  @apply w-full h-full bg-black;
}

/* Remove button */
.media-remove-button {
  @apply absolute top-2 right-2 p-2 bg-gray-900/75 hover:bg-gray-900 text-white rounded-full 
         opacity-0 transition-opacity duration-200;
}