.dashboard-view {
  display: grid;
  gap: 14px;
}

.dashboard-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  flex-wrap: wrap;
}

.dashboard-filters {
  display: flex;
  align-items: end;
  gap: 8px;
  flex-wrap: wrap;
}

.dashboard-filters .field {
  min-width: 170px;
}

.dashboard-kpis {
  grid-template-columns: repeat(4, minmax(170px, 1fr));
}

.dashboard-grid {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 14px;
}

.chart-panel {
  padding: 14px;
}

.chart-panel h3 {
  font-size: 1.08rem;
}

.chart-wrap {
  margin-top: 10px;
  min-height: 280px;
}

.table-panel {
  padding: 14px;
}

.table-panel h3 {
  font-size: 1.08rem;
}

.table-panel .table-wrap {
  margin-top: 10px;
}

@media (max-width: 1280px) {
  .dashboard-kpis {
    grid-template-columns: repeat(2, minmax(170px, 1fr));
  }

  .dashboard-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .dashboard-kpis {
    grid-template-columns: 1fr;
  }

  .dashboard-filters {
    width: 100%;
  }

  .dashboard-filters .field {
    min-width: 0;
    width: 100%;
  }
}