/* GZX compact dark client showcase */
.panel.client-showcase-panel {
  padding: 10px 12px !important;
  border-color: #334155 !important;
  background: #111827 !important;
  color: #e5e7eb !important;
}
.client-showcase-panel .client-showcase-toolbar h3,
.gzx-client-section h3 {
  margin: 12px 0 8px !important;
  color: #f1f5f9 !important;
  font-size: 16px !important;
}
.client-showcase-panel .client-showcase-toolbar b { color: #f8fafc !important; font-size: 16px !important; }
.client-showcase-panel .client-showcase-toolbar small { color: #cbd5e1 !important; font-size: 11px !important; }
.client-showcase-panel .client-showcase-toolbar { margin-bottom: 8px !important; gap: 8px !important; }
.client-showcase-panel .client-showcase-actions { gap: 5px !important; }
.client-showcase-panel button:not(.client-showcase-card) {
  min-width: 52px !important;
  height: 28px !important;
  padding: 0 9px !important;
  border-color: #475569 !important;
  background: #1f2937 !important;
  color: #e2e8f0 !important;
  font-size: 11px !important;
}
.client-showcase-panel button:not(.client-showcase-card):hover { background: #334155 !important; color: #fff !important; }
.client-showcase-panel .gzx-client-tag { padding: 2px 7px !important; background: #334155 !important; color: #bfdbfe !important; font-size: 9px !important; }
.client-showcase-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 6px !important;
}
.gzx-client-section .client-showcase-grid > div { height: auto !important; min-height: 0 !important; }
.gzx-client-section .client-showcase-card {
  display: grid !important;
  grid-template-rows: 28px 16px 12px 12px 9px 12px !important;
  gap: 2px !important;
  height: 135px !important;
  min-height: 135px !important;
  padding: 7px 5px !important;
  border: 1px solid #475569 !important;
  border-radius: 9px !important;
  background: linear-gradient(150deg, #1e293b, #0f172a) !important;
  color: #f8fafc !important;
  box-shadow: 0 5px 14px rgba(0,0,0,.34) !important;
}
.gzx-client-section .client-showcase-card:hover {
  border-color: #60a5fa !important;
  background: linear-gradient(150deg, #263449, #172033) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.42) !important;
}
.gzx-client-section .client-showcase-card > span:first-child { align-self: start !important; }
.client-showcase-logo {
  width: 22px !important;
  height: 22px !important;
  border-radius: 6px !important;
  border-color: #94a3b8 !important;
  background: #f8fafc !important;
  color: #1e3a8a !important;
  font-size: 10px !important;
  box-shadow: none !important;
}
.client-showcase-logo img { width: 14px !important; height: 14px !important; }
.client-showcase-logo.compact { width: 20px !important; height: 20px !important; border-radius: 6px !important; }
.client-showcase-logo.compact img { width: 12px !important; height: 12px !important; }
.client-showcase-card strong { color: #f8fafc !important; font-size: 10px !important; line-height: 1.05 !important; }
.client-showcase-card small,
.client-showcase-card .gzx-api-status,
.client-showcase-card .gzx-api-source { color: #cbd5e1 !important; font-size: 8px !important; line-height: 1.05 !important; min-height: 9px !important; }
.client-showcase-card .gzx-api-status { color: #67e8f9 !important; }
.client-showcase-card .gzx-api-source { color: #94a3b8 !important; }
.client-showcase-card em { color: #5eead4 !important; font-size: 8px !important; line-height: 1.05 !important; }
.client-showcase-card.is-empty { background: #1f2937 !important; border-color: #475569 !important; color: #94a3b8 !important; }
.client-showcase-slot { color: #64748b !important; font-size: 12px !important; }
@media (max-width: 1500px) { .client-showcase-grid { grid-template-columns: repeat(10, minmax(0, 1fr)) !important; } }
@media (max-width: 1280px) { .client-showcase-grid { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; } }
@media (max-width: 920px) { .client-showcase-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } }
@media (max-width: 560px) { .client-showcase-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }

/* GZX compact project center */
.panel:has(> .project-client-context) {
  zoom: 0.7 !important;
}


/* GZX compact sidebar — 侧边栏整体缩小 30% */
.shell { grid-template-columns: 157px minmax(0, 1fr) !important; }
aside {
  width: 224px !important;
  min-width: 224px !important;
  max-width: 224px !important;
  zoom: 0.7 !important;
  height: calc(100vh / 0.7) !important;
  min-height: calc(100vh / 0.7) !important;
}
@media (max-width: 760px) {
  .shell { grid-template-columns: 1fr !important; }
  aside {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    zoom: 1 !important;
    height: auto !important;
    min-height: auto !important;
  }
}