/* App Card Minimize/Maximize Styles */

/* Minimized card state - Windows-like compact view */
[data-app-card-target="card"].minimized {
  /* Reduce padding significantly - responsive */
  padding: 0.5rem !important;
}

@media (min-width: 640px) {
  [data-app-card-target="card"].minimized {
    padding: 0.75rem !important;
  }
}

/* Adjust icon and title sizes when minimized */
[data-app-card-target="card"].minimized .text-3xl,
[data-app-card-target="card"].minimized .text-4xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

@media (min-width: 640px) {
  [data-app-card-target="card"].minimized .text-3xl,
  [data-app-card-target="card"].minimized .text-4xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

[data-app-card-target="card"].minimized h3 {
  font-size: 0.75rem;
  line-height: 1rem;
}

@media (min-width: 640px) {
  [data-app-card-target="card"].minimized h3 {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

/* Hide role badges when minimized */
[data-app-card-target="card"].minimized [data-app-card-target="roleBadge"] {
  display: none !important;
}

/* Adjust spacing when minimized */
[data-app-card-target="card"].minimized .flex.items-center.space-x-3 {
  margin-bottom: 0 !important;
}

[data-app-card-target="card"].minimized a.flex.items-center.space-x-3 {
  margin-bottom: 0 !important;
}

/* Smooth transitions for minimize/maximize */
[data-app-card-target="card"] {
  transition: all 0.2s ease-in-out;
}

[data-app-card-target="details"] {
  transition: opacity 0.2s ease-in-out;
}