/**
 * Mobile Data Card — zamjena tabličnog reda na mobile
 */

.mobile-data-card {
  background-color: var(--bg-elevated);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  margin-bottom: var(--space-3);
  overflow: hidden;
}

.mobile-data-card:last-child {
  margin-bottom: 0;
}

.mobile-data-card-body {
  padding: var(--space-4);
}

.mobile-data-card-main {
  margin-bottom: var(--space-2);
}

.mobile-data-card-title {
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-base);
  color: var(--text-primary);
}

.mobile-data-card-title-link {
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-base);
  color: var(--accent-primary);
  text-decoration: none;
}

.mobile-data-card-title-link:hover {
  color: var(--accent-primary-hover);
}

.mobile-data-card-subtitle {
  display: block;
  font-size: var(--font-size-sm);
  color: var(--text-muted);
  margin-top: var(--space-1);
}

.mobile-data-card-meta {
  font-size: var(--font-size-sm);
  color: var(--text-secondary);
  margin-bottom: var(--space-2);
}

.mobile-data-card-badges {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-bottom: var(--space-2);
}

.mobile-data-card-actions {
  display: flex;
  gap: var(--space-2);
  margin-top: var(--space-3);
  padding-top: var(--space-3);
  border-top: 1px solid var(--border-muted);
}

/* Desktop: sakriti mobile cards, prikazati tablicu */
@media (min-width: 768px) {
  .mobile-cards-only {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .desktop-table-only {
    display: none !important;
  }
}