Added vet alert and hisorical weight trends

frontend/src/index.css

@@ -737,7 +737,6 @@ textarea {
 
 .bird-card {
   width: 100%;
-  text-align: left;
   padding: 1rem;
   border: 1px solid rgba(95, 121, 77, 0.16);
   display: grid;
@@ -746,9 +745,33 @@ textarea {
   background: var(--card-bg);
 }
 
+.bird-card-select {
+  display: grid;
+  gap: 0.35rem;
+  width: 100%;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  color: inherit;
+  text-align: left;
+  box-shadow: none;
+}
+
+.bird-card-select:hover {
+  transform: none;
+  box-shadow: none;
+}
+
+.bird-alert-stack {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.35rem;
+}
+
 .bird-alert-badge {
   display: inline-flex;
   align-items: center;
+  gap: 0.45rem;
   justify-self: start;
   padding: 0.28rem 0.7rem;
   border-radius: 999px;
@@ -761,6 +784,28 @@ textarea {
   text-transform: uppercase;
 }
 
+.alert-dismiss-button {
+  width: auto;
+  margin: 0;
+  border: 0;
+  border-left: 1px solid rgba(203, 58, 53, 0.22);
+  border-radius: 0;
+  padding: 0 0 0 0.45rem;
+  background: transparent;
+  color: inherit;
+  box-shadow: none;
+  font-size: 0.72rem;
+  font-weight: 800;
+  letter-spacing: 0;
+  text-transform: none;
+}
+
+.alert-dismiss-button:hover {
+  transform: none;
+  box-shadow: none;
+  text-decoration: underline;
+}
+
 .bird-card:hover,
 .bird-card.active {
   transform: translateY(-2px);
@@ -807,6 +852,15 @@ textarea {
   font-size: 11px;
 }
 
+.historical-weight-line,
+.historical-weight-dot {
+  opacity: 0.48;
+}
+
+.historical-weight-line {
+  stroke-dasharray: 7 6;
+}
+
 .chart-footer,
 .recent-list,
 .detail-grid,
@@ -959,6 +1013,16 @@ textarea {
   align-items: center;
 }
 
+.legend-card div {
+  display: grid;
+  gap: 0.15rem;
+}
+
+.legend-card div span {
+  color: var(--muted);
+  font-size: 0.85rem;
+}
+
 .legend-swatch {
   width: 14px;
   height: 14px;