/* Purchase Advisor Page Styles
   Shared component rules removed (see components/ai-shared.css) */

/* Page-local visualization adjustments */
.card canvas { max-height:300px; width:100%!important; }

/* Recent Recommendations list: stacked layout, avoid column squeeze */
#recommendation-history .rec-head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .5rem;
}
#recommendation-history .rec-title {
  font-size: 1.05rem;
  line-height: 1.2;
}
#recommendation-history .rec-amount {
  line-height: 1.2;
}
#recommendation-history .rec-meta .badge { line-height: 1; }
#recommendation-history .rec-actions-right { flex-shrink: 0; }

/* Responsive tweaks for Recent Recommendations list */
@media (max-width: 576px) {
   /* Titles stay readable on mobile */
   #recommendation-history .rec-title { font-size: 1.05rem; }

   /* Make Followed / Ignored buttons easier to tap */
   #recommendation-history .btn-group.btn-group-sm {
      display: flex;
      gap: .5rem;
      flex: 1 1 auto;
   }
   #recommendation-history .btn-group.btn-group-sm .btn {
      min-width: 6rem;
      flex: 1 1 0;
   }

   /* Details section spacing on mobile */
   #recommendation-history .recommendation-details {
      margin-left: 0 !important;
   }

   /* Tighten list item padding slightly on mobile */
   #recommendation-history .list-group-item {
      padding: .75rem .75rem;
   }
}

/* Placeholder for future page-specific overrides */