/* Social Media Posts Module Styles */

/* Status badges */
.status-badge {
  @apply px-2 py-1 text-xs font-semibold leading-tight rounded-full;
}

.status-badge--draft {
  @apply text-gray-700 bg-gray-100;
}

.status-badge--scheduled {
  @apply text-orange-700 bg-orange-100;
}

.status-badge--published {
  @apply text-green-700 bg-green-100;
}

.status-badge--failed {
  @apply text-red-700 bg-red-100;
}

/* Post cards */
.social-post-card {
  @apply bg-white rounded-lg shadow-md overflow-hidden border border-gray-200 transition-all duration-200;
}

.social-post-card:hover {
  @apply shadow-lg border-blue-200;
}

.social-post-card__header {
  @apply p-4 border-b border-gray-200;
}

.social-post-card__body {
  @apply p-4;
}

.social-post-card__footer {
  @apply p-4 bg-gray-50 border-t border-gray-200;
}

/* Platform badges */
.platform-badge {
  @apply inline-flex items-center px-3 py-1 rounded-full text-xs font-medium mr-2;
}

.platform-badge--facebook {
  @apply bg-blue-100 text-blue-800;
}

.platform-badge--twitter {
  @apply bg-sky-100 text-sky-800;
}

.platform-badge--instagram {
  @apply bg-purple-100 text-purple-800;
}

.platform-badge--linkedin {
  @apply bg-indigo-100 text-indigo-800;
}

/* Character counter */
.character-counter {
  @apply text-sm text-gray-500 mt-1;
}

.character-counter--warning {
  @apply text-orange-600;
}

/* Post form */
.social-post-form__group {
  @apply mb-4;
}

.social-post-form__label {
  @apply block text-sm font-medium text-gray-700 mb-1;
}

.social-post-form__input {
  @apply mt-1 focus:ring-blue-500 focus:border-blue-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md;
}

.social-post-form__helper {
  @apply mt-1 text-xs text-gray-500;
}

/* Post preview */
.social-post-preview {
  @apply mt-4 p-4 border border-gray-200 rounded-lg bg-white;
}

.social-post-preview__header {
  @apply flex items-center mb-3;
}

.social-post-preview__avatar {
  @apply w-10 h-10 rounded-full bg-blue-600 flex items-center justify-center text-white font-semibold mr-3;
}

.social-post-preview__name {
  @apply font-semibold text-gray-900;
}

.social-post-preview__time {
  @apply text-xs text-gray-500;
}

.social-post-preview__content {
  @apply text-gray-800;
}

.social-post-preview__hashtags {
  @apply mt-2 text-blue-600;
}

.social-post-preview__image {
  @apply mt-3 rounded-lg overflow-hidden border border-gray-200;
}

/* Actions bar */
.social-post-actions {
  @apply flex flex-wrap items-center gap-2 mt-4;
}

.social-post-actions__button {
  @apply inline-flex items-center px-3 py-1.5 border text-sm leading-5 font-medium rounded-md transition-colors duration-150;
}

.social-post-actions__button--primary {
  @apply text-white bg-blue-600 border-blue-600 hover:bg-blue-700 hover:border-blue-700;
}

.social-post-actions__button--secondary {
  @apply text-blue-600 bg-white border-blue-600 hover:bg-blue-50;
}

.social-post-actions__button--danger {
  @apply text-white bg-red-600 border-red-600 hover:bg-red-700 hover:border-red-700;
}