.workspace-summary-panel { color: #172033; font-family: system-ui, -apple-system, sans-serif; min-width: 0; }
.workspace-summary-panel header { margin-bottom: 16px; }
.workspace-summary-panel h2 { margin: 0 0 6px; font-size: 18px; line-height: 1.4; }
.workspace-summary-panel p { margin: 0; font-size: 14px; color: #64748b; line-height: 1.5; }
.workspace-summary-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.workspace-summary-metric { display: flex; flex-direction: column; gap: 8px; min-width: 0; border: 1px solid #e2e8f0; border-radius: 20px; background: #fff; padding: 16px; box-shadow: 0 7px 20px #0f172a09; }
.workspace-summary-metric span { color: #64748b; font-size: 14px; }
.workspace-summary-metric strong { font-size: 24px; line-height: 1.3; overflow-wrap: anywhere; }
@media (max-width: 760px) { .workspace-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 375px) { .workspace-summary-metric { padding: 12px; } }