Add cross-panel tenant shortcuts with live status colors and values.

Co-authored-by: Cursor <cursoragent@cursor.com>

src/styles.css

@@ -401,3 +401,95 @@ button, input, textarea, select,
 .placeholder-hero.server {
   background: linear-gradient(135deg, #ff8a8a, #ff6b6b);
 }
+
+.tenant-panel-shortcuts {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 8px;
+  margin: 0 0 16px;
+}
+
+.tenant-panel-shortcuts-loading {
+  grid-column: 1 / -1;
+  border-radius: 14px;
+  background: #f5f7fb;
+  padding: 12px 14px;
+  color: #7b8798;
+  font-size: 0.85rem;
+}
+
+.tenant-panel-status-card {
+  border: none;
+  border-radius: 14px;
+  padding: 10px 12px;
+  text-align: right;
+  font-family: inherit;
+  cursor: pointer;
+  display: grid;
+  gap: 2px;
+  color: #17324d;
+  transition: transform 0.15s ease, box-shadow 0.15s ease;
+  min-width: 0;
+}
+
+.tenant-panel-status-card:hover {
+  transform: translateY(-1px);
+  box-shadow: var(--shadow);
+}
+
+.tenant-panel-status-card .card-top {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  min-width: 0;
+}
+
+.tenant-panel-status-card .card-icon {
+  display: inline-grid;
+  place-items: center;
+  font-size: 14px;
+  opacity: 0.85;
+  flex-shrink: 0;
+}
+
+.tenant-panel-status-card strong {
+  font-size: 0.88rem;
+  white-space: nowrap;
+}
+
+.tenant-panel-status-card .card-value,
+.tenant-panel-status-card .card-meta {
+  color: inherit;
+  opacity: 0.92;
+  font-size: 0.82rem;
+  line-height: 1.45;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.tenant-panel-status-card.healthy {
+  background: linear-gradient(135deg, #dff8ea, #c3efd7);
+}
+
+.tenant-panel-status-card.warning {
+  background: linear-gradient(135deg, #fff4c7, #ffe39a);
+}
+
+.tenant-panel-status-card.critical {
+  background: linear-gradient(135deg, #ffd8d8, #ffb9b9);
+}
+
+.tenant-panel-status-card.dedicated {
+  background: linear-gradient(135deg, #e8eef8, #d6e0f5);
+}
+
+.tenant-panel-status-card.unknown {
+  background: linear-gradient(135deg, #eef2f7, #dde5ef);
+}
+
+@media (max-width: 720px) {
+  .tenant-panel-shortcuts {
+    grid-template-columns: 1fr;
+  }
+}