.ocg-hub .ocg-filter-bar {
  margin-bottom: 18px;
  align-items: end;
}

.ocg-hub .ocg-filter-field {
  margin: 0;
}

.ocg-hub .ocg-summary-strip {
  margin-bottom: 14px;
}

.ocg-hub .ocg-summary-chip {
  padding: 10px 14px;
}

.ocg-hub .ocg-panel-top {
  display: grid;
  grid-template-columns: minmax(280px, 1.5fr) minmax(120px, .6fr) minmax(280px, 1.2fr);
  gap: 18px;
  align-items: start;
}

.ocg-hub .ocg-panel-field,
.ocg-hub .ocg-panel-meta {
  min-width: 0;
}

.ocg-hub .ocg-panel-value {
  font-weight: 600;
  color: #1d2327;
}

.ocg-hub .ocg-panel-meta--actions .ocg-muted,
.ocg-hub .ocg-panel-meta .ocg-muted {
  margin-bottom: 6px;
}

.ocg-hub .ocg-panel-alerts {
  margin-top: 14px;
}

.ocg-hub .ocg-summary-grid {
  gap: 18px;
}

.ocg-hub .ocg-summary-stat {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.ocg-hub .ocg-summary-stat .ocg-kpi {
  line-height: 1;
}

.ocg-hub .ocg-section-head,
.ocg-hub .ocg-toolbar {
  gap: 18px;
  align-items: start;
}

@media (max-width: 1100px) {
  .ocg-hub .ocg-panel-top {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .ocg-hub .ocg-toolbar,
  .ocg-hub .ocg-section-head {
    flex-direction: column;
  }
}

.ocg-hub.ocg-hub-app,
.ocg-hub.ocg-hub-dashboard,
.ocg-hub.ocg-hub-workspace {
  width: 100%;
  max-width: none;
  margin: 0;
}

.ocg-hub.ocg-hub-dashboard .ocg-toolbar,
.ocg-hub.ocg-hub-workspace .ocg-section-head {
  margin-bottom: 18px;
}

.ocg-hub.ocg-hub-dashboard .ocg-grid,
.ocg-hub.ocg-hub-workspace .ocg-card--section,
.ocg-hub.ocg-hub-workspace .ocg-rollup {
  width: 100%;
}

.ocg-hub.ocg-hub-dashboard .ocg-card,
.ocg-hub.ocg-hub-workspace .ocg-card,
.ocg-hub.ocg-hub-dashboard .ocg-rollup,
.ocg-hub.ocg-hub-workspace .ocg-rollup {
  border-radius: 16px;
}

.ocg-hub.ocg-hub-dashboard .ocg-filters,
.ocg-hub.ocg-hub-workspace .ocg-panel-top,
.ocg-hub.ocg-hub-workspace .ocg-summary-grid {
  align-items: start;
}

.ocg-hub.ocg-hub-dashboard .ocg-summary-chip,
.ocg-hub.ocg-hub-workspace .ocg-summary-stat {
  min-height: 0;
}

.ocg-hub.ocg-hub-dashboard .ocg-page-title,
.ocg-hub.ocg-hub-workspace .ocg-page-title {
  font-size: 24px;
  line-height: 1.15;
}

.ocg-hub.ocg-hub-dashboard .ocg-page-subtitle,
.ocg-hub.ocg-hub-workspace .ocg-page-subtitle {
  max-width: none;
}

@media (max-width: 767px) {
  .ocg-hub.ocg-hub-dashboard .ocg-filters {
    grid-template-columns: 1fr;
  }
}